@cloudscape-design/components 3.0.1282 → 3.0.1284

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 (88) hide show
  1. package/button-dropdown/category-elements/styles.css.js +18 -18
  2. package/button-dropdown/category-elements/styles.scoped.css +30 -30
  3. package/button-dropdown/category-elements/styles.selectors.js +18 -18
  4. package/button-dropdown/interfaces.d.ts +0 -2
  5. package/button-dropdown/interfaces.d.ts.map +1 -1
  6. package/button-dropdown/interfaces.js.map +1 -1
  7. package/button-dropdown/item-element/styles.css.js +21 -21
  8. package/button-dropdown/item-element/styles.scoped.css +38 -38
  9. package/button-dropdown/item-element/styles.selectors.js +21 -21
  10. package/file-token-group/styles.css.js +23 -23
  11. package/file-token-group/styles.scoped.css +35 -35
  12. package/file-token-group/styles.selectors.js +23 -23
  13. package/flashbar/styles.css.js +50 -50
  14. package/flashbar/styles.scoped.css +165 -165
  15. package/flashbar/styles.selectors.js +50 -50
  16. package/input/internal.d.ts +2 -0
  17. package/input/internal.d.ts.map +1 -1
  18. package/input/internal.js +5 -2
  19. package/input/internal.js.map +1 -1
  20. package/input/styles.css.js +18 -13
  21. package/input/styles.scoped.css +67 -31
  22. package/input/styles.selectors.js +18 -13
  23. package/internal/base-component/styles.scoped.css +8 -1
  24. package/internal/components/button-trigger/styles.css.js +14 -14
  25. package/internal/components/button-trigger/styles.scoped.css +29 -29
  26. package/internal/components/button-trigger/styles.selectors.js +14 -14
  27. package/internal/components/dropdown-status/styles.css.js +2 -2
  28. package/internal/components/dropdown-status/styles.scoped.css +4 -4
  29. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  30. package/internal/components/selectable-item/styles.css.js +22 -22
  31. package/internal/components/selectable-item/styles.scoped.css +51 -51
  32. package/internal/components/selectable-item/styles.selectors.js +22 -22
  33. package/internal/environment.js +2 -2
  34. package/internal/environment.json +2 -2
  35. package/internal/generated/styles/tokens.d.ts +4 -0
  36. package/internal/generated/styles/tokens.js +4 -0
  37. package/internal/generated/theming/index.cjs +52 -0
  38. package/internal/generated/theming/index.cjs.d.ts +27 -0
  39. package/internal/generated/theming/index.d.ts +27 -0
  40. package/internal/generated/theming/index.js +52 -0
  41. package/internal/manifest.json +1 -1
  42. package/package.json +1 -1
  43. package/pagination/index.d.ts +3 -1
  44. package/pagination/index.d.ts.map +1 -1
  45. package/pagination/index.js +4 -3
  46. package/pagination/index.js.map +1 -1
  47. package/pagination/interfaces.d.ts +31 -2
  48. package/pagination/interfaces.d.ts.map +1 -1
  49. package/pagination/interfaces.js.map +1 -1
  50. package/pagination/internal.d.ts +3 -14
  51. package/pagination/internal.d.ts.map +1 -1
  52. package/pagination/internal.js +78 -19
  53. package/pagination/internal.js.map +1 -1
  54. package/pagination/styles.css.js +11 -9
  55. package/pagination/styles.scoped.css +39 -24
  56. package/pagination/styles.selectors.js +11 -9
  57. package/popover/internal.d.ts +4 -0
  58. package/popover/internal.d.ts.map +1 -1
  59. package/popover/internal.js +23 -13
  60. package/popover/internal.js.map +1 -1
  61. package/prompt-input/internal.js +1 -1
  62. package/prompt-input/internal.js.map +1 -1
  63. package/prompt-input/styles.css.js +26 -26
  64. package/prompt-input/styles.scoped.css +55 -55
  65. package/prompt-input/styles.selectors.js +26 -26
  66. package/property-filter/filtering-token/styles.css.js +18 -18
  67. package/property-filter/filtering-token/styles.scoped.css +42 -42
  68. package/property-filter/filtering-token/styles.selectors.js +18 -18
  69. package/property-filter/styles.css.js +39 -39
  70. package/property-filter/styles.scoped.css +43 -43
  71. package/property-filter/styles.selectors.js +39 -39
  72. package/segmented-control/styles.css.js +16 -16
  73. package/segmented-control/styles.scoped.css +33 -33
  74. package/segmented-control/styles.selectors.js +16 -16
  75. package/select/parts/filter.d.ts +1 -1
  76. package/select/parts/filter.d.ts.map +1 -1
  77. package/test-utils/dom/pagination/index.d.ts +15 -0
  78. package/test-utils/dom/pagination/index.js +22 -0
  79. package/test-utils/dom/pagination/index.js.map +1 -1
  80. package/test-utils/selectors/pagination/index.d.ts +15 -0
  81. package/test-utils/selectors/pagination/index.js +22 -0
  82. package/test-utils/selectors/pagination/index.js.map +1 -1
  83. package/textarea/styles.css.js +5 -5
  84. package/textarea/styles.scoped.css +14 -14
  85. package/textarea/styles.selectors.js +5 -5
  86. package/token/styles.css.js +14 -14
  87. package/token/styles.scoped.css +30 -30
  88. package/token/styles.selectors.js +14 -14
@@ -1,19 +1,19 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "button-trigger": "awsui_button-trigger_18eso_el76d_161",
5
- "arrow": "awsui_arrow_18eso_el76d_161",
6
- "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_el76d_221",
7
- "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_el76d_221",
8
- "has-caret": "awsui_has-caret_18eso_el76d_257",
9
- "placeholder": "awsui_placeholder_18eso_el76d_260",
10
- "pressed": "awsui_pressed_18eso_el76d_273",
11
- "disabled": "awsui_disabled_18eso_el76d_276",
12
- "in-filtering-token": "awsui_in-filtering-token_18eso_el76d_221",
13
- "readonly": "awsui_readonly_18eso_el76d_297",
14
- "invalid": "awsui_invalid_18eso_el76d_319",
15
- "warning": "awsui_warning_18eso_el76d_328",
16
- "custom-option": "awsui_custom-option_18eso_el76d_337",
17
- "inline-tokens": "awsui_inline-tokens_18eso_el76d_342"
4
+ "button-trigger": "awsui_button-trigger_18eso_1s075_161",
5
+ "arrow": "awsui_arrow_18eso_1s075_161",
6
+ "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_1s075_221",
7
+ "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_1s075_221",
8
+ "has-caret": "awsui_has-caret_18eso_1s075_257",
9
+ "placeholder": "awsui_placeholder_18eso_1s075_260",
10
+ "pressed": "awsui_pressed_18eso_1s075_273",
11
+ "disabled": "awsui_disabled_18eso_1s075_276",
12
+ "in-filtering-token": "awsui_in-filtering-token_18eso_1s075_221",
13
+ "readonly": "awsui_readonly_18eso_1s075_297",
14
+ "invalid": "awsui_invalid_18eso_1s075_319",
15
+ "warning": "awsui_warning_18eso_1s075_328",
16
+ "custom-option": "awsui_custom-option_18eso_1s075_337",
17
+ "inline-tokens": "awsui_inline-tokens_18eso_1s075_342"
18
18
  };
19
19
 
@@ -158,21 +158,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
158
158
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
159
159
  SPDX-License-Identifier: Apache-2.0
160
160
  */
