@cloudscape-design/components 3.0.494 → 3.0.496

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 (230) hide show
  1. package/alert/styles.css.js +25 -25
  2. package/alert/styles.scoped.css +45 -51
  3. package/alert/styles.selectors.js +25 -25
  4. package/anchor-navigation/styles.css.js +8 -8
  5. package/anchor-navigation/styles.scoped.css +21 -24
  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 +32 -35
  9. package/annotation-context/annotation/styles.selectors.js +24 -24
  10. package/app-layout/visual-refresh/styles.css.js +80 -80
  11. package/app-layout/visual-refresh/styles.scoped.css +175 -181
  12. package/app-layout/visual-refresh/styles.selectors.js +80 -80
  13. package/attribute-editor/styles.css.js +14 -14
  14. package/attribute-editor/styles.scoped.css +27 -30
  15. package/attribute-editor/styles.selectors.js +14 -14
  16. package/badge/styles.css.js +5 -5
  17. package/badge/styles.scoped.css +8 -11
  18. package/badge/styles.selectors.js +5 -5
  19. package/breadcrumb-group/styles.css.js +7 -7
  20. package/breadcrumb-group/styles.scoped.css +18 -24
  21. package/breadcrumb-group/styles.selectors.js +7 -7
  22. package/button/styles.css.js +20 -20
  23. package/button/styles.scoped.css +154 -157
  24. package/button/styles.selectors.js +20 -20
  25. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  26. package/button-dropdown/mobile-expandable-group/styles.scoped.css +8 -11
  27. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  28. package/calendar/styles.css.js +18 -18
  29. package/calendar/styles.scoped.css +41 -44
  30. package/calendar/styles.selectors.js +18 -18
  31. package/cards/styles.css.js +39 -39
  32. package/cards/styles.scoped.css +52 -55
  33. package/cards/styles.selectors.js +39 -39
  34. package/checkbox/styles.css.js +3 -3
  35. package/checkbox/styles.scoped.css +8 -11
  36. package/checkbox/styles.selectors.js +3 -3
  37. package/code-editor/styles.css.js +32 -32
  38. package/code-editor/styles.scoped.css +132 -135
  39. package/code-editor/styles.selectors.js +32 -32
  40. package/collection-preferences/content-display/styles.css.js +11 -11
  41. package/collection-preferences/content-display/styles.scoped.css +20 -23
  42. package/collection-preferences/content-display/styles.selectors.js +11 -11
  43. package/collection-preferences/styles.css.js +37 -37
  44. package/collection-preferences/styles.scoped.css +47 -50
  45. package/collection-preferences/styles.selectors.js +37 -37
  46. package/column-layout/styles.css.js +13 -13
  47. package/column-layout/styles.scoped.css +46 -49
  48. package/column-layout/styles.selectors.js +13 -13
  49. package/container/styles.css.js +29 -29
  50. package/container/styles.scoped.css +55 -58
  51. package/container/styles.selectors.js +29 -29
  52. package/date-picker/styles.css.js +7 -7
  53. package/date-picker/styles.scoped.css +12 -15
  54. package/date-picker/styles.selectors.js +7 -7
  55. package/date-range-picker/styles.css.js +38 -38
  56. package/date-range-picker/styles.scoped.css +49 -52
  57. package/date-range-picker/styles.selectors.js +38 -38
  58. package/drawer/styles.css.js +3 -3
  59. package/drawer/styles.scoped.css +11 -14
  60. package/drawer/styles.selectors.js +3 -3
  61. package/expandable-section/styles.css.js +32 -32
  62. package/expandable-section/styles.scoped.css +65 -68
  63. package/expandable-section/styles.selectors.js +32 -32
  64. package/flashbar/styles.css.js +47 -47
  65. package/flashbar/styles.scoped.css +149 -152
  66. package/flashbar/styles.selectors.js +47 -47
  67. package/form/styles.css.js +9 -9
  68. package/form/styles.scoped.css +11 -14
  69. package/form/styles.selectors.js +9 -9
  70. package/form-field/styles.css.js +19 -19
  71. package/form-field/styles.scoped.css +32 -35
  72. package/form-field/styles.selectors.js +19 -19
  73. package/grid/styles.css.js +53 -53
  74. package/grid/styles.scoped.css +57 -60
  75. package/grid/styles.selectors.js +53 -53
  76. package/header/styles.css.js +34 -34
  77. package/header/styles.scoped.css +53 -56
  78. package/header/styles.selectors.js +34 -34
  79. package/help-panel/styles.css.js +4 -4
  80. package/help-panel/styles.scoped.css +66 -69
  81. package/help-panel/styles.selectors.js +4 -4
  82. package/input/styles.css.js +12 -12
  83. package/input/styles.scoped.css +33 -36
  84. package/input/styles.selectors.js +12 -12
  85. package/internal/components/button-trigger/styles.css.js +10 -10
  86. package/internal/components/button-trigger/styles.scoped.css +27 -30
  87. package/internal/components/button-trigger/styles.selectors.js +10 -10
  88. package/internal/components/chart-filter/styles.css.js +3 -3
  89. package/internal/components/chart-filter/styles.scoped.css +6 -9
  90. package/internal/components/chart-filter/styles.selectors.js +3 -3
  91. package/internal/components/chart-legend/styles.css.js +6 -6
  92. package/internal/components/chart-legend/styles.scoped.css +18 -21
  93. package/internal/components/chart-legend/styles.selectors.js +6 -6
  94. package/internal/components/chart-popover/styles.css.js +3 -3
  95. package/internal/components/chart-popover/styles.scoped.css +6 -9
  96. package/internal/components/chart-popover/styles.selectors.js +3 -3
  97. package/internal/components/chart-series-details/styles.css.js +20 -20
  98. package/internal/components/chart-series-details/styles.scoped.css +42 -51
  99. package/internal/components/chart-series-details/styles.selectors.js +20 -20
  100. package/internal/components/chart-series-marker/styles.css.js +5 -5
  101. package/internal/components/chart-series-marker/styles.scoped.css +10 -13
  102. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  103. package/internal/components/chart-wrapper/styles.css.js +9 -9
  104. package/internal/components/chart-wrapper/styles.scoped.css +12 -15
  105. package/internal/components/chart-wrapper/styles.selectors.js +9 -9
  106. package/internal/components/dropdown/styles.css.js +20 -20
  107. package/internal/components/dropdown/styles.scoped.css +38 -41
  108. package/internal/components/dropdown/styles.selectors.js +20 -20
  109. package/internal/components/dropdown-footer/styles.css.js +3 -3
  110. package/internal/components/dropdown-footer/styles.scoped.css +6 -9
  111. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  112. package/internal/components/dropdown-status/styles.css.js +2 -2
  113. package/internal/components/dropdown-status/styles.scoped.css +5 -8
  114. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  115. package/internal/components/focus-lock/utils.d.ts +1 -0
  116. package/internal/components/focus-lock/utils.d.ts.map +1 -1
  117. package/internal/components/focus-lock/utils.js +4 -3
  118. package/internal/components/focus-lock/utils.js.map +1 -1
  119. package/internal/components/menu-dropdown/styles.css.js +7 -7
  120. package/internal/components/menu-dropdown/styles.scoped.css +16 -19
  121. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  122. package/internal/components/option/styles.css.js +17 -17
  123. package/internal/components/option/styles.scoped.css +32 -35
  124. package/internal/components/option/styles.selectors.js +17 -17
  125. package/internal/components/options-list/styles.css.js +2 -2
  126. package/internal/components/options-list/styles.scoped.css +5 -8
  127. package/internal/components/options-list/styles.selectors.js +2 -2
  128. package/internal/components/token-list/styles.css.js +9 -9
  129. package/internal/components/token-list/styles.scoped.css +23 -26
  130. package/internal/components/token-list/styles.selectors.js +9 -9
  131. package/internal/context/single-tab-stop-navigation-context.d.ts +9 -4
  132. package/internal/context/single-tab-stop-navigation-context.d.ts.map +1 -1
  133. package/internal/context/single-tab-stop-navigation-context.js +15 -5
  134. package/internal/context/single-tab-stop-navigation-context.js.map +1 -1
  135. package/internal/environment.js +1 -1
  136. package/internal/environment.json +1 -1
  137. package/internal/manifest.json +1 -1
  138. package/internal/utils/scrollable-containers.d.ts +2 -1
  139. package/internal/utils/scrollable-containers.d.ts.map +1 -1
  140. package/internal/utils/scrollable-containers.js +11 -2
  141. package/internal/utils/scrollable-containers.js.map +1 -1
  142. package/link/styles.css.js +20 -20
  143. package/link/styles.scoped.css +74 -77
  144. package/link/styles.selectors.js +20 -20
  145. package/modal/styles.css.js +23 -23
  146. package/modal/styles.scoped.css +44 -50
  147. package/modal/styles.selectors.js +23 -23
  148. package/multiselect/styles.css.js +2 -2
  149. package/multiselect/styles.scoped.css +5 -8
  150. package/multiselect/styles.selectors.js +2 -2
  151. package/package.json +1 -1
  152. package/pagination/styles.css.js +9 -9
  153. package/pagination/styles.scoped.css +26 -29
  154. package/pagination/styles.selectors.js +9 -9
  155. package/popover/styles.css.js +50 -50
  156. package/popover/styles.scoped.css +72 -81
  157. package/popover/styles.selectors.js +50 -50
  158. package/popover/use-popover-position.d.ts.map +1 -1
  159. package/popover/use-popover-position.js +4 -2
  160. package/popover/use-popover-position.js.map +1 -1
  161. package/progress-bar/styles.css.js +18 -18
  162. package/progress-bar/styles.scoped.css +35 -38
  163. package/progress-bar/styles.selectors.js +18 -18
  164. package/property-filter/styles.css.js +31 -31
  165. package/property-filter/styles.scoped.css +36 -39
  166. package/property-filter/styles.selectors.js +31 -31
  167. package/radio-group/styles.css.js +9 -9
  168. package/radio-group/styles.scoped.css +18 -21
  169. package/radio-group/styles.selectors.js +9 -9
  170. package/segmented-control/styles.css.js +14 -14
  171. package/segmented-control/styles.scoped.css +36 -39
  172. package/segmented-control/styles.selectors.js +14 -14
  173. package/select/styles.css.js +1 -1
  174. package/select/styles.scoped.css +4 -7
  175. package/select/styles.selectors.js +1 -1
  176. package/side-navigation/styles.css.js +28 -28
  177. package/side-navigation/styles.scoped.css +41 -44
  178. package/side-navigation/styles.selectors.js +28 -28
  179. package/split-panel/styles.css.js +55 -55
  180. package/split-panel/styles.scoped.css +78 -81
  181. package/split-panel/styles.selectors.js +55 -55
  182. package/table/resizer/styles.css.js +8 -8
  183. package/table/resizer/styles.scoped.css +17 -20
  184. package/table/resizer/styles.selectors.js +8 -8
  185. package/table/table-role/grid-navigation.d.ts.map +1 -1
  186. package/table/table-role/grid-navigation.js +73 -41
  187. package/table/table-role/grid-navigation.js.map +1 -1
  188. package/table/table-role/utils.d.ts +1 -16
  189. package/table/table-role/utils.d.ts.map +1 -1
  190. package/table/table-role/utils.js +0 -53
  191. package/table/table-role/utils.js.map +1 -1
  192. package/tabs/styles.css.js +21 -21
  193. package/tabs/styles.scoped.css +42 -45
  194. package/tabs/styles.selectors.js +21 -21
  195. package/text-content/styles.css.js +1 -1
  196. package/text-content/styles.scoped.css +63 -66
  197. package/text-content/styles.selectors.js +1 -1
  198. package/text-filter/styles.css.js +3 -3
  199. package/text-filter/styles.scoped.css +6 -9
  200. package/text-filter/styles.selectors.js +3 -3
  201. package/textarea/styles.css.js +4 -4
  202. package/textarea/styles.scoped.css +15 -18
  203. package/textarea/styles.selectors.js +4 -4
  204. package/tiles/styles.css.js +29 -29
  205. package/tiles/styles.scoped.css +76 -82
  206. package/tiles/styles.selectors.js +29 -29
  207. package/toggle/styles.css.js +8 -8
  208. package/toggle/styles.scoped.css +16 -19
  209. package/toggle/styles.selectors.js +8 -8
  210. package/token-group/styles.css.js +8 -8
  211. package/token-group/styles.scoped.css +19 -22
  212. package/token-group/styles.selectors.js +8 -8
  213. package/top-navigation/1.0-beta/styles.css.js +25 -25
  214. package/top-navigation/1.0-beta/styles.scoped.css +45 -48
  215. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  216. package/top-navigation/styles.css.js +47 -47
  217. package/top-navigation/styles.scoped.css +75 -84
  218. package/top-navigation/styles.selectors.js +47 -47
  219. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  220. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +24 -27
  221. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  222. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  223. package/tutorial-panel/components/tutorial-list/styles.scoped.css +36 -45
  224. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  225. package/tutorial-panel/styles.css.js +1 -1
  226. package/tutorial-panel/styles.scoped.css +4 -7
  227. package/tutorial-panel/styles.selectors.js +1 -1
  228. package/wizard/styles.css.js +31 -31
  229. package/wizard/styles.scoped.css +65 -68
  230. package/wizard/styles.selectors.js +31 -31
