@salutejs/plasma-new-hope 0.337.0-canary.2255.18122908918.0 → 0.337.0-canary.2255.18125301788.0

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 (60) hide show
  1. package/cjs/components/Tree/Tree.css +7 -7
  2. package/cjs/components/Tree/Tree.js +15 -6
  3. package/cjs/components/Tree/Tree.js.map +1 -1
  4. package/cjs/components/Tree/Tree.styles.js +37 -7
  5. package/cjs/components/Tree/Tree.styles.js.map +1 -1
  6. package/cjs/components/Tree/Tree.styles_ihv9l0.css +8 -0
  7. package/cjs/components/Tree/Tree.tokens.js +3 -1
  8. package/cjs/components/Tree/Tree.tokens.js.map +1 -1
  9. package/cjs/components/Tree/utils/sizeToIconSize.js +2 -2
  10. package/cjs/components/Tree/utils/sizeToIconSize.js.map +1 -1
  11. package/cjs/index.css +8 -8
  12. package/emotion/cjs/components/Tree/Tree.js +14 -9
  13. package/emotion/cjs/components/Tree/Tree.styles.js +27 -16
  14. package/emotion/cjs/components/Tree/Tree.tokens.js +3 -1
  15. package/emotion/cjs/components/Tree/utils/sizeToIconSize.js +2 -2
  16. package/emotion/cjs/examples/components/Chip/Chip.js +1 -1
  17. package/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
  18. package/emotion/cjs/examples/components/Tree/Tree.config.js +5 -5
  19. package/emotion/es/components/Tree/Tree.js +12 -7
  20. package/emotion/es/components/Tree/Tree.styles.js +27 -16
  21. package/emotion/es/components/Tree/Tree.tokens.js +3 -1
  22. package/emotion/es/components/Tree/utils/sizeToIconSize.js +2 -2
  23. package/emotion/es/examples/components/Chip/Chip.js +1 -1
  24. package/emotion/es/examples/components/Tree/Tree.config.js +5 -5
  25. package/es/components/Tree/Tree.css +7 -7
  26. package/es/components/Tree/Tree.js +14 -6
  27. package/es/components/Tree/Tree.js.map +1 -1
  28. package/es/components/Tree/Tree.styles.js +37 -7
  29. package/es/components/Tree/Tree.styles.js.map +1 -1
  30. package/es/components/Tree/Tree.styles_ihv9l0.css +8 -0
  31. package/es/components/Tree/Tree.tokens.js +3 -1
  32. package/es/components/Tree/Tree.tokens.js.map +1 -1
  33. package/es/components/Tree/utils/sizeToIconSize.js +2 -2
  34. package/es/components/Tree/utils/sizeToIconSize.js.map +1 -1
  35. package/es/index.css +8 -8
  36. package/package.json +2 -2
  37. package/styled-components/cjs/components/Tree/Tree.js +14 -9
  38. package/styled-components/cjs/components/Tree/Tree.styles.js +38 -27
  39. package/styled-components/cjs/components/Tree/Tree.tokens.js +3 -1
  40. package/styled-components/cjs/components/Tree/utils/sizeToIconSize.js +2 -2
  41. package/styled-components/cjs/examples/components/Chip/Chip.js +1 -1
  42. package/styled-components/cjs/examples/components/Tree/Tree.config.js +12 -8
  43. package/styled-components/es/components/Tree/Tree.js +12 -7
  44. package/styled-components/es/components/Tree/Tree.styles.js +38 -27
  45. package/styled-components/es/components/Tree/Tree.tokens.js +3 -1
  46. package/styled-components/es/components/Tree/utils/sizeToIconSize.js +2 -2
  47. package/styled-components/es/examples/components/Chip/Chip.js +1 -1
  48. package/styled-components/es/examples/components/Tree/Tree.config.js +12 -8
  49. package/types/components/Tree/Tree.d.ts.map +1 -1
  50. package/types/components/Tree/Tree.styles.d.ts +4 -1
  51. package/types/components/Tree/Tree.styles.d.ts.map +1 -1
  52. package/types/components/Tree/Tree.tokens.d.ts +2 -0
  53. package/types/components/Tree/Tree.tokens.d.ts.map +1 -1
  54. package/types/components/Tree/Tree.types.d.ts +10 -0
  55. package/types/components/Tree/Tree.types.d.ts.map +1 -1
  56. package/types/components/Tree/utils/sizeToIconSize.d.ts +1 -1
  57. package/types/components/Tree/utils/sizeToIconSize.d.ts.map +1 -1
  58. package/types/examples/components/Tree/Tree.config.d.ts.map +1 -1
  59. package/cjs/components/Tree/Tree.styles_1bw3k0r.css +0 -8
  60. package/es/components/Tree/Tree.styles_1bw3k0r.css +0 -8
package/styled-components/cjs/components/Tree/Tree.styles.js CHANGED
@@ -35,7 +35,6 @@ _export(exports, {
35
35
  }
36
36
  });
37
37
  var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
38
- var _mixins = require("../../mixins");
39
38
  var _Icon = require("../_Icon");
40
39
  var _Treetokens = require("./Tree.tokens");
41
40
  function _getRequireWildcardCache(nodeInterop) {
@@ -81,7 +80,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
81
80
  }
