@cloudscape-design/components-themeable 3.0.1316 → 3.0.1317

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 (12) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  3. package/lib/internal/template/internal/base-component/styles.scoped.css +23 -17
  4. package/lib/internal/template/internal/environment.js +2 -2
  5. package/lib/internal/template/internal/environment.json +2 -2
  6. package/lib/internal/template/internal/generated/styles/tokens.d.ts +1 -0
  7. package/lib/internal/template/internal/generated/styles/tokens.js +1 -0
  8. package/lib/internal/template/internal/generated/theming/index.cjs +54 -21
  9. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +9 -0
  10. package/lib/internal/template/internal/generated/theming/index.d.ts +9 -0
  11. package/lib/internal/template/internal/generated/theming/index.js +54 -21
  12. package/package.json +1 -1
package/lib/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "d326da3c16c88585b9246abc7852a858f91b5efc"
2
+ "commit": "b33ca59da0ba9c5ed895fa948378938a64fe66e2"
3
3
  }
package/lib/internal/scss/internal/generated/custom-css-properties/index.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Build environment
3
- $awsui-commit-hash: "d326da3c";
3
+ $awsui-commit-hash: "b33ca59d";
4
4
  // Manually managed CSS-variables
5
5
  $maxContentWidth: --awsui-max-content-width-6b9ypa;
6
6
  $minContentWidth: --awsui-min-content-width-6b9ypa;
package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED
@@ -302,7 +302,8 @@
302
302
  --color-background-side-navigation-item-active-jencj9:transparent;
303
303
  --color-background-layout-main-05m5y6:var(--color-neutral-200-z3mmn9);
304
304
  --color-background-drawer-v79o7e:var(--color-background-layout-panel-content-9tbx75);
305
- --color-background-drawer-backdrop-if96qn:var(--color-grey-opaque-90-fueme4);
305
+ --color-background-backdrop-9eeuoh:var(--color-grey-opaque-90-fueme4);
306
+ --color-background-drawer-backdrop-if96qn:var(--color-background-backdrop-9eeuoh);
306
307
  --color-background-layout-mobile-panel-20j5lz:var(--color-background-layout-panel-content-9tbx75);
307
308
  --color-background-layout-panel-3rw39t:var(--color-background-container-content-aemn43);
308
309
  --color-background-layout-panel-content-9tbx75:var(--color-background-container-content-aemn43);
@@ -314,7 +315,7 @@
314
315
  --color-background-layout-toggle-selected-active-wfv72o:var(--color-primary-600-be1v6a);
315
316
  --color-background-layout-toggle-selected-default-o4my1h:var(--color-primary-600-be1v6a);
316
317
  --color-background-layout-toggle-selected-hover-yuaxel:var(--color-primary-700-xkgxe3);
317
- --color-background-modal-overlay-i6vork:var(--color-grey-opaque-90-fueme4);
318
+ --color-background-modal-overlay-i6vork:var(--color-background-backdrop-9eeuoh);
318
319
  --color-background-notification-blue-jgc5fr:var(--color-info-600-ieuf7e);
319
320
  --color-background-notification-green-7yuv70:var(--color-success-600-ma9qew);
320
321
  --color-background-notification-grey-yzex9c:var(--color-neutral-650-92yp10);
@@ -1056,12 +1057,11 @@
1056
1057
  --color-background-input-disabled-4vlau3:var(--color-neutral-700-heh17v);
1057
1058
  --color-background-item-selected-v20q4r:var(--color-primary-1000-gaqvjz);
1058
1059
  --color-background-layout-main-05m5y6:var(--color-neutral-950-qehfms);
1059
- --color-background-drawer-backdrop-if96qn:var(--color-grey-opaque-80-1l8ptn);
1060
+ --color-background-backdrop-9eeuoh:var(--color-grey-opaque-80-1l8ptn);
1060
1061
  --color-background-layout-panel-hover-5jdzo1:var(--color-neutral-700-heh17v);
1061
1062
  --color-background-layout-toggle-selected-active-wfv72o:var(--color-primary-400-i8y8uk);
1062
1063
  --color-background-layout-toggle-selected-default-o4my1h:var(--color-primary-300-jwvz31);
1063
1064
  --color-background-layout-toggle-selected-hover-yuaxel:var(--color-primary-300-jwvz31);
1064
- --color-background-modal-overlay-i6vork:var(--color-grey-opaque-80-1l8ptn);
1065
1065
  --color-background-notification-grey-yzex9c:var(--color-neutral-600-boivn8);
1066
1066
  --color-background-popover-8fgrfw:var(--color-neutral-800-u27ub9);
1067
1067
  --color-background-progress-bar-value-default-1bekh3:var(--color-primary-400-i8y8uk);
@@ -1351,12 +1351,11 @@
1351
1351
  --color-background-input-disabled-4vlau3:var(--color-neutral-700-heh17v);
1352
1352
  --color-background-item-selected-v20q4r:var(--color-primary-1000-gaqvjz);
1353
1353
  --color-background-layout-main-05m5y6:var(--color-neutral-950-qehfms);
1354
- --color-background-drawer-backdrop-if96qn:var(--color-grey-opaque-80-1l8ptn);
1354
+ --color-background-backdrop-9eeuoh:var(--color-grey-opaque-80-1l8ptn);
1355
1355
  --color-background-layout-panel-hover-5jdzo1:var(--color-neutral-700-heh17v);
1356
1356
  --color-background-layout-toggle-selected-active-wfv72o:var(--color-primary-400-i8y8uk);
1357
1357
  --color-background-layout-toggle-selected-default-o4my1h:var(--color-primary-300-jwvz31);
1358
1358
  --color-background-layout-toggle-selected-hover-yuaxel:var(--color-primary-300-jwvz31);
1359
- --color-background-modal-overlay-i6vork:var(--color-grey-opaque-80-1l8ptn);
1360
1359
  --color-background-notification-grey-yzex9c:var(--color-neutral-600-boivn8);
1361
1360
  --color-background-popover-8fgrfw:var(--color-neutral-800-u27ub9);
1362
1361
  --color-background-progress-bar-value-default-1bekh3:var(--color-primary-400-i8y8uk);
@@ -1498,10 +1497,12 @@
1498
1497
  --color-background-item-card-st2hxn:var(--color-background-card-39vmsz);
