@salutejs/sdds-serv 0.216.0-canary.1650.12478253360.0 → 0.216.1-canary.1603.12479456288.0

package/api/sdds-serv.api.md

@@ -237,6 +237,7 @@ import { ToastRole } from '@salutejs/plasma-new-hope/styled-components';
 import { ToolbarProps } from '@salutejs/plasma-new-hope/styled-components';
 import { toolbarTokens } from '@salutejs/plasma-new-hope/styled-components';
 import { TooltipProps } from '@salutejs/plasma-new-hope/styled-components';
+import { TreeProps } from '@salutejs/plasma-new-hope/types/components/Tree/Tree.types';
 import { usePopupContext } from '@salutejs/plasma-new-hope/styled-components';
 import { useSegment } from '@salutejs/plasma-new-hope/styled-components';
 import { useToast } from '@salutejs/plasma-new-hope/styled-components';
@@ -4261,6 +4262,19 @@ export const Tooltip: ForwardRefExoticComponent<TooltipProps & RefAttributes<HTM
 
 export { TooltipProps }
 
+// @public (undocumented)
+export const Tree: FunctionComponent<PropsType<    {
+view: {
+default: PolymorphicClassName;
+};
+size: {
+l: PolymorphicClassName;
+m: PolymorphicClassName;
+s: PolymorphicClassName;
+xs: PolymorphicClassName;
+};
+}> & TreeProps & RefAttributes<HTMLDivElement>>;
+
 export { usePopupContext }
 
 export { useSegment }

package/components/Tree/Tree.config.d.ts

@@ -0,0 +1,17 @@
+export declare const config: {
+    defaults: {
+        view: string;
+        size: string;
+    };
+    variations: {
+        view: {
+            default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        size: {
+            l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+    };
+};

package/components/Tree/Tree.config.js

@@ -0,0 +1,25 @@
+import './Tree.config_1adspmr.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": "de6q557"
+    },
+    size: {
+      l: "l1adci4f",
+      m: "mtlwm4v",
+      s: "s5rli8c",
+      xs: "xvylsia"
+    }
+  }
+};
+
+exports.config = config;
+//# sourceMappingURL=Tree.config.js.map

