@cloudscape-design/components-themeable 3.0.296 → 3.0.298

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 (43) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/app-layout/drawer/styles.scss +12 -16
  3. package/lib/internal/scss/app-layout/visual-refresh/trigger-button.scss +1 -2
  4. package/lib/internal/scss/flashbar/collapsible.scss +7 -8
  5. package/lib/internal/template/app-layout/drawer/index.d.ts.map +1 -1
  6. package/lib/internal/template/app-layout/drawer/index.js +1 -1
  7. package/lib/internal/template/app-layout/drawer/index.js.map +1 -1
  8. package/lib/internal/template/app-layout/drawer/styles.css.js +10 -10
  9. package/lib/internal/template/app-layout/drawer/styles.scoped.css +29 -32
  10. package/lib/internal/template/app-layout/drawer/styles.selectors.js +10 -10
  11. package/lib/internal/template/app-layout/index.d.ts.map +1 -1
  12. package/lib/internal/template/app-layout/index.js +2 -2
  13. package/lib/internal/template/app-layout/index.js.map +1 -1
  14. package/lib/internal/template/app-layout/interfaces.d.ts +2 -0
  15. package/lib/internal/template/app-layout/interfaces.d.ts.map +1 -1
  16. package/lib/internal/template/app-layout/interfaces.js.map +1 -1
  17. package/lib/internal/template/app-layout/split-panel-drawer/index.d.ts.map +1 -1
  18. package/lib/internal/template/app-layout/split-panel-drawer/index.js +1 -1
  19. package/lib/internal/template/app-layout/split-panel-drawer/index.js.map +1 -1
  20. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +72 -72
  21. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +190 -190
  22. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +72 -72
  23. package/lib/internal/template/app-layout/visual-refresh/tools.d.ts.map +1 -1
  24. package/lib/internal/template/app-layout/visual-refresh/tools.js +3 -3
  25. package/lib/internal/template/app-layout/visual-refresh/tools.js.map +1 -1
  26. package/lib/internal/template/cards/index.d.ts.map +1 -1
  27. package/lib/internal/template/cards/index.js +4 -2
  28. package/lib/internal/template/cards/index.js.map +1 -1
  29. package/lib/internal/template/cards/interfaces.d.ts +20 -0
  30. package/lib/internal/template/cards/interfaces.d.ts.map +1 -1
  31. package/lib/internal/template/cards/interfaces.js.map +1 -1
  32. package/lib/internal/template/flashbar/styles.css.js +45 -45
  33. package/lib/internal/template/flashbar/styles.scoped.css +151 -151
  34. package/lib/internal/template/flashbar/styles.selectors.js +45 -45
  35. package/lib/internal/template/internal/base-component/styles.scoped.css +51 -47
  36. package/lib/internal/template/internal/environment.js +1 -1
  37. package/lib/internal/template/internal/generated/styles/tokens.d.ts +4 -0
  38. package/lib/internal/template/internal/generated/styles/tokens.js +299 -295
  39. package/lib/internal/template/internal/generated/theming/index.cjs +837 -737
  40. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +24 -0
  41. package/lib/internal/template/internal/generated/theming/index.d.ts +24 -0
  42. package/lib/internal/template/internal/generated/theming/index.js +837 -737
  43. package/package.json +1 -1