1499
1498
  --color-background-dropdown-item-selected-1c9k0x:var(--color-background-item-selected-v20q4r);
1500
1499
  --color-background-drawer-v79o7e:var(--color-background-layout-panel-content-9tbx75);
1500
+ --color-background-drawer-backdrop-if96qn:var(--color-background-backdrop-9eeuoh);
1501
1501
  --color-background-layout-mobile-panel-20j5lz:var(--color-background-layout-panel-content-9tbx75);
1502
1502
  --color-background-layout-panel-3rw39t:var(--color-background-container-content-aemn43);
1503
1503
  --color-background-layout-panel-content-9tbx75:var(--color-background-container-content-aemn43);
1504
1504
  --color-background-layout-toolbar-oyny45:var(--color-background-layout-panel-content-9tbx75);
1505
+ --color-background-modal-overlay-i6vork:var(--color-background-backdrop-9eeuoh);
1505
1506
  --color-background-segment-default-zwi7m6:var(--color-background-button-normal-default-odgg8b);
1506
1507
  --color-background-segment-disabled-etp65k:var(--color-background-button-normal-disabled-rd09ns);
1507
1508
  --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
@@ -1817,12 +1818,11 @@
1817
1818
  --color-background-container-header-b8qo49:var(--color-white-jf0w15);
1818
1819
  --color-background-home-header-4rk3o3:var(--color-neutral-950-qehfms);
1819
1820
  --color-background-layout-main-05m5y6:var(--color-white-jf0w15);
1820
- --color-background-drawer-backdrop-if96qn:var(--color-grey-opaque-70-ueherc);
1821
+ --color-background-backdrop-9eeuoh:var(--color-grey-opaque-70-ueherc);
1821
1822
  --color-background-layout-mobile-panel-20j5lz:var(--color-neutral-950-qehfms);
1822
1823
  --color-background-layout-toggle-active-ovmpb9:var(--color-neutral-650-92yp10);
1823
1824
  --color-background-layout-toggle-default-q2nv0b:var(--color-neutral-650-92yp10);
1824
1825
  --color-background-layout-toggle-hover-t77zty:var(--color-neutral-600-boivn8);
1825
- --color-background-modal-overlay-i6vork:var(--color-grey-opaque-70-ueherc);
1826
1826
  --color-background-chat-bubble-incoming-m85frs:var(--color-neutral-150-8fqber);
1827
1827
  --color-border-button-normal-active-soiq8b:var(--color-primary-900-fp8i41);
1828
1828
  --color-border-button-normal-default-5aez2l:var(--color-primary-600-be1v6a);
@@ -2083,10 +2083,12 @@
2083
2083
  --color-background-dropdown-item-selected-1c9k0x:var(--color-background-item-selected-v20q4r);
2084
2084
  --color-background-input-disabled-4vlau3:var(--color-neutral-250-hdfqdx);
2085
2085
  --color-background-item-selected-v20q4r:var(--color-primary-50-k00bx1);
2086
+ --color-background-drawer-backdrop-if96qn:var(--color-background-backdrop-9eeuoh);
2086
2087
  --color-background-layout-panel-hover-5jdzo1:var(--color-neutral-250-hdfqdx);
2087
2088
  --color-background-layout-toggle-selected-active-wfv72o:var(--color-primary-600-be1v6a);
2088
2089
  --color-background-layout-toggle-selected-default-o4my1h:var(--color-primary-600-be1v6a);
2089
2090
  --color-background-layout-toggle-selected-hover-yuaxel:var(--color-primary-700-xkgxe3);
2091
+ --color-background-modal-overlay-i6vork:var(--color-background-backdrop-9eeuoh);
2090
2092
  --color-background-notification-blue-jgc5fr:var(--color-info-600-ieuf7e);
2091
2093
  --color-background-notification-green-7yuv70:var(--color-success-600-ma9qew);
2092
2094
  --color-background-notification-grey-yzex9c:var(--color-neutral-650-92yp10);
@@ -2502,10 +2504,9 @@
2502
2504
  --color-background-dropdown-item-hover-353r6f:var(--color-neutral-900-o3oyxe);
2503
2505
  --color-background-input-disabled-4vlau3:var(--color-neutral-800-u27ub9);
2504
2506
  --color-background-layout-main-05m5y6:var(--color-neutral-850-m3u7h5);
2505
- --color-background-drawer-backdrop-if96qn:var(--color-grey-opaque-70-ueherc);
2507
+ --color-background-backdrop-9eeuoh:var(--color-grey-opaque-70-ueherc);
2506
2508
  --color-background-layout-mobile-panel-20j5lz:var(--color-neutral-950-qehfms);
2507
2509
  --color-background-layout-toggle-selected-default-o4my1h:var(--color-primary-400-i8y8uk);
2508
- --color-background-modal-overlay-i6vork:var(--color-grey-opaque-70-ueherc);
2509
2510
  --color-background-tiles-disabled-t4fvzv:var(--color-neutral-800-u27ub9);
2510
2511
  --color-background-toggle-checked-disabled-i9a3za:var(--color-primary-900-fp8i41);
2511
2512
  --color-border-button-normal-active-soiq8b:var(--color-primary-300-jwvz31);
@@ -2583,9 +2584,11 @@
2583
2584
  --color-background-card-39vmsz:var(--color-background-container-content-aemn43);
2584
2585
  --color-background-item-card-st2hxn:var(--color-background-card-39vmsz);
2585
2586
  --color-background-drawer-v79o7e:var(--color-background-layout-panel-content-9tbx75);
2587
+ --color-background-drawer-backdrop-if96qn:var(--color-background-backdrop-9eeuoh);
2586
2588
  --color-background-layout-panel-3rw39t:var(--color-background-container-content-aemn43);
2587
2589
  --color-background-layout-panel-content-9tbx75:var(--color-background-container-content-aemn43);
2588
2590
  --color-background-layout-toolbar-oyny45:var(--color-background-layout-panel-content-9tbx75);
2591
+ --color-background-modal-overlay-i6vork:var(--color-background-backdrop-9eeuoh);
2589
2592
  --color-background-segment-default-zwi7m6:var(--color-background-button-normal-default-odgg8b);
2590
2593
  --color-background-segment-disabled-etp65k:var(--color-background-button-normal-disabled-rd09ns);
