@cloudscape-design/components 3.0.1315 → 3.0.1316

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/internal/base-component/styles.scoped.css +13 -9
  2. package/internal/environment.js +2 -2
  3. package/internal/environment.json +2 -2
  4. package/internal/generated/styles/tokens.d.ts +1 -0
  5. package/internal/generated/styles/tokens.js +1 -0
  6. package/internal/generated/theming/index.cjs +54 -21
  7. package/internal/generated/theming/index.cjs.d.ts +9 -0
  8. package/internal/generated/theming/index.d.ts +9 -0
  9. package/internal/generated/theming/index.js +54 -21
  10. package/internal/manifest.json +1 -1
  11. package/manifest.json +2 -2
  12. package/package.json +1 -1
package/internal/base-component/styles.scoped.css CHANGED
@@ -298,7 +298,8 @@
298
298
  --color-background-side-navigation-item-active-adfprg:transparent;
299
299
  --color-background-layout-main-5ilwcb:var(--color-white-p1zlvy);
300
300
  --color-background-drawer-5hs0eh:var(--color-background-layout-panel-content-xto15e);
301
- --color-background-drawer-backdrop-ducxi3:var(--color-grey-opaque-70-p0svy7);
301
+ --color-background-backdrop-33f45f:var(--color-grey-opaque-70-p0svy7);
302
+ --color-background-drawer-backdrop-ducxi3:var(--color-background-backdrop-33f45f);
302
303
  --color-background-layout-mobile-panel-ed0ava:var(--color-neutral-950-lxybh8);
303
304
  --color-background-layout-panel-jv6exs:var(--color-background-container-content-6u8rvp);
304
305
  --color-background-layout-panel-content-xto15e:var(--color-background-container-content-6u8rvp);
@@ -310,7 +311,7 @@
310
311
  --color-background-layout-toggle-selected-active-zcl8w3:var(--color-primary-600-1lcy1k);
311
312
  --color-background-layout-toggle-selected-default-izfana:var(--color-primary-600-1lcy1k);
312
313
  --color-background-layout-toggle-selected-hover-7953u1:var(--color-primary-700-n6k121);
313
- --color-background-modal-overlay-d7uby0:var(--color-grey-opaque-70-p0svy7);
314
+ --color-background-modal-overlay-d7uby0:var(--color-background-backdrop-33f45f);
314
315
  --color-background-notification-blue-4vnob8:var(--color-info-600-un21zh);
315
316
  --color-background-notification-green-2rkyvu:var(--color-success-600-g7hz2i);
316
317
  --color-background-notification-grey-x3vul6:var(--color-neutral-650-miik4f);
@@ -1487,11 +1488,12 @@
1487
1488
  --color-background-item-card-ww2wfv:var(--color-background-card-p5vrq0);
1488
1489
  --color-background-dropdown-item-selected-f3v6te:var(--color-background-item-selected-9gppru);
1489
1490
  --color-background-drawer-5hs0eh:var(--color-background-layout-panel-content-xto15e);
1490
- --color-background-drawer-backdrop-ducxi3:var(--color-grey-opaque-70-p0svy7);
1491
+ --color-background-backdrop-33f45f:var(--color-grey-opaque-70-p0svy7);
1492
+ --color-background-drawer-backdrop-ducxi3:var(--color-background-backdrop-33f45f);
1491
1493
  --color-background-layout-panel-jv6exs:var(--color-background-container-content-6u8rvp);
1492
1494
  --color-background-layout-panel-content-xto15e:var(--color-background-container-content-6u8rvp);
1493
1495
  --color-background-layout-toolbar-y0cu80:var(--color-background-layout-panel-content-xto15e);
1494
- --color-background-modal-overlay-d7uby0:var(--color-grey-opaque-70-p0svy7);
1496
+ --color-background-modal-overlay-d7uby0:var(--color-background-backdrop-33f45f);
1495
1497
  --color-background-segment-default-b0r494:var(--color-background-button-normal-default-7f99mv);
1496
1498
  --color-background-segment-disabled-m2a5t7:var(--color-background-button-normal-disabled-hl039l);
1497
1499
  --color-background-segment-hover-800sl4:var(--color-background-button-normal-hover-53op9s);
@@ -1773,11 +1775,12 @@
1773
1775
  --color-background-item-card-ww2wfv:var(--color-background-card-p5vrq0);