82
81
  var IconArrowWrapper = _styledcomponents.default.div.withConfig({
83
82
  displayName: "Tree.styles__IconArrowWrapper",
84
- componentId: "sc-8ac26406-0"
83
+ componentId: "sc-42c76870-0"
85
84
  })([
86
85
  "line-height:0;color:var(",
87
86
  ");&:hover{color:var(",
@@ -90,44 +89,58 @@ var IconArrowWrapper = _styledcomponents.default.div.withConfig({
90
89
  ], _Treetokens.treeTokens.arrowColor, _Treetokens.treeTokens.arrowColorHover, _Treetokens.treeTokens.arrowColorActive);
91
90
  var StyledArrow = (0, _styledcomponents.default)(_Icon.IconDisclosureRightCentered).withConfig({
92
91
  displayName: "Tree.styles__StyledArrow",
93
- componentId: "sc-8ac26406-1"
92
+ componentId: "sc-42c76870-1"
94
93
  })([
95
94
  "transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;user-select:none;"
96
95
  ]);
97
96
  var StyledFolder = (0, _styledcomponents.default)(_Icon.IconFolder).withConfig({
98
97
  displayName: "Tree.styles__StyledFolder",
99
- componentId: "sc-8ac26406-2"
98
+ componentId: "sc-42c76870-2"
100
99
  })([
101
100
  ""
102
101
  ]);
103
102
  var TitleWrapper = _styledcomponents.default.div.withConfig({
104
103
  displayName: "Tree.styles__TitleWrapper",
105
- componentId: "sc-8ac26406-3"
104
+ componentId: "sc-42c76870-3"
106
105
  })([
107
106
  "display:flex;align-items:center;justify-content:space-between;margin:",
108
- ";",
107
+ ";overflow:",
109
108
  ";"
110
109
  ], function(param) {
111
110
  var arrowPlacement = param.arrowPlacement, fullWidthItemSelection = param.fullWidthItemSelection;
112
111
  return arrowPlacement === 'left' && !fullWidthItemSelection ? "var(".concat(_Treetokens.treeTokens.iconFolderMargin, ")") : 0;
113
- }, (0, _mixins.applyEllipsis)());
112
+ }, function(param) {
113
+ var singleLine = param.singleLine;
114
+ return singleLine ? 'hidden' : 'visible';
115
+ });
114
116
  var Title = _styledcomponents.default.span.withConfig({
115
117
  displayName: "Tree.styles__Title",
116
- componentId: "sc-8ac26406-4"
118
+ componentId: "sc-42c76870-4"
117
119
  })([
118
120
  "margin:var(",
119
- ");",
121
+ ");overflow:",
122
+ ";text-overflow:",
123
+ ";white-space:",
120
124
  ";"
121
- ], _Treetokens.treeTokens.iconFolderMargin, (0, _mixins.applyEllipsis)());
125
+ ], _Treetokens.treeTokens.iconFolderMargin, function(param) {
126
+ var singleLine = param.singleLine;
127
+ return singleLine ? 'hidden' : 'visible';
128
+ }, function(param) {
129
+ var singleLine = param.singleLine;
130
+ return singleLine ? 'ellipsis' : 'unset';
131
+ }, function(param) {
132
+ var singleLine = param.singleLine;
133
+ return singleLine ? 'nowrap' : 'normal';
134
+ });
122
135
  var ContentRight = _styledcomponents.default.div.withConfig({
123
136
  displayName: "Tree.styles__ContentRight",
124
- componentId: "sc-8ac26406-5"
137
+ componentId: "sc-42c76870-5"
125
138
  })([
126
139
  "line-height:0;"
127
140
  ]);
