@cloudscape-design/components 3.0.834 → 3.0.836

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 (142) hide show
  1. package/alert/styles.css.js +28 -28
  2. package/alert/styles.scoped.css +46 -46
  3. package/alert/styles.selectors.js +28 -28
  4. package/anchor-navigation/styles.css.js +8 -8
  5. package/anchor-navigation/styles.scoped.css +19 -19
  6. package/anchor-navigation/styles.selectors.js +8 -8
  7. package/button/styles.css.js +21 -21
  8. package/button/styles.scoped.css +157 -157
  9. package/button/styles.selectors.js +21 -21
  10. package/button-dropdown/item-element/styles.css.js +13 -13
  11. package/button-dropdown/item-element/styles.scoped.css +22 -22
  12. package/button-dropdown/item-element/styles.selectors.js +13 -13
  13. package/button-dropdown/styles.css.js +17 -17
  14. package/button-dropdown/styles.scoped.css +30 -30
  15. package/button-dropdown/styles.selectors.js +17 -17
  16. package/expandable-section/styles.css.js +34 -34
  17. package/expandable-section/styles.scoped.css +67 -67
  18. package/expandable-section/styles.selectors.js +34 -34
  19. package/file-token-group/file-token.d.ts +2 -2
  20. package/file-token-group/file-token.d.ts.map +1 -1
  21. package/file-token-group/file-token.js +9 -5
  22. package/file-token-group/file-token.js.map +1 -1
  23. package/file-token-group/interfaces.d.ts +2 -2
  24. package/file-token-group/interfaces.d.ts.map +1 -1
  25. package/file-token-group/interfaces.js.map +1 -1
  26. package/file-token-group/internal.d.ts.map +1 -1
  27. package/file-token-group/internal.js +11 -3
  28. package/file-token-group/internal.js.map +1 -1
  29. package/file-token-group/styles.css.js +22 -22
  30. package/file-token-group/styles.scoped.css +31 -31
  31. package/file-token-group/styles.selectors.js +22 -22
  32. package/file-upload/interfaces.d.ts +6 -6
  33. package/file-upload/interfaces.d.ts.map +1 -1
  34. package/file-upload/interfaces.js.map +1 -1
  35. package/file-upload/internal.d.ts.map +1 -1
  36. package/file-upload/internal.js +15 -5
  37. package/file-upload/internal.js.map +1 -1
  38. package/flashbar/styles.css.js +50 -50
  39. package/flashbar/styles.scoped.css +151 -151
  40. package/flashbar/styles.selectors.js +50 -50
  41. package/i18n/messages/all.all.js +1 -1
  42. package/i18n/messages/all.all.json +1 -1
  43. package/i18n/messages/all.ar.js +1 -1
  44. package/i18n/messages/all.ar.json +1 -1
  45. package/i18n/messages/all.de.js +1 -1
  46. package/i18n/messages/all.de.json +1 -1
  47. package/i18n/messages/all.en-GB.js +1 -1
  48. package/i18n/messages/all.en-GB.json +1 -1
  49. package/i18n/messages/all.en.js +1 -1
  50. package/i18n/messages/all.en.json +1 -1
  51. package/i18n/messages/all.es.js +1 -1
  52. package/i18n/messages/all.es.json +1 -1
  53. package/i18n/messages/all.fr.js +1 -1
  54. package/i18n/messages/all.fr.json +1 -1
  55. package/i18n/messages/all.id.js +1 -1
  56. package/i18n/messages/all.id.json +1 -1
  57. package/i18n/messages/all.it.js +1 -1
  58. package/i18n/messages/all.it.json +1 -1
  59. package/i18n/messages/all.ja.js +1 -1
  60. package/i18n/messages/all.ja.json +1 -1
  61. package/i18n/messages/all.ko.js +1 -1
  62. package/i18n/messages/all.ko.json +1 -1
  63. package/i18n/messages/all.pt-BR.js +1 -1
  64. package/i18n/messages/all.pt-BR.json +1 -1
  65. package/i18n/messages/all.tr.js +1 -1
  66. package/i18n/messages/all.tr.json +1 -1
  67. package/i18n/messages/all.zh-CN.js +1 -1
  68. package/i18n/messages/all.zh-CN.json +1 -1
  69. package/i18n/messages/all.zh-TW.js +1 -1
  70. package/i18n/messages/all.zh-TW.json +1 -1
  71. package/i18n/messages-types.d.ts +24 -0
  72. package/i18n/messages-types.d.ts.map +1 -1
  73. package/i18n/messages-types.js.map +1 -1
  74. package/input/styles.css.js +13 -13
  75. package/input/styles.scoped.css +44 -44
  76. package/input/styles.selectors.js +13 -13
  77. package/internal/base-component/styles.scoped.css +4 -2
  78. package/internal/components/button-trigger/styles.css.js +13 -13
  79. package/internal/components/button-trigger/styles.scoped.css +37 -37
  80. package/internal/components/button-trigger/styles.selectors.js +13 -13
  81. package/internal/components/checkbox-icon/styles.css.js +9 -9
  82. package/internal/components/checkbox-icon/styles.scoped.css +10 -10
  83. package/internal/components/checkbox-icon/styles.selectors.js +9 -9
  84. package/internal/components/dropdown/styles.css.js +20 -20
  85. package/internal/components/dropdown/styles.scoped.css +39 -39
  86. package/internal/components/dropdown/styles.selectors.js +20 -20
  87. package/internal/components/menu-dropdown/styles.css.js +7 -7
  88. package/internal/components/menu-dropdown/styles.scoped.css +14 -14
  89. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  90. package/internal/components/token-list/styles.css.js +10 -10
  91. package/internal/components/token-list/styles.scoped.css +26 -26
  92. package/internal/components/token-list/styles.selectors.js +10 -10
  93. package/internal/environment.js +1 -1
  94. package/internal/environment.json +1 -1
  95. package/internal/generated/styles/tokens.d.ts +4 -2
  96. package/internal/generated/styles/tokens.js +4 -2
  97. package/internal/generated/theming/index.cjs +22 -8
  98. package/internal/generated/theming/index.cjs.d.ts +32 -0
  99. package/internal/generated/theming/index.d.ts +32 -0
  100. package/internal/generated/theming/index.js +22 -8
  101. package/internal/manifest.json +1 -1
  102. package/link/styles.css.js +20 -20
  103. package/link/styles.scoped.css +73 -73
  104. package/link/styles.selectors.js +20 -20
  105. package/package.json +1 -1
  106. package/pagination/styles.css.js +9 -9
  107. package/pagination/styles.scoped.css +27 -27
  108. package/pagination/styles.selectors.js +9 -9
  109. package/popover/styles.css.js +52 -52
  110. package/popover/styles.scoped.css +72 -75
  111. package/popover/styles.selectors.js +52 -52
  112. package/prompt-input/styles.css.js +14 -14
  113. package/prompt-input/styles.scoped.css +56 -56
  114. package/prompt-input/styles.selectors.js +14 -14
  115. package/property-filter/filtering-token/styles.css.js +18 -18
  116. package/property-filter/filtering-token/styles.scoped.css +45 -45
  117. package/property-filter/filtering-token/styles.selectors.js +18 -18
  118. package/property-filter/styles.css.js +39 -39
  119. package/property-filter/styles.scoped.css +42 -42
  120. package/property-filter/styles.selectors.js +39 -39
  121. package/segmented-control/styles.css.js +15 -15
  122. package/segmented-control/styles.scoped.css +38 -38
  123. package/segmented-control/styles.selectors.js +15 -15
  124. package/select/parts/styles.css.js +21 -21
  125. package/select/parts/styles.scoped.css +26 -26
  126. package/select/parts/styles.selectors.js +21 -21
  127. package/test-utils/tsconfig.tsbuildinfo +1 -1
  128. package/textarea/styles.css.js +5 -5
  129. package/textarea/styles.scoped.css +24 -24
  130. package/textarea/styles.selectors.js +5 -5
  131. package/tiles/styles.css.js +30 -30
  132. package/tiles/styles.scoped.css +79 -79
  133. package/tiles/styles.selectors.js +30 -30
  134. package/token-group/styles.css.js +8 -8
  135. package/token-group/styles.scoped.css +18 -18
  136. package/token-group/styles.selectors.js +8 -8
  137. package/top-navigation/styles.css.js +47 -47
  138. package/top-navigation/styles.scoped.css +67 -67
  139. package/top-navigation/styles.selectors.js +47 -47
  140. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  141. package/tutorial-panel/components/tutorial-list/styles.scoped.css +29 -29
  142. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
