@cloudscape-design/components-themeable 3.0.916 → 3.0.918

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 (34) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/icon/styles.scss +1 -0
  3. package/lib/internal/scss/segmented-control/segment.scss +51 -29
  4. package/lib/internal/scss/segmented-control/styles.scss +22 -2
  5. package/lib/internal/template/icon/generated/icons.d.ts +2 -0
  6. package/lib/internal/template/icon/generated/icons.d.ts.map +1 -1
  7. package/lib/internal/template/icon/generated/icons.js +4 -0
  8. package/lib/internal/template/icon/generated/icons.js.map +1 -1
  9. package/lib/internal/template/icon/interfaces.d.ts +1 -1
  10. package/lib/internal/template/icon/interfaces.d.ts.map +1 -1
  11. package/lib/internal/template/icon/interfaces.js.map +1 -1
  12. package/lib/internal/template/icon/styles.css.js +39 -38
  13. package/lib/internal/template/icon/styles.scoped.css +85 -83
  14. package/lib/internal/template/icon/styles.selectors.js +39 -38
  15. package/lib/internal/template/internal/base-component/styles.scoped.css +40 -29
  16. package/lib/internal/template/internal/components/drag-handle/styles.scoped.css +2 -2
  17. package/lib/internal/template/internal/environment.js +1 -1
  18. package/lib/internal/template/internal/environment.json +1 -1
  19. package/lib/internal/template/internal/generated/styles/tokens.js +3 -3
  20. package/lib/internal/template/internal/generated/theming/index.cjs +35 -35
  21. package/lib/internal/template/internal/generated/theming/index.js +35 -35
  22. package/lib/internal/template/segmented-control/internal-segmented-control.d.ts.map +1 -1
  23. package/lib/internal/template/segmented-control/internal-segmented-control.js +5 -1
  24. package/lib/internal/template/segmented-control/internal-segmented-control.js.map +1 -1
  25. package/lib/internal/template/segmented-control/segment.d.ts.map +1 -1
  26. package/lib/internal/template/segmented-control/segment.js +3 -1
  27. package/lib/internal/template/segmented-control/segment.js.map +1 -1
  28. package/lib/internal/template/segmented-control/styles.css.js +16 -15
  29. package/lib/internal/template/segmented-control/styles.scoped.css +104 -81
  30. package/lib/internal/template/segmented-control/styles.selectors.js +16 -15
  31. package/lib/internal/template/select/parts/styles.scoped.css +2 -4
  32. package/lib/internal/template/slider/styles.scoped.css +2 -4
  33. package/lib/internal/template/test-utils/tsconfig.tsbuildinfo +1 -1
  34. package/package.json +1 -1
package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED
@@ -233,7 +233,7 @@
233
233
  --color-background-segment-active-sly4sl:#0073bb;
234
234
  --color-background-segment-default-i67ckm:#ffffff;
235
235
  --color-background-segment-disabled-qrelg7:#ffffff;
236
- --color-background-segment-hover-rizmh0:#ffffff;
236
+ --color-background-segment-hover-6vky3v:#fafafa;
237
237
  --color-background-slider-handle-default-cltbq6:#0073bb;
238
238
  --color-background-slider-handle-active-qr2v7p:#0a4a74;
239
239
  --color-background-slider-track-3cup70:#879596;
@@ -399,7 +399,7 @@
399
399
  --color-text-pagination-page-number-default-010u3g:#545b64;
400
400
  --color-text-segment-active-mr3gdg:#ffffff;
401
401
  --color-text-segment-default-ifduc0:#545b64;
402
- --color-text-segment-hover-s17yjo:#0073bb;
402
+ --color-text-segment-hover-2pspuk:#16191f;
403
403
  --color-text-small-m48dvk:#687078;
404
404
  --color-text-status-error-p5bdwa:#d13212;
405
405
  --color-text-status-inactive-hdm5cz:#687078;
@@ -600,7 +600,7 @@
600
600
  --space-panel-side-right-otvpm8:32px;
601
601
  --space-panel-split-top-lbihmh:0px;
602
602
  --space-panel-split-bottom-j0hrt0:20px;
603
- --space-segmented-control-focus-outline-gutter-j1qpgh:3px;
603
+ --space-segmented-control-focus-outline-gutter-zduejh:3px;
604
604
  --space-tabs-content-top-asxj61:16px;
605
605
  --space-tabs-focus-outline-gutter-ix5qjm:0px;
606
606
  --space-table-content-bottom-669dmq:0px;
@@ -871,7 +871,7 @@
871
871
  --color-background-segment-active-sly4sl:#00a1c9;
872
872
  --color-background-segment-default-i67ckm:#2a2e33;
873
873
  --color-background-segment-disabled-qrelg7:#2a2e33;
874
- --color-background-segment-hover-rizmh0:#2a2e33;
874
+ --color-background-segment-hover-6vky3v:#21252c;
875
875
  --color-background-slider-handle-default-cltbq6:#00a1c9;
876
876
  --color-background-slider-handle-active-qr2v7p:#44b9d6;
877
877
  --color-background-slider-track-3cup70:#687078;
@@ -1005,7 +1005,7 @@
1005
1005
  --color-text-pagination-page-number-default-010u3g:#d5dbdb;
1006
1006
  --color-text-segment-active-mr3gdg:#1a2029;
1007
1007
  --color-text-segment-default-ifduc0:#d5dbdb;
1008
- --color-text-segment-hover-s17yjo:#00a1c9;
1008
+ --color-text-segment-hover-2pspuk:#fafafa;
1009
1009
  --color-text-small-m48dvk:#95a5a6;
