@cloudscape-design/chat-components 1.0.143 → 1.0.144

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 (7) hide show
  1. package/internal/generated/styles/tokens.d.ts +1 -0
  2. package/internal/generated/styles/tokens.js +1 -0
  3. package/internal/generated/theming/index.cjs +54 -21
  4. package/internal/generated/theming/index.cjs.d.ts +9 -0
  5. package/internal/generated/theming/index.d.ts +9 -0
  6. package/internal/generated/theming/index.js +54 -21
  7. package/package.json +1 -1
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
@@ -118,6 +118,7 @@ export declare interface TypedOverride {
118
118
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
119
119
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
120
120
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
121
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
121
122
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
122
123
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
123
124
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -544,6 +545,7 @@ export declare interface TypedOverride {
544
545
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
545
546
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
546
547
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
548
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
547
549
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
548
550
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
549
551
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -970,6 +972,7 @@ export declare interface TypedOverride {
970
972
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
971
973
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
972
974
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
975
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
973
976
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
974
977
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
975
978
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1396,6 +1399,7 @@ export declare interface TypedOverride {
1396
1399
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1397
1400
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1398
1401
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1402
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1399
1403
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1400
1404
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1401
1405
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1822,6 +1826,7 @@ export declare interface TypedOverride {
1822
1826
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1823
1827
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1824
1828
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1829
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1825
1830
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1826
1831
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1827
1832
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2248,6 +2253,7 @@ export declare interface TypedOverride {
2248
2253
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2249
2254
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2250
2255
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2256
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2251
2257
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2252
2258
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2253
2259
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2674,6 +2680,7 @@ export declare interface TypedOverride {
2674
2680
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2675
2681
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2676
2682
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2683
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2677
2684
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2678
2685
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2679
2686
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -3100,6 +3107,7 @@ export declare interface TypedOverride {
3100
3107
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3101
3108
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3102
3109
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3110
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3103
3111
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3104
3112
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3105
3113
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -3526,6 +3534,7 @@ export declare interface TypedOverride {
3526
3534
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3527
3535
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3528
3536
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3537
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3529
3538
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3530
3539
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3531
3540
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
package/internal/generated/theming/index.d.ts CHANGED
@@ -118,6 +118,7 @@ export declare interface TypedOverride {
118
118
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
119
119
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
120
120
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
121
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
121
122
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
122
123
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
123
124
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -544,6 +545,7 @@ export declare interface TypedOverride {
544
545
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
545
546
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
546
547
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
548
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
547
549
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
548
550
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
549
551
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -970,6 +972,7 @@ export declare interface TypedOverride {
970
972
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
971
973
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
972
974
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
975
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
973
976
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
974
977
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
975
978
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1396,6 +1399,7 @@ export declare interface TypedOverride {
1396
1399
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1397
1400
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1398
1401
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1402
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1399
1403
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1400
1404
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1401
1405
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1822,6 +1826,7 @@ export declare interface TypedOverride {
1822
1826
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1823
1827
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1824
1828
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1829
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1825
1830
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1826
1831
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1827
1832
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2248,6 +2253,7 @@ export declare interface TypedOverride {
2248
2253
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2249
2254
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2250
2255
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2256
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2251
2257
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2252
2258
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2253
2259
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -2674,6 +2680,7 @@ export declare interface TypedOverride {
2674
2680
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2675
2681
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2676
2682
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2683
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2677
2684
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2678
2685
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2679
2686
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -3100,6 +3107,7 @@ export declare interface TypedOverride {
3100
3107
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3101
3108
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3102
3109
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3110
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3103
3111
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3104
3112
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3105
3113
  colorBackgroundLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -3526,6 +3534,7 @@ export declare interface TypedOverride {
3526
3534
  colorBackgroundItemSelected?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3527
3535
  colorBackgroundSideNavigationItemActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3528
3536
  colorBackgroundLayoutMain?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3537
+ colorBackgroundBackdrop?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3529
3538
  colorBackgroundLayoutPanel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3530
3539
  colorBackgroundLayoutToolbar?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
3531
3540
  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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/chat-components",
3
- "version": "1.0.143",
3
+ "version": "1.0.144",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/cloudscape-design/chat-components.git"