package/components/Tree/Tree.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.config.js","sources":["../../src-css/components/Tree/Tree.config.ts"],"sourcesContent":["import { css, treeTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.arrowColor}: var(--text-secondary);\n                ${tokens.arrowColorHover}: var(--text-secondary-hover);\n                ${tokens.arrowColorActive}: var(--text-secondary-active);\n                ${tokens.color}: var(--text-secondary);\n                ${tokens.colorSelected}: var(--text-primary);\n                ${tokens.itemBackgroundColor}: var(--surface-transparent-secondary);\n                ${tokens.itemBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n                ${tokens.itemBackgroundColorActive}: var(--surface-transparent-secondary-active);\n                ${tokens.checkboxBorderColor}: var(--text-secondary);\n                ${tokens.checkboxBackgroundColor}: var(--text-accent);\n                ${tokens.itemDisabledOpacity}: 0.4;\n            `,\n        },\n        size: {\n            l: css`\n                ${tokens.itemHeight}: 3.5rem;\n                ${tokens.itemPadding}: 1rem;\n                ${tokens.itemPaddingTight}: 0.375rem;\n                ${tokens.itemIndent}: 2rem;\n                ${tokens.itemBorderRadius}: 0.75rem;\n                ${tokens.iconFolderMargin}: 0 0.5rem 0 0;\n                ${tokens.switcherMargin}: 0 0.5rem 0 0;\n                ${tokens.switcherSize}: 1.5rem;\n                ${tokens.checkboxMargin}: 0 0.5rem 0 0;\n                ${tokens.checkboxSize}: 1.5rem;\n                ${tokens.checkboxInnerSize}: 1.25rem;\n                ${tokens.checkboxBorderRadius}: 0.375rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            m: css`\n                ${tokens.itemHeight}: 3rem;\n                ${tokens.itemPadding}: 0.875rem;\n                ${tokens.itemPaddingTight}: 0.375rem;\n                ${tokens.itemIndent}: 2rem;\n                ${tokens.itemBorderRadius}: 0.625rem;\n                ${tokens.iconFolderMargin}: 0 0.5rem 0 0;\n                ${tokens.switcherMargin}: 0 0.5rem 0 0;\n                ${tokens.switcherSize}: 1.5rem;\n                ${tokens.checkboxMargin}: 0 0.5rem 0 0;\n                ${tokens.checkboxSize}: 1.5rem;\n                ${tokens.checkboxInnerSize}: 1.25rem;\n                ${tokens.checkboxBorderRadius}: 0.375rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n            `,\n            s: css`\n                ${tokens.itemHeight}: 2.5rem;\n                ${tokens.itemPadding}: 0.75rem;\n                ${tokens.itemPaddingTight}: 0.25rem;\n                ${tokens.itemIndent}: 1.875rem;\n                ${tokens.itemBorderRadius}: 0.5rem;\n                ${tokens.iconFolderMargin}: 0 0.375rem 0 0;\n                ${tokens.switcherMargin}: 0 0.375rem 0 0;\n                ${tokens.switcherSize}: 1.5rem;\n                ${tokens.checkboxMargin}: 0 0.25rem 0 0;\n                ${tokens.checkboxSize}: 1.5rem;\n                ${tokens.checkboxInnerSize}: 1.25rem;\n                ${tokens.checkboxBorderRadius}: 0.375rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n            `,\n            xs: css`\n                ${tokens.itemHeight}: 2rem;\n                ${tokens.itemPadding}: 0.5rem;\n                ${tokens.itemPaddingTight}: 0.125rem;\n                ${tokens.itemIndent}: 1.25rem;\n                ${tokens.itemBorderRadius}: 0.375rem;\n                ${tokens.iconFolderMargin}: 0 0.25rem 0 0;\n                ${tokens.switcherMargin}: 0 0.25rem 0 0;\n                ${tokens.switcherSize}: 1rem;\n                ${tokens.checkboxMargin}: 0 0.25rem 0 0;\n                ${tokens.checkboxSize}: 1rem;\n                ${tokens.checkboxInnerSize}: 0.875rem;\n                ${tokens.checkboxBorderRadius}: 0.25rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","xs"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,SAAA;KAaV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAoBA,UAAA;AACDC,MAAAA,CAAC,EAoBA,SAAA;AACDC,MAAAA,CAAC,EAoBA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;AAqBN,KAAA;AACJ,GAAA;AACJ;;;;"}

package/components/Tree/Tree.config_1adspmr.css

@@ -0,0 +1,5 @@
+.de6q557{--plasma-tree-arrow-color:var(--text-secondary);--plasma-tree-arrow-color-hover:var(--text-secondary-hover);--plasma-tree-arrow-color-active:var(--text-secondary-active);--plasma-tree-color:var(--text-secondary);--plasma-tree-color-selected:var(--text-primary);--plasma-tree-item-background-color:var(--surface-transparent-secondary);--plasma-tree-item-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-tree-item-background-color-active:var(--surface-transparent-secondary-active);--plasma-tree-checkbox-border-color:var(--text-secondary);--plasma-tree-checkbox-background-color:var(--text-accent);--plasma-tree-item-disabled-opacity:0.4;}
+.l1adci4f{--plasma-tree-item-height:3.5rem;--plasma-tree-item-padding:1rem;--plasma-tree-item-padding-tight:0.375rem;--plasma-tree-item-indent:2rem;--plasma-tree-item-border-radius:0.75rem;--plasma-tree-icon-folder-margin:0 0.5rem 0 0;--plasma-tree-switcher-margin:0 0.5rem 0 0;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.5rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-l-font-family);--plasma-tree-font-size:var(--plasma-typo-body-l-font-size);--plasma-tree-font-style:var(--plasma-typo-body-l-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-l-line-height);}
+.mtlwm4v{--plasma-tree-item-height:3rem;--plasma-tree-item-padding:0.875rem;--plasma-tree-item-padding-tight:0.375rem;--plasma-tree-item-indent:2rem;--plasma-tree-item-border-radius:0.625rem;--plasma-tree-icon-folder-margin:0 0.5rem 0 0;--plasma-tree-switcher-margin:0 0.5rem 0 0;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.5rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-m-font-family);--plasma-tree-font-size:var(--plasma-typo-body-m-font-size);--plasma-tree-font-style:var(--plasma-typo-body-m-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-m-line-height);}
+.s5rli8c{--plasma-tree-item-height:2.5rem;--plasma-tree-item-padding:0.75rem;--plasma-tree-item-padding-tight:0.25rem;--plasma-tree-item-indent:1.875rem;--plasma-tree-item-border-radius:0.5rem;--plasma-tree-icon-folder-margin:0 0.375rem 0 0;--plasma-tree-switcher-margin:0 0.375rem 0 0;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.25rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-s-font-family);--plasma-tree-font-size:var(--plasma-typo-body-s-font-size);--plasma-tree-font-style:var(--plasma-typo-body-s-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-s-line-height);}
+.xvylsia{--plasma-tree-item-height:2rem;--plasma-tree-item-padding:0.5rem;--plasma-tree-item-padding-tight:0.125rem;--plasma-tree-item-indent:1.25rem;--plasma-tree-item-border-radius:0.375rem;--plasma-tree-icon-folder-margin:0 0.25rem 0 0;--plasma-tree-switcher-margin:0 0.25rem 0 0;--plasma-tree-switcher-size:1rem;--plasma-tree-checkbox-margin:0 0.25rem 0 0;--plasma-tree-checkbox-size:1rem;--plasma-tree-checkbox-inner-size:0.875rem;--plasma-tree-checkbox-border-radius:0.25rem;--plasma-tree-font-family:var(--plasma-typo-body-xs-font-family);--plasma-tree-font-size:var(--plasma-typo-body-xs-font-size);--plasma-tree-font-style:var(--plasma-typo-body-xs-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-xs-line-height);}

package/components/Tree/Tree.css

@@ -0,0 +1,5 @@
+.Tree_config_1adspmr_de6q557__2e153723{--plasma-tree-arrow-color:var(--text-secondary);--plasma-tree-arrow-color-hover:var(--text-secondary-hover);--plasma-tree-arrow-color-active:var(--text-secondary-active);--plasma-tree-color:var(--text-secondary);--plasma-tree-color-selected:var(--text-primary);--plasma-tree-item-background-color:var(--surface-transparent-secondary);--plasma-tree-item-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-tree-item-background-color-active:var(--surface-transparent-secondary-active);--plasma-tree-checkbox-border-color:var(--text-secondary);--plasma-tree-checkbox-background-color:var(--text-accent);--plasma-tree-item-disabled-opacity:0.4;}
+.Tree_config_1adspmr_l1adci4f__2e153723{--plasma-tree-item-height:3.5rem;--plasma-tree-item-padding:1rem;--plasma-tree-item-padding-tight:0.375rem;--plasma-tree-item-indent:2rem;--plasma-tree-item-border-radius:0.75rem;--plasma-tree-icon-folder-margin:0 0.5rem 0 0;--plasma-tree-switcher-margin:0 0.5rem 0 0;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.5rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-l-font-family);--plasma-tree-font-size:var(--plasma-typo-body-l-font-size);--plasma-tree-font-style:var(--plasma-typo-body-l-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-l-line-height);}
+.Tree_config_1adspmr_mtlwm4v__2e153723{--plasma-tree-item-height:3rem;--plasma-tree-item-padding:0.875rem;--plasma-tree-item-padding-tight:0.375rem;--plasma-tree-item-indent:2rem;--plasma-tree-item-border-radius:0.625rem;--plasma-tree-icon-folder-margin:0 0.5rem 0 0;--plasma-tree-switcher-margin:0 0.5rem 0 0;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.5rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-m-font-family);--plasma-tree-font-size:var(--plasma-typo-body-m-font-size);--plasma-tree-font-style:var(--plasma-typo-body-m-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-m-line-height);}
+.Tree_config_1adspmr_s5rli8c__2e153723{--plasma-tree-item-height:2.5rem;--plasma-tree-item-padding:0.75rem;--plasma-tree-item-padding-tight:0.25rem;--plasma-tree-item-indent:1.875rem;--plasma-tree-item-border-radius:0.5rem;--plasma-tree-icon-folder-margin:0 0.375rem 0 0;--plasma-tree-switcher-margin:0 0.375rem 0 0;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.25rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-s-font-family);--plasma-tree-font-size:var(--plasma-typo-body-s-font-size);--plasma-tree-font-style:var(--plasma-typo-body-s-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-s-line-height);}
+.Tree_config_1adspmr_xvylsia__2e153723{--plasma-tree-item-height:2rem;--plasma-tree-item-padding:0.5rem;--plasma-tree-item-padding-tight:0.125rem;--plasma-tree-item-indent:1.25rem;--plasma-tree-item-border-radius:0.375rem;--plasma-tree-icon-folder-margin:0 0.25rem 0 0;--plasma-tree-switcher-margin:0 0.25rem 0 0;--plasma-tree-switcher-size:1rem;--plasma-tree-checkbox-margin:0 0.25rem 0 0;--plasma-tree-checkbox-size:1rem;--plasma-tree-checkbox-inner-size:0.875rem;--plasma-tree-checkbox-border-radius:0.25rem;--plasma-tree-font-family:var(--plasma-typo-body-xs-font-family);--plasma-tree-font-size:var(--plasma-typo-body-xs-font-size);--plasma-tree-font-style:var(--plasma-typo-body-xs-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-xs-line-height);}

package/components/Tree/Tree.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const Tree: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+    view: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    size: {
+        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+}> & import("@salutejs/plasma-new-hope/types/components/Tree/Tree.types").TreeProps & import("react").RefAttributes<HTMLDivElement>>;

package/components/Tree/Tree.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var plasmaNewHope = require('@salutejs/plasma-new-hope');
+var Tree_config = require('./Tree.config.js');
+
+var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.treeConfig, Tree_config.config);
+var Tree = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
+
+exports.Tree = Tree;
+//# sourceMappingURL=Tree.js.map

package/components/Tree/Tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.js","sources":["../../src-css/components/Tree/Tree.tsx"],"sourcesContent":["import { treeConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Tree.config';\n\nconst mergedConfig = mergeConfig(treeConfig, config);\n\nexport const Tree = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","treeConfig","config","Tree","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,wBAAU,EAAEC,kBAAM,CAAC,CAAA;IAEvCC,IAAI,gBAAGC,uBAAS,CAACL,YAAY;;;;"}

package/components/Tree/index.d.ts

@@ -0,0 +1 @@
+export { Tree } from './Tree';

package/emotion/cjs/components/Tree/Tree.config.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var config = exports.config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n                ", ": 0.4;\n            "])), _emotion.treeTokens.arrowColor, _emotion.treeTokens.arrowColorHover, _emotion.treeTokens.arrowColorActive, _emotion.treeTokens.color, _emotion.treeTokens.colorSelected, _emotion.treeTokens.itemBackgroundColor, _emotion.treeTokens.itemBackgroundColorHover, _emotion.treeTokens.itemBackgroundColorActive, _emotion.treeTokens.checkboxBorderColor, _emotion.treeTokens.checkboxBackgroundColor, _emotion.treeTokens.itemDisabledOpacity)
+    },
+    size: {
+      l: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3.5rem;\n                ", ": 1rem;\n                ", ": 0.375rem;\n                ", ": 2rem;\n                ", ": 0.75rem;\n                ", ": 0 0.5rem 0 0;\n                ", ": 0 0.5rem 0 0;\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            "])), _emotion.treeTokens.itemHeight, _emotion.treeTokens.itemPadding, _emotion.treeTokens.itemPaddingTight, _emotion.treeTokens.itemIndent, _emotion.treeTokens.itemBorderRadius, _emotion.treeTokens.iconFolderMargin, _emotion.treeTokens.switcherMargin, _emotion.treeTokens.switcherSize, _emotion.treeTokens.checkboxMargin, _emotion.treeTokens.checkboxSize, _emotion.treeTokens.checkboxInnerSize, _emotion.treeTokens.checkboxBorderRadius, _emotion.treeTokens.fontFamily, _emotion.treeTokens.fontSize, _emotion.treeTokens.fontStyle, _emotion.treeTokens.fontWeight, _emotion.treeTokens.letterSpacing, _emotion.treeTokens.lineHeight),
+      m: /*#__PURE__*/(0, _emotion.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3rem;\n                ", ": 0.875rem;\n                ", ": 0.375rem;\n                ", ": 2rem;\n                ", ": 0.625rem;\n                ", ": 0 0.5rem 0 0;\n                ", ": 0 0.5rem 0 0;\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            "])), _emotion.treeTokens.itemHeight, _emotion.treeTokens.itemPadding, _emotion.treeTokens.itemPaddingTight, _emotion.treeTokens.itemIndent, _emotion.treeTokens.itemBorderRadius, _emotion.treeTokens.iconFolderMargin, _emotion.treeTokens.switcherMargin, _emotion.treeTokens.switcherSize, _emotion.treeTokens.checkboxMargin, _emotion.treeTokens.checkboxSize, _emotion.treeTokens.checkboxInnerSize, _emotion.treeTokens.checkboxBorderRadius, _emotion.treeTokens.fontFamily, _emotion.treeTokens.fontSize, _emotion.treeTokens.fontStyle, _emotion.treeTokens.fontWeight, _emotion.treeTokens.letterSpacing, _emotion.treeTokens.lineHeight),
+      s: /*#__PURE__*/(0, _emotion.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\n                ", ": 0.75rem;\n                ", ": 0.25rem;\n                ", ": 1.875rem;\n                ", ": 0.5rem;\n                ", ": 0 0.375rem 0 0;\n                ", ": 0 0.375rem 0 0;\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            "])), _emotion.treeTokens.itemHeight, _emotion.treeTokens.itemPadding, _emotion.treeTokens.itemPaddingTight, _emotion.treeTokens.itemIndent, _emotion.treeTokens.itemBorderRadius, _emotion.treeTokens.iconFolderMargin, _emotion.treeTokens.switcherMargin, _emotion.treeTokens.switcherSize, _emotion.treeTokens.checkboxMargin, _emotion.treeTokens.checkboxSize, _emotion.treeTokens.checkboxInnerSize, _emotion.treeTokens.checkboxBorderRadius, _emotion.treeTokens.fontFamily, _emotion.treeTokens.fontSize, _emotion.treeTokens.fontStyle, _emotion.treeTokens.fontWeight, _emotion.treeTokens.letterSpacing, _emotion.treeTokens.lineHeight),
+      xs: /*#__PURE__*/(0, _emotion.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2rem;\n                ", ": 0.5rem;\n                ", ": 0.125rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0.25rem 0 0;\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            "])), _emotion.treeTokens.itemHeight, _emotion.treeTokens.itemPadding, _emotion.treeTokens.itemPaddingTight, _emotion.treeTokens.itemIndent, _emotion.treeTokens.itemBorderRadius, _emotion.treeTokens.iconFolderMargin, _emotion.treeTokens.switcherMargin, _emotion.treeTokens.switcherSize, _emotion.treeTokens.checkboxMargin, _emotion.treeTokens.checkboxSize, _emotion.treeTokens.checkboxInnerSize, _emotion.treeTokens.checkboxBorderRadius, _emotion.treeTokens.fontFamily, _emotion.treeTokens.fontSize, _emotion.treeTokens.fontStyle, _emotion.treeTokens.fontWeight, _emotion.treeTokens.letterSpacing, _emotion.treeTokens.lineHeight)
+    }
+  }
+};

package/emotion/cjs/components/Tree/Tree.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tree = void 0;
+var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
+var _Tree = /*#__PURE__*/require("./Tree.config");
+var mergedConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.treeConfig, _Tree.config);
+var Tree = exports.Tree = /*#__PURE__*/(0, _emotion.component)(mergedConfig);

package/emotion/cjs/components/Tree/Tree.stories.tsx

@@ -0,0 +1,130 @@
+import * as React from 'react';
+import type { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import { InSpacingDecorator } from '@salutejs/plasma-sb-utils';
+
+import { Tree } from './Tree';
+
+const treeData: any[] = [
+    {
+        title: 'Parent 1',
+        key: '0-0',
+        children: [
+            {
+                title: 'Parent 1-0',
+                key: '0-0-0',
+                children: [
+                    {
+                        title: 'Leaf',
+                        key: '0-0-0-0',
+                        disabled: true,
+                    },
+                    {
+                        title: 'Leaf',
+                        key: '0-0-0-1',
+                        children: [
+                            {
+                                title: 'Leaf Leaf Leaf Leaf Leaf Leaf Leaf Leaf Leaf Leaf Leaf',
+                                key: '0-0-0-0-0',
+                            },
+                            {
+                                title: 'Leaf',
+                                key: '0-0-0-0-1',
+                            },
+                        ],
+                    },
+                ],
+            },
+            {
+                title: 'Parent 1-1',
+                key: '0-0-1',
+                children: [{ title: 'Leaf', key: '0-0-1-0' }],
+            },
+        ],
+    },
+    {
+        title: 'Parent 2',
+        key: '0-1',
+        children: [
+            {
+                title: 'Parent 2-0',
+                key: '0-1-0',
+            },
+        ],
+    },
+];
+
+type StoryTreeProps = ComponentProps<typeof Tree>;
+
+const size = ['xs', 's', 'm', 'l'];
+const arrowPlacements = ['left', 'right'];
+
+const meta: Meta<StoryTreeProps> = {
+    title: 'Data Entry/Tree',
+    decorators: [InSpacingDecorator],
+    component: Tree,
+    argTypes: {
+        size: {
+            control: 'select',
+            options: size,
+        },
+        checkable: {
+            control: 'boolean',
+        },
+        multiple: {
+            control: 'boolean',
+        },
+        arrowPlacement: {
+            options: arrowPlacements,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        defaultExpandAll: {
+            control: 'boolean',
+        },
+        fullWidthItemSelection: {
+            control: 'boolean',
+        },
+        height: {
+            control: 'number',
+        },
+        hasIcon: {
+            control: 'boolean',
+        },
+    },
+    args: {
+        size: 'm',
+        fullWidthItemSelection: false,
+        checkable: false,
+        multiple: false,
+        arrowPlacement: 'left',
+        defaultExpandAll: true,
+        height: undefined,
+        hasIcon: true,
+    },
+    parameters: {
+        controls: {
+            include: [
+                'size',
+                'fullWidthItemSelection',
+                'checkable',
+                'multiple',
+                'arrowPlacement',
+                'defaultExpandAll',
+                'height',
+                'hasIcon',
+            ],
+        },
+    },
+};
+
+export default meta;
+
+const StoryDefault = (args: StoryTreeProps) => {
+    return <Tree {...args} items={treeData} />;
+};
+
+export const Default: StoryObj<StoryTreeProps> = {
+    render: (args) => <StoryDefault {...args} />,
+};

package/emotion/cjs/components/Tree/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Tree", {
+  enumerable: true,
+  get: function get() {
+    return _Tree.Tree;
+  }
+});
+var _Tree = /*#__PURE__*/require("./Tree");

package/emotion/cjs/index.js

@@ -663,6 +663,17 @@ Object.keys(_Rating).forEach(function (key) {
     }
   });
 });
+var _Tree = /*#__PURE__*/require("./components/Tree");
+Object.keys(_Tree).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Tree[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Tree[key];
+    }
+  });
+});
 var _mixins = /*#__PURE__*/require("./mixins");
 Object.keys(_mixins).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/emotion/es/components/Tree/Tree.config.js

@@ -0,0 +1,20 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { css, treeTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
+export var config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n                ", ": 0.4;\n            "])), tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColor, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity)
+    },
+    size: {
+      l: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3.5rem;\n                ", ": 1rem;\n                ", ": 0.375rem;\n                ", ": 2rem;\n                ", ": 0.75rem;\n                ", ": 0 0.5rem 0 0;\n                ", ": 0 0.5rem 0 0;\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            "])), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
+      m: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3rem;\n                ", ": 0.875rem;\n                ", ": 0.375rem;\n                ", ": 2rem;\n                ", ": 0.625rem;\n                ", ": 0 0.5rem 0 0;\n                ", ": 0 0.5rem 0 0;\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            "])), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
+      s: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\n                ", ": 0.75rem;\n                ", ": 0.25rem;\n                ", ": 1.875rem;\n                ", ": 0.5rem;\n                ", ": 0 0.375rem 0 0;\n                ", ": 0 0.375rem 0 0;\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            "])), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
+      xs: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2rem;\n                ", ": 0.5rem;\n                ", ": 0.125rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0.25rem 0 0;\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            "])), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
+    }
+  }
+};

package/emotion/es/components/Tree/Tree.js

@@ -0,0 +1,4 @@
+import { treeConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
+import { config } from './Tree.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(treeConfig, config);
+export var Tree = /*#__PURE__*/component(mergedConfig);

package/emotion/es/components/Tree/Tree.stories.tsx

@@ -0,0 +1,130 @@
+import * as React from 'react';
+import type { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import { InSpacingDecorator } from '@salutejs/plasma-sb-utils';
+
+import { Tree } from './Tree';
+
+const treeData: any[] = [
+    {
+        title: 'Parent 1',
+        key: '0-0',
+        children: [
+            {
+                title: 'Parent 1-0',
+                key: '0-0-0',
+                children: [
+                    {
+                        title: 'Leaf',
+                        key: '0-0-0-0',
+                        disabled: true,
+                    },
+                    {
+                        title: 'Leaf',
+                        key: '0-0-0-1',
+                        children: [
+                            {
+                                title: 'Leaf Leaf Leaf Leaf Leaf Leaf Leaf Leaf Leaf Leaf Leaf',
+                                key: '0-0-0-0-0',
+                            },
+                            {
+                                title: 'Leaf',
+                                key: '0-0-0-0-1',
+                            },
+                        ],
+                    },
+                ],
+            },
+            {
+                title: 'Parent 1-1',
+                key: '0-0-1',
+                children: [{ title: 'Leaf', key: '0-0-1-0' }],
+            },
+        ],
+    },
+    {
+        title: 'Parent 2',
+        key: '0-1',
+        children: [
+            {
+                title: 'Parent 2-0',
+                key: '0-1-0',
+            },
+        ],
+    },
+];
+
+type StoryTreeProps = ComponentProps<typeof Tree>;
+
+const size = ['xs', 's', 'm', 'l'];
+const arrowPlacements = ['left', 'right'];
+
+const meta: Meta<StoryTreeProps> = {
+    title: 'Data Entry/Tree',
+    decorators: [InSpacingDecorator],
+    component: Tree,
+    argTypes: {
+        size: {
+            control: 'select',
+            options: size,
+        },
+        checkable: {
+            control: 'boolean',
+        },
+        multiple: {
+            control: 'boolean',
+        },
+        arrowPlacement: {
+            options: arrowPlacements,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        defaultExpandAll: {
+            control: 'boolean',
+        },
+        fullWidthItemSelection: {
+            control: 'boolean',
+        },
+        height: {
+            control: 'number',
+        },
+        hasIcon: {
+            control: 'boolean',
+        },
+    },
+    args: {
+        size: 'm',
+        fullWidthItemSelection: false,
+        checkable: false,
+        multiple: false,
+        arrowPlacement: 'left',
+        defaultExpandAll: true,
+        height: undefined,
+        hasIcon: true,
+    },
+    parameters: {
+        controls: {
+            include: [
+                'size',
+                'fullWidthItemSelection',
+                'checkable',
+                'multiple',
+                'arrowPlacement',
+                'defaultExpandAll',
+                'height',
+                'hasIcon',
+            ],
+        },
+    },
+};
+
+export default meta;
+
+const StoryDefault = (args: StoryTreeProps) => {
+    return <Tree {...args} items={treeData} />;
+};
+
+export const Default: StoryObj<StoryTreeProps> = {
+    render: (args) => <StoryDefault {...args} />,
+};

package/emotion/es/components/Tree/index.js

@@ -0,0 +1 @@
+export { Tree } from './Tree';

package/emotion/es/index.js

@@ -58,5 +58,6 @@ export * from './components/ViewContainer';
 export * from './components/NumberInput';
 export * from './components/Dropzone';
 export * from './components/Rating';
+export * from './components/Tree';
 export * from './mixins';
 export * from './tokens';

package/es/components/Tree/Tree.config.js

@@ -0,0 +1,21 @@
+import './Tree.config_1adspmr.css';
+var config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": "de6q557"
+    },
+    size: {
+      l: "l1adci4f",
+      m: "mtlwm4v",
+      s: "s5rli8c",
+      xs: "xvylsia"
+    }
+  }
+};
+
+export { config };
+//# sourceMappingURL=Tree.config.js.map

package/es/components/Tree/Tree.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.config.js","sources":["../../../src-css/components/Tree/Tree.config.ts"],"sourcesContent":["import { css, treeTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.arrowColor}: var(--text-secondary);\n                ${tokens.arrowColorHover}: var(--text-secondary-hover);\n                ${tokens.arrowColorActive}: var(--text-secondary-active);\n                ${tokens.color}: var(--text-secondary);\n                ${tokens.colorSelected}: var(--text-primary);\n                ${tokens.itemBackgroundColor}: var(--surface-transparent-secondary);\n                ${tokens.itemBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n                ${tokens.itemBackgroundColorActive}: var(--surface-transparent-secondary-active);\n                ${tokens.checkboxBorderColor}: var(--text-secondary);\n                ${tokens.checkboxBackgroundColor}: var(--text-accent);\n                ${tokens.itemDisabledOpacity}: 0.4;\n            `,\n        },\n        size: {\n            l: css`\n                ${tokens.itemHeight}: 3.5rem;\n                ${tokens.itemPadding}: 1rem;\n                ${tokens.itemPaddingTight}: 0.375rem;\n                ${tokens.itemIndent}: 2rem;\n                ${tokens.itemBorderRadius}: 0.75rem;\n                ${tokens.iconFolderMargin}: 0 0.5rem 0 0;\n                ${tokens.switcherMargin}: 0 0.5rem 0 0;\n                ${tokens.switcherSize}: 1.5rem;\n                ${tokens.checkboxMargin}: 0 0.5rem 0 0;\n                ${tokens.checkboxSize}: 1.5rem;\n                ${tokens.checkboxInnerSize}: 1.25rem;\n                ${tokens.checkboxBorderRadius}: 0.375rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            m: css`\n                ${tokens.itemHeight}: 3rem;\n                ${tokens.itemPadding}: 0.875rem;\n                ${tokens.itemPaddingTight}: 0.375rem;\n                ${tokens.itemIndent}: 2rem;\n                ${tokens.itemBorderRadius}: 0.625rem;\n                ${tokens.iconFolderMargin}: 0 0.5rem 0 0;\n                ${tokens.switcherMargin}: 0 0.5rem 0 0;\n                ${tokens.switcherSize}: 1.5rem;\n                ${tokens.checkboxMargin}: 0 0.5rem 0 0;\n                ${tokens.checkboxSize}: 1.5rem;\n                ${tokens.checkboxInnerSize}: 1.25rem;\n                ${tokens.checkboxBorderRadius}: 0.375rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n            `,\n            s: css`\n                ${tokens.itemHeight}: 2.5rem;\n                ${tokens.itemPadding}: 0.75rem;\n                ${tokens.itemPaddingTight}: 0.25rem;\n                ${tokens.itemIndent}: 1.875rem;\n                ${tokens.itemBorderRadius}: 0.5rem;\n                ${tokens.iconFolderMargin}: 0 0.375rem 0 0;\n                ${tokens.switcherMargin}: 0 0.375rem 0 0;\n                ${tokens.switcherSize}: 1.5rem;\n                ${tokens.checkboxMargin}: 0 0.25rem 0 0;\n                ${tokens.checkboxSize}: 1.5rem;\n                ${tokens.checkboxInnerSize}: 1.25rem;\n                ${tokens.checkboxBorderRadius}: 0.375rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n            `,\n            xs: css`\n                ${tokens.itemHeight}: 2rem;\n                ${tokens.itemPadding}: 0.5rem;\n                ${tokens.itemPaddingTight}: 0.125rem;\n                ${tokens.itemIndent}: 1.25rem;\n                ${tokens.itemBorderRadius}: 0.375rem;\n                ${tokens.iconFolderMargin}: 0 0.25rem 0 0;\n                ${tokens.switcherMargin}: 0 0.25rem 0 0;\n                ${tokens.switcherSize}: 1rem;\n                ${tokens.checkboxMargin}: 0 0.25rem 0 0;\n                ${tokens.checkboxSize}: 1rem;\n                ${tokens.checkboxInnerSize}: 0.875rem;\n                ${tokens.checkboxBorderRadius}: 0.25rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","xs"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,SAAA;KAaV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAoBA,UAAA;AACDC,MAAAA,CAAC,EAoBA,SAAA;AACDC,MAAAA,CAAC,EAoBA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;AAqBN,KAAA;AACJ,GAAA;AACJ;;;;"}