1010
1010
  --color-text-status-error-p5bdwa:#ff5d64;
1011
1011
  --color-text-status-inactive-hdm5cz:#95a5a6;
@@ -1181,7 +1181,7 @@
1181
1181
  --color-background-segment-active-sly4sl:#00a1c9;
1182
1182
  --color-background-segment-default-i67ckm:#2a2e33;
1183
1183
  --color-background-segment-disabled-qrelg7:#2a2e33;
1184
- --color-background-segment-hover-rizmh0:#2a2e33;
1184
+ --color-background-segment-hover-6vky3v:#21252c;
1185
1185
  --color-background-slider-handle-default-cltbq6:#00a1c9;
1186
1186
  --color-background-slider-handle-active-qr2v7p:#44b9d6;
1187
1187
  --color-background-slider-track-3cup70:#687078;
@@ -1315,7 +1315,7 @@
1315
1315
  --color-text-pagination-page-number-default-010u3g:#d5dbdb;
1316
1316
  --color-text-segment-active-mr3gdg:#1a2029;
1317
1317
  --color-text-segment-default-ifduc0:#d5dbdb;
1318
- --color-text-segment-hover-s17yjo:#00a1c9;
1318
+ --color-text-segment-hover-2pspuk:#fafafa;
1319
1319
  --color-text-small-m48dvk:#95a5a6;
1320
1320
  --color-text-status-error-p5bdwa:#ff5d64;
1321
1321
  --color-text-status-inactive-hdm5cz:#95a5a6;
@@ -1528,6 +1528,7 @@
1528
1528
  --color-background-progress-bar-content-in-flash-x3i3hs:#ffffff;
1529
1529
  --color-background-progress-bar-layout-default-ojjuy5:#ebebf0;
1530
1530
  --color-background-segment-active-sly4sl:#006ce0;
1531
+ --color-background-segment-hover-6vky3v:#f0fbff;
1531
1532
  --color-background-slider-handle-default-cltbq6:#006ce0;
1532
1533
  --color-background-slider-handle-active-qr2v7p:#004a9e;
1533
1534
  --color-background-slider-track-3cup70:#8c8c94;
@@ -1673,7 +1674,7 @@
1673
1674
  --color-text-pagination-page-number-active-disabled-m1yzqe:#b4b4bb;
1674
1675
  --color-text-pagination-page-number-default-010u3g:#424650;
1675
1676
  --color-text-segment-default-ifduc0:#424650;
1676
- --color-text-segment-hover-s17yjo:#006ce0;
1677
+ --color-text-segment-hover-2pspuk:#002b66;
1677
1678
  --color-text-small-m48dvk:#656871;
1678
1679
  --color-text-status-error-p5bdwa:#db0000;
1679
1680
  --color-text-status-inactive-hdm5cz:#656871;
@@ -1809,7 +1810,7 @@
1809
1810
  --space-panel-side-left-1i2jyv:28px;
1810
1811
  --space-panel-side-right-otvpm8:24px;
1811
1812
  --space-panel-split-top-lbihmh:20px;
1812
- --space-segmented-control-focus-outline-gutter-j1qpgh:4px;
1813
+ --space-segmented-control-focus-outline-gutter-zduejh:6px;
1813
1814
  --space-tabs-content-top-asxj61:12px;
1814
1815
  --space-tabs-focus-outline-gutter-ix5qjm:-8px;
1815
1816
  --space-table-content-bottom-669dmq:4px;
@@ -1893,7 +1894,7 @@
1893
1894
  --color-background-segment-active-sly4sl:#42b4ff;
1894
1895
  --color-background-segment-default-i67ckm:#161d26;
1895
1896
  --color-background-segment-disabled-qrelg7:#161d26;
1896
- --color-background-segment-hover-rizmh0:#161d26;
1897
+ --color-background-segment-hover-6vky3v:#1b232d;
1897
1898
  --color-background-slider-handle-default-cltbq6:#42b4ff;
1898
1899
  --color-background-slider-handle-active-qr2v7p:#75cfff;
1899
1900
  --color-background-slider-track-3cup70:#656871;
@@ -2029,7 +2030,7 @@
2029
2030
  --color-text-pagination-page-number-default-010u3g:#b4b4bb;
2030
2031
  --color-text-segment-active-mr3gdg:#0f141a;
2031
2032
  --color-text-segment-default-ifduc0:#dedee3;
2032
- --color-text-segment-hover-s17yjo:#42b4ff;
2033
+ --color-text-segment-hover-2pspuk:#75cfff;
2033
2034
  --color-text-small-m48dvk:#a4a4ad;
2034
2035
  --color-text-status-error-p5bdwa:#ff7a7a;
2035
2036
  --color-text-status-inactive-hdm5cz:#a4a4ad;
@@ -2170,7 +2171,7 @@
2170
2171
  --color-background-segment-active-sly4sl:#42b4ff;
2171
2172
  --color-background-segment-default-i67ckm:#161d26;
2172
2173
  --color-background-segment-disabled-qrelg7:#161d26;
2173
- --color-background-segment-hover-rizmh0:#161d26;
2174
+ --color-background-segment-hover-6vky3v:#1b232d;
2174
2175
  --color-background-slider-handle-default-cltbq6:#42b4ff;
2175
2176
  --color-background-slider-handle-active-qr2v7p:#75cfff;
2176
2177
  --color-background-slider-track-3cup70:#656871;
@@ -2311,7 +2312,7 @@
2311
2312
  --color-text-pagination-page-number-default-010u3g:#b4b4bb;
