@cloudscape-design/components-themeable 3.0.1185 → 3.0.1187

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 (27) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/internal/components/selectable-item/styles.scss +170 -102
  3. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  4. package/lib/internal/scss/slider/mixins.scss +26 -10
  5. package/lib/internal/scss/slider/styles.scss +52 -16
  6. package/lib/internal/template/internal/base-component/styles.scoped.css +65 -18
  7. package/lib/internal/template/internal/components/selectable-item/styles.css.js +22 -23
  8. package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +102 -109
  9. package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +22 -23
  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 +8 -2
  13. package/lib/internal/template/internal/generated/styles/tokens.js +8 -2
  14. package/lib/internal/template/internal/generated/theming/index.cjs +234 -48
  15. package/lib/internal/template/internal/generated/theming/index.js +234 -48
  16. package/lib/internal/template/internal/hooks/use-virtual/index.d.ts.map +1 -1
  17. package/lib/internal/template/internal/hooks/use-virtual/index.js +6 -1
  18. package/lib/internal/template/internal/hooks/use-virtual/index.js.map +1 -1
  19. package/lib/internal/template/select/parts/virtual-list.d.ts.map +1 -1
  20. package/lib/internal/template/select/parts/virtual-list.js +1 -1
  21. package/lib/internal/template/select/parts/virtual-list.js.map +1 -1
  22. package/lib/internal/template/select/utils/render-options.js +1 -1
  23. package/lib/internal/template/select/utils/render-options.js.map +1 -1
  24. package/lib/internal/template/slider/styles.css.js +26 -26
  25. package/lib/internal/template/slider/styles.scoped.css +112 -112
  26. package/lib/internal/template/slider/styles.selectors.js +26 -26
  27. package/package.json +1 -1