package/lib/internal/template/flashbar/styles.selectors.js CHANGED
@@ -2,50 +2,50 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "flash-with-motion": "awsui_flash-with-motion_1q84n_1va6q_93",
6
- "enter": "awsui_enter_1q84n_1va6q_93",
7
- "flash-body": "awsui_flash-body_1q84n_1va6q_107",
8
- "flash-message": "awsui_flash-message_1q84n_1va6q_107",
9
- "flash-header": "awsui_flash-header_1q84n_1va6q_107",
10
- "flash-content": "awsui_flash-content_1q84n_1va6q_108",
11
- "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1va6q_109",
12
- "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1va6q_110",
13
- "flash-icon": "awsui_flash-icon_1q84n_1va6q_133",
14
- "entering": "awsui_entering_1q84n_1va6q_146",
15
- "entered": "awsui_entered_1q84n_1va6q_167",
16
- "exiting": "awsui_exiting_1q84n_1va6q_272",
17
- "stack": "awsui_stack_1q84n_1va6q_294",
18
- "animation-running": "awsui_animation-running_1q84n_1va6q_294",
19
- "item": "awsui_item_1q84n_1va6q_294",
20
- "flash-list-item": "awsui_flash-list-item_1q84n_1va6q_295",
21
- "notification-bar": "awsui_notification-bar_1q84n_1va6q_296",
22
- "collapsed": "awsui_collapsed_1q84n_1va6q_316",
23
- "animation-ready": "awsui_animation-ready_1q84n_1va6q_316",
24
- "expanded-only": "awsui_expanded-only_1q84n_1va6q_316",
25
- "expanded": "awsui_expanded_1q84n_1va6q_316",
26
- "flash": "awsui_flash_1q84n_1va6q_93",
27
- "collapsible": "awsui_collapsible_1q84n_1va6q_380",
28
- "short-list": "awsui_short-list_1q84n_1va6q_386",
29
- "visual-refresh": "awsui_visual-refresh_1q84n_1va6q_386",
30
- "status": "awsui_status_1q84n_1va6q_603",
31
- "header": "awsui_header_1q84n_1va6q_603",
32
- "item-count": "awsui_item-count_1q84n_1va6q_604",
33
- "button": "awsui_button_1q84n_1va6q_605",
34
- "type-count": "awsui_type-count_1q84n_1va6q_640",
35
- "count-number": "awsui_count-number_1q84n_1va6q_640",
36
- "icon": "awsui_icon_1q84n_1va6q_674",
37
- "floating": "awsui_floating_1q84n_1va6q_712",
38
- "flashbar": "awsui_flashbar_1q84n_1va6q_720",
39
- "flash-refresh": "awsui_flash-refresh_1q84n_1va6q_766",
40
- "flash-list": "awsui_flash-list_1q84n_1va6q_295",
41
- "flash-focus-container": "awsui_flash-focus-container_1q84n_1va6q_785",
42
- "flash-text": "awsui_flash-text_1q84n_1va6q_812",
43
- "dismiss-button": "awsui_dismiss-button_1q84n_1va6q_110",
44
- "breakpoint-default": "awsui_breakpoint-default_1q84n_1va6q_853",
45
- "action-button": "awsui_action-button_1q84n_1va6q_109",
46
- "flash-type-success": "awsui_flash-type-success_1q84n_1va6q_866",
47
- "flash-type-error": "awsui_flash-type-error_1q84n_1va6q_870",
48
- "flash-type-warning": "awsui_flash-type-warning_1q84n_1va6q_874",
49
- "flash-type-info": "awsui_flash-type-info_1q84n_1va6q_878"
5
+ "flash-with-motion": "awsui_flash-with-motion_1q84n_1tzdq_93",
6
+ "enter": "awsui_enter_1q84n_1tzdq_93",
7
+ "flash-body": "awsui_flash-body_1q84n_1tzdq_107",
8
+ "flash-message": "awsui_flash-message_1q84n_1tzdq_107",
9
+ "flash-header": "awsui_flash-header_1q84n_1tzdq_107",
10
+ "flash-content": "awsui_flash-content_1q84n_1tzdq_108",
11
+ "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1tzdq_109",
12
+ "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1tzdq_110",
13
+ "flash-icon": "awsui_flash-icon_1q84n_1tzdq_133",
14
+ "entering": "awsui_entering_1q84n_1tzdq_146",
15
+ "entered": "awsui_entered_1q84n_1tzdq_167",
16
+ "exiting": "awsui_exiting_1q84n_1tzdq_272",
17
+ "stack": "awsui_stack_1q84n_1tzdq_294",
18
+ "animation-running": "awsui_animation-running_1q84n_1tzdq_294",
19
+ "item": "awsui_item_1q84n_1tzdq_294",
20
+ "flash-list-item": "awsui_flash-list-item_1q84n_1tzdq_295",
21
+ "notification-bar": "awsui_notification-bar_1q84n_1tzdq_296",
22
+ "collapsed": "awsui_collapsed_1q84n_1tzdq_316",
23
+ "animation-ready": "awsui_animation-ready_1q84n_1tzdq_316",
24
+ "expanded-only": "awsui_expanded-only_1q84n_1tzdq_316",
25
+ "expanded": "awsui_expanded_1q84n_1tzdq_316",
26
+ "flash": "awsui_flash_1q84n_1tzdq_93",
27
+ "collapsible": "awsui_collapsible_1q84n_1tzdq_380",
28
+ "short-list": "awsui_short-list_1q84n_1tzdq_386",
29
+ "visual-refresh": "awsui_visual-refresh_1q84n_1tzdq_386",
30
+ "status": "awsui_status_1q84n_1tzdq_603",
31
+ "header": "awsui_header_1q84n_1tzdq_603",
32
+ "item-count": "awsui_item-count_1q84n_1tzdq_604",
33
+ "button": "awsui_button_1q84n_1tzdq_605",
34
+ "type-count": "awsui_type-count_1q84n_1tzdq_640",
35
+ "count-number": "awsui_count-number_1q84n_1tzdq_640",
36
+ "icon": "awsui_icon_1q84n_1tzdq_674",
37
+ "floating": "awsui_floating_1q84n_1tzdq_712",
38
+ "flashbar": "awsui_flashbar_1q84n_1tzdq_720",
39
+ "flash-refresh": "awsui_flash-refresh_1q84n_1tzdq_766",
40
+ "flash-list": "awsui_flash-list_1q84n_1tzdq_295",
41
+ "flash-focus-container": "awsui_flash-focus-container_1q84n_1tzdq_785",
42
+ "flash-text": "awsui_flash-text_1q84n_1tzdq_812",
43
+ "dismiss-button": "awsui_dismiss-button_1q84n_1tzdq_110",
44
+ "breakpoint-default": "awsui_breakpoint-default_1q84n_1tzdq_853",
45
+ "action-button": "awsui_action-button_1q84n_1tzdq_109",
46
+ "flash-type-success": "awsui_flash-type-success_1q84n_1tzdq_866",
47
+ "flash-type-error": "awsui_flash-type-error_1q84n_1tzdq_870",
48
+ "flash-type-warning": "awsui_flash-type-warning_1q84n_1tzdq_874",
49
+ "flash-type-info": "awsui_flash-type-info_1q84n_1tzdq_878"
50
50
  };