2591
2594
  --color-background-segment-wrapper-8sntqj:var(--color-background-container-content-aemn43);
@@ -2788,11 +2791,12 @@
2788
2791
  --color-background-item-card-st2hxn:var(--color-background-card-39vmsz);
2789
2792
  --color-background-dropdown-item-selected-1c9k0x:var(--color-background-item-selected-v20q4r);
2790
2793
  --color-background-drawer-v79o7e:var(--color-background-layout-panel-content-9tbx75);
2791
- --color-background-drawer-backdrop-if96qn:var(--color-grey-opaque-70-ueherc);
2794
+ --color-background-backdrop-9eeuoh:var(--color-grey-opaque-70-ueherc);
2795
+ --color-background-drawer-backdrop-if96qn:var(--color-background-backdrop-9eeuoh);
2792
2796
  --color-background-layout-panel-3rw39t:var(--color-background-container-content-aemn43);
2793
2797
  --color-background-layout-panel-content-9tbx75:var(--color-background-container-content-aemn43);
2794
2798
  --color-background-layout-toolbar-oyny45:var(--color-background-layout-panel-content-9tbx75);
2795
- --color-background-modal-overlay-i6vork:var(--color-grey-opaque-70-ueherc);
2799
+ --color-background-modal-overlay-i6vork:var(--color-background-backdrop-9eeuoh);
2796
2800
  --color-background-segment-default-zwi7m6:var(--color-background-button-normal-default-odgg8b);
2797
2801
  --color-background-segment-disabled-etp65k:var(--color-background-button-normal-disabled-rd09ns);
2798
2802
  --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
@@ -3076,11 +3080,12 @@
3076
3080
  --color-background-item-card-st2hxn:var(--color-background-card-39vmsz);
3077
3081
  --color-background-dropdown-item-selected-1c9k0x:var(--color-background-item-selected-v20q4r);
3078
3082
  --color-background-drawer-v79o7e:var(--color-background-layout-panel-content-9tbx75);
3079
- --color-background-drawer-backdrop-if96qn:var(--color-grey-opaque-70-ueherc);
3083
+ --color-background-backdrop-9eeuoh:var(--color-grey-opaque-70-ueherc);
3084
+ --color-background-drawer-backdrop-if96qn:var(--color-background-backdrop-9eeuoh);
3080
3085
  --color-background-layout-panel-3rw39t:var(--color-background-container-content-aemn43);
3081
3086
  --color-background-layout-panel-content-9tbx75:var(--color-background-container-content-aemn43);
3082
3087
  --color-background-layout-toolbar-oyny45:var(--color-background-layout-panel-content-9tbx75);
3083
- --color-background-modal-overlay-i6vork:var(--color-grey-opaque-70-ueherc);
3088
+ --color-background-modal-overlay-i6vork:var(--color-background-backdrop-9eeuoh);
3084
3089
  --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
3085
3090
  --color-background-slider-range-default-ckhqiz:var(--color-background-slider-handle-default-pb538l);
3086
3091
  --color-background-slider-range-active-n1ml5a:var(--color-background-slider-handle-active-9ejayt);
@@ -3603,11 +3608,12 @@
3603
3608
  --color-background-item-card-st2hxn:var(--color-background-card-39vmsz);
3604
3609
  --color-background-dropdown-item-selected-1c9k0x:var(--color-background-item-selected-v20q4r);
3605
3610
  --color-background-drawer-v79o7e:var(--color-background-layout-panel-content-9tbx75);
3606
- --color-background-drawer-backdrop-if96qn:var(--color-grey-opaque-70-ueherc);
3611
+ --color-background-backdrop-9eeuoh:var(--color-grey-opaque-70-ueherc);
3612
+ --color-background-drawer-backdrop-if96qn:var(--color-background-backdrop-9eeuoh);
3607
3613
  --color-background-layout-panel-3rw39t:var(--color-background-container-content-aemn43);
3608
3614
  --color-background-layout-panel-content-9tbx75:var(--color-background-container-content-aemn43);
3609
3615
  --color-background-layout-toolbar-oyny45:var(--color-background-layout-panel-content-9tbx75);
3610
- --color-background-modal-overlay-i6vork:var(--color-grey-opaque-70-ueherc);
3616
+ --color-background-modal-overlay-i6vork:var(--color-background-backdrop-9eeuoh);
3611
3617
  --color-background-segment-default-zwi7m6:var(--color-background-button-normal-default-odgg8b);
3612
3618
  --color-background-segment-disabled-etp65k:var(--color-background-button-normal-disabled-rd09ns);
3613
3619
  --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
@@ -3859,5 +3865,5 @@
3859
3865
  }
3860
3866
  }
3861
3867
  :root {
3862
- --awsui-version-info-d326da3c: true;
3868
+ --awsui-version-info-b33ca59d: true;
3863
3869
  }
package/lib/internal/template/internal/environment.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (d326da3c)";
3
- export var GIT_SHA = "d326da3c";
2
+ export var PACKAGE_VERSION = "3.0.0 (b33ca59d)";
3
+ export var GIT_SHA = "b33ca59d";
4
4
  export var THEME = "open-source-visual-refresh";
5
5
  export var SYSTEM = "core";
6
6
  export var ALWAYS_VISUAL_REFRESH = true;
package/lib/internal/template/internal/environment.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (d326da3c)",
4
- "GIT_SHA": "d326da3c",
3
+ "PACKAGE_VERSION": "3.0.0 (b33ca59d)",
4
+ "GIT_SHA": "b33ca59d",
5
5
  "THEME": "default",
6
6
  "SYSTEM": "core",
7
7
  "ALWAYS_VISUAL_REFRESH": false,
package/lib/internal/template/internal/generated/styles/tokens.d.ts CHANGED
@@ -339,6 +339,7 @@ export const colorBackgroundItemSelected: string;
339
339
  export const colorBackgroundSideNavigationItemActive: string;
340
340
  export const colorBackgroundLayoutMain: string;
341
341
  export const colorBackgroundDrawer: string;
342
+ export const colorBackgroundBackdrop: string;
342
343
  export const colorBackgroundDrawerBackdrop: string;
343
344
  export const colorBackgroundLayoutMobilePanel: string;
344
345
  export const colorBackgroundLayoutPanel: string;