1774
1776
  --color-background-dropdown-item-selected-f3v6te:var(--color-background-item-selected-9gppru);
1775
1777
  --color-background-drawer-5hs0eh:var(--color-background-layout-panel-content-xto15e);
1776
- --color-background-drawer-backdrop-ducxi3:var(--color-grey-opaque-70-p0svy7);
1778
+ --color-background-backdrop-33f45f:var(--color-grey-opaque-70-p0svy7);
1779
+ --color-background-drawer-backdrop-ducxi3:var(--color-background-backdrop-33f45f);
1777
1780
  --color-background-layout-panel-jv6exs:var(--color-background-container-content-6u8rvp);
1778
1781
  --color-background-layout-panel-content-xto15e:var(--color-background-container-content-6u8rvp);
1779
1782
  --color-background-layout-toolbar-y0cu80:var(--color-background-layout-panel-content-xto15e);
1780
- --color-background-modal-overlay-d7uby0:var(--color-grey-opaque-70-p0svy7);
1783
+ --color-background-modal-overlay-d7uby0:var(--color-background-backdrop-33f45f);
1781
1784
  --color-background-segment-hover-800sl4:var(--color-background-button-normal-hover-53op9s);
1782
1785
  --color-background-slider-range-default-3ljdu4:var(--color-background-slider-handle-default-lp5ntg);
1783
1786
  --color-background-slider-range-active-vu3lky:var(--color-background-slider-handle-active-50ubqb);
@@ -2215,11 +2218,12 @@
2215
2218
  --color-background-item-card-ww2wfv:var(--color-background-card-p5vrq0);
2216
2219
  --color-background-dropdown-item-selected-f3v6te:var(--color-background-item-selected-9gppru);
2217
2220
  --color-background-drawer-5hs0eh:var(--color-background-layout-panel-content-xto15e);
2218
- --color-background-drawer-backdrop-ducxi3:var(--color-grey-opaque-70-p0svy7);
2221
+ --color-background-backdrop-33f45f:var(--color-grey-opaque-70-p0svy7);
2222
+ --color-background-drawer-backdrop-ducxi3:var(--color-background-backdrop-33f45f);
2219
2223
  --color-background-layout-panel-jv6exs:var(--color-background-container-content-6u8rvp);
2220
2224
  --color-background-layout-panel-content-xto15e:var(--color-background-container-content-6u8rvp);
2221
2225
  --color-background-layout-toolbar-y0cu80:var(--color-background-layout-panel-content-xto15e);
2222
- --color-background-modal-overlay-d7uby0:var(--color-grey-opaque-70-p0svy7);
2226
+ --color-background-modal-overlay-d7uby0:var(--color-background-backdrop-33f45f);
2223
2227
  --color-background-segment-default-b0r494:var(--color-background-button-normal-default-7f99mv);
2224
2228
  --color-background-segment-disabled-m2a5t7:var(--color-background-button-normal-disabled-hl039l);
2225
2229
  --color-background-segment-hover-800sl4:var(--color-background-button-normal-hover-53op9s);
@@ -2373,5 +2377,5 @@
2373
2377
  }
2374
2378
  }
2375
2379
  :root {
2376
- --awsui-version-info-d326da3c: true;
2380
+ --awsui-version-info-b33ca59d: true;
2377
2381
  }
package/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/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": "open-source-visual-refresh",
6
6
  "SYSTEM": "core",
7
7
  "ALWAYS_VISUAL_REFRESH": true,
package/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/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/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/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/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/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/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "d326da3c16c88585b9246abc7852a858f91b5efc"
2
+ "commit": "b33ca59da0ba9c5ed895fa948378938a64fe66e2"
3
3
  }
package/manifest.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "artifactId": "7795727379",
2
+ "artifactId": "7826400778",
3
3
  "repoName": "components",
4
- "commitSha": "d326da3c16c88585b9246abc7852a858f91b5efc"
4
+ "commitSha": "b33ca59da0ba9c5ed895fa948378938a64fe66e2"
5
5
  }
package/package.json CHANGED
@@ -167,7 +167,7 @@
167
167
  "./internal/base-component/index.js",
168
168
  "./internal/base-component/styles.css.js"
169
169
  ],
170
- "version": "3.0.1315",
170
+ "version": "3.0.1316",
171
171
  "repository": {
172
172
  "type": "git",
173
173
  "url": "https://github.com/cloudscape-design/components.git"