2312
2313
  --color-text-segment-active-mr3gdg:#0f141a;
2313
2314
  --color-text-segment-default-ifduc0:#dedee3;
2314
- --color-text-segment-hover-s17yjo:#42b4ff;
2315
+ --color-text-segment-hover-2pspuk:#75cfff;
2315
2316
  --color-text-small-m48dvk:#a4a4ad;
2316
2317
  --color-text-status-error-p5bdwa:#ff7a7a;
2317
2318
  --color-text-status-inactive-hdm5cz:#a4a4ad;
@@ -2375,7 +2376,7 @@
2375
2376
  --color-background-segment-active-sly4sl:#42b4ff;
2376
2377
  --color-background-segment-default-i67ckm:#161d26;
2377
2378
  --color-background-segment-disabled-qrelg7:#161d26;
2378
- --color-background-segment-hover-rizmh0:#161d26;
2379
+ --color-background-segment-hover-6vky3v:#1b232d;
2379
2380
  --color-background-slider-handle-default-cltbq6:#42b4ff;
2380
2381
  --color-background-slider-handle-active-qr2v7p:#75cfff;
2381
2382
  --color-background-slider-track-3cup70:#656871;
@@ -2511,7 +2512,7 @@
2511
2512
  --color-text-pagination-page-number-default-010u3g:#b4b4bb;
2512
2513
  --color-text-segment-active-mr3gdg:#0f141a;
2513
2514
  --color-text-segment-default-ifduc0:#dedee3;
2514
- --color-text-segment-hover-s17yjo:#42b4ff;
2515
+ --color-text-segment-hover-2pspuk:#75cfff;
2515
2516
  --color-text-small-m48dvk:#a4a4ad;
2516
2517
  --color-text-status-error-p5bdwa:#ff7a7a;
2517
2518
  --color-text-status-inactive-hdm5cz:#a4a4ad;
@@ -2578,7 +2579,7 @@
2578
2579
  --color-background-segment-active-sly4sl:#42b4ff;
2579
2580
  --color-background-segment-default-i67ckm:#0f141a;
2580
2581
  --color-background-segment-disabled-qrelg7:#0f141a;
2581
- --color-background-segment-hover-rizmh0:#0f141a;
2582
+ --color-background-segment-hover-6vky3v:#1b232d;
2582
2583
  --color-background-slider-handle-default-cltbq6:#42b4ff;
2583
2584
  --color-background-slider-handle-active-qr2v7p:#75cfff;
2584
2585
  --color-background-slider-track-3cup70:#656871;
@@ -2716,7 +2717,7 @@
2716
2717
  --color-text-pagination-page-number-default-010u3g:#b4b4bb;
2717
2718
  --color-text-segment-active-mr3gdg:#0f141a;
2718
2719
  --color-text-segment-default-ifduc0:#dedee3;
2719
- --color-text-segment-hover-s17yjo:#42b4ff;
2720
+ --color-text-segment-hover-2pspuk:#75cfff;
2720
2721
  --color-text-small-m48dvk:#a4a4ad;
2721
2722
  --color-text-status-error-p5bdwa:#ff7a7a;
2722
2723
  --color-text-status-inactive-hdm5cz:#a4a4ad;
@@ -2795,7 +2796,7 @@
2795
2796
  --color-background-segment-active-sly4sl:#42b4ff;
2796
2797
  --color-background-segment-default-i67ckm:#0f141a;
2797
2798
  --color-background-segment-disabled-qrelg7:#0f141a;
2798
- --color-background-segment-hover-rizmh0:#0f141a;
2799
+ --color-background-segment-hover-6vky3v:#1b232d;
2799
2800
  --color-background-slider-handle-default-cltbq6:#42b4ff;
2800
2801
  --color-background-slider-handle-active-qr2v7p:#75cfff;
2801
2802
  --color-background-slider-track-3cup70:#656871;
@@ -2933,7 +2934,7 @@
2933
2934
  --color-text-pagination-page-number-default-010u3g:#b4b4bb;
2934
2935
  --color-text-segment-active-mr3gdg:#0f141a;
2935
2936
  --color-text-segment-default-ifduc0:#dedee3;
2936
- --color-text-segment-hover-s17yjo:#42b4ff;
2937
+ --color-text-segment-hover-2pspuk:#75cfff;
2937
2938
  --color-text-small-m48dvk:#a4a4ad;
2938
2939
  --color-text-status-error-p5bdwa:#ff7a7a;
2939
2940
  --color-text-status-inactive-hdm5cz:#a4a4ad;
@@ -2972,7 +2973,7 @@
2972
2973
  --color-background-button-primary-default-e50v6e:#f9f9fa;
2973
2974
  --color-background-button-primary-hover-288r60:#ffffff;
2974
2975
  --color-background-segment-default-i67ckm:transparent;
2975
- --color-background-segment-hover-rizmh0:transparent;
2976
+ --color-background-segment-hover-6vky3v:rgba(0, 7, 22, 0.15);
2976
2977
  --color-text-chat-bubble-outgoing-a4whbc:#f9f9fa;
2977
2978
  --color-text-chat-bubble-incoming-wpxwg5:#f9f9fa;
2978
2979
  --color-border-button-normal-active-vm8kc9:#ffffff;
@@ -3002,6 +3003,7 @@
3002
3003
  --color-text-expandable-section-default-vicj65:#f9f9fa;
3003
3004
  --color-text-expandable-section-hover-4hvgvf:#ffffff;