package/es/components/Tree/Tree.config_1adspmr.css

@@ -0,0 +1,5 @@
+.de6q557{--plasma-tree-arrow-color:var(--text-secondary);--plasma-tree-arrow-color-hover:var(--text-secondary-hover);--plasma-tree-arrow-color-active:var(--text-secondary-active);--plasma-tree-color:var(--text-secondary);--plasma-tree-color-selected:var(--text-primary);--plasma-tree-item-background-color:var(--surface-transparent-secondary);--plasma-tree-item-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-tree-item-background-color-active:var(--surface-transparent-secondary-active);--plasma-tree-checkbox-border-color:var(--text-secondary);--plasma-tree-checkbox-background-color:var(--text-accent);--plasma-tree-item-disabled-opacity:0.4;}
+.l1adci4f{--plasma-tree-item-height:3.5rem;--plasma-tree-item-padding:1rem;--plasma-tree-item-padding-tight:0.375rem;--plasma-tree-item-indent:2rem;--plasma-tree-item-border-radius:0.75rem;--plasma-tree-icon-folder-margin:0 0.5rem 0 0;--plasma-tree-switcher-margin:0 0.5rem 0 0;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.5rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-l-font-family);--plasma-tree-font-size:var(--plasma-typo-body-l-font-size);--plasma-tree-font-style:var(--plasma-typo-body-l-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-l-line-height);}
+.mtlwm4v{--plasma-tree-item-height:3rem;--plasma-tree-item-padding:0.875rem;--plasma-tree-item-padding-tight:0.375rem;--plasma-tree-item-indent:2rem;--plasma-tree-item-border-radius:0.625rem;--plasma-tree-icon-folder-margin:0 0.5rem 0 0;--plasma-tree-switcher-margin:0 0.5rem 0 0;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.5rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-m-font-family);--plasma-tree-font-size:var(--plasma-typo-body-m-font-size);--plasma-tree-font-style:var(--plasma-typo-body-m-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-m-line-height);}
+.s5rli8c{--plasma-tree-item-height:2.5rem;--plasma-tree-item-padding:0.75rem;--plasma-tree-item-padding-tight:0.25rem;--plasma-tree-item-indent:1.875rem;--plasma-tree-item-border-radius:0.5rem;--plasma-tree-icon-folder-margin:0 0.375rem 0 0;--plasma-tree-switcher-margin:0 0.375rem 0 0;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.25rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-s-font-family);--plasma-tree-font-size:var(--plasma-typo-body-s-font-size);--plasma-tree-font-style:var(--plasma-typo-body-s-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-s-line-height);}
+.xvylsia{--plasma-tree-item-height:2rem;--plasma-tree-item-padding:0.5rem;--plasma-tree-item-padding-tight:0.125rem;--plasma-tree-item-indent:1.25rem;--plasma-tree-item-border-radius:0.375rem;--plasma-tree-icon-folder-margin:0 0.25rem 0 0;--plasma-tree-switcher-margin:0 0.25rem 0 0;--plasma-tree-switcher-size:1rem;--plasma-tree-checkbox-margin:0 0.25rem 0 0;--plasma-tree-checkbox-size:1rem;--plasma-tree-checkbox-inner-size:0.875rem;--plasma-tree-checkbox-border-radius:0.25rem;--plasma-tree-font-family:var(--plasma-typo-body-xs-font-family);--plasma-tree-font-size:var(--plasma-typo-body-xs-font-size);--plasma-tree-font-style:var(--plasma-typo-body-xs-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-xs-line-height);}