51
51
 
package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED
@@ -190,18 +190,20 @@
190
190
  --color-background-layout-mobile-panel-7ihqdn:#ffffff;
191
191
  --color-background-layout-panel-content-r9pdjh:#ffffff;
192
192
  --color-background-layout-panel-hover-thdv3z:#eaeded;
193
- --color-background-layout-panel-trigger-active-opo2jh:#0073bb;
194
193
  --color-background-layout-toggle-active-d3zrnd:#2a2e33;
195
- --color-background-layout-toggle-default-o9dqpo:#2a2e33;
194
+ --color-background-layout-toggle-default-wvi0uj:transparent;
196
195
  --color-background-layout-toggle-hover-5rvtea:#545b64;
197
196
  --color-background-layout-toggle-selected-active-3ftljk:#0073bb;
198
- --color-background-layout-toggle-selected-default-eduv1i:#0073bb;
197
+ --color-background-layout-toggle-selected-default-kcqbvr:#0073bb;
199
198
  --color-background-layout-toggle-selected-hover-vtsm2f:#0a4a74;
200
199
  --color-background-modal-overlay-4qwcd5:rgba(242, 243, 243, 0.9);
201
200
  --color-background-notification-blue-rjpmdy:#0073bb;
202
201
  --color-background-notification-green-uofkna:#1d8102;
203
202
  --color-background-notification-grey-useve5:#545b64;
204
203
  --color-background-notification-red-e2annb:#d13212;
204
+ --color-background-notification-stack-bar-ljqu6m:#2a2e33;
205
+ --color-background-notification-stack-bar-active-1hg244:#2a2e33;
206
+ --color-background-notification-stack-bar-hover-4r4ais:#545b64;
205
207
  --color-background-popover-g6qj89:#ffffff;
206
208
  --color-background-progress-bar-content-default-kdvzje:#0073bb;
207
209
  --color-background-progress-bar-content-in-flash-ka071o:rgba(255, 255, 255, 0.7);
@@ -251,6 +253,7 @@
251
253
  --color-border-item-placeholder-wtgwev:transparent;
252
254
  --color-border-item-selected-592lau:#0073bb;
253
255
  --color-border-layout-ifju5o:#d5dbdb;
256
+ --color-border-notification-stack-bar-7hr3df:#2a2e33;
254
257
  --color-border-popover-jq2u63:#d5dbdb;
255
258
  --color-border-segment-active-9wobfw:#16191f;
256
259
  --color-border-segment-default-zm0agy:#687078;
@@ -269,7 +272,7 @@
269
272
  --color-foreground-control-default-i2wjwi:#ffffff;
270
273
  --color-foreground-control-disabled-84rf4t:#ffffff;
271
274
  --color-shadow-default-94w2kz:rgba(0, 28, 36, 0.5);
272
- --color-shadow-layout-panel-trigger-lceo1i:#d5dbdb;
275
+ --color-shadow-layout-toggle-ys7l56:#d5dbdb;
273
276
  --color-text-accent-s0earc:#0073bb;
274
277
  --color-text-body-default-7m2b3r:#16191f;
275
278
  --color-text-body-secondary-u912t7:#545b64;
@@ -332,7 +335,9 @@
332
335
  --color-text-interactive-inverted-hover-nr6ig9:#fafafa;
333
336
  --color-text-inverted-p77o7g:#ffffff;
334
337
  --color-text-label-kjjshz:#545b64;
335
- --color-text-layout-toggle-20sb9r:#ffffff;
338
+ --color-text-layout-toggle-3a24mh:#545b64;
339
+ --color-text-layout-toggle-active-y84imf:#ffffff;
340
+ --color-text-layout-toggle-hover-hsrbuh:#0073bb;
336
341
  --color-text-layout-toggle-selected-jquwag:#ffffff;
337
342
  --color-text-link-default-753y4e:#0073bb;
338
343
  --color-text-link-hover-ok01xk:#0073bb;
@@ -341,13 +346,12 @@
341
346
  --color-text-link-button-underline-hover-shj5w3:currentColor;
342
347
  --color-text-link-primary-underline-xq4vik:transparent;
343
348
  --color-text-notification-default-l83xtb:#fafafa;
349
+ --color-text-notification-stack-bar-hbn3f1:#ffffff;
344
350
  --color-text-pagination-page-number-active-disabled-nidnvc:#545b64;
345
351
  --color-text-pagination-page-number-default-xf8q73:#545b64;
346
352
  --color-text-segment-active-p9yawx:#ffffff;
347
353
  --color-text-segment-default-9k644f:#545b64;
348
354
  --color-text-segment-hover-1lgt1u:#0073bb;
349
- --color-text-layout-panel-trigger-hover-5qaiq9:#0073bb;
350
- --color-text-layout-panel-trigger-active-km1y5a:#ffffff;
351
355
  --color-text-small-5a9rs1:#687078;
352
356
  --color-text-status-error-jer77f:#d13212;
353
357
  --color-text-status-inactive-2o9czw:#687078;
@@ -783,9 +787,8 @@
783
787
  --color-background-layout-mobile-panel-7ihqdn:#2a2e33;
784
788
  --color-background-layout-panel-content-r9pdjh:#2a2e33;