161
- .awsui_button-trigger_18eso_el76d_161 > .awsui_arrow_18eso_el76d_161:not(#\9) {
161
+ .awsui_button-trigger_18eso_1s075_161 > .awsui_arrow_18eso_1s075_161:not(#\9) {
162
162
  transition: transform var(--motion-duration-rotate-180-cxi9g7, 135ms) var(--motion-easing-rotate-180-7a58rc, cubic-bezier(0.165, 0.84, 0.44, 1));
163
163
  }
164
164
  @media (prefers-reduced-motion: reduce) {
165
- .awsui_button-trigger_18eso_el76d_161 > .awsui_arrow_18eso_el76d_161:not(#\9) {
165
+ .awsui_button-trigger_18eso_1s075_161 > .awsui_arrow_18eso_1s075_161:not(#\9) {
166
166
  animation: none;
167
167
  transition: none;
168
168
  }
169
169
  }
170
- .awsui-motion-disabled .awsui_button-trigger_18eso_el76d_161 > .awsui_arrow_18eso_el76d_161:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_el76d_161 > .awsui_arrow_18eso_el76d_161:not(#\9) {
170
+ .awsui-motion-disabled .awsui_button-trigger_18eso_1s075_161 > .awsui_arrow_18eso_1s075_161:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_1s075_161 > .awsui_arrow_18eso_1s075_161:not(#\9) {
171
171
  animation: none;
172
172
  transition: none;
173
173
  }
174
174
 
175
- .awsui_button-trigger_18eso_el76d_161:not(#\9) {
175
+ .awsui_button-trigger_18eso_1s075_161:not(#\9) {
176
176
  border-collapse: separate;
177
177
  border-spacing: 0;
178
178
  box-sizing: border-box;
@@ -207,7 +207,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
207
207
  inline-size: 100%;
208
208
  justify-content: space-between;
209
209
  align-items: center;
210
- padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
210
+ padding-block: var(--space-field-vertical-vm99qz, 5px);
211
211
  padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
212
212
  background-color: var(--color-background-input-default-ifz5bb, #ffffff);
213
213
  border-start-start-radius: var(--border-radius-input-7q0str, 8px);
@@ -218,7 +218,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
218
218
  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-default-317xk5, #8c8c94);
219
219
  min-block-size: var(--size-vertical-input-p1d7xx, 32px);
220
220
  }
221
- .awsui_button-trigger_18eso_el76d_161.awsui_in-filtering-token-root_18eso_el76d_221:not(#\9), .awsui_button-trigger_18eso_el76d_161.awsui_in-filtering-token-nested_18eso_el76d_221:not(#\9) {
221
+ .awsui_button-trigger_18eso_1s075_161.awsui_in-filtering-token-root_18eso_1s075_221:not(#\9), .awsui_button-trigger_18eso_1s075_161.awsui_in-filtering-token-nested_18eso_1s075_221:not(#\9) {
222
222
  padding-block: 0px;
223
223
  padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
224
224
  border-block-width: var(--border-width-token-2ukdpu, 2px);
@@ -229,14 +229,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
229
229
  block-size: 100%;
230
230
  min-block-size: unset;
231
231
  }
232
- body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_el76d_161.awsui_in-filtering-token-root_18eso_el76d_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_el76d_161.awsui_in-filtering-token-nested_18eso_el76d_221:not(#\9):focus {
232
+ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1s075_161.awsui_in-filtering-token-root_18eso_1s075_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1s075_161.awsui_in-filtering-token-nested_18eso_1s075_221:not(#\9):focus {
233
233
  position: relative;
234
234
  }
235
- body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_el76d_161.awsui_in-filtering-token-root_18eso_el76d_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_el76d_161.awsui_in-filtering-token-nested_18eso_el76d_221:not(#\9):focus {
235
+ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1s075_161.awsui_in-filtering-token-root_18eso_1s075_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1s075_161.awsui_in-filtering-token-nested_18eso_1s075_221:not(#\9):focus {
236
236
  outline: 2px dotted transparent;
237
237
  outline-offset: calc(var(--space-filtering-token-operation-select-focus-outline-gutter-jacx1t, -5px) - 1px);
238
238
  }
239
- body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_el76d_161.awsui_in-filtering-token-root_18eso_el76d_221:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_el76d_161.awsui_in-filtering-token-nested_18eso_el76d_221:not(#\9):focus::before {
239
+ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1s075_161.awsui_in-filtering-token-root_18eso_1s075_221:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1s075_161.awsui_in-filtering-token-nested_18eso_1s075_221:not(#\9):focus::before {
240
240
  content: " ";
241
241
  display: block;
242
242
  position: absolute;
@@ -250,40 +250,40 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_el76d_161.awsui_
250
250
  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
251
251
  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
252
252
  }
253
- .awsui_button-trigger_18eso_el76d_161.awsui_in-filtering-token-nested_18eso_el76d_221:not(#\9) {
253
+ .awsui_button-trigger_18eso_1s075_161.awsui_in-filtering-token-nested_18eso_1s075_221:not(#\9) {
254
254
  border-start-start-radius: calc(var(--border-radius-input-7q0str, 8px) / 2);
255
255
  border-end-start-radius: calc(var(--border-radius-input-7q0str, 8px) / 2);
256
256
  }
257
- .awsui_button-trigger_18eso_el76d_161.awsui_has-caret_18eso_el76d_257:not(#\9) {
257
+ .awsui_button-trigger_18eso_1s075_161.awsui_has-caret_18eso_1s075_257:not(#\9) {
258
258
  padding-inline-end: var(--space-field-icon-offset-ikwzwx, 36px);
259
259
  }
260
- .awsui_button-trigger_18eso_el76d_161 > .awsui_placeholder_18eso_el76d_260:not(#\9) {
260
+ .awsui_button-trigger_18eso_1s075_161 > .awsui_placeholder_18eso_1s075_260:not(#\9) {
261
261
  color: var(--color-text-input-placeholder-dclg8u, #656871);
262
262
  font-style: italic;
263
263
  }
264
- .awsui_button-trigger_18eso_el76d_161 > .awsui_arrow_18eso_el76d_161:not(#\9) {
264
+ .awsui_button-trigger_18eso_1s075_161 > .awsui_arrow_18eso_1s075_161:not(#\9) {
265
265
  position: absolute;
266
266
  inset-inline-end: var(--space-field-horizontal-0aq2ch, 12px);
267
267
  inset-block-start: calc(50% - var(--line-height-body-m-2mh3ke, 20px) / 2);
268
268
  color: var(--color-text-button-inline-icon-default-sm4ql6, #006ce0);
269
269
  }
270
- .awsui_button-trigger_18eso_el76d_161:not(#\9):hover > .awsui_arrow_18eso_el76d_161 {
270
+ .awsui_button-trigger_18eso_1s075_161:not(#\9):hover > .awsui_arrow_18eso_1s075_161 {
271
271
  color: var(--color-text-button-inline-icon-hover-rbyzfc, #002b66);
272
272
  }
273
- .awsui_button-trigger_18eso_el76d_161.awsui_pressed_18eso_el76d_273 > .awsui_arrow_18eso_el76d_161:not(#\9) {
273
+ .awsui_button-trigger_18eso_1s075_161.awsui_pressed_18eso_1s075_273 > .awsui_arrow_18eso_1s075_161:not(#\9) {
274
274
  transform: rotate(-180deg);
275
275
  }
276
- .awsui_button-trigger_18eso_el76d_161.awsui_disabled_18eso_el76d_276:not(#\9) {
276
+ .awsui_button-trigger_18eso_1s075_161.awsui_disabled_18eso_1s075_276:not(#\9) {
277
277
  background-color: var(--color-background-input-disabled-dihaja, #ebebf0);
278
278
  border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
279
279
  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
280
280
  color: var(--color-text-input-disabled-wh1f3y, #b4b4bb);
281
281
  cursor: auto;
282
282
  }
283
- .awsui_button-trigger_18eso_el76d_161.awsui_disabled_18eso_el76d_276 > .awsui_arrow_18eso_el76d_161:not(#\9) {
283
+ .awsui_button-trigger_18eso_1s075_161.awsui_disabled_18eso_1s075_276 > .awsui_arrow_18eso_1s075_161:not(#\9) {
284
284
  color: var(--color-text-button-inline-icon-disabled-82hho0, #b4b4bb);
285
285
  }
286
- .awsui_button-trigger_18eso_el76d_161.awsui_disabled_18eso_el76d_276.awsui_in-filtering-token_18eso_el76d_221:not(#\9) {
286
+ .awsui_button-trigger_18eso_1s075_161.awsui_disabled_18eso_1s075_276.awsui_in-filtering-token_18eso_1s075_221:not(#\9) {
287
287
  background-color: var(--color-background-input-disabled-dihaja, #ebebf0);
288
288
  border-block: var(--border-width-token-2ukdpu, 2px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
289
289
  border-inline: var(--border-width-token-2ukdpu, 2px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
@@ -291,19 +291,19 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_el76d_161.awsui_
291
291
  cursor: auto;
292
292
  border-color: var(--color-border-control-disabled-uj7t08, #dedee3);
293
293
  }
294
- .awsui_button-trigger_18eso_el76d_161.awsui_disabled_18eso_el76d_276 > .awsui_placeholder_18eso_el76d_260:not(#\9) {
294
+ .awsui_button-trigger_18eso_1s075_161.awsui_disabled_18eso_1s075_276 > .awsui_placeholder_18eso_1s075_260:not(#\9) {
295
295
  color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
296
296
  }
297
- .awsui_button-trigger_18eso_el76d_161.awsui_readonly_18eso_el76d_297:not(#\9):not(.awsui_button-trigger_18eso_el76d_161.awsui_disabled_18eso_el76d_276):not(.awsui_button-trigger_18eso_el76d_161.awsui_in-filtering-token_18eso_el76d_221) {
297
+ .awsui_button-trigger_18eso_1s075_161.awsui_readonly_18eso_1s075_297:not(#\9):not(.awsui_button-trigger_18eso_1s075_161.awsui_disabled_18eso_1s075_276):not(.awsui_button-trigger_18eso_1s075_161.awsui_in-filtering-token_18eso_1s075_221) {
298
298
  background-color: var(--color-background-input-default-ifz5bb, #ffffff);
299
299
  border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
300
300
  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
301
301
  }
302
- .awsui_button-trigger_18eso_el76d_161:not(#\9):focus {
302
+ .awsui_button-trigger_18eso_1s075_161:not(#\9):focus {
303
303
  outline: none;
304
304
  text-decoration: none;
305
305
  }
306
- body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_el76d_161:not(#\9):not(.awsui_in-filtering-token_18eso_el76d_221):focus {
306
+ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1s075_161:not(#\9):not(.awsui_in-filtering-token_18eso_1s075_221):focus {
307
307
  outline: 2px dotted transparent;
308
308
  border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-focused-4z0pgn, #006ce0);
309
309
  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-focused-4z0pgn, #006ce0);
@@ -313,32 +313,32 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_el76d_161:not(#\
313
313
  border-end-end-radius: var(--border-radius-input-7q0str, 8px);
314
314
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0);
315
315
  }
316
- .awsui_button-trigger_18eso_el76d_161:not(#\9):not(.awsui_in-filtering-token_18eso_el76d_221):invalid {
316
+ .awsui_button-trigger_18eso_1s075_161:not(#\9):not(.awsui_in-filtering-token_18eso_1s075_221):invalid {
317
317
  box-shadow: none;
318
318
  }
319
- .awsui_button-trigger_18eso_el76d_161:not(#\9):not(.awsui_in-filtering-token_18eso_el76d_221).awsui_invalid_18eso_el76d_319, .awsui_button-trigger_18eso_el76d_161:not(#\9):not(.awsui_in-filtering-token_18eso_el76d_221).awsui_invalid_18eso_el76d_319:focus {
319
+ .awsui_button-trigger_18eso_1s075_161:not(#\9):not(.awsui_in-filtering-token_18eso_1s075_221).awsui_invalid_18eso_1s075_319, .awsui_button-trigger_18eso_1s075_161:not(#\9):not(.awsui_in-filtering-token_18eso_1s075_221).awsui_invalid_18eso_1s075_319:focus {
320
320
  color: var(--color-text-status-error-ksqavh, #db0000);
321
321
  border-color: var(--color-text-status-error-ksqavh, #db0000);
322
322
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
323
323
  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
324
324
  }
325
- .awsui_button-trigger_18eso_el76d_161:not(#\9):not(.awsui_in-filtering-token_18eso_el76d_221).awsui_invalid_18eso_el76d_319:focus, .awsui_button-trigger_18eso_el76d_161:not(#\9):not(.awsui_in-filtering-token_18eso_el76d_221).awsui_invalid_18eso_el76d_319:focus:focus {
325
+ .awsui_button-trigger_18eso_1s075_161:not(#\9):not(.awsui_in-filtering-token_18eso_1s075_221).awsui_invalid_18eso_1s075_319:focus, .awsui_button-trigger_18eso_1s075_161:not(#\9):not(.awsui_in-filtering-token_18eso_1s075_221).awsui_invalid_18eso_1s075_319:focus:focus {
326
326
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
327
327
  }
328
- .awsui_button-trigger_18eso_el76d_161:not(#\9):not(.awsui_in-filtering-token_18eso_el76d_221).awsui_warning_18eso_el76d_328, .awsui_button-trigger_18eso_el76d_161:not(#\9):not(.awsui_in-filtering-token_18eso_el76d_221).awsui_warning_18eso_el76d_328:focus {
328
+ .awsui_button-trigger_18eso_1s075_161:not(#\9):not(.awsui_in-filtering-token_18eso_1s075_221).awsui_warning_18eso_1s075_328, .awsui_button-trigger_18eso_1s075_161:not(#\9):not(.awsui_in-filtering-token_18eso_1s075_221).awsui_warning_18eso_1s075_328:focus {
329
329
  color: var(--color-text-status-warning-6meo06, #855900);
330
330
  border-color: var(--color-text-status-warning-6meo06, #855900);
331
331
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
332
332
  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
333
333
  }
334
- .awsui_button-trigger_18eso_el76d_161:not(#\9):not(.awsui_in-filtering-token_18eso_el76d_221).awsui_warning_18eso_el76d_328:focus, .awsui_button-trigger_18eso_el76d_161:not(#\9):not(.awsui_in-filtering-token_18eso_el76d_221).awsui_warning_18eso_el76d_328:focus:focus {
334
+ .awsui_button-trigger_18eso_1s075_161:not(#\9):not(.awsui_in-filtering-token_18eso_1s075_221).awsui_warning_18eso_1s075_328:focus, .awsui_button-trigger_18eso_1s075_161:not(#\9):not(.awsui_in-filtering-token_18eso_1s075_221).awsui_warning_18eso_1s075_328:focus:focus {
335
335
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
336
336
  }
337
- .awsui_button-trigger_18eso_el76d_161.awsui_custom-option_18eso_el76d_337:not(#\9) {
337
+ .awsui_button-trigger_18eso_1s075_161.awsui_custom-option_18eso_1s075_337:not(#\9) {
338
338
  padding-block: 0;
339
339
  padding-inline-start: 0;
340
340
  overflow: clip;
341
341
  }
342
- .awsui_button-trigger_18eso_el76d_161.awsui_inline-tokens_18eso_el76d_342:not(#\9) {
342
+ .awsui_button-trigger_18eso_1s075_161.awsui_inline-tokens_18eso_1s075_342:not(#\9) {
343
343
  padding-block: 0;
344
344
  }
@@ -2,19 +2,19 @@
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_el76d_161",
6
- "arrow": "awsui_arrow_18eso_el76d_161",
7
- "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_el76d_221",
8
- "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_el76d_221",
9
- "has-caret": "awsui_has-caret_18eso_el76d_257",
10
- "placeholder": "awsui_placeholder_18eso_el76d_260",
11
- "pressed": "awsui_pressed_18eso_el76d_273",
12
- "disabled": "awsui_disabled_18eso_el76d_276",
13
- "in-filtering-token": "awsui_in-filtering-token_18eso_el76d_221",
14
- "readonly": "awsui_readonly_18eso_el76d_297",
15
- "invalid": "awsui_invalid_18eso_el76d_319",
16
- "warning": "awsui_warning_18eso_el76d_328",
17
- "custom-option": "awsui_custom-option_18eso_el76d_337",
18
- "inline-tokens": "awsui_inline-tokens_18eso_el76d_342"
5
+ "button-trigger": "awsui_button-trigger_18eso_1s075_161",
6
+ "arrow": "awsui_arrow_18eso_1s075_161",
7
+ "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_1s075_221",
8
+ "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_1s075_221",
9
+ "has-caret": "awsui_has-caret_18eso_1s075_257",
10
+ "placeholder": "awsui_placeholder_18eso_1s075_260",
11
+ "pressed": "awsui_pressed_18eso_1s075_273",
12
+ "disabled": "awsui_disabled_18eso_1s075_276",
13
+ "in-filtering-token": "awsui_in-filtering-token_18eso_1s075_221",
14
+ "readonly": "awsui_readonly_18eso_1s075_297",
15
+ "invalid": "awsui_invalid_18eso_1s075_319",
16
+ "warning": "awsui_warning_18eso_1s075_328",
17
+ "custom-option": "awsui_custom-option_18eso_1s075_337",
18
+ "inline-tokens": "awsui_inline-tokens_18eso_1s075_342"
19
19
  };
20
20
 
@@ -1,7 +1,7 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_vrgzu_11c7p_145",
5
- "recovery": "awsui_recovery_vrgzu_11c7p_180"
4
+ "root": "awsui_root_vrgzu_mqacx_145",
5
+ "recovery": "awsui_recovery_vrgzu_mqacx_180"
6
6
  };
7
7
 
@@ -142,7 +142,7 @@
142
142
  */
143
143
  /* Style used for links in slots/components that are text heavy, to help links stand out among
144
144
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
145
- .awsui_root_vrgzu_11c7p_145:not(#\9) {
145
+ .awsui_root_vrgzu_mqacx_145:not(#\9) {
146
146
  border-collapse: separate;
147
147
  border-spacing: 0;
148
148
  box-sizing: border-box;
@@ -172,11 +172,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
172
172
  font-family: var(--font-family-base-gmnpzl, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
173
173
  -webkit-font-smoothing: auto;
174
174
  -moz-osx-font-smoothing: auto;
175
- padding-block-start: var(--space-xxs-hwfkai, 4px);
176
- padding-block-end: calc(var(--space-xxs-hwfkai, 4px) + var(--space-xxxs-pajhad, 2px));
175
+ padding-block-start: var(--space-option-padding-vertical-d2srv9, 4px);
176
+ padding-block-end: calc(var(--space-option-padding-vertical-d2srv9, 4px) + var(--space-xxxs-pajhad, 2px));
177
177
  padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
178
178
  color: var(--color-text-dropdown-footer-umcot2, #656871);
179
179
  }
180
- .awsui_root_vrgzu_11c7p_145 > .awsui_recovery_vrgzu_11c7p_180:not(#\9) {
180
+ .awsui_root_vrgzu_mqacx_145 > .awsui_recovery_vrgzu_mqacx_180:not(#\9) {
181
181
  /* used in test-utils */
182
182
  }
@@ -2,7 +2,7 @@
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_vrgzu_11c7p_145",
6
- "recovery": "awsui_recovery_vrgzu_11c7p_180"
5
+ "root": "awsui_root_vrgzu_mqacx_145",
6
+ "recovery": "awsui_recovery_vrgzu_mqacx_180"
7
7
  };
8
8
 
@@ -1,27 +1,27 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "selectable-item": "awsui_selectable-item_15o6u_11e6r_145",
5
- "parent": "awsui_parent_15o6u_11e6r_164",
6
- "interactiveGroups": "awsui_interactiveGroups_15o6u_11e6r_164",
7
- "highlighted": "awsui_highlighted_15o6u_11e6r_164",
8
- "selected": "awsui_selected_15o6u_11e6r_164",
9
- "selectable-item-content": "awsui_selectable-item-content_15o6u_11e6r_167",
10
- "pad-bottom": "awsui_pad-bottom_15o6u_11e6r_171",
11
- "virtual": "awsui_virtual_15o6u_11e6r_178",
12
- "has-background": "awsui_has-background_15o6u_11e6r_181",
13
- "child": "awsui_child_15o6u_11e6r_184",
14
- "disabled": "awsui_disabled_15o6u_11e6r_190",
15
- "is-keyboard": "awsui_is-keyboard_15o6u_11e6r_205",
16
- "visual-refresh": "awsui_visual-refresh_15o6u_11e6r_215",
17
- "next-item-selected": "awsui_next-item-selected_15o6u_11e6r_229",
18
- "previous-item-selected": "awsui_previous-item-selected_15o6u_11e6r_239",
19
- "sticky": "awsui_sticky_15o6u_11e6r_271",
20
- "with-scrollbar": "awsui_with-scrollbar_15o6u_11e6r_290",
21
- "after-header": "awsui_after-header_15o6u_11e6r_293",
22
- "measure-strut": "awsui_measure-strut_15o6u_11e6r_322",
23
- "screenreader-content": "awsui_screenreader-content_15o6u_11e6r_334",
24
- "option-content": "awsui_option-content_15o6u_11e6r_340",
25
- "select-all": "awsui_select-all_15o6u_11e6r_344"
4
+ "selectable-item": "awsui_selectable-item_15o6u_13qur_145",
5
+ "parent": "awsui_parent_15o6u_13qur_164",
6
+ "interactiveGroups": "awsui_interactiveGroups_15o6u_13qur_164",
7
+ "highlighted": "awsui_highlighted_15o6u_13qur_164",
8
+ "selected": "awsui_selected_15o6u_13qur_164",
9
+ "selectable-item-content": "awsui_selectable-item-content_15o6u_13qur_167",
10
+ "pad-bottom": "awsui_pad-bottom_15o6u_13qur_171",
11
+ "virtual": "awsui_virtual_15o6u_13qur_178",
12
+ "has-background": "awsui_has-background_15o6u_13qur_181",
13
+ "child": "awsui_child_15o6u_13qur_184",
14
+ "disabled": "awsui_disabled_15o6u_13qur_190",
15
+ "is-keyboard": "awsui_is-keyboard_15o6u_13qur_205",
16
+ "visual-refresh": "awsui_visual-refresh_15o6u_13qur_215",
17
+ "next-item-selected": "awsui_next-item-selected_15o6u_13qur_229",
18
+ "previous-item-selected": "awsui_previous-item-selected_15o6u_13qur_239",
19
+ "sticky": "awsui_sticky_15o6u_13qur_271",
20
+ "with-scrollbar": "awsui_with-scrollbar_15o6u_13qur_290",
21
+ "after-header": "awsui_after-header_15o6u_13qur_293",
22
+ "measure-strut": "awsui_measure-strut_15o6u_13qur_322",
23
+ "screenreader-content": "awsui_screenreader-content_15o6u_13qur_334",
24
+ "option-content": "awsui_option-content_15o6u_13qur_340",
25
+ "select-all": "awsui_select-all_15o6u_13qur_344"
26
26
  };
27
27
 
@@ -142,7 +142,7 @@
142
142
  */
143
143
  /* Style used for links in slots/components that are text heavy, to help links stand out among
144
144
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
145
- .awsui_selectable-item_15o6u_11e6r_145:not(#\9) {
145
+ .awsui_selectable-item_15o6u_13qur_145:not(#\9) {
146
146
  font-size: var(--font-size-body-m-a7nh2n, 14px);
147
147
  line-height: var(--line-height-body-m-2mh3ke, 20px);
148
148
  color: var(--color-text-body-default-vvtq8u, #0f141a);
@@ -161,165 +161,165 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
161
161
  overflow: hidden;
162
162
  box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd), inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd);
163
163
  }
164
- .awsui_selectable-item_15o6u_11e6r_145.awsui_parent_15o6u_11e6r_164.awsui_interactiveGroups_15o6u_11e6r_164:not(#\9):not(.awsui_highlighted_15o6u_11e6r_164):not(.awsui_selected_15o6u_11e6r_164) {
164
+ .awsui_selectable-item_15o6u_13qur_145.awsui_parent_15o6u_13qur_164.awsui_interactiveGroups_15o6u_13qur_164:not(#\9):not(.awsui_highlighted_15o6u_13qur_164):not(.awsui_selected_15o6u_13qur_164) {
165
165
  box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd), inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd);
166
166
  }
167
- .awsui_selectable-item_15o6u_11e6r_145 > .awsui_selectable-item-content_15o6u_11e6r_167:not(#\9) {
168
- padding-block: var(--space-xxs-hwfkai, 4px);
167
+ .awsui_selectable-item_15o6u_13qur_145 > .awsui_selectable-item-content_15o6u_13qur_167:not(#\9) {
168
+ padding-block: var(--space-option-padding-vertical-d2srv9, 4px);
169
169
  padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
170
170
  }
171
- .awsui_selectable-item_15o6u_11e6r_145.awsui_pad-bottom_15o6u_11e6r_171:not(#\9) {
171
+ .awsui_selectable-item_15o6u_13qur_145.awsui_pad-bottom_15o6u_13qur_171:not(#\9) {
172
172
  padding-block-end: var(--border-item-width-miijiw, 2px);
173
173
  box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd);
174
174
  }
175
- .awsui_selectable-item_15o6u_11e6r_145.awsui_pad-bottom_15o6u_11e6r_171 > .awsui_selectable-item-content_15o6u_11e6r_167:not(#\9) {
176
- padding-block-end: calc(var(--space-xxs-hwfkai, 4px) + var(--space-xxxs-pajhad, 2px));
175
+ .awsui_selectable-item_15o6u_13qur_145.awsui_pad-bottom_15o6u_13qur_171 > .awsui_selectable-item-content_15o6u_13qur_167:not(#\9) {
176
+ padding-block-end: calc(var(--space-option-padding-vertical-d2srv9, 4px) + var(--space-xxxs-pajhad, 2px));
177
177
  }
178
- .awsui_selectable-item_15o6u_11e6r_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_11e6r_145.awsui_virtual_15o6u_11e6r_178:not(#\9) {
178
+ .awsui_selectable-item_15o6u_13qur_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_13qur_145.awsui_virtual_15o6u_13qur_178:not(#\9) {
179
179
  margin-block-start: calc(-1 * var(--border-item-width-miijiw, 2px));
180
180
  }
181
- .awsui_selectable-item_15o6u_11e6r_145.awsui_has-background_15o6u_11e6r_181:not(#\9) {
181
+ .awsui_selectable-item_15o6u_13qur_145.awsui_has-background_15o6u_13qur_181:not(#\9) {
182
182
  background-color: var(--color-background-dropdown-item-hover-yunepc, #f3f3f7);
183
183
  }
184
- .awsui_selectable-item_15o6u_11e6r_145.awsui_child_15o6u_11e6r_184:not(#\9) {
184
+ .awsui_selectable-item_15o6u_13qur_145.awsui_child_15o6u_13qur_184:not(#\9) {
185
185
  padding-inline-start: var(--border-item-width-miijiw, 2px);
186
186
  }
187
- .awsui_selectable-item_15o6u_11e6r_145.awsui_child_15o6u_11e6r_184 > .awsui_selectable-item-content_15o6u_11e6r_167:not(#\9) {
187
+ .awsui_selectable-item_15o6u_13qur_145.awsui_child_15o6u_13qur_184 > .awsui_selectable-item-content_15o6u_13qur_167:not(#\9) {
188
188
  padding-inline-start: var(--space-xxl-32srm4, 32px);
189
189
  }
190
- .awsui_selectable-item_15o6u_11e6r_145.awsui_disabled_15o6u_11e6r_190 > .awsui_selectable-item-content_15o6u_11e6r_167:not(#\9) {
190
+ .awsui_selectable-item_15o6u_13qur_145.awsui_disabled_15o6u_13qur_190 > .awsui_selectable-item-content_15o6u_13qur_167:not(#\9) {
191
191
  color: var(--color-text-dropdown-item-disabled-8m65hf, #b4b4bb);
192
192
  }
193
- .awsui_selectable-item_15o6u_11e6r_145.awsui_highlighted_15o6u_11e6r_164:not(#\9), .awsui_selectable-item_15o6u_11e6r_145.awsui_selected_15o6u_11e6r_164:not(#\9) {
193
+ .awsui_selectable-item_15o6u_13qur_145.awsui_highlighted_15o6u_13qur_164:not(#\9), .awsui_selectable-item_15o6u_13qur_145.awsui_selected_15o6u_13qur_164:not(#\9) {
194
194
  color: var(--color-text-dropdown-item-highlighted-yr1px8, #0f141a);
195
195
  border-start-start-radius: var(--border-radius-item-iwaia5, 8px);
196
196
  border-start-end-radius: var(--border-radius-item-iwaia5, 8px);
197
197
  border-end-start-radius: var(--border-radius-item-iwaia5, 8px);
198
198
  border-end-end-radius: var(--border-radius-item-iwaia5, 8px);
199
199
  }
200
- .awsui_selectable-item_15o6u_11e6r_145.awsui_highlighted_15o6u_11e6r_164:not(#\9) {
200
+ .awsui_selectable-item_15o6u_13qur_145.awsui_highlighted_15o6u_13qur_164:not(#\9) {
201
201
  z-index: 3;
202
202
  background-color: var(--color-background-dropdown-item-hover-yunepc, #f3f3f7);
203
203
  box-shadow: inset 0 0 0 var(--border-item-width-miijiw, 2px) var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
204
204
  }
205
- .awsui_selectable-item_15o6u_11e6r_145.awsui_highlighted_15o6u_11e6r_164.awsui_is-keyboard_15o6u_11e6r_205:not(#\9) {
205
+ .awsui_selectable-item_15o6u_13qur_145.awsui_highlighted_15o6u_13qur_164.awsui_is-keyboard_15o6u_13qur_205:not(#\9) {
206
206
  box-shadow: inset 0 0 0 var(--border-item-width-miijiw, 2px) var(--color-border-dropdown-item-focused-zacqlp, #424650);
207
207
  }
208
- .awsui_selectable-item_15o6u_11e6r_145.awsui_highlighted_15o6u_11e6r_164.awsui_disabled_15o6u_11e6r_190:not(#\9) {
208
+ .awsui_selectable-item_15o6u_13qur_145.awsui_highlighted_15o6u_13qur_164.awsui_disabled_15o6u_13qur_190:not(#\9) {
209
209
  box-shadow: inset 0 0 0 var(--border-item-width-miijiw, 2px) var(--color-border-dropdown-item-dimmed-hover-ga9sch, #8c8c94);
210
210
  background-color: var(--color-background-dropdown-item-dimmed-dhho03, transparent);
211
211
  }
212
- .awsui_selectable-item_15o6u_11e6r_145.awsui_highlighted_15o6u_11e6r_164.awsui_disabled_15o6u_11e6r_190 > .awsui_selectable-item-content_15o6u_11e6r_167:not(#\9) {
212
+ .awsui_selectable-item_15o6u_13qur_145.awsui_highlighted_15o6u_13qur_164.awsui_disabled_15o6u_13qur_190 > .awsui_selectable-item-content_15o6u_13qur_167:not(#\9) {
213
213
  color: var(--color-text-dropdown-item-dimmed-tq8vh3, #b4b4bb);
214
214
  }
215
- .awsui_selectable-item_15o6u_11e6r_145.awsui_highlighted_15o6u_11e6r_164:not(#\9):not(.awsui_visual-refresh_15o6u_11e6r_215).awsui_is-keyboard_15o6u_11e6r_205 {
215
+ .awsui_selectable-item_15o6u_13qur_145.awsui_highlighted_15o6u_13qur_164:not(#\9):not(.awsui_visual-refresh_15o6u_13qur_215).awsui_is-keyboard_15o6u_13qur_205 {
216
216
  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0);
217
217
  }
218
- .awsui_selectable-item_15o6u_11e6r_145.awsui_selected_15o6u_11e6r_164:not(#\9) {
218
+ .awsui_selectable-item_15o6u_13qur_145.awsui_selected_15o6u_13qur_164:not(#\9) {
219
219
  z-index: 2;
220
220
  background-color: var(--color-background-dropdown-item-selected-f3v6te, #f0fbff);
221
221
  box-shadow: inset 0 0 0 var(--border-item-width-miijiw, 2px) var(--color-border-dropdown-item-selected-dl2ezh, #006ce0);
222
222
  }
223
- .awsui_selectable-item_15o6u_11e6r_145.awsui_selected_15o6u_11e6r_164.awsui_highlighted_15o6u_11e6r_164:not(#\9) {
223
+ .awsui_selectable-item_15o6u_13qur_145.awsui_selected_15o6u_13qur_164.awsui_highlighted_15o6u_13qur_164:not(#\9) {
224
224
  box-shadow: inset 0 0 0 var(--border-item-width-miijiw, 2px) var(--color-border-dropdown-item-selected-dl2ezh, #006ce0), inset 0 0 0 calc(2 * var(--border-item-width-miijiw, 2px)) var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
225
225
  }
226
- .awsui_selectable-item_15o6u_11e6r_145.awsui_selected_15o6u_11e6r_164.awsui_highlighted_15o6u_11e6r_164.awsui_is-keyboard_15o6u_11e6r_205:not(#\9) {
226
+ .awsui_selectable-item_15o6u_13qur_145.awsui_selected_15o6u_13qur_164.awsui_highlighted_15o6u_13qur_164.awsui_is-keyboard_15o6u_13qur_205:not(#\9) {
227
227
  box-shadow: inset 0 0 0 var(--border-item-width-miijiw, 2px) var(--color-border-dropdown-item-selected-dl2ezh, #006ce0), inset 0 0 0 calc(2 * var(--border-item-width-miijiw, 2px)) var(--color-border-dropdown-item-focused-zacqlp, #424650);
228
228
  }
229
- .awsui_selectable-item_15o6u_11e6r_145.awsui_selected_15o6u_11e6r_164.awsui_next-item-selected_15o6u_11e6r_229:not(#\9) {
229
+ .awsui_selectable-item_15o6u_13qur_145.awsui_selected_15o6u_13qur_164.awsui_next-item-selected_15o6u_13qur_229:not(#\9) {
230
230
  border-end-start-radius: 0;
231
231
  border-end-end-radius: 0;
232
232
  }
233
- .awsui_selectable-item_15o6u_11e6r_145.awsui_selected_15o6u_11e6r_164.awsui_highlighted_15o6u_11e6r_164:not(#\9):not(.awsui_visual-refresh_15o6u_11e6r_215) {
233
+ .awsui_selectable-item_15o6u_13qur_145.awsui_selected_15o6u_13qur_164.awsui_highlighted_15o6u_13qur_164:not(#\9):not(.awsui_visual-refresh_15o6u_13qur_215) {
234
234
  box-shadow: inset 0 0 0 var(--border-item-width-miijiw, 2px) var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
235
235
  }
236
- .awsui_selectable-item_15o6u_11e6r_145.awsui_selected_15o6u_11e6r_164.awsui_highlighted_15o6u_11e6r_164:not(#\9):not(.awsui_visual-refresh_15o6u_11e6r_215).awsui_is-keyboard_15o6u_11e6r_205 {
236
+ .awsui_selectable-item_15o6u_13qur_145.awsui_selected_15o6u_13qur_164.awsui_highlighted_15o6u_13qur_164:not(#\9):not(.awsui_visual-refresh_15o6u_13qur_215).awsui_is-keyboard_15o6u_13qur_205 {
237
237
  box-shadow: inset 0 0 0 var(--border-item-width-miijiw, 2px) var(--color-border-dropdown-item-focused-zacqlp, #424650);
238
238
  }
239
- .awsui_selectable-item_15o6u_11e6r_145.awsui_selected_15o6u_11e6r_164 + .awsui_selectable-item_15o6u_11e6r_145.awsui_selected_15o6u_11e6r_164:not(#\9), .awsui_selectable-item_15o6u_11e6r_145.awsui_selected_15o6u_11e6r_164.awsui_previous-item-selected_15o6u_11e6r_239:not(#\9) {
239
+ .awsui_selectable-item_15o6u_13qur_145.awsui_selected_15o6u_13qur_164 + .awsui_selectable-item_15o6u_13qur_145.awsui_selected_15o6u_13qur_164:not(#\9), .awsui_selectable-item_15o6u_13qur_145.awsui_selected_15o6u_13qur_164.awsui_previous-item-selected_15o6u_13qur_239:not(#\9) {
240
240
  border-start-start-radius: 0;
241
241
  border-start-end-radius: 0;
242
242
  }
243
- .awsui_selectable-item_15o6u_11e6r_145.awsui_parent_15o6u_11e6r_164:not(#\9):not(.awsui_disabled_15o6u_11e6r_190) > .awsui_selectable-item-content_15o6u_11e6r_167 {
243
+ .awsui_selectable-item_15o6u_13qur_145.awsui_parent_15o6u_13qur_164:not(#\9):not(.awsui_disabled_15o6u_13qur_190) > .awsui_selectable-item-content_15o6u_13qur_167 {
244
244
  color: var(--color-text-dropdown-group-label-2tmyik, #424650);
245
245
  }
246
- .awsui_selectable-item_15o6u_11e6r_145.awsui_parent_15o6u_11e6r_164:not(#\9):not(.awsui_interactiveGroups_15o6u_11e6r_164) {
246
+ .awsui_selectable-item_15o6u_13qur_145.awsui_parent_15o6u_13qur_164:not(#\9):not(.awsui_interactiveGroups_15o6u_13qur_164) {
247
247
  box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-border-dropdown-group-ylcnh8, #c6c6cd), inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd);
248
248
  padding-block: 0;
249
249
  padding-inline: 0;
250
250
  }
251
- .awsui_selectable-item_15o6u_11e6r_145.awsui_parent_15o6u_11e6r_164:not(#\9):not(.awsui_interactiveGroups_15o6u_11e6r_164):not(:has(> .awsui_selectable-item-content_15o6u_11e6r_167)) {
251
+ .awsui_selectable-item_15o6u_13qur_145.awsui_parent_15o6u_13qur_164:not(#\9):not(.awsui_interactiveGroups_15o6u_13qur_164):not(:has(> .awsui_selectable-item-content_15o6u_13qur_167)) {
252
252
  padding-block: var(--border-item-width-miijiw, 2px);
253
253
  padding-inline: var(--border-item-width-miijiw, 2px);
254
254
  }
255
- .awsui_selectable-item_15o6u_11e6r_145.awsui_parent_15o6u_11e6r_164:not(#\9):not(.awsui_interactiveGroups_15o6u_11e6r_164) > .awsui_selectable-item-content_15o6u_11e6r_167 {
255
+ .awsui_selectable-item_15o6u_13qur_145.awsui_parent_15o6u_13qur_164:not(#\9):not(.awsui_interactiveGroups_15o6u_13qur_164) > .awsui_selectable-item-content_15o6u_13qur_167 {
256
256
  padding-block: var(--space-xs-ymlm0b, 8px);
257
257
  padding-inline: var(--space-xs-ymlm0b, 8px);
258
258
  font-weight: bold;
259
259
  }
260
- .awsui_selectable-item_15o6u_11e6r_145.awsui_parent_15o6u_11e6r_164.awsui_interactiveGroups_15o6u_11e6r_164 > .awsui_selectable-item-content_15o6u_11e6r_167:not(#\9) {
260
+ .awsui_selectable-item_15o6u_13qur_145.awsui_parent_15o6u_13qur_164.awsui_interactiveGroups_15o6u_13qur_164 > .awsui_selectable-item-content_15o6u_13qur_167:not(#\9) {
261
261
  padding-block: var(--space-xs-ymlm0b, 8px);
262
262
  padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
263
263
  font-weight: bold;
264
264
  }
265
- .awsui_selectable-item_15o6u_11e6r_145.awsui_parent_15o6u_11e6r_164.awsui_interactiveGroups_15o6u_11e6r_164.awsui_highlighted_15o6u_11e6r_164 > .awsui_selectable-item-content_15o6u_11e6r_167:not(#\9) {
265
+ .awsui_selectable-item_15o6u_13qur_145.awsui_parent_15o6u_13qur_164.awsui_interactiveGroups_15o6u_13qur_164.awsui_highlighted_15o6u_13qur_164 > .awsui_selectable-item-content_15o6u_13qur_167:not(#\9) {
266
266
  color: var(--color-text-dropdown-item-highlighted-yr1px8, #0f141a);
267
267
  }
268
- .awsui_selectable-item_15o6u_11e6r_145:not(#\9):not(.awsui_disabled_15o6u_11e6r_190):not(.awsui_parent_15o6u_11e6r_164), .awsui_selectable-item_15o6u_11e6r_145.awsui_interactiveGroups_15o6u_11e6r_164:not(#\9):not(.awsui_disabled_15o6u_11e6r_190) {
268
+ .awsui_selectable-item_15o6u_13qur_145:not(#\9):not(.awsui_disabled_15o6u_13qur_190):not(.awsui_parent_15o6u_13qur_164), .awsui_selectable-item_15o6u_13qur_145.awsui_interactiveGroups_15o6u_13qur_164:not(#\9):not(.awsui_disabled_15o6u_13qur_190) {
269
269
  cursor: pointer;
270
270
  }
271
- .awsui_selectable-item_15o6u_11e6r_145.awsui_sticky_15o6u_11e6r_271 + .awsui_selectable-item_15o6u_11e6r_145:not(#\9):not(.awsui_sticky_15o6u_11e6r_271):not(.awsui_highlighted_15o6u_11e6r_164):not(.awsui_selected_15o6u_11e6r_164) {
271
+ .awsui_selectable-item_15o6u_13qur_145.awsui_sticky_15o6u_13qur_271 + .awsui_selectable-item_15o6u_13qur_145:not(#\9):not(.awsui_sticky_15o6u_13qur_271):not(.awsui_highlighted_15o6u_13qur_164):not(.awsui_selected_15o6u_13qur_164) {
272
272
  box-shadow: inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd);
273
273
  }
274
- .awsui_selectable-item_15o6u_11e6r_145.awsui_sticky_15o6u_11e6r_271:not(#\9) {
274
+ .awsui_selectable-item_15o6u_13qur_145.awsui_sticky_15o6u_13qur_271:not(#\9) {
275
275
  position: sticky;
276
276
  inset-block-start: 0;
277
277
  margin-block-end: var(--border-item-width-miijiw, 2px);
278
278
  z-index: 4;
279
279
  padding-inline: var(--border-item-width-miijiw, 2px);
280
280
  }
281
- .awsui_selectable-item_15o6u_11e6r_145.awsui_sticky_15o6u_11e6r_271.awsui_highlighted_15o6u_11e6r_164:not(#\9), .awsui_selectable-item_15o6u_11e6r_145.awsui_sticky_15o6u_11e6r_271.awsui_selected_15o6u_11e6r_164:not(#\9) {
281
+ .awsui_selectable-item_15o6u_13qur_145.awsui_sticky_15o6u_13qur_271.awsui_highlighted_15o6u_13qur_164:not(#\9), .awsui_selectable-item_15o6u_13qur_145.awsui_sticky_15o6u_13qur_271.awsui_selected_15o6u_13qur_164:not(#\9) {
282
282
  padding-inline: var(--border-item-width-miijiw, 2px);
283
283
  }
284
- .awsui_selectable-item_15o6u_11e6r_145.awsui_sticky_15o6u_11e6r_271 > .awsui_selectable-item-content_15o6u_11e6r_167:not(#\9) {
284
+ .awsui_selectable-item_15o6u_13qur_145.awsui_sticky_15o6u_13qur_271 > .awsui_selectable-item-content_15o6u_13qur_167:not(#\9) {
285
285
  padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
286
286
  }
287
- .awsui_selectable-item_15o6u_11e6r_145.awsui_sticky_15o6u_11e6r_271:not(#\9):not(.awsui_highlighted_15o6u_11e6r_164):not(.awsui_selected_15o6u_11e6r_164) {
287
+ .awsui_selectable-item_15o6u_13qur_145.awsui_sticky_15o6u_13qur_271:not(#\9):not(.awsui_highlighted_15o6u_13qur_164):not(.awsui_selected_15o6u_13qur_164) {
288
288
  box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd), inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd), inset var(--border-width-popover-nflirh, 2px) 0 0 0 var(--color-border-dropdown-container-cmthq7, #b4b4bb);
289
289
  }
290
- .awsui_selectable-item_15o6u_11e6r_145.awsui_sticky_15o6u_11e6r_271:not(#\9):not(.awsui_highlighted_15o6u_11e6r_164):not(.awsui_selected_15o6u_11e6r_164):not(.awsui_with-scrollbar_15o6u_11e6r_290) {
290
+ .awsui_selectable-item_15o6u_13qur_145.awsui_sticky_15o6u_13qur_271:not(#\9):not(.awsui_highlighted_15o6u_13qur_164):not(.awsui_selected_15o6u_13qur_164):not(.awsui_with-scrollbar_15o6u_13qur_290) {
291
291
  box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd), inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd), inset var(--border-width-popover-nflirh, 2px) 0 0 0 var(--color-border-dropdown-container-cmthq7, #b4b4bb), inset calc(-1 * var(--border-width-popover-nflirh, 2px)) 0 0 0 var(--color-border-dropdown-container-cmthq7, #b4b4bb);
292
292
  }
293
- .awsui_selectable-item_15o6u_11e6r_145.awsui_sticky_15o6u_11e6r_271:not(#\9):not(.awsui_highlighted_15o6u_11e6r_164):not(.awsui_selected_15o6u_11e6r_164):not(.awsui_after-header_15o6u_11e6r_293) {
293
+ .awsui_selectable-item_15o6u_13qur_145.awsui_sticky_15o6u_13qur_271:not(#\9):not(.awsui_highlighted_15o6u_13qur_164):not(.awsui_selected_15o6u_13qur_164):not(.awsui_after-header_15o6u_13qur_293) {
294
294
  border-start-start-radius: var(--border-radius-item-iwaia5, 8px);
295
295
  }
296
- .awsui_selectable-item_15o6u_11e6r_145.awsui_sticky_15o6u_11e6r_271:not(#\9):not(.awsui_highlighted_15o6u_11e6r_164):not(.awsui_selected_15o6u_11e6r_164):not(.awsui_after-header_15o6u_11e6r_293):not(.awsui_selectable-item_15o6u_11e6r_145.awsui_sticky_15o6u_11e6r_271:not(.awsui_highlighted_15o6u_11e6r_164):not(.awsui_selected_15o6u_11e6r_164):not(.awsui_after-header_15o6u_11e6r_293).awsui_with-scrollbar_15o6u_11e6r_290) {
296
+ .awsui_selectable-item_15o6u_13qur_145.awsui_sticky_15o6u_13qur_271:not(#\9):not(.awsui_highlighted_15o6u_13qur_164):not(.awsui_selected_15o6u_13qur_164):not(.awsui_after-header_15o6u_13qur_293):not(.awsui_selectable-item_15o6u_13qur_145.awsui_sticky_15o6u_13qur_271:not(.awsui_highlighted_15o6u_13qur_164):not(.awsui_selected_15o6u_13qur_164):not(.awsui_after-header_15o6u_13qur_293).awsui_with-scrollbar_15o6u_13qur_290) {
297
297
  border-start-end-radius: var(--border-radius-item-iwaia5, 8px);
298
298
  }
299
- .awsui_selectable-item_15o6u_11e6r_145.awsui_sticky_15o6u_11e6r_271:not(#\9):not(.awsui_highlighted_15o6u_11e6r_164):not(.awsui_selected_15o6u_11e6r_164).awsui_after-header_15o6u_11e6r_293 {
299
+ .awsui_selectable-item_15o6u_13qur_145.awsui_sticky_15o6u_13qur_271:not(#\9):not(.awsui_highlighted_15o6u_13qur_164):not(.awsui_selected_15o6u_13qur_164).awsui_after-header_15o6u_13qur_293 {
300
300
  box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-background-dropdown-item-default-qmc033, #ffffff), inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd), inset var(--border-width-popover-nflirh, 2px) 0 0 0 var(--color-border-dropdown-container-cmthq7, #b4b4bb);
301
301
  }
302
- .awsui_selectable-item_15o6u_11e6r_145.awsui_sticky_15o6u_11e6r_271:not(#\9):not(.awsui_highlighted_15o6u_11e6r_164):not(.awsui_selected_15o6u_11e6r_164).awsui_after-header_15o6u_11e6r_293:not(.awsui_with-scrollbar_15o6u_11e6r_290) {
302
+ .awsui_selectable-item_15o6u_13qur_145.awsui_sticky_15o6u_13qur_271:not(#\9):not(.awsui_highlighted_15o6u_13qur_164):not(.awsui_selected_15o6u_13qur_164).awsui_after-header_15o6u_13qur_293:not(.awsui_with-scrollbar_15o6u_13qur_290) {
303
303
  box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-background-dropdown-item-default-qmc033, #ffffff), inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd), inset var(--border-width-popover-nflirh, 2px) 0 0 0 var(--color-border-dropdown-container-cmthq7, #b4b4bb), inset calc(-1 * var(--border-width-popover-nflirh, 2px)) 0 0 0 var(--color-border-dropdown-container-cmthq7, #b4b4bb);
304
304
  }
305
- .awsui_selectable-item_15o6u_11e6r_145.awsui_sticky_15o6u_11e6r_271.awsui_disabled_15o6u_11e6r_190.awsui_highlighted_15o6u_11e6r_164:not(#\9), .awsui_selectable-item_15o6u_11e6r_145.awsui_sticky_15o6u_11e6r_271.awsui_disabled_15o6u_11e6r_190.awsui_selected_15o6u_11e6r_164:not(#\9) {
305
+ .awsui_selectable-item_15o6u_13qur_145.awsui_sticky_15o6u_13qur_271.awsui_disabled_15o6u_13qur_190.awsui_highlighted_15o6u_13qur_164:not(#\9), .awsui_selectable-item_15o6u_13qur_145.awsui_sticky_15o6u_13qur_271.awsui_disabled_15o6u_13qur_190.awsui_selected_15o6u_13qur_164:not(#\9) {
306
306
  box-shadow: none;
307
307
  }
308
- .awsui_selectable-item_15o6u_11e6r_145.awsui_virtual_15o6u_11e6r_178:not(#\9) {
308
+ .awsui_selectable-item_15o6u_13qur_145.awsui_virtual_15o6u_13qur_178:not(#\9) {
309
309
  position: absolute;
310
310
  inset-block-start: var(--border-dropdown-virtual-offset-width-3wp954, 2px);
311
311
  inset-inline-start: 0;
312
312
  inline-size: 100%;
313
313
  box-sizing: border-box;
314
314
  }
315
- .awsui_selectable-item_15o6u_11e6r_145.awsui_virtual_15o6u_11e6r_178:not(#\9):first-of-type:not(.awsui_selected_15o6u_11e6r_164, .awsui_highlighted_15o6u_11e6r_164) {
315
+ .awsui_selectable-item_15o6u_13qur_145.awsui_virtual_15o6u_13qur_178:not(#\9):first-of-type:not(.awsui_selected_15o6u_13qur_164, .awsui_highlighted_15o6u_13qur_164) {
316
316
  box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-border-dropdown-item-top-gp2d1p, transparent), inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd);
317
317
  }
318
- .awsui_selectable-item_15o6u_11e6r_145.awsui_virtual_15o6u_11e6r_178.awsui_parent_15o6u_11e6r_164:not(#\9):not(.awsui_interactiveGroups_15o6u_11e6r_164) {
318
+ .awsui_selectable-item_15o6u_13qur_145.awsui_virtual_15o6u_13qur_178.awsui_parent_15o6u_13qur_164:not(#\9):not(.awsui_interactiveGroups_15o6u_13qur_164) {
319
319
  box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-border-dropdown-group-ylcnh8, #c6c6cd), inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd);
320
320
  }
321
321
 
322
- .awsui_measure-strut_15o6u_11e6r_322:not(#\9) {
322
+ .awsui_measure-strut_15o6u_13qur_322:not(#\9) {
323
323
  position: absolute;
324
324
  pointer-events: none;
325
325
  block-size: 100%;
@@ -327,20 +327,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
327
327
  inset-block-start: 0;
328
328
  inset-inline-start: 0;
329
329
  }
330
- .awsui_selectable-item_15o6u_11e6r_145.awsui_virtual_15o6u_11e6r_178 > .awsui_measure-strut_15o6u_11e6r_322:not(#\9) {
330
+ .awsui_selectable-item_15o6u_13qur_145.awsui_virtual_15o6u_13qur_178 > .awsui_measure-strut_15o6u_13qur_322:not(#\9) {
331
331
  block-size: calc(100% - var(--border-item-width-miijiw, 2px));
332
332
  }
333
333
 
334
- .awsui_screenreader-content_15o6u_11e6r_334:not(#\9) {
334
+ .awsui_screenreader-content_15o6u_13qur_334:not(#\9) {
335
335
  position: absolute !important;
336
336
  inset-block-start: -9999px !important;
337
337
  inset-inline-start: -9999px !important;
338
338
  }
339
339
 
340
- .awsui_option-content_15o6u_11e6r_340:not(#\9) {
340
+ .awsui_option-content_15o6u_13qur_340:not(#\9) {
341
341
  /* used in test-utils */
342
342
  }
343
343
 
344
- .awsui_select-all_15o6u_11e6r_344:not(#\9) {
344
+ .awsui_select-all_15o6u_13qur_344:not(#\9) {
345
345
  /* used in test-utils */
346
346
  }