package/es/components/Tree/Tree.css

@@ -0,0 +1,5 @@
+.Tree_config_1adspmr_de6q557__2e153723{--plasma-tree-arrow-color:var(--text-secondary);--plasma-tree-arrow-color-hover:var(--text-secondary-hover);--plasma-tree-arrow-color-active:var(--text-secondary-active);--plasma-tree-color:var(--text-secondary);--plasma-tree-color-selected:var(--text-primary);--plasma-tree-item-background-color:var(--surface-transparent-secondary);--plasma-tree-item-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-tree-item-background-color-active:var(--surface-transparent-secondary-active);--plasma-tree-checkbox-border-color:var(--text-secondary);--plasma-tree-checkbox-background-color:var(--text-accent);--plasma-tree-item-disabled-opacity:0.4;}
+.Tree_config_1adspmr_l1adci4f__2e153723{--plasma-tree-item-height:3.5rem;--plasma-tree-item-padding:1rem;--plasma-tree-item-padding-tight:0.375rem;--plasma-tree-item-indent:2rem;--plasma-tree-item-border-radius:0.75rem;--plasma-tree-icon-folder-margin:0 0.5rem 0 0;--plasma-tree-switcher-margin:0 0.5rem 0 0;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.5rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-l-font-family);--plasma-tree-font-size:var(--plasma-typo-body-l-font-size);--plasma-tree-font-style:var(--plasma-typo-body-l-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-l-line-height);}
+.Tree_config_1adspmr_mtlwm4v__2e153723{--plasma-tree-item-height:3rem;--plasma-tree-item-padding:0.875rem;--plasma-tree-item-padding-tight:0.375rem;--plasma-tree-item-indent:2rem;--plasma-tree-item-border-radius:0.625rem;--plasma-tree-icon-folder-margin:0 0.5rem 0 0;--plasma-tree-switcher-margin:0 0.5rem 0 0;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.5rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-m-font-family);--plasma-tree-font-size:var(--plasma-typo-body-m-font-size);--plasma-tree-font-style:var(--plasma-typo-body-m-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-m-line-height);}
+.Tree_config_1adspmr_s5rli8c__2e153723{--plasma-tree-item-height:2.5rem;--plasma-tree-item-padding:0.75rem;--plasma-tree-item-padding-tight:0.25rem;--plasma-tree-item-indent:1.875rem;--plasma-tree-item-border-radius:0.5rem;--plasma-tree-icon-folder-margin:0 0.375rem 0 0;--plasma-tree-switcher-margin:0 0.375rem 0 0;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.25rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-s-font-family);--plasma-tree-font-size:var(--plasma-typo-body-s-font-size);--plasma-tree-font-style:var(--plasma-typo-body-s-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-s-line-height);}
+.Tree_config_1adspmr_xvylsia__2e153723{--plasma-tree-item-height:2rem;--plasma-tree-item-padding:0.5rem;--plasma-tree-item-padding-tight:0.125rem;--plasma-tree-item-indent:1.25rem;--plasma-tree-item-border-radius:0.375rem;--plasma-tree-icon-folder-margin:0 0.25rem 0 0;--plasma-tree-switcher-margin:0 0.25rem 0 0;--plasma-tree-switcher-size:1rem;--plasma-tree-checkbox-margin:0 0.25rem 0 0;--plasma-tree-checkbox-size:1rem;--plasma-tree-checkbox-inner-size:0.875rem;--plasma-tree-checkbox-border-radius:0.25rem;--plasma-tree-font-family:var(--plasma-typo-body-xs-font-family);--plasma-tree-font-size:var(--plasma-typo-body-xs-font-size);--plasma-tree-font-style:var(--plasma-typo-body-xs-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-xs-line-height);}