@@ -138,11 +138,11 @@
138
138
  */
139
139
  /* Style used for links in slots/components that are text heavy, to help links stand out among
140
140
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
141
- .awsui_root_2rhyz_1p3b2_141:not(#\9) {
141
+ .awsui_root_2rhyz_137vc_141:not(#\9) {
142
142
  /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
143
143
  }
144
144
 
145
- .awsui_input_2rhyz_1p3b2_145:not(#\9) {
145
+ .awsui_input_2rhyz_137vc_145:not(#\9) {
146
146
  border-collapse: separate;
147
147
  border-spacing: 0;
148
148
  box-sizing: border-box;
@@ -187,146 +187,146 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
187
187
  border-start-end-radius: var(--border-radius-input-plgbrq, 8px);
188
188
  border-end-start-radius: var(--border-radius-input-plgbrq, 8px);
189
189
  border-end-end-radius: var(--border-radius-input-plgbrq, 8px);
190
- border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-default-l7v83d, #8c8c94);
191
- border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-default-l7v83d, #8c8c94);
190
+ border-block: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-default-l7v83d, #8c8c94);
191
+ border-inline: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-default-l7v83d, #8c8c94);
192
192
  font-size: var(--font-size-body-m-x4okxb, 14px);
193
193
  line-height: var(--line-height-body-m-30ar75, 20px);
194
194
  block-size: var(--size-vertical-input-v5iwwf, 32px);
195
195
  }
196
- .awsui_input_2rhyz_1p3b2_145.awsui_input-readonly_2rhyz_1p3b2_195:not(#\9) {
196
+ .awsui_input_2rhyz_137vc_145.awsui_input-readonly_2rhyz_137vc_195:not(#\9) {
197
197
  background-color: var(--color-background-input-default-u56ls1, #ffffff);
198
- border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
199
- border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
198
+ border-block: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
199
+ border-inline: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
200
200
  }
201
- .awsui_input_2rhyz_1p3b2_145:not(#\9)::-webkit-input-placeholder {
201
+ .awsui_input_2rhyz_137vc_145:not(#\9)::-webkit-input-placeholder {
202
202
  color: var(--color-text-input-placeholder-f3x213, #656871);
203
203
  font-style: italic;
204
204
  -webkit-user-select: none;
205
205
  user-select: none;
206
206
  }
207
- .awsui_input_2rhyz_1p3b2_145:not(#\9)::-ms-input-placeholder {
207
+ .awsui_input_2rhyz_137vc_145:not(#\9)::-ms-input-placeholder {
208
208
  color: var(--color-text-input-placeholder-f3x213, #656871);
209
209
  font-style: italic;
210
210
  }
211
- .awsui_input_2rhyz_1p3b2_145:not(#\9)::-moz-placeholder {
211
+ .awsui_input_2rhyz_137vc_145:not(#\9)::-moz-placeholder {
212
212
  color: var(--color-text-input-placeholder-f3x213, #656871);
213
213
  font-style: italic;
214
214
  opacity: 1;
215
215
  }
216
- .awsui_input_2rhyz_1p3b2_145:not(#\9):-ms-input-placeholder {
216
+ .awsui_input_2rhyz_137vc_145:not(#\9):-ms-input-placeholder {
217
217
  color: var(--color-text-input-placeholder-f3x213, #656871);
218
218
  font-style: italic;
219
219
  }
220
- .awsui_input_2rhyz_1p3b2_145:not(#\9):-moz-placeholder {
220
+ .awsui_input_2rhyz_137vc_145:not(#\9):-moz-placeholder {
221
221
  color: var(--color-text-input-placeholder-f3x213, #656871);
222
222
  font-style: italic;
223
223
  opacity: 1;
224
224
  }
225
- .awsui_input_2rhyz_1p3b2_145:not(#\9):focus {
225
+ .awsui_input_2rhyz_137vc_145:not(#\9):focus {
226
226
  outline: 2px dotted transparent;
227
- border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-c6w5i5, #002b66);
228
- border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-c6w5i5, #002b66);
227
+ border-block: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-focused-c6w5i5, #002b66);
228
+ border-inline: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-focused-c6w5i5, #002b66);
229
229
  border-start-start-radius: var(--border-radius-input-plgbrq, 8px);
230
230
  border-start-end-radius: var(--border-radius-input-plgbrq, 8px);
231
231
  border-end-start-radius: var(--border-radius-input-plgbrq, 8px);
232
232
  border-end-end-radius: var(--border-radius-input-plgbrq, 8px);
233
233
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-nv6mhz, #006ce0);
234
234
  }
235
- .awsui_input_2rhyz_1p3b2_145:not(#\9):disabled {
235
+ .awsui_input_2rhyz_137vc_145:not(#\9):disabled {
236
236
  background-color: var(--color-background-input-disabled-gvxsk4, #ebebf0);
237
- border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
238
- border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
237
+ border-block: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
238
+ border-inline: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
239
239
  color: var(--color-text-input-disabled-fc4jfl, #b4b4bb);
240
240
  cursor: auto;
241
241
  cursor: default;
242
242
  }
243
- .awsui_input_2rhyz_1p3b2_145:not(#\9):disabled::-webkit-input-placeholder {
243
+ .awsui_input_2rhyz_137vc_145:not(#\9):disabled::-webkit-input-placeholder {
244
244
  color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
245
245
  -webkit-user-select: none;
246
246
  user-select: none;
247
247
  }
248
- .awsui_input_2rhyz_1p3b2_145:not(#\9):disabled::-ms-input-placeholder {
248
+ .awsui_input_2rhyz_137vc_145:not(#\9):disabled::-ms-input-placeholder {
249
249
  color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
250
250
  }
251
- .awsui_input_2rhyz_1p3b2_145:not(#\9):disabled::-moz-placeholder {
251
+ .awsui_input_2rhyz_137vc_145:not(#\9):disabled::-moz-placeholder {
252
252
  color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
253
253
  opacity: 1;
254
254
  }
255
- .awsui_input_2rhyz_1p3b2_145:not(#\9):disabled:-ms-input-placeholder {
255
+ .awsui_input_2rhyz_137vc_145:not(#\9):disabled:-ms-input-placeholder {
256
256
  color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
257
257
  }
258
- .awsui_input_2rhyz_1p3b2_145:not(#\9):disabled:-moz-placeholder {
258
+ .awsui_input_2rhyz_137vc_145:not(#\9):disabled:-moz-placeholder {
259
259
  color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
260
260
  opacity: 1;
261
261
  }
262
- .awsui_input_2rhyz_1p3b2_145:not(#\9):invalid {
262
+ .awsui_input_2rhyz_137vc_145:not(#\9):invalid {
263
263
  box-shadow: none;
264
264
  }
265
- .awsui_input_2rhyz_1p3b2_145.awsui_input-invalid_2rhyz_1p3b2_262:not(#\9) {
265
+ .awsui_input_2rhyz_137vc_145.awsui_input-invalid_2rhyz_137vc_262:not(#\9) {
266
266
  color: var(--color-text-status-error-5676bj, #db0000);
267
267
  border-color: var(--color-text-status-error-5676bj, #db0000);
268
- padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
268
+ padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-width-field-h1g7tw, 2px)));
269
269
  border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
270
270
  }
271
- .awsui_input_2rhyz_1p3b2_145.awsui_input-invalid_2rhyz_1p3b2_262:not(#\9):focus {
271
+ .awsui_input_2rhyz_137vc_145.awsui_input-invalid_2rhyz_137vc_262:not(#\9):focus {
272
272
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
273
273
  }
274
- .awsui_input_2rhyz_1p3b2_145.awsui_input-invalid_2rhyz_1p3b2_262.awsui_input-has-icon-left_2rhyz_1p3b2_271:not(#\9) {
275
- padding-inline-start: calc(var(--space-field-icon-offset-csk9vw, 36px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
274
+ .awsui_input_2rhyz_137vc_145.awsui_input-invalid_2rhyz_137vc_262.awsui_input-has-icon-left_2rhyz_137vc_271:not(#\9) {
275
+ padding-inline-start: calc(var(--space-field-icon-offset-csk9vw, 36px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-width-field-h1g7tw, 2px)));
276
276
  }
277
- .awsui_input_2rhyz_1p3b2_145.awsui_input-warning_2rhyz_1p3b2_274:not(#\9) {
277
+ .awsui_input_2rhyz_137vc_145.awsui_input-warning_2rhyz_137vc_274:not(#\9) {
278
278
  color: var(--color-text-status-warning-csaw41, #855900);
279
279
  border-color: var(--color-text-status-warning-csaw41, #855900);
280
- padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
280
+ padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-width-field-h1g7tw, 2px)));
281
281
  border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
282
282
  }
283
- .awsui_input_2rhyz_1p3b2_145.awsui_input-warning_2rhyz_1p3b2_274:not(#\9):focus {
283
+ .awsui_input_2rhyz_137vc_145.awsui_input-warning_2rhyz_137vc_274:not(#\9):focus {
284
284
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
285
285
  }
286
- .awsui_input_2rhyz_1p3b2_145.awsui_input-warning_2rhyz_1p3b2_274.awsui_input-has-icon-left_2rhyz_1p3b2_271:not(#\9) {
287
- padding-inline-start: calc(var(--space-field-icon-offset-csk9vw, 36px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
286
+ .awsui_input_2rhyz_137vc_145.awsui_input-warning_2rhyz_137vc_274.awsui_input-has-icon-left_2rhyz_137vc_271:not(#\9) {
287
+ padding-inline-start: calc(var(--space-field-icon-offset-csk9vw, 36px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-width-field-h1g7tw, 2px)));
288
288
  }
289
- .awsui_input_2rhyz_1p3b2_145.awsui_input-type-search_2rhyz_1p3b2_286:not(#\9) {
289
+ .awsui_input_2rhyz_137vc_145.awsui_input-type-search_2rhyz_137vc_286:not(#\9) {
290
290
  box-sizing: border-box;
291
291
  -webkit-appearance: none;
292
292
  }
293
- .awsui_input_2rhyz_1p3b2_145.awsui_input-type-search_2rhyz_1p3b2_286:not(#\9)::-webkit-search-decoration {
293
+ .awsui_input_2rhyz_137vc_145.awsui_input-type-search_2rhyz_137vc_286:not(#\9)::-webkit-search-decoration {
294
294
  -webkit-appearance: none;
295
295
  }
296
- .awsui_input_2rhyz_1p3b2_145.awsui_input-type-search_2rhyz_1p3b2_286:not(#\9)::-webkit-search-cancel-button {
296
+ .awsui_input_2rhyz_137vc_145.awsui_input-type-search_2rhyz_137vc_286:not(#\9)::-webkit-search-cancel-button {
297
297
  display: none;
298
298
  }
299
- .awsui_input_2rhyz_1p3b2_145.awsui_input-has-icon-left_2rhyz_1p3b2_271:not(#\9) {
299
+ .awsui_input_2rhyz_137vc_145.awsui_input-has-icon-left_2rhyz_137vc_271:not(#\9) {
300
300
  padding-inline-start: var(--space-field-icon-offset-csk9vw, 36px);
301
301
  }
302
- .awsui_input_2rhyz_1p3b2_145.awsui_input-has-icon-right_2rhyz_1p3b2_299:not(#\9) {
302
+ .awsui_input_2rhyz_137vc_145.awsui_input-has-icon-right_2rhyz_137vc_299:not(#\9) {
303
303
  padding-inline-end: var(--space-field-icon-offset-csk9vw, 36px);
304
304
  }
305
- .awsui_input_2rhyz_1p3b2_145.awsui_input-has-no-border-radius_2rhyz_1p3b2_302:not(#\9) {
305
+ .awsui_input_2rhyz_137vc_145.awsui_input-has-no-border-radius_2rhyz_137vc_302:not(#\9) {
306
306
  border-start-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
307
307
  border-start-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
308
308
  border-end-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
309
309
  border-end-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
310
310
  }
311
311
 
312
- .awsui_input-container_2rhyz_1p3b2_309:not(#\9) {
312
+ .awsui_input-container_2rhyz_137vc_309:not(#\9) {
313
313
  display: flex;
314
314
  position: relative;
315
315
  }
316
316
 
317
- .awsui_input-icon-left_2rhyz_1p3b2_314:not(#\9) {
317
+ .awsui_input-icon-left_2rhyz_137vc_314:not(#\9) {
318
318
  position: absolute;
319
319
  pointer-events: none;
320
320
  inset-inline-start: var(--space-field-horizontal-gg19kw, 12px);
321
321
  inset-block-start: calc(50% - var(--line-height-body-m-30ar75, 20px) / 2);
322
322
  }
323
323
 
324
- .awsui_input-icon-right_2rhyz_1p3b2_321:not(#\9) {
324
+ .awsui_input-icon-right_2rhyz_137vc_321:not(#\9) {
325
325
  position: absolute;
326
326
  inset-block-start: calc(50% - var(--line-height-body-m-30ar75, 20px) / 2);
327
327
  inset-inline-end: calc(var(--space-field-horizontal-gg19kw, 12px) - var(--space-xxs-p8yyaw, 4px));
328
328
  }
329
329
 
330
- .awsui_input-button-right_2rhyz_1p3b2_327:not(#\9) {
330
+ .awsui_input-button-right_2rhyz_137vc_327:not(#\9) {
331
331
  /* used in test-utils */
