@cloudscape-design/components 3.0.1178 → 3.0.1179

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 (23) hide show
  1. package/internal/base-component/styles.scoped.css +33 -11
  2. package/internal/components/selectable-item/styles.css.js +22 -23
  3. package/internal/components/selectable-item/styles.scoped.css +102 -109
  4. package/internal/components/selectable-item/styles.selectors.js +22 -23
  5. package/internal/environment.js +2 -2
  6. package/internal/environment.json +2 -2
  7. package/internal/generated/styles/tokens.d.ts +8 -2
  8. package/internal/generated/styles/tokens.js +8 -2
  9. package/internal/generated/theming/index.cjs +234 -48
  10. package/internal/generated/theming/index.js +234 -48
  11. package/internal/hooks/use-virtual/index.d.ts.map +1 -1
  12. package/internal/hooks/use-virtual/index.js +6 -1
  13. package/internal/hooks/use-virtual/index.js.map +1 -1
  14. package/internal/manifest.json +1 -1
  15. package/package.json +1 -1
  16. package/select/parts/virtual-list.d.ts.map +1 -1
  17. package/select/parts/virtual-list.js +1 -1
  18. package/select/parts/virtual-list.js.map +1 -1
  19. package/select/utils/render-options.js +1 -1
  20. package/select/utils/render-options.js.map +1 -1
  21. package/slider/styles.css.js +26 -26
  22. package/slider/styles.scoped.css +112 -112
  23. package/slider/styles.selectors.js +26 -26