package/es/components/Tree/Tree.js

@@ -0,0 +1,8 @@
+import { component, mergeConfig, treeConfig } from '@salutejs/plasma-new-hope';
+import { config } from './Tree.config.js';
+
+var mergedConfig = /*#__PURE__*/mergeConfig(treeConfig, config);
+var Tree = /*#__PURE__*/component(mergedConfig);
+
+export { Tree };
+//# sourceMappingURL=Tree.js.map

package/es/components/Tree/Tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.js","sources":["../../../src-css/components/Tree/Tree.tsx"],"sourcesContent":["import { treeConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Tree.config';\n\nconst mergedConfig = mergeConfig(treeConfig, config);\n\nexport const Tree = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","treeConfig","config","Tree","component"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,UAAU,EAAEC,MAAM,CAAC,CAAA;IAEvCC,IAAI,gBAAGC,SAAS,CAACL,YAAY;;;;"}

package/es/index.css

@@ -588,6 +588,12 @@
 .Tooltip_config_19fazns_mof1lw0__1c02ba0c{--plasma-tooltip-padding-top:0.6875rem;--plasma-tooltip-padding-right:0.875rem;--plasma-tooltip-padding-bottom:0.6875rem;--plasma-tooltip-padding-left:0.875rem;--plasma-tooltip-min-height:2.5rem;--plasma-tooltip-border-radius:0.625rem;--plasma-tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-tooltip-content-left-margin:0.375rem;--plasma-tooltip-arrow-mask-width:1.25rem;--plasma-tooltip-arrow-mask-height:1.25rem;--plasma-tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-tooltip-arrow-height:0.5rem;--plasma-tooltip-arrow-edge-margin:0.625rem;--plasma-tooltip-arrow-background:var(--surface-solid-card-brightness);}
 .Tooltip_config_19fazns_dawvnm3__1c02ba0c{--plasma-tooltip-background-color:var(--surface-solid-card-brightness);--plasma-tooltip-box-shadow:0px 4px 12px 0px rgba(0,0,0,0.16),0px 1px 4px 0px rgba(0,0,0,0.08);--plasma-tooltip-color:var(--text-primary);}
 
+.Tree_config_1adspmr_de6q557__2e153723{--plasma-tree-arrow-color:var(--text-secondary);--plasma-tree-arrow-color-hover:var(--text-secondary-hover);--plasma-tree-arrow-color-active:var(--text-secondary-active);--plasma-tree-color:var(--text-secondary);--plasma-tree-color-selected:var(--text-primary);--plasma-tree-item-background-color:var(--surface-transparent-secondary);--plasma-tree-item-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-tree-item-background-color-active:var(--surface-transparent-secondary-active);--plasma-tree-checkbox-border-color:var(--text-secondary);--plasma-tree-checkbox-background-color:var(--text-accent);--plasma-tree-item-disabled-opacity:0.4;}
+.Tree_config_1adspmr_l1adci4f__2e153723{--plasma-tree-item-height:3.5rem;--plasma-tree-item-padding:1rem;--plasma-tree-item-padding-tight:0.375rem;--plasma-tree-item-indent:2rem;--plasma-tree-item-border-radius:0.75rem;--plasma-tree-icon-folder-margin:0 0.5rem 0 0;--plasma-tree-switcher-margin:0 0.5rem 0 0;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.5rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-l-font-family);--plasma-tree-font-size:var(--plasma-typo-body-l-font-size);--plasma-tree-font-style:var(--plasma-typo-body-l-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-l-line-height);}
+.Tree_config_1adspmr_mtlwm4v__2e153723{--plasma-tree-item-height:3rem;--plasma-tree-item-padding:0.875rem;--plasma-tree-item-padding-tight:0.375rem;--plasma-tree-item-indent:2rem;--plasma-tree-item-border-radius:0.625rem;--plasma-tree-icon-folder-margin:0 0.5rem 0 0;--plasma-tree-switcher-margin:0 0.5rem 0 0;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.5rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-m-font-family);--plasma-tree-font-size:var(--plasma-typo-body-m-font-size);--plasma-tree-font-style:var(--plasma-typo-body-m-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-m-line-height);}
+.Tree_config_1adspmr_s5rli8c__2e153723{--plasma-tree-item-height:2.5rem;--plasma-tree-item-padding:0.75rem;--plasma-tree-item-padding-tight:0.25rem;--plasma-tree-item-indent:1.875rem;--plasma-tree-item-border-radius:0.5rem;--plasma-tree-icon-folder-margin:0 0.375rem 0 0;--plasma-tree-switcher-margin:0 0.375rem 0 0;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.25rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-s-font-family);--plasma-tree-font-size:var(--plasma-typo-body-s-font-size);--plasma-tree-font-style:var(--plasma-typo-body-s-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-s-line-height);}
+.Tree_config_1adspmr_xvylsia__2e153723{--plasma-tree-item-height:2rem;--plasma-tree-item-padding:0.5rem;--plasma-tree-item-padding-tight:0.125rem;--plasma-tree-item-indent:1.25rem;--plasma-tree-item-border-radius:0.375rem;--plasma-tree-icon-folder-margin:0 0.25rem 0 0;--plasma-tree-switcher-margin:0 0.25rem 0 0;--plasma-tree-switcher-size:1rem;--plasma-tree-checkbox-margin:0 0.25rem 0 0;--plasma-tree-checkbox-size:1rem;--plasma-tree-checkbox-inner-size:0.875rem;--plasma-tree-checkbox-border-radius:0.25rem;--plasma-tree-font-family:var(--plasma-typo-body-xs-font-family);--plasma-tree-font-size:var(--plasma-typo-body-xs-font-size);--plasma-tree-font-style:var(--plasma-typo-body-xs-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-xs-line-height);}
+
 .Body_config_endr2e_l1s0gjg5__bbe7cb45{--typo-font-family:var(--plasma-typo-body-l-font-family);--typo-font-size:var(--plasma-typo-body-l-font-size);--typo-font-style:var(--plasma-typo-body-l-font-style);--typo-font-weight:var(--plasma-typo-body-l-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-l-bold-font-weight);--typo-font-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-l-line-height);}
 .Body_config_endr2e_m1fmrqgu__bbe7cb45{--typo-font-family:var(--plasma-typo-body-m-font-family);--typo-font-size:var(--plasma-typo-body-m-font-size);--typo-font-style:var(--plasma-typo-body-m-font-style);--typo-font-weight:var(--plasma-typo-body-m-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-m-bold-font-weight);--typo-font-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-m-line-height);}
 .Body_config_endr2e_sl5snt7__bbe7cb45{--typo-font-family:var(--plasma-typo-body-s-font-family);--typo-font-size:var(--plasma-typo-body-s-font-size);--typo-font-style:var(--plasma-typo-body-s-font-style);--typo-font-weight:var(--plasma-typo-body-s-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-s-bold-font-weight);--typo-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-s-line-height);}

