@cloudscape-design/components 3.0.246 → 3.0.248

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 (136) hide show
  1. package/annotation-context/annotation/styles.css.js +24 -24
  2. package/annotation-context/annotation/styles.scoped.css +30 -30
  3. package/annotation-context/annotation/styles.selectors.js +24 -24
  4. package/app-layout/drawer/index.d.ts +3 -21
  5. package/app-layout/drawer/index.d.ts.map +1 -1
  6. package/app-layout/drawer/index.js +25 -5
  7. package/app-layout/drawer/index.js.map +1 -1
  8. package/app-layout/drawer/interfaces.d.ts +84 -0
  9. package/app-layout/drawer/interfaces.d.ts.map +1 -0
  10. package/app-layout/drawer/interfaces.js +2 -0
  11. package/app-layout/drawer/interfaces.js.map +1 -0
  12. package/app-layout/drawer/resizable-drawer.d.ts +4 -0
  13. package/app-layout/drawer/resizable-drawer.d.ts.map +1 -0
  14. package/app-layout/drawer/resizable-drawer.js +51 -0
  15. package/app-layout/drawer/resizable-drawer.js.map +1 -0
  16. package/app-layout/drawer/styles.css.js +10 -5
  17. package/app-layout/drawer/styles.scoped.css +46 -10
  18. package/app-layout/drawer/styles.selectors.js +10 -5
  19. package/app-layout/index.d.ts.map +1 -1
  20. package/app-layout/index.js +142 -17
  21. package/app-layout/index.js.map +1 -1
  22. package/app-layout/mobile-toolbar/index.d.ts +10 -1
  23. package/app-layout/mobile-toolbar/index.d.ts.map +1 -1
  24. package/app-layout/mobile-toolbar/index.js +3 -2
  25. package/app-layout/mobile-toolbar/index.js.map +1 -1
  26. package/app-layout/mobile-toolbar/styles.css.js +5 -4
  27. package/app-layout/mobile-toolbar/styles.scoped.css +11 -7
  28. package/app-layout/mobile-toolbar/styles.selectors.js +5 -4
  29. package/app-layout/notifications/styles.css.js +3 -3
  30. package/app-layout/notifications/styles.scoped.css +7 -7
  31. package/app-layout/notifications/styles.selectors.js +3 -3
  32. package/app-layout/test-classes/styles.css.js +18 -13
  33. package/app-layout/test-classes/styles.scoped.css +33 -13
  34. package/app-layout/test-classes/styles.selectors.js +18 -13
  35. package/app-layout/toggles/index.d.ts.map +1 -1
  36. package/app-layout/toggles/index.js +2 -2
  37. package/app-layout/toggles/index.js.map +1 -1
  38. package/app-layout/toggles/interfaces.d.ts +3 -1
  39. package/app-layout/toggles/interfaces.d.ts.map +1 -1
  40. package/app-layout/toggles/interfaces.js.map +1 -1
  41. package/app-layout/utils/use-drawer-focus-control.d.ts +21 -0
  42. package/app-layout/utils/use-drawer-focus-control.d.ts.map +1 -0
  43. package/app-layout/utils/use-drawer-focus-control.js +65 -0
  44. package/app-layout/utils/use-drawer-focus-control.js.map +1 -0
  45. package/app-layout/visual-refresh/app-bar.d.ts.map +1 -1
  46. package/app-layout/visual-refresh/app-bar.js +8 -6
  47. package/app-layout/visual-refresh/app-bar.js.map +1 -1
  48. package/app-layout/visual-refresh/context.d.ts +13 -6
  49. package/app-layout/visual-refresh/context.d.ts.map +1 -1
  50. package/app-layout/visual-refresh/context.js +107 -52
  51. package/app-layout/visual-refresh/context.js.map +1 -1
  52. package/app-layout/visual-refresh/drawers.d.ts +47 -0
  53. package/app-layout/visual-refresh/drawers.d.ts.map +1 -0
  54. package/app-layout/visual-refresh/drawers.js +127 -0
  55. package/app-layout/visual-refresh/drawers.js.map +1 -0
  56. package/app-layout/visual-refresh/header.js +2 -2
  57. package/app-layout/visual-refresh/header.js.map +1 -1
  58. package/app-layout/visual-refresh/index.d.ts.map +1 -1
  59. package/app-layout/visual-refresh/index.js +3 -1
  60. package/app-layout/visual-refresh/index.js.map +1 -1
  61. package/app-layout/visual-refresh/layout.d.ts.map +1 -1
  62. package/app-layout/visual-refresh/layout.js +5 -42
  63. package/app-layout/visual-refresh/layout.js.map +1 -1
  64. package/app-layout/visual-refresh/main.d.ts.map +1 -1
  65. package/app-layout/visual-refresh/main.js +2 -3
  66. package/app-layout/visual-refresh/main.js.map +1 -1
  67. package/app-layout/visual-refresh/navigation.js +2 -2
  68. package/app-layout/visual-refresh/navigation.js.map +1 -1
  69. package/app-layout/visual-refresh/notifications.d.ts.map +1 -1
  70. package/app-layout/visual-refresh/notifications.js +2 -2
  71. package/app-layout/visual-refresh/notifications.js.map +1 -1
  72. package/app-layout/visual-refresh/split-panel.js +2 -2
  73. package/app-layout/visual-refresh/split-panel.js.map +1 -1
  74. package/app-layout/visual-refresh/styles.css.js +71 -61
  75. package/app-layout/visual-refresh/styles.scoped.css +437 -229
  76. package/app-layout/visual-refresh/styles.selectors.js +71 -61
  77. package/app-layout/visual-refresh/tools.d.ts.map +1 -1
  78. package/app-layout/visual-refresh/tools.js +7 -3
  79. package/app-layout/visual-refresh/tools.js.map +1 -1
  80. package/app-layout/visual-refresh/trigger-button.d.ts +4 -3
  81. package/app-layout/visual-refresh/trigger-button.d.ts.map +1 -1
  82. package/app-layout/visual-refresh/trigger-button.js +5 -4
  83. package/app-layout/visual-refresh/trigger-button.js.map +1 -1
  84. package/area-chart/internal.js +1 -1
  85. package/area-chart/internal.js.map +1 -1
  86. package/flashbar/styles.css.js +45 -45
  87. package/flashbar/styles.scoped.css +169 -169
  88. package/flashbar/styles.selectors.js +45 -45
  89. package/internal/base-component/styles.scoped.css +24 -0
  90. package/internal/context/app-layout-context.d.ts +0 -1
  91. package/internal/context/app-layout-context.d.ts.map +1 -1
  92. package/internal/context/app-layout-context.js.map +1 -1
  93. package/internal/context/dynamic-overlap-context.d.ts +3 -0
  94. package/internal/context/dynamic-overlap-context.d.ts.map +1 -0
  95. package/internal/context/dynamic-overlap-context.js +5 -0
  96. package/internal/context/dynamic-overlap-context.js.map +1 -0
  97. package/internal/environment.js +1 -1
  98. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  99. package/internal/generated/custom-css-properties/index.js +31 -30
  100. package/internal/generated/custom-css-properties/index.js.map +1 -1
  101. package/internal/generated/styles/tokens.d.ts +2 -0
  102. package/internal/generated/styles/tokens.js +2 -0
  103. package/internal/generated/theming/index.cjs +140 -0
  104. package/internal/generated/theming/index.js +140 -0
  105. package/internal/hooks/use-dynamic-overlap/index.js +7 -7
  106. package/internal/hooks/use-dynamic-overlap/index.js.map +1 -1
  107. package/internal/manifest.json +1 -1
  108. package/mixed-line-bar-chart/internal.js +1 -1
  109. package/mixed-line-bar-chart/internal.js.map +1 -1
  110. package/package.json +1 -1
  111. package/pie-chart/index.js +1 -1
  112. package/pie-chart/index.js.map +1 -1
  113. package/space-between/internal.js +1 -1
  114. package/space-between/internal.js.map +1 -1
  115. package/space-between/styles.css.js +20 -28
  116. package/space-between/styles.scoped.css +37 -101
  117. package/space-between/styles.selectors.js +20 -28
  118. package/test-utils/dom/button/index.js +1 -6
  119. package/test-utils/dom/button/index.js.map +1 -1
  120. package/test-utils/dom/flashbar/index.d.ts +5 -1
  121. package/test-utils/dom/flashbar/index.js +7 -0
  122. package/test-utils/dom/flashbar/index.js.map +1 -1
  123. package/test-utils/selectors/flashbar/index.d.ts +5 -1
  124. package/test-utils/selectors/flashbar/index.js +7 -0
  125. package/test-utils/selectors/flashbar/index.js.map +1 -1
  126. package/test-utils/tsconfig.tsbuildinfo +1 -1
  127. package/wizard/interfaces.d.ts +4 -0
  128. package/wizard/interfaces.d.ts.map +1 -1
  129. package/wizard/interfaces.js.map +1 -1
  130. package/wizard/wizard-actions.d.ts +2 -1
  131. package/wizard/wizard-actions.d.ts.map +1 -1
  132. package/wizard/wizard-actions.js +2 -2
  133. package/wizard/wizard-actions.js.map +1 -1
  134. package/wizard/wizard-form.d.ts.map +1 -1
  135. package/wizard/wizard-form.js +1 -1
  136. package/wizard/wizard-form.js.map +1 -1