3004
3005
  --color-text-heading-secondary-4zbyer:#f9f9fa;
3006
+ --color-text-segment-hover-2pspuk:#ffffff;
3005
3007
  }
3006
3008
 
3007
3009
  .awsui-context-flashbar.awsui-visual-refresh:not(#\9) {
@@ -3011,7 +3013,7 @@
3011
3013
  --color-background-button-primary-default-e50v6e:#f9f9fa;
3012
3014
  --color-background-button-primary-hover-288r60:#ffffff;
3013
3015
  --color-background-segment-default-i67ckm:transparent;
3014
- --color-background-segment-hover-rizmh0:transparent;
3016
+ --color-background-segment-hover-6vky3v:rgba(0, 7, 22, 0.15);
3015
3017
  --color-text-chat-bubble-outgoing-a4whbc:#f9f9fa;
3016
3018
  --color-text-chat-bubble-incoming-wpxwg5:#f9f9fa;
3017
3019
  --color-border-button-normal-active-vm8kc9:#ffffff;
@@ -3034,6 +3036,7 @@
3034
3036
  --color-text-expandable-section-default-vicj65:#f9f9fa;
3035
3037
  --color-text-expandable-section-hover-4hvgvf:#ffffff;
3036
3038
  --color-text-heading-secondary-4zbyer:#f9f9fa;
3039
+ --color-text-segment-hover-2pspuk:#ffffff;
3037
3040
  }
3038
3041
 
3039
3042
  .awsui-visual-refresh .awsui-context-flashbar-warning:not(#\9) {
@@ -3044,7 +3047,7 @@
3044
3047
  --color-background-button-primary-hover-288r60:#0f141a;
3045
3048
  --color-background-progress-bar-content-in-flash-x3i3hs:#0f141a;
3046
3049
  --color-background-segment-default-i67ckm:transparent;
3047
- --color-background-segment-hover-rizmh0:transparent;
3050
+ --color-background-segment-hover-6vky3v:rgba(0, 7, 22, 0.05);
3048
3051
  --color-border-button-normal-active-vm8kc9:#0f141a;
3049
3052
  --color-border-button-normal-default-g4ujwl:#424650;
3050
3053
  --color-border-button-normal-hover-eyyshk:#0f141a;
@@ -3073,6 +3076,7 @@
3073
3076
  --color-text-interactive-inverted-hover-q8rb5i:#0f141a;
3074
3077
  --color-text-link-inverted-hover-7na5ek:#0f141a;
3075
3078
  --color-text-notification-default-iisqj9:#0f141a;
3079
+ --color-text-segment-hover-2pspuk:#0f141a;
3076
3080
  }
3077
3081
 
3078
3082
  .awsui-context-flashbar-warning.awsui-visual-refresh:not(#\9) {
@@ -3083,7 +3087,7 @@
3083
3087
  --color-background-button-primary-hover-288r60:#0f141a;
3084
3088
  --color-background-progress-bar-content-in-flash-x3i3hs:#0f141a;
3085
3089
  --color-background-segment-default-i67ckm:transparent;
3086
- --color-background-segment-hover-rizmh0:transparent;
3090
+ --color-background-segment-hover-6vky3v:rgba(0, 7, 22, 0.05);
3087
3091
  --color-border-button-normal-active-vm8kc9:#0f141a;
3088
3092
  --color-border-button-normal-default-g4ujwl:#424650;
3089
3093
  --color-border-button-normal-hover-eyyshk:#0f141a;
@@ -3104,6 +3108,7 @@
3104
3108
  --color-text-interactive-inverted-hover-q8rb5i:#0f141a;
3105
3109
  --color-text-link-inverted-hover-7na5ek:#0f141a;
3106
3110
  --color-text-notification-default-iisqj9:#0f141a;
3111
+ --color-text-segment-hover-2pspuk:#0f141a;
3107
3112
  }
3108
3113
 
3109
3114
  .awsui-visual-refresh .awsui-context-alert:not(#\9) {
@@ -3113,7 +3118,7 @@
3113
3118
  --color-background-button-primary-default-e50v6e:#424650;
3114
3119
  --color-background-button-primary-hover-288r60:#0f141a;
3115
3120
  --color-background-segment-default-i67ckm:transparent;
3116
- --color-background-segment-hover-rizmh0:transparent;
3121
+ --color-background-segment-hover-6vky3v:rgba(0, 7, 22, 0.05);
3117
3122
  --color-border-button-normal-active-vm8kc9:#0f141a;
3118
3123
  --color-border-button-normal-default-g4ujwl:#424650;
3119
3124
  --color-border-button-normal-hover-eyyshk:#0f141a;
@@ -3134,6 +3139,7 @@
3134
3139
  --color-text-link-button-normal-active-qa6axb:#0f141a;
3135
3140
  --color-text-expandable-section-default-vicj65:#424650;
3136
3141
  --color-text-expandable-section-hover-4hvgvf:#0f141a;
3142
+ --color-text-segment-hover-2pspuk:#0f141a;
3137
3143
  --font-expandable-heading-size-1w0ot0:14px;
3138
3144
  }
3139
3145
 
@@ -3144,7 +3150,7 @@
3144
3150
  --color-background-button-primary-default-e50v6e:#424650;
3145
3151
  --color-background-button-primary-hover-288r60:#0f141a;
3146
3152
  --color-background-segment-default-i67ckm:transparent;
3147
- --color-background-segment-hover-rizmh0:transparent;
3153
+ --color-background-segment-hover-6vky3v:rgba(0, 7, 22, 0.05);
3148
3154
  --color-border-button-normal-active-vm8kc9:#0f141a;