package/es/index.js

@@ -55,6 +55,7 @@ export { TextFieldGroup } from './components/TextFieldGroup/TextFieldGroup.js';
 export { Toast, ToastProvider } from './components/Toast/Toast.js';
 export { Toolbar, ToolbarDivider } from './components/Toolbar/Toolbar.js';
 export { Tooltip } from './components/Tooltip/Tooltip.js';
+export { Tree } from './components/Tree/Tree.js';
 export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplL, DsplM, DsplS, H1, H2, H3, H4, H5, TextL, TextM, TextS, TextXS } from './components/Typography/Typography.js';
 export { ViewContainer } from './components/ViewContainer/ViewContainer.js';
 //# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/index.d.ts

@@ -58,5 +58,6 @@ export * from './components/ViewContainer';
 export * from './components/NumberInput';
 export * from './components/Dropzone';
 export * from './components/Rating';
+export * from './components/Tree';
 export * from './mixins';
 export * from './tokens';

package/index.js

@@ -59,6 +59,7 @@ var TextFieldGroup = require('./components/TextFieldGroup/TextFieldGroup.js');
 var Toast = require('./components/Toast/Toast.js');
 var Toolbar = require('./components/Toolbar/Toolbar.js');
 var Tooltip = require('./components/Tooltip/Tooltip.js');