785
789
  --color-background-layout-panel-hover-thdv3z:#414750;
786
- --color-background-layout-panel-trigger-active-opo2jh:#44b9d6;
787
790
  --color-background-layout-toggle-selected-active-3ftljk:#00a1c9;
788
- --color-background-layout-toggle-selected-default-eduv1i:#00a1c9;
791
+ --color-background-layout-toggle-selected-default-kcqbvr:#44b9d6;
789
792
  --color-background-layout-toggle-selected-hover-vtsm2f:#44b9d6;
790
793
  --color-background-modal-overlay-4qwcd5:rgba(22, 25, 31, 0.8);
791
794
  --color-background-notification-grey-useve5:#687078;
@@ -841,7 +844,7 @@
841
844
  --color-border-tutorial-9eqwas:#879596;
842
845
  --color-foreground-control-disabled-84rf4t:#687078;
843
846
  --color-shadow-default-94w2kz:rgba(0, 0, 0, 0.5);
844
- --color-shadow-layout-panel-trigger-lceo1i:#414750;
847
+ --color-shadow-layout-toggle-ys7l56:#414750;
845
848
  --color-text-accent-s0earc:#44b9d6;
846
849
  --color-text-body-default-7m2b3r:#d5dbdb;
847
850
  --color-text-body-secondary-u912t7:#d5dbdb;
@@ -900,6 +903,9 @@
900
903
  --color-text-interactive-hover-79wpl9:#fafafa;
901
904
  --color-text-inverted-p77o7g:#16191f;
902
905
  --color-text-label-kjjshz:#95a5a6;
906
+ --color-text-layout-toggle-3a24mh:#d5dbdb;
907
+ --color-text-layout-toggle-active-y84imf:#1a2029;
908
+ --color-text-layout-toggle-hover-hsrbuh:#00a1c9;
903
909
  --color-text-layout-toggle-selected-jquwag:#16191f;
904
910
  --color-text-link-default-753y4e:#44b9d6;
905
911
  --color-text-link-hover-ok01xk:#44b9d6;
@@ -908,8 +914,6 @@
908
914
  --color-text-segment-active-p9yawx:#1a2029;
909
915
  --color-text-segment-default-9k644f:#d5dbdb;
910
916
  --color-text-segment-hover-1lgt1u:#00a1c9;
911
- --color-text-layout-panel-trigger-hover-5qaiq9:#00a1c9;
912
- --color-text-layout-panel-trigger-active-km1y5a:#1a2029;
913
917
  --color-text-small-5a9rs1:#95a5a6;
914
918
  --color-text-status-error-jer77f:#ff5d64;
915
919
  --color-text-status-inactive-2o9czw:#95a5a6;
@@ -1056,9 +1060,8 @@
1056
1060
  --color-background-layout-mobile-panel-7ihqdn:#232f3e;
1057
1061
  --color-background-layout-panel-content-r9pdjh:#232f3e;
1058
1062
  --color-background-layout-panel-hover-thdv3z:#414750;
1059
- --color-background-layout-panel-trigger-active-opo2jh:#44b9d6;
1060
1063
  --color-background-layout-toggle-selected-active-3ftljk:#00a1c9;
1061
- --color-background-layout-toggle-selected-default-eduv1i:#00a1c9;
1064
+ --color-background-layout-toggle-selected-default-kcqbvr:#44b9d6;
1062
1065
  --color-background-layout-toggle-selected-hover-vtsm2f:#44b9d6;
1063
1066
  --color-background-modal-overlay-4qwcd5:rgba(22, 25, 31, 0.8);
1064
1067
  --color-background-notification-grey-useve5:#687078;
@@ -1114,7 +1117,7 @@
1114
1117
  --color-border-tutorial-9eqwas:#879596;
1115
1118
  --color-foreground-control-disabled-84rf4t:#687078;
1116
1119
  --color-shadow-default-94w2kz:rgba(0, 0, 0, 0.5);
1117
- --color-shadow-layout-panel-trigger-lceo1i:#414750;
1120
+ --color-shadow-layout-toggle-ys7l56:#414750;
1118
1121
  --color-text-accent-s0earc:#44b9d6;
1119
1122
  --color-text-body-default-7m2b3r:#d5dbdb;
1120
1123
  --color-text-body-secondary-u912t7:#d5dbdb;
@@ -1173,6 +1176,9 @@
1173
1176
  --color-text-interactive-hover-79wpl9:#fafafa;
1174
1177
  --color-text-inverted-p77o7g:#16191f;
1175
1178
  --color-text-label-kjjshz:#95a5a6;
1179
+ --color-text-layout-toggle-3a24mh:#d5dbdb;
1180
+ --color-text-layout-toggle-active-y84imf:#1a2029;
1181
+ --color-text-layout-toggle-hover-hsrbuh:#00a1c9;
1176
1182
  --color-text-layout-toggle-selected-jquwag:#16191f;
1177
1183
  --color-text-link-default-753y4e:#44b9d6;
1178
1184
  --color-text-link-hover-ok01xk:#44b9d6;
@@ -1181,8 +1187,6 @@
1181
1187
  --color-text-segment-active-p9yawx:#1a2029;
1182
1188
  --color-text-segment-default-9k644f:#d5dbdb;
