@cloudscape-design/components-themeable 3.0.1143 → 3.0.1145

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 (52) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/internal/components/selectable-item/styles.scss +0 -54
  3. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  4. package/lib/internal/scss/tree-view/tree-item/styles.scss +2 -3
  5. package/lib/internal/scss/tree-view/vertical-connector/styles.scss +29 -0
  6. package/lib/internal/template/internal/base-component/styles.scoped.css +13 -1
  7. package/lib/internal/template/internal/components/selectable-item/styles.css.js +22 -22
  8. package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +42 -74
  9. package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +22 -22
  10. package/lib/internal/template/internal/environment.js +2 -2
  11. package/lib/internal/template/internal/environment.json +2 -2
  12. package/lib/internal/template/internal/generated/styles/tokens.d.ts +2 -0
  13. package/lib/internal/template/internal/generated/styles/tokens.js +2 -0
  14. package/lib/internal/template/internal/generated/theming/index.cjs +45 -0
  15. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +9 -0
  16. package/lib/internal/template/internal/generated/theming/index.d.ts +9 -0
  17. package/lib/internal/template/internal/generated/theming/index.js +45 -0
  18. package/lib/internal/template/internal/hooks/use-mobile/index.d.ts.map +1 -1
  19. package/lib/internal/template/internal/hooks/use-mobile/index.js +3 -1
  20. package/lib/internal/template/internal/hooks/use-mobile/index.js.map +1 -1
  21. package/lib/internal/template/select/parts/virtual-list.d.ts.map +1 -1
  22. package/lib/internal/template/select/parts/virtual-list.js +1 -4
  23. package/lib/internal/template/select/parts/virtual-list.js.map +1 -1
  24. package/lib/internal/template/select/utils/render-options.d.ts.map +1 -1
  25. package/lib/internal/template/select/utils/render-options.js +1 -4
  26. package/lib/internal/template/select/utils/render-options.js.map +1 -1
  27. package/lib/internal/template/tree-view/index.d.ts +1 -1
  28. package/lib/internal/template/tree-view/index.d.ts.map +1 -1
  29. package/lib/internal/template/tree-view/index.js +5 -3
  30. package/lib/internal/template/tree-view/index.js.map +1 -1
  31. package/lib/internal/template/tree-view/interfaces.d.ts +5 -0
  32. package/lib/internal/template/tree-view/interfaces.d.ts.map +1 -1
  33. package/lib/internal/template/tree-view/interfaces.js.map +1 -1
  34. package/lib/internal/template/tree-view/internal.d.ts +1 -1
  35. package/lib/internal/template/tree-view/internal.d.ts.map +1 -1
  36. package/lib/internal/template/tree-view/internal.js +2 -2
  37. package/lib/internal/template/tree-view/internal.js.map +1 -1
  38. package/lib/internal/template/tree-view/tree-item/index.d.ts +2 -2
  39. package/lib/internal/template/tree-view/tree-item/index.d.ts.map +1 -1
  40. package/lib/internal/template/tree-view/tree-item/index.js +10 -5
  41. package/lib/internal/template/tree-view/tree-item/index.js.map +1 -1
  42. package/lib/internal/template/tree-view/tree-item/styles.css.js +9 -9
  43. package/lib/internal/template/tree-view/tree-item/styles.scoped.css +14 -15
  44. package/lib/internal/template/tree-view/tree-item/styles.selectors.js +9 -9
  45. package/lib/internal/template/tree-view/vertical-connector/index.d.ts +6 -0
  46. package/lib/internal/template/tree-view/vertical-connector/index.d.ts.map +1 -0
  47. package/lib/internal/template/tree-view/vertical-connector/index.js +11 -0
  48. package/lib/internal/template/tree-view/vertical-connector/index.js.map +1 -0
  49. package/lib/internal/template/tree-view/vertical-connector/styles.css.js +8 -0
  50. package/lib/internal/template/tree-view/vertical-connector/styles.scoped.css +25 -0
  51. package/lib/internal/template/tree-view/vertical-connector/styles.selectors.js +9 -0
  52. package/package.json +1 -1
package/lib/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "ab08f6688ec134898903ad557d193cbdac20992d"
2
+ "commit": "567860d0c99d1fe4af0cb48f2a5bec0c637032a3"
3
3
  }
package/lib/internal/scss/internal/components/selectable-item/styles.scss CHANGED
@@ -206,60 +206,6 @@
206
206
  &:first-of-type:not(.selected, .highlighted) {
207
207
  border-block-start-color: awsui.$color-border-dropdown-item-top;
208
208
  }
