@cloudscape-design/components-themeable 3.0.1143 → 3.0.1144

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 (42) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  3. package/lib/internal/scss/tree-view/tree-item/styles.scss +2 -3
  4. package/lib/internal/scss/tree-view/vertical-connector/styles.scss +29 -0
  5. package/lib/internal/template/internal/base-component/styles.scoped.css +13 -1
  6. package/lib/internal/template/internal/environment.js +2 -2
  7. package/lib/internal/template/internal/environment.json +2 -2
  8. package/lib/internal/template/internal/generated/styles/tokens.d.ts +2 -0
  9. package/lib/internal/template/internal/generated/styles/tokens.js +2 -0
  10. package/lib/internal/template/internal/generated/theming/index.cjs +45 -0
  11. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +9 -0
  12. package/lib/internal/template/internal/generated/theming/index.d.ts +9 -0
  13. package/lib/internal/template/internal/generated/theming/index.js +45 -0
  14. package/lib/internal/template/internal/hooks/use-mobile/index.d.ts.map +1 -1
  15. package/lib/internal/template/internal/hooks/use-mobile/index.js +3 -1
  16. package/lib/internal/template/internal/hooks/use-mobile/index.js.map +1 -1
  17. package/lib/internal/template/tree-view/index.d.ts +1 -1
  18. package/lib/internal/template/tree-view/index.d.ts.map +1 -1
  19. package/lib/internal/template/tree-view/index.js +5 -3
  20. package/lib/internal/template/tree-view/index.js.map +1 -1
  21. package/lib/internal/template/tree-view/interfaces.d.ts +5 -0
  22. package/lib/internal/template/tree-view/interfaces.d.ts.map +1 -1
  23. package/lib/internal/template/tree-view/interfaces.js.map +1 -1
  24. package/lib/internal/template/tree-view/internal.d.ts +1 -1
  25. package/lib/internal/template/tree-view/internal.d.ts.map +1 -1
  26. package/lib/internal/template/tree-view/internal.js +2 -2
  27. package/lib/internal/template/tree-view/internal.js.map +1 -1
  28. package/lib/internal/template/tree-view/tree-item/index.d.ts +2 -2
  29. package/lib/internal/template/tree-view/tree-item/index.d.ts.map +1 -1
  30. package/lib/internal/template/tree-view/tree-item/index.js +10 -5
  31. package/lib/internal/template/tree-view/tree-item/index.js.map +1 -1
  32. package/lib/internal/template/tree-view/tree-item/styles.css.js +9 -9
  33. package/lib/internal/template/tree-view/tree-item/styles.scoped.css +14 -15
  34. package/lib/internal/template/tree-view/tree-item/styles.selectors.js +9 -9
  35. package/lib/internal/template/tree-view/vertical-connector/index.d.ts +6 -0
  36. package/lib/internal/template/tree-view/vertical-connector/index.d.ts.map +1 -0
  37. package/lib/internal/template/tree-view/vertical-connector/index.js +11 -0
  38. package/lib/internal/template/tree-view/vertical-connector/index.js.map +1 -0
  39. package/lib/internal/template/tree-view/vertical-connector/styles.css.js +8 -0
  40. package/lib/internal/template/tree-view/vertical-connector/styles.scoped.css +25 -0
  41. package/lib/internal/template/tree-view/vertical-connector/styles.selectors.js +9 -0
  42. package/package.json +1 -1
package/lib/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "ab08f6688ec134898903ad557d193cbdac20992d"
2
+ "commit": "fdcaf6555e7ca1c075fcfd49fd6a8102073e610a"
3
3
  }
package/lib/internal/scss/internal/generated/custom-css-properties/index.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Build environment
3
- $awsui-commit-hash: "ab08f668";
3
+ $awsui-commit-hash: "fdcaf655";
4
4
  // Manually managed CSS-variables
5
5
  $maxContentWidth: --awsui-max-content-width-d43v8n;
6
6
  $minContentWidth: --awsui-min-content-width-d43v8n;
package/lib/internal/scss/tree-view/tree-item/styles.scss CHANGED
@@ -20,7 +20,7 @@ $item-toggle-column-width: 28px;
20
20
  position: relative;
21
21
 