@@ -879,6 +879,10 @@ module.exports.preset = {
879
879
  "light": "{colorGrey200}",
880
880
  "dark": "{colorGrey650}"
881
881
  },
882
+ "colorBackgroundLayoutPanelTriggerActive": {
883
+ "light": "{colorBlue900}",
884
+ "dark": "{colorBlue400}"
885
+ },
882
886
  "colorBackgroundLayoutToggleActive": {
883
887
  "light": "{colorGrey650}",
884
888
  "dark": "{colorGrey650}"
@@ -1195,6 +1199,10 @@ module.exports.preset = {
1195
1199
  "light": "{colorGreyTransparentHeavy}",
1196
1200
  "dark": "{colorGreyTransparentHeavy}"
1197
1201
  },
1202
+ "colorShadowLayoutPanelTrigger": {
1203
+ "light": "{colorGrey300}",
1204
+ "dark": "{colorGrey650}"
1205
+ },
1198
1206
  "colorShadowMedium": {
1199
1207
  "light": "{colorGreyTransparent}",
1200
1208
  "dark": "{colorGreyTransparent}"
@@ -1527,6 +1535,14 @@ module.exports.preset = {
1527
1535
  "light": "{colorBlue600}",
1528
1536
  "dark": "{colorBlue500}"
1529
1537
  },
1538
+ "colorTextLayoutPanelTriggerHover": {
1539
+ "light": "{colorBlue600}",
1540
+ "dark": "{colorBlue500}"
1541
+ },
1542
+ "colorTextLayoutPanelTriggerActive": {
1543
+ "light": "{colorWhite}",
1544
+ "dark": "{colorGrey800}"
1545
+ },
1530
1546
  "colorTextSmall": {
1531
1547
  "light": "{colorGrey550}",
1532
1548
  "dark": "{colorGrey450}"
@@ -1563,6 +1579,14 @@ module.exports.preset = {
1563
1579
  "light": "{colorBlue200}",
1564
1580
  "dark": "{colorBlue600}"
1565
1581
  },
1582
+ "colorDragPlaceholderActive": {
1583
+ "light": "{colorGrey200}",
1584
+ "dark": "{colorGrey550}"
1585
+ },
1586
+ "colorDragPlaceholderHover": {
1587
+ "light": "{colorBlue200}",
1588
+ "dark": "{colorBlue600}"
1589
+ },
1566
1590
  "fontBodyMLineHeight": "22px",
1567
1591
  "fontBodyMSize": "14px",
1568
1592
  "fontBodySLetterSpacing": "0.005em",
@@ -2791,6 +2815,10 @@ module.exports.preset = {
2791
2815
  "light": "{colorGrey650}",
2792
2816
  "dark": "{colorGrey650}"
2793
2817
  },
2818
+ "colorBackgroundLayoutPanelTriggerActive": {
2819
+ "light": "{colorBlue400}",
2820
+ "dark": "{colorBlue400}"
2821
+ },
2794
2822
  "colorBackgroundLayoutToggleActive": {
2795
2823
  "light": "{colorGrey650}",
2796
2824
  "dark": "{colorGrey650}"
@@ -3107,6 +3135,10 @@ module.exports.preset = {
3107
3135
  "light": "{colorGreyTransparentHeavy}",
3108
3136
  "dark": "{colorGreyTransparentHeavy}"
3109
3137
  },
3138
+ "colorShadowLayoutPanelTrigger": {
3139
+ "light": "{colorGrey650}",
3140
+ "dark": "{colorGrey650}"
3141
+ },
3110
3142
  "colorShadowMedium": {
3111
3143
  "light": "{colorGreyTransparent}",
3112
3144
  "dark": "{colorGreyTransparent}"
@@ -3439,6 +3471,14 @@ module.exports.preset = {
3439
3471
  "light": "{colorBlue500}",
3440
3472
  "dark": "{colorBlue500}"
3441
3473
  },
3474
+ "colorTextLayoutPanelTriggerHover": {
3475
+ "light": "{colorBlue500}",
3476
+ "dark": "{colorBlue500}"
3477
+ },
3478
+ "colorTextLayoutPanelTriggerActive": {
3479
+ "light": "{colorGrey800}",
3480
+ "dark": "{colorGrey800}"
3481
+ },
3442
3482
  "colorTextSmall": {
3443
3483
  "light": "{colorGrey450}",
3444
3484
  "dark": "{colorGrey450}"
@@ -3474,6 +3514,14 @@ module.exports.preset = {
3474
3514
  "colorBoardPlaceholderHover": {
3475
3515
  "light": "{colorBlue600}",
3476
3516
  "dark": "{colorBlue600}"
3517
+ },
3518
+ "colorDragPlaceholderActive": {
3519
+ "light": "{colorGrey550}",
3520
+ "dark": "{colorGrey550}"
3521
+ },
3522
+ "colorDragPlaceholderHover": {
3523
+ "light": "{colorBlue600}",
3524
+ "dark": "{colorBlue600}"
3477
3525
  }
3478
3526
  }
3479
3527
  },
@@ -3721,6 +3769,10 @@ module.exports.preset = {
3721
3769
  "light": "{colorGrey650}",
3722
3770
  "dark": "{colorGrey650}"
3723
3771
  },
3772
+ "colorBackgroundLayoutPanelTriggerActive": {
3773
+ "light": "{colorBlue400}",
3774
+ "dark": "{colorBlue400}"
3775
+ },
3724
3776
  "colorBackgroundLayoutToggleActive": {
3725
3777
  "light": "{colorGrey650}",
3726
3778
  "dark": "{colorGrey650}"
@@ -4037,6 +4089,10 @@ module.exports.preset = {
4037
4089
  "light": "{colorGreyTransparentHeavy}",
4038
4090
  "dark": "{colorGreyTransparentHeavy}"
4039
4091
  },
4092
+ "colorShadowLayoutPanelTrigger": {
4093
+ "light": "{colorGrey650}",
4094
+ "dark": "{colorGrey650}"
4095
+ },
4040
4096
  "colorShadowMedium": {
4041
4097
  "light": "{colorGreyTransparent}",
4042
4098
  "dark": "{colorGreyTransparent}"
@@ -4369,6 +4425,14 @@ module.exports.preset = {
4369
4425
  "light": "{colorBlue500}",
4370
4426
  "dark": "{colorBlue500}"
4371
4427
  },
4428
+ "colorTextLayoutPanelTriggerHover": {
4429
+ "light": "{colorBlue500}",
4430
+ "dark": "{colorBlue500}"
4431
+ },
4432
+ "colorTextLayoutPanelTriggerActive": {
4433
+ "light": "{colorGrey800}",
4434
+ "dark": "{colorGrey800}"
4435
+ },
4372
4436
  "colorTextSmall": {
4373
4437
  "light": "{colorGrey450}",
4374
4438
  "dark": "{colorGrey450}"
@@ -4404,6 +4468,14 @@ module.exports.preset = {
4404
4468
  "colorBoardPlaceholderHover": {
4405
4469
  "light": "{colorBlue600}",
4406
4470
  "dark": "{colorBlue600}"
4471
+ },
4472
+ "colorDragPlaceholderActive": {
4473
+ "light": "{colorGrey550}",
4474
+ "dark": "{colorGrey550}"
4475
+ },
4476
+ "colorDragPlaceholderHover": {
4477
+ "light": "{colorBlue600}",
4478
+ "dark": "{colorBlue600}"
4407
4479
  }
4408
4480
  }
4409
4481
  },
@@ -4591,6 +4663,10 @@ module.exports.preset = {
4591
4663
  "light": "{colorGrey200}",
4592
4664
  "dark": "{colorGrey650}"
4593
4665
  },
4666
+ "colorBackgroundLayoutPanelTriggerActive": {
4667
+ "light": "{colorBlue900}",
4668
+ "dark": "{colorBlue400}"
4669
+ },
4594
4670
  "colorBackgroundLayoutToggleActive": {
4595
4671
  "light": "{colorGrey650}",
4596
4672
  "dark": "{colorGrey650}"
@@ -4907,6 +4983,10 @@ module.exports.preset = {
4907
4983
  "light": "{colorGreyTransparentHeavy}",
4908
4984
  "dark": "{colorGreyTransparentHeavy}"
4909
4985
  },
4986
+ "colorShadowLayoutPanelTrigger": {
4987
+ "light": "{colorGrey300}",
4988
+ "dark": "{colorGrey650}"
4989
+ },
4910
4990
  "colorShadowMedium": {
4911
4991
  "light": "{colorGreyTransparent}",
4912
4992
  "dark": "{colorGreyTransparent}"
@@ -5239,6 +5319,14 @@ module.exports.preset = {
5239
5319
  "light": "{colorBlue600}",
5240
5320
  "dark": "{colorBlue500}"
5241
5321
  },
5322
+ "colorTextLayoutPanelTriggerHover": {
5323
+ "light": "{colorBlue600}",
5324
+ "dark": "{colorBlue500}"
5325
+ },
5326
+ "colorTextLayoutPanelTriggerActive": {
5327
+ "light": "{colorWhite}",
5328
+ "dark": "{colorGrey800}"
5329
+ },
5242
5330
  "colorTextSmall": {
5243
5331
  "light": "{colorGrey550}",
5244
5332
  "dark": "{colorGrey450}"
@@ -5274,6 +5362,14 @@ module.exports.preset = {
5274
5362
  "colorBoardPlaceholderHover": {
5275
5363
  "light": "{colorBlue200}",
5276
5364
  "dark": "{colorBlue600}"
5365
+ },
5366
+ "colorDragPlaceholderActive": {
5367
+ "light": "{colorGrey200}",
5368
+ "dark": "{colorGrey550}"
5369
+ },
5370
+ "colorDragPlaceholderHover": {
5371
+ "light": "{colorBlue200}",
5372
+ "dark": "{colorBlue600}"
5277
5373
  }
5278
5374
  }
5279
5375
  },
@@ -5461,6 +5557,10 @@ module.exports.preset = {
5461
5557
  "light": "{colorGrey200}",
5462
5558
  "dark": "{colorGrey650}"
5463
5559
  },
5560
+ "colorBackgroundLayoutPanelTriggerActive": {
5561
+ "light": "{colorBlue900}",
5562
+ "dark": "{colorBlue400}"
5563
+ },
5464
5564
  "colorBackgroundLayoutToggleActive": {
5465
5565
  "light": "{colorGrey650}",
5466
5566
  "dark": "{colorGrey650}"
@@ -5777,6 +5877,10 @@ module.exports.preset = {
5777
5877
  "light": "{colorGreyTransparentHeavy}",
5778
5878
  "dark": "{colorGreyTransparentHeavy}"
5779
5879
  },
5880
+ "colorShadowLayoutPanelTrigger": {
5881
+ "light": "{colorGrey300}",
5882
+ "dark": "{colorGrey650}"
5883
+ },
5780
5884
  "colorShadowMedium": {
5781
5885
  "light": "{colorGreyTransparent}",
5782
5886
  "dark": "{colorGreyTransparent}"
@@ -6109,6 +6213,14 @@ module.exports.preset = {
6109
6213
  "light": "{colorBlue600}",
6110
6214
  "dark": "{colorBlue500}"
6111
6215
  },
6216
+ "colorTextLayoutPanelTriggerHover": {
6217
+ "light": "{colorBlue600}",
6218
+ "dark": "{colorBlue500}"
6219
+ },
6220
+ "colorTextLayoutPanelTriggerActive": {
6221
+ "light": "{colorWhite}",
6222
+ "dark": "{colorGrey800}"
6223
+ },
6112
6224
  "colorTextSmall": {
6113
6225
  "light": "{colorGrey550}",
6114
6226
  "dark": "{colorGrey450}"
@@ -6144,6 +6256,14 @@ module.exports.preset = {
6144
6256
  "colorBoardPlaceholderHover": {
6145
6257
  "light": "{colorBlue200}",
6146
6258
  "dark": "{colorBlue600}"
6259
+ },
6260
+ "colorDragPlaceholderActive": {
6261
+ "light": "{colorGrey200}",
6262
+ "dark": "{colorGrey550}"
6263
+ },
6264
+ "colorDragPlaceholderHover": {
6265
+ "light": "{colorBlue200}",
6266
+ "dark": "{colorBlue600}"
6147
6267
  }
6148
6268
  }
6149
6269
  }
@@ -6348,6 +6468,7 @@ module.exports.preset = {
6348
6468
  "colorBackgroundLayoutMobilePanel": "color",
6349
6469
  "colorBackgroundLayoutPanelContent": "color",
6350
6470
  "colorBackgroundLayoutPanelHover": "color",
6471
+ "colorBackgroundLayoutPanelTriggerActive": "color",
6351
6472
  "colorBackgroundLayoutToggleActive": "color",
6352
6473
  "colorBackgroundLayoutToggleDefault": "color",
6353
6474
  "colorBackgroundLayoutToggleHover": "color",
@@ -6427,6 +6548,7 @@ module.exports.preset = {
6427
6548
  "colorForegroundControlDefault": "color",
6428
6549
  "colorForegroundControlDisabled": "color",
6429
6550
  "colorShadowDefault": "color",
6551
+ "colorShadowLayoutPanelTrigger": "color",
6430
6552
  "colorShadowMedium": "color",
6431
6553
  "colorShadowSide": "color",
6432
6554
  "colorStrokeCodeEditorResizeHandler": "color",
@@ -6510,6 +6632,8 @@ module.exports.preset = {
6510
6632
  "colorTextSegmentActive": "color",
6511
6633
  "colorTextSegmentDefault": "color",
6512
6634
  "colorTextSegmentHover": "color",
6635
+ "colorTextLayoutPanelTriggerHover": "color",
6636
+ "colorTextLayoutPanelTriggerActive": "color",
6513
6637
  "colorTextSmall": "color",
6514
6638
  "colorTextStatusError": "color",
6515
6639
  "colorTextStatusInactive": "color",
@@ -6519,6 +6643,8 @@ module.exports.preset = {
6519
6643
  "colorTextTopNavigationTitle": "color",
6520
6644
  "colorBoardPlaceholderActive": "color",
6521
6645
  "colorBoardPlaceholderHover": "color",
6646
+ "colorDragPlaceholderActive": "color",
6647
+ "colorDragPlaceholderHover": "color",
6522
6648
  "motionDurationExtraFast": "motion",
6523
6649
  "motionDurationExtraSlow": "motion",
6524
6650
  "motionDurationFast": "motion",
@@ -7070,6 +7196,8 @@ module.exports.preset = {
7070
7196
  "colorTextStatusWarning",
7071
7197
  "colorBoardPlaceholderActive",
7072
7198
  "colorBoardPlaceholderHover",
7199
+ "colorDragPlaceholderActive",
7200
+ "colorDragPlaceholderHover",
7073
7201
  "fontFamilyBase",
7074
7202
  "fontFamilyMonospace",
7075
7203
  "borderRadiusAlert",
@@ -7365,6 +7493,7 @@ module.exports.preset = {
7365
7493
  "colorBackgroundLayoutMobilePanel": "color-background-layout-mobile-panel",
7366
7494
  "colorBackgroundLayoutPanelContent": "color-background-layout-panel-content",
7367
7495
  "colorBackgroundLayoutPanelHover": "color-background-layout-panel-hover",
7496
+ "colorBackgroundLayoutPanelTriggerActive": "color-background-layout-panel-trigger-active",
7368
7497
  "colorBackgroundLayoutToggleActive": "color-background-layout-toggle-active",
7369
7498
  "colorBackgroundLayoutToggleDefault": "color-background-layout-toggle-default",
7370
7499
  "colorBackgroundLayoutToggleHover": "color-background-layout-toggle-hover",
@@ -7444,6 +7573,7 @@ module.exports.preset = {
7444
7573
  "colorForegroundControlDefault": "color-foreground-control-default",
7445
7574
  "colorForegroundControlDisabled": "color-foreground-control-disabled",
7446
7575
  "colorShadowDefault": "color-shadow-default",
7576
+ "colorShadowLayoutPanelTrigger": "color-shadow-layout-panel-trigger",
7447
7577
  "colorShadowMedium": "color-shadow-medium",
7448
7578
  "colorShadowSide": "color-shadow-side",
7449
7579
  "colorStrokeCodeEditorResizeHandler": "color-stroke-code-editor-resize-handler",
@@ -7527,6 +7657,8 @@ module.exports.preset = {
7527
7657
  "colorTextSegmentActive": "color-text-segment-active",
7528
7658
  "colorTextSegmentDefault": "color-text-segment-default",
7529
7659
  "colorTextSegmentHover": "color-text-segment-hover",
7660
+ "colorTextLayoutPanelTriggerHover": "color-text-layout-panel-trigger-hover",
7661
+ "colorTextLayoutPanelTriggerActive": "color-text-layout-panel-trigger-active",
7530
7662
  "colorTextSmall": "color-text-small",
7531
7663
  "colorTextStatusError": "color-text-status-error",
7532
7664
  "colorTextStatusInactive": "color-text-status-inactive",
@@ -7536,6 +7668,8 @@ module.exports.preset = {
7536
7668
  "colorTextTopNavigationTitle": "color-text-top-navigation-title",
7537
7669
  "colorBoardPlaceholderActive": "color-board-placeholder-active",
7538
7670
  "colorBoardPlaceholderHover": "color-board-placeholder-hover",
7671
+ "colorDragPlaceholderActive": "color-drag-placeholder-active",
7672
+ "colorDragPlaceholderHover": "color-drag-placeholder-hover",
7539
7673
  "fontBodyMLineHeight": "font-body-m-line-height",
7540
7674
  "fontBodyMSize": "font-body-m-size",
7541
7675
  "fontBodySLetterSpacing": "font-body-s-letter-spacing",
@@ -8019,6 +8153,7 @@ module.exports.preset = {
8019
8153
  "colorBackgroundLayoutMobilePanel": "--color-background-layout-mobile-panel-9vweqk",
8020
8154
  "colorBackgroundLayoutPanelContent": "--color-background-layout-panel-content-808qum",
8021
8155
  "colorBackgroundLayoutPanelHover": "--color-background-layout-panel-hover-0bg3gq",
8156
+ "colorBackgroundLayoutPanelTriggerActive": "--color-background-layout-panel-trigger-active-uf4o0r",
8022
8157
  "colorBackgroundLayoutToggleActive": "--color-background-layout-toggle-active-d15dki",
8023
8158
  "colorBackgroundLayoutToggleDefault": "--color-background-layout-toggle-default-f9hnkv",
8024
8159
  "colorBackgroundLayoutToggleHover": "--color-background-layout-toggle-hover-gi0e0b",
@@ -8098,6 +8233,7 @@ module.exports.preset = {
8098
8233
  "colorForegroundControlDefault": "--color-foreground-control-default-7ajdem",
8099
8234
  "colorForegroundControlDisabled": "--color-foreground-control-disabled-v6a97u",
8100
8235
  "colorShadowDefault": "--color-shadow-default-3se70f",
8236
+ "colorShadowLayoutPanelTrigger": "--color-shadow-layout-panel-trigger-t4yazw",
8101
8237
  "colorShadowMedium": "--color-shadow-medium-02bwpe",
8102
8238
  "colorShadowSide": "--color-shadow-side-07co14",
8103
8239
  "colorStrokeCodeEditorResizeHandler": "--color-stroke-code-editor-resize-handler-lop07p",
@@ -8181,6 +8317,8 @@ module.exports.preset = {
8181
8317
  "colorTextSegmentActive": "--color-text-segment-active-gc2jjl",
8182
8318
  "colorTextSegmentDefault": "--color-text-segment-default-bf7rka",
8183
8319
  "colorTextSegmentHover": "--color-text-segment-hover-5pccvg",
8320
+ "colorTextLayoutPanelTriggerHover": "--color-text-layout-panel-trigger-hover-yw2kb4",
8321
+ "colorTextLayoutPanelTriggerActive": "--color-text-layout-panel-trigger-active-mt4zu0",
8184
8322
  "colorTextSmall": "--color-text-small-le1y42",
8185
8323
  "colorTextStatusError": "--color-text-status-error-5sesl6",
8186
8324
  "colorTextStatusInactive": "--color-text-status-inactive-5ei55p",
@@ -8190,6 +8328,8 @@ module.exports.preset = {
8190
8328
  "colorTextTopNavigationTitle": "--color-text-top-navigation-title-oypxe3",
8191
8329
  "colorBoardPlaceholderActive": "--color-board-placeholder-active-vaxzdf",
8192
8330
  "colorBoardPlaceholderHover": "--color-board-placeholder-hover-v1s7kq",
8331
+ "colorDragPlaceholderActive": "--color-drag-placeholder-active-fkpj7i",
8332
+ "colorDragPlaceholderHover": "--color-drag-placeholder-hover-3ohnz1",
8193
8333
  "fontBodyMLineHeight": "--font-body-m-line-height-i7xxvv",
8194
8334
  "fontBodyMSize": "--font-body-m-size-sregvd",
8195
8335
  "fontBodySLetterSpacing": "--font-body-s-letter-spacing-cy0oxj",