1183
1189
  --color-text-segment-hover-1lgt1u:#00a1c9;
1184
- --color-text-layout-panel-trigger-hover-5qaiq9:#00a1c9;
1185
- --color-text-layout-panel-trigger-active-km1y5a:#1a2029;
1186
1190
  --color-text-small-5a9rs1:#95a5a6;
1187
1191
  --color-text-status-error-jer77f:#ff5d64;
1188
1192
  --color-text-status-inactive-2o9czw:#95a5a6;
@@ -1242,18 +1246,20 @@
1242
1246
  --color-background-layout-main-q0tbxx:#ffffff;
1243
1247
  --color-background-layout-mobile-panel-7ihqdn:#000716;
1244
1248
  --color-background-layout-panel-hover-thdv3z:#e9ebed;
1245
- --color-background-layout-panel-trigger-active-opo2jh:#00142b;
1246
1249
  --color-background-layout-toggle-active-d3zrnd:#354150;
1247
- --color-background-layout-toggle-default-o9dqpo:#192534;
1250
+ --color-background-layout-toggle-default-wvi0uj:#192534;
1248
1251
  --color-background-layout-toggle-hover-5rvtea:#354150;
1249
1252
  --color-background-layout-toggle-selected-active-3ftljk:#0972d3;
1250
- --color-background-layout-toggle-selected-default-eduv1i:#0972d3;
1253
+ --color-background-layout-toggle-selected-default-kcqbvr:#0972d3;
1251
1254
  --color-background-layout-toggle-selected-hover-vtsm2f:#065299;
1252
1255
  --color-background-modal-overlay-4qwcd5:rgba(35, 47, 62, 0.7);
1253
1256
  --color-background-notification-blue-rjpmdy:#0972d3;
1254
1257
  --color-background-notification-green-uofkna:#037f0c;
1255
1258
  --color-background-notification-grey-useve5:#414d5c;
1256
1259
  --color-background-notification-red-e2annb:#d91515;
1260
+ --color-background-notification-stack-bar-ljqu6m:#232f3e;
1261
+ --color-background-notification-stack-bar-active-1hg244:#232f3e;
1262
+ --color-background-notification-stack-bar-hover-4r4ais:#414d5c;
1257
1263
  --color-background-progress-bar-content-default-kdvzje:#0972d3;
1258
1264
  --color-background-progress-bar-content-in-flash-ka071o:#ffffff;
1259
1265
  --color-background-progress-bar-layout-default-teir10:#e9ebed;
@@ -1297,6 +1303,7 @@
1297
1303
  --color-border-item-placeholder-wtgwev:#0972d3;
1298
1304
  --color-border-item-selected-592lau:#0972d3;
1299
1305
  --color-border-layout-ifju5o:#d1d5db;
1306
+ --color-border-notification-stack-bar-7hr3df:#232f3e;
1300
1307
  --color-border-popover-jq2u63:#9ba7b6;
1301
1308
  --color-border-segment-active-9wobfw:#414d5c;
1302
1309
  --color-border-segment-default-zm0agy:#414d5c;
@@ -1313,7 +1320,7 @@
1313
1320
  --color-border-tiles-disabled-l8y8wj:#e9ebed;
1314
1321
  --color-border-tutorial-9eqwas:#d1d5db;
1315
1322
  --color-shadow-default-94w2kz:rgba(0, 7, 22, 0.12);
1316
- --color-shadow-layout-panel-trigger-lceo1i:#d1d5db;
1323
+ --color-shadow-layout-toggle-ys7l56:#d1d5db;
1317
1324
  --color-text-accent-s0earc:#0972d3;
1318
1325
  --color-text-body-default-7m2b3r:#000716;
1319
1326
  --color-text-body-secondary-u912t7:#414d5c;
@@ -1369,6 +1376,8 @@
1369
1376
  --color-text-interactive-inverted-default-toht84:#d1d5db;
1370
1377
  --color-text-interactive-inverted-hover-nr6ig9:#fbfbfb;
1371
1378
  --color-text-label-kjjshz:#000716;
1379
+ --color-text-layout-toggle-3a24mh:#ffffff;
1380
+ --color-text-layout-toggle-hover-hsrbuh:#0972d3;
1372
1381
  --color-text-link-default-753y4e:#0972d3;
1373
1382
  --color-text-link-hover-ok01xk:#033160;
1374
1383
  --color-text-link-inverted-hover-v9ehu7:#ffffff;
@@ -1380,7 +1389,6 @@
1380
1389
  --color-text-pagination-page-number-default-xf8q73:#414d5c;
1381
1390
  --color-text-segment-default-9k644f:#414d5c;
1382
1391
  --color-text-segment-hover-1lgt1u:#0972d3;
1383
- --color-text-layout-panel-trigger-hover-5qaiq9:#0972d3;
1384
1392
  --color-text-small-5a9rs1:#5f6b7a;
1385
1393
  --color-text-status-error-jer77f:#d91515;
1386
1394
  --color-text-status-inactive-2o9czw:#5f6b7a;
@@ -1586,9 +1594,8 @@
1586
1594
  --color-background-layout-main-q0tbxx:#0f1b2a;
1587
1595
  --color-background-layout-panel-content-r9pdjh:#0f1b2a;