22
22
  &.offset {
23
- margin-inline-start: $item-toggle-column-width;
23
+ margin-inline-start: awsui.$space-tree-view-indentation;
24
24
  }
25
25
 
26
26
  > .treeitem-content-wrapper {
@@ -38,7 +38,6 @@ $item-toggle-column-width: 28px;
38
38
  display: grid;
39
39
  grid-column: 1;
40
40
  grid-row: 1;
41
- padding-inline-end: awsui.$space-scaled-xxs;
42
41
 
43
42
  > .toggle {
44
43
  justify-self: center;
@@ -50,7 +49,7 @@ $item-toggle-column-width: 28px;
50
49
  > .structured-item-wrapper {
51
50
  grid-column: 2;
52
51
  grid-row: 1 / span 2;
53
- padding-block: awsui.$space-scaled-xxs;
52
+ padding-block: awsui.$space-scaled-xxxs;
54
53
 
55
54
  position: relative;
56
55
  }
package/lib/internal/scss/tree-view/vertical-connector/styles.scss ADDED
@@ -0,0 +1,29 @@
1
+ /*
2
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
+ SPDX-License-Identifier: Apache-2.0
4
+ */
5
+ // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
6
+ // SPDX-License-Identifier: Apache-2.0
7
+ @use '../../internal/styles/tokens' as awsui;
8
+
9
+ $item-toggle-column-width: 28px;
10
+
11
+ .vertical-connector {
12
+ background-color: awsui.$color-tree-view-connector-line;
13
+ inline-size: awsui.$border-divider-list-width;
14
+
15
+ &.grid {
16
+ grid-row: 2 / span 3;
17
+ grid-column: 1;
18
+ block-size: 100%;
19
+ position: relative;
20
+ inset-inline-start: calc($item-toggle-column-width / 2);
21
+ }
22
+
23
+ &.absolute {
24
+ position: absolute;
25
+ inset: 0;
26
+ inset-block-end: awsui.$space-scaled-xs;
27
+ inset-inline-start: calc($item-toggle-column-width / 2);
28
+ }
29
+ }
package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED
@@ -434,6 +434,7 @@ body {
434
434
  --color-dropzone-border-default-y3wase:#879596;
435
435
  --color-dropzone-border-hover-zg35vi:#002b66;
436
436
  --color-gap-global-drawer-qs4qzi:#eaeded;
437
+ --color-tree-view-connector-line-ao4t04:#879596;
437
438
  --font-box-value-large-weight-zc1blz:300;
438
439
  --font-button-letter-spacing-9h7rbb:0.25px;
439
440
  --font-chart-detail-size-drm2a6:14px;
@@ -631,6 +632,7 @@ body {
631
632
  --space-table-header-tools-bottom-b6lpr6:4px;
632
633
  --space-table-header-tools-full-page-bottom-1o73je:4px;
633
634
  --space-table-horizontal-xmv4qa:0px;
635
+ --space-tree-view-indentation-5cp0z1:20px;
634
636
  --space-tile-gutter-2ulgjh:24px;
635
637
  --space-scaled-2x-xxs-is489k:4px;
636
638
  --space-scaled-2x-m-gw45gq:16px;
@@ -1055,6 +1057,7 @@ body {
1055
1057
  --color-dropzone-border-default-y3wase:#687078;
1056
1058
  --color-dropzone-border-hover-zg35vi:#44b9d6;
1057
1059
  --color-gap-global-drawer-qs4qzi:#16191f;
1060
+ --color-tree-view-connector-line-ao4t04:#d5dbdb;
1058
1061
  --shadow-container-3fh0j3:0 1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 1px 0 rgba(0, 0, 0, 0.3), -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
1059
1062
  --shadow-dropdown-skxpuu:0 1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 1px 0 rgba(0, 0, 0, 0.3), -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
1060
1063
  --shadow-dropup-44quix:0 -1px 1px 0 rgba(0, 0, 0, 0.3), 1px -1px 1px 0 rgba(0, 0, 0, 0.3), -1px -1px 1px 0 rgba(0, 0, 0, 0.3);
@@ -1378,6 +1381,7 @@ body {
1378
1381
  --color-dropzone-border-default-y3wase:#687078;
1379
1382
  --color-dropzone-border-hover-zg35vi:#44b9d6;
1380
1383
  --color-gap-global-drawer-qs4qzi:#16191f;
1384
+ --color-tree-view-connector-line-ao4t04:#d5dbdb;
1381
1385
  }
1382
1386
 
1383
1387
  .awsui-context-flashbar:not(#\9) {
@@ -1754,6 +1758,7 @@ body {
1754
1758
  --color-dropzone-text-hover-ycohbg:#424650;
1755
1759
  --color-dropzone-border-default-y3wase:#8c8c94;
1756
1760
  --color-gap-global-drawer-qs4qzi:#ebebf0;
1761
+ --color-tree-view-connector-line-ao4t04:#8c8c94;
1757
1762
  --font-box-value-large-weight-zc1blz:700;
1758
1763
  --font-button-letter-spacing-9h7rbb:0.005em;
1759
1764
  --font-chart-detail-size-drm2a6:12px;
@@ -2122,6 +2127,7 @@ body {
2122
2127
  --color-dropzone-border-default-y3wase:#656871;
2123
2128
  --color-dropzone-border-hover-zg35vi:#75cfff;
2124
2129
  --color-gap-global-drawer-qs4qzi:#0f141a;
2130
+ --color-tree-view-connector-line-ao4t04:#dedee3;
2125
2131
  --shadow-container-3fh0j3:0px 1px 8px 2px rgba(0, 7, 22, 0.6);
2126
2132
  --shadow-container-active-hawm65:0px 1px 1px 1px #192534, 0px 6px 36px #00040c;
2127
2133
  --shadow-dropdown-skxpuu:0px 4px 20px 1px rgba(0, 4, 12, 1);
@@ -2411,6 +2417,7 @@ body {
2411
2417
  --color-dropzone-border-default-y3wase:#656871;
2412
2418
  --color-dropzone-border-hover-zg35vi:#75cfff;
2413
2419
  --color-gap-global-drawer-qs4qzi:#0f141a;
2420
+ --color-tree-view-connector-line-ao4t04:#dedee3;
2414
2421
  }
2415
2422
 
2416
2423
  .awsui-context-top-navigation.awsui-visual-refresh:not(#\9) {
@@ -2624,6 +2631,7 @@ body {
2624
2631
  --color-dropzone-border-default-y3wase:#656871;
2625
2632
  --color-dropzone-border-hover-zg35vi:#75cfff;
2626
2633
  --color-gap-global-drawer-qs4qzi:#0f141a;
2634
+ --color-tree-view-connector-line-ao4t04:#dedee3;
2627
2635
  }
2628
2636
 
2629
2637
  .awsui-visual-refresh .awsui-context-content-header:not(#\9) {
@@ -2840,6 +2848,7 @@ body {
2840
2848
  --color-dropzone-border-default-y3wase:#656871;
2841
2849
  --color-dropzone-border-hover-zg35vi:#75cfff;
2842
2850
  --color-gap-global-drawer-qs4qzi:#0f141a;
2851
+ --color-tree-view-connector-line-ao4t04:#dedee3;
2843
2852
  --shadow-container-3fh0j3:0px 1px 8px 2px rgba(0, 7, 22, 0.6);
2844
2853
  --shadow-container-active-hawm65:0px 1px 1px 1px #192534, 0px 6px 36px #00040c;
2845
2854
  --shadow-dropdown-skxpuu:0px 4px 20px 1px rgba(0, 4, 12, 1);
@@ -3068,6 +3077,7 @@ body {
3068
3077
  --color-dropzone-border-default-y3wase:#656871;
3069
3078
  --color-dropzone-border-hover-zg35vi:#75cfff;
3070
3079
  --color-gap-global-drawer-qs4qzi:#0f141a;
3080
+ --color-tree-view-connector-line-ao4t04:#dedee3;
3071
3081
  --shadow-container-3fh0j3:0px 1px 8px 2px rgba(0, 7, 22, 0.6);
3072
3082
  --shadow-container-active-hawm65:0px 1px 1px 1px #192534, 0px 6px 36px #00040c;
3073
3083
  --shadow-dropdown-skxpuu:0px 4px 20px 1px rgba(0, 4, 12, 1);
@@ -3509,6 +3519,7 @@ body {
3509
3519
  --color-dropzone-border-default-y3wase:#656871;
3510
3520
  --color-dropzone-border-hover-zg35vi:#75cfff;
3511
3521
  --color-gap-global-drawer-qs4qzi:#0f141a;
3522
+ --color-tree-view-connector-line-ao4t04:#dedee3;
3512
3523
  }
3513
3524
 
3514
3525
  .awsui-context-content-header .awsui-context-alert.awsui-visual-refresh:not(#\9) {
@@ -3725,6 +3736,7 @@ body {
3725
3736
  --color-dropzone-border-default-y3wase:#656871;
3726
3737
  --color-dropzone-border-hover-zg35vi:#75cfff;
3727
3738
  --color-gap-global-drawer-qs4qzi:#0f141a;
3739
+ --color-tree-view-connector-line-ao4t04:#dedee3;
3728
3740
  }
3729
3741
 
3730
3742
  .awsui-visual-refresh .awsui-context-app-layout-toolbar:not(#\9) {
@@ -3913,5 +3925,5 @@ body {
3913
3925
  }
3914
3926
  }
3915
3927
  :root {
3916
- --awsui-version-info-ab08f668: true;
3928
+ --awsui-version-info-fdcaf655: true;
3917
3929
  }
package/lib/internal/template/internal/environment.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (ab08f668)";
3
- export var GIT_SHA = "ab08f668";
2
+ export var PACKAGE_VERSION = "3.0.0 (fdcaf655)";
3
+ export var GIT_SHA = "fdcaf655";
4
4
  export var THEME = "open-source-visual-refresh";
5
5
  export var SYSTEM = "console";
6
6
  export var ALWAYS_VISUAL_REFRESH = true;
package/lib/internal/template/internal/environment.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (ab08f668)",
4
- "GIT_SHA": "ab08f668",
3
+ "PACKAGE_VERSION": "3.0.0 (fdcaf655)",
4
+ "GIT_SHA": "fdcaf655",
5
5
  "THEME": "default",
6
6
  "SYSTEM": "core",
7
7
  "ALWAYS_VISUAL_REFRESH": false
package/lib/internal/template/internal/generated/styles/tokens.d.ts CHANGED
@@ -545,6 +545,7 @@ export const colorDropzoneTextHover: string;
545
545
  export const colorDropzoneBorderDefault: string;
546
546
  export const colorDropzoneBorderHover: string;
547
547
  export const colorGapGlobalDrawer: string;
548
+ export const colorTreeViewConnectorLine: string;
548
549
  export const fontBoxValueLargeWeight: string;
549
550
  export const fontButtonLetterSpacing: string;
550
551
  export const fontChartDetailSize: string;
@@ -746,6 +747,7 @@ export const spaceTableHeaderHorizontal: string;
746
747
  export const spaceTableHeaderToolsBottom: string;
747
748
  export const spaceTableHeaderToolsFullPageBottom: string;
748
749
  export const spaceTableHorizontal: string;
750
+ export const spaceTreeViewIndentation: string;
749
751
  export const spaceTileGutter: string;
750
752
  export const spaceScaled2xNone: string;
751
753
  export const spaceScaled2xXxxs: string;
package/lib/internal/template/internal/generated/styles/tokens.js CHANGED
@@ -545,6 +545,7 @@ export var colorDropzoneTextHover = "var(--color-dropzone-text-hover-asw3rt, #42
545
545
  export var colorDropzoneBorderDefault = "var(--color-dropzone-border-default-k648ha, #8c8c94)";
546
546
  export var colorDropzoneBorderHover = "var(--color-dropzone-border-hover-otpag5, #002b66)";
547
547
  export var colorGapGlobalDrawer = "var(--color-gap-global-drawer-nh699a, #ebebf0)";
548
+ export var colorTreeViewConnectorLine = "var(--color-tree-view-connector-line-1usxvn, #8c8c94)";
548
549
  export var fontBoxValueLargeWeight = "var(--font-box-value-large-weight-wr00sw, 700)";
549
550
  export var fontButtonLetterSpacing = "var(--font-button-letter-spacing-ufowe3, 0.005em)";
550
551
  export var fontChartDetailSize = "var(--font-chart-detail-size-9qr25q, 12px)";
@@ -746,6 +747,7 @@ export var spaceTableHeaderHorizontal = "var(--space-table-header-horizontal-kb5
746
747
  export var spaceTableHeaderToolsBottom = "var(--space-table-header-tools-bottom-d9u5kf, 0px)";
747
748
  export var spaceTableHeaderToolsFullPageBottom = "var(--space-table-header-tools-full-page-bottom-9m47g6, 4px)";
748
749
  export var spaceTableHorizontal = "var(--space-table-horizontal-suurzj, 20px)";
750
+ export var spaceTreeViewIndentation = "var(--space-tree-view-indentation-gmy1k3, 20px)";
749
751
  export var spaceTileGutter = "var(--space-tile-gutter-bi2bdv, 24px)";
750
752
  export var spaceScaled2xNone = "var(--space-scaled-2x-none-987dp7, 0px)";
751
753
  export var spaceScaled2xXxxs = "var(--space-scaled-2x-xxxs-reumxj, 2px)";
package/lib/internal/template/internal/generated/theming/index.cjs CHANGED
@@ -2077,6 +2077,10 @@ module.exports.preset = {
2077
2077
  "light": "{colorNeutral250}",
2078
2078
  "dark": "{colorNeutral950}"
2079
2079
  },
2080
+ "colorTreeViewConnectorLine": {
2081
+ "light": "{colorNeutral500}",
2082
+ "dark": "{colorNeutral300}"
2083
+ },
2080
2084
  "fontBoxValueLargeWeight": "700",
2081
2085
  "fontButtonLetterSpacing": "0.005em",
2082
2086
  "fontChartDetailSize": "{fontSizeBodyS}",
@@ -2605,6 +2609,10 @@ module.exports.preset = {
2605
2609
  "comfortable": "{spaceContainerHorizontal}",
2606
2610
  "compact": "{spaceContainerHorizontal}"
2607
2611
  },
2612
+ "spaceTreeViewIndentation": {
2613
+ "comfortable": "{spaceL}",
2614
+ "compact": "{spaceL}"
2615
+ },
2608
2616
  "spaceTileGutter": {
2609
2617
  "comfortable": "{spaceXl}",
2610
2618
  "compact": "{spaceM}"
@@ -3071,6 +3079,10 @@ module.exports.preset = {
3071
3079
  "comfortable": "{spaceContainerHorizontal}",
3072
3080
  "compact": "{spaceContainerHorizontal}"
3073
3081
  },
3082
+ "spaceTreeViewIndentation": {
3083
+ "comfortable": "{spaceL}",
3084
+ "compact": "{spaceL}"
3085
+ },
3074
3086
  "spaceTileGutter": {
3075
3087
  "comfortable": "{spaceXl}",
3076
3088
  "compact": "{spaceM}"
@@ -4344,6 +4356,10 @@ module.exports.preset = {
4344
4356
  "colorGapGlobalDrawer": {
4345
4357
  "light": "{colorNeutral950}",
4346
4358
  "dark": "{colorNeutral950}"
4359
+ },
4360
+ "colorTreeViewConnectorLine": {
4361
+ "light": "{colorNeutral300}",
4362
+ "dark": "{colorNeutral300}"
4347
4363
  }
4348
4364
  }
4349
4365
  },
@@ -5518,6 +5534,10 @@ module.exports.preset = {
5518
5534
  "colorGapGlobalDrawer": {
5519
5535
  "light": "{colorNeutral950}",
5520
5536
  "dark": "{colorNeutral950}"
5537
+ },
5538
+ "colorTreeViewConnectorLine": {
5539
+ "light": "{colorNeutral300}",
5540
+ "dark": "{colorNeutral300}"
5521
5541
  }
5522
5542
  }
5523
5543
  },
@@ -6628,6 +6648,10 @@ module.exports.preset = {
6628
6648
  "colorGapGlobalDrawer": {
6629
6649
  "light": "{colorNeutral250}",
6630
6650
  "dark": "{colorNeutral950}"
6651
+ },
6652
+ "colorTreeViewConnectorLine": {
6653
+ "light": "{colorNeutral500}",
6654
+ "dark": "{colorNeutral300}"
6631
6655
  }
6632
6656
  }
6633
6657
  },
@@ -7738,6 +7762,10 @@ module.exports.preset = {
7738
7762
  "colorGapGlobalDrawer": {
7739
7763
  "light": "{colorNeutral250}",
7740
7764
  "dark": "{colorNeutral950}"
7765
+ },
7766
+ "colorTreeViewConnectorLine": {
7767
+ "light": "{colorNeutral500}",
7768
+ "dark": "{colorNeutral300}"
7741
7769
  }
7742
7770
  }
7743
7771
  },
@@ -8849,6 +8877,10 @@ module.exports.preset = {
8849
8877
  "light": "{colorNeutral250}",
8850
8878
  "dark": "{colorNeutral950}"
8851
8879
  },
8880
+ "colorTreeViewConnectorLine": {
8881
+ "light": "{colorNeutral500}",
8882
+ "dark": "{colorNeutral300}"
8883
+ },
8852
8884
  "fontExpandableHeadingSize": "14px",
8853
8885
  "borderDividerSectionWidth": "1px"
8854
8886
  }
@@ -9960,6 +9992,10 @@ module.exports.preset = {
9960
9992
  "colorGapGlobalDrawer": {
9961
9993
  "light": "{colorNeutral950}",
9962
9994
  "dark": "{colorNeutral950}"
9995
+ },
9996
+ "colorTreeViewConnectorLine": {
9997
+ "light": "{colorNeutral300}",
9998
+ "dark": "{colorNeutral300}"
9963
9999
  }
9964
10000
  }
9965
10001
  },
@@ -10472,6 +10508,7 @@ module.exports.preset = {
10472
10508
  "colorDropzoneBorderDefault": "color",
10473
10509
  "colorDropzoneBorderHover": "color",
10474
10510
  "colorGapGlobalDrawer": "color",
10511
+ "colorTreeViewConnectorLine": "color",
10475
10512
  "motionDurationExtraFast": "motion",
10476
10513
  "motionDurationExtraSlow": "motion",
10477
10514
  "motionDurationFast": "motion",
@@ -10581,6 +10618,7 @@ module.exports.preset = {
10581
10618
  "spaceTableHeaderToolsBottom": "density",
10582
10619
  "spaceTableHeaderToolsFullPageBottom": "density",
10583
10620
  "spaceTableHorizontal": "density",
10621
+ "spaceTreeViewIndentation": "density",
10584
10622
  "spaceTileGutter": "density",
10585
10623
  "spaceScaled2xNone": "density",
10586
10624
  "spaceScaled2xXxxs": "density",
@@ -10925,6 +10963,7 @@ module.exports.preset = {
10925
10963
  "colorDropzoneTextHover",
10926
10964
  "colorDropzoneBorderDefault",
10927
10965
  "colorDropzoneBorderHover",
10966
+ "colorTreeViewConnectorLine",
10928
10967
  "fontFamilyBase",
10929
10968
  "fontFamilyMonospace",
10930
10969
  "fontSizeBodyM",
@@ -11290,6 +11329,7 @@ module.exports.preset = {
11290
11329
  "colorDropzoneTextHover",
11291
11330
  "colorDropzoneBorderDefault",
11292
11331
  "colorDropzoneBorderHover",
11332
+ "colorTreeViewConnectorLine",
11293
11333
  "fontFamilyBase",
11294
11334
  "fontFamilyMonospace",
11295
11335
  "fontSizeBodyM",
@@ -11353,6 +11393,7 @@ module.exports.preset = {
11353
11393
  "motionKeyframesScalePopup",
11354
11394
  "spaceContainerHorizontal",
11355
11395
  "spaceFieldHorizontal",
11396
+ "spaceTreeViewIndentation",
11356
11397
  "spaceScaledXxxs",
11357
11398
  "spaceScaledXxs",
11358
11399
  "spaceScaledXs",
@@ -11921,6 +11962,7 @@ module.exports.preset = {
11921
11962
  "colorDropzoneBorderDefault": "color-dropzone-border-default",
11922
11963
  "colorDropzoneBorderHover": "color-dropzone-border-hover",
11923
11964
  "colorGapGlobalDrawer": "color-gap-global-drawer",
11965
+ "colorTreeViewConnectorLine": "color-tree-view-connector-line",
11924
11966
  "fontBoxValueLargeWeight": "font-box-value-large-weight",
11925
11967
  "fontButtonLetterSpacing": "font-button-letter-spacing",
11926
11968
  "fontChartDetailSize": "font-chart-detail-size",
@@ -12122,6 +12164,7 @@ module.exports.preset = {
12122
12164
  "spaceTableHeaderToolsBottom": "space-table-header-tools-bottom",
12123
12165
  "spaceTableHeaderToolsFullPageBottom": "space-table-header-tools-full-page-bottom",
12124
12166
  "spaceTableHorizontal": "space-table-horizontal",
12167
+ "spaceTreeViewIndentation": "space-tree-view-indentation",
12125
12168
  "spaceTileGutter": "space-tile-gutter",
12126
12169
  "spaceScaled2xNone": "space-scaled-2x-none",
12127
12170
  "spaceScaled2xXxxs": "space-scaled-2x-xxxs",
@@ -12727,6 +12770,7 @@ module.exports.preset = {
12727
12770
  "colorDropzoneBorderDefault": "--color-dropzone-border-default-k648ha",
12728
12771
  "colorDropzoneBorderHover": "--color-dropzone-border-hover-otpag5",
12729
12772
  "colorGapGlobalDrawer": "--color-gap-global-drawer-nh699a",
12773
+ "colorTreeViewConnectorLine": "--color-tree-view-connector-line-1usxvn",
12730
12774
  "fontBoxValueLargeWeight": "--font-box-value-large-weight-wr00sw",
12731
12775
  "fontButtonLetterSpacing": "--font-button-letter-spacing-ufowe3",
12732
12776
  "fontChartDetailSize": "--font-chart-detail-size-9qr25q",
@@ -12928,6 +12972,7 @@ module.exports.preset = {
12928
12972
  "spaceTableHeaderToolsBottom": "--space-table-header-tools-bottom-d9u5kf",
12929
12973
  "spaceTableHeaderToolsFullPageBottom": "--space-table-header-tools-full-page-bottom-9m47g6",
12930
12974
  "spaceTableHorizontal": "--space-table-horizontal-suurzj",
12975
+ "spaceTreeViewIndentation": "--space-tree-view-indentation-gmy1k3",
12931
12976
  "spaceTileGutter": "--space-tile-gutter-bi2bdv",
12932
12977
  "spaceScaled2xNone": "--space-scaled-2x-none-987dp7",
12933
12978
  "spaceScaled2xXxxs": "--space-scaled-2x-xxxs-reumxj",
package/lib/internal/template/internal/generated/theming/index.cjs.d.ts CHANGED
@@ -219,6 +219,7 @@ export declare interface TypedOverride {
219
219
  colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
220
220
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
221
221
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
222
+ colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
222
223
  fontFamilyBase?: GlobalValue;
223
224
  fontFamilyMonospace?: GlobalValue;
224
225
  fontSizeBodyM?: GlobalValue;
@@ -488,6 +489,7 @@ export declare interface TypedOverride {
488
489
  colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
489
490
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
490
491
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
492
+ colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
491
493
  fontFamilyBase?: GlobalValue;
492
494
  fontFamilyMonospace?: GlobalValue;
493
495
  fontSizeBodyM?: GlobalValue;
@@ -757,6 +759,7 @@ export declare interface TypedOverride {
757
759
  colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
758
760
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
759
761
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
762
+ colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
760
763
  fontFamilyBase?: GlobalValue;
761
764
  fontFamilyMonospace?: GlobalValue;
762
765
  fontSizeBodyM?: GlobalValue;
@@ -1026,6 +1029,7 @@ export declare interface TypedOverride {
1026
1029
  colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1027
1030
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1028
1031
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1032
+ colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1029
1033
  fontFamilyBase?: GlobalValue;
1030
1034
  fontFamilyMonospace?: GlobalValue;
1031
1035
  fontSizeBodyM?: GlobalValue;
@@ -1295,6 +1299,7 @@ export declare interface TypedOverride {
1295
1299
  colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1296
1300
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1297
1301
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1302
+ colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1298
1303
  fontFamilyBase?: GlobalValue;
1299
1304
  fontFamilyMonospace?: GlobalValue;
1300
1305
  fontSizeBodyM?: GlobalValue;
@@ -1564,6 +1569,7 @@ export declare interface TypedOverride {
1564
1569
  colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1565
1570
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1566
1571
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1572
+ colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1567
1573
  fontFamilyBase?: GlobalValue;
1568
1574
  fontFamilyMonospace?: GlobalValue;
1569
1575
  fontSizeBodyM?: GlobalValue;
@@ -1833,6 +1839,7 @@ export declare interface TypedOverride {
1833
1839
  colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1834
1840
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1835
1841
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1842
+ colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1836
1843
  fontFamilyBase?: GlobalValue;
1837
1844
  fontFamilyMonospace?: GlobalValue;
1838
1845
  fontSizeBodyM?: GlobalValue;
@@ -2102,6 +2109,7 @@ export declare interface TypedOverride {
2102
2109
  colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2103
2110
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2104
2111
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2112
+ colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2105
2113
  fontFamilyBase?: GlobalValue;
2106
2114
  fontFamilyMonospace?: GlobalValue;
2107
2115
  fontSizeBodyM?: GlobalValue;
@@ -2371,6 +2379,7 @@ export declare interface TypedOverride {
2371
2379
  colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2372
2380
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2373
2381
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2382
+ colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2374
2383
  fontFamilyBase?: GlobalValue;
2375
2384
  fontFamilyMonospace?: GlobalValue;
2376
2385
  fontSizeBodyM?: GlobalValue;
package/lib/internal/template/internal/generated/theming/index.d.ts CHANGED
@@ -219,6 +219,7 @@ export declare interface TypedOverride {
219
219
  colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
220
220
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
221
221
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
222
+ colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
222
223
  fontFamilyBase?: GlobalValue;
223
224
  fontFamilyMonospace?: GlobalValue;
224
225
  fontSizeBodyM?: GlobalValue;
@@ -488,6 +489,7 @@ export declare interface TypedOverride {
488
489
  colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
489
490
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
490
491
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
492
+ colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
491
493
  fontFamilyBase?: GlobalValue;
492
494
  fontFamilyMonospace?: GlobalValue;
493
495
  fontSizeBodyM?: GlobalValue;
@@ -757,6 +759,7 @@ export declare interface TypedOverride {
757
759
  colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
758
760
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
759
761
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
762
+ colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
760
763
  fontFamilyBase?: GlobalValue;
761
764
  fontFamilyMonospace?: GlobalValue;
762
765
  fontSizeBodyM?: GlobalValue;
@@ -1026,6 +1029,7 @@ export declare interface TypedOverride {
1026
1029
  colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1027
1030
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1028
1031
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1032
+ colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1029
1033
  fontFamilyBase?: GlobalValue;
1030
1034
  fontFamilyMonospace?: GlobalValue;
1031
1035
  fontSizeBodyM?: GlobalValue;
@@ -1295,6 +1299,7 @@ export declare interface TypedOverride {
1295
1299
  colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1296
1300
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1297
1301
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1302
+ colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1298
1303
  fontFamilyBase?: GlobalValue;
1299
1304
  fontFamilyMonospace?: GlobalValue;
1300
1305
  fontSizeBodyM?: GlobalValue;
@@ -1564,6 +1569,7 @@ export declare interface TypedOverride {
1564
1569
  colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1565
1570
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1566
1571
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1572
+ colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1567
1573
  fontFamilyBase?: GlobalValue;
1568
1574
  fontFamilyMonospace?: GlobalValue;
1569
1575
  fontSizeBodyM?: GlobalValue;
@@ -1833,6 +1839,7 @@ export declare interface TypedOverride {
1833
1839
  colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1834
1840
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1835
1841
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1842
+ colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1836
1843
  fontFamilyBase?: GlobalValue;
1837
1844
  fontFamilyMonospace?: GlobalValue;
1838
1845
  fontSizeBodyM?: GlobalValue;
@@ -2102,6 +2109,7 @@ export declare interface TypedOverride {
2102
2109
  colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2103
2110
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2104
2111
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2112
+ colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2105
2113
  fontFamilyBase?: GlobalValue;
2106
2114
  fontFamilyMonospace?: GlobalValue;
2107
2115
  fontSizeBodyM?: GlobalValue;
@@ -2371,6 +2379,7 @@ export declare interface TypedOverride {
2371
2379
  colorDropzoneTextHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2372
2380
  colorDropzoneBorderDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2373
2381
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2382
+ colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2374
2383
  fontFamilyBase?: GlobalValue;
2375
2384
  fontFamilyMonospace?: GlobalValue;
2376
2385
  fontSizeBodyM?: GlobalValue;