@@ -91,19 +91,19 @@ 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_jjeuv_94:not(#\9) {
95
- /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
94
+ .awsui_help-panel_1d237_1m8fz_94:not(#\9) {
96
95
  border-collapse: separate;
97
96
  border-spacing: 0;
97
+ box-sizing: border-box;
98
98
  caption-side: top;
99
99
  cursor: auto;
100
- direction: ltr;
100
+ direction: inherit;
101
101
  empty-cells: show;
102
102
  font-family: serif;
103
103
  font-size: medium;
104
104
  font-style: normal;
105
105
  font-variant: normal;
106
- font-weight: normal;
106
+ font-weight: 400;
107
107
  font-stretch: normal;
108
108
  line-height: normal;
109
109
  -webkit-hyphens: none;
@@ -112,15 +112,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
112
112
  list-style: disc outside none;
113
113
  tab-size: 8;
114
114
  text-align: left;
115
- text-align-last: auto;
116
115
  text-indent: 0;
117
116
  text-shadow: none;
118
117
  text-transform: none;
119
118
  visibility: visible;
120
119
  white-space: normal;
121
- widows: 2;
122
120
  word-spacing: normal;
123
- box-sizing: border-box;
124
121
  font-size: var(--font-size-body-m-x4okxb, 14px);
125
122
  line-height: var(--line-height-body-m-30ar75, 20px);
126
123
  color: var(--color-text-body-default-at06ol, #000716);
@@ -131,32 +128,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
131
128
  word-wrap: break-word;
132
129
  padding: var(--space-scaled-l-0hpmd7, 20px) var(--space-panel-side-right-xofg51, 24px) 0 var(--space-panel-side-left-5t0who, 28px);
133
130
  }
134
- .awsui_help-panel_1d237_jjeuv_94 hr:not(#\9) {
131
+ .awsui_help-panel_1d237_1m8fz_94 hr:not(#\9) {
135
132
  border: none;
136
133
  border-top: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
137
134
  margin: var(--space-scaled-xl-kswcw7, 24px) calc(-1 * var(--space-xs-zb16t3, 8px));
138
135
  }
139
- .awsui_help-panel_1d237_jjeuv_94 ol:not(#\9),
140
- .awsui_help-panel_1d237_jjeuv_94 ul:not(#\9) {
136
+ .awsui_help-panel_1d237_1m8fz_94 ol:not(#\9),
137
+ .awsui_help-panel_1d237_1m8fz_94 ul:not(#\9) {
141
138
  padding-left: var(--space-l-t419sm, 20px);
142
139
  list-style-position: outside;
143
140
  margin: var(--space-s-34lx8l, 12px) 0;
144
141
  }
145
- .awsui_help-panel_1d237_jjeuv_94 li:not(#\9) {
142
+ .awsui_help-panel_1d237_1m8fz_94 li:not(#\9) {
146
143
  margin: var(--space-scaled-xxs-7597g1, 4px) 0;
147
144
  }
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) {
145
+ .awsui_help-panel_1d237_1m8fz_94 a:not(#\9),
146
+ .awsui_help-panel_1d237_1m8fz_94 h2:not(#\9),
147
+ .awsui_help-panel_1d237_1m8fz_94 h3:not(#\9),
148
+ .awsui_help-panel_1d237_1m8fz_94 h4:not(#\9),
149
+ .awsui_help-panel_1d237_1m8fz_94 h5:not(#\9),
150
+ .awsui_help-panel_1d237_1m8fz_94 pre:not(#\9),
151
+ .awsui_help-panel_1d237_1m8fz_94 code:not(#\9) {
155
152
  margin: var(--space-xs-zb16t3, 8px) 0;
156
153
  padding-top: 0;
157
154
  padding-bottom: 0;
158
155
  }
159
- .awsui_help-panel_1d237_jjeuv_94 code:not(#\9) {
156
+ .awsui_help-panel_1d237_1m8fz_94 code:not(#\9) {
160
157
  font-size: var(--font-size-body-s-asqx2i, 12px);
161
158
  line-height: var(--line-height-body-s-7zv1j5, 16px);
162
159
  letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
@@ -166,7 +163,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
166
163
  word-wrap: break-word;
167
164
  white-space: pre-wrap;
168
165
  }
169
- .awsui_help-panel_1d237_jjeuv_94 pre:not(#\9) {
166
+ .awsui_help-panel_1d237_1m8fz_94 pre:not(#\9) {
170
167
  font-size: var(--font-size-body-s-asqx2i, 12px);
171
168
  line-height: var(--line-height-body-s-7zv1j5, 16px);
172
169
  letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
@@ -177,38 +174,38 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
177
174
  white-space: pre-wrap;
178
175
  padding: var(--space-xxs-p8yyaw, 4px);
179
176
  }
180
- .awsui_help-panel_1d237_jjeuv_94 dl:not(#\9) {
177
+ .awsui_help-panel_1d237_1m8fz_94 dl:not(#\9) {
181
178
  margin: var(--space-s-34lx8l, 12px) 0;
182
179
  /* stylelint-disable-next-line selector-max-universal */
183
180
  }
184
- .awsui_help-panel_1d237_jjeuv_94 dl *:not(#\9) {
181
+ .awsui_help-panel_1d237_1m8fz_94 dl *:not(#\9) {
185
182
  margin-top: 0;
186
183
  margin-bottom: 0;
187
184
  }
188
- .awsui_help-panel_1d237_jjeuv_94 dt:not(#\9) {
185
+ .awsui_help-panel_1d237_1m8fz_94 dt:not(#\9) {
189
186
  margin-top: var(--space-xs-zb16t3, 8px);
190
187
  font-weight: 700;
191
188
  }
192
- .awsui_help-panel_1d237_jjeuv_94 dd:not(#\9) {
189
+ .awsui_help-panel_1d237_1m8fz_94 dd:not(#\9) {
193
190
  margin: 0 0 var(--space-xs-zb16t3, 8px);
194
191
  }
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) {
192
+ .awsui_help-panel_1d237_1m8fz_94 h2:not(#\9),
193
+ .awsui_help-panel_1d237_1m8fz_94 h3:not(#\9),
194
+ .awsui_help-panel_1d237_1m8fz_94 h4:not(#\9),
195
+ .awsui_help-panel_1d237_1m8fz_94 h5:not(#\9),
196
+ .awsui_help-panel_1d237_1m8fz_94 h6:not(#\9) {
200
197
  margin-top: var(--space-xl-lmui9r, 24px);
201
198
  color: var(--color-text-heading-default-lstrpn, #000716);
202
199
  }
203
- .awsui_help-panel_1d237_jjeuv_94 > :not(#\9):last-child {
200
+ .awsui_help-panel_1d237_1m8fz_94 > :not(#\9):last-child {
204
201
  margin-bottom: var(--space-scaled-xxxl-fdg8ai, 40px);
205
202
  }
206
- .awsui_help-panel_1d237_jjeuv_94 p:not(#\9) {
203
+ .awsui_help-panel_1d237_1m8fz_94 p:not(#\9) {
207
204
  color: inherit;
208
205
  text-decoration: none;
209
206
  margin: var(--space-s-34lx8l, 12px) 0;
210
207
  }
211
- .awsui_help-panel_1d237_jjeuv_94 h1:not(#\9) {
208
+ .awsui_help-panel_1d237_1m8fz_94 h1:not(#\9) {
212
209
  font-size: var(--font-size-heading-xl-ypc05a, 24px);
213
210
  line-height: var(--line-height-heading-xl-avbttk, 30px);
214
211
  letter-spacing: var(--letter-spacing-heading-xl-sagq9c, -0.02em);
@@ -216,7 +213,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
216
213
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
217
214
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
218
215
  }
219
- .awsui_help-panel_1d237_jjeuv_94 h2:not(#\9) {
216
+ .awsui_help-panel_1d237_1m8fz_94 h2:not(#\9) {
220
217
  font-size: var(--font-size-heading-l-ou0d0l, 20px);
221
218
  line-height: var(--line-height-heading-l-mmm3my, 24px);
222
219
  letter-spacing: var(--letter-spacing-heading-l-qqjd4y, -0.015em);
@@ -224,7 +221,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
224
221
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
225
222
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
226
223
  }
227
- .awsui_help-panel_1d237_jjeuv_94 h3:not(#\9) {
224
+ .awsui_help-panel_1d237_1m8fz_94 h3:not(#\9) {
228
225
  font-size: var(--font-size-heading-m-sjd256, 18px);
229
226
  line-height: var(--line-height-heading-m-50evfk, 22px);
230
227
  letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
@@ -232,7 +229,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
232
229
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
233
230
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
234
231
  }
235
- .awsui_help-panel_1d237_jjeuv_94 h4:not(#\9) {
232
+ .awsui_help-panel_1d237_1m8fz_94 h4:not(#\9) {
236
233
  font-size: var(--font-size-heading-s-yykzif, 16px);
237
234
  line-height: var(--line-height-heading-s-4i6ewn, 20px);
238
235
  letter-spacing: var(--letter-spacing-heading-s-jr3mor, -0.005em);
@@ -240,18 +237,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
240
237
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
241
238
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
242
239
  }
243
- .awsui_help-panel_1d237_jjeuv_94 h5:not(#\9) {
240
+ .awsui_help-panel_1d237_1m8fz_94 h5:not(#\9) {
244
241
  font-size: var(--font-size-heading-xs-wo4hpf, 14px);
245
242
  line-height: var(--line-height-heading-xs-aeleja, 18px);
246
243
  font-weight: var(--font-weight-heading-xs-l7rqme, 700);
247
244
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
248
245
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
249
246
  }
250
- .awsui_help-panel_1d237_jjeuv_94 b:not(#\9),
251
- .awsui_help-panel_1d237_jjeuv_94 strong:not(#\9) {
247
+ .awsui_help-panel_1d237_1m8fz_94 b:not(#\9),
248
+ .awsui_help-panel_1d237_1m8fz_94 strong:not(#\9) {
252
249
  font-weight: 700;
253
250
  }
254
- .awsui_help-panel_1d237_jjeuv_94 .awsui_header_1d237_jjeuv_228:not(#\9) {
251
+ .awsui_help-panel_1d237_1m8fz_94 .awsui_header_1d237_1m8fz_250:not(#\9) {
255
252
  font-size: var(--font-panel-header-size-edjz3l, 18px);
256
253
  line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
257
254
  font-weight: var(--font-weight-heading-l-f8711v, 700);
@@ -265,11 +262,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
265
262
  border-bottom: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
266
263
  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
264
  }
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) {
265
+ .awsui_help-panel_1d237_1m8fz_94 .awsui_header_1d237_1m8fz_250 h2:not(#\9),
266
+ .awsui_help-panel_1d237_1m8fz_94 .awsui_header_1d237_1m8fz_250 h3:not(#\9),
267
+ .awsui_help-panel_1d237_1m8fz_94 .awsui_header_1d237_1m8fz_250 h4:not(#\9),
268
+ .awsui_help-panel_1d237_1m8fz_94 .awsui_header_1d237_1m8fz_250 h5:not(#\9),
269
+ .awsui_help-panel_1d237_1m8fz_94 .awsui_header_1d237_1m8fz_250 h6:not(#\9) {
273
270
  font-size: var(--font-panel-header-size-edjz3l, 18px);
274
271
  line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
275
272
  font-weight: var(--font-weight-heading-l-f8711v, 700);
@@ -281,17 +278,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
281
278
  margin-bottom: 0;
282
279
  }
283
280
 
284
- .awsui_content_1d237_jjeuv_258:not(#\9) {
281
+ .awsui_content_1d237_1m8fz_280:not(#\9) {
285
282
  color: var(--color-text-body-secondary-w9jvno, #414d5c);
286
283
  }
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 {
284
+ .awsui_content_1d237_1m8fz_280 h2:not(#\9):first-child,
285
+ .awsui_content_1d237_1m8fz_280 h3:not(#\9):first-child,
286
+ .awsui_content_1d237_1m8fz_280 h4:not(#\9):first-child,
287
+ .awsui_content_1d237_1m8fz_280 h5:not(#\9):first-child,
288
+ .awsui_content_1d237_1m8fz_280 h6:not(#\9):first-child {
292
289
  margin-top: 0;
293
290
  }
294
- .awsui_content_1d237_jjeuv_258 a:not(#\9) {
291
+ .awsui_content_1d237_1m8fz_280 a:not(#\9) {
295
292
  color: var(--color-text-link-default-latg1a, #0972d3);
296
293
  font-weight: inherit;
297
294
  letter-spacing: normal;
@@ -305,44 +302,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
305
302
  text-decoration-thickness: 1px;
306
303
  }
307
304
  @media (prefers-reduced-motion: reduce) {
308
- .awsui_content_1d237_jjeuv_258 a:not(#\9) {
305
+ .awsui_content_1d237_1m8fz_280 a:not(#\9) {
309
306
  animation: none;
310
307
  transition: none;
311
308
  }
312
309
  }
313
- .awsui-motion-disabled .awsui_content_1d237_jjeuv_258 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_jjeuv_258 a:not(#\9) {
310
+ .awsui-motion-disabled .awsui_content_1d237_1m8fz_280 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_1m8fz_280 a:not(#\9) {
314
311
  animation: none;
315
312
  transition: none;
316
313
  }
317
- .awsui_content_1d237_jjeuv_258 a:not(#\9):hover {
314
+ .awsui_content_1d237_1m8fz_280 a:not(#\9):hover {
318
315
  cursor: pointer;
319
316
  color: var(--color-text-link-hover-8j6p14, #033160);
320
317
  }
321
- .awsui_content_1d237_jjeuv_258 a:not(#\9):focus {
318
+ .awsui_content_1d237_1m8fz_280 a:not(#\9):focus {
322
319
  outline: none;
323
320
  }
324
- .awsui_content_1d237_jjeuv_258 a:not(#\9):active {
321
+ .awsui_content_1d237_1m8fz_280 a:not(#\9):active {
325
322
  color: var(--color-text-link-hover-8j6p14, #033160);
326
323
  }
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 {
324
+ .awsui_content_1d237_1m8fz_280 a:not(#\9):active, .awsui_content_1d237_1m8fz_280 a:not(#\9):focus, .awsui_content_1d237_1m8fz_280 a:not(#\9):hover {
328
325
  text-decoration-line: underline;
329
326
  text-decoration-color: currentColor;
330
327
  }
331
328
 
332
- .awsui_footer_1d237_jjeuv_304:not(#\9) {
329
+ .awsui_footer_1d237_1m8fz_326:not(#\9) {
333
330
  color: var(--color-text-body-secondary-w9jvno, #414d5c);
334
331
  border-top: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
335
332
  margin: var(--space-scaled-xl-kswcw7, 24px) calc(-1 * var(--space-xs-zb16t3, 8px));
336
333
  padding: 0 var(--space-s-34lx8l, 12px);
337
334
  }
338
- .awsui_footer_1d237_jjeuv_304 > :not(#\9):first-child {
335
+ .awsui_footer_1d237_1m8fz_326 > :not(#\9):first-child {
339
336
  margin-top: var(--space-scaled-xl-kswcw7, 24px);
340
337
  }
341
- .awsui_footer_1d237_jjeuv_304 ul:not(#\9) {
338
+ .awsui_footer_1d237_1m8fz_326 ul:not(#\9) {
342
339
  list-style: none;
343
340
  padding-left: 0;
344
341
  }
345
- .awsui_footer_1d237_jjeuv_304 a:not(#\9) {
342
+ .awsui_footer_1d237_1m8fz_326 a:not(#\9) {
346
343
  color: var(--color-text-link-default-latg1a, #0972d3);
347
344
  font-weight: inherit;
348
345
  letter-spacing: normal;
@@ -356,32 +353,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
356
353
  text-decoration-thickness: 1px;
357
354
  }
358
355
  @media (prefers-reduced-motion: reduce) {
359
- .awsui_footer_1d237_jjeuv_304 a:not(#\9) {
356
+ .awsui_footer_1d237_1m8fz_326 a:not(#\9) {
360
357
  animation: none;
361
358
  transition: none;
362
359
  }
363
360
  }
364
- .awsui-motion-disabled .awsui_footer_1d237_jjeuv_304 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_jjeuv_304 a:not(#\9) {
361
+ .awsui-motion-disabled .awsui_footer_1d237_1m8fz_326 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_1m8fz_326 a:not(#\9) {
365
362
  animation: none;
366
363
  transition: none;
367
364
  }
368
- .awsui_footer_1d237_jjeuv_304 a:not(#\9):hover {
365
+ .awsui_footer_1d237_1m8fz_326 a:not(#\9):hover {
369
366
  cursor: pointer;
370
367
  color: var(--color-text-link-hover-8j6p14, #033160);
371
368
  }
372
- .awsui_footer_1d237_jjeuv_304 a:not(#\9):focus {
369
+ .awsui_footer_1d237_1m8fz_326 a:not(#\9):focus {
373
370
  outline: none;
374
371
  }
375
- .awsui_footer_1d237_jjeuv_304 a:not(#\9):active {
372
+ .awsui_footer_1d237_1m8fz_326 a:not(#\9):active {
376
373
  color: var(--color-text-link-hover-8j6p14, #033160);
377
374
  }
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 {
375
+ .awsui_footer_1d237_1m8fz_326 a:not(#\9):active, .awsui_footer_1d237_1m8fz_326 a:not(#\9):focus, .awsui_footer_1d237_1m8fz_326 a:not(#\9):hover {
379
376
  text-decoration-line: underline;
380
377
  text-decoration-color: currentColor;
381
378
  }
382
379
 
383
- .awsui_content_1d237_jjeuv_258 a:not(#\9):focus,
384
- .awsui_footer_1d237_jjeuv_304 a:not(#\9):focus {
380
+ .awsui_content_1d237_1m8fz_280 a:not(#\9):focus,
381
+ .awsui_footer_1d237_1m8fz_326 a:not(#\9):focus {
385
382
  outline: thin dotted;
386
383
  outline: var(--border-link-focus-ring-outline-kkfop6, 0);
387
384
  outline-offset: 2px;
@@ -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_jjeuv_94",
6
- "header": "awsui_header_1d237_jjeuv_228",
7
- "content": "awsui_content_1d237_jjeuv_258",
8
- "footer": "awsui_footer_1d237_jjeuv_304"
5
+ "help-panel": "awsui_help-panel_1d237_1m8fz_94",
6
+ "header": "awsui_header_1d237_1m8fz_250",
7
+ "content": "awsui_content_1d237_1m8fz_280",
8
+ "footer": "awsui_footer_1d237_1m8fz_326"
9
9
  };
10
10
 
@@ -1,17 +1,17 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_2rhyz_1x7hc_93",
5
- "input": "awsui_input_2rhyz_1x7hc_97",
6
- "input-readonly": "awsui_input-readonly_2rhyz_1x7hc_120",
7
- "input-invalid": "awsui_input-invalid_2rhyz_1x7hc_181",
8
- "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1x7hc_192",
9
- "input-type-search": "awsui_input-type-search_2rhyz_1x7hc_197",
10
- "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1x7hc_213",
11
- "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1x7hc_216",
12
- "input-container": "awsui_input-container_2rhyz_1x7hc_220",
13
- "input-icon-left": "awsui_input-icon-left_2rhyz_1x7hc_225",
14
- "input-icon-right": "awsui_input-icon-right_2rhyz_1x7hc_232",
15
- "input-button-right": "awsui_input-button-right_2rhyz_1x7hc_238"
4
+ "root": "awsui_root_2rhyz_1p2to_93",
5
+ "input": "awsui_input_2rhyz_1p2to_97",
6
+ "input-readonly": "awsui_input-readonly_2rhyz_1p2to_142",
7
+ "input-invalid": "awsui_input-invalid_2rhyz_1p2to_203",
8
+ "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1p2to_214",
9
+ "input-type-search": "awsui_input-type-search_2rhyz_1p2to_219",
10
+ "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1p2to_235",
11
+ "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1p2to_238",
12
+ "input-container": "awsui_input-container_2rhyz_1p2to_242",
13
+ "input-icon-left": "awsui_input-icon-left_2rhyz_1p2to_247",
14
+ "input-icon-right": "awsui_input-icon-right_2rhyz_1p2to_254",
15
+ "input-button-right": "awsui_input-button-right_2rhyz_1p2to_260"
16
16
  };
17
17
 
@@ -90,23 +90,23 @@ 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_1x7hc_93:not(#\9) {
93
+ .awsui_root_2rhyz_1p2to_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_1x7hc_97:not(#\9) {
98
- /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
97
+ .awsui_input_2rhyz_1p2to_97:not(#\9) {
99
98
  border-collapse: separate;
100
99
  border-spacing: 0;
100
+ box-sizing: border-box;
101
101
  caption-side: top;
102
102
  cursor: auto;
103
- direction: ltr;
103
+ direction: inherit;
104
104
  empty-cells: show;
105
105
  font-family: serif;
106
106
  font-size: medium;
107
107
  font-style: normal;
108
108
  font-variant: normal;
109
- font-weight: normal;
109
+ font-weight: 400;
110
110
  font-stretch: normal;
111
111
  line-height: normal;
112
112
  -webkit-hyphens: none;
@@ -115,15 +115,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
115
115
  list-style: disc outside none;
116
116
  tab-size: 8;
117
117
  text-align: left;
118
- text-align-last: auto;
119
118
  text-indent: 0;
120
119
  text-shadow: none;
121
120
  text-transform: none;
122
121
  visibility: visible;
123
122
  white-space: normal;
124
- widows: 2;
125
123
  word-spacing: normal;
126
- box-sizing: border-box;
127
124
  font-size: var(--font-size-body-m-x4okxb, 14px);
128
125
  line-height: var(--line-height-body-m-30ar75, 20px);
129
126
  color: var(--color-text-body-default-at06ol, #000716);
@@ -143,70 +140,70 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
143
140
  line-height: var(--line-height-body-m-30ar75, 20px);
144
141
  height: var(--size-vertical-input-v5iwwf, 32px);
145
142
  }
146
- .awsui_input_2rhyz_1x7hc_97.awsui_input-readonly_2rhyz_1x7hc_120:not(#\9) {
143
+ .awsui_input_2rhyz_1p2to_97.awsui_input-readonly_2rhyz_1p2to_142:not(#\9) {
147
144
  background-color: var(--color-background-input-default-igdh5e, #ffffff);
148
145
  border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
149
146
  }
150
- .awsui_input_2rhyz_1x7hc_97:not(#\9)::-webkit-input-placeholder {
147
+ .awsui_input_2rhyz_1p2to_97:not(#\9)::-webkit-input-placeholder {
151
148
  color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
152
149
  font-style: italic;
153
150
  -webkit-user-select: none;
154
151
  user-select: none;
155
152
  }
156
- .awsui_input_2rhyz_1x7hc_97:not(#\9)::-ms-input-placeholder {
153
+ .awsui_input_2rhyz_1p2to_97:not(#\9)::-ms-input-placeholder {
157
154
  color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
158
155
  font-style: italic;
159
156
  }
160
- .awsui_input_2rhyz_1x7hc_97:not(#\9)::-moz-placeholder {
157
+ .awsui_input_2rhyz_1p2to_97:not(#\9)::-moz-placeholder {
161
158
  color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
162
159
  font-style: italic;
163
160
  opacity: 1;
164
161
  }
165
- .awsui_input_2rhyz_1x7hc_97:not(#\9):-ms-input-placeholder {
162
+ .awsui_input_2rhyz_1p2to_97:not(#\9):-ms-input-placeholder {
166
163
  color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
167
164
  font-style: italic;
168
165
  }
169
- .awsui_input_2rhyz_1x7hc_97:not(#\9):-moz-placeholder {
166
+ .awsui_input_2rhyz_1p2to_97:not(#\9):-moz-placeholder {
170
167
  color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
171
168
  font-style: italic;
172
169
  opacity: 1;
173
170
  }
174
- .awsui_input_2rhyz_1x7hc_97:not(#\9):focus {
171
+ .awsui_input_2rhyz_1p2to_97:not(#\9):focus {
175
172
  outline: 2px dotted transparent;
176
173
  border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-3d15sl, #033160);
177
174
  border-radius: var(--border-radius-input-plgbrq, 8px);
178
175
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-b2ntyl, #0972d3);
179
176
  }
180
- .awsui_input_2rhyz_1x7hc_97:not(#\9):disabled {
177
+ .awsui_input_2rhyz_1p2to_97:not(#\9):disabled {
181
178
  background-color: var(--color-background-input-disabled-ab59a3, #e9ebed);
182
179
  border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
183
180
  color: var(--color-text-input-disabled-f8pjm5, #9ba7b6);
184
181
  cursor: auto;
185
182
  cursor: default;
186
183
  }
187
- .awsui_input_2rhyz_1x7hc_97:not(#\9):disabled::-webkit-input-placeholder {
184
+ .awsui_input_2rhyz_1p2to_97:not(#\9):disabled::-webkit-input-placeholder {
188
185
  color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
189
186
  -webkit-user-select: none;
190
187
  user-select: none;
191
188
  }
192
- .awsui_input_2rhyz_1x7hc_97:not(#\9):disabled::-ms-input-placeholder {
189
+ .awsui_input_2rhyz_1p2to_97:not(#\9):disabled::-ms-input-placeholder {
193
190
  color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
194
191
  }
195
- .awsui_input_2rhyz_1x7hc_97:not(#\9):disabled::-moz-placeholder {
192
+ .awsui_input_2rhyz_1p2to_97:not(#\9):disabled::-moz-placeholder {
196
193
  color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
197
194
  opacity: 1;
198
195
  }
199
- .awsui_input_2rhyz_1x7hc_97:not(#\9):disabled:-ms-input-placeholder {
196
+ .awsui_input_2rhyz_1p2to_97:not(#\9):disabled:-ms-input-placeholder {
200
197
  color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
201
198
  }
202
- .awsui_input_2rhyz_1x7hc_97:not(#\9):disabled:-moz-placeholder {
199
+ .awsui_input_2rhyz_1p2to_97:not(#\9):disabled:-moz-placeholder {
203
200
  color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
204
201
  opacity: 1;
205
202
  }
206
- .awsui_input_2rhyz_1x7hc_97:not(#\9):invalid {
203
+ .awsui_input_2rhyz_1p2to_97:not(#\9):invalid {
207
204
  box-shadow: none;
208
205
  }
209
- .awsui_input_2rhyz_1x7hc_97.awsui_input-invalid_2rhyz_1x7hc_181:not(#\9) {
206
+ .awsui_input_2rhyz_1p2to_97.awsui_input-invalid_2rhyz_1p2to_203:not(#\9) {
210
207
  color: var(--color-text-status-error-wdvepn, #d91515);
211
208
  border-color: var(--color-text-status-error-wdvepn, #d91515);
212
209
  padding-left: calc(
@@ -214,55 +211,55 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
214
211
  );
215
212
  border-left-width: var(--border-invalid-width-5ktjp2, 8px);
216
213
  }
217
- .awsui_input_2rhyz_1x7hc_97.awsui_input-invalid_2rhyz_1x7hc_181:not(#\9):focus {
214
+ .awsui_input_2rhyz_1p2to_97.awsui_input-invalid_2rhyz_1p2to_203:not(#\9):focus {
218
215
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
219
216
  }
220
- .awsui_input_2rhyz_1x7hc_97.awsui_input-invalid_2rhyz_1x7hc_181.awsui_input-has-icon-left_2rhyz_1x7hc_192:not(#\9) {
217
+ .awsui_input_2rhyz_1p2to_97.awsui_input-invalid_2rhyz_1p2to_203.awsui_input-has-icon-left_2rhyz_1p2to_214:not(#\9) {
221
218
  padding-left: calc(
222
219
  var(--space-field-icon-offset-csk9vw, 36px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px))
223
220
  );
224
221
  }
225
- .awsui_input_2rhyz_1x7hc_97.awsui_input-type-search_2rhyz_1x7hc_197:not(#\9) {
222
+ .awsui_input_2rhyz_1p2to_97.awsui_input-type-search_2rhyz_1p2to_219:not(#\9) {
226
223
  box-sizing: border-box;
227
224
  -webkit-appearance: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */
228
225
  }
229
- .awsui_input_2rhyz_1x7hc_97.awsui_input-type-search_2rhyz_1x7hc_197:not(#\9)::-ms-clear {
226
+ .awsui_input_2rhyz_1p2to_97.awsui_input-type-search_2rhyz_1p2to_219:not(#\9)::-ms-clear {
230
227
  display: none;
231
228
  }
232
- .awsui_input_2rhyz_1x7hc_97.awsui_input-type-search_2rhyz_1x7hc_197:not(#\9)::-webkit-search-decoration {
229
+ .awsui_input_2rhyz_1p2to_97.awsui_input-type-search_2rhyz_1p2to_219:not(#\9)::-webkit-search-decoration {
233
230
  -webkit-appearance: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */
234
231
  }
235
- .awsui_input_2rhyz_1x7hc_97.awsui_input-type-search_2rhyz_1x7hc_197:not(#\9)::-webkit-search-cancel-button {
232
+ .awsui_input_2rhyz_1p2to_97.awsui_input-type-search_2rhyz_1p2to_219:not(#\9)::-webkit-search-cancel-button {
236
233
  display: none;
237
234
  }
238
- .awsui_input_2rhyz_1x7hc_97.awsui_input-has-icon-left_2rhyz_1x7hc_192:not(#\9) {
235
+ .awsui_input_2rhyz_1p2to_97.awsui_input-has-icon-left_2rhyz_1p2to_214:not(#\9) {
239
236
  padding-left: var(--space-field-icon-offset-csk9vw, 36px);
240
237
  }
241
- .awsui_input_2rhyz_1x7hc_97.awsui_input-has-icon-right_2rhyz_1x7hc_213:not(#\9) {
238
+ .awsui_input_2rhyz_1p2to_97.awsui_input-has-icon-right_2rhyz_1p2to_235:not(#\9) {
242
239
  padding-right: var(--space-field-icon-offset-csk9vw, 36px);
243
240
  }
244
- .awsui_input_2rhyz_1x7hc_97.awsui_input-has-no-border-radius_2rhyz_1x7hc_216:not(#\9) {
241
+ .awsui_input_2rhyz_1p2to_97.awsui_input-has-no-border-radius_2rhyz_1p2to_238:not(#\9) {
245
242
  border-radius: var(--border-radius-dropdown-0dhh79, 8px);
246
243
  }
247
244
 
248
- .awsui_input-container_2rhyz_1x7hc_220:not(#\9) {
245
+ .awsui_input-container_2rhyz_1p2to_242:not(#\9) {
249
246
  display: flex;
250
247
  position: relative;
251
248
  }
252
249
 
253
- .awsui_input-icon-left_2rhyz_1x7hc_225:not(#\9) {
250
+ .awsui_input-icon-left_2rhyz_1p2to_247:not(#\9) {
254
251
  position: absolute;
255
252
  pointer-events: none;
256
253
  left: var(--space-field-horizontal-gg19kw, 12px);
257
254
  top: calc(50% - var(--line-height-body-m-30ar75, 20px) / 2);
258
255
  }
259
256
 
260
- .awsui_input-icon-right_2rhyz_1x7hc_232:not(#\9) {
257
+ .awsui_input-icon-right_2rhyz_1p2to_254:not(#\9) {
261
258
  position: absolute;
262
259
  top: calc(50% - var(--line-height-body-m-30ar75, 20px) / 2);
263
260
  right: calc(var(--space-field-horizontal-gg19kw, 12px) - var(--space-xxs-p8yyaw, 4px));
264
261
  }
265
262
 
266
- .awsui_input-button-right_2rhyz_1x7hc_238:not(#\9) {
263
+ .awsui_input-button-right_2rhyz_1p2to_260:not(#\9) {
267
264
  /* used in test-utils */
268
265
  }
@@ -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_1x7hc_93",
6
- "input": "awsui_input_2rhyz_1x7hc_97",
7
- "input-readonly": "awsui_input-readonly_2rhyz_1x7hc_120",
8
- "input-invalid": "awsui_input-invalid_2rhyz_1x7hc_181",
9
- "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1x7hc_192",
10
- "input-type-search": "awsui_input-type-search_2rhyz_1x7hc_197",
11
- "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1x7hc_213",
12
- "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1x7hc_216",
13
- "input-container": "awsui_input-container_2rhyz_1x7hc_220",
14
- "input-icon-left": "awsui_input-icon-left_2rhyz_1x7hc_225",
15
- "input-icon-right": "awsui_input-icon-right_2rhyz_1x7hc_232",
16
- "input-button-right": "awsui_input-button-right_2rhyz_1x7hc_238"
5
+ "root": "awsui_root_2rhyz_1p2to_93",
6
+ "input": "awsui_input_2rhyz_1p2to_97",
7
+ "input-readonly": "awsui_input-readonly_2rhyz_1p2to_142",
8
+ "input-invalid": "awsui_input-invalid_2rhyz_1p2to_203",
9
+ "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1p2to_214",
10
+ "input-type-search": "awsui_input-type-search_2rhyz_1p2to_219",
11
+ "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1p2to_235",
12
+ "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1p2to_238",
13
+ "input-container": "awsui_input-container_2rhyz_1p2to_242",
14
+ "input-icon-left": "awsui_input-icon-left_2rhyz_1p2to_247",
15
+ "input-icon-right": "awsui_input-icon-right_2rhyz_1p2to_254",
16
+ "input-button-right": "awsui_input-button-right_2rhyz_1p2to_260"
17
17
  };
18
18
 
@@ -1,15 +1,15 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "button-trigger": "awsui_button-trigger_18eso_1dv5w_97",
5
- "arrow": "awsui_arrow_18eso_1dv5w_97",
6
- "has-caret": "awsui_has-caret_18eso_1dv5w_137",
7
- "placeholder": "awsui_placeholder_18eso_1dv5w_140",
8
- "pressed": "awsui_pressed_18eso_1dv5w_153",
9
- "disabled": "awsui_disabled_18eso_1dv5w_156",
10
- "in-filtering-token": "awsui_in-filtering-token_18eso_1dv5w_165",
11
- "read-only": "awsui_read-only_18eso_1dv5w_171",
12
- "invalid": "awsui_invalid_18eso_1dv5w_188",
13
- "inline-tokens": "awsui_inline-tokens_18eso_1dv5w_223"
4
+ "button-trigger": "awsui_button-trigger_18eso_z75md_97",
5
+ "arrow": "awsui_arrow_18eso_z75md_97",
6
+ "has-caret": "awsui_has-caret_18eso_z75md_159",
7
+ "placeholder": "awsui_placeholder_18eso_z75md_162",
8
+ "pressed": "awsui_pressed_18eso_z75md_175",
9
+ "disabled": "awsui_disabled_18eso_z75md_178",
10
+ "in-filtering-token": "awsui_in-filtering-token_18eso_z75md_187",
11
+ "read-only": "awsui_read-only_18eso_z75md_193",
12
+ "invalid": "awsui_invalid_18eso_z75md_210",
13
+ "inline-tokens": "awsui_inline-tokens_18eso_z75md_245"
14
14
  };
15
15