332
332
  }
@@ -2,18 +2,18 @@
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_1p3b2_141",
6
- "input": "awsui_input_2rhyz_1p3b2_145",
7
- "input-readonly": "awsui_input-readonly_2rhyz_1p3b2_195",
8
- "input-invalid": "awsui_input-invalid_2rhyz_1p3b2_262",
9
- "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1p3b2_271",
10
- "input-warning": "awsui_input-warning_2rhyz_1p3b2_274",
11
- "input-type-search": "awsui_input-type-search_2rhyz_1p3b2_286",
12
- "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1p3b2_299",
13
- "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1p3b2_302",
14
- "input-container": "awsui_input-container_2rhyz_1p3b2_309",
15
- "input-icon-left": "awsui_input-icon-left_2rhyz_1p3b2_314",
16
- "input-icon-right": "awsui_input-icon-right_2rhyz_1p3b2_321",
17
- "input-button-right": "awsui_input-button-right_2rhyz_1p3b2_327"
5
+ "root": "awsui_root_2rhyz_137vc_141",
6
+ "input": "awsui_input_2rhyz_137vc_145",
7
+ "input-readonly": "awsui_input-readonly_2rhyz_137vc_195",
8
+ "input-invalid": "awsui_input-invalid_2rhyz_137vc_262",
9
+ "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_137vc_271",
10
+ "input-warning": "awsui_input-warning_2rhyz_137vc_274",
11
+ "input-type-search": "awsui_input-type-search_2rhyz_137vc_286",
12
+ "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_137vc_299",
13
+ "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_137vc_302",
14
+ "input-container": "awsui_input-container_2rhyz_137vc_309",
15
+ "input-icon-left": "awsui_input-icon-left_2rhyz_137vc_314",
16
+ "input-icon-right": "awsui_input-icon-right_2rhyz_137vc_321",
17
+ "input-button-right": "awsui_input-button-right_2rhyz_137vc_327"
18
18
  };
