@cloudscape-design/components 3.0.465 → 3.0.466

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (306) hide show
  1. package/alert/styles.css.js +25 -25
  2. package/alert/styles.scoped.css +41 -41
  3. package/alert/styles.selectors.js +25 -25
  4. package/anchor-navigation/styles.css.js +8 -8
  5. package/anchor-navigation/styles.scoped.css +22 -22
  6. package/anchor-navigation/styles.selectors.js +8 -8
  7. package/annotation-context/annotation/styles.css.js +24 -24
  8. package/annotation-context/annotation/styles.scoped.css +31 -31
  9. package/annotation-context/annotation/styles.selectors.js +24 -24
  10. package/app-layout/drawer/styles.css.js +12 -12
  11. package/app-layout/drawer/styles.scoped.css +21 -21
  12. package/app-layout/drawer/styles.selectors.js +12 -12
  13. package/app-layout/mobile-toolbar/styles.css.js +8 -8
  14. package/app-layout/mobile-toolbar/styles.scoped.css +9 -9
  15. package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
  16. package/app-layout/styles.css.js +16 -16
  17. package/app-layout/styles.scoped.css +20 -20
  18. package/app-layout/styles.selectors.js +16 -16
  19. package/app-layout/visual-refresh/split-panel.d.ts.map +1 -1
  20. package/app-layout/visual-refresh/split-panel.js +2 -1
  21. package/app-layout/visual-refresh/split-panel.js.map +1 -1
  22. package/app-layout/visual-refresh/styles.css.js +80 -80
  23. package/app-layout/visual-refresh/styles.scoped.css +184 -179
  24. package/app-layout/visual-refresh/styles.selectors.js +80 -80
  25. package/area-chart/styles.css.js +6 -6
  26. package/area-chart/styles.scoped.css +10 -10
  27. package/area-chart/styles.selectors.js +6 -6
  28. package/attribute-editor/styles.css.js +14 -14
  29. package/attribute-editor/styles.scoped.css +26 -26
  30. package/attribute-editor/styles.selectors.js +14 -14
  31. package/badge/styles.css.js +5 -5
  32. package/badge/styles.scoped.css +6 -6
  33. package/badge/styles.selectors.js +5 -5
  34. package/box/styles.css.js +190 -190
  35. package/box/styles.scoped.css +239 -239
  36. package/box/styles.selectors.js +190 -190
  37. package/breadcrumb-group/styles.css.js +7 -7
  38. package/breadcrumb-group/styles.scoped.css +14 -14
  39. package/breadcrumb-group/styles.selectors.js +7 -7
  40. package/button/styles.css.js +20 -20
  41. package/button/styles.scoped.css +152 -152
  42. package/button/styles.selectors.js +20 -20
  43. package/button-dropdown/category-elements/styles.css.js +13 -13
  44. package/button-dropdown/category-elements/styles.scoped.css +30 -30
  45. package/button-dropdown/category-elements/styles.selectors.js +13 -13
  46. package/button-dropdown/item-element/styles.css.js +15 -15
  47. package/button-dropdown/item-element/styles.scoped.css +21 -21
  48. package/button-dropdown/item-element/styles.selectors.js +15 -15
  49. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  50. package/button-dropdown/mobile-expandable-group/styles.scoped.css +6 -6
  51. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  52. package/button-dropdown/styles.css.js +15 -15
  53. package/button-dropdown/styles.scoped.css +23 -23
  54. package/button-dropdown/styles.selectors.js +15 -15
  55. package/calendar/styles.css.js +18 -18
  56. package/calendar/styles.scoped.css +40 -40
  57. package/calendar/styles.selectors.js +18 -18
  58. package/cards/index.js +2 -1
  59. package/cards/index.js.map +1 -1
  60. package/cards/styles.css.js +39 -38
  61. package/cards/styles.scoped.css +57 -94
  62. package/cards/styles.selectors.js +39 -38
  63. package/checkbox/styles.css.js +3 -3
  64. package/checkbox/styles.scoped.css +6 -6
  65. package/checkbox/styles.selectors.js +3 -3
  66. package/code-editor/styles.css.js +32 -32
  67. package/code-editor/styles.scoped.css +135 -135
  68. package/code-editor/styles.selectors.js +32 -32
  69. package/collection-preferences/content-display/styles.css.js +11 -11
  70. package/collection-preferences/content-display/styles.scoped.css +20 -20
  71. package/collection-preferences/content-display/styles.selectors.js +11 -11
  72. package/collection-preferences/styles.css.js +37 -37
  73. package/collection-preferences/styles.scoped.css +50 -50
  74. package/collection-preferences/styles.selectors.js +37 -37
  75. package/column-layout/flexible-column-layout/styles.css.js +5 -5
  76. package/column-layout/flexible-column-layout/styles.scoped.css +5 -5
  77. package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  78. package/column-layout/styles.css.js +13 -13
  79. package/column-layout/styles.scoped.css +47 -47
  80. package/column-layout/styles.selectors.js +13 -13
  81. package/container/internal.d.ts.map +1 -1
  82. package/container/internal.js +2 -2
  83. package/container/internal.js.map +1 -1
  84. package/container/styles.css.js +29 -28
  85. package/container/styles.scoped.css +66 -74
  86. package/container/styles.selectors.js +29 -28
  87. package/container/use-sticky-header.d.ts.map +1 -1
  88. package/container/use-sticky-header.js +2 -1
  89. package/container/use-sticky-header.js.map +1 -1
  90. package/content-layout/styles.css.js +7 -7
  91. package/content-layout/styles.scoped.css +12 -12
  92. package/content-layout/styles.selectors.js +7 -7
  93. package/date-picker/styles.css.js +7 -7
  94. package/date-picker/styles.scoped.css +10 -10
  95. package/date-picker/styles.selectors.js +7 -7
  96. package/date-range-picker/calendar/grids/styles.css.js +25 -25
  97. package/date-range-picker/calendar/grids/styles.scoped.css +44 -44
  98. package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  99. package/date-range-picker/styles.css.js +38 -38
  100. package/date-range-picker/styles.scoped.css +50 -50
  101. package/date-range-picker/styles.selectors.js +38 -38
  102. package/drawer/styles.css.js +3 -3
  103. package/drawer/styles.scoped.css +11 -11
  104. package/drawer/styles.selectors.js +3 -3
  105. package/expandable-section/styles.css.js +32 -32
  106. package/expandable-section/styles.scoped.css +68 -68
  107. package/expandable-section/styles.selectors.js +32 -32
  108. package/flashbar/styles.css.js +47 -47
  109. package/flashbar/styles.scoped.css +149 -149
  110. package/flashbar/styles.selectors.js +47 -47
  111. package/form/styles.css.js +9 -9
  112. package/form/styles.scoped.css +9 -9
  113. package/form/styles.selectors.js +9 -9
  114. package/form-field/styles.css.js +19 -19
  115. package/form-field/styles.scoped.css +31 -31
  116. package/form-field/styles.selectors.js +19 -19
  117. package/grid/styles.css.js +53 -53
  118. package/grid/styles.scoped.css +55 -55
  119. package/grid/styles.selectors.js +53 -53
  120. package/header/styles.css.js +34 -34
  121. package/header/styles.scoped.css +52 -52
  122. package/header/styles.selectors.js +34 -34
  123. package/help-panel/styles.css.js +4 -4
  124. package/help-panel/styles.scoped.css +72 -72
  125. package/help-panel/styles.selectors.js +4 -4
  126. package/input/styles.css.js +12 -12
  127. package/input/styles.scoped.css +37 -37
  128. package/input/styles.selectors.js +12 -12
  129. package/internal/base-component/styles.scoped.css +171 -173
  130. package/internal/components/abstract-switch/styles.css.js +13 -13
  131. package/internal/components/abstract-switch/styles.scoped.css +23 -19
  132. package/internal/components/abstract-switch/styles.selectors.js +13 -13
  133. package/internal/components/button-trigger/styles.css.js +10 -10
  134. package/internal/components/button-trigger/styles.scoped.css +26 -26
  135. package/internal/components/button-trigger/styles.selectors.js +10 -10
  136. package/internal/components/cartesian-chart/styles.css.js +27 -27
  137. package/internal/components/cartesian-chart/styles.scoped.css +33 -33
  138. package/internal/components/cartesian-chart/styles.selectors.js +27 -27
  139. package/internal/components/chart-filter/styles.css.js +3 -3
  140. package/internal/components/chart-filter/styles.scoped.css +4 -4
  141. package/internal/components/chart-filter/styles.selectors.js +3 -3
  142. package/internal/components/chart-legend/styles.css.js +6 -6
  143. package/internal/components/chart-legend/styles.scoped.css +16 -16
  144. package/internal/components/chart-legend/styles.selectors.js +6 -6
  145. package/internal/components/chart-popover/styles.css.js +3 -3
  146. package/internal/components/chart-popover/styles.scoped.css +4 -4
  147. package/internal/components/chart-popover/styles.selectors.js +3 -3
  148. package/internal/components/chart-popover-footer/styles.css.js +1 -1
  149. package/internal/components/chart-popover-footer/styles.scoped.css +3 -3
  150. package/internal/components/chart-popover-footer/styles.selectors.js +1 -1
  151. package/internal/components/chart-series-details/styles.css.js +19 -19
  152. package/internal/components/chart-series-details/styles.scoped.css +35 -35
  153. package/internal/components/chart-series-details/styles.selectors.js +19 -19
  154. package/internal/components/chart-series-marker/styles.css.js +5 -5
  155. package/internal/components/chart-series-marker/styles.scoped.css +8 -8
  156. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  157. package/internal/components/chart-wrapper/styles.css.js +9 -9
  158. package/internal/components/chart-wrapper/styles.scoped.css +10 -10
  159. package/internal/components/chart-wrapper/styles.selectors.js +9 -9
  160. package/internal/components/dark-ribbon/styles.css.js +2 -2
  161. package/internal/components/dark-ribbon/styles.scoped.css +3 -3
  162. package/internal/components/dark-ribbon/styles.selectors.js +2 -2
  163. package/internal/components/dropdown/styles.css.js +20 -20
  164. package/internal/components/dropdown/styles.scoped.css +38 -38
  165. package/internal/components/dropdown/styles.selectors.js +20 -20
  166. package/internal/components/dropdown-footer/styles.css.js +3 -3
  167. package/internal/components/dropdown-footer/styles.scoped.css +5 -5
  168. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  169. package/internal/components/dropdown-status/styles.css.js +2 -2
  170. package/internal/components/dropdown-status/styles.scoped.css +3 -3
  171. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  172. package/internal/components/filtering-token/styles.css.js +7 -7
  173. package/internal/components/filtering-token/styles.scoped.css +15 -15
  174. package/internal/components/filtering-token/styles.selectors.js +7 -7
  175. package/internal/components/menu-dropdown/styles.css.js +7 -7
  176. package/internal/components/menu-dropdown/styles.scoped.css +14 -14
  177. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  178. package/internal/components/option/styles.css.js +17 -17
  179. package/internal/components/option/styles.scoped.css +31 -31
  180. package/internal/components/option/styles.selectors.js +17 -17
  181. package/internal/components/options-list/styles.css.js +2 -2
  182. package/internal/components/options-list/styles.scoped.css +3 -3
  183. package/internal/components/options-list/styles.selectors.js +2 -2
  184. package/internal/components/selectable-item/styles.css.js +16 -16
  185. package/internal/components/selectable-item/styles.scoped.css +44 -38
  186. package/internal/components/selectable-item/styles.selectors.js +16 -16
  187. package/internal/components/token-list/styles.css.js +9 -9
  188. package/internal/components/token-list/styles.scoped.css +23 -23
  189. package/internal/components/token-list/styles.selectors.js +9 -9
  190. package/internal/environment.js +1 -1
  191. package/internal/environment.json +1 -1
  192. package/internal/generated/styles/tokens.d.ts +2 -0
  193. package/internal/generated/styles/tokens.js +14 -12
  194. package/internal/generated/theming/index.cjs +264 -192
  195. package/internal/generated/theming/index.cjs.d.ts +16 -0
  196. package/internal/generated/theming/index.d.ts +16 -0
  197. package/internal/generated/theming/index.js +264 -192
  198. package/internal/manifest.json +1 -1
  199. package/link/styles.css.js +20 -20
  200. package/link/styles.scoped.css +72 -72
  201. package/link/styles.selectors.js +20 -20
  202. package/modal/styles.css.js +23 -23
  203. package/modal/styles.scoped.css +42 -42
  204. package/modal/styles.selectors.js +23 -23
  205. package/multiselect/styles.css.js +2 -2
  206. package/multiselect/styles.scoped.css +3 -3
  207. package/multiselect/styles.selectors.js +2 -2
  208. package/package.json +1 -1
  209. package/pagination/styles.css.js +9 -9
  210. package/pagination/styles.scoped.css +24 -24
  211. package/pagination/styles.selectors.js +9 -9
  212. package/pie-chart/styles.css.js +27 -27
  213. package/pie-chart/styles.scoped.css +53 -53
  214. package/pie-chart/styles.selectors.js +27 -27
  215. package/popover/styles.css.js +50 -50
  216. package/popover/styles.scoped.css +68 -68
  217. package/popover/styles.selectors.js +50 -50
  218. package/progress-bar/styles.css.js +18 -18
  219. package/progress-bar/styles.scoped.css +33 -33
  220. package/progress-bar/styles.selectors.js +18 -18
  221. package/property-filter/styles.css.js +31 -31
  222. package/property-filter/styles.scoped.css +36 -36
  223. package/property-filter/styles.selectors.js +31 -31
  224. package/radio-group/styles.css.js +9 -9
  225. package/radio-group/styles.scoped.css +16 -16
  226. package/radio-group/styles.selectors.js +9 -9
  227. package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  228. package/s3-resource-selector/s3-in-context/styles.scoped.css +10 -10
  229. package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  230. package/segmented-control/styles.css.js +14 -14
  231. package/segmented-control/styles.scoped.css +34 -34
  232. package/segmented-control/styles.selectors.js +14 -14
  233. package/select/parts/styles.css.js +16 -16
  234. package/select/parts/styles.scoped.css +19 -19
  235. package/select/parts/styles.selectors.js +16 -16
  236. package/select/styles.css.js +1 -1
  237. package/select/styles.scoped.css +2 -2
  238. package/select/styles.selectors.js +1 -1
  239. package/side-navigation/styles.css.js +28 -28
  240. package/side-navigation/styles.scoped.css +46 -46
  241. package/side-navigation/styles.selectors.js +28 -28
  242. package/split-panel/side.d.ts.map +1 -1
  243. package/split-panel/side.js +1 -3
  244. package/split-panel/side.js.map +1 -1
  245. package/split-panel/styles.css.js +55 -55
  246. package/split-panel/styles.scoped.css +88 -92
  247. package/split-panel/styles.selectors.js +55 -55
  248. package/status-indicator/styles.css.js +23 -23
  249. package/status-indicator/styles.scoped.css +30 -30
  250. package/status-indicator/styles.selectors.js +23 -23
  251. package/table/body-cell/styles.css.js +28 -28
  252. package/table/body-cell/styles.scoped.css +85 -85
  253. package/table/body-cell/styles.selectors.js +28 -28
  254. package/table/header-cell/styles.css.js +24 -24
  255. package/table/header-cell/styles.scoped.css +42 -42
  256. package/table/header-cell/styles.selectors.js +24 -24
  257. package/table/resizer/styles.css.js +8 -8
  258. package/table/resizer/styles.scoped.css +17 -17
  259. package/table/resizer/styles.selectors.js +8 -8
  260. package/table/sticky-scrollbar/styles.css.js +6 -6
  261. package/table/sticky-scrollbar/styles.scoped.css +9 -9
  262. package/table/sticky-scrollbar/styles.selectors.js +6 -6
  263. package/table/styles.css.js +35 -35
  264. package/table/styles.scoped.css +44 -44
  265. package/table/styles.selectors.js +35 -35
  266. package/tabs/styles.css.js +21 -21
  267. package/tabs/styles.scoped.css +47 -47
  268. package/tabs/styles.selectors.js +21 -21
  269. package/text-content/styles.css.js +1 -1
  270. package/text-content/styles.scoped.css +62 -62
  271. package/text-content/styles.selectors.js +1 -1
  272. package/text-filter/styles.css.js +3 -3
  273. package/text-filter/styles.scoped.css +4 -4
  274. package/text-filter/styles.selectors.js +3 -3
  275. package/textarea/styles.css.js +4 -4
  276. package/textarea/styles.scoped.css +16 -16
  277. package/textarea/styles.selectors.js +4 -4
  278. package/tiles/styles.css.js +29 -29
  279. package/tiles/styles.scoped.css +76 -76
  280. package/tiles/styles.selectors.js +29 -29
  281. package/toggle/styles.css.js +8 -8
  282. package/toggle/styles.scoped.css +14 -14
  283. package/toggle/styles.selectors.js +8 -8
  284. package/token-group/styles.css.js +8 -8
  285. package/token-group/styles.scoped.css +19 -19
  286. package/token-group/styles.selectors.js +8 -8
  287. package/top-navigation/1.0-beta/styles.css.js +25 -25
  288. package/top-navigation/1.0-beta/styles.scoped.css +44 -44
  289. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  290. package/top-navigation/styles.css.js +47 -47
  291. package/top-navigation/styles.scoped.css +78 -78
  292. package/top-navigation/styles.selectors.js +47 -47
  293. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  294. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +24 -24
  295. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  296. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  297. package/tutorial-panel/components/tutorial-list/styles.scoped.css +32 -32
  298. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  299. package/tutorial-panel/styles.css.js +1 -1
  300. package/tutorial-panel/styles.scoped.css +2 -2
  301. package/tutorial-panel/styles.selectors.js +1 -1
  302. package/wizard/styles.css.js +31 -31
  303. package/wizard/styles.scoped.css +70 -73
  304. package/wizard/styles.selectors.js +31 -31
  305. package/wizard/wizard-navigation.js +1 -1
  306. package/wizard/wizard-navigation.js.map +1 -1