1588
1596
  --color-background-layout-panel-hover-thdv3z:#354150;
1589
- --color-background-layout-panel-trigger-active-opo2jh:#89bdee;
1590
1597
  --color-background-layout-toggle-selected-active-3ftljk:#539fe5;
1591
- --color-background-layout-toggle-selected-default-eduv1i:#539fe5;
1598
+ --color-background-layout-toggle-selected-default-kcqbvr:#539fe5;
1592
1599
  --color-background-layout-toggle-selected-hover-vtsm2f:#89bdee;
1593
1600
  --color-background-modal-overlay-4qwcd5:rgba(0, 7, 22, 0.7);
1594
1601
  --color-background-notification-grey-useve5:#5f6b7a;
@@ -1649,7 +1656,7 @@
1649
1656
  --color-foreground-control-default-i2wjwi:#000716;
1650
1657
  --color-foreground-control-disabled-84rf4t:#0f1b2a;
1651
1658
  --color-shadow-default-94w2kz:rgba(0, 7, 22, 1);
1652
- --color-shadow-layout-panel-trigger-lceo1i:#354150;
1659
+ --color-shadow-layout-toggle-ys7l56:#354150;
1653
1660
  --color-text-accent-s0earc:#539fe5;
1654
1661
  --color-text-body-default-7m2b3r:#d1d5db;
1655
1662
  --color-text-body-secondary-u912t7:#d1d5db;
@@ -1709,6 +1716,8 @@
1709
1716
  --color-text-interactive-hover-79wpl9:#fbfbfb;
1710
1717
  --color-text-inverted-p77o7g:#000716;
1711
1718
  --color-text-label-kjjshz:#d1d5db;
1719
+ --color-text-layout-toggle-active-y84imf:#0f1b2a;
1720
+ --color-text-layout-toggle-hover-hsrbuh:#539fe5;
1712
1721
  --color-text-layout-toggle-selected-jquwag:#000716;
1713
1722
  --color-text-link-default-753y4e:#539fe5;
1714
1723
  --color-text-link-hover-ok01xk:#89bdee;
@@ -1718,8 +1727,6 @@
1718
1727
  --color-text-segment-active-p9yawx:#000716;
1719
1728
  --color-text-segment-default-9k644f:#d1d5db;
1720
1729
  --color-text-segment-hover-1lgt1u:#539fe5;
1721
- --color-text-layout-panel-trigger-hover-5qaiq9:#539fe5;
1722
- --color-text-layout-panel-trigger-active-km1y5a:#0f1b2a;
1723
1730
  --color-text-small-5a9rs1:#8d99a8;
1724
1731
  --color-text-status-error-jer77f:#eb6f6f;
1725
1732
  --color-text-status-inactive-2o9czw:#8d99a8;
@@ -1837,9 +1844,8 @@
1837
1844
  --color-background-layout-mobile-panel-7ihqdn:#000716;
1838
1845
  --color-background-layout-panel-content-r9pdjh:#0f1b2a;
1839
1846
  --color-background-layout-panel-hover-thdv3z:#354150;
1840
- --color-background-layout-panel-trigger-active-opo2jh:#89bdee;
1841
1847
  --color-background-layout-toggle-selected-active-3ftljk:#539fe5;
1842
- --color-background-layout-toggle-selected-default-eduv1i:#539fe5;
1848
+ --color-background-layout-toggle-selected-default-kcqbvr:#539fe5;
1843
1849
  --color-background-layout-toggle-selected-hover-vtsm2f:#89bdee;
1844
1850
  --color-background-modal-overlay-4qwcd5:rgba(0, 7, 22, 0.7);
1845
1851
  --color-background-notification-grey-useve5:#5f6b7a;
@@ -1905,7 +1911,7 @@
1905
1911
  --color-foreground-control-default-i2wjwi:#000716;
1906
1912
  --color-foreground-control-disabled-84rf4t:#0f1b2a;
1907
1913
  --color-shadow-default-94w2kz:rgba(0, 7, 22, 1);
1908
- --color-shadow-layout-panel-trigger-lceo1i:#354150;
1914
+ --color-shadow-layout-toggle-ys7l56:#354150;
1909
1915
  --color-text-accent-s0earc:#539fe5;
1910
1916
  --color-text-body-default-7m2b3r:#d1d5db;
1911
1917
  --color-text-body-secondary-u912t7:#d1d5db;
@@ -1964,6 +1970,9 @@
1964
1970
  --color-text-interactive-hover-79wpl9:#fbfbfb;
1965
1971
  --color-text-inverted-p77o7g:#000716;
1966
1972
  --color-text-label-kjjshz:#d1d5db;
1973
+ --color-text-layout-toggle-3a24mh:#ffffff;
1974
+ --color-text-layout-toggle-active-y84imf:#0f1b2a;
1975
+ --color-text-layout-toggle-hover-hsrbuh:#539fe5;
1967
1976
  --color-text-layout-toggle-selected-jquwag:#000716;
1968
1977
  --color-text-link-default-753y4e:#539fe5;
1969
1978
  --color-text-link-hover-ok01xk:#89bdee;
@@ -1973,8 +1982,6 @@
1973
1982
  --color-text-segment-active-p9yawx:#000716;
1974
1983
  --color-text-segment-default-9k644f:#d1d5db;