128
141
  var Line = _styledcomponents.default.div.withConfig({
129
142
  displayName: "Tree.styles__Line",
130
- componentId: "sc-8ac26406-6"
143
+ componentId: "sc-42c76870-6"
131
144
  })([
132
145
  "left:",
133
146
  "px;right:0;position:absolute;z-index:1;height:0.125rem;background-color:var(",
@@ -137,23 +150,21 @@ var Line = _styledcomponents.default.div.withConfig({
137
150
  return left;
138
151
  }, _Treetokens.treeTokens.itemDraggableLineColor);
139
152
  var base = (0, _styledcomponents.css)([
140
- ".rc-tree{margin:0;border:1px solid transparent;}.rc-tree-focused:not(.rc-tree-active-focused){border-color:cyan;}.rc-tree .rc-tree-treenode{margin:0;padding:0;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.rc-tree .rc-tree-treenode .draggable{color:#333;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;}.rc-tree .rc-tree-treenode.dragging{opacity:0.28;}.rc-tree .rc-tree-treenode.drop-container::before,.rc-tree:not(:has(.drop-container)) .rc-tree-treenode.drop-target.",
153
+ ".rc-tree{margin:0;border:1px solid transparent;}.rc-tree-focused:not(.rc-tree-active-focused){border-color:cyan;}.rc-tree .rc-tree-treenode{display:flex;align-items:center;box-sizing:border-box;margin:0;padding:var(",
154
+ ");position:relative;z-index:0;width:100%;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.rc-tree.",
155
+ " .rc-tree-treenode{padding:var(",
156
+ ");}.rc-tree .rc-tree-treenode .draggable{color:#333;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;}.rc-tree .rc-tree-treenode.dragging{opacity:0.28;}.rc-tree .rc-tree-treenode.drop-container::before,.rc-tree:not(:has(.drop-container)) .rc-tree-treenode.drop-target.",
141
157
  "::before,.rc-tree:not(:has(.drop-container)) .rc-tree-treenode.drop-target.drag-over::before{box-shadow:inset 0 0 0 1px var(",
142
- ");}.rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper{color:#a60000 !important;font-weight:bold !important;}.rc-tree .rc-tree-treenode ul{margin:0;padding:0 0 0 18px;}.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{position:relative;display:inline-block;height:24px;margin:0;padding:0;text-decoration:none;vertical-align:top;cursor:pointer;color:var(",
143
- ");}.rc-tree.",
158
+ ");}.rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper{color:#a60000 !important;font-weight:bold !important;}.rc-tree .rc-tree-treenode ul{margin:0;padding:0 0 0 18px;}.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{position:relative;margin:0;padding:0;text-decoration:none;vertical-align:top;cursor:pointer;color:var(",
159
+ ");display:flex;align-items:center;width:100%;}.rc-tree.",
144
160
  " .rc-tree-treenode.rc-tree-treenode-selected .rc-tree-node-content-wrapper{cursor:default;}.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-node-content-wrapper,.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-switcher,.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-checkbox,.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-iconEle{cursor:default;}.rc-tree .rc-tree-treenode span.rc-tree-switcher,.rc-tree .rc-tree-treenode span.rc-tree-checkbox,.rc-tree .rc-tree-treenode span.rc-tree-iconEle{cursor:pointer;}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-icon__customize,.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-icon__customize,.rc-tree .rc-tree-treenode span.rc-tree-iconEle.rc-tree-icon__customize{background-image:none;}.rc-tree .rc-tree-treenode span.rc-tree-icon_loading{margin-right:2px;vertical-align:top;background:url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7') no-repeat scroll 0 0 transparent;}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop{flex:none;}.rc-tree.",
145
161
  " .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop{display:none;}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open{background-position:-93px -56px;}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close{background-position:-75px -56px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox{width:13px;height:13px;margin:0 3px;background-position:0 0;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked{background-position:-14px 0;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox-indeterminate{background-position:-14px -28px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox-disabled{background-position:0 -56px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-checked.rc-tree-checkbox-disabled{background-position:-14px -56px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled{position:relative;background:#ccc;border-radius:3px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled::after{position:absolute;top:5px;left:3px;width:5px;height:0;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:scale(1);transform:scale(1);content:' ';}.rc-tree:not(.rc-tree-show-line) .rc-tree-treenode .rc-tree-switcher-noop{background:none;}.rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > ul{background:url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;}.rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > .rc-tree-switcher-noop{background-position:-56px -18px;}.rc-tree.rc-tree-show-line .rc-tree-treenode:last-child > .rc-tree-switcher-noop{background-position:-56px -36px;}.rc-tree-child-tree{display:none;}.rc-tree-child-tree-open{display:block;}.rc-tree-treenode-disabled > span:not(.rc-tree-switcher),.rc-tree-treenode-disabled > a,.rc-tree-treenode-disabled > a span{color:#767676;cursor:not-allowed;}.rc-tree-treenode-active{background:rgba(0,0,0,0.1);}.rc-tree-node-selected{background-color:#ffe6b0;box-shadow:0 0 0 1px #ffb951;opacity:0.8;}.rc-tree-icon__open{margin-right:0;vertical-align:top;background-position:-110px -16px;}.rc-tree-icon__close{margin-right:0;vertical-align:top;background-position:-110px 0;}.rc-tree-icon__docu{margin-right:0;vertical-align:top;background-position:-110px -32px;}.rc-tree-icon__customize{display:block;line-height:0;color:var(",
146
162
  ");margin:var(",
147
- ");}.rc-tree-title{display:inline-block;width:100%;}.rc-tree-indent{display:inline-flex;height:0;vertical-align:bottom;}.rc-tree-indent-unit{display:inline-block;width:16px;}.rc-tree-draggable-icon{display:inline-flex;justify-content:center;width:16px;}.rc-tree,.rc-tree-list{border:none !important;}.rc-tree .rc-tree-list-holder{overflow:hidden auto;}.rc-tree .rc-tree-treenode{position:relative;z-index:0;display:flex;align-items:center;min-height:var(",
148
- ");padding:0;}.rc-tree.",
149
- " .rc-tree-treenode{padding:0 var(",
150
- ") !important;}.rc-tree.",
151
- ":not(",
152
- ") .rc-tree-treenode{padding:0 var(",
153
- ");}.rc-tree .rc-tree-treenode::before{content:'';position:absolute;z-index:-1;top:var(",
163
+ ");}.rc-tree-title{display:grid;width:100%;}.rc-tree-indent{display:inline-flex;height:0;vertical-align:bottom;}.rc-tree-indent-unit{display:inline-block;width:16px;}.rc-tree-draggable-icon{display:inline-flex;justify-content:center;width:16px;}.rc-tree,.rc-tree-list{border:none !important;}.rc-tree .rc-tree-list-holder{overflow:hidden auto;}.rc-tree .rc-tree-treenode::before{content:'';position:absolute;z-index:-1;top:var(",
154
164
  ");bottom:var(",
155
- ");left:var(",
156
- ");right:0;background:transparent;border-radius:var(",
165
+ ");left:calc(var(",
166
+ ") + var(",
167
+ "));right:0;background:transparent;border-radius:var(",
157
168
  ");}.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-node-content-wrapper,.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-switcher,.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-checkbox{opacity:var(",
158
169
  ");}.rc-tree.",
159
170
  " .rc-tree-treenode::before{inset:0;border-radius:0;}.rc-tree .rc-tree-treenode.",
@@ -167,7 +178,7 @@ var base = (0, _styledcomponents.css)([
167
178
  " .rc-tree-treenode.rc-tree-treenode-selected):hover::before{background:var(",
168
179
  ");}.rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):not(.rc-tree.",
169
180
  " .rc-tree-treenode.rc-tree-treenode-selected):active::before{background:var(",
170
- ");}.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{display:flex;align-items:center;align-self:stretch;height:auto;flex:1;min-width:max-content;}.rc-tree .rc-tree-treenode span.rc-tree-switcher{width:var(",
181
+ ");}.rc-tree .rc-tree-treenode span.rc-tree-switcher{width:var(",
171
182
  ");height:var(",
172
183
  ");margin:var(",
173
184
  ");line-height:0;vertical-align:0;background:transparent;}.rc-tree.",
@@ -199,6 +210,6 @@ var base = (0, _styledcomponents.css)([
199
210
  ");}.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-title{color:var(",
200
211
  ");}.rc-tree-node-selected .rc-tree-icon__customize{color:var(",
201
212
  ");}.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-icon__customize{color:var(",
202
- ");;}.rc-tree-indent-unit{width:var(",
213
+ ");}.rc-tree-indent-unit{width:var(",
203
214
  ");}"
204
- ], _Treetokens.classes.treeLeafNode, _Treetokens.treeTokens.itemDraggableBorderColor, _Treetokens.treeTokens.color, _Treetokens.classes.treeRadioMode, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.iconFolderColor, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.itemHeight, _Treetokens.classes.treeItemFilled, _Treetokens.treeTokens.itemPadding, _Treetokens.classes.treeInverted, _Treetokens.classes.treeItemFilled, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemDisabledOpacity, _Treetokens.classes.treeItemFilled, _Treetokens.classes.treeItemHasSelectedChildren, _Treetokens.treeTokens.colorSelected, _Treetokens.classes.treeItemHasSelectedChildren, _Treetokens.treeTokens.colorSelected, _Treetokens.classes.treeItemPrimaryBackground, _Treetokens.treeTokens.itemBackgroundColorPrimary, _Treetokens.treeTokens.itemBackgroundColorSelected, _Treetokens.classes.treeRadioMode, _Treetokens.treeTokens.itemBackgroundColorHover, _Treetokens.classes.treeRadioMode, _Treetokens.treeTokens.itemBackgroundColorActive, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.switcherMargin, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.classes.treeInverted, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderColor, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.itemDisabledBorderColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.color, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight, _Treetokens.classes.treeInverted, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.colorSelected, _Treetokens.treeTokens.itemDisabledColor, _Treetokens.treeTokens.colorSelected, _Treetokens.treeTokens.itemDisabledColor, _Treetokens.treeTokens.itemIndent);
215
+ ], _Treetokens.treeTokens.itemPadding, _Treetokens.classes.treeTightVariant, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.classes.treeLeafNode, _Treetokens.treeTokens.itemDraggableBorderColor, _Treetokens.treeTokens.color, _Treetokens.classes.treeRadioMode, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.iconFolderColor, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.itemBackgroundExtraOffset, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemDisabledOpacity, _Treetokens.classes.treeItemFilled, _Treetokens.classes.treeItemHasSelectedChildren, _Treetokens.treeTokens.colorSelected, _Treetokens.classes.treeItemHasSelectedChildren, _Treetokens.treeTokens.colorSelected, _Treetokens.classes.treeItemPrimaryBackground, _Treetokens.treeTokens.itemBackgroundColorPrimary, _Treetokens.treeTokens.itemBackgroundColorSelected, _Treetokens.classes.treeRadioMode, _Treetokens.treeTokens.itemBackgroundColorHover, _Treetokens.classes.treeRadioMode, _Treetokens.treeTokens.itemBackgroundColorActive, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.switcherMargin, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.classes.treeInverted, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderColor, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.itemDisabledBorderColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.color, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight, _Treetokens.classes.treeInverted, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.colorSelected, _Treetokens.treeTokens.itemDisabledColor, _Treetokens.treeTokens.colorSelected, _Treetokens.treeTokens.itemDisabledColor, _Treetokens.treeTokens.itemIndent);
package/styled-components/cjs/components/Tree/Tree.tokens.js CHANGED
@@ -22,7 +22,8 @@ var classes = {
22
22
  treeItemPrimaryBackground: 'tree-item-primary-background',
23
23
  treeItemHasSelectedChildren: 'tree-item-has-selected-children',
24
24
  treeRadioMode: 'tree-radio-mode',
25
- treeLeafNode: 'tree-leaf-node'
25
+ treeLeafNode: 'tree-leaf-node',
26
+ treeTightVariant: 'tree-tight-variant'
26
27
  };
27
28
  var treeTokens = {
28
29
  arrowColor: '--plasma-tree-arrow-color',
@@ -54,6 +55,7 @@ var treeTokens = {
54
55
  checkboxMargin: '--plasma-tree-checkbox-margin',
55
56
  checkboxBorderColor: '--plasma-tree-checkbox-border-color',
56
57
  checkboxBackgroundColor: '--plasma-tree-checkbox-background-color',
58
+ itemBackgroundExtraOffset: '--plasma-tree-item-background-extra-offset',
57
59
  itemBackgroundColorSelected: '--plasma-tree-item-background-color-selected',
58
60
  itemBackgroundColorPrimary: '--plasma-tree-item-background-color-primary',
59
61
  itemBackgroundColorHover: '--plasma-tree-item-background-color-hover',
package/styled-components/cjs/components/Tree/utils/sizeToIconSize.js CHANGED
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "sizeToIconSize", {
8
8
  return sizeToIconSize;
9
9
  }
10
10
  });
11
- var sizeToIconSize = function(size) {
12
- if (size === 'xs') return 'xs';
11
+ var sizeToIconSize = function(size, variant) {
12
+ if (size === 'xs' || variant === 'tight' && size === 's') return 'xs';
13
13
  return 's';
14
14
  };
package/styled-components/cjs/examples/components/Chip/Chip.js CHANGED
@@ -32,7 +32,7 @@ var Chip = (0, _createConditionalComponent.createConditionalComponent)(ChipDefau
32
32
  {
33
33
  conditions: {
34
34
  prop: 'appearance',
35
- value: 'clear'
35
+ value: 'transparent'
36
36
  },
37
37
  component: ChipTransparent
38
38
  }
package/styled-components/cjs/examples/components/Tree/Tree.config.js CHANGED
@@ -45,7 +45,8 @@ var config = {
45
45
  "",
46
46
  ":3.5rem;",
47
47
  ":1rem;",
48
- ":0.375rem;",
48
+ ":1rem;",
49
+ ":0.75rem 1rem;",
49
50
  ":2rem;",
50
51
  ":0.75rem;",
51
52
  ":0.25rem;",
@@ -64,12 +65,13 @@ var config = {
64
65
  ":var(--plasma-typo-body-l-font-weight);",
65
66
  ":var(--plasma-typo-body-l-letter-spacing);",
66
67
  ":var(--plasma-typo-body-l-line-height);"
67
- ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight),
68
+ ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemBackgroundExtraOffset, _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight),
68
69
  m: (0, _styledcomponents.css)([
69
70
  "",
70
71
  ":3rem;",
71
72
  ":0.875rem;",
72
- ":0.375rem;",
73
+ ":0.75rem 0.875rem;",
74
+ ":0.5rem 0.875rem;",
73
75
  ":2rem;",
74
76
  ":0.625rem;",
75
77
  ":0.25rem;",
@@ -88,12 +90,13 @@ var config = {
88
90
  ":var(--plasma-typo-body-m-font-weight);",
89
91
  ":var(--plasma-typo-body-m-letter-spacing);",
90
92
  ":var(--plasma-typo-body-m-line-height);"
91
- ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight),
93
+ ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemBackgroundExtraOffset, _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight),
92
94
  s: (0, _styledcomponents.css)([
93
95
  "",
94
96
  ":2.5rem;",
95
97
  ":0.75rem;",
96
- ":0.25rem;",
98
+ ":0.5rem 0.75rem;",
99
+ ":0.4375rem 0.5rem;",
97
100
  ":1.875rem;",
98
101
  ":0.5rem;",
99
102
  ":0.25rem;",
@@ -112,12 +115,13 @@ var config = {
112
115
  ":var(--plasma-typo-body-s-font-weight);",
113
116
  ":var(--plasma-typo-body-s-letter-spacing);",
114
117
  ":var(--plasma-typo-body-s-line-height);"
115
- ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight),
118
+ ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemBackgroundExtraOffset, _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight),
116
119
  xs: (0, _styledcomponents.css)([
117
120
  "",
118
121
  ":2rem;",
119
122
  ":0.5rem;",
120
- ":0.125rem;",
123
+ ":0.5rem;",
124
+ ":0.25rem 0.5rem;",
121
125
  ":1.25rem;",
122
126
  ":0.375rem;",
123
127
  ":0.25rem;",
@@ -136,7 +140,7 @@ var config = {
136
140
  ":var(--plasma-typo-body-xs-font-weight);",
137
141
  ":var(--plasma-typo-body-xs-letter-spacing);",
138
142
  ":var(--plasma-typo-body-xs-line-height);"
139
- ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight)
143
+ ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemBackgroundExtraOffset, _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight)
140
144
  }
141
145
  }
142
146
  };
package/styled-components/es/components/Tree/Tree.js CHANGED
@@ -98,7 +98,7 @@ function _unsupported_iterable_to_array(o, minLen) {
98
98
  }
99
99
  import React, { forwardRef, useState, useMemo } from "react";
100
100
  import Tree from "rc-tree";
101
- import { cx } from "../../utils";
101
+ import cls from "classnames";
102
102
  import { IconArrowWrapper, StyledArrow, base, StyledFolder, TitleWrapper, Title, ContentRight, Line } from "./Tree.styles";
103
103
  import { sizeToIconSize, traverseTree } from "./utils";
104
104
  import { classes } from "./Tree.tokens";
@@ -106,7 +106,7 @@ import { classes } from "./Tree.tokens";
106
106
  * Многоуровневый раскрывающийся список в виде дерева.
107
107
  */ export var treeRoot = function(Root) {
108
108
  return /*#__PURE__*/ forwardRef(function(param, ref) {
109
- var items = param.items, _param_arrowPlacement = param.arrowPlacement, arrowPlacement = _param_arrowPlacement === void 0 ? 'left' : _param_arrowPlacement, _param_virtual = param.virtual, virtual = _param_virtual === void 0 ? true : _param_virtual, height = param.height, itemHeight = param.itemHeight, size = param.size, view = param.view, _param_fullWidthItemSelection = param.fullWidthItemSelection, fullWidthItemSelection = _param_fullWidthItemSelection === void 0 ? false : _param_fullWidthItemSelection, _param_multiple = param.multiple, multiple = _param_multiple === void 0 ? false : _param_multiple, _param_defaultExpandAll = param.defaultExpandAll, defaultExpandAll = _param_defaultExpandAll === void 0 ? false : _param_defaultExpandAll, _param_autoExpandParent = param.autoExpandParent, autoExpandParent = _param_autoExpandParent === void 0 ? false : _param_autoExpandParent, _param_checkable = param.checkable, checkable = _param_checkable === void 0 ? false : _param_checkable, outerSelectedKeys = param.selectedKeys, checkedKeys = param.checkedKeys, expandedKeys = param.expandedKeys, defaultCheckedKeys = param.defaultCheckedKeys, defaultExpandedKeys = param.defaultExpandedKeys, defaultSelectedKeys = param.defaultSelectedKeys, className = param.className, onTreeSelect = param.onTreeSelect, onTreeCheck = param.onTreeCheck, onTreeExpand = param.onTreeExpand, _param_hasIcon = param.hasIcon, hasIcon = _param_hasIcon === void 0 ? false : _param_hasIcon, icon = param.icon, renderTitle = param.renderTitle, _param_mode = param.mode, mode = _param_mode === void 0 ? 'default' : _param_mode, _param_draggable = param.draggable, draggable = _param_draggable === void 0 ? false : _param_draggable, onDragStart = param.onDragStart, onDragEnter = param.onDragEnter, onDragOver = param.onDragOver, onDragLeave = param.onDragLeave, onDragEnd = param.onDragEnd, onDrop = param.onDrop, allowDrop = param.allowDrop;
109
+ var items = param.items, _param_arrowPlacement = param.arrowPlacement, arrowPlacement = _param_arrowPlacement === void 0 ? 'left' : _param_arrowPlacement, _param_virtual = param.virtual, virtual = _param_virtual === void 0 ? true : _param_virtual, height = param.height, itemHeight = param.itemHeight, size = param.size, view = param.view, variant = param.variant, _param_fullWidthItemSelection = param.fullWidthItemSelection, fullWidthItemSelection = _param_fullWidthItemSelection === void 0 ? false : _param_fullWidthItemSelection, _param_multiple = param.multiple, multiple = _param_multiple === void 0 ? false : _param_multiple, _param_defaultExpandAll = param.defaultExpandAll, defaultExpandAll = _param_defaultExpandAll === void 0 ? false : _param_defaultExpandAll, _param_autoExpandParent = param.autoExpandParent, autoExpandParent = _param_autoExpandParent === void 0 ? false : _param_autoExpandParent, _param_checkable = param.checkable, checkable = _param_checkable === void 0 ? false : _param_checkable, outerSelectedKeys = param.selectedKeys, checkedKeys = param.checkedKeys, expandedKeys = param.expandedKeys, defaultCheckedKeys = param.defaultCheckedKeys, defaultExpandedKeys = param.defaultExpandedKeys, defaultSelectedKeys = param.defaultSelectedKeys, className = param.className, onTreeSelect = param.onTreeSelect, onTreeCheck = param.onTreeCheck, onTreeExpand = param.onTreeExpand, _param_hasIcon = param.hasIcon, hasIcon = _param_hasIcon === void 0 ? false : _param_hasIcon, icon = param.icon, renderTitle = param.renderTitle, _param_singleLine = param.singleLine, singleLine = _param_singleLine === void 0 ? true : _param_singleLine, _param_mode = param.mode, mode = _param_mode === void 0 ? 'default' : _param_mode, _param_draggable = param.draggable, draggable = _param_draggable === void 0 ? false : _param_draggable, onDragStart = param.onDragStart, onDragEnter = param.onDragEnter, onDragOver = param.onDragOver, onDragLeave = param.onDragLeave, onDragEnd = param.onDragEnd, onDrop = param.onDrop, allowDrop = param.allowDrop;
110
110
  var _useState = _sliced_to_array(useState(defaultSelectedKeys || []), 2), selected = _useState[0], setSelected = _useState[1];
111
111
  var selectedKeys = outerSelectedKeys !== null && outerSelectedKeys !== void 0 ? outerSelectedKeys : selected;
112
112
  var isRadioMode = mode === 'radio' && !multiple;
@@ -122,6 +122,7 @@ import { classes } from "./Tree.tokens";
122
122
  var invertedClass = arrowPlacement === 'right' ? classes.treeInverted : undefined;
123
123
  var itemFilledClass = fullWidthItemSelection ? classes.treeItemFilled : undefined;
124
124
  var radioModeClass = isRadioMode ? classes.treeRadioMode : undefined;
125
+ var tightVariantClass = variant === 'tight' ? classes.treeTightVariant : undefined;
125
126
  // Проходимся по дереву и устанавливаем соответствующие классы для узлов дерева,
126
127
  // чтобы соблюсти иерархию вложенности в UI.
127
128
  var treeData = useMemo(function() {
@@ -133,6 +134,7 @@ import { classes } from "./Tree.tokens";
133
134
  return /*#__PURE__*/ React.createElement(Root, {
134
135
  view: view,
135
136
  size: size,
137
+ variant: variant,
136
138
  ref: ref,
137
139
  items: items
138
140
  }, /*#__PURE__*/ React.createElement(Tree, _object_spread_props(_object_spread({
@@ -141,7 +143,7 @@ import { classes } from "./Tree.tokens";
141
143
  virtual: virtual,
142
144
  multiple: multiple,
143
145
  checkable: checkable,
144
- className: cx(className, invertedClass, itemFilledClass, radioModeClass),
146
+ className: cls(className, invertedClass, itemFilledClass, radioModeClass, tightVariantClass),
145
147
  defaultExpandAll: defaultExpandAll,
146
148
  autoExpandParent: autoExpandParent,
147
149
  style: {
@@ -165,20 +167,23 @@ import { classes } from "./Tree.tokens";
165
167
  return null;
166
168
  }
167
169
  return /*#__PURE__*/ React.createElement(IconArrowWrapper, null, /*#__PURE__*/ React.createElement(StyledArrow, {
168
- size: sizeToIconSize(size),
170
+ size: sizeToIconSize(size, variant),
169
171
  color: "inherit",
170
172
  className: "arrow"
171
173
  }));
172
174
  },
173
175
  icon: hasIcon && (icon || /*#__PURE__*/ React.createElement(StyledFolder, {
174
- size: sizeToIconSize(size),
176
+ size: sizeToIconSize(size, variant),
175
177
  color: "inherit"
176
178
  })),
177
179
  titleRender: function(item) {
178
180
  return /*#__PURE__*/ React.createElement(TitleWrapper, {
179
181
  fullWidthItemSelection: fullWidthItemSelection,
180
- arrowPlacement: arrowPlacement
181
- }, /*#__PURE__*/ React.createElement(Title, null, renderTitle ? renderTitle(item) : typeof item.title === 'function' ? item.title(item) : item.title), item.contentRight && /*#__PURE__*/ React.createElement(ContentRight, null, item.contentRight));
182
+ arrowPlacement: arrowPlacement,
183
+ singleLine: singleLine
184
+ }, /*#__PURE__*/ React.createElement(Title, {
185
+ singleLine: singleLine
186
+ }, renderTitle ? renderTitle(item) : typeof item.title === 'function' ? item.title(item) : item.title), item.contentRight && /*#__PURE__*/ React.createElement(ContentRight, null, item.contentRight));
182
187
  },
183
188
  draggable: draggable,
184
189
  onDragStart: onDragStart,
package/styled-components/es/components/Tree/Tree.styles.js CHANGED
@@ -1,11 +1,10 @@
1
1
  import styled from "styled-components";
2
2
  import { css } from "styled-components";
3
- import { applyEllipsis } from "../../mixins";
4
3
  import { IconDisclosureRightCentered, IconFolder } from "../_Icon";
5
4
  import { treeTokens as tokens, classes } from "./Tree.tokens";
6
5
  export var IconArrowWrapper = styled.div.withConfig({
7
6
  displayName: "Tree.styles__IconArrowWrapper",
8
- componentId: "sc-8ac26406-0"
7
+ componentId: "sc-42c76870-0"
9
8
  })([
10
9
  "line-height:0;color:var(",
11
10
  ");&:hover{color:var(",
@@ -14,44 +13,58 @@ export var IconArrowWrapper = styled.div.withConfig({
14
13
  ], tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive);
15
14
  export var StyledArrow = styled(IconDisclosureRightCentered).withConfig({
16
15
  displayName: "Tree.styles__StyledArrow",
17
- componentId: "sc-8ac26406-1"
16
+ componentId: "sc-42c76870-1"
18
17
  })([
19
18
  "transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;user-select:none;"
20
19
  ]);
21
20
  export var StyledFolder = styled(IconFolder).withConfig({
22
21
  displayName: "Tree.styles__StyledFolder",
23
- componentId: "sc-8ac26406-2"
22
+ componentId: "sc-42c76870-2"
24
23
  })([
25
24
  ""
26
25
  ]);
27
26
  export var TitleWrapper = styled.div.withConfig({
28
27
  displayName: "Tree.styles__TitleWrapper",
29
- componentId: "sc-8ac26406-3"
28
+ componentId: "sc-42c76870-3"
30
29
  })([
31
30
  "display:flex;align-items:center;justify-content:space-between;margin:",
32
- ";",
31
+ ";overflow:",
33
32
  ";"
34
33
  ], function(param) {
35
34
  var arrowPlacement = param.arrowPlacement, fullWidthItemSelection = param.fullWidthItemSelection;
36
35
  return arrowPlacement === 'left' && !fullWidthItemSelection ? "var(".concat(tokens.iconFolderMargin, ")") : 0;
37
- }, applyEllipsis());
36
+ }, function(param) {
37
+ var singleLine = param.singleLine;
38
+ return singleLine ? 'hidden' : 'visible';
39
+ });
38
40
  export var Title = styled.span.withConfig({
39
41
  displayName: "Tree.styles__Title",
40
- componentId: "sc-8ac26406-4"
42
+ componentId: "sc-42c76870-4"
41
43
  })([
42
44
  "margin:var(",
43
- ");",
45
+ ");overflow:",
46
+ ";text-overflow:",
47
+ ";white-space:",
44
48
  ";"
45
- ], tokens.iconFolderMargin, applyEllipsis());
49
+ ], tokens.iconFolderMargin, function(param) {
50
+ var singleLine = param.singleLine;
51
+ return singleLine ? 'hidden' : 'visible';
52
+ }, function(param) {
53
+ var singleLine = param.singleLine;
54
+ return singleLine ? 'ellipsis' : 'unset';
55
+ }, function(param) {
56
+ var singleLine = param.singleLine;
57
+ return singleLine ? 'nowrap' : 'normal';
58
+ });
46
59
  export var ContentRight = styled.div.withConfig({
47
60
  displayName: "Tree.styles__ContentRight",
48
- componentId: "sc-8ac26406-5"
61
+ componentId: "sc-42c76870-5"
49
62
  })([
50
63
  "line-height:0;"
51
64
  ]);
52
65
  export var Line = styled.div.withConfig({
53
66
  displayName: "Tree.styles__Line",
54
- componentId: "sc-8ac26406-6"
67
+ componentId: "sc-42c76870-6"
55
68
  })([
56
69
  "left:",
57
70
  "px;right:0;position:absolute;z-index:1;height:0.125rem;background-color:var(",
@@ -61,23 +74,21 @@ export var Line = styled.div.withConfig({
61
74
  return left;
62
75
  }, tokens.itemDraggableLineColor);
63
76
  export var base = css([
64
- ".rc-tree{margin:0;border:1px solid transparent;}.rc-tree-focused:not(.rc-tree-active-focused){border-color:cyan;}.rc-tree .rc-tree-treenode{margin:0;padding:0;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.rc-tree .rc-tree-treenode .draggable{color:#333;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;}.rc-tree .rc-tree-treenode.dragging{opacity:0.28;}.rc-tree .rc-tree-treenode.drop-container::before,.rc-tree:not(:has(.drop-container)) .rc-tree-treenode.drop-target.",
77
+ ".rc-tree{margin:0;border:1px solid transparent;}.rc-tree-focused:not(.rc-tree-active-focused){border-color:cyan;}.rc-tree .rc-tree-treenode{display:flex;align-items:center;box-sizing:border-box;margin:0;padding:var(",
78
+ ");position:relative;z-index:0;width:100%;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.rc-tree.",
79
+ " .rc-tree-treenode{padding:var(",
80
+ ");}.rc-tree .rc-tree-treenode .draggable{color:#333;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;}.rc-tree .rc-tree-treenode.dragging{opacity:0.28;}.rc-tree .rc-tree-treenode.drop-container::before,.rc-tree:not(:has(.drop-container)) .rc-tree-treenode.drop-target.",
65
81
  "::before,.rc-tree:not(:has(.drop-container)) .rc-tree-treenode.drop-target.drag-over::before{box-shadow:inset 0 0 0 1px var(",
66
- ");}.rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper{color:#a60000 !important;font-weight:bold !important;}.rc-tree .rc-tree-treenode ul{margin:0;padding:0 0 0 18px;}.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{position:relative;display:inline-block;height:24px;margin:0;padding:0;text-decoration:none;vertical-align:top;cursor:pointer;color:var(",
67
- ");}.rc-tree.",
82
+ ");}.rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper{color:#a60000 !important;font-weight:bold !important;}.rc-tree .rc-tree-treenode ul{margin:0;padding:0 0 0 18px;}.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{position:relative;margin:0;padding:0;text-decoration:none;vertical-align:top;cursor:pointer;color:var(",
83
+ ");display:flex;align-items:center;width:100%;}.rc-tree.",
68
84
  " .rc-tree-treenode.rc-tree-treenode-selected .rc-tree-node-content-wrapper{cursor:default;}.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-node-content-wrapper,.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-switcher,.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-checkbox,.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-iconEle{cursor:default;}.rc-tree .rc-tree-treenode span.rc-tree-switcher,.rc-tree .rc-tree-treenode span.rc-tree-checkbox,.rc-tree .rc-tree-treenode span.rc-tree-iconEle{cursor:pointer;}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-icon__customize,.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-icon__customize,.rc-tree .rc-tree-treenode span.rc-tree-iconEle.rc-tree-icon__customize{background-image:none;}.rc-tree .rc-tree-treenode span.rc-tree-icon_loading{margin-right:2px;vertical-align:top;background:url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7') no-repeat scroll 0 0 transparent;}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop{flex:none;}.rc-tree.",
69
85
  " .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop{display:none;}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open{background-position:-93px -56px;}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close{background-position:-75px -56px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox{width:13px;height:13px;margin:0 3px;background-position:0 0;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked{background-position:-14px 0;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox-indeterminate{background-position:-14px -28px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox-disabled{background-position:0 -56px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-checked.rc-tree-checkbox-disabled{background-position:-14px -56px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled{position:relative;background:#ccc;border-radius:3px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled::after{position:absolute;top:5px;left:3px;width:5px;height:0;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:scale(1);transform:scale(1);content:' ';}.rc-tree:not(.rc-tree-show-line) .rc-tree-treenode .rc-tree-switcher-noop{background:none;}.rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > ul{background:url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;}.rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > .rc-tree-switcher-noop{background-position:-56px -18px;}.rc-tree.rc-tree-show-line .rc-tree-treenode:last-child > .rc-tree-switcher-noop{background-position:-56px -36px;}.rc-tree-child-tree{display:none;}.rc-tree-child-tree-open{display:block;}.rc-tree-treenode-disabled > span:not(.rc-tree-switcher),.rc-tree-treenode-disabled > a,.rc-tree-treenode-disabled > a span{color:#767676;cursor:not-allowed;}.rc-tree-treenode-active{background:rgba(0,0,0,0.1);}.rc-tree-node-selected{background-color:#ffe6b0;box-shadow:0 0 0 1px #ffb951;opacity:0.8;}.rc-tree-icon__open{margin-right:0;vertical-align:top;background-position:-110px -16px;}.rc-tree-icon__close{margin-right:0;vertical-align:top;background-position:-110px 0;}.rc-tree-icon__docu{margin-right:0;vertical-align:top;background-position:-110px -32px;}.rc-tree-icon__customize{display:block;line-height:0;color:var(",
70
86
  ");margin:var(",
71
- ");}.rc-tree-title{display:inline-block;width:100%;}.rc-tree-indent{display:inline-flex;height:0;vertical-align:bottom;}.rc-tree-indent-unit{display:inline-block;width:16px;}.rc-tree-draggable-icon{display:inline-flex;justify-content:center;width:16px;}.rc-tree,.rc-tree-list{border:none !important;}.rc-tree .rc-tree-list-holder{overflow:hidden auto;}.rc-tree .rc-tree-treenode{position:relative;z-index:0;display:flex;align-items:center;min-height:var(",
72
- ");padding:0;}.rc-tree.",
73
- " .rc-tree-treenode{padding:0 var(",
74
- ") !important;}.rc-tree.",
75
- ":not(",
76
- ") .rc-tree-treenode{padding:0 var(",
77
- ");}.rc-tree .rc-tree-treenode::before{content:'';position:absolute;z-index:-1;top:var(",
87
+ ");}.rc-tree-title{display:grid;width:100%;}.rc-tree-indent{display:inline-flex;height:0;vertical-align:bottom;}.rc-tree-indent-unit{display:inline-block;width:16px;}.rc-tree-draggable-icon{display:inline-flex;justify-content:center;width:16px;}.rc-tree,.rc-tree-list{border:none !important;}.rc-tree .rc-tree-list-holder{overflow:hidden auto;}.rc-tree .rc-tree-treenode::before{content:'';position:absolute;z-index:-1;top:var(",
78
88
  ");bottom:var(",
79
- ");left:var(",
80
- ");right:0;background:transparent;border-radius:var(",
89
+ ");left:calc(var(",
90
+ ") + var(",
91
+ "));right:0;background:transparent;border-radius:var(",
81
92
  ");}.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-node-content-wrapper,.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-switcher,.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-checkbox{opacity:var(",
82
93
  ");}.rc-tree.",
83
94
  " .rc-tree-treenode::before{inset:0;border-radius:0;}.rc-tree .rc-tree-treenode.",
@@ -91,7 +102,7 @@ export var base = css([
91
102
  " .rc-tree-treenode.rc-tree-treenode-selected):hover::before{background:var(",
92
103
  ");}.rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):not(.rc-tree.",
93
104
  " .rc-tree-treenode.rc-tree-treenode-selected):active::before{background:var(",
94
- ");}.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{display:flex;align-items:center;align-self:stretch;height:auto;flex:1;min-width:max-content;}.rc-tree .rc-tree-treenode span.rc-tree-switcher{width:var(",
105
+ ");}.rc-tree .rc-tree-treenode span.rc-tree-switcher{width:var(",
95
106
  ");height:var(",
96
107
  ");margin:var(",
97
108
  ");line-height:0;vertical-align:0;background:transparent;}.rc-tree.",
@@ -123,6 +134,6 @@ export var base = css([
123
134
  ");}.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-title{color:var(",
124
135
  ");}.rc-tree-node-selected .rc-tree-icon__customize{color:var(",
125
136
  ");}.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-icon__customize{color:var(",
126
- ");;}.rc-tree-indent-unit{width:var(",
137
+ ");}.rc-tree-indent-unit{width:var(",
127
138
  ");}"
128
- ], classes.treeLeafNode, tokens.itemDraggableBorderColor, tokens.color, classes.treeRadioMode, classes.treeInverted, tokens.iconFolderColor, tokens.iconFolderMargin, tokens.itemHeight, classes.treeItemFilled, tokens.itemPadding, classes.treeInverted, classes.treeItemFilled, tokens.itemPaddingTight, tokens.itemTop, tokens.itemBottom, tokens.switcherSize, tokens.itemBorderRadius, tokens.itemDisabledOpacity, classes.treeItemFilled, classes.treeItemHasSelectedChildren, tokens.colorSelected, classes.treeItemHasSelectedChildren, tokens.colorSelected, classes.treeItemPrimaryBackground, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorSelected, classes.treeRadioMode, tokens.itemBackgroundColorHover, classes.treeRadioMode, tokens.itemBackgroundColorActive, tokens.switcherSize, tokens.switcherSize, tokens.switcherMargin, classes.treeInverted, tokens.switcherMarginInverted, classes.treeInverted, classes.treeInverted, tokens.checkboxSize, tokens.checkboxSize, tokens.checkboxMargin, tokens.checkboxInnerSize, tokens.checkboxInnerSize, tokens.checkboxBorderColor, tokens.checkboxBorderRadius, tokens.itemDisabledBorderColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.color, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, classes.treeInverted, classes.treeInverted, tokens.colorSelected, tokens.itemDisabledColor, tokens.colorSelected, tokens.itemDisabledColor, tokens.itemIndent);
139
+ ], tokens.itemPadding, classes.treeTightVariant, tokens.itemPaddingTight, classes.treeLeafNode, tokens.itemDraggableBorderColor, tokens.color, classes.treeRadioMode, classes.treeInverted, tokens.iconFolderColor, tokens.iconFolderMargin, tokens.itemTop, tokens.itemBottom, tokens.switcherSize, tokens.itemBackgroundExtraOffset, tokens.itemBorderRadius, tokens.itemDisabledOpacity, classes.treeItemFilled, classes.treeItemHasSelectedChildren, tokens.colorSelected, classes.treeItemHasSelectedChildren, tokens.colorSelected, classes.treeItemPrimaryBackground, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorSelected, classes.treeRadioMode, tokens.itemBackgroundColorHover, classes.treeRadioMode, tokens.itemBackgroundColorActive, tokens.switcherSize, tokens.switcherSize, tokens.switcherMargin, classes.treeInverted, tokens.switcherMarginInverted, classes.treeInverted, classes.treeInverted, tokens.checkboxSize, tokens.checkboxSize, tokens.checkboxMargin, tokens.checkboxInnerSize, tokens.checkboxInnerSize, tokens.checkboxBorderColor, tokens.checkboxBorderRadius, tokens.itemDisabledBorderColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.color, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, classes.treeInverted, classes.treeInverted, tokens.colorSelected, tokens.itemDisabledColor, tokens.colorSelected, tokens.itemDisabledColor, tokens.itemIndent);
package/styled-components/es/components/Tree/Tree.tokens.js CHANGED
@@ -4,7 +4,8 @@ export var classes = {
4
4
  treeItemPrimaryBackground: 'tree-item-primary-background',
5
5
  treeItemHasSelectedChildren: 'tree-item-has-selected-children',
6
6
  treeRadioMode: 'tree-radio-mode',
7
- treeLeafNode: 'tree-leaf-node'
7
+ treeLeafNode: 'tree-leaf-node',
8
+ treeTightVariant: 'tree-tight-variant'
8
9
  };
9
10
  export var treeTokens = {
10
11
  arrowColor: '--plasma-tree-arrow-color',
@@ -36,6 +37,7 @@ export var treeTokens = {
36
37
  checkboxMargin: '--plasma-tree-checkbox-margin',
37
38
  checkboxBorderColor: '--plasma-tree-checkbox-border-color',
38
39
  checkboxBackgroundColor: '--plasma-tree-checkbox-background-color',
40
+ itemBackgroundExtraOffset: '--plasma-tree-item-background-extra-offset',
39
41
  itemBackgroundColorSelected: '--plasma-tree-item-background-color-selected',
40
42
  itemBackgroundColorPrimary: '--plasma-tree-item-background-color-primary',
41
43
  itemBackgroundColorHover: '--plasma-tree-item-background-color-hover',
package/styled-components/es/components/Tree/utils/sizeToIconSize.js CHANGED
@@ -1,4 +1,4 @@
1
- export var sizeToIconSize = function(size) {
2
- if (size === 'xs') return 'xs';
1
+ export var sizeToIconSize = function(size, variant) {
2
+ if (size === 'xs' || variant === 'tight' && size === 's') return 'xs';
3
3
  return 's';
4
4
  };
package/styled-components/es/examples/components/Chip/Chip.js CHANGED
@@ -11,7 +11,7 @@ export var Chip = createConditionalComponent(ChipDefault, [
11
11
  {
12
12
  conditions: {
13
13
  prop: 'appearance',
14
- value: 'clear'
14
+ value: 'transparent'
15
15
  },
16
16
  component: ChipTransparent
17
17
  }
package/styled-components/es/examples/components/Tree/Tree.config.js CHANGED
@@ -35,7 +35,8 @@ export var config = {
35
35
  "",
36
36
  ":3.5rem;",
37
37
  ":1rem;",
38
- ":0.375rem;",
38
+ ":1rem;",
39
+ ":0.75rem 1rem;",
39
40
  ":2rem;",
40
41
  ":0.75rem;",
41
42
  ":0.25rem;",
@@ -54,12 +55,13 @@ export var config = {
54
55
  ":var(--plasma-typo-body-l-font-weight);",
55
56
  ":var(--plasma-typo-body-l-letter-spacing);",
56
57
  ":var(--plasma-typo-body-l-line-height);"
57
- ], tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
58
+ ], tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
58
59
  m: css([
59
60
  "",
60
61
  ":3rem;",
61
62
  ":0.875rem;",
62
- ":0.375rem;",
63
+ ":0.75rem 0.875rem;",
64
+ ":0.5rem 0.875rem;",
63
65
  ":2rem;",
64
66
  ":0.625rem;",
65
67
  ":0.25rem;",
@@ -78,12 +80,13 @@ export var config = {
78
80
  ":var(--plasma-typo-body-m-font-weight);",
79
81
  ":var(--plasma-typo-body-m-letter-spacing);",
80
82
  ":var(--plasma-typo-body-m-line-height);"
81
- ], tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
83
+ ], tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
82
84
  s: css([
83
85
  "",
84
86
  ":2.5rem;",
85
87
  ":0.75rem;",
86
- ":0.25rem;",
88
+ ":0.5rem 0.75rem;",
89
+ ":0.4375rem 0.5rem;",
87
90
  ":1.875rem;",
88
91
  ":0.5rem;",
89
92
  ":0.25rem;",
@@ -102,12 +105,13 @@ export var config = {
102
105
  ":var(--plasma-typo-body-s-font-weight);",
103
106
  ":var(--plasma-typo-body-s-letter-spacing);",
104
107
  ":var(--plasma-typo-body-s-line-height);"
105
- ], tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
108
+ ], tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
106
109
  xs: css([
107
110
  "",
108
111
  ":2rem;",
109
112
  ":0.5rem;",
110
- ":0.125rem;",
113
+ ":0.5rem;",
114
+ ":0.25rem 0.5rem;",
111
115
  ":1.25rem;",
112
116
  ":0.375rem;",
113
117
  ":0.25rem;",
@@ -126,7 +130,7 @@ export var config = {
126
130
  ":var(--plasma-typo-body-xs-font-weight);",
127
131
  ":var(--plasma-typo-body-xs-letter-spacing);",
128
132
  ":var(--plasma-typo-body-xs-line-height);"
129
- ], tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
133
+ ], tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
130
134
  }
131
135
  }
132
136
  };
package/types/components/Tree/Tree.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/Tree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAG7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAGrD,OAAO,KAAK,EAAE,SAAS,EAAc,MAAM,cAAc,CAAC;AAc1D;;GAEG;AACH,eAAO,MAAM,QAAQ,SAAU,sBAAsB,CAAC,cAAc,EAAE,SAAS,CAAC,qFAuJ3E,CAAC;AAEN,eAAO,MAAM,UAAU;;;mBAzJQ,sBAAsB,CAAC,cAAc,EAAE,SAAS,CAAC;;;;;;;CAmK/E,CAAC"}
1
+ {"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/Tree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAG7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAGrD,OAAO,KAAK,EAAE,SAAS,EAAc,MAAM,cAAc,CAAC;AAc1D;;GAEG;AACH,eAAO,MAAM,QAAQ,SAAU,sBAAsB,CAAC,cAAc,EAAE,SAAS,CAAC,qFAiK3E,CAAC;AAEN,eAAO,MAAM,UAAU;;;mBAnKQ,sBAAsB,CAAC,cAAc,EAAE,SAAS,CAAC;;;;;;;CA6K/E,CAAC"}