package/help-panel/styles.scoped.css CHANGED
@@ -91,7 +91,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
93
  /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
94
- .awsui_help-panel_1d237_1yuqf_94:not(#\9) {
94
+ .awsui_help-panel_1d237_jjeuv_94:not(#\9) {
95
95
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
96
96
  border-collapse: separate;
97
97
  border-spacing: 0;
@@ -123,7 +123,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
123
123
  box-sizing: border-box;
124
124
  font-size: var(--font-size-body-m-x4okxb, 14px);
125
125
  line-height: var(--line-height-body-m-30ar75, 20px);
126
- color: var(--color-text-body-default-2sxhhn, #000716);
126
+ color: var(--color-text-body-default-at06ol, #000716);
127
127
  font-weight: 400;
128
128
  font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
129
129
  -webkit-font-smoothing: auto;
@@ -131,32 +131,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
131
131
  word-wrap: break-word;
132
132
  padding: var(--space-scaled-l-0hpmd7, 20px) var(--space-panel-side-right-xofg51, 24px) 0 var(--space-panel-side-left-5t0who, 28px);
133
133
  }
134
- .awsui_help-panel_1d237_1yuqf_94 hr:not(#\9) {
134
+ .awsui_help-panel_1d237_jjeuv_94 hr:not(#\9) {
135
135
  border: none;
136
- border-top: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
136
+ border-top: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
137
137
  margin: var(--space-scaled-xl-kswcw7, 24px) calc(-1 * var(--space-xs-zb16t3, 8px));
138
138
  }
139
- .awsui_help-panel_1d237_1yuqf_94 ol:not(#\9),
140
- .awsui_help-panel_1d237_1yuqf_94 ul:not(#\9) {
139
+ .awsui_help-panel_1d237_jjeuv_94 ol:not(#\9),
140
+ .awsui_help-panel_1d237_jjeuv_94 ul:not(#\9) {
141
141
  padding-left: var(--space-l-t419sm, 20px);
142
142
  list-style-position: outside;
143
143
  margin: var(--space-s-34lx8l, 12px) 0;
144
144
  }
145
- .awsui_help-panel_1d237_1yuqf_94 li:not(#\9) {
145
+ .awsui_help-panel_1d237_jjeuv_94 li:not(#\9) {
146
146
  margin: var(--space-scaled-xxs-7597g1, 4px) 0;
147
147
  }
148
- .awsui_help-panel_1d237_1yuqf_94 a:not(#\9),
149
- .awsui_help-panel_1d237_1yuqf_94 h2:not(#\9),
150
- .awsui_help-panel_1d237_1yuqf_94 h3:not(#\9),
151
- .awsui_help-panel_1d237_1yuqf_94 h4:not(#\9),
152
- .awsui_help-panel_1d237_1yuqf_94 h5:not(#\9),
153
- .awsui_help-panel_1d237_1yuqf_94 pre:not(#\9),
154
- .awsui_help-panel_1d237_1yuqf_94 code:not(#\9) {
148
+ .awsui_help-panel_1d237_jjeuv_94 a:not(#\9),
149
+ .awsui_help-panel_1d237_jjeuv_94 h2:not(#\9),
150
+ .awsui_help-panel_1d237_jjeuv_94 h3:not(#\9),
151
+ .awsui_help-panel_1d237_jjeuv_94 h4:not(#\9),
152
+ .awsui_help-panel_1d237_jjeuv_94 h5:not(#\9),
153
+ .awsui_help-panel_1d237_jjeuv_94 pre:not(#\9),
154
+ .awsui_help-panel_1d237_jjeuv_94 code:not(#\9) {
155
155
  margin: var(--space-xs-zb16t3, 8px) 0;
156
156
  padding-top: 0;
157
157
  padding-bottom: 0;
158
158
  }
159
- .awsui_help-panel_1d237_1yuqf_94 code:not(#\9) {
159
+ .awsui_help-panel_1d237_jjeuv_94 code:not(#\9) {
160
160
  font-size: var(--font-size-body-s-asqx2i, 12px);
161
161
  line-height: var(--line-height-body-s-7zv1j5, 16px);
162
162
  letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
@@ -166,7 +166,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
166
166
  word-wrap: break-word;
167
167
  white-space: pre-wrap;
168
168
  }
169
- .awsui_help-panel_1d237_1yuqf_94 pre:not(#\9) {
169
+ .awsui_help-panel_1d237_jjeuv_94 pre:not(#\9) {
170
170
  font-size: var(--font-size-body-s-asqx2i, 12px);
171
171
  line-height: var(--line-height-body-s-7zv1j5, 16px);
172
172
  letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
@@ -177,38 +177,38 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
177
177
  white-space: pre-wrap;
178
178
  padding: var(--space-xxs-p8yyaw, 4px);
179
179
  }
180
- .awsui_help-panel_1d237_1yuqf_94 dl:not(#\9) {
180
+ .awsui_help-panel_1d237_jjeuv_94 dl:not(#\9) {
181
181
  margin: var(--space-s-34lx8l, 12px) 0;
182
182
  /* stylelint-disable-next-line selector-max-universal */
183
183
  }
184
- .awsui_help-panel_1d237_1yuqf_94 dl *:not(#\9) {
184
+ .awsui_help-panel_1d237_jjeuv_94 dl *:not(#\9) {
185
185
  margin-top: 0;
186
186
  margin-bottom: 0;
187
187
  }
188
- .awsui_help-panel_1d237_1yuqf_94 dt:not(#\9) {
188
+ .awsui_help-panel_1d237_jjeuv_94 dt:not(#\9) {
189
189
  margin-top: var(--space-xs-zb16t3, 8px);
190
190
  font-weight: 700;
191
191
  }
192
- .awsui_help-panel_1d237_1yuqf_94 dd:not(#\9) {
192
+ .awsui_help-panel_1d237_jjeuv_94 dd:not(#\9) {
193
193
  margin: 0 0 var(--space-xs-zb16t3, 8px);
194
194
  }
195
- .awsui_help-panel_1d237_1yuqf_94 h2:not(#\9),
196
- .awsui_help-panel_1d237_1yuqf_94 h3:not(#\9),
197
- .awsui_help-panel_1d237_1yuqf_94 h4:not(#\9),
198
- .awsui_help-panel_1d237_1yuqf_94 h5:not(#\9),
199
- .awsui_help-panel_1d237_1yuqf_94 h6:not(#\9) {
195
+ .awsui_help-panel_1d237_jjeuv_94 h2:not(#\9),
196
+ .awsui_help-panel_1d237_jjeuv_94 h3:not(#\9),
197
+ .awsui_help-panel_1d237_jjeuv_94 h4:not(#\9),
198
+ .awsui_help-panel_1d237_jjeuv_94 h5:not(#\9),
199
+ .awsui_help-panel_1d237_jjeuv_94 h6:not(#\9) {
200
200
  margin-top: var(--space-xl-lmui9r, 24px);
201
- color: var(--color-text-heading-default-rtslvy, #000716);
201
+ color: var(--color-text-heading-default-lstrpn, #000716);
202
202
  }
203
- .awsui_help-panel_1d237_1yuqf_94 > :not(#\9):last-child {
203
+ .awsui_help-panel_1d237_jjeuv_94 > :not(#\9):last-child {
204
204
  margin-bottom: var(--space-scaled-xxxl-fdg8ai, 40px);
205
205
  }
206
- .awsui_help-panel_1d237_1yuqf_94 p:not(#\9) {
206
+ .awsui_help-panel_1d237_jjeuv_94 p:not(#\9) {
207
207
  color: inherit;
208
208
  text-decoration: none;
209
209
  margin: var(--space-s-34lx8l, 12px) 0;
210
210
  }
211
- .awsui_help-panel_1d237_1yuqf_94 h1:not(#\9) {
211
+ .awsui_help-panel_1d237_jjeuv_94 h1:not(#\9) {
212
212
  font-size: var(--font-size-heading-xl-ypc05a, 24px);
213
213
  line-height: var(--line-height-heading-xl-avbttk, 30px);
214
214
  letter-spacing: var(--letter-spacing-heading-xl-sagq9c, -0.02em);
@@ -216,7 +216,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
216
216
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
217
217
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
218
218
  }
219
- .awsui_help-panel_1d237_1yuqf_94 h2:not(#\9) {
219
+ .awsui_help-panel_1d237_jjeuv_94 h2:not(#\9) {
220
220
  font-size: var(--font-size-heading-l-ou0d0l, 20px);
221
221
  line-height: var(--line-height-heading-l-mmm3my, 24px);
222
222
  letter-spacing: var(--letter-spacing-heading-l-qqjd4y, -0.015em);
@@ -224,7 +224,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
224
224
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
225
225
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
226
226
  }
227
- .awsui_help-panel_1d237_1yuqf_94 h3:not(#\9) {
227
+ .awsui_help-panel_1d237_jjeuv_94 h3:not(#\9) {
228
228
  font-size: var(--font-size-heading-m-sjd256, 18px);
229
229
  line-height: var(--line-height-heading-m-50evfk, 22px);
230
230
  letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
@@ -232,7 +232,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
232
232
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
233
233
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
234
234
  }
235
- .awsui_help-panel_1d237_1yuqf_94 h4:not(#\9) {
235
+ .awsui_help-panel_1d237_jjeuv_94 h4:not(#\9) {
236
236
  font-size: var(--font-size-heading-s-yykzif, 16px);
237
237
  line-height: var(--line-height-heading-s-4i6ewn, 20px);
238
238
  letter-spacing: var(--letter-spacing-heading-s-jr3mor, -0.005em);
@@ -240,36 +240,36 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
240
240
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
241
241
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
242
242
  }
243
- .awsui_help-panel_1d237_1yuqf_94 h5:not(#\9) {
243
+ .awsui_help-panel_1d237_jjeuv_94 h5:not(#\9) {
244
244
  font-size: var(--font-size-heading-xs-wo4hpf, 14px);
245
245
  line-height: var(--line-height-heading-xs-aeleja, 18px);
246
246
  font-weight: var(--font-weight-heading-xs-l7rqme, 700);
247
247
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
248
248
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
249
249
  }
250
- .awsui_help-panel_1d237_1yuqf_94 b:not(#\9),
251
- .awsui_help-panel_1d237_1yuqf_94 strong:not(#\9) {
250
+ .awsui_help-panel_1d237_jjeuv_94 b:not(#\9),
251
+ .awsui_help-panel_1d237_jjeuv_94 strong:not(#\9) {
252
252
  font-weight: 700;
253
253
  }
254
- .awsui_help-panel_1d237_1yuqf_94 .awsui_header_1d237_1yuqf_228:not(#\9) {
254
+ .awsui_help-panel_1d237_jjeuv_94 .awsui_header_1d237_jjeuv_228:not(#\9) {
255
255
  font-size: var(--font-panel-header-size-edjz3l, 18px);
256
256
  line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
257
257
  font-weight: var(--font-weight-heading-l-f8711v, 700);
258
258
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
259
259
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
260
- color: var(--color-text-heading-default-rtslvy, #000716);
260
+ color: var(--color-text-heading-default-lstrpn, #000716);
261
261
  padding-bottom: var(--space-scaled-l-0hpmd7, 20px);
262
262
  padding-left: var(--space-panel-side-left-5t0who, 28px);
263
263
  padding-right: calc(var(--space-xl-lmui9r, 24px) + var(--space-scaled-xxl-wbot5q, 32px));
264
264
  border: none;
265
- border-bottom: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
265
+ border-bottom: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
266
266
  margin: 0 calc(-1 * var(--space-panel-side-right-xofg51, 24px)) var(--space-scaled-l-0hpmd7, 20px) calc(-1 * var(--space-panel-side-left-5t0who, 28px));
267
267
  }
268
- .awsui_help-panel_1d237_1yuqf_94 .awsui_header_1d237_1yuqf_228 h2:not(#\9),
269
- .awsui_help-panel_1d237_1yuqf_94 .awsui_header_1d237_1yuqf_228 h3:not(#\9),
270
- .awsui_help-panel_1d237_1yuqf_94 .awsui_header_1d237_1yuqf_228 h4:not(#\9),
271
- .awsui_help-panel_1d237_1yuqf_94 .awsui_header_1d237_1yuqf_228 h5:not(#\9),
272
- .awsui_help-panel_1d237_1yuqf_94 .awsui_header_1d237_1yuqf_228 h6:not(#\9) {
268
+ .awsui_help-panel_1d237_jjeuv_94 .awsui_header_1d237_jjeuv_228 h2:not(#\9),
269
+ .awsui_help-panel_1d237_jjeuv_94 .awsui_header_1d237_jjeuv_228 h3:not(#\9),
270
+ .awsui_help-panel_1d237_jjeuv_94 .awsui_header_1d237_jjeuv_228 h4:not(#\9),
271
+ .awsui_help-panel_1d237_jjeuv_94 .awsui_header_1d237_jjeuv_228 h5:not(#\9),
272
+ .awsui_help-panel_1d237_jjeuv_94 .awsui_header_1d237_jjeuv_228 h6:not(#\9) {
273
273
  font-size: var(--font-panel-header-size-edjz3l, 18px);
274
274
  line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
275
275
  font-weight: var(--font-weight-heading-l-f8711v, 700);
@@ -281,17 +281,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
281
281
  margin-bottom: 0;
282
282
  }
283
283
 
284
- .awsui_content_1d237_1yuqf_258:not(#\9) {
285
- color: var(--color-text-body-secondary-so8znq, #414d5c);
286
- }
287
- .awsui_content_1d237_1yuqf_258 h2:not(#\9):first-child,
288
- .awsui_content_1d237_1yuqf_258 h3:not(#\9):first-child,
289
- .awsui_content_1d237_1yuqf_258 h4:not(#\9):first-child,
290
- .awsui_content_1d237_1yuqf_258 h5:not(#\9):first-child,
291
- .awsui_content_1d237_1yuqf_258 h6:not(#\9):first-child {
284
+ .awsui_content_1d237_jjeuv_258:not(#\9) {
285
+ color: var(--color-text-body-secondary-w9jvno, #414d5c);
286
+ }
287
+ .awsui_content_1d237_jjeuv_258 h2:not(#\9):first-child,
288
+ .awsui_content_1d237_jjeuv_258 h3:not(#\9):first-child,
289
+ .awsui_content_1d237_jjeuv_258 h4:not(#\9):first-child,
290
+ .awsui_content_1d237_jjeuv_258 h5:not(#\9):first-child,
291
+ .awsui_content_1d237_jjeuv_258 h6:not(#\9):first-child {
292
292
  margin-top: 0;
293
293
  }
294
- .awsui_content_1d237_1yuqf_258 a:not(#\9) {
294
+ .awsui_content_1d237_jjeuv_258 a:not(#\9) {
295
295
  color: var(--color-text-link-default-latg1a, #0972d3);
296
296
  font-weight: inherit;
297
297
  letter-spacing: normal;
@@ -305,44 +305,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
305
305
  text-decoration-thickness: 1px;
306
306
  }
307
307
  @media (prefers-reduced-motion: reduce) {
308
- .awsui_content_1d237_1yuqf_258 a:not(#\9) {
308
+ .awsui_content_1d237_jjeuv_258 a:not(#\9) {
309
309
  animation: none;
310
310
  transition: none;
311
311
  }
312
312
  }
313
- .awsui-motion-disabled .awsui_content_1d237_1yuqf_258 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_1yuqf_258 a:not(#\9) {
313
+ .awsui-motion-disabled .awsui_content_1d237_jjeuv_258 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_jjeuv_258 a:not(#\9) {
314
314
  animation: none;
315
315
  transition: none;
316
316
  }
317
- .awsui_content_1d237_1yuqf_258 a:not(#\9):hover {
317
+ .awsui_content_1d237_jjeuv_258 a:not(#\9):hover {
318
318
  cursor: pointer;
319
319
  color: var(--color-text-link-hover-8j6p14, #033160);
320
320
  }
321
- .awsui_content_1d237_1yuqf_258 a:not(#\9):focus {
321
+ .awsui_content_1d237_jjeuv_258 a:not(#\9):focus {
322
322
  outline: none;
323
323
  }
324
- .awsui_content_1d237_1yuqf_258 a:not(#\9):active {
324
+ .awsui_content_1d237_jjeuv_258 a:not(#\9):active {
325
325
  color: var(--color-text-link-hover-8j6p14, #033160);
326
326
  }
327
- .awsui_content_1d237_1yuqf_258 a:not(#\9):active, .awsui_content_1d237_1yuqf_258 a:not(#\9):focus, .awsui_content_1d237_1yuqf_258 a:not(#\9):hover {
327
+ .awsui_content_1d237_jjeuv_258 a:not(#\9):active, .awsui_content_1d237_jjeuv_258 a:not(#\9):focus, .awsui_content_1d237_jjeuv_258 a:not(#\9):hover {
328
328
  text-decoration-line: underline;
329
329
  text-decoration-color: currentColor;
330
330
  }
331
331
 
332
- .awsui_footer_1d237_1yuqf_304:not(#\9) {
333
- color: var(--color-text-body-secondary-so8znq, #414d5c);
334
- border-top: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
332
+ .awsui_footer_1d237_jjeuv_304:not(#\9) {
333
+ color: var(--color-text-body-secondary-w9jvno, #414d5c);
334
+ border-top: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
335
335
  margin: var(--space-scaled-xl-kswcw7, 24px) calc(-1 * var(--space-xs-zb16t3, 8px));
336
336
  padding: 0 var(--space-s-34lx8l, 12px);
337
337
  }
338
- .awsui_footer_1d237_1yuqf_304 > :not(#\9):first-child {
338
+ .awsui_footer_1d237_jjeuv_304 > :not(#\9):first-child {
339
339
  margin-top: var(--space-scaled-xl-kswcw7, 24px);
340
340
  }
341
- .awsui_footer_1d237_1yuqf_304 ul:not(#\9) {
341
+ .awsui_footer_1d237_jjeuv_304 ul:not(#\9) {
342
342
  list-style: none;
343
343
  padding-left: 0;
344
344
  }
345
- .awsui_footer_1d237_1yuqf_304 a:not(#\9) {
345
+ .awsui_footer_1d237_jjeuv_304 a:not(#\9) {
346
346
  color: var(--color-text-link-default-latg1a, #0972d3);
347
347
  font-weight: inherit;
348
348
  letter-spacing: normal;
@@ -356,32 +356,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
356
356
  text-decoration-thickness: 1px;
357
357
  }
358
358
  @media (prefers-reduced-motion: reduce) {
359
- .awsui_footer_1d237_1yuqf_304 a:not(#\9) {
359
+ .awsui_footer_1d237_jjeuv_304 a:not(#\9) {
360
360
  animation: none;
361
361
  transition: none;
362
362
  }
363
363
  }
364
- .awsui-motion-disabled .awsui_footer_1d237_1yuqf_304 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_1yuqf_304 a:not(#\9) {
364
+ .awsui-motion-disabled .awsui_footer_1d237_jjeuv_304 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_jjeuv_304 a:not(#\9) {
365
365
  animation: none;
366
366
  transition: none;
367
367
  }
368
- .awsui_footer_1d237_1yuqf_304 a:not(#\9):hover {
368
+ .awsui_footer_1d237_jjeuv_304 a:not(#\9):hover {
369
369
  cursor: pointer;
370
370
  color: var(--color-text-link-hover-8j6p14, #033160);
371
371
  }
372
- .awsui_footer_1d237_1yuqf_304 a:not(#\9):focus {
372
+ .awsui_footer_1d237_jjeuv_304 a:not(#\9):focus {
373
373
  outline: none;
374
374
  }
375
- .awsui_footer_1d237_1yuqf_304 a:not(#\9):active {
375
+ .awsui_footer_1d237_jjeuv_304 a:not(#\9):active {
376
376
  color: var(--color-text-link-hover-8j6p14, #033160);
377
377
  }
378
- .awsui_footer_1d237_1yuqf_304 a:not(#\9):active, .awsui_footer_1d237_1yuqf_304 a:not(#\9):focus, .awsui_footer_1d237_1yuqf_304 a:not(#\9):hover {
378
+ .awsui_footer_1d237_jjeuv_304 a:not(#\9):active, .awsui_footer_1d237_jjeuv_304 a:not(#\9):focus, .awsui_footer_1d237_jjeuv_304 a:not(#\9):hover {
379
379
  text-decoration-line: underline;
380
380
  text-decoration-color: currentColor;
381
381
  }
382
382
 
383
- .awsui_content_1d237_1yuqf_258 a:not(#\9):focus,
384
- .awsui_footer_1d237_1yuqf_304 a:not(#\9):focus {
383
+ .awsui_content_1d237_jjeuv_258 a:not(#\9):focus,
384
+ .awsui_footer_1d237_jjeuv_304 a:not(#\9):focus {
385
385
  outline: thin dotted;
386
386
  outline: var(--border-link-focus-ring-outline-kkfop6, 0);
387
387
  outline-offset: 2px;
package/help-panel/styles.selectors.js CHANGED
@@ -2,9 +2,9 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "help-panel": "awsui_help-panel_1d237_1yuqf_94",
6
- "header": "awsui_header_1d237_1yuqf_228",
7
- "content": "awsui_content_1d237_1yuqf_258",
8
- "footer": "awsui_footer_1d237_1yuqf_304"
5
+ "help-panel": "awsui_help-panel_1d237_jjeuv_94",
6
+ "header": "awsui_header_1d237_jjeuv_228",
7
+ "content": "awsui_content_1d237_jjeuv_258",
8
+ "footer": "awsui_footer_1d237_jjeuv_304"
9
9
  };
10
10
 
package/input/styles.css.js CHANGED
@@ -1,17 +1,17 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_2rhyz_1l38h_93",
5
- "input": "awsui_input_2rhyz_1l38h_97",
6
- "input-readonly": "awsui_input-readonly_2rhyz_1l38h_120",
7
- "input-invalid": "awsui_input-invalid_2rhyz_1l38h_181",
8
- "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1l38h_192",
9
- "input-type-search": "awsui_input-type-search_2rhyz_1l38h_197",
10
- "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1l38h_213",
11
- "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1l38h_216",
12
- "input-container": "awsui_input-container_2rhyz_1l38h_220",
13
- "input-icon-left": "awsui_input-icon-left_2rhyz_1l38h_225",
14
- "input-icon-right": "awsui_input-icon-right_2rhyz_1l38h_232",
15
- "input-button-right": "awsui_input-button-right_2rhyz_1l38h_238"
4
+ "root": "awsui_root_2rhyz_s4q60_93",
5
+ "input": "awsui_input_2rhyz_s4q60_97",
6
+ "input-readonly": "awsui_input-readonly_2rhyz_s4q60_120",
7
+ "input-invalid": "awsui_input-invalid_2rhyz_s4q60_181",
8
+ "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_s4q60_192",
9
+ "input-type-search": "awsui_input-type-search_2rhyz_s4q60_197",
10
+ "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_s4q60_213",
11
+ "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_s4q60_216",
12
+ "input-container": "awsui_input-container_2rhyz_s4q60_220",
13
+ "input-icon-left": "awsui_input-icon-left_2rhyz_s4q60_225",
14
+ "input-icon-right": "awsui_input-icon-right_2rhyz_s4q60_232",
15
+ "input-button-right": "awsui_input-button-right_2rhyz_s4q60_238"
16
16
  };
17
17
 
package/input/styles.scoped.css CHANGED
@@ -90,11 +90,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_root_2rhyz_1l38h_93:not(#\9) {
93
+ .awsui_root_2rhyz_s4q60_93:not(#\9) {
94
94
  /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
95
95
  }
96
96
 
97
- .awsui_input_2rhyz_1l38h_97:not(#\9) {
97
+ .awsui_input_2rhyz_s4q60_97:not(#\9) {
98
98
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
99
99
  border-collapse: separate;
100
100
  border-spacing: 0;
@@ -126,13 +126,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
126
126
  box-sizing: border-box;
127
127
  font-size: var(--font-size-body-m-x4okxb, 14px);
128
128
  line-height: var(--line-height-body-m-30ar75, 20px);
129
- color: var(--color-text-body-default-2sxhhn, #000716);
129
+ color: var(--color-text-body-default-at06ol, #000716);
130
130
  font-weight: 400;
131
131
  font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
132
132
  -webkit-font-smoothing: auto;
133
133
  -moz-osx-font-smoothing: auto;
134
134
  padding: var(--space-scaled-xxs-7597g1, 4px) var(--space-field-horizontal-gg19kw, 12px);
135
- color: var(--color-text-body-default-2sxhhn, #000716);
135
+ color: var(--color-text-body-default-at06ol, #000716);
136
136
  width: 100%;
137
137
  cursor: text;
138
138
  box-sizing: border-box;
@@ -143,70 +143,70 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
143
143
  line-height: var(--line-height-body-m-30ar75, 20px);
144
144
  height: var(--size-vertical-input-v5iwwf, 32px);
145
145
  }
146
- .awsui_input_2rhyz_1l38h_97.awsui_input-readonly_2rhyz_1l38h_120:not(#\9) {
146
+ .awsui_input_2rhyz_s4q60_97.awsui_input-readonly_2rhyz_s4q60_120:not(#\9) {
147
147
  background-color: var(--color-background-input-default-igdh5e, #ffffff);
148
148
  border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
149
149
  }
150
- .awsui_input_2rhyz_1l38h_97:not(#\9)::-webkit-input-placeholder {
151
- color: var(--color-text-input-placeholder-qrb8p3, #5f6b7a);
150
+ .awsui_input_2rhyz_s4q60_97:not(#\9)::-webkit-input-placeholder {
151
+ color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
152
152
  font-style: italic;
153
153
  -webkit-user-select: none;
154
154
  user-select: none;
155
155
  }
156
- .awsui_input_2rhyz_1l38h_97:not(#\9)::-ms-input-placeholder {
157
- color: var(--color-text-input-placeholder-qrb8p3, #5f6b7a);
156
+ .awsui_input_2rhyz_s4q60_97:not(#\9)::-ms-input-placeholder {
157
+ color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
158
158
  font-style: italic;
159
159
  }
160
- .awsui_input_2rhyz_1l38h_97:not(#\9)::-moz-placeholder {
161
- color: var(--color-text-input-placeholder-qrb8p3, #5f6b7a);
160
+ .awsui_input_2rhyz_s4q60_97:not(#\9)::-moz-placeholder {
161
+ color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
162
162
  font-style: italic;
163
163
  opacity: 1;
164
164
  }
165
- .awsui_input_2rhyz_1l38h_97:not(#\9):-ms-input-placeholder {
166
- color: var(--color-text-input-placeholder-qrb8p3, #5f6b7a);
165
+ .awsui_input_2rhyz_s4q60_97:not(#\9):-ms-input-placeholder {
166
+ color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
167
167
  font-style: italic;
168
168
  }
169
- .awsui_input_2rhyz_1l38h_97:not(#\9):-moz-placeholder {
170
- color: var(--color-text-input-placeholder-qrb8p3, #5f6b7a);
169
+ .awsui_input_2rhyz_s4q60_97:not(#\9):-moz-placeholder {
170
+ color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
171
171
  font-style: italic;
172
172
  opacity: 1;
173
173
  }
174
- .awsui_input_2rhyz_1l38h_97:not(#\9):focus {
174
+ .awsui_input_2rhyz_s4q60_97:not(#\9):focus {
175
175
  outline: 2px dotted transparent;
176
176
  border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-focused-b2ntyl, #0972d3);
177
177
  border-radius: var(--border-radius-input-plgbrq, 8px);
178
178
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-b2ntyl, #0972d3);
179
179
  }
180
- .awsui_input_2rhyz_1l38h_97:not(#\9):disabled {
180
+ .awsui_input_2rhyz_s4q60_97:not(#\9):disabled {
181
181
  background-color: var(--color-background-input-disabled-ab59a3, #e9ebed);
182
182
  border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
183
183
  color: var(--color-text-input-disabled-f8pjm5, #9ba7b6);
184
184
  cursor: auto;
185
185
  cursor: default;
186
186
  }
187
- .awsui_input_2rhyz_1l38h_97:not(#\9):disabled::-webkit-input-placeholder {
187
+ .awsui_input_2rhyz_s4q60_97:not(#\9):disabled::-webkit-input-placeholder {
188
188
  color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
189
189
  -webkit-user-select: none;
190
190
  user-select: none;
191
191
  }
192
- .awsui_input_2rhyz_1l38h_97:not(#\9):disabled::-ms-input-placeholder {
192
+ .awsui_input_2rhyz_s4q60_97:not(#\9):disabled::-ms-input-placeholder {
193
193
  color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
194
194
  }
195
- .awsui_input_2rhyz_1l38h_97:not(#\9):disabled::-moz-placeholder {
195
+ .awsui_input_2rhyz_s4q60_97:not(#\9):disabled::-moz-placeholder {
196
196
  color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
197
197
  opacity: 1;
198
198
  }
199
- .awsui_input_2rhyz_1l38h_97:not(#\9):disabled:-ms-input-placeholder {
199
+ .awsui_input_2rhyz_s4q60_97:not(#\9):disabled:-ms-input-placeholder {
200
200
  color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
201
201
  }
202
- .awsui_input_2rhyz_1l38h_97:not(#\9):disabled:-moz-placeholder {
202
+ .awsui_input_2rhyz_s4q60_97:not(#\9):disabled:-moz-placeholder {
203
203
  color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
204
204
  opacity: 1;
205
205
  }
206
- .awsui_input_2rhyz_1l38h_97:not(#\9):invalid {
206
+ .awsui_input_2rhyz_s4q60_97:not(#\9):invalid {
207
207
  box-shadow: none;
208
208
  }
209
- .awsui_input_2rhyz_1l38h_97.awsui_input-invalid_2rhyz_1l38h_181:not(#\9) {
209
+ .awsui_input_2rhyz_s4q60_97.awsui_input-invalid_2rhyz_s4q60_181:not(#\9) {
210
210
  color: var(--color-text-status-error-wdvepn, #d91515);
211
211
  border-color: var(--color-text-status-error-wdvepn, #d91515);
212
212
  padding-left: calc(
@@ -214,55 +214,55 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
214
214
  );
215
215
  border-left-width: var(--border-invalid-width-5ktjp2, 8px);
216
216
  }
217
- .awsui_input_2rhyz_1l38h_97.awsui_input-invalid_2rhyz_1l38h_181:not(#\9):focus {
217
+ .awsui_input_2rhyz_s4q60_97.awsui_input-invalid_2rhyz_s4q60_181:not(#\9):focus {
218
218
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
219
219
  }
220
- .awsui_input_2rhyz_1l38h_97.awsui_input-invalid_2rhyz_1l38h_181.awsui_input-has-icon-left_2rhyz_1l38h_192:not(#\9) {
220
+ .awsui_input_2rhyz_s4q60_97.awsui_input-invalid_2rhyz_s4q60_181.awsui_input-has-icon-left_2rhyz_s4q60_192:not(#\9) {
221
221
  padding-left: calc(
222
222
  var(--space-field-icon-offset-csk9vw, 36px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px))
223
223
  );
224
224
  }
225
- .awsui_input_2rhyz_1l38h_97.awsui_input-type-search_2rhyz_1l38h_197:not(#\9) {
225
+ .awsui_input_2rhyz_s4q60_97.awsui_input-type-search_2rhyz_s4q60_197:not(#\9) {
226
226
  box-sizing: border-box;
227
227
  -webkit-appearance: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */
228
228
  }
229
- .awsui_input_2rhyz_1l38h_97.awsui_input-type-search_2rhyz_1l38h_197:not(#\9)::-ms-clear {
229
+ .awsui_input_2rhyz_s4q60_97.awsui_input-type-search_2rhyz_s4q60_197:not(#\9)::-ms-clear {
230
230
  display: none;
231
231
  }
232
- .awsui_input_2rhyz_1l38h_97.awsui_input-type-search_2rhyz_1l38h_197:not(#\9)::-webkit-search-decoration {
232
+ .awsui_input_2rhyz_s4q60_97.awsui_input-type-search_2rhyz_s4q60_197:not(#\9)::-webkit-search-decoration {
233
233
  -webkit-appearance: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */
234
234
  }
235
- .awsui_input_2rhyz_1l38h_97.awsui_input-type-search_2rhyz_1l38h_197:not(#\9)::-webkit-search-cancel-button {
235
+ .awsui_input_2rhyz_s4q60_97.awsui_input-type-search_2rhyz_s4q60_197:not(#\9)::-webkit-search-cancel-button {
236
236
  display: none;
237
237
  }
238
- .awsui_input_2rhyz_1l38h_97.awsui_input-has-icon-left_2rhyz_1l38h_192:not(#\9) {
238
+ .awsui_input_2rhyz_s4q60_97.awsui_input-has-icon-left_2rhyz_s4q60_192:not(#\9) {
239
239
  padding-left: var(--space-field-icon-offset-csk9vw, 36px);
240
240
  }
241
- .awsui_input_2rhyz_1l38h_97.awsui_input-has-icon-right_2rhyz_1l38h_213:not(#\9) {
241
+ .awsui_input_2rhyz_s4q60_97.awsui_input-has-icon-right_2rhyz_s4q60_213:not(#\9) {
242
242
  padding-right: var(--space-field-icon-offset-csk9vw, 36px);
243
243
  }
244
- .awsui_input_2rhyz_1l38h_97.awsui_input-has-no-border-radius_2rhyz_1l38h_216:not(#\9) {
244
+ .awsui_input_2rhyz_s4q60_97.awsui_input-has-no-border-radius_2rhyz_s4q60_216:not(#\9) {
245
245
  border-radius: var(--border-radius-dropdown-0dhh79, 8px);
246
246
  }
247
247
 
248
- .awsui_input-container_2rhyz_1l38h_220:not(#\9) {
248
+ .awsui_input-container_2rhyz_s4q60_220:not(#\9) {
249
249
  display: flex;
250
250
  position: relative;
251
251
  }
252
252
 
253
- .awsui_input-icon-left_2rhyz_1l38h_225:not(#\9) {
253
+ .awsui_input-icon-left_2rhyz_s4q60_225:not(#\9) {
254
254
  position: absolute;
255
255
  pointer-events: none;
256
256
  left: var(--space-field-horizontal-gg19kw, 12px);
257
257
  top: calc(50% - var(--line-height-body-m-30ar75, 20px) / 2);
258
258
  }
259
259
 
260
- .awsui_input-icon-right_2rhyz_1l38h_232:not(#\9) {
260
+ .awsui_input-icon-right_2rhyz_s4q60_232:not(#\9) {
261
261
  position: absolute;
262
262
  top: calc(50% - var(--line-height-body-m-30ar75, 20px) / 2);
263
263
  right: calc(var(--space-field-horizontal-gg19kw, 12px) - var(--space-xxs-p8yyaw, 4px));
264
264
  }
265
265
 
266
- .awsui_input-button-right_2rhyz_1l38h_238:not(#\9) {
266
+ .awsui_input-button-right_2rhyz_s4q60_238:not(#\9) {
267
267
  /* used in test-utils */
268
268
  }
package/input/styles.selectors.js CHANGED
@@ -2,17 +2,17 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_2rhyz_1l38h_93",
6
- "input": "awsui_input_2rhyz_1l38h_97",
7
- "input-readonly": "awsui_input-readonly_2rhyz_1l38h_120",
8
- "input-invalid": "awsui_input-invalid_2rhyz_1l38h_181",
9
- "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1l38h_192",
10
- "input-type-search": "awsui_input-type-search_2rhyz_1l38h_197",
11
- "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1l38h_213",
12
- "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1l38h_216",
13
- "input-container": "awsui_input-container_2rhyz_1l38h_220",
14
- "input-icon-left": "awsui_input-icon-left_2rhyz_1l38h_225",
15
- "input-icon-right": "awsui_input-icon-right_2rhyz_1l38h_232",
16
- "input-button-right": "awsui_input-button-right_2rhyz_1l38h_238"
5
+ "root": "awsui_root_2rhyz_s4q60_93",
6
+ "input": "awsui_input_2rhyz_s4q60_97",
7
+ "input-readonly": "awsui_input-readonly_2rhyz_s4q60_120",
8
+ "input-invalid": "awsui_input-invalid_2rhyz_s4q60_181",
9
+ "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_s4q60_192",
10
+ "input-type-search": "awsui_input-type-search_2rhyz_s4q60_197",
11
+ "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_s4q60_213",
12
+ "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_s4q60_216",
13
+ "input-container": "awsui_input-container_2rhyz_s4q60_220",
14
+ "input-icon-left": "awsui_input-icon-left_2rhyz_s4q60_225",
15
+ "input-icon-right": "awsui_input-icon-right_2rhyz_s4q60_232",
16
+ "input-button-right": "awsui_input-button-right_2rhyz_s4q60_238"
17
17
  };
18
18