3149
3155
  --color-border-button-normal-default-g4ujwl:#424650;
3150
3156
  --color-border-button-normal-hover-eyyshk:#0f141a;
@@ -3160,6 +3166,7 @@
3160
3166
  --color-text-link-button-normal-active-qa6axb:#0f141a;
3161
3167
  --color-text-expandable-section-default-vicj65:#424650;
3162
3168
  --color-text-expandable-section-hover-4hvgvf:#0f141a;
3169
+ --color-text-segment-hover-2pspuk:#0f141a;
3163
3170
  --font-expandable-heading-size-1w0ot0:14px;
3164
3171
  }
3165
3172
 
@@ -3210,7 +3217,7 @@
3210
3217
  --color-background-segment-active-sly4sl:#42b4ff;
3211
3218
  --color-background-segment-default-i67ckm:transparent;
3212
3219
  --color-background-segment-disabled-qrelg7:#161d26;
3213
- --color-background-segment-hover-rizmh0:transparent;
3220
+ --color-background-segment-hover-6vky3v:rgba(255, 255, 255, 0.1);
3214
3221
  --color-background-slider-handle-default-cltbq6:#42b4ff;
3215
3222
  --color-background-slider-handle-active-qr2v7p:#75cfff;
3216
3223
  --color-background-slider-track-3cup70:#656871;
@@ -3348,7 +3355,7 @@
3348
3355
  --color-text-pagination-page-number-default-010u3g:#b4b4bb;
3349
3356
  --color-text-segment-active-mr3gdg:#0f141a;
3350
3357
  --color-text-segment-default-ifduc0:#dedee3;
3351
- --color-text-segment-hover-s17yjo:#42b4ff;
3358
+ --color-text-segment-hover-2pspuk:#ffffff;
3352
3359
  --color-text-small-m48dvk:#a4a4ad;
3353
3360
  --color-text-status-error-p5bdwa:#ff7a7a;
3354
3361
  --color-text-status-inactive-hdm5cz:#a4a4ad;
@@ -3415,7 +3422,7 @@
3415
3422
  --color-background-segment-active-sly4sl:#42b4ff;
3416
3423
  --color-background-segment-default-i67ckm:transparent;
3417
3424
  --color-background-segment-disabled-qrelg7:#161d26;
3418
- --color-background-segment-hover-rizmh0:transparent;
3425
+ --color-background-segment-hover-6vky3v:rgba(255, 255, 255, 0.1);
3419
3426
  --color-background-slider-handle-default-cltbq6:#42b4ff;
3420
3427
  --color-background-slider-handle-active-qr2v7p:#75cfff;
3421
3428
  --color-background-slider-track-3cup70:#656871;
@@ -3553,7 +3560,7 @@
3553
3560
  --color-text-pagination-page-number-default-010u3g:#b4b4bb;
3554
3561
  --color-text-segment-active-mr3gdg:#0f141a;
3555
3562
  --color-text-segment-default-ifduc0:#dedee3;
3556
- --color-text-segment-hover-s17yjo:#42b4ff;
3563
+ --color-text-segment-hover-2pspuk:#ffffff;
3557
3564
  --color-text-small-m48dvk:#a4a4ad;
3558
3565
  --color-text-status-error-p5bdwa:#ff7a7a;
3559
3566
  --color-text-status-inactive-hdm5cz:#a4a4ad;
@@ -3617,6 +3624,7 @@
3617
3624
  --color-background-button-normal-hover-znspn2:rgba(255, 255, 255, 0.1);
3618
3625
  --color-background-button-primary-default-e50v6e:#dedee3;
3619
3626
  --color-background-button-primary-hover-288r60:#ffffff;
3627
+ --color-background-segment-hover-6vky3v:rgba(255, 255, 255, 0.1);
3620
3628
  --color-border-button-normal-active-vm8kc9:#ffffff;
3621
3629
  --color-border-button-normal-default-g4ujwl:#dedee3;
3622
3630
  --color-border-button-normal-hover-eyyshk:#ffffff;
@@ -3635,6 +3643,7 @@
3635
3643
  --color-text-link-button-normal-active-qa6axb:#ffffff;
3636
3644
  --color-text-expandable-section-default-vicj65:#dedee3;
3637
3645
  --color-text-expandable-section-hover-4hvgvf:#ffffff;
3646
+ --color-text-segment-hover-2pspuk:#ffffff;
3638
3647
  }
3639
3648
  }
3640
3649
  @media not print {
@@ -3643,6 +3652,7 @@
3643
3652
  --color-background-button-normal-hover-znspn2:rgba(255, 255, 255, 0.1);
3644
3653
  --color-background-button-primary-default-e50v6e:#dedee3;
3645
3654
  --color-background-button-primary-hover-288r60:#ffffff;
3655
+ --color-background-segment-hover-6vky3v:rgba(255, 255, 255, 0.1);
3646
3656
  --color-border-button-normal-active-vm8kc9:#ffffff;
3647
3657
  --color-border-button-normal-default-g4ujwl:#dedee3;
3648
3658
  --color-border-button-normal-hover-eyyshk:#ffffff;
@@ -3661,6 +3671,7 @@
3661
3671
  --color-text-link-button-normal-active-qa6axb:#ffffff;
3662
3672
  --color-text-expandable-section-default-vicj65:#dedee3;
3663
3673
  --color-text-expandable-section-hover-4hvgvf:#ffffff;
3674
+ --color-text-segment-hover-2pspuk:#ffffff;
3664
3675
  }