1975
1984
  --color-text-segment-hover-1lgt1u:#539fe5;
1976
- --color-text-layout-panel-trigger-hover-5qaiq9:#539fe5;
1977
- --color-text-layout-panel-trigger-active-km1y5a:#0f1b2a;
1978
1985
  --color-text-small-5a9rs1:#8d99a8;
1979
1986
  --color-text-status-error-jer77f:#eb6f6f;
1980
1987
  --color-text-status-inactive-2o9czw:#8d99a8;
@@ -2025,9 +2032,8 @@
2025
2032
  --color-background-layout-main-q0tbxx:#0f1b2a;
2026
2033
  --color-background-layout-panel-content-r9pdjh:#0f1b2a;
2027
2034
  --color-background-layout-panel-hover-thdv3z:#354150;
2028
- --color-background-layout-panel-trigger-active-opo2jh:#89bdee;
2029
2035
  --color-background-layout-toggle-selected-active-3ftljk:#539fe5;
2030
- --color-background-layout-toggle-selected-default-eduv1i:#539fe5;
2036
+ --color-background-layout-toggle-selected-default-kcqbvr:#539fe5;
2031
2037
  --color-background-layout-toggle-selected-hover-vtsm2f:#89bdee;
2032
2038
  --color-background-modal-overlay-4qwcd5:rgba(0, 7, 22, 0.7);
2033
2039
  --color-background-notification-grey-useve5:#5f6b7a;
@@ -2088,7 +2094,7 @@
2088
2094
  --color-foreground-control-default-i2wjwi:#000716;
2089
2095
  --color-foreground-control-disabled-84rf4t:#0f1b2a;
2090
2096
  --color-shadow-default-94w2kz:rgba(0, 7, 22, 1);
2091
- --color-shadow-layout-panel-trigger-lceo1i:#354150;
2097
+ --color-shadow-layout-toggle-ys7l56:#354150;
2092
2098
  --color-text-accent-s0earc:#539fe5;
2093
2099
  --color-text-body-default-7m2b3r:#d1d5db;
2094
2100
  --color-text-body-secondary-u912t7:#d1d5db;
@@ -2148,6 +2154,8 @@
2148
2154
  --color-text-interactive-hover-79wpl9:#fbfbfb;
2149
2155
  --color-text-inverted-p77o7g:#000716;
2150
2156
  --color-text-label-kjjshz:#d1d5db;
2157
+ --color-text-layout-toggle-active-y84imf:#0f1b2a;
2158
+ --color-text-layout-toggle-hover-hsrbuh:#539fe5;
2151
2159
  --color-text-layout-toggle-selected-jquwag:#000716;
2152
2160
  --color-text-link-default-753y4e:#539fe5;
2153
2161
  --color-text-link-hover-ok01xk:#89bdee;
@@ -2157,8 +2165,6 @@
2157
2165
  --color-text-segment-active-p9yawx:#000716;
2158
2166
  --color-text-segment-default-9k644f:#d1d5db;
2159
2167
  --color-text-segment-hover-1lgt1u:#539fe5;
2160
- --color-text-layout-panel-trigger-hover-5qaiq9:#539fe5;
2161
- --color-text-layout-panel-trigger-active-km1y5a:#0f1b2a;
2162
2168
  --color-text-small-5a9rs1:#8d99a8;
2163
2169
  --color-text-status-error-jer77f:#eb6f6f;
2164
2170
  --color-text-status-inactive-2o9czw:#8d99a8;
@@ -2210,9 +2216,8 @@
2210
2216
  --color-background-layout-main-q0tbxx:#000716;
2211
2217
  --color-background-layout-panel-content-r9pdjh:#0f1b2a;
2212
2218
  --color-background-layout-panel-hover-thdv3z:#354150;
2213
- --color-background-layout-panel-trigger-active-opo2jh:#89bdee;
2214
2219
  --color-background-layout-toggle-selected-active-3ftljk:#539fe5;
2215
- --color-background-layout-toggle-selected-default-eduv1i:#539fe5;
2220
+ --color-background-layout-toggle-selected-default-kcqbvr:#539fe5;
2216
2221
  --color-background-layout-toggle-selected-hover-vtsm2f:#89bdee;
2217
2222
  --color-background-modal-overlay-4qwcd5:rgba(0, 7, 22, 0.7);
2218
2223
  --color-background-notification-grey-useve5:#5f6b7a;
@@ -2273,7 +2278,7 @@
2273
2278
  --color-foreground-control-default-i2wjwi:#000716;
2274
2279
  --color-foreground-control-disabled-84rf4t:#0f1b2a;
2275
2280
  --color-shadow-default-94w2kz:rgba(0, 7, 22, 1);
2276
- --color-shadow-layout-panel-trigger-lceo1i:#354150;
2281
+ --color-shadow-layout-toggle-ys7l56:#354150;
2277
2282
  --color-text-accent-s0earc:#539fe5;
2278
2283
  --color-text-body-default-7m2b3r:#d1d5db;
2279
2284
  --color-text-body-secondary-u912t7:#d1d5db;
@@ -2332,6 +2337,8 @@
2332
2337
  --color-text-interactive-hover-79wpl9:#fbfbfb;
2333
2338
  --color-text-inverted-p77o7g:#000716;