+var Tree = require('./components/Tree/Tree.js');
 var Typography = require('./components/Typography/Typography.js');
 var ViewContainer = require('./components/ViewContainer/ViewContainer.js');
 
@@ -293,6 +294,7 @@ exports.ToastProvider = Toast.ToastProvider;
 exports.Toolbar = Toolbar.Toolbar;
 exports.ToolbarDivider = Toolbar.ToolbarDivider;
 exports.Tooltip = Tooltip.Tooltip;
+exports.Tree = Tree.Tree;
 exports.BodyL = Typography.BodyL;
 exports.BodyM = Typography.BodyM;
 exports.BodyS = Typography.BodyS;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-serv",
-  "version": "0.216.0-canary.1650.12478253360.0",
+  "version": "0.216.1-canary.1603.12479456288.0",
   "description": "Salute Design System / React UI kit for SDDS SERV web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -48,7 +48,7 @@
     "directory": "packages/sdds-serv"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.232.0-canary.1650.12478253360.0",
+    "@salutejs/plasma-new-hope": "0.232.1-canary.1603.12479456288.0",
     "@salutejs/sdds-themes": "0.30.1-dev.0"
   },
   "peerDependencies": {
@@ -153,5 +153,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "7ee1e3f024cb318c68655d825ed4cc858cbb7ac6"
+  "gitHead": "da0ad64afda36edf955bfe6a3c75f7db07216dab"
 }

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var config = exports.config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n                ", ": 0.4;\n            "])), _styledComponents.treeTokens.arrowColor, _styledComponents.treeTokens.arrowColorHover, _styledComponents.treeTokens.arrowColorActive, _styledComponents.treeTokens.color, _styledComponents.treeTokens.colorSelected, _styledComponents.treeTokens.itemBackgroundColor, _styledComponents.treeTokens.itemBackgroundColorHover, _styledComponents.treeTokens.itemBackgroundColorActive, _styledComponents.treeTokens.checkboxBorderColor, _styledComponents.treeTokens.checkboxBackgroundColor, _styledComponents.treeTokens.itemDisabledOpacity)
+    },
+    size: {
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3.5rem;\n                ", ": 1rem;\n                ", ": 0.375rem;\n                ", ": 2rem;\n                ", ": 0.75rem;\n                ", ": 0 0.5rem 0 0;\n                ", ": 0 0.5rem 0 0;\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            "])), _styledComponents.treeTokens.itemHeight, _styledComponents.treeTokens.itemPadding, _styledComponents.treeTokens.itemPaddingTight, _styledComponents.treeTokens.itemIndent, _styledComponents.treeTokens.itemBorderRadius, _styledComponents.treeTokens.iconFolderMargin, _styledComponents.treeTokens.switcherMargin, _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: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3rem;\n                ", ": 0.875rem;\n                ", ": 0.375rem;\n                ", ": 2rem;\n                ", ": 0.625rem;\n                ", ": 0 0.5rem 0 0;\n                ", ": 0 0.5rem 0 0;\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            "])), _styledComponents.treeTokens.itemHeight, _styledComponents.treeTokens.itemPadding, _styledComponents.treeTokens.itemPaddingTight, _styledComponents.treeTokens.itemIndent, _styledComponents.treeTokens.itemBorderRadius, _styledComponents.treeTokens.iconFolderMargin, _styledComponents.treeTokens.switcherMargin, _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: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\n                ", ": 0.75rem;\n                ", ": 0.25rem;\n                ", ": 1.875rem;\n                ", ": 0.5rem;\n                ", ": 0 0.375rem 0 0;\n                ", ": 0 0.375rem 0 0;\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            "])), _styledComponents.treeTokens.itemHeight, _styledComponents.treeTokens.itemPadding, _styledComponents.treeTokens.itemPaddingTight, _styledComponents.treeTokens.itemIndent, _styledComponents.treeTokens.itemBorderRadius, _styledComponents.treeTokens.iconFolderMargin, _styledComponents.treeTokens.switcherMargin, _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: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2rem;\n                ", ": 0.5rem;\n                ", ": 0.125rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0.25rem 0 0;\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            "])), _styledComponents.treeTokens.itemHeight, _styledComponents.treeTokens.itemPadding, _styledComponents.treeTokens.itemPaddingTight, _styledComponents.treeTokens.itemIndent, _styledComponents.treeTokens.itemBorderRadius, _styledComponents.treeTokens.iconFolderMargin, _styledComponents.treeTokens.switcherMargin, _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)
+    }
+  }
+};

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tree = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _Tree = /*#__PURE__*/require("./Tree.config");
+var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.treeConfig, _Tree.config);
+var Tree = exports.Tree = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Tree", {
+  enumerable: true,
+  get: function get() {
+    return _Tree.Tree;
+  }
+});
+var _Tree = /*#__PURE__*/require("./Tree");

