@cloudscape-design/components-themeable 3.0.1344 → 3.0.1345

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 (69) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/app-layout/constants.scss +0 -3
  3. package/lib/internal/scss/app-layout/visual-refresh-toolbar/drawer/styles.scss +2 -0
  4. package/lib/internal/scss/app-layout/visual-refresh-toolbar/navigation/styles.scss +1 -1
  5. package/lib/internal/scss/app-layout/visual-refresh-toolbar/skeleton/styles.scss +1 -1
  6. package/lib/internal/scss/expandable-section/styles.scss +102 -14
  7. package/lib/internal/scss/flashbar/collapsible.scss +1 -1
  8. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  9. package/lib/internal/scss/internal/styles/motion/mixins.scss +9 -0
  10. package/lib/internal/scss/side-navigation/styles.scss +420 -40
  11. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
  12. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +90 -87
  13. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
  14. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.css.js +6 -6
  15. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +11 -11
  16. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +6 -6
  17. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +30 -30
  18. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +60 -60
  19. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +30 -30
  20. package/lib/internal/template/app-layout-toolbar/index.d.ts.map +1 -1
  21. package/lib/internal/template/app-layout-toolbar/index.js +1 -0
  22. package/lib/internal/template/app-layout-toolbar/index.js.map +1 -1
  23. package/lib/internal/template/expandable-section/expandable-section-container.d.ts +1 -2
  24. package/lib/internal/template/expandable-section/expandable-section-container.d.ts.map +1 -1
  25. package/lib/internal/template/expandable-section/expandable-section-container.js +2 -2
  26. package/lib/internal/template/expandable-section/expandable-section-container.js.map +1 -1
  27. package/lib/internal/template/expandable-section/expandable-section-header.d.ts +2 -1
  28. package/lib/internal/template/expandable-section/expandable-section-header.d.ts.map +1 -1
  29. package/lib/internal/template/expandable-section/expandable-section-header.js +4 -4
  30. package/lib/internal/template/expandable-section/expandable-section-header.js.map +1 -1
  31. package/lib/internal/template/expandable-section/internal.d.ts +8 -3
  32. package/lib/internal/template/expandable-section/internal.d.ts.map +1 -1
  33. package/lib/internal/template/expandable-section/internal.js +24 -10
  34. package/lib/internal/template/expandable-section/internal.js.map +1 -1
  35. package/lib/internal/template/expandable-section/styles.css.js +43 -42
  36. package/lib/internal/template/expandable-section/styles.scoped.css +198 -143
  37. package/lib/internal/template/expandable-section/styles.selectors.js +43 -42
  38. package/lib/internal/template/flashbar/styles.css.js +50 -50
  39. package/lib/internal/template/flashbar/styles.scoped.css +153 -153
  40. package/lib/internal/template/flashbar/styles.selectors.js +50 -50
  41. package/lib/internal/template/internal/base-component/styles.scoped.css +19 -9
  42. package/lib/internal/template/internal/components/transition/index.d.ts +6 -6
  43. package/lib/internal/template/internal/components/transition/index.d.ts.map +1 -1
  44. package/lib/internal/template/internal/components/transition/index.js +4 -4
  45. package/lib/internal/template/internal/components/transition/index.js.map +1 -1
  46. package/lib/internal/template/internal/environment.js +2 -2
  47. package/lib/internal/template/internal/environment.json +2 -2
  48. package/lib/internal/template/internal/generated/styles/tokens.d.ts +9 -0
  49. package/lib/internal/template/internal/generated/styles/tokens.js +10 -1
  50. package/lib/internal/template/internal/generated/theming/index.cjs +106 -15
  51. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +18 -0
  52. package/lib/internal/template/internal/generated/theming/index.d.ts +18 -0
  53. package/lib/internal/template/internal/generated/theming/index.js +106 -15
  54. package/lib/internal/template/side-navigation/implementation.d.ts.map +1 -1
  55. package/lib/internal/template/side-navigation/implementation.js +6 -3
  56. package/lib/internal/template/side-navigation/implementation.js.map +1 -1
  57. package/lib/internal/template/side-navigation/parts.d.ts +2 -1
  58. package/lib/internal/template/side-navigation/parts.d.ts.map +1 -1
  59. package/lib/internal/template/side-navigation/parts.js +86 -76
  60. package/lib/internal/template/side-navigation/parts.js.map +1 -1
  61. package/lib/internal/template/side-navigation/styles.css.js +64 -50
  62. package/lib/internal/template/side-navigation/styles.scoped.css +550 -106
  63. package/lib/internal/template/side-navigation/styles.selectors.js +64 -50
  64. package/lib/internal/template/side-navigation/util.d.ts +10 -0
  65. package/lib/internal/template/side-navigation/util.d.ts.map +1 -1
  66. package/lib/internal/template/side-navigation/util.js +48 -0
  67. package/lib/internal/template/side-navigation/util.js.map +1 -1
  68. package/package.json +1 -1
  69. package/lib/internal/scss/expandable-section/motion.scss +0 -30