19
19
 
@@ -419,7 +419,6 @@
419
419
  --color-dropzone-border-hover-tpluhc:#002b66;
420
420
  --font-box-value-large-weight-onoq9k:700;
421
421
  --font-button-letter-spacing-65ug0o:0.005em;
422
- --font-button-weight-hv56tz:700;
423
422
  --font-chart-detail-size-1n389u:12px;
424
423
  --font-display-label-weight-815ja9:700;
425
424
  --font-expandable-heading-size-smdiul:16px;
@@ -445,6 +444,7 @@
445
444
  --font-tabs-line-height-dzo7k3:20px;
446
445
  --font-tabs-size-8zzqp2:16px;
447
446
  --font-wayfinding-link-active-weight-rbmzei:700;
447
+ --font-weight-button-c91p4t:700;
448
448
  --font-weight-heading-xl-yvsksd:700;
449
449
  --font-weight-heading-l-f8711v:700;
450
450
  --font-weight-heading-m-m2ekmb:700;
@@ -474,7 +474,6 @@
474
474
  --border-divider-list-width-27y3k5:1px;
475
475
  --border-divider-section-width-1061zr:1px;
476
476
  --border-dropdown-virtual-offset-width-kekgc0:2px;
477
- --border-field-width-09w7vk:2px;
478
477
  --border-invalid-width-5ktjp2:8px;
479
478
  --border-item-width-yel47s:2px;
480
479
  --border-line-chart-dash-array-k49cgz:3 5;
@@ -504,6 +503,9 @@
504
503
  --border-table-sticky-width-87kf12:1px;
505
504
  --border-link-focus-ring-outline-kkfop6:0;
506
505
  --border-link-focus-ring-shadow-spread-v8hkrl:2px;
506
+ --border-width-alert-t0f3yn:2px;
507
+ --border-width-field-h1g7tw:2px;
508
+ --border-width-popover-h2a419:2px;
507
509
  --motion-duration-extra-slow-ngjb9g:270ms;
508
510
  --motion-duration-fast-sbm3r7:90ms;
509
511
  --motion-duration-moderate-5k1phv:135ms;
@@ -1,18 +1,18 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "button-trigger": "awsui_button-trigger_18eso_1s6dq_157",
5
- "arrow": "awsui_arrow_18eso_1s6dq_157",
6
- "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_1s6dq_220",
7
- "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_1s6dq_220",
8
- "has-caret": "awsui_has-caret_18eso_1s6dq_254",
9
- "placeholder": "awsui_placeholder_18eso_1s6dq_257",
10
- "pressed": "awsui_pressed_18eso_1s6dq_270",
11
- "disabled": "awsui_disabled_18eso_1s6dq_273",
12
- "in-filtering-token": "awsui_in-filtering-token_18eso_1s6dq_220",
13
- "readonly": "awsui_readonly_18eso_1s6dq_289",
14
- "invalid": "awsui_invalid_18eso_1s6dq_311",
15
- "warning": "awsui_warning_18eso_1s6dq_320",
16
- "inline-tokens": "awsui_inline-tokens_18eso_1s6dq_329"
4
+ "button-trigger": "awsui_button-trigger_18eso_oq1lc_157",
5
+ "arrow": "awsui_arrow_18eso_oq1lc_157",
6
+ "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_oq1lc_220",
7
+ "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_oq1lc_220",
8
+ "has-caret": "awsui_has-caret_18eso_oq1lc_254",
9
+ "placeholder": "awsui_placeholder_18eso_oq1lc_257",
10
+ "pressed": "awsui_pressed_18eso_oq1lc_270",
11
+ "disabled": "awsui_disabled_18eso_oq1lc_273",
12
+ "in-filtering-token": "awsui_in-filtering-token_18eso_oq1lc_220",
13
+ "readonly": "awsui_readonly_18eso_oq1lc_289",
14
+ "invalid": "awsui_invalid_18eso_oq1lc_311",
15
+ "warning": "awsui_warning_18eso_oq1lc_320",
16
+ "inline-tokens": "awsui_inline-tokens_18eso_oq1lc_329"
17
17
  };