209
-
210
- // When using virtual scrolling, use box-shadows to mimic changing border
211
- // width and set the actual border to a fixed width to prevent jumping
212
- // behaviour when hovering selectable items
213
-
214
- $virtual-border-offset: calc(#{awsui.$border-item-width} - #{awsui.$border-divider-list-width});
215
- $virtual-border-offset-double: calc(2 * #{awsui.$border-item-width} - #{awsui.$border-divider-list-width});
216
-
217
- &.highlighted:not(.selected),
218
- &.selected {
219
- border-width: awsui.$border-divider-list-width;
220
- padding-block: calc(#{styles.$option-padding-vertical} + #{$virtual-border-offset});
221
- padding-inline: calc(#{styles.$control-padding-horizontal} + #{$virtual-border-offset});
222
-
223
- &.pad-bottom {
224
- padding-block-end: calc(#{styles.$option-padding-vertical} + #{awsui.$space-xxxs} + #{$virtual-border-offset});
225
- }
226
-
227
- &.child {
228
- padding-inline-start: calc(#{awsui.$space-xxl} + #{$virtual-border-offset});
229
- }
230
-
231
- &.parent.interactiveGroups {
232
- padding-block: calc(#{styles.$group-option-padding-vertical} + #{$virtual-border-offset});
233
- }
234
- }
235
-
236
- &.highlighted:not(.selected) {
237
- box-shadow: inset 0 0 0 $virtual-border-offset awsui.$color-border-dropdown-item-hover;
238
-
239
- &.is-keyboard {
240
- box-shadow: inset 0 0 0 $virtual-border-offset awsui.$color-border-dropdown-item-focused;
241
- }
242
- }
243
-
244
- &.selected {
245
- box-shadow: inset 0 0 0 $virtual-border-offset awsui.$color-border-dropdown-item-selected;
246
-
247
- &.highlighted {
248
- box-shadow:
249
- inset 0 0 0 $virtual-border-offset awsui.$color-border-dropdown-item-selected,
250
- inset 0 0 0 $virtual-border-offset-double awsui.$color-border-dropdown-item-hover;
251
-
252
- &.is-keyboard {
253
- box-shadow:
254
- inset 0 0 0 $virtual-border-offset awsui.$color-border-dropdown-item-selected,
255
- inset 0 0 0 $virtual-border-offset-double awsui.$color-border-dropdown-item-focused;
256
- }
257
- }
258
- }
259
-
260
- &.parent:not(.interactiveGroups) {
261
- border-block-start-color: awsui.$color-border-dropdown-group;
262
- }
263
209
  }
264
210
  }
265
211
 
package/lib/internal/scss/internal/generated/custom-css-properties/index.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Build environment
3
- $awsui-commit-hash: "ab08f668";
3
+ $awsui-commit-hash: "567860d0";
4
4
  // Manually managed CSS-variables
5
5
  $maxContentWidth: --awsui-max-content-width-d43v8n;
6
6
  $minContentWidth: --awsui-min-content-width-d43v8n;
package/lib/internal/scss/tree-view/tree-item/styles.scss CHANGED
@@ -20,7 +20,7 @@ $item-toggle-column-width: 28px;
20
20
  position: relative;
21
21
 
22
22
  &.offset {
23
- margin-inline-start: $item-toggle-column-width;
23
+ margin-inline-start: awsui.$space-tree-view-indentation;
24
24
  }
25
25
 
26
26
  > .treeitem-content-wrapper {
@@ -38,7 +38,6 @@ $item-toggle-column-width: 28px;
38
38
  display: grid;
39
39
  grid-column: 1;
40
40
  grid-row: 1;
41
- padding-inline-end: awsui.$space-scaled-xxs;
42
41
 
43
42
  > .toggle {
44
43
  justify-self: center;
@@ -50,7 +49,7 @@ $item-toggle-column-width: 28px;
50
49
  > .structured-item-wrapper {
51
50
  grid-column: 2;
52
51
  grid-row: 1 / span 2;
53
- padding-block: awsui.$space-scaled-xxs;
52
+ padding-block: awsui.$space-scaled-xxxs;
54
53
 
55
54
  position: relative;
56
55
  }
package/lib/internal/scss/tree-view/vertical-connector/styles.scss ADDED
@@ -0,0 +1,29 @@
1
+ /*
2
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
+ SPDX-License-Identifier: Apache-2.0
4
+ */
5
+ // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
6
+ // SPDX-License-Identifier: Apache-2.0
7
+ @use '../../internal/styles/tokens' as awsui;
8
+
9
+ $item-toggle-column-width: 28px;
10
+
11
+ .vertical-connector {
12
+ background-color: awsui.$color-tree-view-connector-line;
13
+ inline-size: awsui.$border-divider-list-width;
14
+
15
+ &.grid {
16
+ grid-row: 2 / span 3;
17
+ grid-column: 1;
18
+ block-size: 100%;
19
+ position: relative;
20
+ inset-inline-start: calc($item-toggle-column-width / 2);
21
+ }
22
+
23
+ &.absolute {
24
+ position: absolute;
25
+ inset: 0;
26
+ inset-block-end: awsui.$space-scaled-xs;
27
+ inset-inline-start: calc($item-toggle-column-width / 2);
28
+ }
29
+ }
package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED
@@ -434,6 +434,7 @@ body {
434
434
  --color-dropzone-border-default-y3wase:#879596;
435
435
  --color-dropzone-border-hover-zg35vi:#002b66;
436
436
  --color-gap-global-drawer-qs4qzi:#eaeded;
437
+ --color-tree-view-connector-line-ao4t04:#879596;
437
438
  --font-box-value-large-weight-zc1blz:300;
438
439
  --font-button-letter-spacing-9h7rbb:0.25px;
439
440
  --font-chart-detail-size-drm2a6:14px;
@@ -631,6 +632,7 @@ body {
631
632
  --space-table-header-tools-bottom-b6lpr6:4px;
632
633
  --space-table-header-tools-full-page-bottom-1o73je:4px;
633
634
  --space-table-horizontal-xmv4qa:0px;
635
+ --space-tree-view-indentation-5cp0z1:20px;
634
636
  --space-tile-gutter-2ulgjh:24px;
635
637
  --space-scaled-2x-xxs-is489k:4px;
636
638
  --space-scaled-2x-m-gw45gq:16px;
@@ -1055,6 +1057,7 @@ body {
1055
1057
  --color-dropzone-border-default-y3wase:#687078;
1056
1058
  --color-dropzone-border-hover-zg35vi:#44b9d6;
1057
1059
  --color-gap-global-drawer-qs4qzi:#16191f;
1060
+ --color-tree-view-connector-line-ao4t04:#d5dbdb;
1058
1061
  --shadow-container-3fh0j3:0 1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 1px 0 rgba(0, 0, 0, 0.3), -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
1059
1062
  --shadow-dropdown-skxpuu:0 1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 1px 0 rgba(0, 0, 0, 0.3), -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
1060
1063
  --shadow-dropup-44quix:0 -1px 1px 0 rgba(0, 0, 0, 0.3), 1px -1px 1px 0 rgba(0, 0, 0, 0.3), -1px -1px 1px 0 rgba(0, 0, 0, 0.3);
@@ -1378,6 +1381,7 @@ body {
1378
1381
  --color-dropzone-border-default-y3wase:#687078;
1379
1382
  --color-dropzone-border-hover-zg35vi:#44b9d6;
1380
1383
  --color-gap-global-drawer-qs4qzi:#16191f;
1384
+ --color-tree-view-connector-line-ao4t04:#d5dbdb;
1381
1385
  }
1382
1386
 
1383
1387
  .awsui-context-flashbar:not(#\9) {
@@ -1754,6 +1758,7 @@ body {
1754
1758
  --color-dropzone-text-hover-ycohbg:#424650;
1755
1759
  --color-dropzone-border-default-y3wase:#8c8c94;
1756
1760
  --color-gap-global-drawer-qs4qzi:#ebebf0;
1761
+ --color-tree-view-connector-line-ao4t04:#8c8c94;
1757
1762
  --font-box-value-large-weight-zc1blz:700;
1758
1763
  --font-button-letter-spacing-9h7rbb:0.005em;
1759
1764
  --font-chart-detail-size-drm2a6:12px;
@@ -2122,6 +2127,7 @@ body {
2122
2127
  --color-dropzone-border-default-y3wase:#656871;
2123
2128
  --color-dropzone-border-hover-zg35vi:#75cfff;
2124
2129
  --color-gap-global-drawer-qs4qzi:#0f141a;
2130
+ --color-tree-view-connector-line-ao4t04:#dedee3;
2125
2131
  --shadow-container-3fh0j3:0px 1px 8px 2px rgba(0, 7, 22, 0.6);
2126
2132
  --shadow-container-active-hawm65:0px 1px 1px 1px #192534, 0px 6px 36px #00040c;
2127
2133
  --shadow-dropdown-skxpuu:0px 4px 20px 1px rgba(0, 4, 12, 1);
@@ -2411,6 +2417,7 @@ body {
2411
2417
  --color-dropzone-border-default-y3wase:#656871;
2412
2418
  --color-dropzone-border-hover-zg35vi:#75cfff;
2413
2419
  --color-gap-global-drawer-qs4qzi:#0f141a;
2420
+ --color-tree-view-connector-line-ao4t04:#dedee3;
2414
2421
  }
2415
2422
 
2416
2423
  .awsui-context-top-navigation.awsui-visual-refresh:not(#\9) {
@@ -2624,6 +2631,7 @@ body {
2624
2631
  --color-dropzone-border-default-y3wase:#656871;
2625
2632
  --color-dropzone-border-hover-zg35vi:#75cfff;
2626
2633
  --color-gap-global-drawer-qs4qzi:#0f141a;
2634
+ --color-tree-view-connector-line-ao4t04:#dedee3;
2627
2635
  }
2628
2636
 
2629
2637
  .awsui-visual-refresh .awsui-context-content-header:not(#\9) {
@@ -2840,6 +2848,7 @@ body {
2840
2848
  --color-dropzone-border-default-y3wase:#656871;
2841
2849
  --color-dropzone-border-hover-zg35vi:#75cfff;
2842
2850
  --color-gap-global-drawer-qs4qzi:#0f141a;
2851
+ --color-tree-view-connector-line-ao4t04:#dedee3;
2843
2852
  --shadow-container-3fh0j3:0px 1px 8px 2px rgba(0, 7, 22, 0.6);
2844
2853
  --shadow-container-active-hawm65:0px 1px 1px 1px #192534, 0px 6px 36px #00040c;
2845
2854
  --shadow-dropdown-skxpuu:0px 4px 20px 1px rgba(0, 4, 12, 1);
@@ -3068,6 +3077,7 @@ body {
3068
3077
  --color-dropzone-border-default-y3wase:#656871;
3069
3078
  --color-dropzone-border-hover-zg35vi:#75cfff;
3070
3079
  --color-gap-global-drawer-qs4qzi:#0f141a;
3080
+ --color-tree-view-connector-line-ao4t04:#dedee3;
3071
3081
  --shadow-container-3fh0j3:0px 1px 8px 2px rgba(0, 7, 22, 0.6);
3072
3082
  --shadow-container-active-hawm65:0px 1px 1px 1px #192534, 0px 6px 36px #00040c;
3073
3083
  --shadow-dropdown-skxpuu:0px 4px 20px 1px rgba(0, 4, 12, 1);
@@ -3509,6 +3519,7 @@ body {
3509
3519
  --color-dropzone-border-default-y3wase:#656871;
3510
3520
  --color-dropzone-border-hover-zg35vi:#75cfff;
3511
3521
  --color-gap-global-drawer-qs4qzi:#0f141a;
3522
+ --color-tree-view-connector-line-ao4t04:#dedee3;
3512
3523
  }
3513
3524
 
3514
3525
  .awsui-context-content-header .awsui-context-alert.awsui-visual-refresh:not(#\9) {
@@ -3725,6 +3736,7 @@ body {
3725
3736
  --color-dropzone-border-default-y3wase:#656871;
3726
3737
  --color-dropzone-border-hover-zg35vi:#75cfff;
3727
3738
  --color-gap-global-drawer-qs4qzi:#0f141a;
3739
+ --color-tree-view-connector-line-ao4t04:#dedee3;
3728
3740
  }
3729
3741
 
3730
3742
  .awsui-visual-refresh .awsui-context-app-layout-toolbar:not(#\9) {
@@ -3913,5 +3925,5 @@ body {
3913
3925
  }
3914
3926
  }
3915
3927
  :root {
3916
- --awsui-version-info-ab08f668: true;
3928
+ --awsui-version-info-567860d0: true;
3917
3929
  }
package/lib/internal/template/internal/components/selectable-item/styles.css.js CHANGED
@@ -1,27 +1,27 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "selectable-item": "awsui_selectable-item_15o6u_1uxuj_145",
5
- "pad-bottom": "awsui_pad-bottom_15o6u_1uxuj_167",
6
- "virtual": "awsui_virtual_15o6u_1uxuj_171",
7
- "has-background": "awsui_has-background_15o6u_1uxuj_174",
8
- "highlighted": "awsui_highlighted_15o6u_1uxuj_177",
9
- "selected": "awsui_selected_15o6u_1uxuj_177",
10
- "disabled": "awsui_disabled_15o6u_1uxuj_195",
11
- "is-keyboard": "awsui_is-keyboard_15o6u_1uxuj_200",
12
- "visual-refresh": "awsui_visual-refresh_15o6u_1uxuj_203",
13
- "next-item-selected": "awsui_next-item-selected_15o6u_1uxuj_211",
14
- "previous-item-selected": "awsui_previous-item-selected_15o6u_1uxuj_232",
15
- "parent": "awsui_parent_15o6u_1uxuj_236",
16
- "interactiveGroups": "awsui_interactiveGroups_15o6u_1uxuj_240",
17
- "child": "awsui_child_15o6u_1uxuj_256",
18
- "sticky": "awsui_sticky_15o6u_1uxuj_262",
19
- "with-scrollbar": "awsui_with-scrollbar_15o6u_1uxuj_274",
20
- "after-header": "awsui_after-header_15o6u_1uxuj_280",
21
- "measure-strut": "awsui_measure-strut_15o6u_1uxuj_347",
22
- "measure-strut-first": "awsui_measure-strut-first_15o6u_1uxuj_356",
23
- "screenreader-content": "awsui_screenreader-content_15o6u_1uxuj_360",
24
- "option-content": "awsui_option-content_15o6u_1uxuj_366",
25
- "select-all": "awsui_select-all_15o6u_1uxuj_370"
4
+ "selectable-item": "awsui_selectable-item_15o6u_k1eqb_145",
5
+ "pad-bottom": "awsui_pad-bottom_15o6u_k1eqb_167",
6
+ "virtual": "awsui_virtual_15o6u_k1eqb_171",
7
+ "has-background": "awsui_has-background_15o6u_k1eqb_174",
8
+ "highlighted": "awsui_highlighted_15o6u_k1eqb_177",
9
+ "selected": "awsui_selected_15o6u_k1eqb_177",
10
+ "disabled": "awsui_disabled_15o6u_k1eqb_195",
11
+ "is-keyboard": "awsui_is-keyboard_15o6u_k1eqb_200",
12
+ "visual-refresh": "awsui_visual-refresh_15o6u_k1eqb_203",
13
+ "next-item-selected": "awsui_next-item-selected_15o6u_k1eqb_211",
14
+ "previous-item-selected": "awsui_previous-item-selected_15o6u_k1eqb_232",
15
+ "parent": "awsui_parent_15o6u_k1eqb_236",
16
+ "interactiveGroups": "awsui_interactiveGroups_15o6u_k1eqb_240",
17
+ "child": "awsui_child_15o6u_k1eqb_256",
18
+ "sticky": "awsui_sticky_15o6u_k1eqb_262",
19
+ "with-scrollbar": "awsui_with-scrollbar_15o6u_k1eqb_274",
20
+ "after-header": "awsui_after-header_15o6u_k1eqb_280",
21
+ "measure-strut": "awsui_measure-strut_15o6u_k1eqb_315",
22
+ "measure-strut-first": "awsui_measure-strut-first_15o6u_k1eqb_324",
23
+ "screenreader-content": "awsui_screenreader-content_15o6u_k1eqb_328",
24
+ "option-content": "awsui_option-content_15o6u_k1eqb_334",
25
+ "select-all": "awsui_select-all_15o6u_k1eqb_338"
26
26
  };
27
27
 
package/lib/internal/template/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_1uxuj_145:not(#\9) {
145
+ .awsui_selectable-item_15o6u_k1eqb_145:not(#\9) {
146
146
  font-size: var(--font-size-body-m-vv54cm, 14px);
147
147
  line-height: var(--line-height-body-m-bedeoh, 22px);
148
148
  color: var(--color-text-body-default-5qid0u, #16191f);
@@ -164,17 +164,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
164
164
  padding-block: calc(var(--space-xxs-jnczic, 4px) + var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px));
165
165
  padding-inline: calc(var(--space-field-horizontal-n5peob, 8px) + var(--border-item-width-acvlhx, 1px));
166
166
  }
167
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_pad-bottom_15o6u_1uxuj_167:not(#\9) {
167
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_pad-bottom_15o6u_k1eqb_167:not(#\9) {
168
168
  padding-block-end: calc(calc(var(--space-xxs-jnczic, 4px) + var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px)) + var(--space-xxxs-3w1kr2, 2px));
169
169
  border-block-end-color: transparent;
170
170
  }
171
- .awsui_selectable-item_15o6u_1uxuj_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171:not(#\9) {
171
+ .awsui_selectable-item_15o6u_k1eqb_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_k1eqb_145.awsui_virtual_15o6u_k1eqb_171:not(#\9) {
172
172
  margin-block-start: calc(-1 * var(--border-item-width-acvlhx, 1px));
173
173
  }
174
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_has-background_15o6u_1uxuj_174:not(#\9) {
174
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_has-background_15o6u_k1eqb_174:not(#\9) {
175
175
  background-color: var(--color-background-dropdown-item-hover-353r6f, #f2f3f3);
176
176
  }
177
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_highlighted_15o6u_1uxuj_177:not(#\9), .awsui_selectable-item_15o6u_1uxuj_145.awsui_selected_15o6u_1uxuj_177:not(#\9) {
177
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_highlighted_15o6u_k1eqb_177:not(#\9), .awsui_selectable-item_15o6u_k1eqb_145.awsui_selected_15o6u_k1eqb_177:not(#\9) {
178
178
  color: var(--color-text-dropdown-item-highlighted-bchk26, #16191f);
179
179
  border-width: var(--border-item-width-acvlhx, 1px);
180
180
  border-start-start-radius: var(--border-radius-item-xggxkd, 0px);
@@ -184,167 +184,135 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
184
184
  padding-block: var(--space-xxs-jnczic, 4px);
185
185
  padding-inline: var(--space-field-horizontal-n5peob, 8px);
186
186
  }
187
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_highlighted_15o6u_1uxuj_177.awsui_pad-bottom_15o6u_1uxuj_167:not(#\9), .awsui_selectable-item_15o6u_1uxuj_145.awsui_selected_15o6u_1uxuj_177.awsui_pad-bottom_15o6u_1uxuj_167:not(#\9) {
187
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_highlighted_15o6u_k1eqb_177.awsui_pad-bottom_15o6u_k1eqb_167:not(#\9), .awsui_selectable-item_15o6u_k1eqb_145.awsui_selected_15o6u_k1eqb_177.awsui_pad-bottom_15o6u_k1eqb_167:not(#\9) {
188
188
  padding-block-end: calc(var(--space-xxs-jnczic, 4px) + var(--space-xxxs-3w1kr2, 2px));
189
189
  }
190
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_highlighted_15o6u_1uxuj_177:not(#\9) {
190
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_highlighted_15o6u_k1eqb_177:not(#\9) {
191
191
  z-index: 3;
192
192
  background-color: var(--color-background-dropdown-item-hover-353r6f, #f2f3f3);
193
193
  border-color: var(--color-border-dropdown-item-hover-vony6u, #879596);
194
194
  }
195
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_highlighted_15o6u_1uxuj_177.awsui_disabled_15o6u_1uxuj_195:not(#\9) {
195
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_highlighted_15o6u_k1eqb_177.awsui_disabled_15o6u_k1eqb_195:not(#\9) {
196
196
  color: var(--color-text-dropdown-item-dimmed-0xf8v3, #aab7b8);
197
197
  border-color: var(--color-border-dropdown-item-dimmed-hover-twsd8z, #879596);
198
198
  background-color: var(--color-background-dropdown-item-dimmed-2hwvu9, transparent);
199
199
  }
200
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_highlighted_15o6u_1uxuj_177.awsui_is-keyboard_15o6u_1uxuj_200:not(#\9) {
200
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_highlighted_15o6u_k1eqb_177.awsui_is-keyboard_15o6u_k1eqb_200:not(#\9) {
201
201
  border-color: var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
202
202
  }
203
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_highlighted_15o6u_1uxuj_177.awsui_is-keyboard_15o6u_1uxuj_200:not(#\9):not(.awsui_visual-refresh_15o6u_1uxuj_203) {
203
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_highlighted_15o6u_k1eqb_177.awsui_is-keyboard_15o6u_k1eqb_200:not(#\9):not(.awsui_visual-refresh_15o6u_k1eqb_203) {
204
204
  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
205
205
  }
206
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_selected_15o6u_1uxuj_177:not(#\9) {
206
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_selected_15o6u_k1eqb_177:not(#\9) {
207
207
  z-index: 2;
208
208
  background-color: var(--color-background-dropdown-item-selected-1c9k0x, #f1faff);
209
209
  border-color: var(--color-border-dropdown-item-selected-88v7h2, #eaeded);
210
210
  }
211
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_selected_15o6u_1uxuj_177.awsui_next-item-selected_15o6u_1uxuj_211:not(#\9) {
211
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_selected_15o6u_k1eqb_177.awsui_next-item-selected_15o6u_k1eqb_211:not(#\9) {
212
212
  border-end-start-radius: 0;
213
213
  border-end-end-radius: 0;
214
214
  }
215
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_selected_15o6u_1uxuj_177.awsui_highlighted_15o6u_1uxuj_177:not(#\9) {
215
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_selected_15o6u_k1eqb_177.awsui_highlighted_15o6u_k1eqb_177:not(#\9) {
216
216
  border-color: var(--color-border-dropdown-item-selected-88v7h2, #eaeded);
217
217
  z-index: 3;
218
218
  outline: var(--border-item-width-acvlhx, 1px) solid var(--color-border-dropdown-item-hover-vony6u, #879596);
219
219
  outline-offset: calc(-2 * var(--border-item-width-acvlhx, 1px));
220
220
  }
221
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_selected_15o6u_1uxuj_177.awsui_highlighted_15o6u_1uxuj_177.awsui_is-keyboard_15o6u_1uxuj_200:not(#\9) {
221
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_selected_15o6u_k1eqb_177.awsui_highlighted_15o6u_k1eqb_177.awsui_is-keyboard_15o6u_k1eqb_200:not(#\9) {
222
222
  border-color: var(--color-border-dropdown-item-selected-88v7h2, #eaeded);
223
223
  outline-color: var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
224
224
  }
225
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_selected_15o6u_1uxuj_177.awsui_highlighted_15o6u_1uxuj_177:not(#\9):not(.awsui_visual-refresh_15o6u_1uxuj_203) {
225
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_selected_15o6u_k1eqb_177.awsui_highlighted_15o6u_k1eqb_177:not(#\9):not(.awsui_visual-refresh_15o6u_k1eqb_203) {
226
226
  border-color: var(--color-border-dropdown-item-hover-vony6u, #879596);
227
227
  outline: none;
228
228
  }
229
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_selected_15o6u_1uxuj_177.awsui_highlighted_15o6u_1uxuj_177:not(#\9):not(.awsui_visual-refresh_15o6u_1uxuj_203).awsui_is-keyboard_15o6u_1uxuj_200 {
229
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_selected_15o6u_k1eqb_177.awsui_highlighted_15o6u_k1eqb_177:not(#\9):not(.awsui_visual-refresh_15o6u_k1eqb_203).awsui_is-keyboard_15o6u_k1eqb_200 {
230
230
  border-color: var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
231
231
  }
232
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_selected_15o6u_1uxuj_177 + .awsui_selectable-item_15o6u_1uxuj_145.awsui_selected_15o6u_1uxuj_177:not(#\9), .awsui_selectable-item_15o6u_1uxuj_145.awsui_selected_15o6u_1uxuj_177.awsui_previous-item-selected_15o6u_1uxuj_232:not(#\9) {
232
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_selected_15o6u_k1eqb_177 + .awsui_selectable-item_15o6u_k1eqb_145.awsui_selected_15o6u_k1eqb_177:not(#\9), .awsui_selectable-item_15o6u_k1eqb_145.awsui_selected_15o6u_k1eqb_177.awsui_previous-item-selected_15o6u_k1eqb_232:not(#\9) {
233
233
  border-start-start-radius: 0;
234
234
  border-start-end-radius: 0;
235
235
  }
236
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_parent_15o6u_1uxuj_236:not(#\9) {
236
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_parent_15o6u_k1eqb_236:not(#\9) {
237
237
  font-weight: bold;
238
238
  color: var(--color-text-dropdown-group-label-7pa4nd, #545b64);
239
239
  }
240
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_parent_15o6u_1uxuj_236:not(#\9):not(.awsui_interactiveGroups_15o6u_1uxuj_240) {
240
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_parent_15o6u_k1eqb_236:not(#\9):not(.awsui_interactiveGroups_15o6u_k1eqb_240) {
241
241
  border-block-start-color: var(--color-border-dropdown-group-dg9zg5, #eaeded);
242
242
  padding-block: var(--space-xs-kw7k3v, 8px);
243
243
  padding-inline: var(--space-xs-kw7k3v, 8px);
244
244
  }
245
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_parent_15o6u_1uxuj_236.awsui_interactiveGroups_15o6u_1uxuj_240:not(#\9) {
245
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_parent_15o6u_k1eqb_236.awsui_interactiveGroups_15o6u_k1eqb_240:not(#\9) {
246
246
  padding-block: calc(var(--space-xs-kw7k3v, 8px) + var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px));
247
247
  padding-inline: calc(var(--space-field-horizontal-n5peob, 8px) + var(--border-item-width-acvlhx, 1px));
248
248
  }
249
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_parent_15o6u_1uxuj_236.awsui_interactiveGroups_15o6u_1uxuj_240.awsui_highlighted_15o6u_1uxuj_177:not(#\9) {
249
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_parent_15o6u_k1eqb_236.awsui_interactiveGroups_15o6u_k1eqb_240.awsui_highlighted_15o6u_k1eqb_177:not(#\9) {
250
250
  color: var(--color-text-dropdown-item-highlighted-bchk26, #16191f);
251
251
  }
252
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_parent_15o6u_1uxuj_236.awsui_interactiveGroups_15o6u_1uxuj_240.awsui_highlighted_15o6u_1uxuj_177:not(#\9), .awsui_selectable-item_15o6u_1uxuj_145.awsui_parent_15o6u_1uxuj_236.awsui_interactiveGroups_15o6u_1uxuj_240.awsui_selected_15o6u_1uxuj_177:not(#\9) {
252
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_parent_15o6u_k1eqb_236.awsui_interactiveGroups_15o6u_k1eqb_240.awsui_highlighted_15o6u_k1eqb_177:not(#\9), .awsui_selectable-item_15o6u_k1eqb_145.awsui_parent_15o6u_k1eqb_236.awsui_interactiveGroups_15o6u_k1eqb_240.awsui_selected_15o6u_k1eqb_177:not(#\9) {
253
253
  padding-block: var(--space-xs-kw7k3v, 8px);
254
254
  padding-inline: var(--space-field-horizontal-n5peob, 8px);
255
255
  }
256
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_child_15o6u_1uxuj_256:not(#\9) {
256
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_child_15o6u_k1eqb_256:not(#\9) {
257
257
  padding-inline-start: calc(var(--space-xxl-q0lyvp, 32px) + var(--border-item-width-acvlhx, 1px));
258
258
  }
259
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_child_15o6u_1uxuj_256.awsui_highlighted_15o6u_1uxuj_177:not(#\9), .awsui_selectable-item_15o6u_1uxuj_145.awsui_child_15o6u_1uxuj_256.awsui_selected_15o6u_1uxuj_177:not(#\9) {
259
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_child_15o6u_k1eqb_256.awsui_highlighted_15o6u_k1eqb_177:not(#\9), .awsui_selectable-item_15o6u_k1eqb_145.awsui_child_15o6u_k1eqb_256.awsui_selected_15o6u_k1eqb_177:not(#\9) {
260
260
  padding-inline-start: var(--space-xxl-q0lyvp, 32px);
261
261
  }
262
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_sticky_15o6u_1uxuj_262:not(#\9) {
262
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_sticky_15o6u_k1eqb_262:not(#\9) {
263
263
  position: sticky;
264
264
  inset-block-start: 0;
265
265
  margin-block-end: calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px));
266
266
  z-index: 4;
267
267
  }
268
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_sticky_15o6u_1uxuj_262:not(#\9):not(.awsui_highlighted_15o6u_1uxuj_177):not(.awsui_selected_15o6u_1uxuj_177) {
268
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_sticky_15o6u_k1eqb_262:not(#\9):not(.awsui_highlighted_15o6u_k1eqb_177):not(.awsui_selected_15o6u_k1eqb_177) {
269
269
  border-inline-start-width: var(--border-item-width-acvlhx, 1px);
270
270
  border-inline-start-color: var(--color-border-dropdown-container-w99bbi, transparent);
271
271
  border-inline-end-color: var(--color-border-dropdown-container-w99bbi, transparent);
272
272
  padding-inline: var(--space-field-horizontal-n5peob, 8px);
273
273
  }
274
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_sticky_15o6u_1uxuj_262:not(#\9):not(.awsui_highlighted_15o6u_1uxuj_177):not(.awsui_selected_15o6u_1uxuj_177):not(.awsui_with-scrollbar_15o6u_1uxuj_274) {
274
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_sticky_15o6u_k1eqb_262:not(#\9):not(.awsui_highlighted_15o6u_k1eqb_177):not(.awsui_selected_15o6u_k1eqb_177):not(.awsui_with-scrollbar_15o6u_k1eqb_274) {
275
275
  border-inline-end-width: var(--border-item-width-acvlhx, 1px);
276
276
  }
277
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_sticky_15o6u_1uxuj_262:not(#\9):not(.awsui_highlighted_15o6u_1uxuj_177):not(.awsui_selected_15o6u_1uxuj_177).awsui_with-scrollbar_15o6u_1uxuj_274 {
277
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_sticky_15o6u_k1eqb_262:not(#\9):not(.awsui_highlighted_15o6u_k1eqb_177):not(.awsui_selected_15o6u_k1eqb_177).awsui_with-scrollbar_15o6u_k1eqb_274 {
278
278
  border-inline-end-width: 0;
279
279
  }
280
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_sticky_15o6u_1uxuj_262:not(#\9):not(.awsui_highlighted_15o6u_1uxuj_177):not(.awsui_selected_15o6u_1uxuj_177):not(.awsui_after-header_15o6u_1uxuj_280) {
280
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_sticky_15o6u_k1eqb_262:not(#\9):not(.awsui_highlighted_15o6u_k1eqb_177):not(.awsui_selected_15o6u_k1eqb_177):not(.awsui_after-header_15o6u_k1eqb_280) {
281
281
  border-start-start-radius: var(--border-radius-item-xggxkd, 0px);
282
282
  }
283
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_sticky_15o6u_1uxuj_262:not(#\9):not(.awsui_highlighted_15o6u_1uxuj_177):not(.awsui_selected_15o6u_1uxuj_177):not(.awsui_after-header_15o6u_1uxuj_280):not(.awsui_selectable-item_15o6u_1uxuj_145.awsui_sticky_15o6u_1uxuj_262:not(.awsui_highlighted_15o6u_1uxuj_177):not(.awsui_selected_15o6u_1uxuj_177):not(.awsui_after-header_15o6u_1uxuj_280).awsui_with-scrollbar_15o6u_1uxuj_274) {
283
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_sticky_15o6u_k1eqb_262:not(#\9):not(.awsui_highlighted_15o6u_k1eqb_177):not(.awsui_selected_15o6u_k1eqb_177):not(.awsui_after-header_15o6u_k1eqb_280):not(.awsui_selectable-item_15o6u_k1eqb_145.awsui_sticky_15o6u_k1eqb_262:not(.awsui_highlighted_15o6u_k1eqb_177):not(.awsui_selected_15o6u_k1eqb_177):not(.awsui_after-header_15o6u_k1eqb_280).awsui_with-scrollbar_15o6u_k1eqb_274) {
284
284
  border-start-end-radius: var(--border-radius-item-xggxkd, 0px);
285
285
  }
286
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_sticky_15o6u_1uxuj_262:not(#\9):not(.awsui_highlighted_15o6u_1uxuj_177):not(.awsui_selected_15o6u_1uxuj_177).awsui_after-header_15o6u_1uxuj_280 {
286
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_sticky_15o6u_k1eqb_262:not(#\9):not(.awsui_highlighted_15o6u_k1eqb_177):not(.awsui_selected_15o6u_k1eqb_177).awsui_after-header_15o6u_k1eqb_280 {
287
287
  border-block-start-color: var(--color-background-dropdown-item-default-fhmksr, #ffffff);
288
288
  }
289
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_sticky_15o6u_1uxuj_262.awsui_disabled_15o6u_1uxuj_195.awsui_highlighted_15o6u_1uxuj_177:not(#\9), .awsui_selectable-item_15o6u_1uxuj_145.awsui_sticky_15o6u_1uxuj_262.awsui_disabled_15o6u_1uxuj_195.awsui_selected_15o6u_1uxuj_177:not(#\9) {
289
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_sticky_15o6u_k1eqb_262.awsui_disabled_15o6u_k1eqb_195.awsui_highlighted_15o6u_k1eqb_177:not(#\9), .awsui_selectable-item_15o6u_k1eqb_145.awsui_sticky_15o6u_k1eqb_262.awsui_disabled_15o6u_k1eqb_195.awsui_selected_15o6u_k1eqb_177:not(#\9) {
290
290
  border-block-end-color: transparent;
291
291
  border-block-start-color: transparent;
292
292
  border-inline-start-color: transparent;
293
293
  border-inline-end-color: transparent;
294
294
  }
295
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_disabled_15o6u_1uxuj_195:not(#\9) {
295
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_disabled_15o6u_k1eqb_195:not(#\9) {
296
296
  color: var(--color-text-dropdown-item-disabled-oysy8n, #aab7b8);
297
297
  }
298
- .awsui_selectable-item_15o6u_1uxuj_145:not(#\9):not(.awsui_disabled_15o6u_1uxuj_195):not(.awsui_parent_15o6u_1uxuj_236) {
298
+ .awsui_selectable-item_15o6u_k1eqb_145:not(#\9):not(.awsui_disabled_15o6u_k1eqb_195):not(.awsui_parent_15o6u_k1eqb_236) {
299
299
  cursor: pointer;
300
300
  }
301
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_interactiveGroups_15o6u_1uxuj_240:not(#\9):not(.awsui_disabled_15o6u_1uxuj_195) {
301
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_interactiveGroups_15o6u_k1eqb_240:not(#\9):not(.awsui_disabled_15o6u_k1eqb_195) {
302
302
  cursor: pointer;
303
303
  }
304
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171:not(#\9) {
304
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_virtual_15o6u_k1eqb_171:not(#\9) {
305
305
  position: absolute;
306
306
  inset-block-start: var(--border-dropdown-virtual-offset-width-1fzwg5, 0px);
307
307
  inset-inline-start: 0;
308
308
  inline-size: 100%;
309
309
  box-sizing: border-box;
310
310
  }
311
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171:not(#\9):first-of-type:not(.awsui_selected_15o6u_1uxuj_177, .awsui_highlighted_15o6u_1uxuj_177) {
311
+ .awsui_selectable-item_15o6u_k1eqb_145.awsui_virtual_15o6u_k1eqb_171:not(#\9):first-of-type:not(.awsui_selected_15o6u_k1eqb_177, .awsui_highlighted_15o6u_k1eqb_177) {
312
312
  border-block-start-color: var(--color-border-dropdown-item-top-znzfoj, #eaeded);
313
313
  }
314
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171.awsui_highlighted_15o6u_1uxuj_177:not(#\9):not(.awsui_selected_15o6u_1uxuj_177), .awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171.awsui_selected_15o6u_1uxuj_177:not(#\9) {
315
- border-width: var(--border-divider-list-width-8ggz94, 1px);
316
- padding-block: calc(var(--space-xxs-jnczic, 4px) + calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px)));
317
- padding-inline: calc(var(--space-field-horizontal-n5peob, 8px) + calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px)));
318
- }
319
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171.awsui_highlighted_15o6u_1uxuj_177:not(#\9):not(.awsui_selected_15o6u_1uxuj_177).awsui_pad-bottom_15o6u_1uxuj_167, .awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171.awsui_selected_15o6u_1uxuj_177.awsui_pad-bottom_15o6u_1uxuj_167:not(#\9) {
320
- padding-block-end: calc(var(--space-xxs-jnczic, 4px) + var(--space-xxxs-3w1kr2, 2px) + calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px)));
321
- }
322
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171.awsui_highlighted_15o6u_1uxuj_177:not(#\9):not(.awsui_selected_15o6u_1uxuj_177).awsui_child_15o6u_1uxuj_256, .awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171.awsui_selected_15o6u_1uxuj_177.awsui_child_15o6u_1uxuj_256:not(#\9) {
323
- padding-inline-start: calc(var(--space-xxl-q0lyvp, 32px) + calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px)));
324
- }
325
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171.awsui_highlighted_15o6u_1uxuj_177:not(#\9):not(.awsui_selected_15o6u_1uxuj_177).awsui_parent_15o6u_1uxuj_236.awsui_interactiveGroups_15o6u_1uxuj_240, .awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171.awsui_selected_15o6u_1uxuj_177.awsui_parent_15o6u_1uxuj_236.awsui_interactiveGroups_15o6u_1uxuj_240:not(#\9) {
326
- padding-block: calc(var(--space-xs-kw7k3v, 8px) + calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px)));
327
- }
328
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171.awsui_highlighted_15o6u_1uxuj_177:not(#\9):not(.awsui_selected_15o6u_1uxuj_177) {
329
- box-shadow: inset 0 0 0 calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px)) var(--color-border-dropdown-item-hover-vony6u, #879596);
330
- }
331
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171.awsui_highlighted_15o6u_1uxuj_177:not(#\9):not(.awsui_selected_15o6u_1uxuj_177).awsui_is-keyboard_15o6u_1uxuj_200 {
332
- box-shadow: inset 0 0 0 calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px)) var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
333
- }
334
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171.awsui_selected_15o6u_1uxuj_177:not(#\9) {
335
- box-shadow: inset 0 0 0 calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px)) var(--color-border-dropdown-item-selected-88v7h2, #eaeded);
336
- }
337
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171.awsui_selected_15o6u_1uxuj_177.awsui_highlighted_15o6u_1uxuj_177:not(#\9) {
338
- box-shadow: inset 0 0 0 calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px)) var(--color-border-dropdown-item-selected-88v7h2, #eaeded), inset 0 0 0 calc(2 * var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px)) var(--color-border-dropdown-item-hover-vony6u, #879596);
339
- }
340
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171.awsui_selected_15o6u_1uxuj_177.awsui_highlighted_15o6u_1uxuj_177.awsui_is-keyboard_15o6u_1uxuj_200:not(#\9) {
341
- box-shadow: inset 0 0 0 calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px)) var(--color-border-dropdown-item-selected-88v7h2, #eaeded), inset 0 0 0 calc(2 * var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px)) var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
342
- }
343
- .awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171.awsui_parent_15o6u_1uxuj_236:not(#\9):not(.awsui_interactiveGroups_15o6u_1uxuj_240) {
344
- border-block-start-color: var(--color-border-dropdown-group-dg9zg5, #eaeded);
345
- }
346
314
 
347
- .awsui_measure-strut_15o6u_1uxuj_347:not(#\9) {
315
+ .awsui_measure-strut_15o6u_k1eqb_315:not(#\9) {
348
316
  position: absolute;
349
317
  pointer-events: none;
350
318
  block-size: 100%;
@@ -353,20 +321,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
353
321
  inset-inline-start: 0;
354
322
  padding-block-start: var(--border-divider-list-width-8ggz94, 1px);
355
323
  }
356
- .awsui_measure-strut-first_15o6u_1uxuj_356:not(#\9) {
324
+ .awsui_measure-strut-first_15o6u_k1eqb_324:not(#\9) {
357
325
  padding-block-end: var(--border-divider-list-width-8ggz94, 1px);
358
326
  }
359
327
 
360
- .awsui_screenreader-content_15o6u_1uxuj_360:not(#\9) {
328
+ .awsui_screenreader-content_15o6u_k1eqb_328:not(#\9) {
361
329
  position: absolute !important;
362
330
  inset-block-start: -9999px !important;
363
331
  inset-inline-start: -9999px !important;
364
332
  }
365
333
 
366
- .awsui_option-content_15o6u_1uxuj_366:not(#\9) {
334
+ .awsui_option-content_15o6u_k1eqb_334:not(#\9) {
367
335
  /* used in test-utils */
368
336
  }
369
337
 
370
- .awsui_select-all_15o6u_1uxuj_370:not(#\9) {
338
+ .awsui_select-all_15o6u_k1eqb_338:not(#\9) {
371
339
  /* used in test-utils */
372
340
  }
package/lib/internal/template/internal/components/selectable-item/styles.selectors.js CHANGED
@@ -2,27 +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_1uxuj_145",
6
- "pad-bottom": "awsui_pad-bottom_15o6u_1uxuj_167",
7
- "virtual": "awsui_virtual_15o6u_1uxuj_171",
8
- "has-background": "awsui_has-background_15o6u_1uxuj_174",
9
- "highlighted": "awsui_highlighted_15o6u_1uxuj_177",
10
- "selected": "awsui_selected_15o6u_1uxuj_177",
11
- "disabled": "awsui_disabled_15o6u_1uxuj_195",
12
- "is-keyboard": "awsui_is-keyboard_15o6u_1uxuj_200",
13
- "visual-refresh": "awsui_visual-refresh_15o6u_1uxuj_203",
14
- "next-item-selected": "awsui_next-item-selected_15o6u_1uxuj_211",
15
- "previous-item-selected": "awsui_previous-item-selected_15o6u_1uxuj_232",
16
- "parent": "awsui_parent_15o6u_1uxuj_236",
17
- "interactiveGroups": "awsui_interactiveGroups_15o6u_1uxuj_240",
18
- "child": "awsui_child_15o6u_1uxuj_256",
19
- "sticky": "awsui_sticky_15o6u_1uxuj_262",
20
- "with-scrollbar": "awsui_with-scrollbar_15o6u_1uxuj_274",
21
- "after-header": "awsui_after-header_15o6u_1uxuj_280",
22
- "measure-strut": "awsui_measure-strut_15o6u_1uxuj_347",
23
- "measure-strut-first": "awsui_measure-strut-first_15o6u_1uxuj_356",
24
- "screenreader-content": "awsui_screenreader-content_15o6u_1uxuj_360",
25
- "option-content": "awsui_option-content_15o6u_1uxuj_366",
26
- "select-all": "awsui_select-all_15o6u_1uxuj_370"
5
+ "selectable-item": "awsui_selectable-item_15o6u_k1eqb_145",
6
+ "pad-bottom": "awsui_pad-bottom_15o6u_k1eqb_167",
7
+ "virtual": "awsui_virtual_15o6u_k1eqb_171",
8
+ "has-background": "awsui_has-background_15o6u_k1eqb_174",
9
+ "highlighted": "awsui_highlighted_15o6u_k1eqb_177",
10
+ "selected": "awsui_selected_15o6u_k1eqb_177",
11
+ "disabled": "awsui_disabled_15o6u_k1eqb_195",
12
+ "is-keyboard": "awsui_is-keyboard_15o6u_k1eqb_200",
13
+ "visual-refresh": "awsui_visual-refresh_15o6u_k1eqb_203",
14
+ "next-item-selected": "awsui_next-item-selected_15o6u_k1eqb_211",
15
+ "previous-item-selected": "awsui_previous-item-selected_15o6u_k1eqb_232",
16
+ "parent": "awsui_parent_15o6u_k1eqb_236",
17
+ "interactiveGroups": "awsui_interactiveGroups_15o6u_k1eqb_240",
18
+ "child": "awsui_child_15o6u_k1eqb_256",
19
+ "sticky": "awsui_sticky_15o6u_k1eqb_262",
20
+ "with-scrollbar": "awsui_with-scrollbar_15o6u_k1eqb_274",
21
+ "after-header": "awsui_after-header_15o6u_k1eqb_280",
22
+ "measure-strut": "awsui_measure-strut_15o6u_k1eqb_315",
23
+ "measure-strut-first": "awsui_measure-strut-first_15o6u_k1eqb_324",
24
+ "screenreader-content": "awsui_screenreader-content_15o6u_k1eqb_328",
25
+ "option-content": "awsui_option-content_15o6u_k1eqb_334",
26
+ "select-all": "awsui_select-all_15o6u_k1eqb_338"
27
27
  };
28
28
 
package/lib/internal/template/internal/environment.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (ab08f668)";
3
- export var GIT_SHA = "ab08f668";
2
+ export var PACKAGE_VERSION = "3.0.0 (567860d0)";
3
+ export var GIT_SHA = "567860d0";
4
4
  export var THEME = "open-source-visual-refresh";
5
5
  export var SYSTEM = "console";
6
6
  export var ALWAYS_VISUAL_REFRESH = true;
package/lib/internal/template/internal/environment.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (ab08f668)",
4
- "GIT_SHA": "ab08f668",
3
+ "PACKAGE_VERSION": "3.0.0 (567860d0)",
4
+ "GIT_SHA": "567860d0",
5
5
  "THEME": "default",
6
6
  "SYSTEM": "core",
7
7
  "ALWAYS_VISUAL_REFRESH": false