package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED
@@ -317,8 +317,14 @@ body {
317
317
  --color-background-slider-handle-active-9ejayt:var(--color-primary-700-xkgxe3);
318
318
  --color-background-slider-track-default-cos148:var(--color-neutral-500-h8gwav);
319
319
  --color-background-slider-handle-ring-usftmh:var(--color-white-jf0w15);
320
- --color-background-slider-error-pressed-hjdtxr:var(--color-error-900-9a8dkh);
321
- --color-background-slider-warning-pressed-78uc9o:var(--color-warning-900-6pnziu);
320
+ --color-background-slider-handle-error-default-s192wg:var(--color-text-status-error-aknuvu);
321
+ --color-background-slider-handle-error-active-9wmulp:var(--color-text-status-error-aknuvu);
322
+ --color-background-slider-handle-warning-default-6iv6gm:var(--color-text-status-warning-9b45qh);
323
+ --color-background-slider-handle-warning-active-lrfo9z:var(--color-text-status-warning-9b45qh);
324
+ --color-background-slider-range-error-default-97dhr7:var(--color-text-status-error-aknuvu);
325
+ --color-background-slider-range-error-active-qpa7pp:var(--color-text-status-error-aknuvu);
326
+ --color-background-slider-range-warning-default-izr58h:var(--color-text-status-warning-9b45qh);
327
+ --color-background-slider-range-warning-active-wj7zse:var(--color-text-status-warning-9b45qh);
322
328
  --color-background-status-error-5i5ikf:var(--color-error-50-io178d);
323
329
  --color-background-status-info-nzp1n3:var(--color-info-50-vuas2o);
324
330
  --color-background-dialog-ce2sax:var(--color-background-status-info-nzp1n3);
@@ -924,8 +930,6 @@ body {
924
930
  --color-background-slider-handle-active-9ejayt:var(--color-primary-300-jwvz31);
925
931
  --color-background-slider-track-default-cos148:var(--color-neutral-600-boivn8);
926
932
  --color-background-slider-handle-ring-usftmh:var(--color-neutral-850-m3u7h5);
927
- --color-background-slider-error-pressed-hjdtxr:var(--color-error-400-9vxaa6);
928
- --color-background-slider-warning-pressed-78uc9o:var(--color-warning-500-g16re6);
929
933
  --color-background-status-error-5i5ikf:var(--color-error-1000-n60rq7);
930
934
  --color-background-status-info-nzp1n3:var(--color-info-1000-og0pob);
931
935
  --color-background-status-success-tkxjye:var(--color-success-1000-qm50d9);
@@ -1188,8 +1192,6 @@ body {
1188
1192
  --color-background-slider-handle-active-9ejayt:var(--color-primary-300-jwvz31);
1189
1193
  --color-background-slider-track-default-cos148:var(--color-neutral-600-boivn8);
1190
1194
  --color-background-slider-handle-ring-usftmh:var(--color-neutral-850-m3u7h5);
1191
- --color-background-slider-error-pressed-hjdtxr:var(--color-error-400-9vxaa6);
1192
- --color-background-slider-warning-pressed-78uc9o:var(--color-warning-500-g16re6);
1193
1195
  --color-background-status-error-5i5ikf:var(--color-error-1000-n60rq7);
1194
1196
  --color-background-status-info-nzp1n3:var(--color-info-1000-og0pob);
1195
1197
  --color-background-status-success-tkxjye:var(--color-success-1000-qm50d9);
@@ -1309,6 +1311,14 @@ body {
1309
1311
  --color-background-segment-wrapper-8sntqj:var(--color-background-container-content-aemn43);
1310
1312
  --color-background-slider-range-default-ckhqiz:var(--color-background-slider-handle-default-pb538l);
1311
1313
  --color-background-slider-range-active-n1ml5a:var(--color-background-slider-handle-active-9ejayt);
1314
+ --color-background-slider-handle-error-default-s192wg:var(--color-text-status-error-aknuvu);
1315
+ --color-background-slider-handle-error-active-9wmulp:var(--color-text-status-error-aknuvu);
1316
+ --color-background-slider-handle-warning-default-6iv6gm:var(--color-text-status-warning-9b45qh);
1317
+ --color-background-slider-handle-warning-active-lrfo9z:var(--color-text-status-warning-9b45qh);
1318
+ --color-background-slider-range-error-default-97dhr7:var(--color-text-status-error-aknuvu);
1319
+ --color-background-slider-range-error-active-qpa7pp:var(--color-text-status-error-aknuvu);
1320
+ --color-background-slider-range-warning-default-izr58h:var(--color-text-status-warning-9b45qh);
1321
+ --color-background-slider-range-warning-active-wj7zse:var(--color-text-status-warning-9b45qh);
1312
1322
  --color-background-dialog-ce2sax:var(--color-background-status-info-nzp1n3);
1313
1323
  --color-background-table-header-5hauij:var(--color-background-container-header-b8qo49);
1314
1324
  --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
@@ -1853,7 +1863,14 @@ body {
1853
1863
  --color-background-slider-handle-default-pb538l:var(--color-primary-600-be1v6a);
1854
1864
  --color-background-slider-handle-active-9ejayt:var(--color-primary-700-xkgxe3);
1855
1865
  --color-background-slider-track-default-cos148:var(--color-neutral-500-h8gwav);
1856
- --color-background-slider-warning-pressed-78uc9o:var(--color-warning-900-6pnziu);
1866
+ --color-background-slider-handle-error-default-s192wg:var(--color-text-status-error-aknuvu);
1867
+ --color-background-slider-handle-error-active-9wmulp:var(--color-text-status-error-aknuvu);
1868
+ --color-background-slider-handle-warning-default-6iv6gm:var(--color-text-status-warning-9b45qh);
1869
+ --color-background-slider-handle-warning-active-lrfo9z:var(--color-text-status-warning-9b45qh);
1870
+ --color-background-slider-range-error-default-97dhr7:var(--color-text-status-error-aknuvu);
1871
+ --color-background-slider-range-error-active-qpa7pp:var(--color-text-status-error-aknuvu);
1872
+ --color-background-slider-range-warning-default-izr58h:var(--color-text-status-warning-9b45qh);
1873
+ --color-background-slider-range-warning-active-wj7zse:var(--color-text-status-warning-9b45qh);
1857
1874
  --color-background-status-error-5i5ikf:var(--color-error-50-io178d);
1858
1875
  --color-background-status-info-nzp1n3:var(--color-info-50-vuas2o);
1859
1876
  --color-background-dialog-ce2sax:var(--color-background-status-info-nzp1n3);
@@ -2017,7 +2034,6 @@ body {
2017
2034
  --color-background-slider-handle-default-pb538l:var(--color-primary-400-i8y8uk);
2018
2035
  --color-background-slider-handle-active-9ejayt:var(--color-primary-300-jwvz31);
2019
2036
  --color-background-slider-track-default-cos148:var(--color-neutral-600-boivn8);
2020
- --color-background-slider-warning-pressed-78uc9o:var(--color-warning-500-g16re6);
2021
2037
  --color-background-status-error-5i5ikf:var(--color-error-1000-n60rq7);
2022
2038
  --color-background-status-info-nzp1n3:var(--color-info-1000-og0pob);
2023
2039
  --color-background-status-success-tkxjye:var(--color-success-1000-qm50d9);
@@ -2330,7 +2346,6 @@ body {
2330
2346
  --color-background-slider-handle-default-pb538l:var(--color-primary-400-i8y8uk);
2331
2347
  --color-background-slider-handle-active-9ejayt:var(--color-primary-300-jwvz31);
2332
2348
  --color-background-slider-track-default-cos148:var(--color-neutral-600-boivn8);
2333
- --color-background-slider-warning-pressed-78uc9o:var(--color-warning-500-g16re6);
2334
2349
  --color-background-status-error-5i5ikf:var(--color-error-1000-n60rq7);
2335
2350
  --color-background-status-info-nzp1n3:var(--color-info-1000-og0pob);
2336
2351
  --color-background-status-success-tkxjye:var(--color-success-1000-qm50d9);
@@ -2440,6 +2455,14 @@ body {
2440
2455
  --color-background-segment-wrapper-8sntqj:var(--color-background-container-content-aemn43);
2441
2456
  --color-background-slider-range-default-ckhqiz:var(--color-background-slider-handle-default-pb538l);
2442
2457
  --color-background-slider-range-active-n1ml5a:var(--color-background-slider-handle-active-9ejayt);
2458
+ --color-background-slider-handle-error-default-s192wg:var(--color-text-status-error-aknuvu);
2459
+ --color-background-slider-handle-error-active-9wmulp:var(--color-text-status-error-aknuvu);
2460
+ --color-background-slider-handle-warning-default-6iv6gm:var(--color-text-status-warning-9b45qh);
2461
+ --color-background-slider-handle-warning-active-lrfo9z:var(--color-text-status-warning-9b45qh);
2462
+ --color-background-slider-range-error-default-97dhr7:var(--color-text-status-error-aknuvu);
2463
+ --color-background-slider-range-error-active-qpa7pp:var(--color-text-status-error-aknuvu);
2464
+ --color-background-slider-range-warning-default-izr58h:var(--color-text-status-warning-9b45qh);
2465
+ --color-background-slider-range-warning-active-wj7zse:var(--color-text-status-warning-9b45qh);
2443
2466
  --color-background-dialog-ce2sax:var(--color-background-status-info-nzp1n3);
2444
2467
  --color-background-table-header-5hauij:var(--color-background-container-header-b8qo49);
2445
2468
  --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
@@ -2545,8 +2568,6 @@ body {
2545
2568
  --color-background-slider-handle-active-9ejayt:var(--color-primary-300-jwvz31);
2546
2569
  --color-background-slider-track-default-cos148:var(--color-neutral-600-boivn8);
2547
2570
  --color-background-slider-handle-ring-usftmh:var(--color-neutral-850-m3u7h5);
2548
- --color-background-slider-error-pressed-hjdtxr:var(--color-error-400-9vxaa6);
2549
- --color-background-slider-warning-pressed-78uc9o:var(--color-warning-500-g16re6);
2550
2571
  --color-background-status-error-5i5ikf:var(--color-error-1000-n60rq7);
2551
2572
  --color-background-status-info-nzp1n3:var(--color-info-1000-og0pob);
2552
2573
  --color-background-status-success-tkxjye:var(--color-success-1000-qm50d9);
@@ -2675,6 +2696,14 @@ body {
2675
2696
  --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
2676
2697
  --color-background-slider-range-default-ckhqiz:var(--color-background-slider-handle-default-pb538l);
2677
2698
  --color-background-slider-range-active-n1ml5a:var(--color-background-slider-handle-active-9ejayt);
2699
+ --color-background-slider-handle-error-default-s192wg:var(--color-text-status-error-aknuvu);
2700
+ --color-background-slider-handle-error-active-9wmulp:var(--color-text-status-error-aknuvu);
2701
+ --color-background-slider-handle-warning-default-6iv6gm:var(--color-text-status-warning-9b45qh);
2702
+ --color-background-slider-handle-warning-active-lrfo9z:var(--color-text-status-warning-9b45qh);
2703
+ --color-background-slider-range-error-default-97dhr7:var(--color-text-status-error-aknuvu);
2704
+ --color-background-slider-range-error-active-qpa7pp:var(--color-text-status-error-aknuvu);
2705
+ --color-background-slider-range-warning-default-izr58h:var(--color-text-status-warning-9b45qh);
2706
+ --color-background-slider-range-warning-active-wj7zse:var(--color-text-status-warning-9b45qh);
2678
2707
  --color-background-dialog-ce2sax:var(--color-background-status-info-nzp1n3);
2679
2708
  --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
2680
2709
  --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
@@ -2782,8 +2811,6 @@ body {
2782
2811
  --color-background-slider-handle-active-9ejayt:var(--color-primary-300-jwvz31);
2783
2812
  --color-background-slider-track-default-cos148:var(--color-neutral-600-boivn8);
2784
2813
  --color-background-slider-handle-ring-usftmh:var(--color-neutral-850-m3u7h5);
2785
- --color-background-slider-error-pressed-hjdtxr:var(--color-error-400-9vxaa6);
2786
- --color-background-slider-warning-pressed-78uc9o:var(--color-warning-500-g16re6);
2787
2814
  --color-background-status-error-5i5ikf:var(--color-error-1000-n60rq7);
2788
2815
  --color-background-status-info-nzp1n3:var(--color-info-1000-og0pob);
2789
2816
  --color-background-status-success-tkxjye:var(--color-success-1000-qm50d9);
@@ -2912,6 +2939,14 @@ body {
2912
2939
  --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
2913
2940
  --color-background-slider-range-default-ckhqiz:var(--color-background-slider-handle-default-pb538l);
2914
2941
  --color-background-slider-range-active-n1ml5a:var(--color-background-slider-handle-active-9ejayt);
2942
+ --color-background-slider-handle-error-default-s192wg:var(--color-text-status-error-aknuvu);
2943
+ --color-background-slider-handle-error-active-9wmulp:var(--color-text-status-error-aknuvu);
2944
+ --color-background-slider-handle-warning-default-6iv6gm:var(--color-text-status-warning-9b45qh);
2945
+ --color-background-slider-handle-warning-active-lrfo9z:var(--color-text-status-warning-9b45qh);
2946
+ --color-background-slider-range-error-default-97dhr7:var(--color-text-status-error-aknuvu);
2947
+ --color-background-slider-range-error-active-qpa7pp:var(--color-text-status-error-aknuvu);
2948
+ --color-background-slider-range-warning-default-izr58h:var(--color-text-status-warning-9b45qh);
2949
+ --color-background-slider-range-warning-active-wj7zse:var(--color-text-status-warning-9b45qh);
2915
2950
  --color-background-dialog-ce2sax:var(--color-background-status-info-nzp1n3);
2916
2951
  --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
2917
2952
  --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
@@ -3201,8 +3236,6 @@ body {
3201
3236
  --color-background-slider-handle-active-9ejayt:var(--color-primary-300-jwvz31);
3202
3237
  --color-background-slider-track-default-cos148:var(--color-neutral-600-boivn8);
3203
3238
  --color-background-slider-handle-ring-usftmh:var(--color-neutral-850-m3u7h5);
3204
- --color-background-slider-error-pressed-hjdtxr:var(--color-error-400-9vxaa6);
3205
- --color-background-slider-warning-pressed-78uc9o:var(--color-warning-500-g16re6);
3206
3239
  --color-background-status-error-5i5ikf:var(--color-error-1000-n60rq7);
3207
3240
  --color-background-status-info-nzp1n3:var(--color-info-1000-og0pob);
3208
3241
  --color-background-status-success-tkxjye:var(--color-success-1000-qm50d9);
@@ -3327,6 +3360,14 @@ body {
3327
3360
  --color-background-segment-wrapper-8sntqj:var(--color-background-container-content-aemn43);
3328
3361
  --color-background-slider-range-default-ckhqiz:var(--color-background-slider-handle-default-pb538l);
3329
3362
  --color-background-slider-range-active-n1ml5a:var(--color-background-slider-handle-active-9ejayt);
3363
+ --color-background-slider-handle-error-default-s192wg:var(--color-text-status-error-aknuvu);
3364
+ --color-background-slider-handle-error-active-9wmulp:var(--color-text-status-error-aknuvu);
3365
+ --color-background-slider-handle-warning-default-6iv6gm:var(--color-text-status-warning-9b45qh);
3366
+ --color-background-slider-handle-warning-active-lrfo9z:var(--color-text-status-warning-9b45qh);
3367
+ --color-background-slider-range-error-default-97dhr7:var(--color-text-status-error-aknuvu);
3368
+ --color-background-slider-range-error-active-qpa7pp:var(--color-text-status-error-aknuvu);
3369
+ --color-background-slider-range-warning-default-izr58h:var(--color-text-status-warning-9b45qh);
3370
+ --color-background-slider-range-warning-active-wj7zse:var(--color-text-status-warning-9b45qh);
3330
3371
  --color-background-dialog-ce2sax:var(--color-background-status-info-nzp1n3);
3331
3372
  --color-background-table-header-5hauij:var(--color-background-container-header-b8qo49);
3332
3373
  --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
@@ -3426,8 +3467,6 @@ body {
3426
3467
  --color-background-slider-handle-active-9ejayt:var(--color-primary-300-jwvz31);
3427
3468
  --color-background-slider-track-default-cos148:var(--color-neutral-600-boivn8);
3428
3469
  --color-background-slider-handle-ring-usftmh:var(--color-neutral-850-m3u7h5);
3429
- --color-background-slider-error-pressed-hjdtxr:var(--color-error-400-9vxaa6);
3430
- --color-background-slider-warning-pressed-78uc9o:var(--color-warning-500-g16re6);
3431
3470
  --color-background-status-error-5i5ikf:var(--color-error-1000-n60rq7);
3432
3471
  --color-background-status-info-nzp1n3:var(--color-info-1000-og0pob);
3433
3472
  --color-background-status-success-tkxjye:var(--color-success-1000-qm50d9);
@@ -3552,6 +3591,14 @@ body {
3552
3591
  --color-background-segment-wrapper-8sntqj:var(--color-background-container-content-aemn43);
3553
3592
  --color-background-slider-range-default-ckhqiz:var(--color-background-slider-handle-default-pb538l);
3554
3593
  --color-background-slider-range-active-n1ml5a:var(--color-background-slider-handle-active-9ejayt);
3594
+ --color-background-slider-handle-error-default-s192wg:var(--color-text-status-error-aknuvu);
3595
+ --color-background-slider-handle-error-active-9wmulp:var(--color-text-status-error-aknuvu);
3596
+ --color-background-slider-handle-warning-default-6iv6gm:var(--color-text-status-warning-9b45qh);
3597
+ --color-background-slider-handle-warning-active-lrfo9z:var(--color-text-status-warning-9b45qh);
3598
+ --color-background-slider-range-error-default-97dhr7:var(--color-text-status-error-aknuvu);
3599
+ --color-background-slider-range-error-active-qpa7pp:var(--color-text-status-error-aknuvu);
3600
+ --color-background-slider-range-warning-default-izr58h:var(--color-text-status-warning-9b45qh);
3601
+ --color-background-slider-range-warning-active-wj7zse:var(--color-text-status-warning-9b45qh);
3555
3602
  --color-background-dialog-ce2sax:var(--color-background-status-info-nzp1n3);
3556
3603
  --color-background-table-header-5hauij:var(--color-background-container-header-b8qo49);
3557
3604
  --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
@@ -3763,5 +3810,5 @@ body {
3763
3810
  }
3764
3811
  }
3765
3812
  :root {
3766
- --awsui-version-info-3b033674: true;
3813
+ --awsui-version-info-75aed8ba: true;
3767
3814
  }
package/lib/internal/template/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_lur60_145",
5
- "selectable-item-content": "awsui_selectable-item-content_15o6u_lur60_168",
6
- "pad-bottom": "awsui_pad-bottom_15o6u_lur60_172",
7
- "virtual": "awsui_virtual_15o6u_lur60_179",
8
- "has-background": "awsui_has-background_15o6u_lur60_182",
9
- "child": "awsui_child_15o6u_lur60_185",
10
- "disabled": "awsui_disabled_15o6u_lur60_191",
11
- "highlighted": "awsui_highlighted_15o6u_lur60_194",
12
- "selected": "awsui_selected_15o6u_lur60_194",
13
- "is-keyboard": "awsui_is-keyboard_15o6u_lur60_232",
14
- "visual-refresh": "awsui_visual-refresh_15o6u_lur60_235",
15
- "next-item-selected": "awsui_next-item-selected_15o6u_lur60_243",
16
- "previous-item-selected": "awsui_previous-item-selected_15o6u_lur60_264",
17
- "parent": "awsui_parent_15o6u_lur60_268",
18
- "interactiveGroups": "awsui_interactiveGroups_15o6u_lur60_271",
19
- "sticky": "awsui_sticky_15o6u_lur60_301",
20
- "with-scrollbar": "awsui_with-scrollbar_15o6u_lur60_316",
21
- "after-header": "awsui_after-header_15o6u_lur60_322",
22
- "measure-strut": "awsui_measure-strut_15o6u_lur60_354",
23
- "measure-strut-first": "awsui_measure-strut-first_15o6u_lur60_363",
24
- "screenreader-content": "awsui_screenreader-content_15o6u_lur60_367",
25
- "option-content": "awsui_option-content_15o6u_lur60_373",
26
- "select-all": "awsui_select-all_15o6u_lur60_377"
4
+ "selectable-item": "awsui_selectable-item_15o6u_9jxr0_145",
5
+ "parent": "awsui_parent_15o6u_9jxr0_164",
6
+ "interactiveGroups": "awsui_interactiveGroups_15o6u_9jxr0_164",
7
+ "highlighted": "awsui_highlighted_15o6u_9jxr0_164",
8
+ "selected": "awsui_selected_15o6u_9jxr0_164",
9
+ "selectable-item-content": "awsui_selectable-item-content_15o6u_9jxr0_167",
10
+ "pad-bottom": "awsui_pad-bottom_15o6u_9jxr0_171",
11
+ "virtual": "awsui_virtual_15o6u_9jxr0_178",
12
+ "has-background": "awsui_has-background_15o6u_9jxr0_181",
13
+ "child": "awsui_child_15o6u_9jxr0_184",
14
+ "disabled": "awsui_disabled_15o6u_9jxr0_190",
15
+ "is-keyboard": "awsui_is-keyboard_15o6u_9jxr0_218",
16
+ "visual-refresh": "awsui_visual-refresh_15o6u_9jxr0_228",
17
+ "next-item-selected": "awsui_next-item-selected_15o6u_9jxr0_242",
18
+ "previous-item-selected": "awsui_previous-item-selected_15o6u_9jxr0_252",
19
+ "sticky": "awsui_sticky_15o6u_9jxr0_297",
20
+ "with-scrollbar": "awsui_with-scrollbar_15o6u_9jxr0_316",
21
+ "after-header": "awsui_after-header_15o6u_9jxr0_319",
22
+ "measure-strut": "awsui_measure-strut_15o6u_9jxr0_348",
23
+ "screenreader-content": "awsui_screenreader-content_15o6u_9jxr0_360",
24
+ "option-content": "awsui_option-content_15o6u_9jxr0_366",
25
+ "select-all": "awsui_select-all_15o6u_9jxr0_370"
27
26
  };
28
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_lur60_145:not(#\9) {
145
+ .awsui_selectable-item_15o6u_9jxr0_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);
@@ -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-8ggz94, 1px) solid transparent;
157
- border-inline: var(--border-divider-list-width-8ggz94, 1px) solid transparent;
158
- border-block-start-color: var(--color-border-dropdown-item-default-uslwbi, #eaeded);
159
- border-block-end-color: var(--color-border-dropdown-item-default-uslwbi, #eaeded);
156
+ border-width: 0;
160
157
  background-color: var(--color-background-dropdown-item-default-fhmksr, #ffffff);
161
158
  color: var(--color-text-dropdown-item-default-a6mvc9, #16191f);
162
- border-inline-start-width: 0;
163
- border-inline-end-width: 0;
164
- padding-block: calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px));
159
+ padding-block: var(--border-item-width-acvlhx, 1px);
165
160
  padding-inline: var(--border-item-width-acvlhx, 1px);
166
161
  overflow: hidden;
162
+ box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded);
167
163
  }
168
- .awsui_selectable-item_15o6u_lur60_145 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9) {
164
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_parent_15o6u_9jxr0_164.awsui_interactiveGroups_15o6u_9jxr0_164:not(#\9):not(.awsui_highlighted_15o6u_9jxr0_164):not(.awsui_selected_15o6u_9jxr0_164) {
165
+ box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded);
166
+ }
167
+ .awsui_selectable-item_15o6u_9jxr0_145 > .awsui_selectable-item-content_15o6u_9jxr0_167:not(#\9) {
169
168
  padding-block: var(--space-xxs-jnczic, 4px);
170
169
  padding-inline: var(--space-field-horizontal-n5peob, 8px);
171
170
  }
172
- .awsui_selectable-item_15o6u_lur60_145.awsui_pad-bottom_15o6u_lur60_172:not(#\9) {
173
- padding-block-end: calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px));
174
- border-block-end-color: transparent;
171
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_pad-bottom_15o6u_9jxr0_171:not(#\9) {
172
+ padding-block-end: var(--border-item-width-acvlhx, 1px);
173
+ box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded);
175
174
  }
176
- .awsui_selectable-item_15o6u_lur60_145.awsui_pad-bottom_15o6u_lur60_172 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9) {
175
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_pad-bottom_15o6u_9jxr0_171 > .awsui_selectable-item-content_15o6u_9jxr0_167:not(#\9) {
177
176
  padding-block-end: calc(var(--space-xxs-jnczic, 4px) + var(--space-xxxs-3w1kr2, 2px));
178
177
  }
179
- .awsui_selectable-item_15o6u_lur60_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_lur60_145.awsui_virtual_15o6u_lur60_179:not(#\9) {
178
+ .awsui_selectable-item_15o6u_9jxr0_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_9jxr0_145.awsui_virtual_15o6u_9jxr0_178:not(#\9) {
180
179
  margin-block-start: calc(-1 * var(--border-item-width-acvlhx, 1px));
181
180
  }
182
- .awsui_selectable-item_15o6u_lur60_145.awsui_has-background_15o6u_lur60_182:not(#\9) {
181
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_has-background_15o6u_9jxr0_181:not(#\9) {
183
182
  background-color: var(--color-background-dropdown-item-hover-353r6f, #f2f3f3);
184
183
  }
185
- .awsui_selectable-item_15o6u_lur60_145.awsui_child_15o6u_lur60_185:not(#\9) {
184
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_child_15o6u_9jxr0_184:not(#\9) {
186
185
  padding-inline-start: var(--border-item-width-acvlhx, 1px);
187
186
  }
188
- .awsui_selectable-item_15o6u_lur60_145.awsui_child_15o6u_lur60_185 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9) {
187
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_child_15o6u_9jxr0_184 > .awsui_selectable-item-content_15o6u_9jxr0_167:not(#\9) {
189
188
  padding-inline-start: var(--space-xxl-q0lyvp, 32px);
190
189
  }
191
- .awsui_selectable-item_15o6u_lur60_145.awsui_disabled_15o6u_lur60_191 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9) {
190
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_disabled_15o6u_9jxr0_190 > .awsui_selectable-item-content_15o6u_9jxr0_167:not(#\9) {
192
191
  color: var(--color-text-dropdown-item-disabled-oysy8n, #aab7b8);
193
192
  }
194
- .awsui_selectable-item_15o6u_lur60_145.awsui_highlighted_15o6u_lur60_194:not(#\9), .awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194:not(#\9) {
193
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_highlighted_15o6u_9jxr0_164:not(#\9), .awsui_selectable-item_15o6u_9jxr0_145.awsui_selected_15o6u_9jxr0_164:not(#\9) {
195
194
  color: var(--color-text-dropdown-item-highlighted-bchk26, #16191f);
196
- border-width: var(--border-item-width-acvlhx, 1px);
197
195
  border-start-start-radius: var(--border-radius-item-xggxkd, 0px);
198
196
  border-start-end-radius: var(--border-radius-item-xggxkd, 0px);
199
197
  border-end-start-radius: var(--border-radius-item-xggxkd, 0px);
200
198
  border-end-end-radius: var(--border-radius-item-xggxkd, 0px);
199
+ border-width: 0;
201
200
  padding-block: 0;
202
201
  padding-inline: 0;
203
202
  }
204
- .awsui_selectable-item_15o6u_lur60_145.awsui_highlighted_15o6u_lur60_194 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9), .awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9) {
205
- padding-block: var(--space-xxs-jnczic, 4px);
206
- padding-inline: var(--space-field-horizontal-n5peob, 8px);
203
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_highlighted_15o6u_9jxr0_164 > .awsui_selectable-item-content_15o6u_9jxr0_167:not(#\9), .awsui_selectable-item_15o6u_9jxr0_145.awsui_selected_15o6u_9jxr0_164 > .awsui_selectable-item-content_15o6u_9jxr0_167:not(#\9) {
204
+ padding-block: calc(var(--space-xxs-jnczic, 4px) + var(--border-item-width-acvlhx, 1px));
205
+ padding-inline: calc(var(--space-field-horizontal-n5peob, 8px) + var(--border-item-width-acvlhx, 1px));
207
206
  }
208
- .awsui_selectable-item_15o6u_lur60_145.awsui_highlighted_15o6u_lur60_194.awsui_child_15o6u_lur60_185:not(#\9), .awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194.awsui_child_15o6u_lur60_185:not(#\9) {
209
- padding-inline-start: 0;
207
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_highlighted_15o6u_9jxr0_164.awsui_child_15o6u_9jxr0_184 > .awsui_selectable-item-content_15o6u_9jxr0_167:not(#\9), .awsui_selectable-item_15o6u_9jxr0_145.awsui_selected_15o6u_9jxr0_164.awsui_child_15o6u_9jxr0_184 > .awsui_selectable-item-content_15o6u_9jxr0_167:not(#\9) {
208
+ padding-inline-start: calc(var(--space-xxl-q0lyvp, 32px) + var(--border-item-width-acvlhx, 1px));
210
209
  }
211
- .awsui_selectable-item_15o6u_lur60_145.awsui_highlighted_15o6u_lur60_194.awsui_child_15o6u_lur60_185 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9), .awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194.awsui_child_15o6u_lur60_185 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9) {
212
- padding-inline-start: var(--space-xxl-q0lyvp, 32px);
213
- }
214
- .awsui_selectable-item_15o6u_lur60_145.awsui_highlighted_15o6u_lur60_194.awsui_pad-bottom_15o6u_lur60_172:not(#\9), .awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194.awsui_pad-bottom_15o6u_lur60_172:not(#\9) {
215
- padding-block-end: 0;
216
- }
217
- .awsui_selectable-item_15o6u_lur60_145.awsui_highlighted_15o6u_lur60_194.awsui_pad-bottom_15o6u_lur60_172 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9), .awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194.awsui_pad-bottom_15o6u_lur60_172 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9) {
218
- padding-block-end: calc(var(--space-xxs-jnczic, 4px) + var(--space-xxxs-3w1kr2, 2px));
210
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_highlighted_15o6u_9jxr0_164.awsui_pad-bottom_15o6u_9jxr0_171 > .awsui_selectable-item-content_15o6u_9jxr0_167:not(#\9), .awsui_selectable-item_15o6u_9jxr0_145.awsui_selected_15o6u_9jxr0_164.awsui_pad-bottom_15o6u_9jxr0_171 > .awsui_selectable-item-content_15o6u_9jxr0_167:not(#\9) {
211
+ padding-block-end: calc(var(--space-xxs-jnczic, 4px) + var(--space-xxxs-3w1kr2, 2px) + var(--border-item-width-acvlhx, 1px));
219
212
  }
220
- .awsui_selectable-item_15o6u_lur60_145.awsui_highlighted_15o6u_lur60_194:not(#\9) {
213
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_highlighted_15o6u_9jxr0_164:not(#\9) {
221
214
  z-index: 3;
222
215
  background-color: var(--color-background-dropdown-item-hover-353r6f, #f2f3f3);
223
- border-color: var(--color-border-dropdown-item-hover-vony6u, #879596);
216
+ box-shadow: inset 0 0 0 var(--border-item-width-acvlhx, 1px) var(--color-border-dropdown-item-hover-vony6u, #879596);
224
217
  }
225
- .awsui_selectable-item_15o6u_lur60_145.awsui_highlighted_15o6u_lur60_194.awsui_disabled_15o6u_lur60_191:not(#\9) {
226
- border-color: var(--color-border-dropdown-item-dimmed-hover-twsd8z, #879596);
218
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_highlighted_15o6u_9jxr0_164.awsui_is-keyboard_15o6u_9jxr0_218:not(#\9) {
219
+ box-shadow: inset 0 0 0 var(--border-item-width-acvlhx, 1px) var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
220
+ }
221
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_highlighted_15o6u_9jxr0_164.awsui_disabled_15o6u_9jxr0_190:not(#\9) {
222
+ box-shadow: inset 0 0 0 var(--border-item-width-acvlhx, 1px) var(--color-border-dropdown-item-dimmed-hover-twsd8z, #879596);
227
223
  background-color: var(--color-background-dropdown-item-dimmed-2hwvu9, transparent);
228
224
  }
229
- .awsui_selectable-item_15o6u_lur60_145.awsui_highlighted_15o6u_lur60_194.awsui_disabled_15o6u_lur60_191 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9) {
225
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_highlighted_15o6u_9jxr0_164.awsui_disabled_15o6u_9jxr0_190 > .awsui_selectable-item-content_15o6u_9jxr0_167:not(#\9) {
230
226
  color: var(--color-text-dropdown-item-dimmed-0xf8v3, #aab7b8);
231
227
  }
232
- .awsui_selectable-item_15o6u_lur60_145.awsui_highlighted_15o6u_lur60_194.awsui_is-keyboard_15o6u_lur60_232:not(#\9) {
233
- border-color: var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
234
- }
235
- .awsui_selectable-item_15o6u_lur60_145.awsui_highlighted_15o6u_lur60_194.awsui_is-keyboard_15o6u_lur60_232:not(#\9):not(.awsui_visual-refresh_15o6u_lur60_235) {
228
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_highlighted_15o6u_9jxr0_164:not(#\9):not(.awsui_visual-refresh_15o6u_9jxr0_228).awsui_is-keyboard_15o6u_9jxr0_218 {
236
229
  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
237
230
  }
238
- .awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194:not(#\9) {
231
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_selected_15o6u_9jxr0_164:not(#\9) {
239
232
  z-index: 2;
240
233
  background-color: var(--color-background-dropdown-item-selected-1c9k0x, #f1faff);
241
- border-color: var(--color-border-dropdown-item-selected-88v7h2, #eaeded);
234
+ box-shadow: inset 0 0 0 var(--border-item-width-acvlhx, 1px) var(--color-border-dropdown-item-selected-88v7h2, #eaeded);
242
235
  }
243
- .awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194.awsui_next-item-selected_15o6u_lur60_243:not(#\9) {
244
- border-end-start-radius: 0;
245
- border-end-end-radius: 0;
236
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_selected_15o6u_9jxr0_164.awsui_highlighted_15o6u_9jxr0_164:not(#\9) {
237
+ box-shadow: inset 0 0 0 var(--border-item-width-acvlhx, 1px) var(--color-border-dropdown-item-selected-88v7h2, #eaeded), inset 0 0 0 calc(2 * var(--border-item-width-acvlhx, 1px)) var(--color-border-dropdown-item-hover-vony6u, #879596);
246
238
  }
247
- .awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194.awsui_highlighted_15o6u_lur60_194:not(#\9) {
248
- border-color: var(--color-border-dropdown-item-selected-88v7h2, #eaeded);
249
- z-index: 3;
250
- outline: var(--border-item-width-acvlhx, 1px) solid var(--color-border-dropdown-item-hover-vony6u, #879596);
251
- outline-offset: calc(-2 * var(--border-item-width-acvlhx, 1px));
239
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_selected_15o6u_9jxr0_164.awsui_highlighted_15o6u_9jxr0_164.awsui_is-keyboard_15o6u_9jxr0_218:not(#\9) {
240
+ box-shadow: inset 0 0 0 var(--border-item-width-acvlhx, 1px) var(--color-border-dropdown-item-selected-88v7h2, #eaeded), inset 0 0 0 calc(2 * var(--border-item-width-acvlhx, 1px)) var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
252
241
  }
253
- .awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194.awsui_highlighted_15o6u_lur60_194.awsui_is-keyboard_15o6u_lur60_232:not(#\9) {
254
- border-color: var(--color-border-dropdown-item-selected-88v7h2, #eaeded);
255
- outline-color: var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
242
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_selected_15o6u_9jxr0_164.awsui_next-item-selected_15o6u_9jxr0_242:not(#\9) {
243
+ border-end-start-radius: 0;
244
+ border-end-end-radius: 0;
256
245
  }
257
- .awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194.awsui_highlighted_15o6u_lur60_194:not(#\9):not(.awsui_visual-refresh_15o6u_lur60_235) {
258
- border-color: var(--color-border-dropdown-item-hover-vony6u, #879596);
259
- outline: none;
246
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_selected_15o6u_9jxr0_164.awsui_highlighted_15o6u_9jxr0_164:not(#\9):not(.awsui_visual-refresh_15o6u_9jxr0_228) {
247
+ box-shadow: inset 0 0 0 var(--border-item-width-acvlhx, 1px) var(--color-border-dropdown-item-hover-vony6u, #879596);
260
248
  }
261
- .awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194.awsui_highlighted_15o6u_lur60_194:not(#\9):not(.awsui_visual-refresh_15o6u_lur60_235).awsui_is-keyboard_15o6u_lur60_232 {
262
- border-color: var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
249
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_selected_15o6u_9jxr0_164.awsui_highlighted_15o6u_9jxr0_164:not(#\9):not(.awsui_visual-refresh_15o6u_9jxr0_228).awsui_is-keyboard_15o6u_9jxr0_218 {
250
+ box-shadow: inset 0 0 0 var(--border-item-width-acvlhx, 1px) var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
263
251
  }
264
- .awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194 + .awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194:not(#\9), .awsui_selectable-item_15o6u_lur60_145.awsui_selected_15o6u_lur60_194.awsui_previous-item-selected_15o6u_lur60_264:not(#\9) {
252
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_selected_15o6u_9jxr0_164 + .awsui_selectable-item_15o6u_9jxr0_145.awsui_selected_15o6u_9jxr0_164:not(#\9), .awsui_selectable-item_15o6u_9jxr0_145.awsui_selected_15o6u_9jxr0_164.awsui_previous-item-selected_15o6u_9jxr0_252:not(#\9) {
265
253
  border-start-start-radius: 0;
266
254
  border-start-end-radius: 0;
267
255
  }
268
- .awsui_selectable-item_15o6u_lur60_145.awsui_parent_15o6u_lur60_268:not(#\9):not(.awsui_disabled_15o6u_lur60_191) > .awsui_selectable-item-content_15o6u_lur60_168 {
256
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_parent_15o6u_9jxr0_164:not(#\9):not(.awsui_disabled_15o6u_9jxr0_190) > .awsui_selectable-item-content_15o6u_9jxr0_167 {
269
257
  color: var(--color-text-dropdown-group-label-m31yo5, #545b64);
270
258
  }
271
- .awsui_selectable-item_15o6u_lur60_145.awsui_parent_15o6u_lur60_268:not(#\9):not(.awsui_interactiveGroups_15o6u_lur60_271) {
272
- border-block-start-color: var(--color-border-dropdown-group-dg9zg5, #eaeded);
259
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_parent_15o6u_9jxr0_164:not(#\9):not(.awsui_interactiveGroups_15o6u_9jxr0_164) {
260
+ box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-border-dropdown-group-dg9zg5, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded);
273
261
  padding-block: 0;
274
262
  padding-inline: 0;
275
263
  }
276
- .awsui_selectable-item_15o6u_lur60_145.awsui_parent_15o6u_lur60_268:not(#\9):not(.awsui_interactiveGroups_15o6u_lur60_271):not(:has(> .awsui_selectable-item-content_15o6u_lur60_168)) {
277
- padding-block: calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px));
264
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_parent_15o6u_9jxr0_164:not(#\9):not(.awsui_interactiveGroups_15o6u_9jxr0_164):not(:has(> .awsui_selectable-item-content_15o6u_9jxr0_167)) {
265
+ padding-block: var(--border-item-width-acvlhx, 1px);
278
266
  padding-inline: var(--border-item-width-acvlhx, 1px);
279
267
  }
280
- .awsui_selectable-item_15o6u_lur60_145.awsui_parent_15o6u_lur60_268:not(#\9):not(.awsui_interactiveGroups_15o6u_lur60_271) > .awsui_selectable-item-content_15o6u_lur60_168 {
268
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_parent_15o6u_9jxr0_164:not(#\9):not(.awsui_interactiveGroups_15o6u_9jxr0_164) > .awsui_selectable-item-content_15o6u_9jxr0_167 {
281
269
  padding-block: var(--space-xs-kw7k3v, 8px);
282
270
  padding-inline: var(--space-xs-kw7k3v, 8px);
283
271
  font-weight: bold;
284
272
  }
285
- .awsui_selectable-item_15o6u_lur60_145.awsui_parent_15o6u_lur60_268.awsui_interactiveGroups_15o6u_lur60_271 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9) {
273
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_parent_15o6u_9jxr0_164.awsui_interactiveGroups_15o6u_9jxr0_164 > .awsui_selectable-item-content_15o6u_9jxr0_167:not(#\9) {
286
274
  padding-block: var(--space-xs-kw7k3v, 8px);
287
275
  padding-inline: var(--space-field-horizontal-n5peob, 8px);
288
276
  font-weight: bold;
289
277
  }
290
- .awsui_selectable-item_15o6u_lur60_145.awsui_parent_15o6u_lur60_268.awsui_interactiveGroups_15o6u_lur60_271.awsui_highlighted_15o6u_lur60_194 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9) {
278
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_parent_15o6u_9jxr0_164.awsui_interactiveGroups_15o6u_9jxr0_164.awsui_highlighted_15o6u_9jxr0_164 > .awsui_selectable-item-content_15o6u_9jxr0_167:not(#\9) {
291
279
  color: var(--color-text-dropdown-item-highlighted-bchk26, #16191f);
292
280
  }
293
- .awsui_selectable-item_15o6u_lur60_145.awsui_parent_15o6u_lur60_268.awsui_interactiveGroups_15o6u_lur60_271.awsui_highlighted_15o6u_lur60_194:not(#\9), .awsui_selectable-item_15o6u_lur60_145.awsui_parent_15o6u_lur60_268.awsui_interactiveGroups_15o6u_lur60_271.awsui_selected_15o6u_lur60_194:not(#\9) {
281
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_parent_15o6u_9jxr0_164.awsui_interactiveGroups_15o6u_9jxr0_164.awsui_highlighted_15o6u_9jxr0_164:not(#\9), .awsui_selectable-item_15o6u_9jxr0_145.awsui_parent_15o6u_9jxr0_164.awsui_interactiveGroups_15o6u_9jxr0_164.awsui_selected_15o6u_9jxr0_164:not(#\9) {
282
+ border-width: 0;
294
283
  padding-block: 0;
295
284
  padding-inline: 0;
296
285
  }
297
- .awsui_selectable-item_15o6u_lur60_145.awsui_parent_15o6u_lur60_268.awsui_interactiveGroups_15o6u_lur60_271.awsui_highlighted_15o6u_lur60_194 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9), .awsui_selectable-item_15o6u_lur60_145.awsui_parent_15o6u_lur60_268.awsui_interactiveGroups_15o6u_lur60_271.awsui_selected_15o6u_lur60_194 > .awsui_selectable-item-content_15o6u_lur60_168:not(#\9) {
298
- padding-block: var(--space-xs-kw7k3v, 8px);
299
- padding-inline: var(--space-field-horizontal-n5peob, 8px);
286
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_parent_15o6u_9jxr0_164.awsui_interactiveGroups_15o6u_9jxr0_164.awsui_highlighted_15o6u_9jxr0_164 > .awsui_selectable-item-content_15o6u_9jxr0_167:not(#\9), .awsui_selectable-item_15o6u_9jxr0_145.awsui_parent_15o6u_9jxr0_164.awsui_interactiveGroups_15o6u_9jxr0_164.awsui_selected_15o6u_9jxr0_164 > .awsui_selectable-item-content_15o6u_9jxr0_167:not(#\9) {
287
+ padding-block: calc(var(--space-xxs-jnczic, 4px) + var(--border-item-width-acvlhx, 1px));
288
+ padding-inline: calc(var(--space-field-horizontal-n5peob, 8px) + var(--border-item-width-acvlhx, 1px));
300
289
  }
301
- .awsui_selectable-item_15o6u_lur60_145.awsui_sticky_15o6u_lur60_301:not(#\9) {
290
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_parent_15o6u_9jxr0_164.awsui_interactiveGroups_15o6u_9jxr0_164.awsui_highlighted_15o6u_9jxr0_164 > .awsui_selectable-item-content_15o6u_9jxr0_167:not(#\9), .awsui_selectable-item_15o6u_9jxr0_145.awsui_parent_15o6u_9jxr0_164.awsui_interactiveGroups_15o6u_9jxr0_164.awsui_selected_15o6u_9jxr0_164 > .awsui_selectable-item-content_15o6u_9jxr0_167:not(#\9) {
291
+ padding-block: calc(var(--space-xs-kw7k3v, 8px) + var(--border-item-width-acvlhx, 1px));
292
+ padding-inline: calc(var(--space-field-horizontal-n5peob, 8px) + var(--border-item-width-acvlhx, 1px));
293
+ }
294
+ .awsui_selectable-item_15o6u_9jxr0_145:not(#\9):not(.awsui_disabled_15o6u_9jxr0_190):not(.awsui_parent_15o6u_9jxr0_164), .awsui_selectable-item_15o6u_9jxr0_145.awsui_interactiveGroups_15o6u_9jxr0_164:not(#\9):not(.awsui_disabled_15o6u_9jxr0_190) {
295
+ cursor: pointer;
296
+ }
297
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_sticky_15o6u_9jxr0_297 + .awsui_selectable-item_15o6u_9jxr0_145:not(#\9):not(.awsui_sticky_15o6u_9jxr0_297):not(.awsui_highlighted_15o6u_9jxr0_164):not(.awsui_selected_15o6u_9jxr0_164) {
298
+ box-shadow: inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded);
299
+ }
300
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_sticky_15o6u_9jxr0_297:not(#\9) {
302
301
  position: sticky;
303
302
  inset-block-start: 0;
304
- margin-block-end: calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px));
303
+ margin-block-end: var(--border-item-width-acvlhx, 1px);
305
304
  z-index: 4;
305
+ padding-inline: var(--border-item-width-acvlhx, 1px);
306
306
  }
307
- .awsui_selectable-item_15o6u_lur60_145.awsui_sticky_15o6u_lur60_301:not(#\9):not(.awsui_highlighted_15o6u_lur60_194):not(.awsui_selected_15o6u_lur60_194) {
308
- border-inline-start-width: var(--border-item-width-acvlhx, 1px);
309
- border-inline-start-color: var(--color-border-dropdown-container-w99bbi, transparent);
310
- border-inline-end-color: var(--color-border-dropdown-container-w99bbi, transparent);
311
- padding-inline: 0;
307
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_sticky_15o6u_9jxr0_297.awsui_highlighted_15o6u_9jxr0_164:not(#\9), .awsui_selectable-item_15o6u_9jxr0_145.awsui_sticky_15o6u_9jxr0_297.awsui_selected_15o6u_9jxr0_164:not(#\9) {
308
+ padding-inline: var(--border-item-width-acvlhx, 1px);
312
309
  }
313
- .awsui_selectable-item_15o6u_lur60_145.awsui_sticky_15o6u_lur60_301:not(#\9):not(.awsui_highlighted_15o6u_lur60_194):not(.awsui_selected_15o6u_lur60_194) > .awsui_selectable-item-content_15o6u_lur60_168 {
310
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_sticky_15o6u_9jxr0_297 > .awsui_selectable-item-content_15o6u_9jxr0_167:not(#\9) {
314
311
  padding-inline: var(--space-field-horizontal-n5peob, 8px);
315
312
  }
316
- .awsui_selectable-item_15o6u_lur60_145.awsui_sticky_15o6u_lur60_301:not(#\9):not(.awsui_highlighted_15o6u_lur60_194):not(.awsui_selected_15o6u_lur60_194):not(.awsui_with-scrollbar_15o6u_lur60_316) {
317
- border-inline-end-width: var(--border-item-width-acvlhx, 1px);
313
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_sticky_15o6u_9jxr0_297:not(#\9):not(.awsui_highlighted_15o6u_9jxr0_164):not(.awsui_selected_15o6u_9jxr0_164) {
314
+ box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset var(--border-width-popover-dgqo1x, 1px) 0 0 0 var(--color-border-dropdown-container-w99bbi, transparent);
318
315
  }
319
- .awsui_selectable-item_15o6u_lur60_145.awsui_sticky_15o6u_lur60_301:not(#\9):not(.awsui_highlighted_15o6u_lur60_194):not(.awsui_selected_15o6u_lur60_194).awsui_with-scrollbar_15o6u_lur60_316 {
320
- border-inline-end-width: 0;
316
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_sticky_15o6u_9jxr0_297:not(#\9):not(.awsui_highlighted_15o6u_9jxr0_164):not(.awsui_selected_15o6u_9jxr0_164):not(.awsui_with-scrollbar_15o6u_9jxr0_316) {
317
+ box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset var(--border-width-popover-dgqo1x, 1px) 0 0 0 var(--color-border-dropdown-container-w99bbi, transparent), inset calc(-1 * var(--border-width-popover-dgqo1x, 1px)) 0 0 0 var(--color-border-dropdown-container-w99bbi, transparent);
321
318
  }
322
- .awsui_selectable-item_15o6u_lur60_145.awsui_sticky_15o6u_lur60_301:not(#\9):not(.awsui_highlighted_15o6u_lur60_194):not(.awsui_selected_15o6u_lur60_194):not(.awsui_after-header_15o6u_lur60_322) {
319
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_sticky_15o6u_9jxr0_297:not(#\9):not(.awsui_highlighted_15o6u_9jxr0_164):not(.awsui_selected_15o6u_9jxr0_164):not(.awsui_after-header_15o6u_9jxr0_319) {
323
320
  border-start-start-radius: var(--border-radius-item-xggxkd, 0px);
324
321
  }
325
- .awsui_selectable-item_15o6u_lur60_145.awsui_sticky_15o6u_lur60_301:not(#\9):not(.awsui_highlighted_15o6u_lur60_194):not(.awsui_selected_15o6u_lur60_194):not(.awsui_after-header_15o6u_lur60_322):not(.awsui_selectable-item_15o6u_lur60_145.awsui_sticky_15o6u_lur60_301:not(.awsui_highlighted_15o6u_lur60_194):not(.awsui_selected_15o6u_lur60_194):not(.awsui_after-header_15o6u_lur60_322).awsui_with-scrollbar_15o6u_lur60_316) {
322
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_sticky_15o6u_9jxr0_297:not(#\9):not(.awsui_highlighted_15o6u_9jxr0_164):not(.awsui_selected_15o6u_9jxr0_164):not(.awsui_after-header_15o6u_9jxr0_319):not(.awsui_selectable-item_15o6u_9jxr0_145.awsui_sticky_15o6u_9jxr0_297:not(.awsui_highlighted_15o6u_9jxr0_164):not(.awsui_selected_15o6u_9jxr0_164):not(.awsui_after-header_15o6u_9jxr0_319).awsui_with-scrollbar_15o6u_9jxr0_316) {
326
323
  border-start-end-radius: var(--border-radius-item-xggxkd, 0px);
327
324
  }
328
- .awsui_selectable-item_15o6u_lur60_145.awsui_sticky_15o6u_lur60_301:not(#\9):not(.awsui_highlighted_15o6u_lur60_194):not(.awsui_selected_15o6u_lur60_194).awsui_after-header_15o6u_lur60_322 {
329
- border-block-start-color: var(--color-background-dropdown-item-default-fhmksr, #ffffff);
330
- }
331
- .awsui_selectable-item_15o6u_lur60_145.awsui_sticky_15o6u_lur60_301.awsui_disabled_15o6u_lur60_191.awsui_highlighted_15o6u_lur60_194:not(#\9), .awsui_selectable-item_15o6u_lur60_145.awsui_sticky_15o6u_lur60_301.awsui_disabled_15o6u_lur60_191.awsui_selected_15o6u_lur60_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_9jxr0_145.awsui_sticky_15o6u_9jxr0_297:not(#\9):not(.awsui_highlighted_15o6u_9jxr0_164):not(.awsui_selected_15o6u_9jxr0_164).awsui_after-header_15o6u_9jxr0_319 {
326
+ box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-background-dropdown-item-default-fhmksr, #ffffff), inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset var(--border-width-popover-dgqo1x, 1px) 0 0 0 var(--color-border-dropdown-container-w99bbi, transparent);
336
327
  }
337
- .awsui_selectable-item_15o6u_lur60_145:not(#\9):not(.awsui_disabled_15o6u_lur60_191):not(.awsui_parent_15o6u_lur60_268) {
338
- cursor: pointer;
328
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_sticky_15o6u_9jxr0_297:not(#\9):not(.awsui_highlighted_15o6u_9jxr0_164):not(.awsui_selected_15o6u_9jxr0_164).awsui_after-header_15o6u_9jxr0_319:not(.awsui_with-scrollbar_15o6u_9jxr0_316) {
329
+ box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-background-dropdown-item-default-fhmksr, #ffffff), inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset var(--border-width-popover-dgqo1x, 1px) 0 0 0 var(--color-border-dropdown-container-w99bbi, transparent), inset calc(-1 * var(--border-width-popover-dgqo1x, 1px)) 0 0 0 var(--color-border-dropdown-container-w99bbi, transparent);
339
330
  }
340
- .awsui_selectable-item_15o6u_lur60_145.awsui_interactiveGroups_15o6u_lur60_271:not(#\9):not(.awsui_disabled_15o6u_lur60_191) {
341
- cursor: pointer;
331
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_sticky_15o6u_9jxr0_297.awsui_disabled_15o6u_9jxr0_190.awsui_highlighted_15o6u_9jxr0_164:not(#\9), .awsui_selectable-item_15o6u_9jxr0_145.awsui_sticky_15o6u_9jxr0_297.awsui_disabled_15o6u_9jxr0_190.awsui_selected_15o6u_9jxr0_164:not(#\9) {
332
+ box-shadow: none;
342
333
  }
343
- .awsui_selectable-item_15o6u_lur60_145.awsui_virtual_15o6u_lur60_179:not(#\9) {
334
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_virtual_15o6u_9jxr0_178:not(#\9) {
344
335
  position: absolute;
345
336
  inset-block-start: var(--border-dropdown-virtual-offset-width-1fzwg5, 0px);
346
337
  inset-inline-start: 0;
347
338
  inline-size: 100%;
348
339
  box-sizing: border-box;
349
340
  }
350
- .awsui_selectable-item_15o6u_lur60_145.awsui_virtual_15o6u_lur60_179:not(#\9):first-of-type:not(.awsui_selected_15o6u_lur60_194, .awsui_highlighted_15o6u_lur60_194) {
351
- border-block-start-color: var(--color-border-dropdown-item-top-znzfoj, #eaeded);
341
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_virtual_15o6u_9jxr0_178:not(#\9):first-of-type:not(.awsui_selected_15o6u_9jxr0_164, .awsui_highlighted_15o6u_9jxr0_164) {
342
+ box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-border-dropdown-item-top-znzfoj, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded);
343
+ }
344
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_virtual_15o6u_9jxr0_178.awsui_parent_15o6u_9jxr0_164:not(#\9):not(.awsui_interactiveGroups_15o6u_9jxr0_164) {
345
+ box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-border-dropdown-group-dg9zg5, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded);
352
346
  }
353
347
 
354
- .awsui_measure-strut_15o6u_lur60_354:not(#\9) {
348
+ .awsui_measure-strut_15o6u_9jxr0_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-8ggz94, 1px);
362
355
  }
363
- .awsui_measure-strut-first_15o6u_lur60_363:not(#\9) {
364
- padding-block-end: var(--border-divider-list-width-8ggz94, 1px);
356
+ .awsui_selectable-item_15o6u_9jxr0_145.awsui_virtual_15o6u_9jxr0_178 > .awsui_measure-strut_15o6u_9jxr0_348:not(#\9) {
357
+ block-size: calc(100% - var(--border-item-width-acvlhx, 1px));
365
358
  }
366
359
 
367
- .awsui_screenreader-content_15o6u_lur60_367:not(#\9) {
360
+ .awsui_screenreader-content_15o6u_9jxr0_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_lur60_373:not(#\9) {
366
+ .awsui_option-content_15o6u_9jxr0_366:not(#\9) {
374
367
  /* used in test-utils */
375
368
  }
376
369
 
377
- .awsui_select-all_15o6u_lur60_377:not(#\9) {
370
+ .awsui_select-all_15o6u_9jxr0_370:not(#\9) {
378
371
  /* used in test-utils */
379
372
  }