package/lib/internal/template/internal/generated/styles/tokens.js CHANGED
@@ -339,6 +339,7 @@ export var colorBackgroundItemSelected = "var(--color-background-item-selected-9
339
339
  export var colorBackgroundSideNavigationItemActive = "var(--color-background-side-navigation-item-active-adfprg, transparent)";
340
340
  export var colorBackgroundLayoutMain = "var(--color-background-layout-main-5ilwcb, #ffffff)";
341
341
  export var colorBackgroundDrawer = "var(--color-background-drawer-5hs0eh, #ffffff)";
342
+ export var colorBackgroundBackdrop = "var(--color-background-backdrop-33f45f, rgba(35, 43, 55, 0.7))";
342
343
  export var colorBackgroundDrawerBackdrop = "var(--color-background-drawer-backdrop-ducxi3, rgba(35, 43, 55, 0.7))";
343
344
  export var colorBackgroundLayoutMobilePanel = "var(--color-background-layout-mobile-panel-ed0ava, #0f141a)";
344
345
  export var colorBackgroundLayoutPanel = "var(--color-background-layout-panel-jv6exs, #ffffff)";
package/lib/internal/template/internal/generated/theming/index.cjs CHANGED
@@ -1403,10 +1403,14 @@ module.exports.preset = {
1403
1403
  "light": "{colorBackgroundLayoutPanelContent}",
1404
1404
  "dark": "{colorBackgroundLayoutPanelContent}"
1405
1405
  },