package/styled-components/cjs/index.js

@@ -663,6 +663,17 @@ Object.keys(_Rating).forEach(function (key) {
     }
   });
 });
+var _Tree = /*#__PURE__*/require("./components/Tree");
+Object.keys(_Tree).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Tree[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Tree[key];
+    }
+  });
+});
 var _mixins = /*#__PURE__*/require("./mixins");
 Object.keys(_mixins).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/styled-components/es/components/Tree/Tree.config.js

@@ -0,0 +1,20 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { css, treeTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
+export var config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n                ", ": 0.4;\n            "])), tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColor, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity)
+    },
+    size: {
+      l: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3.5rem;\n                ", ": 1rem;\n                ", ": 0.375rem;\n                ", ": 2rem;\n                ", ": 0.75rem;\n                ", ": 0 0.5rem 0 0;\n                ", ": 0 0.5rem 0 0;\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            "])), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
+      m: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3rem;\n                ", ": 0.875rem;\n                ", ": 0.375rem;\n                ", ": 2rem;\n                ", ": 0.625rem;\n                ", ": 0 0.5rem 0 0;\n                ", ": 0 0.5rem 0 0;\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            "])), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
+      s: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\n                ", ": 0.75rem;\n                ", ": 0.25rem;\n                ", ": 1.875rem;\n                ", ": 0.5rem;\n                ", ": 0 0.375rem 0 0;\n                ", ": 0 0.375rem 0 0;\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            "])), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
+      xs: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2rem;\n                ", ": 0.5rem;\n                ", ": 0.125rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0.25rem 0 0;\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            "])), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
+    }
+  }
+};

package/styled-components/es/components/Tree/Tree.js

@@ -0,0 +1,4 @@
+import { treeConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+import { config } from './Tree.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(treeConfig, config);
+export var Tree = /*#__PURE__*/component(mergedConfig);

package/styled-components/es/components/Tree/index.js

@@ -0,0 +1 @@
+export { Tree } from './Tree';

package/styled-components/es/index.js

@@ -58,5 +58,6 @@ export * from './components/ViewContainer';
 export * from './components/NumberInput';
 export * from './components/Dropzone';
 export * from './components/Rating';
+export * from './components/Tree';
 export * from './mixins';
 export * from './tokens';