@salutejs/plasma-web 1.620.1-next-sbcom.0 → 1.621.0-dev.0

package/dist/styled-components/cjs/components/Tour/Tour.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "Tour", {
         return Tour;
     }
 });
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-var _Tourconfig = require("./Tour.config");
-var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.tourConfig, _Tourconfig.config);
-var Tour = (0, _styledcomponents.component)(mergedConfig);
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _Tourconfig = require("./Tour.config");
+const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.tourConfig, _Tourconfig.config);
+const Tour = (0, _styledcomponents.component)(mergedConfig);

package/dist/styled-components/cjs/components/Tour/index.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "Tour", {
         return _Tour.Tour;
     }
 });
-var _Tour = require("./Tour");
+const _Tour = require("./Tour");

package/dist/styled-components/cjs/components/Tree/Tree.config.js

@@ -8,243 +8,191 @@ Object.defineProperty(exports, "config", {
         return config;
     }
 });
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-secondary-hover);\n                ",
-        ": var(--text-secondary-active);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
-        ": transparent;\n\n                ",
-        ": var(--surface-transparent-secondary-hover);\n                ",
-        ": var(--surface-transparent-secondary-active);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-accent);\n                ",
-        ": 0.4;\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--surface-positive);\n                ",
-        ": var(--surface-solid-default);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 4rem;\n                ",
-        ": 1.25rem;\n                ",
-        ": 1.25rem;\n                ",
-        ": 1.125rem;\n                ",
-        ": 1.25rem;\n                ",
-        ": 1.125rem;\n                ",
-        ": 1rem;\n                ",
-        ": 1.125rem;\n                ",
-        ": 1rem;\n                ",
-        ": 1.125rem;\n                ",
-        ": 2rem;\n                ",
-        ": 1rem;\n                ",
-        ": 0.25rem;\n                ",
-        ": 0.25rem;\n                ",
-        ": 0 0.5rem 0 0;\n                ",
-        ": 0 0.5rem 0 0;\n                ",
-        ": 0 0 0 0.5rem;\n                ",
-        ": 1.5rem;\n                ",
-        ": 0 0.5rem 0 0;\n                ",
-        ": 1.5rem;\n                ",
-        ": 1.25rem;\n                ",
-        ": 0.375rem;\n\n                ",
-        ": var(--plasma-typo-body-l-font-family);\n                ",
-        ": var(--plasma-typo-body-l-font-size);\n                ",
-        ": var(--plasma-typo-body-l-font-style);\n                ",
-        ": var(--plasma-typo-body-l-font-weight);\n                ",
-        ": var(--plasma-typo-body-l-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-l-line-height);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 3.5rem;\n                ",
-        ": 1rem;\n                ",
-        ": 1rem;\n                ",
-        ": 1rem;\n                ",
-        ": 1rem;\n                ",
-        ": 1rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": 1rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": 1rem;\n                ",
-        ": 2rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.25rem;\n                ",
-        ": 0.25rem;\n                ",
-        ": 0 0.5rem 0 0;\n                ",
-        ": 0 0.5rem 0 0;\n                ",
-        ": 0 0 0 0.5rem;\n                ",
-        ": 1.5rem;\n                ",
-        ": 0 0.5rem 0 0;\n                ",
-        ": 1.5rem;\n                ",
-        ": 1.25rem;\n                ",
-        ": 0.375rem;\n\n                ",
-        ": var(--plasma-typo-body-l-font-family);\n                ",
-        ": var(--plasma-typo-body-l-font-size);\n                ",
-        ": var(--plasma-typo-body-l-font-style);\n                ",
-        ": var(--plasma-typo-body-l-font-weight);\n                ",
-        ": var(--plasma-typo-body-l-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-l-line-height);\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 3rem;\n                ",
-        ": 0.875rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.875rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.875rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.875rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.875rem;\n                ",
-        ": 2rem;\n                ",
-        ": 0.625rem;\n                ",
-        ": 0.25rem;\n                ",
-        ": 0.25rem;\n                ",
-        ": 0 0.5rem 0 0;\n                ",
-        ": 0 0.5rem 0 0;\n                ",
-        ": 0 0 0 0.5rem;\n                ",
-        ": 1.5rem;\n                ",
-        ": 0 0.5rem 0 0;\n                ",
-        ": 1.5rem;\n                ",
-        ": 1.25rem;\n                ",
-        ": 0.375rem;\n\n                ",
-        ": var(--plasma-typo-body-m-font-family);\n                ",
-        ": var(--plasma-typo-body-m-font-size);\n                ",
-        ": var(--plasma-typo-body-m-font-style);\n                ",
-        ": var(--plasma-typo-body-m-font-weight);\n                ",
-        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-m-line-height);\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject4() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 2.5rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.4375rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.4375rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 1.875rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.25rem;\n                ",
-        ": 0.25rem;\n                ",
-        ": 0 0.375rem 0 0;\n                ",
-        ": 0 0.375rem 0 0;\n                ",
-        ": 0 0 0 0.375rem;\n                ",
-        ": 1.5rem;\n                ",
-        ": 0 0.25rem 0 0;\n                ",
-        ": 1.5rem;\n                ",
-        ": 1.25rem;\n                ",
-        ": 0.375rem;\n\n                ",
-        ": var(--plasma-typo-body-s-font-family);\n                ",
-        ": var(--plasma-typo-body-s-font-size);\n                ",
-        ": var(--plasma-typo-body-s-font-style);\n                ",
-        ": var(--plasma-typo-body-s-font-weight);\n                ",
-        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-s-line-height);\n            "
-    ]);
-    _templateObject4 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject5() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 2rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.25rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.25rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 1.25rem;\n                ",
-        ": 0.375rem;\n                ",
-        ": 0.25rem;\n                ",
-        ": 0.25rem;\n                ",
-        ": 0 0.25rem 0 0;\n                ",
-        ": 0 0.25rem 0 0;\n                ",
-        ": 0 0 0 0.25rem;\n                ",
-        ": 1rem;\n                ",
-        ": 0 0.25rem 0 0;\n                ",
-        ": 1rem;\n                ",
-        ": 0.875rem;\n                ",
-        ": 0.25rem;\n\n                ",
-        ": var(--plasma-typo-body-xs-font-family);\n                ",
-        ": var(--plasma-typo-body-xs-font-size);\n                ",
-        ": var(--plasma-typo-body-xs-font-style);\n                ",
-        ": var(--plasma-typo-body-xs-font-weight);\n                ",
-        ": var(--plasma-typo-body-xs-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-xs-line-height);\n            "
-    ]);
-    _templateObject5 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var config = {
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const config = {
     defaults: {
         view: 'default',
         size: 'm'
     },
     variations: {
         view: {
-            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.treeTokens.iconFolderColor, _styledcomponents.treeTokens.arrowColor, _styledcomponents.treeTokens.arrowColorHover, _styledcomponents.treeTokens.arrowColorActive, _styledcomponents.treeTokens.color, _styledcomponents.treeTokens.colorSelected, _styledcomponents.treeTokens.itemBackgroundColorSelected, _styledcomponents.treeTokens.itemBackgroundColorPrimary, _styledcomponents.treeTokens.itemBackgroundColorHover, _styledcomponents.treeTokens.itemBackgroundColorActive, _styledcomponents.treeTokens.checkboxBorderColor, _styledcomponents.treeTokens.checkboxBackgroundColor, _styledcomponents.treeTokens.itemDisabledOpacity, _styledcomponents.treeTokens.itemDisabledBorderColor, _styledcomponents.treeTokens.itemDisabledColor, _styledcomponents.treeTokens.itemDraggableBorderColor, _styledcomponents.treeTokens.itemDraggableLineColor)
+            default: (0, _styledcomponents.css)`
+                ${_styledcomponents.treeTokens.iconFolderColor}: var(--text-primary);
+                ${_styledcomponents.treeTokens.arrowColor}: var(--text-secondary);
+                ${_styledcomponents.treeTokens.arrowColorHover}: var(--text-secondary-hover);
+                ${_styledcomponents.treeTokens.arrowColorActive}: var(--text-secondary-active);
+                ${_styledcomponents.treeTokens.color}: var(--text-primary);
+                ${_styledcomponents.treeTokens.colorSelected}: var(--text-primary);
+                ${_styledcomponents.treeTokens.itemBackgroundColorSelected}: var(--surface-transparent-secondary);
+                ${_styledcomponents.treeTokens.itemBackgroundColorPrimary}: transparent;
+
+                ${_styledcomponents.treeTokens.itemBackgroundColorHover}: var(--surface-transparent-secondary-hover);
+                ${_styledcomponents.treeTokens.itemBackgroundColorActive}: var(--surface-transparent-secondary-active);
+                ${_styledcomponents.treeTokens.checkboxBorderColor}: var(--text-secondary);
+                ${_styledcomponents.treeTokens.checkboxBackgroundColor}: var(--text-accent);
+                ${_styledcomponents.treeTokens.itemDisabledOpacity}: 0.4;
+                ${_styledcomponents.treeTokens.itemDisabledBorderColor}: var(--text-secondary);
+                ${_styledcomponents.treeTokens.itemDisabledColor}: var(--text-secondary);
+                ${_styledcomponents.treeTokens.itemDraggableBorderColor}: var(--surface-positive);
+                ${_styledcomponents.treeTokens.itemDraggableLineColor}: var(--surface-solid-default);
+            `
         },
         size: {
-            xl: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemBackgroundExtraOffset, _styledcomponents.treeTokens.itemPaddingTop, _styledcomponents.treeTokens.itemPaddingRight, _styledcomponents.treeTokens.itemPaddingBottom, _styledcomponents.treeTokens.itemPaddingLeft, _styledcomponents.treeTokens.itemPaddingTightTop, _styledcomponents.treeTokens.itemPaddingTightRight, _styledcomponents.treeTokens.itemPaddingTightBottom, _styledcomponents.treeTokens.itemPaddingTightLeft, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight),
-            l: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemBackgroundExtraOffset, _styledcomponents.treeTokens.itemPaddingTop, _styledcomponents.treeTokens.itemPaddingRight, _styledcomponents.treeTokens.itemPaddingBottom, _styledcomponents.treeTokens.itemPaddingLeft, _styledcomponents.treeTokens.itemPaddingTightTop, _styledcomponents.treeTokens.itemPaddingTightRight, _styledcomponents.treeTokens.itemPaddingTightBottom, _styledcomponents.treeTokens.itemPaddingTightLeft, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight),
-            m: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemBackgroundExtraOffset, _styledcomponents.treeTokens.itemPaddingTop, _styledcomponents.treeTokens.itemPaddingRight, _styledcomponents.treeTokens.itemPaddingBottom, _styledcomponents.treeTokens.itemPaddingLeft, _styledcomponents.treeTokens.itemPaddingTightTop, _styledcomponents.treeTokens.itemPaddingTightRight, _styledcomponents.treeTokens.itemPaddingTightBottom, _styledcomponents.treeTokens.itemPaddingTightLeft, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight),
-            s: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemBackgroundExtraOffset, _styledcomponents.treeTokens.itemPaddingTop, _styledcomponents.treeTokens.itemPaddingRight, _styledcomponents.treeTokens.itemPaddingBottom, _styledcomponents.treeTokens.itemPaddingLeft, _styledcomponents.treeTokens.itemPaddingTightTop, _styledcomponents.treeTokens.itemPaddingTightRight, _styledcomponents.treeTokens.itemPaddingTightBottom, _styledcomponents.treeTokens.itemPaddingTightLeft, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight),
-            xs: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemBackgroundExtraOffset, _styledcomponents.treeTokens.itemPaddingTop, _styledcomponents.treeTokens.itemPaddingRight, _styledcomponents.treeTokens.itemPaddingBottom, _styledcomponents.treeTokens.itemPaddingLeft, _styledcomponents.treeTokens.itemPaddingTightTop, _styledcomponents.treeTokens.itemPaddingTightRight, _styledcomponents.treeTokens.itemPaddingTightBottom, _styledcomponents.treeTokens.itemPaddingTightLeft, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight)
+            xl: (0, _styledcomponents.css)`
+                ${_styledcomponents.treeTokens.itemHeight}: 4rem;
+                ${_styledcomponents.treeTokens.itemBackgroundExtraOffset}: 1.25rem;
+                ${_styledcomponents.treeTokens.itemPaddingTop}: 1.25rem;
+                ${_styledcomponents.treeTokens.itemPaddingRight}: 1.125rem;
+                ${_styledcomponents.treeTokens.itemPaddingBottom}: 1.25rem;
+                ${_styledcomponents.treeTokens.itemPaddingLeft}: 1.125rem;
+                ${_styledcomponents.treeTokens.itemPaddingTightTop}: 1rem;
+                ${_styledcomponents.treeTokens.itemPaddingTightRight}: 1.125rem;
+                ${_styledcomponents.treeTokens.itemPaddingTightBottom}: 1rem;
+                ${_styledcomponents.treeTokens.itemPaddingTightLeft}: 1.125rem;
+                ${_styledcomponents.treeTokens.itemIndent}: 2rem;
+                ${_styledcomponents.treeTokens.itemBorderRadius}: 1rem;
+                ${_styledcomponents.treeTokens.itemTop}: 0.25rem;
+                ${_styledcomponents.treeTokens.itemBottom}: 0.25rem;
+                ${_styledcomponents.treeTokens.iconFolderMargin}: 0 0.5rem 0 0;
+                ${_styledcomponents.treeTokens.switcherMargin}: 0 0.5rem 0 0;
+                ${_styledcomponents.treeTokens.switcherMarginInverted}: 0 0 0 0.5rem;
+                ${_styledcomponents.treeTokens.switcherSize}: 1.5rem;
+                ${_styledcomponents.treeTokens.checkboxMargin}: 0 0.5rem 0 0;
+                ${_styledcomponents.treeTokens.checkboxSize}: 1.5rem;
+                ${_styledcomponents.treeTokens.checkboxInnerSize}: 1.25rem;
+                ${_styledcomponents.treeTokens.checkboxBorderRadius}: 0.375rem;
+
+                ${_styledcomponents.treeTokens.fontFamily}: var(--plasma-typo-body-l-font-family);
+                ${_styledcomponents.treeTokens.fontSize}: var(--plasma-typo-body-l-font-size);
+                ${_styledcomponents.treeTokens.fontStyle}: var(--plasma-typo-body-l-font-style);
+                ${_styledcomponents.treeTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);
+                ${_styledcomponents.treeTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);
+                ${_styledcomponents.treeTokens.lineHeight}: var(--plasma-typo-body-l-line-height);
+            `,
+            l: (0, _styledcomponents.css)`
+                ${_styledcomponents.treeTokens.itemHeight}: 3.5rem;
+                ${_styledcomponents.treeTokens.itemBackgroundExtraOffset}: 1rem;
+                ${_styledcomponents.treeTokens.itemPaddingTop}: 1rem;
+                ${_styledcomponents.treeTokens.itemPaddingRight}: 1rem;
+                ${_styledcomponents.treeTokens.itemPaddingBottom}: 1rem;
+                ${_styledcomponents.treeTokens.itemPaddingLeft}: 1rem;
+                ${_styledcomponents.treeTokens.itemPaddingTightTop}: 0.75rem;
+                ${_styledcomponents.treeTokens.itemPaddingTightRight}: 1rem;
+                ${_styledcomponents.treeTokens.itemPaddingTightBottom}: 0.75rem;
+                ${_styledcomponents.treeTokens.itemPaddingTightLeft}: 1rem;
+                ${_styledcomponents.treeTokens.itemIndent}: 2rem;
+                ${_styledcomponents.treeTokens.itemBorderRadius}: 0.75rem;
+                ${_styledcomponents.treeTokens.itemTop}: 0.25rem;
+                ${_styledcomponents.treeTokens.itemBottom}: 0.25rem;
+                ${_styledcomponents.treeTokens.iconFolderMargin}: 0 0.5rem 0 0;
+                ${_styledcomponents.treeTokens.switcherMargin}: 0 0.5rem 0 0;
+                ${_styledcomponents.treeTokens.switcherMarginInverted}: 0 0 0 0.5rem;
+                ${_styledcomponents.treeTokens.switcherSize}: 1.5rem;
+                ${_styledcomponents.treeTokens.checkboxMargin}: 0 0.5rem 0 0;
+                ${_styledcomponents.treeTokens.checkboxSize}: 1.5rem;
+                ${_styledcomponents.treeTokens.checkboxInnerSize}: 1.25rem;
+                ${_styledcomponents.treeTokens.checkboxBorderRadius}: 0.375rem;
+
+                ${_styledcomponents.treeTokens.fontFamily}: var(--plasma-typo-body-l-font-family);
+                ${_styledcomponents.treeTokens.fontSize}: var(--plasma-typo-body-l-font-size);
+                ${_styledcomponents.treeTokens.fontStyle}: var(--plasma-typo-body-l-font-style);
+                ${_styledcomponents.treeTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);
+                ${_styledcomponents.treeTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);
+                ${_styledcomponents.treeTokens.lineHeight}: var(--plasma-typo-body-l-line-height);
+            `,
+            m: (0, _styledcomponents.css)`
+                ${_styledcomponents.treeTokens.itemHeight}: 3rem;
+                ${_styledcomponents.treeTokens.itemBackgroundExtraOffset}: 0.875rem;
+                ${_styledcomponents.treeTokens.itemPaddingTop}: 0.75rem;
+                ${_styledcomponents.treeTokens.itemPaddingRight}: 0.875rem;
+                ${_styledcomponents.treeTokens.itemPaddingBottom}: 0.75rem;
+                ${_styledcomponents.treeTokens.itemPaddingLeft}: 0.875rem;
+                ${_styledcomponents.treeTokens.itemPaddingTightTop}: 0.5rem;
+                ${_styledcomponents.treeTokens.itemPaddingTightRight}: 0.875rem;
+                ${_styledcomponents.treeTokens.itemPaddingTightBottom}: 0.5rem;
+                ${_styledcomponents.treeTokens.itemPaddingTightLeft}: 0.875rem;
+                ${_styledcomponents.treeTokens.itemIndent}: 2rem;
+                ${_styledcomponents.treeTokens.itemBorderRadius}: 0.625rem;
+                ${_styledcomponents.treeTokens.itemTop}: 0.25rem;
+                ${_styledcomponents.treeTokens.itemBottom}: 0.25rem;
+                ${_styledcomponents.treeTokens.iconFolderMargin}: 0 0.5rem 0 0;
+                ${_styledcomponents.treeTokens.switcherMargin}: 0 0.5rem 0 0;
+                ${_styledcomponents.treeTokens.switcherMarginInverted}: 0 0 0 0.5rem;
+                ${_styledcomponents.treeTokens.switcherSize}: 1.5rem;
+                ${_styledcomponents.treeTokens.checkboxMargin}: 0 0.5rem 0 0;
+                ${_styledcomponents.treeTokens.checkboxSize}: 1.5rem;
+                ${_styledcomponents.treeTokens.checkboxInnerSize}: 1.25rem;
+                ${_styledcomponents.treeTokens.checkboxBorderRadius}: 0.375rem;
+
+                ${_styledcomponents.treeTokens.fontFamily}: var(--plasma-typo-body-m-font-family);
+                ${_styledcomponents.treeTokens.fontSize}: var(--plasma-typo-body-m-font-size);
+                ${_styledcomponents.treeTokens.fontStyle}: var(--plasma-typo-body-m-font-style);
+                ${_styledcomponents.treeTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);
+                ${_styledcomponents.treeTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);
+                ${_styledcomponents.treeTokens.lineHeight}: var(--plasma-typo-body-m-line-height);
+            `,
+            s: (0, _styledcomponents.css)`
+                ${_styledcomponents.treeTokens.itemHeight}: 2.5rem;
+                ${_styledcomponents.treeTokens.itemBackgroundExtraOffset}: 0.75rem;
+                ${_styledcomponents.treeTokens.itemPaddingTop}: 0.5rem;
+                ${_styledcomponents.treeTokens.itemPaddingRight}: 0.75rem;
+                ${_styledcomponents.treeTokens.itemPaddingBottom}: 0.5rem;
+                ${_styledcomponents.treeTokens.itemPaddingLeft}: 0.75rem;
+                ${_styledcomponents.treeTokens.itemPaddingTightTop}: 0.4375rem;
+                ${_styledcomponents.treeTokens.itemPaddingTightRight}: 0.5rem;
+                ${_styledcomponents.treeTokens.itemPaddingTightBottom}: 0.4375rem;
+                ${_styledcomponents.treeTokens.itemPaddingTightLeft}: 0.5rem;
+                ${_styledcomponents.treeTokens.itemIndent}: 1.875rem;
+                ${_styledcomponents.treeTokens.itemBorderRadius}: 0.5rem;
+                ${_styledcomponents.treeTokens.itemTop}: 0.25rem;
+                ${_styledcomponents.treeTokens.itemBottom}: 0.25rem;
+                ${_styledcomponents.treeTokens.iconFolderMargin}: 0 0.375rem 0 0;
+                ${_styledcomponents.treeTokens.switcherMargin}: 0 0.375rem 0 0;
+                ${_styledcomponents.treeTokens.switcherMarginInverted}: 0 0 0 0.375rem;
+                ${_styledcomponents.treeTokens.switcherSize}: 1.5rem;
+                ${_styledcomponents.treeTokens.checkboxMargin}: 0 0.25rem 0 0;
+                ${_styledcomponents.treeTokens.checkboxSize}: 1.5rem;
+                ${_styledcomponents.treeTokens.checkboxInnerSize}: 1.25rem;
+                ${_styledcomponents.treeTokens.checkboxBorderRadius}: 0.375rem;
+
+                ${_styledcomponents.treeTokens.fontFamily}: var(--plasma-typo-body-s-font-family);
+                ${_styledcomponents.treeTokens.fontSize}: var(--plasma-typo-body-s-font-size);
+                ${_styledcomponents.treeTokens.fontStyle}: var(--plasma-typo-body-s-font-style);
+                ${_styledcomponents.treeTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);
+                ${_styledcomponents.treeTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+                ${_styledcomponents.treeTokens.lineHeight}: var(--plasma-typo-body-s-line-height);
+            `,
+            xs: (0, _styledcomponents.css)`
+                ${_styledcomponents.treeTokens.itemHeight}: 2rem;
+                ${_styledcomponents.treeTokens.itemBackgroundExtraOffset}: 0.5rem;
+                ${_styledcomponents.treeTokens.itemPaddingTop}: 0.5rem;
+                ${_styledcomponents.treeTokens.itemPaddingRight}: 0.5rem;
+                ${_styledcomponents.treeTokens.itemPaddingBottom}: 0.5rem;
+                ${_styledcomponents.treeTokens.itemPaddingLeft}: 0.5rem;
+                ${_styledcomponents.treeTokens.itemPaddingTightTop}: 0.25rem;
+                ${_styledcomponents.treeTokens.itemPaddingTightRight}: 0.5rem;
+                ${_styledcomponents.treeTokens.itemPaddingTightBottom}: 0.25rem;
+                ${_styledcomponents.treeTokens.itemPaddingTightLeft}: 0.5rem;
+                ${_styledcomponents.treeTokens.itemIndent}: 1.25rem;
+                ${_styledcomponents.treeTokens.itemBorderRadius}: 0.375rem;
+                ${_styledcomponents.treeTokens.itemTop}: 0.25rem;
+                ${_styledcomponents.treeTokens.itemBottom}: 0.25rem;
+                ${_styledcomponents.treeTokens.iconFolderMargin}: 0 0.25rem 0 0;
+                ${_styledcomponents.treeTokens.switcherMargin}: 0 0.25rem 0 0;
+                ${_styledcomponents.treeTokens.switcherMarginInverted}: 0 0 0 0.25rem;
+                ${_styledcomponents.treeTokens.switcherSize}: 1rem;
+                ${_styledcomponents.treeTokens.checkboxMargin}: 0 0.25rem 0 0;
+                ${_styledcomponents.treeTokens.checkboxSize}: 1rem;
+                ${_styledcomponents.treeTokens.checkboxInnerSize}: 0.875rem;
+                ${_styledcomponents.treeTokens.checkboxBorderRadius}: 0.25rem;
+
+                ${_styledcomponents.treeTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_styledcomponents.treeTokens.fontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_styledcomponents.treeTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_styledcomponents.treeTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_styledcomponents.treeTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_styledcomponents.treeTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);
+            `
         }
     }
 };

package/dist/styled-components/cjs/components/Tree/Tree.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "Tree", {
         return Tree;
     }
 });
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-var _Treeconfig = require("./Tree.config");
-var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.treeConfig, _Treeconfig.config);
-var Tree = (0, _styledcomponents.component)(mergedConfig);
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _Treeconfig = require("./Tree.config");
+const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.treeConfig, _Treeconfig.config);
+const Tree = (0, _styledcomponents.component)(mergedConfig);

package/dist/styled-components/cjs/components/Tree/index.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "Tree", {
         return _Tree.Tree;
     }
 });
-var _Tree = require("./Tree");
+const _Tree = require("./Tree");