package/lib/internal/template/internal/generated/theming/index.cjs CHANGED
@@ -1796,8 +1796,8 @@ module.exports.preset = {
1796
1796
  "dark": "{colorBackgroundControlChecked}"
1797
1797
  },
1798
1798
  "colorBackgroundSideNavigationItemIconHover": {
1799
- "light": "{colorPrimary50}",
1800
- "dark": "{colorNeutral700}"
1799
+ "light": "{colorBackgroundItemSelected}",
1800
+ "dark": "{colorBackgroundItemSelected}"
1801
1801
  },
1802
1802
  "colorBackgroundLayoutMain": {
1803
1803
  "light": "{colorWhite}",
@@ -2355,6 +2355,10 @@ module.exports.preset = {
2355
2355
  "light": "{colorNeutral750}",
2356
2356
  "dark": "{colorNeutral750}"
2357
2357
  },
2358
+ "colorBorderNotificationStackBarFocused": {
2359
+ "light": "{colorNeutral100}",
2360
+ "dark": "{colorNeutral100}"
2361
+ },
2358
2362
  "colorBorderPanelHeader": {
2359
2363
  "light": "{colorBorderDividerDefault}",
2360
2364
  "dark": "{colorBorderDividerDefault}"
@@ -3531,6 +3535,30 @@ module.exports.preset = {
3531
3535
  "default": "{motionEasingRefreshOnlyA}",
3532
3536
  "disabled": "{motionEasingRefreshOnlyA}"
3533
3537
  },
3538
+ "motionDurationExpandableContentEnter": {
3539
+ "default": "{motionDurationShowPaced}",
3540
+ "disabled": "{motionDurationShowPaced}"
3541
+ },
3542
+ "motionEasingExpandableContentEnter": {
3543
+ "default": "{motionEasingShowPaced}",
3544
+ "disabled": "{motionEasingShowPaced}"
3545
+ },
3546
+ "motionDurationSideNavigationContentEnterFade": {
3547
+ "default": "0ms",
3548
+ "disabled": "0ms"
3549
+ },
3550
+ "motionDurationSideNavigationContentExit": {
3551
+ "default": "0ms",
3552
+ "disabled": "0ms"
3553
+ },
3554
+ "motionDurationSideNavigationContentExitFade": {
3555
+ "default": "0ms",
3556
+ "disabled": "0ms"
3557
+ },
3558
+ "motionEasingSideNavigationContentExit": {
3559
+ "default": "{motionEasingShowQuick}",
3560
+ "disabled": "{motionEasingShowQuick}"
3561
+ },
3534
3562
  "motionKeyframesFadeIn": {
3535
3563
  "default": "awsui-fade-in-35003c",
3536
3564
  "disabled": "awsui-fade-in-35003c"
@@ -3587,6 +3615,14 @@ module.exports.preset = {
3587
3615
  "comfortable": "28px",
3588
3616
  "compact": "24px"
3589
3617
  },
3618
+ "sizeSideNavigationItemCollapsed": {
3619
+ "comfortable": "30px",
3620
+ "compact": "28px"
3621
+ },
3622
+ "sizeSideNavigationCollapsedWidth": {
3623
+ "comfortable": "52px",
3624
+ "compact": "52px"
3625
+ },
3590
3626
  "spaceAlertActionLeft": {
3591
3627
  "comfortable": "{spaceS}",
3592
3628
  "compact": "{spaceS}"
@@ -4880,8 +4916,8 @@ module.exports.preset = {
4880
4916
  "dark": "{colorBackgroundControlChecked}"
4881
4917
  },
4882
4918
  "colorBackgroundSideNavigationItemIconHover": {
4883
- "light": "{colorNeutral700}",
4884
- "dark": "{colorNeutral700}"
4919
+ "light": "{colorBackgroundItemSelected}",
4920
+ "dark": "{colorBackgroundItemSelected}"
4885
4921
  },
4886
4922
  "colorBackgroundLayoutMain": {
4887
4923
  "light": "{colorNeutral850}",
@@ -5439,6 +5475,10 @@ module.exports.preset = {
5439
5475
  "light": "{colorNeutral750}",
5440
5476
  "dark": "{colorNeutral750}"
5441
5477
  },
5478
+ "colorBorderNotificationStackBarFocused": {
5479
+ "light": "{colorNeutral100}",
5480
+ "dark": "{colorNeutral100}"
5481
+ },
5442
5482
  "colorBorderPanelHeader": {
5443
5483
  "light": "{colorBorderDividerDefault}",
5444
5484
  "dark": "{colorBorderDividerDefault}"
@@ -6776,8 +6816,8 @@ module.exports.preset = {
6776
6816
  "dark": "{colorBackgroundControlChecked}"
6777
6817
  },
6778
6818
  "colorBackgroundSideNavigationItemIconHover": {
6779
- "light": "{colorNeutral700}",
6780
- "dark": "{colorNeutral700}"
6819
+ "light": "{colorBackgroundItemSelected}",
6820
+ "dark": "{colorBackgroundItemSelected}"
6781
6821
  },
6782
6822
  "colorBackgroundLayoutMain": {
6783
6823
  "light": "{colorNeutral950}",
@@ -7335,6 +7375,10 @@ module.exports.preset = {
7335
7375
  "light": "{colorNeutral750}",
7336
7376
  "dark": "{colorNeutral750}"
7337
7377
  },
7378
+ "colorBorderNotificationStackBarFocused": {
7379
+ "light": "{colorNeutral100}",
7380
+ "dark": "{colorNeutral100}"
7381
+ },
7338
7382
  "colorBorderPanelHeader": {
7339
7383
  "light": "{colorBorderDividerDefault}",
7340
7384
  "dark": "{colorBorderDividerDefault}"
@@ -8610,8 +8654,8 @@ module.exports.preset = {
8610
8654
  "dark": "{colorBackgroundControlChecked}"
8611
8655
  },
8612
8656
  "colorBackgroundSideNavigationItemIconHover": {
8613
- "light": "{colorPrimary50}",
8614
- "dark": "{colorNeutral700}"
8657
+ "light": "{colorBackgroundItemSelected}",
8658
+ "dark": "{colorBackgroundItemSelected}"
8615
8659
  },
8616
8660
  "colorBackgroundLayoutMain": {
8617
8661
  "light": "{colorWhite}",
@@ -9169,6 +9213,10 @@ module.exports.preset = {
9169
9213
  "light": "{colorNeutral750}",
9170
9214
  "dark": "{colorNeutral750}"
9171
9215
  },
9216
+ "colorBorderNotificationStackBarFocused": {
9217
+ "light": "{colorNeutral100}",
9218
+ "dark": "{colorNeutral100}"
9219
+ },
9172
9220
  "colorBorderPanelHeader": {
9173
9221
  "light": "{colorBorderDividerDefault}",
9174
9222
  "dark": "{colorBorderDividerDefault}"
@@ -10280,8 +10328,8 @@ module.exports.preset = {
10280
10328
  "dark": "{colorBackgroundControlChecked}"
10281
10329
  },
10282
10330
  "colorBackgroundSideNavigationItemIconHover": {
10283
- "light": "{colorPrimary50}",
10284
- "dark": "{colorNeutral700}"
10331
+ "light": "{colorBackgroundItemSelected}",
10332
+ "dark": "{colorBackgroundItemSelected}"
10285
10333
  },
10286
10334
  "colorBackgroundLayoutMain": {
10287
10335
  "light": "{colorWhite}",
@@ -10839,6 +10887,10 @@ module.exports.preset = {
10839
10887
  "light": "{colorNeutral750}",
10840
10888
  "dark": "{colorNeutral750}"
10841
10889
  },
10890
+ "colorBorderNotificationStackBarFocused": {
10891
+ "light": "{colorNeutral100}",
10892
+ "dark": "{colorNeutral100}"
10893
+ },
10842
10894
  "colorBorderPanelHeader": {
10843
10895
  "light": "{colorBorderDividerDefault}",
10844
10896
  "dark": "{colorBorderDividerDefault}"
@@ -11950,8 +12002,8 @@ module.exports.preset = {
11950
12002
  "dark": "{colorBackgroundControlChecked}"
11951
12003
  },
11952
12004
  "colorBackgroundSideNavigationItemIconHover": {
11953
- "light": "{colorPrimary50}",
11954
- "dark": "{colorNeutral700}"
12005
+ "light": "{colorBackgroundItemSelected}",
12006
+ "dark": "{colorBackgroundItemSelected}"
11955
12007
  },
11956
12008
  "colorBackgroundLayoutMain": {
11957
12009
  "light": "{colorWhite}",
@@ -12509,6 +12561,10 @@ module.exports.preset = {
12509
12561
  "light": "{colorNeutral750}",
12510
12562
  "dark": "{colorNeutral750}"
12511
12563
  },
12564
+ "colorBorderNotificationStackBarFocused": {
12565
+ "light": "{colorNeutral100}",
12566
+ "dark": "{colorNeutral100}"
12567
+ },
12512
12568
  "colorBorderPanelHeader": {
12513
12569
  "light": "{colorBorderDividerDefault}",
12514
12570
  "dark": "{colorBorderDividerDefault}"
@@ -13622,8 +13678,8 @@ module.exports.preset = {
13622
13678
  "dark": "{colorBackgroundControlChecked}"
13623
13679
  },
13624
13680
  "colorBackgroundSideNavigationItemIconHover": {
13625
- "light": "{colorNeutral700}",
13626
- "dark": "{colorNeutral700}"
13681
+ "light": "{colorBackgroundItemSelected}",
13682
+ "dark": "{colorBackgroundItemSelected}"
13627
13683
  },
13628
13684
  "colorBackgroundLayoutMain": {
13629
13685
  "light": "{colorNeutral850}",
@@ -14181,6 +14237,10 @@ module.exports.preset = {
14181
14237
  "light": "{colorNeutral750}",
14182
14238
  "dark": "{colorNeutral750}"
14183
14239
  },
14240
+ "colorBorderNotificationStackBarFocused": {
14241
+ "light": "{colorNeutral100}",
14242
+ "dark": "{colorNeutral100}"
14243
+ },
14184
14244
  "colorBorderPanelHeader": {
14185
14245
  "light": "{colorBorderDividerDefault}",
14186
14246
  "dark": "{colorBorderDividerDefault}"
@@ -15632,6 +15692,7 @@ module.exports.preset = {
15632
15692
  "colorBorderLayout": "color",
15633
15693
  "colorBorderLayoutSideNavigation": "color",
15634
15694
  "colorBorderNotificationStackBar": "color",
15695
+ "colorBorderNotificationStackBarFocused": "color",
15635
15696
  "colorBorderPanelHeader": "color",
15636
15697
  "colorBorderPopover": "color",
15637
15698
  "colorBorderSegmentActive": "color",
@@ -15888,6 +15949,12 @@ module.exports.preset = {
15888
15949
  "motionDurationComplex": "motion",
15889
15950
  "motionDurationTooltipEnter": "motion",
15890
15951
  "motionEasingTooltipEnter": "motion",
15952
+ "motionDurationExpandableContentEnter": "motion",
15953
+ "motionEasingExpandableContentEnter": "motion",
15954
+ "motionDurationSideNavigationContentEnterFade": "motion",
15955
+ "motionDurationSideNavigationContentExit": "motion",
15956
+ "motionDurationSideNavigationContentExitFade": "motion",
15957
+ "motionEasingSideNavigationContentExit": "motion",
15891
15958
  "motionKeyframesFadeIn": "motion",
15892
15959
  "motionKeyframesFadeOut": "motion",
15893
15960
  "motionKeyframesStatusIconError": "motion",
@@ -15902,6 +15969,8 @@ module.exports.preset = {
15902
15969
  "sizeVerticalInput": "density",
15903
15970
  "sizeVerticalPanelIconOffset": "density",
15904
15971
  "sizeSideNavigationItemHeight": "density",
15972
+ "sizeSideNavigationItemCollapsed": "density",
15973
+ "sizeSideNavigationCollapsedWidth": "density",
15905
15974
  "spaceAlertActionLeft": "density",
15906
15975
  "spaceAlertHorizontal": "density",
15907
15976
  "spaceAlertMessageRight": "density",
@@ -16773,6 +16842,8 @@ module.exports.preset = {
16773
16842
  "motionEasingTooltipEnter",
16774
16843
  "sizeVerticalInput",
16775
16844
  "sizeSideNavigationItemHeight",
16845
+ "sizeSideNavigationItemCollapsed",
16846
+ "sizeSideNavigationCollapsedWidth",
16776
16847
  "spaceAlertVertical",
16777
16848
  "spaceButtonHorizontal",
16778
16849
  "spaceButtonVertical",
@@ -17313,6 +17384,8 @@ module.exports.preset = {
17313
17384
  "motionKeyframesScalePopup",
17314
17385
  "sizeVerticalInput",
17315
17386
  "sizeSideNavigationItemHeight",
17387
+ "sizeSideNavigationItemCollapsed",
17388
+ "sizeSideNavigationCollapsedWidth",
17316
17389
  "spaceAlertVertical",
17317
17390
  "spaceButtonHorizontal",
17318
17391
  "spaceButtonVertical",
@@ -17935,6 +18008,7 @@ module.exports.preset = {
17935
18008
  "colorBorderLayout": "color-border-layout",
17936
18009
  "colorBorderLayoutSideNavigation": "color-border-layout-side-navigation",
17937
18010
  "colorBorderNotificationStackBar": "color-border-notification-stack-bar",
18011
+ "colorBorderNotificationStackBarFocused": "color-border-notification-stack-bar-focused",
17938
18012
  "colorBorderPanelHeader": "color-border-panel-header",
17939
18013
  "colorBorderPopover": "color-border-popover",
17940
18014
  "colorBorderSegmentActive": "color-border-segment-active",
@@ -18343,6 +18417,12 @@ module.exports.preset = {
18343
18417
  "motionDurationComplex": "motion-duration-complex",
18344
18418
  "motionDurationTooltipEnter": "motion-duration-tooltip-enter",
18345
18419
  "motionEasingTooltipEnter": "motion-easing-tooltip-enter",
18420
+ "motionDurationExpandableContentEnter": "motion-duration-expandable-content-enter",
18421
+ "motionEasingExpandableContentEnter": "motion-easing-expandable-content-enter",
18422
+ "motionDurationSideNavigationContentEnterFade": "motion-duration-side-navigation-content-enter-fade",
18423
+ "motionDurationSideNavigationContentExit": "motion-duration-side-navigation-content-exit",
18424
+ "motionDurationSideNavigationContentExitFade": "motion-duration-side-navigation-content-exit-fade",
18425
+ "motionEasingSideNavigationContentExit": "motion-easing-side-navigation-content-exit",
18346
18426
  "motionKeyframesFadeIn": "motion-keyframes-fade-in",
18347
18427
  "motionKeyframesFadeOut": "motion-keyframes-fade-out",
18348
18428
  "motionKeyframesStatusIconError": "motion-keyframes-status-icon-error",
@@ -18357,6 +18437,8 @@ module.exports.preset = {
18357
18437
  "sizeVerticalInput": "size-vertical-input",
18358
18438
  "sizeVerticalPanelIconOffset": "size-vertical-panel-icon-offset",
18359
18439
  "sizeSideNavigationItemHeight": "size-side-navigation-item-height",
18440
+ "sizeSideNavigationItemCollapsed": "size-side-navigation-item-collapsed",
18441
+ "sizeSideNavigationCollapsedWidth": "size-side-navigation-collapsed-width",
18360
18442
  "spaceAlertActionLeft": "space-alert-action-left",
18361
18443
  "spaceAlertHorizontal": "space-alert-horizontal",
18362
18444
  "spaceAlertMessageRight": "space-alert-message-right",
@@ -18937,7 +19019,7 @@ module.exports.preset = {
18937
19019
  "colorBackgroundItemSelected": "--color-background-item-selected-pyr5cw",
18938
19020
  "colorBackgroundSideNavigationItemActive": "--color-background-side-navigation-item-active-adfprg",
18939
19021
  "colorBackgroundSideNavigationItemActiveCollapsed": "--color-background-side-navigation-item-active-collapsed-jczh49",
18940
- "colorBackgroundSideNavigationItemIconHover": "--color-background-side-navigation-item-icon-hover-c8r9nb",
19022
+ "colorBackgroundSideNavigationItemIconHover": "--color-background-side-navigation-item-icon-hover-e5eh06",
18941
19023
  "colorBackgroundLayoutMain": "--color-background-layout-main-7z8vaj",
18942
19024
  "colorBackgroundLayoutAiDrawer": "--color-background-layout-ai-drawer-b4mvv3",
18943
19025
  "colorBackgroundDrawer": "--color-background-drawer-715dba",
@@ -19077,6 +19159,7 @@ module.exports.preset = {
19077
19159
  "colorBorderLayout": "--color-border-layout-px1i24",
19078
19160
  "colorBorderLayoutSideNavigation": "--color-border-layout-side-navigation-mjh43q",
19079
19161
  "colorBorderNotificationStackBar": "--color-border-notification-stack-bar-aszsse",
19162
+ "colorBorderNotificationStackBarFocused": "--color-border-notification-stack-bar-focused-mzvtw9",
19080
19163
  "colorBorderPanelHeader": "--color-border-panel-header-j4pvsn",
19081
19164
  "colorBorderPopover": "--color-border-popover-5yl4uc",
19082
19165
  "colorBorderSegmentActive": "--color-border-segment-active-trxbfe",
@@ -19485,6 +19568,12 @@ module.exports.preset = {
19485
19568
  "motionDurationComplex": "--motion-duration-complex-tbdo30",
19486
19569
  "motionDurationTooltipEnter": "--motion-duration-tooltip-enter-8e7aex",
19487
19570
  "motionEasingTooltipEnter": "--motion-easing-tooltip-enter-i9exfu",
19571
+ "motionDurationExpandableContentEnter": "--motion-duration-expandable-content-enter-kqyuuj",
19572
+ "motionEasingExpandableContentEnter": "--motion-easing-expandable-content-enter-5fw5v8",
19573
+ "motionDurationSideNavigationContentEnterFade": "--motion-duration-side-navigation-content-enter-fade-9is49e",
19574
+ "motionDurationSideNavigationContentExit": "--motion-duration-side-navigation-content-exit-6sbfiy",
19575
+ "motionDurationSideNavigationContentExitFade": "--motion-duration-side-navigation-content-exit-fade-ydl422",
19576
+ "motionEasingSideNavigationContentExit": "--motion-easing-side-navigation-content-exit-v820ow",
19488
19577
  "motionKeyframesFadeIn": "--motion-keyframes-fade-in-0r842q",
19489
19578
  "motionKeyframesFadeOut": "--motion-keyframes-fade-out-g7fgdu",
19490
19579
  "motionKeyframesStatusIconError": "--motion-keyframes-status-icon-error-wkou39",
@@ -19499,6 +19588,8 @@ module.exports.preset = {
19499
19588
  "sizeVerticalInput": "--size-vertical-input-p1d7xx",
19500
19589
  "sizeVerticalPanelIconOffset": "--size-vertical-panel-icon-offset-z959cw",
19501
19590
  "sizeSideNavigationItemHeight": "--size-side-navigation-item-height-lokap3",
19591
+ "sizeSideNavigationItemCollapsed": "--size-side-navigation-item-collapsed-oesjea",
19592
+ "sizeSideNavigationCollapsedWidth": "--size-side-navigation-collapsed-width-3gq7nn",
19502
19593
  "spaceAlertActionLeft": "--space-alert-action-left-4s8zo5",
19503
19594
  "spaceAlertHorizontal": "--space-alert-horizontal-ul364s",
19504
19595
  "spaceAlertMessageRight": "--space-alert-message-right-mrjbnn",
package/lib/internal/template/internal/generated/theming/index.cjs.d.ts CHANGED
@@ -438,6 +438,8 @@ export declare interface TypedOverride {
438
438
  motionEasingTooltipEnter?: GlobalValue | TypedModeValueOverride<'default' | 'disabled'>;
439
439
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
440
440
  sizeSideNavigationItemHeight?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
441
+ sizeSideNavigationItemCollapsed?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
442
+ sizeSideNavigationCollapsedWidth?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
441
443
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
442
444
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
443
445
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -896,6 +898,8 @@ export declare interface TypedOverride {
896
898
  motionEasingTooltipEnter?: GlobalValue | TypedModeValueOverride<'default' | 'disabled'>;
897
899
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
898
900
  sizeSideNavigationItemHeight?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
901
+ sizeSideNavigationItemCollapsed?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
902
+ sizeSideNavigationCollapsedWidth?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
899
903
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
900
904
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
901
905
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -1354,6 +1358,8 @@ export declare interface TypedOverride {
1354
1358
  motionEasingTooltipEnter?: GlobalValue | TypedModeValueOverride<'default' | 'disabled'>;
1355
1359
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1356
1360
  sizeSideNavigationItemHeight?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1361
+ sizeSideNavigationItemCollapsed?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1362
+ sizeSideNavigationCollapsedWidth?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1357
1363
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1358
1364
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1359
1365
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -1812,6 +1818,8 @@ export declare interface TypedOverride {
1812
1818
  motionEasingTooltipEnter?: GlobalValue | TypedModeValueOverride<'default' | 'disabled'>;
1813
1819
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1814
1820
  sizeSideNavigationItemHeight?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1821
+ sizeSideNavigationItemCollapsed?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1822
+ sizeSideNavigationCollapsedWidth?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1815
1823
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1816
1824
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1817
1825
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -2270,6 +2278,8 @@ export declare interface TypedOverride {
2270
2278
  motionEasingTooltipEnter?: GlobalValue | TypedModeValueOverride<'default' | 'disabled'>;
2271
2279
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2272
2280
  sizeSideNavigationItemHeight?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2281
+ sizeSideNavigationItemCollapsed?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2282
+ sizeSideNavigationCollapsedWidth?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2273
2283
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2274
2284
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2275
2285
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -2728,6 +2738,8 @@ export declare interface TypedOverride {
2728
2738
  motionEasingTooltipEnter?: GlobalValue | TypedModeValueOverride<'default' | 'disabled'>;
2729
2739
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2730
2740
  sizeSideNavigationItemHeight?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2741
+ sizeSideNavigationItemCollapsed?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2742
+ sizeSideNavigationCollapsedWidth?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2731
2743
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2732
2744
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2733
2745
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -3186,6 +3198,8 @@ export declare interface TypedOverride {
3186
3198
  motionEasingTooltipEnter?: GlobalValue | TypedModeValueOverride<'default' | 'disabled'>;
3187
3199
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3188
3200
  sizeSideNavigationItemHeight?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3201
+ sizeSideNavigationItemCollapsed?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3202
+ sizeSideNavigationCollapsedWidth?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3189
3203
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3190
3204
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3191
3205
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -3644,6 +3658,8 @@ export declare interface TypedOverride {
3644
3658
  motionEasingTooltipEnter?: GlobalValue | TypedModeValueOverride<'default' | 'disabled'>;
3645
3659
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3646
3660
  sizeSideNavigationItemHeight?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3661
+ sizeSideNavigationItemCollapsed?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3662
+ sizeSideNavigationCollapsedWidth?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3647
3663
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3648
3664
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3649
3665
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -4102,6 +4118,8 @@ export declare interface TypedOverride {
4102
4118
  motionEasingTooltipEnter?: GlobalValue | TypedModeValueOverride<'default' | 'disabled'>;
4103
4119
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
4104
4120
  sizeSideNavigationItemHeight?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
4121
+ sizeSideNavigationItemCollapsed?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
4122
+ sizeSideNavigationCollapsedWidth?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
4105
4123
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
4106
4124
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
4107
4125
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
package/lib/internal/template/internal/generated/theming/index.d.ts CHANGED
@@ -438,6 +438,8 @@ export declare interface TypedOverride {
438
438
  motionEasingTooltipEnter?: GlobalValue | TypedModeValueOverride<'default' | 'disabled'>;
439
439
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
440
440
  sizeSideNavigationItemHeight?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
441
+ sizeSideNavigationItemCollapsed?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
442
+ sizeSideNavigationCollapsedWidth?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
441
443
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
442
444
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
443
445
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -896,6 +898,8 @@ export declare interface TypedOverride {
896
898
  motionEasingTooltipEnter?: GlobalValue | TypedModeValueOverride<'default' | 'disabled'>;
897
899
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
898
900
  sizeSideNavigationItemHeight?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
901
+ sizeSideNavigationItemCollapsed?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
902
+ sizeSideNavigationCollapsedWidth?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
899
903
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
900
904
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
901
905
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -1354,6 +1358,8 @@ export declare interface TypedOverride {
1354
1358
  motionEasingTooltipEnter?: GlobalValue | TypedModeValueOverride<'default' | 'disabled'>;
1355
1359
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1356
1360
  sizeSideNavigationItemHeight?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1361
+ sizeSideNavigationItemCollapsed?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1362
+ sizeSideNavigationCollapsedWidth?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1357
1363
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1358
1364
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1359
1365
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -1812,6 +1818,8 @@ export declare interface TypedOverride {
1812
1818
  motionEasingTooltipEnter?: GlobalValue | TypedModeValueOverride<'default' | 'disabled'>;
1813
1819
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1814
1820
  sizeSideNavigationItemHeight?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1821
+ sizeSideNavigationItemCollapsed?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1822
+ sizeSideNavigationCollapsedWidth?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1815
1823
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1816
1824
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1817
1825
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -2270,6 +2278,8 @@ export declare interface TypedOverride {
2270
2278
  motionEasingTooltipEnter?: GlobalValue | TypedModeValueOverride<'default' | 'disabled'>;
2271
2279
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2272
2280
  sizeSideNavigationItemHeight?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2281
+ sizeSideNavigationItemCollapsed?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2282
+ sizeSideNavigationCollapsedWidth?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2273
2283
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2274
2284
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2275
2285
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -2728,6 +2738,8 @@ export declare interface TypedOverride {
2728
2738
  motionEasingTooltipEnter?: GlobalValue | TypedModeValueOverride<'default' | 'disabled'>;
2729
2739
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2730
2740
  sizeSideNavigationItemHeight?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2741
+ sizeSideNavigationItemCollapsed?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2742
+ sizeSideNavigationCollapsedWidth?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2731
2743
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2732
2744
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2733
2745
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -3186,6 +3198,8 @@ export declare interface TypedOverride {
3186
3198
  motionEasingTooltipEnter?: GlobalValue | TypedModeValueOverride<'default' | 'disabled'>;
3187
3199
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3188
3200
  sizeSideNavigationItemHeight?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3201
+ sizeSideNavigationItemCollapsed?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3202
+ sizeSideNavigationCollapsedWidth?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3189
3203
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3190
3204
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3191
3205
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -3644,6 +3658,8 @@ export declare interface TypedOverride {
3644
3658
  motionEasingTooltipEnter?: GlobalValue | TypedModeValueOverride<'default' | 'disabled'>;
3645
3659
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3646
3660
  sizeSideNavigationItemHeight?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3661
+ sizeSideNavigationItemCollapsed?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3662
+ sizeSideNavigationCollapsedWidth?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3647
3663
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3648
3664
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3649
3665
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -4102,6 +4118,8 @@ export declare interface TypedOverride {
4102
4118
  motionEasingTooltipEnter?: GlobalValue | TypedModeValueOverride<'default' | 'disabled'>;
4103
4119
  sizeVerticalInput?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
4104
4120
  sizeSideNavigationItemHeight?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
4121
+ sizeSideNavigationItemCollapsed?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
4122
+ sizeSideNavigationCollapsedWidth?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
4105
4123
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
4106
4124
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
4107
4125
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;