@cloudscape-design/components 3.0.246 → 3.0.247

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 (108) 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 -5
  49. package/app-layout/visual-refresh/context.d.ts.map +1 -1
  50. package/app-layout/visual-refresh/context.js +104 -49
  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/environment.js +1 -1
  91. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  92. package/internal/generated/custom-css-properties/index.js +31 -30
  93. package/internal/generated/custom-css-properties/index.js.map +1 -1
  94. package/internal/generated/styles/tokens.d.ts +2 -0
  95. package/internal/generated/styles/tokens.js +2 -0
  96. package/internal/generated/theming/index.cjs +140 -0
  97. package/internal/generated/theming/index.js +140 -0
  98. package/internal/manifest.json +1 -1
  99. package/mixed-line-bar-chart/internal.js +1 -1
  100. package/mixed-line-bar-chart/internal.js.map +1 -1
  101. package/package.json +1 -1
  102. package/pie-chart/index.js +1 -1
  103. package/pie-chart/index.js.map +1 -1
  104. package/space-between/internal.js +1 -1
  105. package/space-between/internal.js.map +1 -1
  106. package/space-between/styles.css.js +20 -28
  107. package/space-between/styles.scoped.css +37 -101
  108. package/space-between/styles.selectors.js +20 -28
@@ -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",