package/internal/base-component/styles.scoped.css CHANGED
@@ -313,8 +313,14 @@ body {
313
313
  --color-background-slider-handle-active-50ubqb:var(--color-primary-700-n6k121);
314
314
  --color-background-slider-track-default-vk2c9o:var(--color-neutral-500-8van0b);
315
315
  --color-background-slider-handle-ring-9sfenj:var(--color-white-p1zlvy);
316
- --color-background-slider-error-pressed-79f2kg:var(--color-error-900-skonp1);
317
- --color-background-slider-warning-pressed-j1qp7g:var(--color-warning-900-kpxt8c);
316
+ --color-background-slider-handle-error-default-411tqq:var(--color-text-status-error-ksqavh);
317
+ --color-background-slider-handle-error-active-x65pfh:var(--color-text-status-error-ksqavh);
318
+ --color-background-slider-handle-warning-default-or76ej:var(--color-text-status-warning-6meo06);
319
+ --color-background-slider-handle-warning-active-7o84zp:var(--color-text-status-warning-6meo06);
320
+ --color-background-slider-range-error-default-b519qn:var(--color-text-status-error-ksqavh);
321
+ --color-background-slider-range-error-active-6bo8an:var(--color-text-status-error-ksqavh);
322
+ --color-background-slider-range-warning-default-6isqvo:var(--color-text-status-warning-6meo06);
323
+ --color-background-slider-range-warning-active-dm2pha:var(--color-text-status-warning-6meo06);
318
324
  --color-background-status-error-mu3lcw:var(--color-error-50-1upkvz);
319
325
  --color-background-status-info-sfobba:var(--color-info-50-cdvtrs);
320
326
  --color-background-dialog-2fj3uu:var(--color-background-status-info-sfobba);
@@ -914,8 +920,6 @@ body {
914
920
  --color-background-slider-handle-active-50ubqb:var(--color-primary-300-5q65ox);
915
921
  --color-background-slider-track-default-vk2c9o:var(--color-neutral-600-fln1ww);
916
922
  --color-background-slider-handle-ring-9sfenj:var(--color-neutral-850-3f0gro);
917
- --color-background-slider-error-pressed-79f2kg:var(--color-error-400-c0knb8);
918
- --color-background-slider-warning-pressed-j1qp7g:var(--color-warning-500-zidhub);
919
923
  --color-background-status-error-mu3lcw:var(--color-error-1000-ecmudm);
920
924
  --color-background-status-info-sfobba:var(--color-info-1000-s77ok9);
921
925
  --color-background-status-success-h6b8bh:var(--color-success-1000-xy1gvq);
@@ -1176,8 +1180,6 @@ body {
1176
1180
  --color-background-slider-handle-active-50ubqb:var(--color-primary-300-5q65ox);
1177
1181
  --color-background-slider-track-default-vk2c9o:var(--color-neutral-600-fln1ww);
1178
1182
  --color-background-slider-handle-ring-9sfenj:var(--color-neutral-850-3f0gro);
1179
- --color-background-slider-error-pressed-79f2kg:var(--color-error-400-c0knb8);
1180
- --color-background-slider-warning-pressed-j1qp7g:var(--color-warning-500-zidhub);
1181
1183
  --color-background-status-error-mu3lcw:var(--color-error-1000-ecmudm);
1182
1184
  --color-background-status-info-sfobba:var(--color-info-1000-s77ok9);
1183
1185
  --color-background-status-success-h6b8bh:var(--color-success-1000-xy1gvq);
@@ -1298,6 +1300,14 @@ body {
1298
1300
  --color-background-segment-wrapper-5tudmm:var(--color-background-container-content-6u8rvp);
1299
1301
  --color-background-slider-range-default-3ljdu4:var(--color-background-slider-handle-default-lp5ntg);
1300
1302
  --color-background-slider-range-active-vu3lky:var(--color-background-slider-handle-active-50ubqb);
1303
+ --color-background-slider-handle-error-default-411tqq:var(--color-text-status-error-ksqavh);
1304
+ --color-background-slider-handle-error-active-x65pfh:var(--color-text-status-error-ksqavh);
1305
+ --color-background-slider-handle-warning-default-or76ej:var(--color-text-status-warning-6meo06);
1306
+ --color-background-slider-handle-warning-active-7o84zp:var(--color-text-status-warning-6meo06);
1307
+ --color-background-slider-range-error-default-b519qn:var(--color-text-status-error-ksqavh);
1308
+ --color-background-slider-range-error-active-6bo8an:var(--color-text-status-error-ksqavh);
1309
+ --color-background-slider-range-warning-default-6isqvo:var(--color-text-status-warning-6meo06);
1310
+ --color-background-slider-range-warning-active-dm2pha:var(--color-text-status-warning-6meo06);
1301
1311
  --color-background-dialog-2fj3uu:var(--color-background-status-info-sfobba);
1302
1312
  --color-background-table-header-hdjxos:var(--color-background-container-header-gs3mbe);
1303
1313
  --color-text-chat-bubble-outgoing-f3r63s:var(--color-text-body-default-vvtq8u);
@@ -1401,8 +1411,6 @@ body {
1401
1411
  --color-background-slider-handle-active-50ubqb:var(--color-primary-300-5q65ox);
1402
1412
  --color-background-slider-track-default-vk2c9o:var(--color-neutral-600-fln1ww);
1403
1413
  --color-background-slider-handle-ring-9sfenj:var(--color-neutral-850-3f0gro);
1404
- --color-background-slider-error-pressed-79f2kg:var(--color-error-400-c0knb8);
1405
- --color-background-slider-warning-pressed-j1qp7g:var(--color-warning-500-zidhub);
1406
1414
  --color-background-status-error-mu3lcw:var(--color-error-1000-ecmudm);
1407
1415
  --color-background-status-info-sfobba:var(--color-info-1000-s77ok9);
1408
1416
  --color-background-status-success-h6b8bh:var(--color-success-1000-xy1gvq);
@@ -1530,6 +1538,14 @@ body {
1530
1538
  --color-background-segment-hover-800sl4:var(--color-background-button-normal-hover-53op9s);
1531
1539
  --color-background-slider-range-default-3ljdu4:var(--color-background-slider-handle-default-lp5ntg);
1532
1540
  --color-background-slider-range-active-vu3lky:var(--color-background-slider-handle-active-50ubqb);
1541
+ --color-background-slider-handle-error-default-411tqq:var(--color-text-status-error-ksqavh);
1542
+ --color-background-slider-handle-error-active-x65pfh:var(--color-text-status-error-ksqavh);
1543
+ --color-background-slider-handle-warning-default-or76ej:var(--color-text-status-warning-6meo06);
1544
+ --color-background-slider-handle-warning-active-7o84zp:var(--color-text-status-warning-6meo06);
1545
+ --color-background-slider-range-error-default-b519qn:var(--color-text-status-error-ksqavh);
1546
+ --color-background-slider-range-error-active-6bo8an:var(--color-text-status-error-ksqavh);
1547
+ --color-background-slider-range-warning-default-6isqvo:var(--color-text-status-warning-6meo06);
1548
+ --color-background-slider-range-warning-active-dm2pha:var(--color-text-status-warning-6meo06);
1533
1549
  --color-background-dialog-2fj3uu:var(--color-background-status-info-sfobba);
1534
1550
  --color-text-chat-bubble-outgoing-f3r63s:var(--color-text-body-default-vvtq8u);
1535
1551
  --color-text-chat-bubble-incoming-od0yh8:var(--color-text-body-default-vvtq8u);
@@ -1750,8 +1766,6 @@ body {
1750
1766
  --color-background-slider-handle-active-50ubqb:var(--color-primary-300-5q65ox);
1751
1767
  --color-background-slider-track-default-vk2c9o:var(--color-neutral-600-fln1ww);
1752
1768
  --color-background-slider-handle-ring-9sfenj:var(--color-neutral-850-3f0gro);
1753
- --color-background-slider-error-pressed-79f2kg:var(--color-error-400-c0knb8);
1754
- --color-background-slider-warning-pressed-j1qp7g:var(--color-warning-500-zidhub);
1755
1769
  --color-background-status-error-mu3lcw:var(--color-error-1000-ecmudm);
1756
1770
  --color-background-status-info-sfobba:var(--color-info-1000-s77ok9);
1757
1771
  --color-background-status-success-h6b8bh:var(--color-success-1000-xy1gvq);
@@ -1875,6 +1889,14 @@ body {
1875
1889
  --color-background-segment-wrapper-5tudmm:var(--color-background-container-content-6u8rvp);
1876
1890
  --color-background-slider-range-default-3ljdu4:var(--color-background-slider-handle-default-lp5ntg);
1877
1891
  --color-background-slider-range-active-vu3lky:var(--color-background-slider-handle-active-50ubqb);
1892
+ --color-background-slider-handle-error-default-411tqq:var(--color-text-status-error-ksqavh);
1893
+ --color-background-slider-handle-error-active-x65pfh:var(--color-text-status-error-ksqavh);
1894
+ --color-background-slider-handle-warning-default-or76ej:var(--color-text-status-warning-6meo06);
1895
+ --color-background-slider-handle-warning-active-7o84zp:var(--color-text-status-warning-6meo06);
1896
+ --color-background-slider-range-error-default-b519qn:var(--color-text-status-error-ksqavh);
1897
+ --color-background-slider-range-error-active-6bo8an:var(--color-text-status-error-ksqavh);
1898
+ --color-background-slider-range-warning-default-6isqvo:var(--color-text-status-warning-6meo06);
1899
+ --color-background-slider-range-warning-active-dm2pha:var(--color-text-status-warning-6meo06);
1878
1900
  --color-background-dialog-2fj3uu:var(--color-background-status-info-sfobba);
1879
1901
  --color-background-table-header-hdjxos:var(--color-background-container-header-gs3mbe);
1880
1902
  --color-text-chat-bubble-outgoing-f3r63s:var(--color-text-body-default-vvtq8u);
@@ -2012,5 +2034,5 @@ body {
2012
2034
  }
2013
2035
  }
2014
2036
  :root {
2015
- --awsui-version-info-6c4f30af: true;
2037
+ --awsui-version-info-75aed8ba: true;
2016
2038
  }
package/internal/components/selectable-item/styles.css.js CHANGED
@@ -1,28 +1,27 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "selectable-item": "awsui_selectable-item_15o6u_z9adt_145",
5
- "selectable-item-content": "awsui_selectable-item-content_15o6u_z9adt_168",
6
- "pad-bottom": "awsui_pad-bottom_15o6u_z9adt_172",
7
- "virtual": "awsui_virtual_15o6u_z9adt_179",
8
- "has-background": "awsui_has-background_15o6u_z9adt_182",
9
- "child": "awsui_child_15o6u_z9adt_185",
10
- "disabled": "awsui_disabled_15o6u_z9adt_191",
11
- "highlighted": "awsui_highlighted_15o6u_z9adt_194",
12
- "selected": "awsui_selected_15o6u_z9adt_194",
13
- "is-keyboard": "awsui_is-keyboard_15o6u_z9adt_232",
14
- "visual-refresh": "awsui_visual-refresh_15o6u_z9adt_235",
15
- "next-item-selected": "awsui_next-item-selected_15o6u_z9adt_243",
16
- "previous-item-selected": "awsui_previous-item-selected_15o6u_z9adt_264",
17
- "parent": "awsui_parent_15o6u_z9adt_268",
18
- "interactiveGroups": "awsui_interactiveGroups_15o6u_z9adt_271",
19
- "sticky": "awsui_sticky_15o6u_z9adt_301",
20
- "with-scrollbar": "awsui_with-scrollbar_15o6u_z9adt_316",
21
- "after-header": "awsui_after-header_15o6u_z9adt_322",
22
- "measure-strut": "awsui_measure-strut_15o6u_z9adt_354",
23
- "measure-strut-first": "awsui_measure-strut-first_15o6u_z9adt_363",
24
- "screenreader-content": "awsui_screenreader-content_15o6u_z9adt_367",
25
- "option-content": "awsui_option-content_15o6u_z9adt_373",
26
- "select-all": "awsui_select-all_15o6u_z9adt_377"
4
+ "selectable-item": "awsui_selectable-item_15o6u_7ubzk_145",
5
+ "parent": "awsui_parent_15o6u_7ubzk_164",
6
+ "interactiveGroups": "awsui_interactiveGroups_15o6u_7ubzk_164",
7
+ "highlighted": "awsui_highlighted_15o6u_7ubzk_164",
8
+ "selected": "awsui_selected_15o6u_7ubzk_164",
9
+ "selectable-item-content": "awsui_selectable-item-content_15o6u_7ubzk_167",
10
+ "pad-bottom": "awsui_pad-bottom_15o6u_7ubzk_171",
11
+ "virtual": "awsui_virtual_15o6u_7ubzk_178",
12
+ "has-background": "awsui_has-background_15o6u_7ubzk_181",
13
+ "child": "awsui_child_15o6u_7ubzk_184",
14
+ "disabled": "awsui_disabled_15o6u_7ubzk_190",
15
+ "is-keyboard": "awsui_is-keyboard_15o6u_7ubzk_218",
16
+ "visual-refresh": "awsui_visual-refresh_15o6u_7ubzk_228",
17
+ "next-item-selected": "awsui_next-item-selected_15o6u_7ubzk_242",
18
+ "previous-item-selected": "awsui_previous-item-selected_15o6u_7ubzk_252",
19
+ "sticky": "awsui_sticky_15o6u_7ubzk_297",
20
+ "with-scrollbar": "awsui_with-scrollbar_15o6u_7ubzk_316",
21
+ "after-header": "awsui_after-header_15o6u_7ubzk_319",
22
+ "measure-strut": "awsui_measure-strut_15o6u_7ubzk_348",
23
+ "screenreader-content": "awsui_screenreader-content_15o6u_7ubzk_360",
24
+ "option-content": "awsui_option-content_15o6u_7ubzk_366",
25
+ "select-all": "awsui_select-all_15o6u_7ubzk_370"
27
26
  };
28
27
 
package/internal/components/selectable-item/styles.scoped.css CHANGED
@@ -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_z9adt_145:not(#\9) {
145
+ .awsui_selectable-item_15o6u_7ubzk_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);
@@ -153,227 +153,220 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
153
153
  position: relative;
154
154
  list-style: none;
155
155
  z-index: 1;
156
- border-block: var(--border-divider-list-width-tdfx1x, 1px) solid transparent;
157
- border-inline: var(--border-divider-list-width-tdfx1x, 1px) solid transparent;
158
- border-block-start-color: var(--color-border-dropdown-item-default-kape37, #c6c6cd);
159
- border-block-end-color: var(--color-border-dropdown-item-default-kape37, #c6c6cd);
156
+ border-width: 0;
160
157
  background-color: var(--color-background-dropdown-item-default-qmc033, #ffffff);
161
158
  color: var(--color-text-dropdown-item-default-f1jr9u, #0f141a);
162
- border-inline-start-width: 0;
163
- border-inline-end-width: 0;
164
- padding-block: calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px));
159
+ padding-block: var(--border-item-width-miijiw, 2px);
165
160
  padding-inline: var(--border-item-width-miijiw, 2px);
166
161
  overflow: hidden;
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);
167
163
  }
168
- .awsui_selectable-item_15o6u_z9adt_145 > .awsui_selectable-item-content_15o6u_z9adt_168:not(#\9) {
164
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_parent_15o6u_7ubzk_164.awsui_interactiveGroups_15o6u_7ubzk_164:not(#\9):not(.awsui_highlighted_15o6u_7ubzk_164):not(.awsui_selected_15o6u_7ubzk_164) {
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
+ }
167
+ .awsui_selectable-item_15o6u_7ubzk_145 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9) {
169
168
  padding-block: var(--space-xxs-hwfkai, 4px);
170
169
  padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
171
170
  }
172
- .awsui_selectable-item_15o6u_z9adt_145.awsui_pad-bottom_15o6u_z9adt_172:not(#\9) {
173
- padding-block-end: calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px));
174
- border-block-end-color: transparent;
171
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_pad-bottom_15o6u_7ubzk_171:not(#\9) {
172
+ padding-block-end: var(--border-item-width-miijiw, 2px);
173
+ box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd);
175
174
  }
176
- .awsui_selectable-item_15o6u_z9adt_145.awsui_pad-bottom_15o6u_z9adt_172 > .awsui_selectable-item-content_15o6u_z9adt_168:not(#\9) {
175
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_pad-bottom_15o6u_7ubzk_171 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9) {
177
176
  padding-block-end: calc(var(--space-xxs-hwfkai, 4px) + var(--space-xxxs-pajhad, 2px));
178
177
  }
179
- .awsui_selectable-item_15o6u_z9adt_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_z9adt_145.awsui_virtual_15o6u_z9adt_179:not(#\9) {
178
+ .awsui_selectable-item_15o6u_7ubzk_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_7ubzk_145.awsui_virtual_15o6u_7ubzk_178:not(#\9) {
180
179
  margin-block-start: calc(-1 * var(--border-item-width-miijiw, 2px));
181
180
  }
182
- .awsui_selectable-item_15o6u_z9adt_145.awsui_has-background_15o6u_z9adt_182:not(#\9) {
181
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_has-background_15o6u_7ubzk_181:not(#\9) {
183
182
  background-color: var(--color-background-dropdown-item-hover-yunepc, #f3f3f7);
184
183
  }
185
- .awsui_selectable-item_15o6u_z9adt_145.awsui_child_15o6u_z9adt_185:not(#\9) {
184
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_child_15o6u_7ubzk_184:not(#\9) {
186
185
  padding-inline-start: var(--border-item-width-miijiw, 2px);
187
186
  }
188
- .awsui_selectable-item_15o6u_z9adt_145.awsui_child_15o6u_z9adt_185 > .awsui_selectable-item-content_15o6u_z9adt_168:not(#\9) {
187
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_child_15o6u_7ubzk_184 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9) {
189
188
  padding-inline-start: var(--space-xxl-32srm4, 32px);
190
189
  }
191
- .awsui_selectable-item_15o6u_z9adt_145.awsui_disabled_15o6u_z9adt_191 > .awsui_selectable-item-content_15o6u_z9adt_168:not(#\9) {
190
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_disabled_15o6u_7ubzk_190 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9) {
192
191
  color: var(--color-text-dropdown-item-disabled-8m65hf, #b4b4bb);
193
192
  }
194
- .awsui_selectable-item_15o6u_z9adt_145.awsui_highlighted_15o6u_z9adt_194:not(#\9), .awsui_selectable-item_15o6u_z9adt_145.awsui_selected_15o6u_z9adt_194:not(#\9) {
193
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_highlighted_15o6u_7ubzk_164:not(#\9), .awsui_selectable-item_15o6u_7ubzk_145.awsui_selected_15o6u_7ubzk_164:not(#\9) {
195
194
  color: var(--color-text-dropdown-item-highlighted-yr1px8, #0f141a);
196
- border-width: var(--border-item-width-miijiw, 2px);
197
195
  border-start-start-radius: var(--border-radius-item-iwaia5, 8px);
198
196
  border-start-end-radius: var(--border-radius-item-iwaia5, 8px);
199
197
  border-end-start-radius: var(--border-radius-item-iwaia5, 8px);
200
198
  border-end-end-radius: var(--border-radius-item-iwaia5, 8px);
199
+ border-width: 0;
201
200
  padding-block: 0;
202
201
  padding-inline: 0;
203
202
  }
204
- .awsui_selectable-item_15o6u_z9adt_145.awsui_highlighted_15o6u_z9adt_194 > .awsui_selectable-item-content_15o6u_z9adt_168:not(#\9), .awsui_selectable-item_15o6u_z9adt_145.awsui_selected_15o6u_z9adt_194 > .awsui_selectable-item-content_15o6u_z9adt_168:not(#\9) {
205
- padding-block: var(--space-xxs-hwfkai, 4px);
206
- padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
203
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_highlighted_15o6u_7ubzk_164 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9), .awsui_selectable-item_15o6u_7ubzk_145.awsui_selected_15o6u_7ubzk_164 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9) {
204
+ padding-block: calc(var(--space-xxs-hwfkai, 4px) + var(--border-item-width-miijiw, 2px));
205
+ padding-inline: calc(var(--space-field-horizontal-0aq2ch, 12px) + var(--border-item-width-miijiw, 2px));
207
206
  }
208
- .awsui_selectable-item_15o6u_z9adt_145.awsui_highlighted_15o6u_z9adt_194.awsui_child_15o6u_z9adt_185:not(#\9), .awsui_selectable-item_15o6u_z9adt_145.awsui_selected_15o6u_z9adt_194.awsui_child_15o6u_z9adt_185:not(#\9) {
209
- padding-inline-start: 0;
207
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_highlighted_15o6u_7ubzk_164.awsui_child_15o6u_7ubzk_184 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9), .awsui_selectable-item_15o6u_7ubzk_145.awsui_selected_15o6u_7ubzk_164.awsui_child_15o6u_7ubzk_184 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9) {
208
+ padding-inline-start: calc(var(--space-xxl-32srm4, 32px) + var(--border-item-width-miijiw, 2px));
210
209
  }
211
- .awsui_selectable-item_15o6u_z9adt_145.awsui_highlighted_15o6u_z9adt_194.awsui_child_15o6u_z9adt_185 > .awsui_selectable-item-content_15o6u_z9adt_168:not(#\9), .awsui_selectable-item_15o6u_z9adt_145.awsui_selected_15o6u_z9adt_194.awsui_child_15o6u_z9adt_185 > .awsui_selectable-item-content_15o6u_z9adt_168:not(#\9) {
212
- padding-inline-start: var(--space-xxl-32srm4, 32px);
213
- }
214
- .awsui_selectable-item_15o6u_z9adt_145.awsui_highlighted_15o6u_z9adt_194.awsui_pad-bottom_15o6u_z9adt_172:not(#\9), .awsui_selectable-item_15o6u_z9adt_145.awsui_selected_15o6u_z9adt_194.awsui_pad-bottom_15o6u_z9adt_172:not(#\9) {
215
- padding-block-end: 0;
216
- }
217
- .awsui_selectable-item_15o6u_z9adt_145.awsui_highlighted_15o6u_z9adt_194.awsui_pad-bottom_15o6u_z9adt_172 > .awsui_selectable-item-content_15o6u_z9adt_168:not(#\9), .awsui_selectable-item_15o6u_z9adt_145.awsui_selected_15o6u_z9adt_194.awsui_pad-bottom_15o6u_z9adt_172 > .awsui_selectable-item-content_15o6u_z9adt_168:not(#\9) {
218
- padding-block-end: calc(var(--space-xxs-hwfkai, 4px) + var(--space-xxxs-pajhad, 2px));
210
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_highlighted_15o6u_7ubzk_164.awsui_pad-bottom_15o6u_7ubzk_171 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9), .awsui_selectable-item_15o6u_7ubzk_145.awsui_selected_15o6u_7ubzk_164.awsui_pad-bottom_15o6u_7ubzk_171 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9) {
211
+ padding-block-end: calc(var(--space-xxs-hwfkai, 4px) + var(--space-xxxs-pajhad, 2px) + var(--border-item-width-miijiw, 2px));
219
212
  }
220
- .awsui_selectable-item_15o6u_z9adt_145.awsui_highlighted_15o6u_z9adt_194:not(#\9) {
213
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_highlighted_15o6u_7ubzk_164:not(#\9) {
221
214
  z-index: 3;
222
215
  background-color: var(--color-background-dropdown-item-hover-yunepc, #f3f3f7);
223
- border-color: var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
216
+ box-shadow: inset 0 0 0 var(--border-item-width-miijiw, 2px) var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
224
217
  }
225
- .awsui_selectable-item_15o6u_z9adt_145.awsui_highlighted_15o6u_z9adt_194.awsui_disabled_15o6u_z9adt_191:not(#\9) {
226
- border-color: var(--color-border-dropdown-item-dimmed-hover-ga9sch, #8c8c94);
218
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_highlighted_15o6u_7ubzk_164.awsui_is-keyboard_15o6u_7ubzk_218:not(#\9) {
219
+ box-shadow: inset 0 0 0 var(--border-item-width-miijiw, 2px) var(--color-border-dropdown-item-focused-zacqlp, #424650);
220
+ }
221
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_highlighted_15o6u_7ubzk_164.awsui_disabled_15o6u_7ubzk_190:not(#\9) {
222
+ box-shadow: inset 0 0 0 var(--border-item-width-miijiw, 2px) var(--color-border-dropdown-item-dimmed-hover-ga9sch, #8c8c94);
227
223
  background-color: var(--color-background-dropdown-item-dimmed-dhho03, transparent);
228
224
  }
229
- .awsui_selectable-item_15o6u_z9adt_145.awsui_highlighted_15o6u_z9adt_194.awsui_disabled_15o6u_z9adt_191 > .awsui_selectable-item-content_15o6u_z9adt_168:not(#\9) {
225
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_highlighted_15o6u_7ubzk_164.awsui_disabled_15o6u_7ubzk_190 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9) {
230
226
  color: var(--color-text-dropdown-item-dimmed-tq8vh3, #b4b4bb);
231
227
  }
232
- .awsui_selectable-item_15o6u_z9adt_145.awsui_highlighted_15o6u_z9adt_194.awsui_is-keyboard_15o6u_z9adt_232:not(#\9) {
233
- border-color: var(--color-border-dropdown-item-focused-zacqlp, #424650);
234
- }
235
- .awsui_selectable-item_15o6u_z9adt_145.awsui_highlighted_15o6u_z9adt_194.awsui_is-keyboard_15o6u_z9adt_232:not(#\9):not(.awsui_visual-refresh_15o6u_z9adt_235) {
228
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_highlighted_15o6u_7ubzk_164:not(#\9):not(.awsui_visual-refresh_15o6u_7ubzk_228).awsui_is-keyboard_15o6u_7ubzk_218 {
236
229
  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0);
237
230
  }
238
- .awsui_selectable-item_15o6u_z9adt_145.awsui_selected_15o6u_z9adt_194:not(#\9) {
231
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_selected_15o6u_7ubzk_164:not(#\9) {
239
232
  z-index: 2;
240
233
  background-color: var(--color-background-dropdown-item-selected-f3v6te, #f0fbff);
241
- border-color: var(--color-border-dropdown-item-selected-dl2ezh, #006ce0);
234
+ box-shadow: inset 0 0 0 var(--border-item-width-miijiw, 2px) var(--color-border-dropdown-item-selected-dl2ezh, #006ce0);
242
235
  }
243
- .awsui_selectable-item_15o6u_z9adt_145.awsui_selected_15o6u_z9adt_194.awsui_next-item-selected_15o6u_z9adt_243:not(#\9) {
244
- border-end-start-radius: 0;
245
- border-end-end-radius: 0;
236
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_selected_15o6u_7ubzk_164.awsui_highlighted_15o6u_7ubzk_164:not(#\9) {
237
+ 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);
246
238
  }
247
- .awsui_selectable-item_15o6u_z9adt_145.awsui_selected_15o6u_z9adt_194.awsui_highlighted_15o6u_z9adt_194:not(#\9) {
248
- border-color: var(--color-border-dropdown-item-selected-dl2ezh, #006ce0);
249
- z-index: 3;
250
- outline: var(--border-item-width-miijiw, 2px) solid var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
251
- outline-offset: calc(-2 * var(--border-item-width-miijiw, 2px));
239
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_selected_15o6u_7ubzk_164.awsui_highlighted_15o6u_7ubzk_164.awsui_is-keyboard_15o6u_7ubzk_218:not(#\9) {
240
+ 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);
252
241
  }
253
- .awsui_selectable-item_15o6u_z9adt_145.awsui_selected_15o6u_z9adt_194.awsui_highlighted_15o6u_z9adt_194.awsui_is-keyboard_15o6u_z9adt_232:not(#\9) {
254
- border-color: var(--color-border-dropdown-item-selected-dl2ezh, #006ce0);
255
- outline-color: var(--color-border-dropdown-item-focused-zacqlp, #424650);
242
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_selected_15o6u_7ubzk_164.awsui_next-item-selected_15o6u_7ubzk_242:not(#\9) {
243
+ border-end-start-radius: 0;
244
+ border-end-end-radius: 0;
256
245
  }
257
- .awsui_selectable-item_15o6u_z9adt_145.awsui_selected_15o6u_z9adt_194.awsui_highlighted_15o6u_z9adt_194:not(#\9):not(.awsui_visual-refresh_15o6u_z9adt_235) {
258
- border-color: var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
259
- outline: none;
246
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_selected_15o6u_7ubzk_164.awsui_highlighted_15o6u_7ubzk_164:not(#\9):not(.awsui_visual-refresh_15o6u_7ubzk_228) {
247
+ box-shadow: inset 0 0 0 var(--border-item-width-miijiw, 2px) var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
260
248
  }
261
- .awsui_selectable-item_15o6u_z9adt_145.awsui_selected_15o6u_z9adt_194.awsui_highlighted_15o6u_z9adt_194:not(#\9):not(.awsui_visual-refresh_15o6u_z9adt_235).awsui_is-keyboard_15o6u_z9adt_232 {
262
- border-color: var(--color-border-dropdown-item-focused-zacqlp, #424650);
249
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_selected_15o6u_7ubzk_164.awsui_highlighted_15o6u_7ubzk_164:not(#\9):not(.awsui_visual-refresh_15o6u_7ubzk_228).awsui_is-keyboard_15o6u_7ubzk_218 {
250
+ box-shadow: inset 0 0 0 var(--border-item-width-miijiw, 2px) var(--color-border-dropdown-item-focused-zacqlp, #424650);
263
251
  }
264
- .awsui_selectable-item_15o6u_z9adt_145.awsui_selected_15o6u_z9adt_194 + .awsui_selectable-item_15o6u_z9adt_145.awsui_selected_15o6u_z9adt_194:not(#\9), .awsui_selectable-item_15o6u_z9adt_145.awsui_selected_15o6u_z9adt_194.awsui_previous-item-selected_15o6u_z9adt_264:not(#\9) {
252
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_selected_15o6u_7ubzk_164 + .awsui_selectable-item_15o6u_7ubzk_145.awsui_selected_15o6u_7ubzk_164:not(#\9), .awsui_selectable-item_15o6u_7ubzk_145.awsui_selected_15o6u_7ubzk_164.awsui_previous-item-selected_15o6u_7ubzk_252:not(#\9) {
265
253
  border-start-start-radius: 0;
266
254
  border-start-end-radius: 0;
267
255
  }
268
- .awsui_selectable-item_15o6u_z9adt_145.awsui_parent_15o6u_z9adt_268:not(#\9):not(.awsui_disabled_15o6u_z9adt_191) > .awsui_selectable-item-content_15o6u_z9adt_168 {
256
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_parent_15o6u_7ubzk_164:not(#\9):not(.awsui_disabled_15o6u_7ubzk_190) > .awsui_selectable-item-content_15o6u_7ubzk_167 {
269
257
  color: var(--color-text-dropdown-group-label-2tmyik, #424650);
270
258
  }
271
- .awsui_selectable-item_15o6u_z9adt_145.awsui_parent_15o6u_z9adt_268:not(#\9):not(.awsui_interactiveGroups_15o6u_z9adt_271) {
272
- border-block-start-color: var(--color-border-dropdown-group-ylcnh8, #c6c6cd);
259
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_parent_15o6u_7ubzk_164:not(#\9):not(.awsui_interactiveGroups_15o6u_7ubzk_164) {
260
+ 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);
273
261
  padding-block: 0;
274
262
  padding-inline: 0;
275
263
  }
276
- .awsui_selectable-item_15o6u_z9adt_145.awsui_parent_15o6u_z9adt_268:not(#\9):not(.awsui_interactiveGroups_15o6u_z9adt_271):not(:has(> .awsui_selectable-item-content_15o6u_z9adt_168)) {
277
- padding-block: calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px));
264
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_parent_15o6u_7ubzk_164:not(#\9):not(.awsui_interactiveGroups_15o6u_7ubzk_164):not(:has(> .awsui_selectable-item-content_15o6u_7ubzk_167)) {
265
+ padding-block: var(--border-item-width-miijiw, 2px);
278
266
  padding-inline: var(--border-item-width-miijiw, 2px);
279
267
  }
280
- .awsui_selectable-item_15o6u_z9adt_145.awsui_parent_15o6u_z9adt_268:not(#\9):not(.awsui_interactiveGroups_15o6u_z9adt_271) > .awsui_selectable-item-content_15o6u_z9adt_168 {
268
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_parent_15o6u_7ubzk_164:not(#\9):not(.awsui_interactiveGroups_15o6u_7ubzk_164) > .awsui_selectable-item-content_15o6u_7ubzk_167 {
281
269
  padding-block: var(--space-xs-ymlm0b, 8px);
282
270
  padding-inline: var(--space-xs-ymlm0b, 8px);
283
271
  font-weight: bold;
284
272
  }
285
- .awsui_selectable-item_15o6u_z9adt_145.awsui_parent_15o6u_z9adt_268.awsui_interactiveGroups_15o6u_z9adt_271 > .awsui_selectable-item-content_15o6u_z9adt_168:not(#\9) {
273
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_parent_15o6u_7ubzk_164.awsui_interactiveGroups_15o6u_7ubzk_164 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9) {
286
274
  padding-block: var(--space-xs-ymlm0b, 8px);
287
275
  padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
288
276
  font-weight: bold;
289
277
  }
290
- .awsui_selectable-item_15o6u_z9adt_145.awsui_parent_15o6u_z9adt_268.awsui_interactiveGroups_15o6u_z9adt_271.awsui_highlighted_15o6u_z9adt_194 > .awsui_selectable-item-content_15o6u_z9adt_168:not(#\9) {
278
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_parent_15o6u_7ubzk_164.awsui_interactiveGroups_15o6u_7ubzk_164.awsui_highlighted_15o6u_7ubzk_164 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9) {
291
279
  color: var(--color-text-dropdown-item-highlighted-yr1px8, #0f141a);
292
280
  }
293
- .awsui_selectable-item_15o6u_z9adt_145.awsui_parent_15o6u_z9adt_268.awsui_interactiveGroups_15o6u_z9adt_271.awsui_highlighted_15o6u_z9adt_194:not(#\9), .awsui_selectable-item_15o6u_z9adt_145.awsui_parent_15o6u_z9adt_268.awsui_interactiveGroups_15o6u_z9adt_271.awsui_selected_15o6u_z9adt_194:not(#\9) {
281
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_parent_15o6u_7ubzk_164.awsui_interactiveGroups_15o6u_7ubzk_164.awsui_highlighted_15o6u_7ubzk_164:not(#\9), .awsui_selectable-item_15o6u_7ubzk_145.awsui_parent_15o6u_7ubzk_164.awsui_interactiveGroups_15o6u_7ubzk_164.awsui_selected_15o6u_7ubzk_164:not(#\9) {
282
+ border-width: 0;
294
283
  padding-block: 0;
295
284
  padding-inline: 0;
296
285
  }
297
- .awsui_selectable-item_15o6u_z9adt_145.awsui_parent_15o6u_z9adt_268.awsui_interactiveGroups_15o6u_z9adt_271.awsui_highlighted_15o6u_z9adt_194 > .awsui_selectable-item-content_15o6u_z9adt_168:not(#\9), .awsui_selectable-item_15o6u_z9adt_145.awsui_parent_15o6u_z9adt_268.awsui_interactiveGroups_15o6u_z9adt_271.awsui_selected_15o6u_z9adt_194 > .awsui_selectable-item-content_15o6u_z9adt_168:not(#\9) {
298
- padding-block: var(--space-xs-ymlm0b, 8px);
299
- padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
286
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_parent_15o6u_7ubzk_164.awsui_interactiveGroups_15o6u_7ubzk_164.awsui_highlighted_15o6u_7ubzk_164 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9), .awsui_selectable-item_15o6u_7ubzk_145.awsui_parent_15o6u_7ubzk_164.awsui_interactiveGroups_15o6u_7ubzk_164.awsui_selected_15o6u_7ubzk_164 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9) {
287
+ padding-block: calc(var(--space-xxs-hwfkai, 4px) + var(--border-item-width-miijiw, 2px));
288
+ padding-inline: calc(var(--space-field-horizontal-0aq2ch, 12px) + var(--border-item-width-miijiw, 2px));
300
289
  }
301
- .awsui_selectable-item_15o6u_z9adt_145.awsui_sticky_15o6u_z9adt_301:not(#\9) {
290
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_parent_15o6u_7ubzk_164.awsui_interactiveGroups_15o6u_7ubzk_164.awsui_highlighted_15o6u_7ubzk_164 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9), .awsui_selectable-item_15o6u_7ubzk_145.awsui_parent_15o6u_7ubzk_164.awsui_interactiveGroups_15o6u_7ubzk_164.awsui_selected_15o6u_7ubzk_164 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9) {
291
+ padding-block: calc(var(--space-xs-ymlm0b, 8px) + var(--border-item-width-miijiw, 2px));
292
+ padding-inline: calc(var(--space-field-horizontal-0aq2ch, 12px) + var(--border-item-width-miijiw, 2px));
293
+ }
294
+ .awsui_selectable-item_15o6u_7ubzk_145:not(#\9):not(.awsui_disabled_15o6u_7ubzk_190):not(.awsui_parent_15o6u_7ubzk_164), .awsui_selectable-item_15o6u_7ubzk_145.awsui_interactiveGroups_15o6u_7ubzk_164:not(#\9):not(.awsui_disabled_15o6u_7ubzk_190) {
295
+ cursor: pointer;
296
+ }
297
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_sticky_15o6u_7ubzk_297 + .awsui_selectable-item_15o6u_7ubzk_145:not(#\9):not(.awsui_sticky_15o6u_7ubzk_297):not(.awsui_highlighted_15o6u_7ubzk_164):not(.awsui_selected_15o6u_7ubzk_164) {
298
+ box-shadow: inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd);
299
+ }
300
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_sticky_15o6u_7ubzk_297:not(#\9) {
302
301
  position: sticky;
303
302
  inset-block-start: 0;
304
- margin-block-end: calc(var(--border-item-width-miijiw, 2px) - var(--border-divider-list-width-tdfx1x, 1px));
303
+ margin-block-end: var(--border-item-width-miijiw, 2px);
305
304
  z-index: 4;
305
+ padding-inline: var(--border-item-width-miijiw, 2px);
306
306
  }
307
- .awsui_selectable-item_15o6u_z9adt_145.awsui_sticky_15o6u_z9adt_301:not(#\9):not(.awsui_highlighted_15o6u_z9adt_194):not(.awsui_selected_15o6u_z9adt_194) {
308
- border-inline-start-width: var(--border-item-width-miijiw, 2px);
309
- border-inline-start-color: var(--color-border-dropdown-container-cmthq7, #b4b4bb);
310
- border-inline-end-color: var(--color-border-dropdown-container-cmthq7, #b4b4bb);
311
- padding-inline: 0;
307
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_sticky_15o6u_7ubzk_297.awsui_highlighted_15o6u_7ubzk_164:not(#\9), .awsui_selectable-item_15o6u_7ubzk_145.awsui_sticky_15o6u_7ubzk_297.awsui_selected_15o6u_7ubzk_164:not(#\9) {
308
+ padding-inline: var(--border-item-width-miijiw, 2px);
312
309
  }
313
- .awsui_selectable-item_15o6u_z9adt_145.awsui_sticky_15o6u_z9adt_301:not(#\9):not(.awsui_highlighted_15o6u_z9adt_194):not(.awsui_selected_15o6u_z9adt_194) > .awsui_selectable-item-content_15o6u_z9adt_168 {
310
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_sticky_15o6u_7ubzk_297 > .awsui_selectable-item-content_15o6u_7ubzk_167:not(#\9) {
314
311
  padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
315
312
  }
316
- .awsui_selectable-item_15o6u_z9adt_145.awsui_sticky_15o6u_z9adt_301:not(#\9):not(.awsui_highlighted_15o6u_z9adt_194):not(.awsui_selected_15o6u_z9adt_194):not(.awsui_with-scrollbar_15o6u_z9adt_316) {
317
- border-inline-end-width: var(--border-item-width-miijiw, 2px);
313
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_sticky_15o6u_7ubzk_297:not(#\9):not(.awsui_highlighted_15o6u_7ubzk_164):not(.awsui_selected_15o6u_7ubzk_164) {
314
+ 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);
318
315
  }
319
- .awsui_selectable-item_15o6u_z9adt_145.awsui_sticky_15o6u_z9adt_301:not(#\9):not(.awsui_highlighted_15o6u_z9adt_194):not(.awsui_selected_15o6u_z9adt_194).awsui_with-scrollbar_15o6u_z9adt_316 {
320
- border-inline-end-width: 0;
316
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_sticky_15o6u_7ubzk_297:not(#\9):not(.awsui_highlighted_15o6u_7ubzk_164):not(.awsui_selected_15o6u_7ubzk_164):not(.awsui_with-scrollbar_15o6u_7ubzk_316) {
317
+ 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);
321
318
  }
322
- .awsui_selectable-item_15o6u_z9adt_145.awsui_sticky_15o6u_z9adt_301:not(#\9):not(.awsui_highlighted_15o6u_z9adt_194):not(.awsui_selected_15o6u_z9adt_194):not(.awsui_after-header_15o6u_z9adt_322) {
319
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_sticky_15o6u_7ubzk_297:not(#\9):not(.awsui_highlighted_15o6u_7ubzk_164):not(.awsui_selected_15o6u_7ubzk_164):not(.awsui_after-header_15o6u_7ubzk_319) {
323
320
  border-start-start-radius: var(--border-radius-item-iwaia5, 8px);
324
321
  }
325
- .awsui_selectable-item_15o6u_z9adt_145.awsui_sticky_15o6u_z9adt_301:not(#\9):not(.awsui_highlighted_15o6u_z9adt_194):not(.awsui_selected_15o6u_z9adt_194):not(.awsui_after-header_15o6u_z9adt_322):not(.awsui_selectable-item_15o6u_z9adt_145.awsui_sticky_15o6u_z9adt_301:not(.awsui_highlighted_15o6u_z9adt_194):not(.awsui_selected_15o6u_z9adt_194):not(.awsui_after-header_15o6u_z9adt_322).awsui_with-scrollbar_15o6u_z9adt_316) {
322
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_sticky_15o6u_7ubzk_297:not(#\9):not(.awsui_highlighted_15o6u_7ubzk_164):not(.awsui_selected_15o6u_7ubzk_164):not(.awsui_after-header_15o6u_7ubzk_319):not(.awsui_selectable-item_15o6u_7ubzk_145.awsui_sticky_15o6u_7ubzk_297:not(.awsui_highlighted_15o6u_7ubzk_164):not(.awsui_selected_15o6u_7ubzk_164):not(.awsui_after-header_15o6u_7ubzk_319).awsui_with-scrollbar_15o6u_7ubzk_316) {
326
323
  border-start-end-radius: var(--border-radius-item-iwaia5, 8px);
327
324
  }
328
- .awsui_selectable-item_15o6u_z9adt_145.awsui_sticky_15o6u_z9adt_301:not(#\9):not(.awsui_highlighted_15o6u_z9adt_194):not(.awsui_selected_15o6u_z9adt_194).awsui_after-header_15o6u_z9adt_322 {
329
- border-block-start-color: var(--color-background-dropdown-item-default-qmc033, #ffffff);
330
- }
331
- .awsui_selectable-item_15o6u_z9adt_145.awsui_sticky_15o6u_z9adt_301.awsui_disabled_15o6u_z9adt_191.awsui_highlighted_15o6u_z9adt_194:not(#\9), .awsui_selectable-item_15o6u_z9adt_145.awsui_sticky_15o6u_z9adt_301.awsui_disabled_15o6u_z9adt_191.awsui_selected_15o6u_z9adt_194:not(#\9) {
332
- border-block-end-color: transparent;
333
- border-block-start-color: transparent;
334
- border-inline-start-color: transparent;
335
- border-inline-end-color: transparent;
325
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_sticky_15o6u_7ubzk_297:not(#\9):not(.awsui_highlighted_15o6u_7ubzk_164):not(.awsui_selected_15o6u_7ubzk_164).awsui_after-header_15o6u_7ubzk_319 {
326
+ 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);
336
327
  }
337
- .awsui_selectable-item_15o6u_z9adt_145:not(#\9):not(.awsui_disabled_15o6u_z9adt_191):not(.awsui_parent_15o6u_z9adt_268) {
338
- cursor: pointer;
328
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_sticky_15o6u_7ubzk_297:not(#\9):not(.awsui_highlighted_15o6u_7ubzk_164):not(.awsui_selected_15o6u_7ubzk_164).awsui_after-header_15o6u_7ubzk_319:not(.awsui_with-scrollbar_15o6u_7ubzk_316) {
329
+ 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);
339
330
  }
340
- .awsui_selectable-item_15o6u_z9adt_145.awsui_interactiveGroups_15o6u_z9adt_271:not(#\9):not(.awsui_disabled_15o6u_z9adt_191) {
341
- cursor: pointer;
331
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_sticky_15o6u_7ubzk_297.awsui_disabled_15o6u_7ubzk_190.awsui_highlighted_15o6u_7ubzk_164:not(#\9), .awsui_selectable-item_15o6u_7ubzk_145.awsui_sticky_15o6u_7ubzk_297.awsui_disabled_15o6u_7ubzk_190.awsui_selected_15o6u_7ubzk_164:not(#\9) {
332
+ box-shadow: none;
342
333
  }
343
- .awsui_selectable-item_15o6u_z9adt_145.awsui_virtual_15o6u_z9adt_179:not(#\9) {
334
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_virtual_15o6u_7ubzk_178:not(#\9) {
344
335
  position: absolute;
345
336
  inset-block-start: var(--border-dropdown-virtual-offset-width-3wp954, 2px);
346
337
  inset-inline-start: 0;
347
338
  inline-size: 100%;
348
339
  box-sizing: border-box;
349
340
  }
350
- .awsui_selectable-item_15o6u_z9adt_145.awsui_virtual_15o6u_z9adt_179:not(#\9):first-of-type:not(.awsui_selected_15o6u_z9adt_194, .awsui_highlighted_15o6u_z9adt_194) {
351
- border-block-start-color: var(--color-border-dropdown-item-top-gp2d1p, transparent);
341
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_virtual_15o6u_7ubzk_178:not(#\9):first-of-type:not(.awsui_selected_15o6u_7ubzk_164, .awsui_highlighted_15o6u_7ubzk_164) {
342
+ 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);
343
+ }
344
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_virtual_15o6u_7ubzk_178.awsui_parent_15o6u_7ubzk_164:not(#\9):not(.awsui_interactiveGroups_15o6u_7ubzk_164) {
345
+ 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);
352
346
  }
353
347
 
354
- .awsui_measure-strut_15o6u_z9adt_354:not(#\9) {
348
+ .awsui_measure-strut_15o6u_7ubzk_348:not(#\9) {
355
349
  position: absolute;
356
350
  pointer-events: none;
357
351
  block-size: 100%;
358
352
  inline-size: 100%;
359
353
  inset-block-start: 0;
360
354
  inset-inline-start: 0;
361
- padding-block-start: var(--border-divider-list-width-tdfx1x, 1px);
362
355
  }
363
- .awsui_measure-strut-first_15o6u_z9adt_363:not(#\9) {
364
- padding-block-end: var(--border-divider-list-width-tdfx1x, 1px);
356
+ .awsui_selectable-item_15o6u_7ubzk_145.awsui_virtual_15o6u_7ubzk_178 > .awsui_measure-strut_15o6u_7ubzk_348:not(#\9) {
357
+ block-size: calc(100% - var(--border-item-width-miijiw, 2px));
365
358
  }
366
359
 
367
- .awsui_screenreader-content_15o6u_z9adt_367:not(#\9) {
360
+ .awsui_screenreader-content_15o6u_7ubzk_360:not(#\9) {
368
361
  position: absolute !important;
369
362
  inset-block-start: -9999px !important;
370
363
  inset-inline-start: -9999px !important;
371
364
  }
372
365
 
373
- .awsui_option-content_15o6u_z9adt_373:not(#\9) {
366
+ .awsui_option-content_15o6u_7ubzk_366:not(#\9) {
374
367
  /* used in test-utils */
375
368
  }
376
369
 
377
- .awsui_select-all_15o6u_z9adt_377:not(#\9) {
370
+ .awsui_select-all_15o6u_7ubzk_370:not(#\9) {
378
371
  /* used in test-utils */
379
372
  }
package/internal/components/selectable-item/styles.selectors.js CHANGED
@@ -2,28 +2,27 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "selectable-item": "awsui_selectable-item_15o6u_z9adt_145",
6
- "selectable-item-content": "awsui_selectable-item-content_15o6u_z9adt_168",
7
- "pad-bottom": "awsui_pad-bottom_15o6u_z9adt_172",
8
- "virtual": "awsui_virtual_15o6u_z9adt_179",
9
- "has-background": "awsui_has-background_15o6u_z9adt_182",
10
- "child": "awsui_child_15o6u_z9adt_185",
11
- "disabled": "awsui_disabled_15o6u_z9adt_191",
12
- "highlighted": "awsui_highlighted_15o6u_z9adt_194",
13
- "selected": "awsui_selected_15o6u_z9adt_194",
14
- "is-keyboard": "awsui_is-keyboard_15o6u_z9adt_232",
15
- "visual-refresh": "awsui_visual-refresh_15o6u_z9adt_235",
16
- "next-item-selected": "awsui_next-item-selected_15o6u_z9adt_243",
17
- "previous-item-selected": "awsui_previous-item-selected_15o6u_z9adt_264",
18
- "parent": "awsui_parent_15o6u_z9adt_268",
19
- "interactiveGroups": "awsui_interactiveGroups_15o6u_z9adt_271",
20
- "sticky": "awsui_sticky_15o6u_z9adt_301",
21
- "with-scrollbar": "awsui_with-scrollbar_15o6u_z9adt_316",
22
- "after-header": "awsui_after-header_15o6u_z9adt_322",
23
- "measure-strut": "awsui_measure-strut_15o6u_z9adt_354",
24
- "measure-strut-first": "awsui_measure-strut-first_15o6u_z9adt_363",
25
- "screenreader-content": "awsui_screenreader-content_15o6u_z9adt_367",
26
- "option-content": "awsui_option-content_15o6u_z9adt_373",
27
- "select-all": "awsui_select-all_15o6u_z9adt_377"
5
+ "selectable-item": "awsui_selectable-item_15o6u_7ubzk_145",
6
+ "parent": "awsui_parent_15o6u_7ubzk_164",
7
+ "interactiveGroups": "awsui_interactiveGroups_15o6u_7ubzk_164",
8
+ "highlighted": "awsui_highlighted_15o6u_7ubzk_164",
9
+ "selected": "awsui_selected_15o6u_7ubzk_164",
10
+ "selectable-item-content": "awsui_selectable-item-content_15o6u_7ubzk_167",
11
+ "pad-bottom": "awsui_pad-bottom_15o6u_7ubzk_171",
12
+ "virtual": "awsui_virtual_15o6u_7ubzk_178",
13
+ "has-background": "awsui_has-background_15o6u_7ubzk_181",
14
+ "child": "awsui_child_15o6u_7ubzk_184",
15
+ "disabled": "awsui_disabled_15o6u_7ubzk_190",
16
+ "is-keyboard": "awsui_is-keyboard_15o6u_7ubzk_218",
17
+ "visual-refresh": "awsui_visual-refresh_15o6u_7ubzk_228",
18
+ "next-item-selected": "awsui_next-item-selected_15o6u_7ubzk_242",
19
+ "previous-item-selected": "awsui_previous-item-selected_15o6u_7ubzk_252",
20
+ "sticky": "awsui_sticky_15o6u_7ubzk_297",
21
+ "with-scrollbar": "awsui_with-scrollbar_15o6u_7ubzk_316",
22
+ "after-header": "awsui_after-header_15o6u_7ubzk_319",
23
+ "measure-strut": "awsui_measure-strut_15o6u_7ubzk_348",
24
+ "screenreader-content": "awsui_screenreader-content_15o6u_7ubzk_360",
25
+ "option-content": "awsui_option-content_15o6u_7ubzk_366",
26
+ "select-all": "awsui_select-all_15o6u_7ubzk_370"
28
27
  };
29
28
 
package/internal/environment.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (6c4f30af)";
3
- export var GIT_SHA = "6c4f30af";
2
+ export var PACKAGE_VERSION = "3.0.0 (75aed8ba)";
3
+ export var GIT_SHA = "75aed8ba";
4
4
  export var THEME = "open-source-visual-refresh";
5
5
  export var SYSTEM = "core";
6
6
  export var ALWAYS_VISUAL_REFRESH = true;
package/internal/environment.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (6c4f30af)",
4
- "GIT_SHA": "6c4f30af",
3
+ "PACKAGE_VERSION": "3.0.0 (75aed8ba)",
4
+ "GIT_SHA": "75aed8ba",
5
5
  "THEME": "open-source-visual-refresh",
6
6
  "SYSTEM": "core",
7
7
  "ALWAYS_VISUAL_REFRESH": true
package/internal/generated/styles/tokens.d.ts CHANGED
@@ -355,8 +355,14 @@ export const colorBackgroundSliderHandleDefault: string;
355
355
  export const colorBackgroundSliderHandleActive: string;
356
356
  export const colorBackgroundSliderTrackDefault: string;
357
357
  export const colorBackgroundSliderHandleRing: string;
358
- export const colorBackgroundSliderErrorPressed: string;
359
- export const colorBackgroundSliderWarningPressed: string;
358
+ export const colorBackgroundSliderHandleErrorDefault: string;
359
+ export const colorBackgroundSliderHandleErrorActive: string;
360
+ export const colorBackgroundSliderHandleWarningDefault: string;
361
+ export const colorBackgroundSliderHandleWarningActive: string;
362
+ export const colorBackgroundSliderRangeErrorDefault: string;
363
+ export const colorBackgroundSliderRangeErrorActive: string;
364
+ export const colorBackgroundSliderRangeWarningDefault: string;
365
+ export const colorBackgroundSliderRangeWarningActive: string;
360
366
  export const colorBackgroundStatusError: string;
361
367
  export const colorBackgroundStatusInfo: string;
362
368
  export const colorBackgroundDialog: string;