3665
3676
  }
3666
3677
  .awsui-compact-mode.awsui-visual-refresh .awsui-context-compact-table:not(#\9) {
package/lib/internal/template/internal/components/drag-handle/styles.scoped.css CHANGED
@@ -143,10 +143,10 @@
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
145
  .awsui_handle_sdha6_1j71g_145:not(#\9) {
146
- -webkit-appearance: none;
147
- appearance: none;
146
+ appearance: none;
148
147
  color: var(--color-text-interactive-default-t1snbz, #545b64);
149
148
  background: transparent;
149
+ inline-size: -moz-fit-content;
150
150
  inline-size: fit-content;
151
151
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
152
152
  touch-action: none;
package/lib/internal/template/internal/environment.js CHANGED
@@ -1,4 +1,4 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (20e6a83d)";
2
+ export var PACKAGE_VERSION = "3.0.0 (20d2f3a2)";
3
3
  export var THEME = "open-source-visual-refresh";
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
package/lib/internal/template/internal/environment.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (20e6a83d)",
3
+ "PACKAGE_VERSION": "3.0.0 (20d2f3a2)",
4
4
  "THEME": "default",
5
5
  "ALWAYS_VISUAL_REFRESH": false
6
6
  }
package/lib/internal/template/internal/generated/styles/tokens.js CHANGED
@@ -292,7 +292,7 @@ export var colorBackgroundProgressBarLayoutInFlash = "var(--color-background-pro
292
292
  export var colorBackgroundSegmentActive = "var(--color-background-segment-active-bkvyiy, #006ce0)";
293
293
  export var colorBackgroundSegmentDefault = "var(--color-background-segment-default-voaiuw, #ffffff)";
294
294
  export var colorBackgroundSegmentDisabled = "var(--color-background-segment-disabled-9tsgp1, #ffffff)";
295
- export var colorBackgroundSegmentHover = "var(--color-background-segment-hover-jbzuvp, #ffffff)";
295
+ export var colorBackgroundSegmentHover = "var(--color-background-segment-hover-jancts, #f0fbff)";
296
296
  export var colorBackgroundSliderHandleDefault = "var(--color-background-slider-handle-default-94lnn1, #006ce0)";
297
297
  export var colorBackgroundSliderHandleActive = "var(--color-background-slider-handle-active-7w7xg0, #004a9e)";
298
298
  export var colorBackgroundSliderTrack = "var(--color-background-slider-track-uhckut, #8c8c94)";
@@ -465,7 +465,7 @@ export var colorTextPaginationPageNumberActiveDisabled = "var(--color-text-pagin
465
465
  export var colorTextPaginationPageNumberDefault = "var(--color-text-pagination-page-number-default-s25kr0, #424650)";
466
466
  export var colorTextSegmentActive = "var(--color-text-segment-active-fc6owc, #ffffff)";
467
467
  export var colorTextSegmentDefault = "var(--color-text-segment-default-iib3us, #424650)";
468
- export var colorTextSegmentHover = "var(--color-text-segment-hover-88u58t, #006ce0)";
468
+ export var colorTextSegmentHover = "var(--color-text-segment-hover-yckzgd, #002b66)";
469
469
  export var colorTextSmall = "var(--color-text-small-nzfntg, #656871)";
470
470
  export var colorTextStatusError = "var(--color-text-status-error-5676bj, #db0000)";
471
471
  export var colorTextStatusInactive = "var(--color-text-status-inactive-5megna, #656871)";
@@ -670,7 +670,7 @@ export var spacePanelSideLeft = "var(--space-panel-side-left-5t0who, 28px)";
670
670
  export var spacePanelSideRight = "var(--space-panel-side-right-xofg51, 24px)";
671
671
  export var spacePanelSplitTop = "var(--space-panel-split-top-q1pux4, 20px)";
672
672
  export var spacePanelSplitBottom = "var(--space-panel-split-bottom-qwdduf, 20px)";
673
- export var spaceSegmentedControlFocusOutlineGutter = "var(--space-segmented-control-focus-outline-gutter-gbye20, 4px)";
673
+ export var spaceSegmentedControlFocusOutlineGutter = "var(--space-segmented-control-focus-outline-gutter-ublqj7, 6px)";
674
674
  export var spaceTabsContentTop = "var(--space-tabs-content-top-dedu0k, 12px)";
675
675
  export var spaceTabsFocusOutlineGutter = "var(--space-tabs-focus-outline-gutter-xm37ly, -8px)";
676
676
  export var spaceTableContentBottom = "var(--space-table-content-bottom-9yr834, 4px)";
package/lib/internal/template/internal/generated/theming/index.cjs CHANGED
@@ -1054,8 +1054,8 @@ module.exports.preset = {
1054
1054
  "dark": "{colorBackgroundButtonNormalDisabled}"
1055
1055
  },
1056
1056
  "colorBackgroundSegmentHover": {
1057
- "light": "{colorBackgroundSegmentDefault}",
1058
- "dark": "{colorBackgroundSegmentDefault}"
1057
+ "light": "{colorBackgroundButtonNormalHover}",
1058
+ "dark": "{colorBackgroundButtonNormalHover}"
1059
1059
  },
1060
1060
  "colorBackgroundSliderHandleDefault": {
1061
1061
  "light": "{colorBlue600}",
@@ -1746,8 +1746,8 @@ module.exports.preset = {
1746
1746
  "dark": "{colorGrey300}"
1747
1747
  },
1748
1748
  "colorTextSegmentHover": {
1749
- "light": "{colorBlue600}",
1750
- "dark": "{colorBlue500}"
1749
+ "light": "{colorTextButtonNormalHover}",
1750
+ "dark": "{colorTextButtonNormalHover}"
1751
1751
  },
1752
1752
  "colorTextSmall": {
1753
1753
  "light": "{colorGrey550}",
@@ -2299,8 +2299,8 @@ module.exports.preset = {
2299
2299
  "compact": "{spaceScaledL}"
2300
2300
  },
2301
2301
  "spaceSegmentedControlFocusOutlineGutter": {
2302
- "comfortable": "4px",
2303
- "compact": "4px"
2302
+ "comfortable": "6px",
2303
+ "compact": "6px"
2304
2304
  },
2305
2305
  "spaceTabsContentTop": {
2306
2306
  "comfortable": "{spaceScaledS}",
@@ -2769,8 +2769,8 @@ module.exports.preset = {
2769
2769
  "compact": "{spaceScaledL}"
2770
2770
  },
2771
2771
  "spaceSegmentedControlFocusOutlineGutter": {
2772
- "comfortable": "4px",
2773
- "compact": "4px"
2772
+ "comfortable": "6px",
2773
+ "compact": "6px"
2774
2774
  },
2775
2775
  "spaceTabsContentTop": {
2776
2776
  "comfortable": "{spaceScaledS}",
@@ -3267,8 +3267,8 @@ module.exports.preset = {
3267
3267
  "dark": "{colorBackgroundButtonNormalDisabled}"
3268
3268
  },
3269
3269
  "colorBackgroundSegmentHover": {
3270
- "light": "{colorBackgroundSegmentDefault}",
3271
- "dark": "{colorBackgroundSegmentDefault}"
3270
+ "light": "{colorBackgroundButtonNormalHover}",
3271
+ "dark": "{colorBackgroundButtonNormalHover}"
3272
3272
  },
3273
3273
  "colorBackgroundSliderHandleDefault": {
3274
3274
  "light": "{colorBlue500}",
@@ -3959,8 +3959,8 @@ module.exports.preset = {
3959
3959
  "dark": "{colorGrey300}"
3960
3960
  },
3961
3961
  "colorTextSegmentHover": {
3962
- "light": "{colorBlue500}",
3963
- "dark": "{colorBlue500}"
3962
+ "light": "{colorTextButtonNormalHover}",
3963
+ "dark": "{colorTextButtonNormalHover}"
3964
3964
  },
3965
3965
  "colorTextSmall": {
3966
3966
  "light": "{colorGrey450}",
@@ -4389,8 +4389,8 @@ module.exports.preset = {
4389
4389
  "dark": "{colorGrey900}"
4390
4390
  },
4391
4391
  "colorBackgroundSegmentHover": {
4392
- "light": "{colorBackgroundSegmentDefault}",
4393
- "dark": "{colorBackgroundSegmentDefault}"
4392
+ "light": "{colorBackgroundButtonNormalHover}",
4393
+ "dark": "{colorBackgroundButtonNormalHover}"
4394
4394
  },
4395
4395
  "colorBackgroundSliderHandleDefault": {
4396
4396
  "light": "{colorBlue500}",
@@ -5081,8 +5081,8 @@ module.exports.preset = {
5081
5081
  "dark": "{colorGrey300}"
5082
5082
  },
5083
5083
  "colorTextSegmentHover": {
5084
- "light": "{colorBlue500}",
5085
- "dark": "{colorBlue500}"
5084
+ "light": "{colorTextButtonNormalHover}",
5085
+ "dark": "{colorTextButtonNormalHover}"
5086
5086
  },
5087
5087
  "colorTextSmall": {
5088
5088
  "light": "{colorGrey450}",
@@ -5443,8 +5443,8 @@ module.exports.preset = {
5443
5443
  "dark": "{colorBackgroundButtonNormalDisabled}"
5444
5444
  },
5445
5445
  "colorBackgroundSegmentHover": {
5446
- "light": "{colorBackgroundSegmentDefault}",
5447
- "dark": "{colorBackgroundSegmentDefault}"
5446
+ "light": "{colorBackgroundButtonNormalHover}",
5447
+ "dark": "{colorBackgroundButtonNormalHover}"
5448
5448
  },
5449
5449
  "colorBackgroundSliderHandleDefault": {
5450
5450
  "light": "{colorBlue600}",
@@ -6135,8 +6135,8 @@ module.exports.preset = {
6135
6135
  "dark": "{colorGrey300}"
6136
6136
  },
6137
6137
  "colorTextSegmentHover": {
6138
- "light": "{colorBlue600}",
6139
- "dark": "{colorBlue500}"
6138
+ "light": "{colorTextButtonNormalHover}",
6139
+ "dark": "{colorTextButtonNormalHover}"
6140
6140
  },
6141
6141
  "colorTextSmall": {
6142
6142
  "light": "{colorGrey550}",
@@ -6497,8 +6497,8 @@ module.exports.preset = {
6497
6497
  "dark": "{colorBackgroundButtonNormalDisabled}"
6498
6498
  },
6499
6499
  "colorBackgroundSegmentHover": {
6500
- "light": "{colorBackgroundSegmentDefault}",
6501
- "dark": "{colorBackgroundSegmentDefault}"
6500
+ "light": "{colorBackgroundButtonNormalHover}",
6501
+ "dark": "{colorBackgroundButtonNormalHover}"
6502
6502
  },
6503
6503
  "colorBackgroundSliderHandleDefault": {
6504
6504
  "light": "{colorBlue600}",
@@ -7189,8 +7189,8 @@ module.exports.preset = {
7189
7189
  "dark": "{colorGrey300}"
7190
7190
  },
7191
7191
  "colorTextSegmentHover": {
7192
- "light": "{colorBlue600}",
7193
- "dark": "{colorBlue500}"
7192
+ "light": "{colorTextButtonNormalHover}",
7193
+ "dark": "{colorTextButtonNormalHover}"
7194
7194
  },
7195
7195
  "colorTextSmall": {
7196
7196
  "light": "{colorGrey550}",
@@ -7551,8 +7551,8 @@ module.exports.preset = {
7551
7551
  "dark": "{colorBackgroundButtonNormalDisabled}"
7552
7552
  },
7553
7553
  "colorBackgroundSegmentHover": {
7554
- "light": "{colorBackgroundSegmentDefault}",
7555
- "dark": "{colorBackgroundSegmentDefault}"
7554
+ "light": "{colorBackgroundButtonNormalHover}",
7555
+ "dark": "{colorBackgroundButtonNormalHover}"
7556
7556
  },
7557
7557
  "colorBackgroundSliderHandleDefault": {
7558
7558
  "light": "{colorBlue600}",
@@ -8243,8 +8243,8 @@ module.exports.preset = {
8243
8243
  "dark": "{colorGrey300}"
8244
8244
  },
8245
8245
  "colorTextSegmentHover": {
8246
- "light": "{colorBlue600}",
8247
- "dark": "{colorBlue500}"
8246
+ "light": "{colorTextButtonNormalHover}",
8247
+ "dark": "{colorTextButtonNormalHover}"
8248
8248
  },
8249
8249
  "colorTextSmall": {
8250
8250
  "light": "{colorGrey550}",
@@ -8607,8 +8607,8 @@ module.exports.preset = {
8607
8607
  "dark": "{colorBackgroundButtonNormalDisabled}"
8608
8608
  },
8609
8609
  "colorBackgroundSegmentHover": {
8610
- "light": "{colorBackgroundSegmentDefault}",
8611
- "dark": "{colorBackgroundSegmentDefault}"
8610
+ "light": "{colorBackgroundButtonNormalHover}",
8611
+ "dark": "{colorBackgroundButtonNormalHover}"
8612
8612
  },
8613
8613
  "colorBackgroundSliderHandleDefault": {
8614
8614
  "light": "{colorBlue500}",
@@ -9299,8 +9299,8 @@ module.exports.preset = {
9299
9299
  "dark": "{colorGrey300}"
9300
9300
  },
9301
9301
  "colorTextSegmentHover": {
9302
- "light": "{colorBlue500}",
9303
- "dark": "{colorBlue500}"
9302
+ "light": "{colorTextButtonNormalHover}",
9303
+ "dark": "{colorTextButtonNormalHover}"
9304
9304
  },
9305
9305
  "colorTextSmall": {
9306
9306
  "light": "{colorGrey450}",
@@ -11639,7 +11639,7 @@ module.exports.preset = {
11639
11639
  "colorBackgroundSegmentActive": "--color-background-segment-active-bkvyiy",
11640
11640
  "colorBackgroundSegmentDefault": "--color-background-segment-default-voaiuw",
11641
11641
  "colorBackgroundSegmentDisabled": "--color-background-segment-disabled-9tsgp1",
11642
- "colorBackgroundSegmentHover": "--color-background-segment-hover-jbzuvp",
11642
+ "colorBackgroundSegmentHover": "--color-background-segment-hover-jancts",
11643
11643
  "colorBackgroundSliderHandleDefault": "--color-background-slider-handle-default-94lnn1",
11644
11644
  "colorBackgroundSliderHandleActive": "--color-background-slider-handle-active-7w7xg0",
11645
11645
  "colorBackgroundSliderTrack": "--color-background-slider-track-uhckut",
@@ -11812,7 +11812,7 @@ module.exports.preset = {
11812
11812
  "colorTextPaginationPageNumberDefault": "--color-text-pagination-page-number-default-s25kr0",
11813
11813
  "colorTextSegmentActive": "--color-text-segment-active-fc6owc",
11814
11814
  "colorTextSegmentDefault": "--color-text-segment-default-iib3us",
11815
- "colorTextSegmentHover": "--color-text-segment-hover-88u58t",
11815
+ "colorTextSegmentHover": "--color-text-segment-hover-yckzgd",
11816
11816
  "colorTextSmall": "--color-text-small-nzfntg",
11817
11817
  "colorTextStatusError": "--color-text-status-error-5676bj",
11818
11818
  "colorTextStatusInactive": "--color-text-status-inactive-5megna",
@@ -12017,7 +12017,7 @@ module.exports.preset = {
12017
12017
  "spacePanelSideRight": "--space-panel-side-right-xofg51",
12018
12018
  "spacePanelSplitTop": "--space-panel-split-top-q1pux4",
12019
12019
  "spacePanelSplitBottom": "--space-panel-split-bottom-qwdduf",
12020
- "spaceSegmentedControlFocusOutlineGutter": "--space-segmented-control-focus-outline-gutter-gbye20",
12020
+ "spaceSegmentedControlFocusOutlineGutter": "--space-segmented-control-focus-outline-gutter-ublqj7",
12021
12021
  "spaceTabsContentTop": "--space-tabs-content-top-dedu0k",
12022
12022
  "spaceTabsFocusOutlineGutter": "--space-tabs-focus-outline-gutter-xm37ly",
12023
12023
  "spaceTableContentBottom": "--space-table-content-bottom-9yr834",