2334
2339
  --color-text-label-kjjshz:#d1d5db;
2340
+ --color-text-layout-toggle-active-y84imf:#0f1b2a;
2341
+ --color-text-layout-toggle-hover-hsrbuh:#539fe5;
2335
2342
  --color-text-layout-toggle-selected-jquwag:#000716;
2336
2343
  --color-text-link-default-753y4e:#539fe5;
2337
2344
  --color-text-link-hover-ok01xk:#89bdee;
@@ -2341,8 +2348,6 @@
2341
2348
  --color-text-segment-active-p9yawx:#000716;
2342
2349
  --color-text-segment-default-9k644f:#d1d5db;
2343
2350
  --color-text-segment-hover-1lgt1u:#539fe5;
2344
- --color-text-layout-panel-trigger-hover-5qaiq9:#539fe5;
2345
- --color-text-layout-panel-trigger-active-km1y5a:#0f1b2a;
2346
2351
  --color-text-small-5a9rs1:#8d99a8;
2347
2352
  --color-text-status-error-jer77f:#eb6f6f;
2348
2353
  --color-text-status-inactive-2o9czw:#8d99a8;
@@ -2407,9 +2412,8 @@
2407
2412
  --color-background-layout-main-q0tbxx:#000716;
2408
2413
  --color-background-layout-panel-content-r9pdjh:#0f1b2a;
2409
2414
  --color-background-layout-panel-hover-thdv3z:#354150;
2410
- --color-background-layout-panel-trigger-active-opo2jh:#89bdee;
2411
2415
  --color-background-layout-toggle-selected-active-3ftljk:#539fe5;
2412
- --color-background-layout-toggle-selected-default-eduv1i:#539fe5;
2416
+ --color-background-layout-toggle-selected-default-kcqbvr:#539fe5;
2413
2417
  --color-background-layout-toggle-selected-hover-vtsm2f:#89bdee;
2414
2418
  --color-background-modal-overlay-4qwcd5:rgba(0, 7, 22, 0.7);
2415
2419
  --color-background-notification-grey-useve5:#5f6b7a;
@@ -2470,7 +2474,7 @@
2470
2474
  --color-foreground-control-default-i2wjwi:#000716;
2471
2475
  --color-foreground-control-disabled-84rf4t:#0f1b2a;
2472
2476
  --color-shadow-default-94w2kz:rgba(0, 7, 22, 1);
2473
- --color-shadow-layout-panel-trigger-lceo1i:#354150;
2477
+ --color-shadow-layout-toggle-ys7l56:#354150;
2474
2478
  --color-text-accent-s0earc:#539fe5;
2475
2479
  --color-text-body-default-7m2b3r:#d1d5db;
2476
2480
  --color-text-body-secondary-u912t7:#d1d5db;
@@ -2529,6 +2533,8 @@
2529
2533
  --color-text-interactive-hover-79wpl9:#fbfbfb;
2530
2534
  --color-text-inverted-p77o7g:#000716;
2531
2535
  --color-text-label-kjjshz:#d1d5db;
2536
+ --color-text-layout-toggle-active-y84imf:#0f1b2a;
2537
+ --color-text-layout-toggle-hover-hsrbuh:#539fe5;
2532
2538
  --color-text-layout-toggle-selected-jquwag:#000716;
2533
2539
  --color-text-link-default-753y4e:#539fe5;
2534
2540
  --color-text-link-hover-ok01xk:#89bdee;
@@ -2538,8 +2544,6 @@
2538
2544
  --color-text-segment-active-p9yawx:#000716;
2539
2545
  --color-text-segment-default-9k644f:#d1d5db;
2540
2546
  --color-text-segment-hover-1lgt1u:#539fe5;
2541
- --color-text-layout-panel-trigger-hover-5qaiq9:#539fe5;
2542
- --color-text-layout-panel-trigger-active-km1y5a:#0f1b2a;
2543
2547
  --color-text-small-5a9rs1:#8d99a8;
2544
2548
  --color-text-status-error-jer77f:#eb6f6f;
2545
2549
  --color-text-status-inactive-2o9czw:#8d99a8;
package/lib/internal/template/internal/environment.js CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  export var PACKAGE_SOURCE = 'components';
3
- export var PACKAGE_VERSION = '3.0.0 (897f229)';
3
+ export var PACKAGE_VERSION = '3.0.0 (8104f14)';
4
4
  export var THEME = 'open-source-visual-refresh';
5
5
  export var ALWAYS_VISUAL_REFRESH = true;
6
6
 
package/lib/internal/template/internal/generated/styles/tokens.d.ts CHANGED
@@ -231,6 +231,10 @@ export const colorTextInteractiveHover: string;
231
231
  export const colorTextInteractiveInvertedDefault: string;
232
232
  export const colorTextInteractiveInvertedHover: string;
233
233
  export const colorTextLabel: string;
234
+ export const colorTextLayoutToggle: string;
235
+ export const colorTextLayoutToggleActive: string;
236
+ export const colorTextLayoutToggleHover: string;
237
+ export const colorTextLayoutToggleSelected: string;
234
238
  export const colorTextLinkDefault: string;
235
239
  export const colorTextLinkHover: string;
236
240
  export const colorTextNotificationDefault: string;