18
18
 
@@ -154,21 +154,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
154
154
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
155
155
  SPDX-License-Identifier: Apache-2.0
156
156
  */
157
- .awsui_button-trigger_18eso_1s6dq_157 > .awsui_arrow_18eso_1s6dq_157:not(#\9) {
157
+ .awsui_button-trigger_18eso_oq1lc_157 > .awsui_arrow_18eso_oq1lc_157:not(#\9) {
158
158
  transition: transform var(--motion-duration-rotate-180-dpvl4m, 135ms) var(--motion-easing-rotate-180-e270ko, cubic-bezier(0.165, 0.84, 0.44, 1));
159
159
  }
160
160
  @media (prefers-reduced-motion: reduce) {
161
- .awsui_button-trigger_18eso_1s6dq_157 > .awsui_arrow_18eso_1s6dq_157:not(#\9) {
161
+ .awsui_button-trigger_18eso_oq1lc_157 > .awsui_arrow_18eso_oq1lc_157:not(#\9) {
162
162
  animation: none;
163
163
  transition: none;
164
164
  }
165
165
  }
166
- .awsui-motion-disabled .awsui_button-trigger_18eso_1s6dq_157 > .awsui_arrow_18eso_1s6dq_157:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_1s6dq_157 > .awsui_arrow_18eso_1s6dq_157:not(#\9) {
166
+ .awsui-motion-disabled .awsui_button-trigger_18eso_oq1lc_157 > .awsui_arrow_18eso_oq1lc_157:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_oq1lc_157 > .awsui_arrow_18eso_oq1lc_157:not(#\9) {
167
167
  animation: none;
168
168
  transition: none;
169
169
  }
170
170
 
171
- .awsui_button-trigger_18eso_1s6dq_157:not(#\9) {
171
+ .awsui_button-trigger_18eso_oq1lc_157:not(#\9) {
172
172
  border-collapse: separate;
173
173
  border-spacing: 0;
174
174
  box-sizing: border-box;
@@ -214,11 +214,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
214
214
  border-start-end-radius: var(--border-radius-input-plgbrq, 8px);
215
215
  border-end-start-radius: var(--border-radius-input-plgbrq, 8px);
216
216
  border-end-end-radius: var(--border-radius-input-plgbrq, 8px);
217
- border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-default-l7v83d, #8c8c94);
218
- border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-default-l7v83d, #8c8c94);
217
+ border-block: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-default-l7v83d, #8c8c94);
218
+ border-inline: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-default-l7v83d, #8c8c94);
219
219
  min-block-size: var(--size-vertical-input-v5iwwf, 32px);
220
220
  }
221
- .awsui_button-trigger_18eso_1s6dq_157.awsui_in-filtering-token-root_18eso_1s6dq_220:not(#\9), .awsui_button-trigger_18eso_1s6dq_157.awsui_in-filtering-token-nested_18eso_1s6dq_220:not(#\9) {
221
+ .awsui_button-trigger_18eso_oq1lc_157.awsui_in-filtering-token-root_18eso_oq1lc_220:not(#\9), .awsui_button-trigger_18eso_oq1lc_157.awsui_in-filtering-token-nested_18eso_oq1lc_220:not(#\9) {
222
222
  padding-block: 0px;
223
223
  padding-inline: var(--space-field-horizontal-gg19kw, 12px);
224
224
  border-color: var(--color-border-item-selected-m769ej, #006ce0);
@@ -227,14 +227,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
227
227
  block-size: 100%;
228
228
  min-block-size: unset;
229
229
  }
230
- body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1s6dq_157.awsui_in-filtering-token-root_18eso_1s6dq_220:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1s6dq_157.awsui_in-filtering-token-nested_18eso_1s6dq_220:not(#\9):focus {
230
+ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_oq1lc_157.awsui_in-filtering-token-root_18eso_oq1lc_220:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_oq1lc_157.awsui_in-filtering-token-nested_18eso_oq1lc_220:not(#\9):focus {
231
231
  position: relative;
232
232
  }
233
- body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1s6dq_157.awsui_in-filtering-token-root_18eso_1s6dq_220:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1s6dq_157.awsui_in-filtering-token-nested_18eso_1s6dq_220:not(#\9):focus {
233
+ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_oq1lc_157.awsui_in-filtering-token-root_18eso_oq1lc_220:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_oq1lc_157.awsui_in-filtering-token-nested_18eso_oq1lc_220:not(#\9):focus {
234
234
  outline: 2px dotted transparent;
235
235
  outline-offset: calc(var(--space-filtering-token-operation-select-focus-outline-gutter-0ailok, -5px) - 1px);
236
236
  }
237
- body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1s6dq_157.awsui_in-filtering-token-root_18eso_1s6dq_220:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1s6dq_157.awsui_in-filtering-token-nested_18eso_1s6dq_220:not(#\9):focus::before {
237
+ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_oq1lc_157.awsui_in-filtering-token-root_18eso_oq1lc_220:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_oq1lc_157.awsui_in-filtering-token-nested_18eso_oq1lc_220:not(#\9):focus::before {
238
238
  content: " ";
239
239
  display: block;
240
240
  position: absolute;
@@ -248,85 +248,85 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1s6dq_157.awsui_
248
248
  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
249
249
  box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
250
250
  }
251
- .awsui_button-trigger_18eso_1s6dq_157.awsui_in-filtering-token-nested_18eso_1s6dq_220:not(#\9) {
251
+ .awsui_button-trigger_18eso_oq1lc_157.awsui_in-filtering-token-nested_18eso_oq1lc_220:not(#\9) {
252
252
  border-start-start-radius: calc(var(--border-radius-input-plgbrq, 8px) / 2);
253
253
  border-end-start-radius: calc(var(--border-radius-input-plgbrq, 8px) / 2);
254
254
  }
255
- .awsui_button-trigger_18eso_1s6dq_157.awsui_has-caret_18eso_1s6dq_254:not(#\9) {
255
+ .awsui_button-trigger_18eso_oq1lc_157.awsui_has-caret_18eso_oq1lc_254:not(#\9) {
256
256
  padding-inline-end: var(--space-field-icon-offset-csk9vw, 36px);
257
257
  }
258
- .awsui_button-trigger_18eso_1s6dq_157 > .awsui_placeholder_18eso_1s6dq_257:not(#\9) {
258
+ .awsui_button-trigger_18eso_oq1lc_157 > .awsui_placeholder_18eso_oq1lc_257:not(#\9) {
259
259
  color: var(--color-text-input-placeholder-f3x213, #656871);
260
260
  font-style: italic;
261
261
  }
262
- .awsui_button-trigger_18eso_1s6dq_157 > .awsui_arrow_18eso_1s6dq_157:not(#\9) {
262
+ .awsui_button-trigger_18eso_oq1lc_157 > .awsui_arrow_18eso_oq1lc_157:not(#\9) {
263
263
  position: absolute;
264
264
  inset-inline-end: var(--space-field-horizontal-gg19kw, 12px);
265
265
  inset-block-start: calc(50% - var(--line-height-body-m-30ar75, 20px) / 2);
266
266
  color: var(--color-text-button-inline-icon-default-p881yb, #006ce0);
267
267
  }
268
- .awsui_button-trigger_18eso_1s6dq_157:not(#\9):hover > .awsui_arrow_18eso_1s6dq_157 {
268
+ .awsui_button-trigger_18eso_oq1lc_157:not(#\9):hover > .awsui_arrow_18eso_oq1lc_157 {
269
269
  color: var(--color-text-button-inline-icon-hover-vcdou1, #002b66);
270
270
  }
271
- .awsui_button-trigger_18eso_1s6dq_157.awsui_pressed_18eso_1s6dq_270 > .awsui_arrow_18eso_1s6dq_157:not(#\9) {
271
+ .awsui_button-trigger_18eso_oq1lc_157.awsui_pressed_18eso_oq1lc_270 > .awsui_arrow_18eso_oq1lc_157:not(#\9) {
272
272
  transform: rotate(-180deg);
273
273
  }
274
- .awsui_button-trigger_18eso_1s6dq_157.awsui_disabled_18eso_1s6dq_273:not(#\9) {
274
+ .awsui_button-trigger_18eso_oq1lc_157.awsui_disabled_18eso_oq1lc_273:not(#\9) {
275
275
  background-color: var(--color-background-input-disabled-gvxsk4, #ebebf0);
276
- border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
277
- border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
276
+ border-block: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
277
+ border-inline: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
278
278
  color: var(--color-text-input-disabled-fc4jfl, #b4b4bb);
279
279
  cursor: auto;
280
280
  }
281
- .awsui_button-trigger_18eso_1s6dq_157.awsui_disabled_18eso_1s6dq_273 > .awsui_arrow_18eso_1s6dq_157:not(#\9) {
281
+ .awsui_button-trigger_18eso_oq1lc_157.awsui_disabled_18eso_oq1lc_273 > .awsui_arrow_18eso_oq1lc_157:not(#\9) {
282
282
  color: var(--color-text-button-inline-icon-disabled-yk9lvs, #b4b4bb);
283
283
  }
284
- .awsui_button-trigger_18eso_1s6dq_157.awsui_disabled_18eso_1s6dq_273.awsui_in-filtering-token_18eso_1s6dq_220:not(#\9) {
284
+ .awsui_button-trigger_18eso_oq1lc_157.awsui_disabled_18eso_oq1lc_273.awsui_in-filtering-token_18eso_oq1lc_220:not(#\9) {
285
285
  border-color: var(--color-border-control-disabled-qc5csz, #dedee3);
286
286
  }
287
- .awsui_button-trigger_18eso_1s6dq_157.awsui_disabled_18eso_1s6dq_273 > .awsui_placeholder_18eso_1s6dq_257:not(#\9) {
287
+ .awsui_button-trigger_18eso_oq1lc_157.awsui_disabled_18eso_oq1lc_273 > .awsui_placeholder_18eso_oq1lc_257:not(#\9) {
288
288
  color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
289
289
  }
290
- .awsui_button-trigger_18eso_1s6dq_157.awsui_readonly_18eso_1s6dq_289:not(#\9):not(.awsui_button-trigger_18eso_1s6dq_157.awsui_disabled_18eso_1s6dq_273) {
290
+ .awsui_button-trigger_18eso_oq1lc_157.awsui_readonly_18eso_oq1lc_289:not(#\9):not(.awsui_button-trigger_18eso_oq1lc_157.awsui_disabled_18eso_oq1lc_273) {
291
291
  background-color: var(--color-background-input-default-u56ls1, #ffffff);
292
- border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
293
- border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
292
+ border-block: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
293
+ border-inline: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
294
294
  }
295
- .awsui_button-trigger_18eso_1s6dq_157:not(#\9):focus {
295
+ .awsui_button-trigger_18eso_oq1lc_157:not(#\9):focus {
296
296
  outline: none;
297
297
  text-decoration: none;
298
298
  }
299
- body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1s6dq_157:not(#\9):not(.awsui_in-filtering-token_18eso_1s6dq_220):focus {
299
+ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_oq1lc_157:not(#\9):not(.awsui_in-filtering-token_18eso_oq1lc_220):focus {
300
300
  outline: 2px dotted transparent;
301
- border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-c6w5i5, #002b66);
302
- border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-c6w5i5, #002b66);
301
+ border-block: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-focused-c6w5i5, #002b66);
302
+ border-inline: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-input-focused-c6w5i5, #002b66);
303
303
  border-start-start-radius: var(--border-radius-input-plgbrq, 8px);
304
304
  border-start-end-radius: var(--border-radius-input-plgbrq, 8px);
305
305
  border-end-start-radius: var(--border-radius-input-plgbrq, 8px);
306
306
  border-end-end-radius: var(--border-radius-input-plgbrq, 8px);
307
307
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-nv6mhz, #006ce0);
308
308
  }
309
- .awsui_button-trigger_18eso_1s6dq_157:not(#\9):not(.awsui_in-filtering-token_18eso_1s6dq_220):invalid {
309
+ .awsui_button-trigger_18eso_oq1lc_157:not(#\9):not(.awsui_in-filtering-token_18eso_oq1lc_220):invalid {
310
310
  box-shadow: none;
311
311
  }
312
- .awsui_button-trigger_18eso_1s6dq_157:not(#\9):not(.awsui_in-filtering-token_18eso_1s6dq_220).awsui_invalid_18eso_1s6dq_311, .awsui_button-trigger_18eso_1s6dq_157:not(#\9):not(.awsui_in-filtering-token_18eso_1s6dq_220).awsui_invalid_18eso_1s6dq_311:focus {
312
+ .awsui_button-trigger_18eso_oq1lc_157:not(#\9):not(.awsui_in-filtering-token_18eso_oq1lc_220).awsui_invalid_18eso_oq1lc_311, .awsui_button-trigger_18eso_oq1lc_157:not(#\9):not(.awsui_in-filtering-token_18eso_oq1lc_220).awsui_invalid_18eso_oq1lc_311:focus {
313
313
  color: var(--color-text-status-error-5676bj, #db0000);
314
314
  border-color: var(--color-text-status-error-5676bj, #db0000);
315
- padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
315
+ padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-width-field-h1g7tw, 2px)));
316
316
  border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
317
317
  }
318
- .awsui_button-trigger_18eso_1s6dq_157:not(#\9):not(.awsui_in-filtering-token_18eso_1s6dq_220).awsui_invalid_18eso_1s6dq_311:focus, .awsui_button-trigger_18eso_1s6dq_157:not(#\9):not(.awsui_in-filtering-token_18eso_1s6dq_220).awsui_invalid_18eso_1s6dq_311:focus:focus {
318
+ .awsui_button-trigger_18eso_oq1lc_157:not(#\9):not(.awsui_in-filtering-token_18eso_oq1lc_220).awsui_invalid_18eso_oq1lc_311:focus, .awsui_button-trigger_18eso_oq1lc_157:not(#\9):not(.awsui_in-filtering-token_18eso_oq1lc_220).awsui_invalid_18eso_oq1lc_311:focus:focus {
319
319
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
320
320
  }
321
- .awsui_button-trigger_18eso_1s6dq_157:not(#\9):not(.awsui_in-filtering-token_18eso_1s6dq_220).awsui_warning_18eso_1s6dq_320, .awsui_button-trigger_18eso_1s6dq_157:not(#\9):not(.awsui_in-filtering-token_18eso_1s6dq_220).awsui_warning_18eso_1s6dq_320:focus {
321
+ .awsui_button-trigger_18eso_oq1lc_157:not(#\9):not(.awsui_in-filtering-token_18eso_oq1lc_220).awsui_warning_18eso_oq1lc_320, .awsui_button-trigger_18eso_oq1lc_157:not(#\9):not(.awsui_in-filtering-token_18eso_oq1lc_220).awsui_warning_18eso_oq1lc_320:focus {
322
322
  color: var(--color-text-status-warning-csaw41, #855900);
323
323
  border-color: var(--color-text-status-warning-csaw41, #855900);
324
- padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
324
+ padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-width-field-h1g7tw, 2px)));
325
325
  border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
326
326
  }
327
- .awsui_button-trigger_18eso_1s6dq_157:not(#\9):not(.awsui_in-filtering-token_18eso_1s6dq_220).awsui_warning_18eso_1s6dq_320:focus, .awsui_button-trigger_18eso_1s6dq_157:not(#\9):not(.awsui_in-filtering-token_18eso_1s6dq_220).awsui_warning_18eso_1s6dq_320:focus:focus {
327
+ .awsui_button-trigger_18eso_oq1lc_157:not(#\9):not(.awsui_in-filtering-token_18eso_oq1lc_220).awsui_warning_18eso_oq1lc_320:focus, .awsui_button-trigger_18eso_oq1lc_157:not(#\9):not(.awsui_in-filtering-token_18eso_oq1lc_220).awsui_warning_18eso_oq1lc_320:focus:focus {
328
328
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
329
329
  }
330
- .awsui_button-trigger_18eso_1s6dq_157.awsui_inline-tokens_18eso_1s6dq_329:not(#\9) {
330
+ .awsui_button-trigger_18eso_oq1lc_157.awsui_inline-tokens_18eso_oq1lc_329:not(#\9) {
331
331
  padding-block: 0;
332
332
  }
@@ -2,18 +2,18 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "button-trigger": "awsui_button-trigger_18eso_1s6dq_157",
6
- "arrow": "awsui_arrow_18eso_1s6dq_157",
7
- "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_1s6dq_220",
8
- "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_1s6dq_220",
9
- "has-caret": "awsui_has-caret_18eso_1s6dq_254",
10
- "placeholder": "awsui_placeholder_18eso_1s6dq_257",
11
- "pressed": "awsui_pressed_18eso_1s6dq_270",
12
- "disabled": "awsui_disabled_18eso_1s6dq_273",
13
- "in-filtering-token": "awsui_in-filtering-token_18eso_1s6dq_220",
14
- "readonly": "awsui_readonly_18eso_1s6dq_289",
15
- "invalid": "awsui_invalid_18eso_1s6dq_311",
16
- "warning": "awsui_warning_18eso_1s6dq_320",
17
- "inline-tokens": "awsui_inline-tokens_18eso_1s6dq_329"
5
+ "button-trigger": "awsui_button-trigger_18eso_oq1lc_157",
6
+ "arrow": "awsui_arrow_18eso_oq1lc_157",
7
+ "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_oq1lc_220",
8
+ "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_oq1lc_220",
9
+ "has-caret": "awsui_has-caret_18eso_oq1lc_254",
10
+ "placeholder": "awsui_placeholder_18eso_oq1lc_257",
11
+ "pressed": "awsui_pressed_18eso_oq1lc_270",
12
+ "disabled": "awsui_disabled_18eso_oq1lc_273",
13
+ "in-filtering-token": "awsui_in-filtering-token_18eso_oq1lc_220",
14
+ "readonly": "awsui_readonly_18eso_oq1lc_289",
15
+ "invalid": "awsui_invalid_18eso_oq1lc_311",
16
+ "warning": "awsui_warning_18eso_oq1lc_320",
17
+ "inline-tokens": "awsui_inline-tokens_18eso_oq1lc_329"
18
18
  };
19
19
 
@@ -1,14 +1,14 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1fn7j_tqw8l_141",
5
- "styled-box": "awsui_styled-box_1fn7j_tqw8l_148",
6
- "styled-box-checked": "awsui_styled-box-checked_1fn7j_tqw8l_164",
7
- "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_tqw8l_164",
8
- "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_tqw8l_168",
9
- "styled-box-readonly": "awsui_styled-box-readonly_1fn7j_tqw8l_168",
10
- "styled-line": "awsui_styled-line_1fn7j_tqw8l_172",
11
- "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_tqw8l_177",
12
- "styled-line-readonly": "awsui_styled-line-readonly_1fn7j_tqw8l_180"
4
+ "root": "awsui_root_1fn7j_1b2kg_141",
5
+ "styled-box": "awsui_styled-box_1fn7j_1b2kg_148",
6
+ "styled-box-checked": "awsui_styled-box-checked_1fn7j_1b2kg_164",
7
+ "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_1b2kg_164",
8
+ "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_1b2kg_168",
9
+ "styled-box-readonly": "awsui_styled-box-readonly_1fn7j_1b2kg_168",
10
+ "styled-line": "awsui_styled-line_1fn7j_1b2kg_172",
11
+ "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_1b2kg_177",
12
+ "styled-line-readonly": "awsui_styled-line-readonly_1fn7j_1b2kg_180"
13
13
  };
14
14
 
@@ -138,45 +138,45 @@
138
138
  */
139
139
  /* Style used for links in slots/components that are text heavy, to help links stand out among
140
140
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
141
- .awsui_root_1fn7j_tqw8l_141:not(#\9) {
141
+ .awsui_root_1fn7j_1b2kg_141:not(#\9) {
142
142
  position: absolute;
143
143
  inline-size: 100%;
144
144
  block-size: 100%;
145
145
  inset-block-start: 0;
146
146
  inset-inline-start: 0;
147
147
  }
148
- .awsui_root_1fn7j_tqw8l_141 > .awsui_styled-box_1fn7j_tqw8l_148:not(#\9) {
148
+ .awsui_root_1fn7j_1b2kg_141 > .awsui_styled-box_1fn7j_1b2kg_148:not(#\9) {
149
149
  fill: var(--color-background-control-default-5ol8rv, #ffffff);
150
150
  stroke: var(--color-border-control-default-8m5t80, #8c8c94);
151
- stroke-width: var(--border-field-width-09w7vk, 2px);
151
+ stroke-width: var(--border-width-field-h1g7tw, 2px);
152
152
  transition: fill var(--motion-duration-transition-quick-6npj01, 90ms) var(--motion-easing-transition-quick-l9jfsx, linear), stroke var(--motion-duration-transition-quick-6npj01, 90ms) var(--motion-easing-transition-quick-l9jfsx, linear);
153
153
  }
154
154
  @media (prefers-reduced-motion: reduce) {
155
- .awsui_root_1fn7j_tqw8l_141 > .awsui_styled-box_1fn7j_tqw8l_148:not(#\9) {
155
+ .awsui_root_1fn7j_1b2kg_141 > .awsui_styled-box_1fn7j_1b2kg_148:not(#\9) {
156
156
  animation: none;
157
157
  transition: none;
158
158
  }
159
159
  }
160
- .awsui-motion-disabled .awsui_root_1fn7j_tqw8l_141 > .awsui_styled-box_1fn7j_tqw8l_148:not(#\9), .awsui-mode-entering .awsui_root_1fn7j_tqw8l_141 > .awsui_styled-box_1fn7j_tqw8l_148:not(#\9) {
160
+ .awsui-motion-disabled .awsui_root_1fn7j_1b2kg_141 > .awsui_styled-box_1fn7j_1b2kg_148:not(#\9), .awsui-mode-entering .awsui_root_1fn7j_1b2kg_141 > .awsui_styled-box_1fn7j_1b2kg_148:not(#\9) {
161
161
  animation: none;
162
162
  transition: none;
163
163
  }
164
- .awsui_root_1fn7j_tqw8l_141 > .awsui_styled-box-checked_1fn7j_tqw8l_164:not(#\9), .awsui_root_1fn7j_tqw8l_141 > .awsui_styled-box-indeterminate_1fn7j_tqw8l_164:not(#\9) {
164
+ .awsui_root_1fn7j_1b2kg_141 > .awsui_styled-box-checked_1fn7j_1b2kg_164:not(#\9), .awsui_root_1fn7j_1b2kg_141 > .awsui_styled-box-indeterminate_1fn7j_1b2kg_164:not(#\9) {
165
165
  fill: var(--color-background-control-checked-hz4k40, #006ce0);
166
166
  stroke: var(--color-border-control-checked-vu1puo, #006ce0);
167
167
  }
168
- .awsui_root_1fn7j_tqw8l_141 > .awsui_styled-box-disabled_1fn7j_tqw8l_168:not(#\9), .awsui_root_1fn7j_tqw8l_141 > .awsui_styled-box-readonly_1fn7j_tqw8l_168:not(#\9) {
168
+ .awsui_root_1fn7j_1b2kg_141 > .awsui_styled-box-disabled_1fn7j_1b2kg_168:not(#\9), .awsui_root_1fn7j_1b2kg_141 > .awsui_styled-box-readonly_1fn7j_1b2kg_168:not(#\9) {
169
169
  fill: var(--color-background-control-disabled-5cbvij, #dedee3);
170
170
  stroke: var(--color-border-control-disabled-qc5csz, #dedee3);
171
171
  }
172
- .awsui_root_1fn7j_tqw8l_141 > .awsui_styled-line_1fn7j_tqw8l_172:not(#\9) {
172
+ .awsui_root_1fn7j_1b2kg_141 > .awsui_styled-line_1fn7j_1b2kg_172:not(#\9) {
173
173
  stroke: var(--color-foreground-control-default-p84gz5, #ffffff);
174
174
  stroke-width: 2;
175
175
  fill: none;
176
176
  }
177
- .awsui_root_1fn7j_tqw8l_141 > .awsui_styled-line-disabled_1fn7j_tqw8l_177:not(#\9) {
177
+ .awsui_root_1fn7j_1b2kg_141 > .awsui_styled-line-disabled_1fn7j_1b2kg_177:not(#\9) {
178
178
  stroke: var(--color-foreground-control-disabled-c64ihu, #ffffff);
179
179
  }
180
- .awsui_root_1fn7j_tqw8l_141 > .awsui_styled-line-readonly_1fn7j_tqw8l_180:not(#\9) {
180
+ .awsui_root_1fn7j_1b2kg_141 > .awsui_styled-line-readonly_1fn7j_1b2kg_180:not(#\9) {
181
181
  stroke: var(--color-foreground-control-read-only-e43ooq, #656871);
182
182
  }
@@ -2,14 +2,14 @@
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_1fn7j_tqw8l_141",
6
- "styled-box": "awsui_styled-box_1fn7j_tqw8l_148",
7
- "styled-box-checked": "awsui_styled-box-checked_1fn7j_tqw8l_164",
8
- "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_tqw8l_164",
9
- "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_tqw8l_168",
10
- "styled-box-readonly": "awsui_styled-box-readonly_1fn7j_tqw8l_168",
11
- "styled-line": "awsui_styled-line_1fn7j_tqw8l_172",
12
- "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_tqw8l_177",
13
- "styled-line-readonly": "awsui_styled-line-readonly_1fn7j_tqw8l_180"
5
+ "root": "awsui_root_1fn7j_1b2kg_141",
6
+ "styled-box": "awsui_styled-box_1fn7j_1b2kg_148",
7
+ "styled-box-checked": "awsui_styled-box-checked_1fn7j_1b2kg_164",
8
+ "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_1b2kg_164",
9
+ "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_1b2kg_168",
10
+ "styled-box-readonly": "awsui_styled-box-readonly_1fn7j_1b2kg_168",
11
+ "styled-line": "awsui_styled-line_1fn7j_1b2kg_172",
12
+ "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_1b2kg_177",
13
+ "styled-line-readonly": "awsui_styled-line-readonly_1fn7j_1b2kg_180"
14
14
  };
15
15