1406
- "colorBackgroundDrawerBackdrop": {
1406
+ "colorBackgroundBackdrop": {
1407
1407
  "light": "{colorGreyOpaque70}",
1408
1408
  "dark": "{colorGreyOpaque70}"
1409
1409
  },
1410
+ "colorBackgroundDrawerBackdrop": {
1411
+ "light": "{colorBackgroundBackdrop}",
1412
+ "dark": "{colorBackgroundBackdrop}"
1413
+ },
1410
1414
  "colorBackgroundLayoutMobilePanel": {
1411
1415
  "light": "{colorNeutral950}",
1412
1416
  "dark": "{colorNeutral950}"
@@ -1452,8 +1456,8 @@ module.exports.preset = {
1452
1456
  "dark": "{colorPrimary300}"
1453
1457
  },
1454
1458
  "colorBackgroundModalOverlay": {
1455
- "light": "{colorGreyOpaque70}",
1456
- "dark": "{colorGreyOpaque70}"
1459
+ "light": "{colorBackgroundBackdrop}",
1460
+ "dark": "{colorBackgroundBackdrop}"
1457
1461
  },
1458
1462
  "colorBackgroundNotificationBlue": {
1459
1463
  "light": "{colorInfo600}",
@@ -4208,10 +4212,14 @@ module.exports.preset = {
4208
4212
  "light": "{colorBackgroundLayoutPanelContent}",
4209
4213
  "dark": "{colorBackgroundLayoutPanelContent}"
4210
4214
  },
4211
- "colorBackgroundDrawerBackdrop": {
4215
+ "colorBackgroundBackdrop": {
4212
4216
  "light": "{colorGreyOpaque70}",
4213
4217
  "dark": "{colorGreyOpaque70}"
4214
4218
  },
4219
+ "colorBackgroundDrawerBackdrop": {
4220
+ "light": "{colorBackgroundBackdrop}",
4221
+ "dark": "{colorBackgroundBackdrop}"
4222
+ },
4215
4223
  "colorBackgroundLayoutMobilePanel": {
4216
4224
  "light": "{colorNeutral950}",
4217
4225
  "dark": "{colorNeutral950}"
@@ -4257,8 +4265,8 @@ module.exports.preset = {
4257
4265
  "dark": "{colorPrimary300}"
4258
4266
  },
4259
4267
  "colorBackgroundModalOverlay": {
4260
- "light": "{colorGreyOpaque70}",
4261
- "dark": "{colorGreyOpaque70}"
4268
+ "light": "{colorBackgroundBackdrop}",
4269
+ "dark": "{colorBackgroundBackdrop}"
4262
4270
  },
4263
4271
  "colorBackgroundNotificationBlue": {
4264
4272
  "light": "{colorInfo600}",
@@ -5825,10 +5833,14 @@ module.exports.preset = {
5825
5833
  "light": "{colorBackgroundLayoutPanelContent}",
5826
5834
  "dark": "{colorBackgroundLayoutPanelContent}"
5827
5835
  },
5828
- "colorBackgroundDrawerBackdrop": {
5836
+ "colorBackgroundBackdrop": {
5829
5837
  "light": "{colorGreyOpaque70}",
5830
5838
  "dark": "{colorGreyOpaque70}"
5831
5839
  },
5840
+ "colorBackgroundDrawerBackdrop": {
5841
+ "light": "{colorBackgroundBackdrop}",
5842
+ "dark": "{colorBackgroundBackdrop}"
5843
+ },
5832
5844
  "colorBackgroundLayoutMobilePanel": {
5833
5845
  "light": "{colorNeutral950}",
5834
5846
  "dark": "{colorNeutral950}"
@@ -5874,8 +5886,8 @@ module.exports.preset = {
5874
5886
  "dark": "{colorPrimary300}"
5875
5887
  },
5876
5888
  "colorBackgroundModalOverlay": {
5877
- "light": "{colorGreyOpaque70}",
5878
- "dark": "{colorGreyOpaque70}"
5889
+ "light": "{colorBackgroundBackdrop}",
5890
+ "dark": "{colorBackgroundBackdrop}"
5879
5891
  },
5880
5892
  "colorBackgroundNotificationBlue": {
5881
5893
  "light": "{colorInfo600}",
@@ -7370,10 +7382,14 @@ module.exports.preset = {
7370
7382
  "light": "{colorBackgroundLayoutPanelContent}",
7371
7383
  "dark": "{colorBackgroundLayoutPanelContent}"
7372
7384
  },
7373
- "colorBackgroundDrawerBackdrop": {
7385
+ "colorBackgroundBackdrop": {
7374
7386
  "light": "{colorGreyOpaque70}",
7375
7387
  "dark": "{colorGreyOpaque70}"
7376
7388
  },
7389
+ "colorBackgroundDrawerBackdrop": {
7390
+ "light": "{colorBackgroundBackdrop}",
7391
+ "dark": "{colorBackgroundBackdrop}"
7392
+ },
7377
7393
  "colorBackgroundLayoutMobilePanel": {
7378
7394
  "light": "{colorNeutral950}",
7379
7395
  "dark": "{colorNeutral950}"
@@ -7419,8 +7435,8 @@ module.exports.preset = {
7419
7435
  "dark": "{colorPrimary300}"
7420
7436
  },
7421
7437
  "colorBackgroundModalOverlay": {
7422
- "light": "{colorGreyOpaque70}",
7423
- "dark": "{colorGreyOpaque70}"
7438
+ "light": "{colorBackgroundBackdrop}",
7439
+ "dark": "{colorBackgroundBackdrop}"
7424
7440
  },
7425
7441
  "colorBackgroundNotificationBlue": {
7426
7442
  "light": "{colorInfo600}",
@@ -8780,10 +8796,14 @@ module.exports.preset = {
8780
8796
  "light": "{colorBackgroundLayoutPanelContent}",
8781
8797
  "dark": "{colorBackgroundLayoutPanelContent}"
8782
8798
  },
8783
- "colorBackgroundDrawerBackdrop": {
8799
+ "colorBackgroundBackdrop": {
8784
8800
  "light": "{colorGreyOpaque70}",
8785
8801
  "dark": "{colorGreyOpaque70}"
8786
8802
  },
8803
+ "colorBackgroundDrawerBackdrop": {
8804
+ "light": "{colorBackgroundBackdrop}",
8805
+ "dark": "{colorBackgroundBackdrop}"
8806
+ },
8787
8807
  "colorBackgroundLayoutMobilePanel": {
8788
8808
  "light": "{colorNeutral950}",
8789
8809
  "dark": "{colorNeutral950}"
@@ -8829,8 +8849,8 @@ module.exports.preset = {
8829
8849
  "dark": "{colorPrimary300}"
8830
8850
  },
8831
8851
  "colorBackgroundModalOverlay": {
8832
- "light": "{colorGreyOpaque70}",
8833
- "dark": "{colorGreyOpaque70}"
8852
+ "light": "{colorBackgroundBackdrop}",
8853
+ "dark": "{colorBackgroundBackdrop}"
8834
8854
  },
8835
8855
  "colorBackgroundNotificationBlue": {
8836
8856
  "light": "{colorInfo600}",
@@ -10190,10 +10210,14 @@ module.exports.preset = {
10190
10210
  "light": "{colorBackgroundLayoutPanelContent}",
10191
10211
  "dark": "{colorBackgroundLayoutPanelContent}"
10192
10212
  },
10193
- "colorBackgroundDrawerBackdrop": {
10213
+ "colorBackgroundBackdrop": {
10194
10214
  "light": "{colorGreyOpaque70}",
10195
10215
  "dark": "{colorGreyOpaque70}"
10196
10216
  },
10217
+ "colorBackgroundDrawerBackdrop": {
10218
+ "light": "{colorBackgroundBackdrop}",
10219
+ "dark": "{colorBackgroundBackdrop}"
10220
+ },
10197
10221
  "colorBackgroundLayoutMobilePanel": {
10198
10222
  "light": "{colorNeutral950}",
10199
10223
  "dark": "{colorNeutral950}"
@@ -10239,8 +10263,8 @@ module.exports.preset = {
10239
10263
  "dark": "{colorPrimary300}"
10240
10264
  },
10241
10265
  "colorBackgroundModalOverlay": {
10242
- "light": "{colorGreyOpaque70}",
10243
- "dark": "{colorGreyOpaque70}"
10266
+ "light": "{colorBackgroundBackdrop}",
10267
+ "dark": "{colorBackgroundBackdrop}"
10244
10268
  },
10245
10269
  "colorBackgroundNotificationBlue": {
10246
10270
  "light": "{colorInfo600}",
@@ -11602,10 +11626,14 @@ module.exports.preset = {
11602
11626
  "light": "{colorBackgroundLayoutPanelContent}",
11603
11627
  "dark": "{colorBackgroundLayoutPanelContent}"
11604
11628
  },
11605
- "colorBackgroundDrawerBackdrop": {
11629
+ "colorBackgroundBackdrop": {
11606
11630
  "light": "{colorGreyOpaque70}",
11607
11631
  "dark": "{colorGreyOpaque70}"
11608
11632
  },
11633
+ "colorBackgroundDrawerBackdrop": {
11634
+ "light": "{colorBackgroundBackdrop}",
11635
+ "dark": "{colorBackgroundBackdrop}"
11636
+ },
11609
11637
  "colorBackgroundLayoutMobilePanel": {
11610
11638
  "light": "{colorNeutral950}",
11611
11639
  "dark": "{colorNeutral950}"
@@ -11651,8 +11679,8 @@ module.exports.preset = {
11651
11679
  "dark": "{colorPrimary300}"
11652
11680
  },
11653
11681
  "colorBackgroundModalOverlay": {
11654
- "light": "{colorGreyOpaque70}",
11655
- "dark": "{colorGreyOpaque70}"
11682
+ "light": "{colorBackgroundBackdrop}",
11683
+ "dark": "{colorBackgroundBackdrop}"
11656
11684
  },
11657
11685
  "colorBackgroundNotificationBlue": {
11658
11686
  "light": "{colorInfo600}",
@@ -13121,6 +13149,7 @@ module.exports.preset = {
13121
13149
  "colorBackgroundSideNavigationItemActive": "color",
13122
13150
  "colorBackgroundLayoutMain": "color",
13123
13151
  "colorBackgroundDrawer": "color",
13152
+ "colorBackgroundBackdrop": "color",
13124
13153
  "colorBackgroundDrawerBackdrop": "color",
13125
13154
  "colorBackgroundLayoutMobilePanel": "color",
13126
13155
  "colorBackgroundLayoutPanel": "color",
@@ -13937,6 +13966,7 @@ module.exports.preset = {
13937
13966
  "colorBackgroundItemSelected",
13938
13967
  "colorBackgroundSideNavigationItemActive",
13939
13968
  "colorBackgroundLayoutMain",
13969
+ "colorBackgroundBackdrop",
13940
13970
  "colorBackgroundLayoutPanel",
13941
13971
  "colorBackgroundLayoutToolbar",
13942
13972
  "colorBackgroundLayoutToggleActive",
@@ -14454,6 +14484,7 @@ module.exports.preset = {
14454
14484
  "colorBackgroundItemSelected",
14455
14485
  "colorBackgroundSideNavigationItemActive",
14456
14486
  "colorBackgroundLayoutMain",
14487
+ "colorBackgroundBackdrop",
14457
14488
  "colorBackgroundLayoutPanel",
14458
14489
  "colorBackgroundLayoutToolbar",
14459
14490
  "colorBackgroundLayoutToggleActive",
@@ -15124,6 +15155,7 @@ module.exports.preset = {
15124
15155
  "colorBackgroundSideNavigationItemActive": "color-background-side-navigation-item-active",
15125
15156
  "colorBackgroundLayoutMain": "color-background-layout-main",
15126
15157
  "colorBackgroundDrawer": "color-background-drawer",
15158
+ "colorBackgroundBackdrop": "color-background-backdrop",
15127
15159
  "colorBackgroundDrawerBackdrop": "color-background-drawer-backdrop",
15128
15160
  "colorBackgroundLayoutMobilePanel": "color-background-layout-mobile-panel",
15129
15161
  "colorBackgroundLayoutPanel": "color-background-layout-panel",
@@ -16089,6 +16121,7 @@ module.exports.preset = {
16089
16121
  "colorBackgroundSideNavigationItemActive": "--color-background-side-navigation-item-active-adfprg",
16090
16122
  "colorBackgroundLayoutMain": "--color-background-layout-main-5ilwcb",
16091
16123
  "colorBackgroundDrawer": "--color-background-drawer-5hs0eh",
16124
+ "colorBackgroundBackdrop": "--color-background-backdrop-33f45f",
16092
16125
  "colorBackgroundDrawerBackdrop": "--color-background-drawer-backdrop-ducxi3",
16093
16126
  "colorBackgroundLayoutMobilePanel": "--color-background-layout-mobile-panel-ed0ava",
16094
16127
  "colorBackgroundLayoutPanel": "--color-background-layout-panel-jv6exs",
package/lib/internal/template/internal/generated/theming/index.cjs.d.ts CHANGED
@@ -117,6 +117,7 @@ export declare interface TypedOverride {
117
117
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
118
118
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
119
119
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
120
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
120
121
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
121
122
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
122
123
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -543,6 +544,7 @@ export declare interface TypedOverride {
543
544
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
544
545
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
545
546
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
547
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
546
548
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
547
549
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
548
550
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -969,6 +971,7 @@ export declare interface TypedOverride {
969
971
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
970
972
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
971
973
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
974
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
972
975
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
973
976
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
974
977
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1395,6 +1398,7 @@ export declare interface TypedOverride {
1395
1398
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1396
1399
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1397
1400
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1401
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1398
1402
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1399
1403
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1400
1404
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1821,6 +1825,7 @@ export declare interface TypedOverride {
1821
1825
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1822
1826
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1823
1827
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1828
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1824
1829
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1825
1830
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1826
1831
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2247,6 +2252,7 @@ export declare interface TypedOverride {
2247
2252
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2248
2253
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2249
2254
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2255
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2250
2256
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2251
2257
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2252
2258
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2673,6 +2679,7 @@ export declare interface TypedOverride {
2673
2679
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2674
2680
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2675
2681
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2682
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2676
2683
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2677
2684
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2678
2685
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -3099,6 +3106,7 @@ export declare interface TypedOverride {
3099
3106
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3100
3107
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3101
3108
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3109
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3102
3110
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3103
3111
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3104
3112
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -3525,6 +3533,7 @@ export declare interface TypedOverride {
3525
3533
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3526
3534
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3527
3535
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3536
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3528
3537
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3529
3538
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3530
3539
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
package/lib/internal/template/internal/generated/theming/index.d.ts CHANGED
@@ -117,6 +117,7 @@ export declare interface TypedOverride {
117
117
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
118
118
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
119
119
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
120
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
120
121
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
121
122
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
122
123
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -543,6 +544,7 @@ export declare interface TypedOverride {
543
544
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
544
545
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
545
546
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
547
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
546
548
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
547
549
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
548
550
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -969,6 +971,7 @@ export declare interface TypedOverride {
969
971
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
970
972
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
971
973
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
974
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
972
975
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
973
976
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
974
977
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1395,6 +1398,7 @@ export declare interface TypedOverride {
1395
1398
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1396
1399
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1397
1400
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1401
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1398
1402
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1399
1403
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1400
1404
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1821,6 +1825,7 @@ export declare interface TypedOverride {
1821
1825
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1822
1826
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1823
1827
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1828
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1824
1829
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1825
1830
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1826
1831
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2247,6 +2252,7 @@ export declare interface TypedOverride {
2247
2252
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2248
2253
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2249
2254
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2255
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2250
2256
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2251
2257
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2252
2258
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2673,6 +2679,7 @@ export declare interface TypedOverride {
2673
2679
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2674
2680
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2675
2681
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2682
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2676
2683
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2677
2684
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2678
2685
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -3099,6 +3106,7 @@ export declare interface TypedOverride {
3099
3106
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3100
3107
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3101
3108
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3109
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3102
3110
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3103
3111
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3104
3112
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -3525,6 +3533,7 @@ export declare interface TypedOverride {
3525
3533
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3526
3534
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3527
3535
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3536
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3528
3537
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3529
3538
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3530
3539
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
package/lib/internal/template/internal/generated/theming/index.js CHANGED
@@ -1403,10 +1403,14 @@ export var preset = {
1403
1403
  "light": "{colorBackgroundLayoutPanelContent}",
1404
1404
  "dark": "{colorBackgroundLayoutPanelContent}"
1405
1405
  },
1406
- "colorBackgroundDrawerBackdrop": {
1406
+ "colorBackgroundBackdrop": {
1407
1407
  "light": "{colorGreyOpaque70}",
1408
1408
  "dark": "{colorGreyOpaque70}"
1409
1409
  },
1410
+ "colorBackgroundDrawerBackdrop": {
1411
+ "light": "{colorBackgroundBackdrop}",
1412
+ "dark": "{colorBackgroundBackdrop}"
1413
+ },
1410
1414
  "colorBackgroundLayoutMobilePanel": {
1411
1415
  "light": "{colorNeutral950}",
1412
1416
  "dark": "{colorNeutral950}"
@@ -1452,8 +1456,8 @@ export var preset = {
1452
1456
  "dark": "{colorPrimary300}"
1453
1457
  },
1454
1458
  "colorBackgroundModalOverlay": {
1455
- "light": "{colorGreyOpaque70}",
1456
- "dark": "{colorGreyOpaque70}"
1459
+ "light": "{colorBackgroundBackdrop}",
1460
+ "dark": "{colorBackgroundBackdrop}"
1457
1461
  },
1458
1462
  "colorBackgroundNotificationBlue": {
1459
1463
  "light": "{colorInfo600}",
@@ -4208,10 +4212,14 @@ export var preset = {
4208
4212
  "light": "{colorBackgroundLayoutPanelContent}",
4209
4213
  "dark": "{colorBackgroundLayoutPanelContent}"
4210
4214
  },
4211
- "colorBackgroundDrawerBackdrop": {
4215
+ "colorBackgroundBackdrop": {
4212
4216
  "light": "{colorGreyOpaque70}",
4213
4217
  "dark": "{colorGreyOpaque70}"
4214
4218
  },
4219
+ "colorBackgroundDrawerBackdrop": {
4220
+ "light": "{colorBackgroundBackdrop}",
4221
+ "dark": "{colorBackgroundBackdrop}"
4222
+ },
4215
4223
  "colorBackgroundLayoutMobilePanel": {
4216
4224
  "light": "{colorNeutral950}",
4217
4225
  "dark": "{colorNeutral950}"
@@ -4257,8 +4265,8 @@ export var preset = {
4257
4265
  "dark": "{colorPrimary300}"
4258
4266
  },
4259
4267
  "colorBackgroundModalOverlay": {
4260
- "light": "{colorGreyOpaque70}",
4261
- "dark": "{colorGreyOpaque70}"
4268
+ "light": "{colorBackgroundBackdrop}",
4269
+ "dark": "{colorBackgroundBackdrop}"
4262
4270
  },
4263
4271
  "colorBackgroundNotificationBlue": {
4264
4272
  "light": "{colorInfo600}",
@@ -5825,10 +5833,14 @@ export var preset = {
5825
5833
  "light": "{colorBackgroundLayoutPanelContent}",
5826
5834
  "dark": "{colorBackgroundLayoutPanelContent}"
5827
5835
  },
5828
- "colorBackgroundDrawerBackdrop": {
5836
+ "colorBackgroundBackdrop": {
5829
5837
  "light": "{colorGreyOpaque70}",
5830
5838
  "dark": "{colorGreyOpaque70}"
5831
5839
  },
5840
+ "colorBackgroundDrawerBackdrop": {
5841
+ "light": "{colorBackgroundBackdrop}",
5842
+ "dark": "{colorBackgroundBackdrop}"
5843
+ },
5832
5844
  "colorBackgroundLayoutMobilePanel": {
5833
5845
  "light": "{colorNeutral950}",
5834
5846
  "dark": "{colorNeutral950}"
@@ -5874,8 +5886,8 @@ export var preset = {
5874
5886
  "dark": "{colorPrimary300}"
5875
5887
  },
5876
5888
  "colorBackgroundModalOverlay": {
5877
- "light": "{colorGreyOpaque70}",
5878
- "dark": "{colorGreyOpaque70}"
5889
+ "light": "{colorBackgroundBackdrop}",
5890
+ "dark": "{colorBackgroundBackdrop}"
5879
5891
  },
5880
5892
  "colorBackgroundNotificationBlue": {
5881
5893
  "light": "{colorInfo600}",
@@ -7370,10 +7382,14 @@ export var preset = {
7370
7382
  "light": "{colorBackgroundLayoutPanelContent}",
7371
7383
  "dark": "{colorBackgroundLayoutPanelContent}"
7372
7384
  },
7373
- "colorBackgroundDrawerBackdrop": {
7385
+ "colorBackgroundBackdrop": {
7374
7386
  "light": "{colorGreyOpaque70}",
7375
7387
  "dark": "{colorGreyOpaque70}"
7376
7388
  },
7389
+ "colorBackgroundDrawerBackdrop": {
7390
+ "light": "{colorBackgroundBackdrop}",
7391
+ "dark": "{colorBackgroundBackdrop}"
7392
+ },
7377
7393
  "colorBackgroundLayoutMobilePanel": {
7378
7394
  "light": "{colorNeutral950}",
7379
7395
  "dark": "{colorNeutral950}"
@@ -7419,8 +7435,8 @@ export var preset = {
7419
7435
  "dark": "{colorPrimary300}"
7420
7436
  },
7421
7437
  "colorBackgroundModalOverlay": {
7422
- "light": "{colorGreyOpaque70}",
7423
- "dark": "{colorGreyOpaque70}"
7438
+ "light": "{colorBackgroundBackdrop}",
7439
+ "dark": "{colorBackgroundBackdrop}"
7424
7440
  },
7425
7441
  "colorBackgroundNotificationBlue": {
7426
7442
  "light": "{colorInfo600}",
@@ -8780,10 +8796,14 @@ export var preset = {
8780
8796
  "light": "{colorBackgroundLayoutPanelContent}",
8781
8797
  "dark": "{colorBackgroundLayoutPanelContent}"
8782
8798
  },
8783
- "colorBackgroundDrawerBackdrop": {
8799
+ "colorBackgroundBackdrop": {
8784
8800
  "light": "{colorGreyOpaque70}",
8785
8801
  "dark": "{colorGreyOpaque70}"
8786
8802
  },
8803
+ "colorBackgroundDrawerBackdrop": {
8804
+ "light": "{colorBackgroundBackdrop}",
8805
+ "dark": "{colorBackgroundBackdrop}"
8806
+ },
8787
8807
  "colorBackgroundLayoutMobilePanel": {
8788
8808
  "light": "{colorNeutral950}",
8789
8809
  "dark": "{colorNeutral950}"
@@ -8829,8 +8849,8 @@ export var preset = {
8829
8849
  "dark": "{colorPrimary300}"
8830
8850
  },
8831
8851
  "colorBackgroundModalOverlay": {
8832
- "light": "{colorGreyOpaque70}",
8833
- "dark": "{colorGreyOpaque70}"
8852
+ "light": "{colorBackgroundBackdrop}",
8853
+ "dark": "{colorBackgroundBackdrop}"
8834
8854
  },
8835
8855
  "colorBackgroundNotificationBlue": {
8836
8856
  "light": "{colorInfo600}",
@@ -10190,10 +10210,14 @@ export var preset = {
10190
10210
  "light": "{colorBackgroundLayoutPanelContent}",
10191
10211
  "dark": "{colorBackgroundLayoutPanelContent}"
10192
10212
  },
10193
- "colorBackgroundDrawerBackdrop": {
10213
+ "colorBackgroundBackdrop": {
10194
10214
  "light": "{colorGreyOpaque70}",
10195
10215
  "dark": "{colorGreyOpaque70}"
10196
10216
  },
10217
+ "colorBackgroundDrawerBackdrop": {
10218
+ "light": "{colorBackgroundBackdrop}",
10219
+ "dark": "{colorBackgroundBackdrop}"
10220
+ },
10197
10221
  "colorBackgroundLayoutMobilePanel": {
10198
10222
  "light": "{colorNeutral950}",
10199
10223
  "dark": "{colorNeutral950}"
@@ -10239,8 +10263,8 @@ export var preset = {
10239
10263
  "dark": "{colorPrimary300}"
10240
10264
  },
10241
10265
  "colorBackgroundModalOverlay": {
10242
- "light": "{colorGreyOpaque70}",
10243
- "dark": "{colorGreyOpaque70}"
10266
+ "light": "{colorBackgroundBackdrop}",
10267
+ "dark": "{colorBackgroundBackdrop}"
10244
10268
  },
10245
10269
  "colorBackgroundNotificationBlue": {
10246
10270
  "light": "{colorInfo600}",
@@ -11602,10 +11626,14 @@ export var preset = {
11602
11626
  "light": "{colorBackgroundLayoutPanelContent}",
11603
11627
  "dark": "{colorBackgroundLayoutPanelContent}"
11604
11628
  },
11605
- "colorBackgroundDrawerBackdrop": {
11629
+ "colorBackgroundBackdrop": {
11606
11630
  "light": "{colorGreyOpaque70}",
11607
11631
  "dark": "{colorGreyOpaque70}"
11608
11632
  },
11633
+ "colorBackgroundDrawerBackdrop": {
11634
+ "light": "{colorBackgroundBackdrop}",
11635
+ "dark": "{colorBackgroundBackdrop}"
11636
+ },
11609
11637
  "colorBackgroundLayoutMobilePanel": {
11610
11638
  "light": "{colorNeutral950}",
11611
11639
  "dark": "{colorNeutral950}"
@@ -11651,8 +11679,8 @@ export var preset = {
11651
11679
  "dark": "{colorPrimary300}"
11652
11680
  },
11653
11681
  "colorBackgroundModalOverlay": {
11654
- "light": "{colorGreyOpaque70}",
11655
- "dark": "{colorGreyOpaque70}"
11682
+ "light": "{colorBackgroundBackdrop}",
11683
+ "dark": "{colorBackgroundBackdrop}"
11656
11684
  },
11657
11685
  "colorBackgroundNotificationBlue": {
11658
11686
  "light": "{colorInfo600}",
@@ -13121,6 +13149,7 @@ export var preset = {
13121
13149
  "colorBackgroundSideNavigationItemActive": "color",
13122
13150
  "colorBackgroundLayoutMain": "color",
13123
13151
  "colorBackgroundDrawer": "color",
13152
+ "colorBackgroundBackdrop": "color",
13124
13153
  "colorBackgroundDrawerBackdrop": "color",
13125
13154
  "colorBackgroundLayoutMobilePanel": "color",
13126
13155
  "colorBackgroundLayoutPanel": "color",
@@ -13937,6 +13966,7 @@ export var preset = {
13937
13966
  "colorBackgroundItemSelected",
13938
13967
  "colorBackgroundSideNavigationItemActive",
13939
13968
  "colorBackgroundLayoutMain",
13969
+ "colorBackgroundBackdrop",
13940
13970
  "colorBackgroundLayoutPanel",
13941
13971
  "colorBackgroundLayoutToolbar",
13942
13972
  "colorBackgroundLayoutToggleActive",
@@ -14454,6 +14484,7 @@ export var preset = {
14454
14484
  "colorBackgroundItemSelected",
14455
14485
  "colorBackgroundSideNavigationItemActive",
14456
14486
  "colorBackgroundLayoutMain",
14487
+ "colorBackgroundBackdrop",
14457
14488
  "colorBackgroundLayoutPanel",
14458
14489
  "colorBackgroundLayoutToolbar",
14459
14490
  "colorBackgroundLayoutToggleActive",
@@ -15124,6 +15155,7 @@ export var preset = {
15124
15155
  "colorBackgroundSideNavigationItemActive": "color-background-side-navigation-item-active",
15125
15156
  "colorBackgroundLayoutMain": "color-background-layout-main",
15126
15157
  "colorBackgroundDrawer": "color-background-drawer",
15158
+ "colorBackgroundBackdrop": "color-background-backdrop",
15127
15159
  "colorBackgroundDrawerBackdrop": "color-background-drawer-backdrop",
15128
15160
  "colorBackgroundLayoutMobilePanel": "color-background-layout-mobile-panel",
15129
15161
  "colorBackgroundLayoutPanel": "color-background-layout-panel",
@@ -16089,6 +16121,7 @@ export var preset = {
16089
16121
  "colorBackgroundSideNavigationItemActive": "--color-background-side-navigation-item-active-adfprg",
16090
16122
  "colorBackgroundLayoutMain": "--color-background-layout-main-5ilwcb",
16091
16123
  "colorBackgroundDrawer": "--color-background-drawer-5hs0eh",
16124
+ "colorBackgroundBackdrop": "--color-background-backdrop-33f45f",
16092
16125
  "colorBackgroundDrawerBackdrop": "--color-background-drawer-backdrop-ducxi3",
16093
16126
  "colorBackgroundLayoutMobilePanel": "--color-background-layout-mobile-panel-ed0ava",
16094
16127
  "colorBackgroundLayoutPanel": "--color-background-layout-panel-jv6exs",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/components-themeable",
3
- "version": "3.0.1316",
3
+ "version": "3.0.1317",
4
4
  "files": [
5
5
  "lib"
6
6
  ],