@salutejs/plasma-new-hope 0.231.1-canary.1669.12470399037.0 → 0.231.2-canary.1603.12471850782.0

package/cjs/components/Tree/Tree.css

@@ -0,0 +1,7 @@
+.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
+
+.Tree_styles_1mwgczn_io9xczg__70ed92a2{line-height:0;color:var(--plasma-tree-arrow-color);}.Tree_styles_1mwgczn_io9xczg__70ed92a2:hover{color:var(--plasma-tree-arrow-color-hover);}.Tree_styles_1mwgczn_io9xczg__70ed92a2:active{color:var(--plasma-tree-arrow-color-active);}
+.Tree_styles_1mwgczn_smciu6q__70ed92a2{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.Tree_styles_1mwgczn_i1t4s7ru__70ed92a2{line-height:0;color:var(--plasma-tree-arrow-color);margin:var(--plasma-tree-icon-folder-margin);}
+
+.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2,.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTreeList__70ed92a2{border:none !important;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-tree-item-height);padding:0;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2.Tree_styles_1mwgczn_treeItemFilled__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2{padding:0 var(--plasma-tree-item-padding) !important;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2.Tree_styles_1mwgczn_treeInverted__70ed92a2:not(tree-item-filled) .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2{padding:0 var(--plasma-tree-item-padding-tight);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2::before{content:'';position:absolute;z-index:-1;top:0.25rem;bottom:0.25rem;left:var(--plasma-tree-switcher-size);right:0;background:transparent;border-radius:var(--plasma-tree-item-border-radius);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2.Tree_styles_1mwgczn_rcTreeTreenodeDisabled__70ed92a2{opacity:var(--plasma-tree-item-disabled-opacity);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2.Tree_styles_1mwgczn_treeItemFilled__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2::before{inset:0;border-radius:0;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2.Tree_styles_1mwgczn_rcTreeTreenodeSelected__70ed92a2::before{background:var(--plasma-tree-item-background-color) !important;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2:not(.Tree_styles_1mwgczn_rcTreeTreenodeDisabled__70ed92a2):hover::before{background:var(--plasma-tree-item-background-color-hover);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2:not(.Tree_styles_1mwgczn_rcTreeTreenodeDisabled__70ed92a2):active::before{background:var(--plasma-tree-item-background-color-active);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 .Tree_styles_1mwgczn_rcTreeNodeContentWrapper__70ed92a2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;height:auto;-webkit-flex:1;-ms-flex:1;flex:1;width:1px;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeSwitcher__70ed92a2{width:var(--plasma-tree-switcher-size);height:var(--plasma-tree-switcher-size);margin:var(--plasma-tree-switcher-margin);line-height:0;vertical-align:0;background:transparent;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2.Tree_styles_1mwgczn_treeInverted__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeSwitcher__70ed92a2{margin:0;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeIconEle__70ed92a2{width:auto;height:auto;margin-right:0;vertical-align:0;background:transparent;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeSwitcher__70ed92a2.Tree_styles_1mwgczn_rcTreeSwitcher_open__70ed92a2 .Tree_styles_1mwgczn_arrow__70ed92a2{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2.Tree_styles_1mwgczn_treeInverted__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeSwitcher__70ed92a2.Tree_styles_1mwgczn_rcTreeSwitcher_close__70ed92a2 .Tree_styles_1mwgczn_arrow__70ed92a2{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2.Tree_styles_1mwgczn_treeInverted__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeSwitcher__70ed92a2.Tree_styles_1mwgczn_rcTreeSwitcher_open__70ed92a2 .Tree_styles_1mwgczn_arrow__70ed92a2{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeCheckbox__70ed92a2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:0;vertical-align:0;width:var(--plasma-tree-checkbox-size);height:var(--plasma-tree-checkbox-size);margin:var(--plasma-tree-checkbox-margin);background-image:none;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeCheckbox__70ed92a2::before{content:'';display:block;width:var(--plasma-tree-checkbox-inner-size);height:var(--plasma-tree-checkbox-inner-size);border:0.125rem solid var(--plasma-tree-checkbox-border-color);border-radius:var(--plasma-tree-checkbox-border-radius);box-sizing:border-box;background-size:contain;background-repeat:no-repeat;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeCheckboxChecked__70ed92a2::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill='white' d='m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z' /%3E%3C/svg%3E");}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeCheckbox__70ed92a2.Tree_styles_1mwgczn_rcTreeCheckboxIndeterminate__70ed92a2::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8a1 1 0 011-1h10a1 1 0 110 2H3a1 1 0 01-1-1z' fill='white'/%3E%3C/svg%3E");}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTreeTitle__70ed92a2{color:var(--plasma-tree-color);font-family:var(--plasma-tree-font-family);font-size:var(--plasma-tree-font-size);font-style:var(--plasma-tree-font-style);font-weight:var(--plasma-tree-font-weight);-webkit-letter-spacing:var(--plasma-tree-letter-spacing);-moz-letter-spacing:var(--plasma-tree-letter-spacing);-ms-letter-spacing:var(--plasma-tree-letter-spacing);letter-spacing:var(--plasma-tree-letter-spacing);line-height:var(--plasma-tree-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2.Tree_styles_1mwgczn_treeInverted__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeSwitcher__70ed92a2{-webkit-order:1;-ms-flex-order:1;order:1;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2.Tree_styles_1mwgczn_treeInverted__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2::before{left:0;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTreeNodeSelected__70ed92a2{opacity:1;box-shadow:none;background:none;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTreeNodeSelected__70ed92a2 .Tree_styles_1mwgczn_rcTreeTitle__70ed92a2{color:var(--plasma-tree-color-selected);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTreeNodeSelected__70ed92a2 .Tree_styles_1mwgczn_i1t4s7ru__70ed92a2{color:var(--plasma-tree-color-selected);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTreeIndentUnit__70ed92a2{width:var(--plasma-tree-item-indent);}

package/cjs/components/Tree/Tree.js

@@ -0,0 +1,99 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var Tree = require('rc-tree');
+require('rc-tree/assets/index.css');
+var index = require('../../utils/index.js');
+var Tree_styles = require('./Tree.styles.js');
+var Tree_tokens = require('./Tree.tokens.js');
+var sizeToIconSize = require('./utils/sizeToIconSize.js');
+
+/**
+ * Многоуровневый раскрывающийся список в виде дерева.
+ */
+var treeRoot = function treeRoot(Root) {
+  return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+    var items = _ref.items,
+      _ref$arrowPlacement = _ref.arrowPlacement,
+      arrowPlacement = _ref$arrowPlacement === void 0 ? 'left' : _ref$arrowPlacement,
+      _ref$virtual = _ref.virtual,
+      virtual = _ref$virtual === void 0 ? false : _ref$virtual,
+      height = _ref.height,
+      size = _ref.size,
+      view = _ref.view,
+      _ref$fullWidthItemSel = _ref.fullWidthItemSelection,
+      fullWidthItemSelection = _ref$fullWidthItemSel === void 0 ? false : _ref$fullWidthItemSel,
+      _ref$multiple = _ref.multiple,
+      multiple = _ref$multiple === void 0 ? false : _ref$multiple,
+      _ref$defaultExpandAll = _ref.defaultExpandAll,
+      defaultExpandAll = _ref$defaultExpandAll === void 0 ? false : _ref$defaultExpandAll,
+      _ref$checkable = _ref.checkable,
+      checkable = _ref$checkable === void 0 ? false : _ref$checkable,
+      defaultCheckedKeys = _ref.defaultCheckedKeys,
+      defaultExpandedKeys = _ref.defaultExpandedKeys,
+      defaultSelectedKeys = _ref.defaultSelectedKeys,
+      className = _ref.className,
+      onTreeSelect = _ref.onTreeSelect,
+      onTreeCheck = _ref.onTreeCheck,
+      onTreeExpand = _ref.onTreeExpand,
+      _ref$hasIcon = _ref.hasIcon,
+      hasIcon = _ref$hasIcon === void 0 ? false : _ref$hasIcon,
+      icon = _ref.icon;
+    var invertedClass = arrowPlacement === 'right' ? Tree_tokens.classes.treeInverted : undefined;
+    var itemFilledClass = fullWidthItemSelection ? Tree_tokens.classes.treeItemFilled : undefined;
+    return /*#__PURE__*/React.createElement(Root, {
+      view: view,
+      size: size,
+      ref: ref,
+      items: items
+    }, /*#__PURE__*/React.createElement(Tree, {
+      height: height,
+      virtual: virtual,
+      multiple: multiple,
+      checkable: checkable,
+      className: index.cx(className, invertedClass, itemFilledClass),
+      defaultExpandAll: defaultExpandAll,
+      style: {
+        border: '1px solid #000'
+      },
+      treeData: items,
+      defaultCheckedKeys: defaultCheckedKeys,
+      defaultExpandedKeys: defaultExpandedKeys,
+      defaultSelectedKeys: defaultSelectedKeys,
+      onSelect: onTreeSelect,
+      onCheck: onTreeCheck,
+      onExpand: onTreeExpand,
+      switcherIcon: function switcherIcon(node) {
+        if (node.isLeaf) {
+          return null;
+        }
+        return /*#__PURE__*/React.createElement(Tree_styles.IconArrowWrapper, null, /*#__PURE__*/React.createElement(Tree_styles.StyledArrow, {
+          size: sizeToIconSize.sizeToIconSize(size),
+          color: "inherit",
+          className: "arrow"
+        }));
+      },
+      icon: hasIcon && (icon || /*#__PURE__*/React.createElement(Tree_styles.IconFolderWrapper, null, /*#__PURE__*/React.createElement(Tree_styles.StyledFolder, {
+        size: sizeToIconSize.sizeToIconSize(size),
+        color: "inherit"
+      })))
+    }));
+  });
+};
+var treeConfig = {
+  name: 'Tree',
+  tag: 'div',
+  layout: treeRoot,
+  base: Tree_styles.base,
+  variations: {},
+  defaults: {
+    view: 'default',
+    size: 'm'
+  }
+};
+
+exports.treeConfig = treeConfig;
+exports.treeRoot = treeRoot;
+//# sourceMappingURL=Tree.js.map

package/cjs/components/Tree/Tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.js","sources":["../../../src/components/Tree/Tree.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport Tree from 'rc-tree';\nimport 'rc-tree/assets/index.css';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { TreeProps } from './Tree.types';\nimport { IconArrowWrapper, StyledArrow, base, StyledFolder, IconFolderWrapper } from './Tree.styles';\nimport { sizeToIconSize } from './utils';\nimport { classes } from './Tree.tokens';\n\n/**\n * Многоуровневый раскрывающийся список в виде дерева.\n */\nexport const treeRoot = (Root: RootProps<HTMLDivElement, TreeProps>) =>\n    forwardRef<HTMLDivElement, TreeProps>(\n        (\n            {\n                items,\n                arrowPlacement = 'left',\n                virtual = false,\n                height,\n                size,\n                view,\n                fullWidthItemSelection = false,\n                multiple = false,\n                defaultExpandAll = false,\n                checkable = false,\n                defaultCheckedKeys,\n                defaultExpandedKeys,\n                defaultSelectedKeys,\n                className,\n                onTreeSelect,\n                onTreeCheck,\n                onTreeExpand,\n                hasIcon = false,\n                icon,\n            },\n            ref,\n        ) => {\n            const invertedClass = arrowPlacement === 'right' ? classes.treeInverted : undefined;\n            const itemFilledClass = fullWidthItemSelection ? classes.treeItemFilled : undefined;\n\n            return (\n                <Root view={view} size={size} ref={ref} items={items}>\n                    <Tree\n                        height={height}\n                        virtual={virtual}\n                        multiple={multiple}\n                        checkable={checkable}\n                        className={cx(className, invertedClass, itemFilledClass)}\n                        defaultExpandAll={defaultExpandAll}\n                        style={{ border: '1px solid #000' }}\n                        treeData={items}\n                        defaultCheckedKeys={defaultCheckedKeys}\n                        defaultExpandedKeys={defaultExpandedKeys}\n                        defaultSelectedKeys={defaultSelectedKeys}\n                        onSelect={onTreeSelect}\n                        onCheck={onTreeCheck}\n                        onExpand={onTreeExpand}\n                        switcherIcon={(node) => {\n                            if (node.isLeaf) {\n                                return null;\n                            }\n\n                            return (\n                                <IconArrowWrapper>\n                                    <StyledArrow size={sizeToIconSize(size)} color=\"inherit\" className=\"arrow\" />\n                                </IconArrowWrapper>\n                            );\n                        }}\n                        icon={\n                            hasIcon &&\n                            (icon || (\n                                <IconFolderWrapper>\n                                    <StyledFolder size={sizeToIconSize(size)} color=\"inherit\" />\n                                </IconFolderWrapper>\n                            ))\n                        }\n                    />\n                </Root>\n            );\n        },\n    );\n\nexport const treeConfig = {\n    name: 'Tree',\n    tag: 'div',\n    layout: treeRoot,\n    base,\n    variations: {},\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["treeRoot","Root","forwardRef","_ref","ref","items","_ref$arrowPlacement","arrowPlacement","_ref$virtual","virtual","height","size","view","_ref$fullWidthItemSel","fullWidthItemSelection","_ref$multiple","multiple","_ref$defaultExpandAll","defaultExpandAll","_ref$checkable","checkable","defaultCheckedKeys","defaultExpandedKeys","defaultSelectedKeys","className","onTreeSelect","onTreeCheck","onTreeExpand","_ref$hasIcon","hasIcon","icon","invertedClass","classes","treeInverted","undefined","itemFilledClass","treeItemFilled","React","createElement","Tree","cx","style","border","treeData","onSelect","onCheck","onExpand","switcherIcon","node","isLeaf","IconArrowWrapper","StyledArrow","sizeToIconSize","color","IconFolderWrapper","StyledFolder","treeConfig","name","tag","layout","base","variations","defaults"],"mappings":";;;;;;;;;;;;AAYA;AACA;AACA;IACaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA0C,EAAA;AAAA,EAAA,oBAC/DC,gBAAU,CACN,UAAAC,IAAA,EAsBIC,GAAG,EACF;AAAA,IAAA,IArBGC,KAAK,GAAAF,IAAA,CAALE,KAAK;MAAAC,mBAAA,GAAAH,IAAA,CACLI,cAAc;AAAdA,MAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,mBAAA;MAAAE,YAAA,GAAAL,IAAA,CACvBM,OAAO;AAAPA,MAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,YAAA;MACfE,MAAM,GAAAP,IAAA,CAANO,MAAM;MACNC,IAAI,GAAAR,IAAA,CAAJQ,IAAI;MACJC,IAAI,GAAAT,IAAA,CAAJS,IAAI;MAAAC,qBAAA,GAAAV,IAAA,CACJW,sBAAsB;AAAtBA,MAAAA,sBAAsB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;MAAAE,aAAA,GAAAZ,IAAA,CAC9Ba,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,qBAAA,GAAAd,IAAA,CAChBe,gBAAgB;AAAhBA,MAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;MAAAE,cAAA,GAAAhB,IAAA,CACxBiB,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,cAAA;MACjBE,kBAAkB,GAAAlB,IAAA,CAAlBkB,kBAAkB;MAClBC,mBAAmB,GAAAnB,IAAA,CAAnBmB,mBAAmB;MACnBC,mBAAmB,GAAApB,IAAA,CAAnBoB,mBAAmB;MACnBC,SAAS,GAAArB,IAAA,CAATqB,SAAS;MACTC,YAAY,GAAAtB,IAAA,CAAZsB,YAAY;MACZC,WAAW,GAAAvB,IAAA,CAAXuB,WAAW;MACXC,YAAY,GAAAxB,IAAA,CAAZwB,YAAY;MAAAC,YAAA,GAAAzB,IAAA,CACZ0B,OAAO;AAAPA,MAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,YAAA;MACfE,IAAI,GAAA3B,IAAA,CAAJ2B,IAAI,CAAA;IAIR,IAAMC,aAAa,GAAGxB,cAAc,KAAK,OAAO,GAAGyB,mBAAO,CAACC,YAAY,GAAGC,SAAS,CAAA;IACnF,IAAMC,eAAe,GAAGrB,sBAAsB,GAAGkB,mBAAO,CAACI,cAAc,GAAGF,SAAS,CAAA;AAEnF,IAAA,oBACIG,KAAA,CAAAC,aAAA,CAACrC,IAAI,EAAA;AAACW,MAAAA,IAAI,EAAEA,IAAK;AAACD,MAAAA,IAAI,EAAEA,IAAK;AAACP,MAAAA,GAAG,EAAEA,GAAI;AAACC,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAA,eACjDgC,KAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;AACD7B,MAAAA,MAAM,EAAEA,MAAO;AACfD,MAAAA,OAAO,EAAEA,OAAQ;AACjBO,MAAAA,QAAQ,EAAEA,QAAS;AACnBI,MAAAA,SAAS,EAAEA,SAAU;MACrBI,SAAS,EAAEgB,QAAE,CAAChB,SAAS,EAAEO,aAAa,EAAEI,eAAe,CAAE;AACzDjB,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCuB,MAAAA,KAAK,EAAE;AAAEC,QAAAA,MAAM,EAAE,gBAAA;OAAmB;AACpCC,MAAAA,QAAQ,EAAEtC,KAAM;AAChBgB,MAAAA,kBAAkB,EAAEA,kBAAmB;AACvCC,MAAAA,mBAAmB,EAAEA,mBAAoB;AACzCC,MAAAA,mBAAmB,EAAEA,mBAAoB;AACzCqB,MAAAA,QAAQ,EAAEnB,YAAa;AACvBoB,MAAAA,OAAO,EAAEnB,WAAY;AACrBoB,MAAAA,QAAQ,EAAEnB,YAAa;AACvBoB,MAAAA,YAAY,EAAE,SAAAA,YAACC,CAAAA,IAAI,EAAK;QACpB,IAAIA,IAAI,CAACC,MAAM,EAAE;AACb,UAAA,OAAO,IAAI,CAAA;AACf,SAAA;QAEA,oBACIZ,KAAA,CAAAC,aAAA,CAACY,4BAAgB,qBACbb,KAAA,CAAAC,aAAA,CAACa,uBAAW,EAAA;AAACxC,UAAAA,IAAI,EAAEyC,6BAAc,CAACzC,IAAI,CAAE;AAAC0C,UAAAA,KAAK,EAAC,SAAS;AAAC7B,UAAAA,SAAS,EAAC,OAAA;AAAO,SAAE,CAC9D,CAAC,CAAA;OAEzB;AACFM,MAAAA,IAAI,EACAD,OAAO,KACNC,IAAI,iBACDO,KAAA,CAAAC,aAAA,CAACgB,6BAAiB,EACdjB,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACiB,wBAAY,EAAA;AAAC5C,QAAAA,IAAI,EAAEyC,6BAAc,CAACzC,IAAI,CAAE;AAAC0C,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAC5C,CACtB,CAAA;AACJ,KACJ,CACC,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMG,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE3D,QAAQ;AAChB4D,EAAAA,IAAI,EAAJA,gBAAI;EACJC,UAAU,EAAE,EAAE;AACdC,EAAAA,QAAQ,EAAE;AACNlD,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}

package/cjs/components/Tree/Tree.styles.js

@@ -0,0 +1,43 @@
+import './Tree.styles_1mwgczn.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+var IconDisclosureRightCentered = require('../_Icon/Icons/IconDisclosureRightCentered.js');
+var IconFolder = require('../_Icon/Icons/IconFolder.js');
+
+var IconArrowWrapper = /*#__PURE__*/react.styled('div')({
+  name: "IconArrowWrapper",
+  "class": "io9xczg",
+  propsAsIs: false
+});
+var _exp4 = function _exp4() {
+  return IconDisclosureRightCentered.IconDisclosureRightCentered;
+};
+var StyledArrow = /*#__PURE__*/react.styled(_exp4())({
+  name: "StyledArrow",
+  "class": "smciu6q",
+  propsAsIs: true
+});
+var IconFolderWrapper = /*#__PURE__*/react.styled('div')({
+  name: "IconFolderWrapper",
+  "class": "i1t4s7ru",
+  propsAsIs: false
+});
+var _exp7 = function _exp7() {
+  return IconFolder.IconFolder;
+};
+var StyledFolder = /*#__PURE__*/react.styled(_exp7())({
+  name: "StyledFolder",
+  "class": "s1bgqryr",
+  propsAsIs: true
+});
+var base = "b1un80r8";
+
+exports.IconArrowWrapper = IconArrowWrapper;
+exports.IconFolderWrapper = IconFolderWrapper;
+exports.StyledArrow = StyledArrow;
+exports.StyledFolder = StyledFolder;
+exports.base = base;
+//# sourceMappingURL=Tree.styles.js.map

package/cjs/components/Tree/Tree.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.styles.js","sources":["../../../src/components/Tree/Tree.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { applyEllipsis } from '../../mixins';\nimport { IconDisclosureRightCentered, IconFolder } from '../_Icon';\n\nimport { treeTokens as tokens, classes } from './Tree.tokens';\n\nexport const IconArrowWrapper = styled.div`\n    line-height: 0;\n    color: var(${tokens.arrowColor});\n\n    &:hover {\n        color: var(${tokens.arrowColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.arrowColorActive});\n    }\n`;\n\nexport const StyledArrow = styled(IconDisclosureRightCentered)`\n    transition: color 0.3s ease-in, transform 0.15s ease-in;\n    pointer-events: none;\n    user-select: none;\n`;\n\nexport const IconFolderWrapper = styled.div`\n    line-height: 0;\n    color: var(${tokens.arrowColor});\n    margin: var(${tokens.iconFolderMargin});\n`;\n\nexport const StyledFolder = styled(IconFolder)``;\n\nexport const base = css`\n    .rc-tree, .rc-tree-list {\n        border: none !important;\n    }\n\n    .rc-tree .rc-tree-treenode {\n        position: relative;\n        display: flex;\n        align-items: center;\n        min-height: var(${tokens.itemHeight});\n        padding: 0;\n    }\n\n    .rc-tree.${classes.treeItemFilled} .rc-tree-treenode {\n        padding: 0 var(${tokens.itemPadding}) !important;\n    }\n\n    .rc-tree.${classes.treeInverted}:not(${classes.treeItemFilled}) .rc-tree-treenode {\n        padding: 0 var(${tokens.itemPaddingTight});\n    }\n\n    .rc-tree .rc-tree-treenode::before {\n        content: '';\n        position: absolute;\n        z-index: -1;\n        top: 0.25rem;\n        bottom: 0.25rem;\n        left: var(${tokens.switcherSize});\n        right: 0;\n        background: transparent;\n        border-radius: var(${tokens.itemBorderRadius});\n    }\n\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled {\n        opacity: var(${tokens.itemDisabledOpacity});\n    }\n\n    .rc-tree.${classes.treeItemFilled} .rc-tree-treenode::before {\n        inset: 0;\n        border-radius: 0;\n    }\n\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-selected::before {\n        background: var(${tokens.itemBackgroundColor}) !important;\n    }\n\n    .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):hover::before {\n        background: var(${tokens.itemBackgroundColorHover});\n    }\n\n    .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):active::before {\n        background: var(${tokens.itemBackgroundColorActive});\n    }\n\n    .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper {\n        display: flex;\n        align-items: center;\n        align-self: stretch;\n        height: auto;\n        flex: 1;\n\n        // Лайфхак для корректного обрезания текста\n        width: 1px;\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher {\n        width: var(${tokens.switcherSize});\n        height: var(${tokens.switcherSize});\n        margin: var(${tokens.switcherMargin});\n        line-height: 0;\n        vertical-align: 0;\n        background: transparent;\n    }\n\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher {\n        margin: 0;\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-iconEle {\n        width: auto;\n        height: auto;\n        margin-right: 0;\n        vertical-align: 0;\n        background: transparent;\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow {\n        transform: rotate(90deg);\n    }\n\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close .arrow {\n        transform: rotate(90deg);\n    }\n\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow {\n        transform: rotate(0);\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        line-height: 0;\n        vertical-align: 0;\n        width: var(${tokens.checkboxSize});\n        height: var(${tokens.checkboxSize});\n        margin: var(${tokens.checkboxMargin});\n        background-image: none;\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox::before {\n        content: '';\n        display: block;\n        width: var(${tokens.checkboxInnerSize});\n        height: var(${tokens.checkboxInnerSize});\n        border: 0.125rem solid var(${tokens.checkboxBorderColor});\n        border-radius: var(${tokens.checkboxBorderRadius});\n        box-sizing: border-box;\n        background-size: contain;\n        background-repeat: no-repeat;\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked::before {\n        background-color: var(${tokens.checkboxBackgroundColor});\n        border-color: var(${tokens.checkboxBackgroundColor});\n        background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill='white' d='m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z' /%3E%3C/svg%3E\");\n    }\n\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate::before {\n        background-color: var(${tokens.checkboxBackgroundColor});\n        border-color: var(${tokens.checkboxBackgroundColor});\n        background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8a1 1 0 011-1h10a1 1 0 110 2H3a1 1 0 01-1-1z' fill='white'/%3E%3C/svg%3E\");\n    }\n\n    .rc-tree-title {\n        color: var(${tokens.color});\n        font-family: var(${tokens.fontFamily});\n        font-size: var(${tokens.fontSize});\n        font-style: var(${tokens.fontStyle});\n        font-weight: var(${tokens.fontWeight});\n        letter-spacing: var(${tokens.letterSpacing});\n        line-height: var(${tokens.lineHeight});\n\n        ${applyEllipsis()}\n    }\n\n    .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher {\n        order: 1;\n    }\n\n    .rc-tree.tree-inverted .rc-tree-treenode::before {\n        left: 0;\n    }\n\n    .rc-tree-node-selected {\n        opacity: 1;\n        box-shadow: none;\n        background: none;\n    }\n\n    .rc-tree-node-selected .rc-tree-title {\n        color: var(${tokens.colorSelected});\n    }\n\n    .rc-tree-node-selected ${IconFolderWrapper} {\n        color: var(${tokens.colorSelected});\n    }\n\n    .rc-tree-indent-unit {\n        width: var(${tokens.itemIndent});\n    }\n`;\n"],"names":["IconArrowWrapper","styled","name","class","propsAsIs","_exp4","IconDisclosureRightCentered","StyledArrow","IconFolderWrapper","_exp7","IconFolder","StyledFolder","base"],"mappings":";;;;;;;;AAQO,IAAMA,gBAAgB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWrC,EAAA;AAAC,IAAAC,KAAA,GAlBgBA,SAkBhBA,KAAAA,GAAA;AAAA,EAAA,OAEgCC,uDAA2B,CAAA;AAAA,CAAA,CAAA;AAAtD,IAAMC,WAAW,gBAAGN,YAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIhC,EAAA;AAEM,IAAMI,iBAAiB,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAItC,EAAA;AAAC,IAAAK,KAAA,GA9BgBA,SA8BhBA,KAAAA,GAAA;AAAA,EAAA,OAEiCC,qBAAU,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMC,YAAY,gBAAGV,YAAM,CAAAQ,KAAA,EAAA,CAAA,CAAA;AAAAP,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAc,EAAA;AAEzC,IAAMQ,IAAI,GA2KhB;;;;;;;;"}

package/cjs/components/Tree/Tree.styles_1mwgczn.css

@@ -0,0 +1,5 @@
+.io9xczg{line-height:0;color:var(--plasma-tree-arrow-color);}.io9xczg:hover{color:var(--plasma-tree-arrow-color-hover);}.io9xczg:active{color:var(--plasma-tree-arrow-color-active);}
+.smciu6q{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.i1t4s7ru{line-height:0;color:var(--plasma-tree-arrow-color);margin:var(--plasma-tree-icon-folder-margin);}
+
+.b1un80r8 .rc-tree,.b1un80r8 .rc-tree-list{border:none !important;}.b1un80r8 .rc-tree .rc-tree-treenode{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-tree-item-height);padding:0;}.b1un80r8 .rc-tree.tree-item-filled .rc-tree-treenode{padding:0 var(--plasma-tree-item-padding) !important;}.b1un80r8 .rc-tree.tree-inverted:not(tree-item-filled) .rc-tree-treenode{padding:0 var(--plasma-tree-item-padding-tight);}.b1un80r8 .rc-tree .rc-tree-treenode::before{content:'';position:absolute;z-index:-1;top:0.25rem;bottom:0.25rem;left:var(--plasma-tree-switcher-size);right:0;background:transparent;border-radius:var(--plasma-tree-item-border-radius);}.b1un80r8 .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled{opacity:var(--plasma-tree-item-disabled-opacity);}.b1un80r8 .rc-tree.tree-item-filled .rc-tree-treenode::before{inset:0;border-radius:0;}.b1un80r8 .rc-tree .rc-tree-treenode.rc-tree-treenode-selected::before{background:var(--plasma-tree-item-background-color) !important;}.b1un80r8 .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):hover::before{background:var(--plasma-tree-item-background-color-hover);}.b1un80r8 .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):active::before{background:var(--plasma-tree-item-background-color-active);}.b1un80r8 .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;height:auto;-webkit-flex:1;-ms-flex:1;flex:1;width:1px;}.b1un80r8 .rc-tree .rc-tree-treenode span.rc-tree-switcher{width:var(--plasma-tree-switcher-size);height:var(--plasma-tree-switcher-size);margin:var(--plasma-tree-switcher-margin);line-height:0;vertical-align:0;background:transparent;}.b1un80r8 .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher{margin:0;}.b1un80r8 .rc-tree .rc-tree-treenode span.rc-tree-iconEle{width:auto;height:auto;margin-right:0;vertical-align:0;background:transparent;}.b1un80r8 .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.b1un80r8 .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close .arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.b1un80r8 .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.b1un80r8 .rc-tree .rc-tree-treenode span.rc-tree-checkbox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:0;vertical-align:0;width:var(--plasma-tree-checkbox-size);height:var(--plasma-tree-checkbox-size);margin:var(--plasma-tree-checkbox-margin);background-image:none;}.b1un80r8 .rc-tree .rc-tree-treenode span.rc-tree-checkbox::before{content:'';display:block;width:var(--plasma-tree-checkbox-inner-size);height:var(--plasma-tree-checkbox-inner-size);border:0.125rem solid var(--plasma-tree-checkbox-border-color);border-radius:var(--plasma-tree-checkbox-border-radius);box-sizing:border-box;background-size:contain;background-repeat:no-repeat;}.b1un80r8 .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill='white' d='m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z' /%3E%3C/svg%3E");}.b1un80r8 .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8a1 1 0 011-1h10a1 1 0 110 2H3a1 1 0 01-1-1z' fill='white'/%3E%3C/svg%3E");}.b1un80r8 .rc-tree-title{color:var(--plasma-tree-color);font-family:var(--plasma-tree-font-family);font-size:var(--plasma-tree-font-size);font-style:var(--plasma-tree-font-style);font-weight:var(--plasma-tree-font-weight);-webkit-letter-spacing:var(--plasma-tree-letter-spacing);-moz-letter-spacing:var(--plasma-tree-letter-spacing);-ms-letter-spacing:var(--plasma-tree-letter-spacing);letter-spacing:var(--plasma-tree-letter-spacing);line-height:var(--plasma-tree-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.b1un80r8 .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher{-webkit-order:1;-ms-flex-order:1;order:1;}.b1un80r8 .rc-tree.tree-inverted .rc-tree-treenode::before{left:0;}.b1un80r8 .rc-tree-node-selected{opacity:1;box-shadow:none;background:none;}.b1un80r8 .rc-tree-node-selected .rc-tree-title{color:var(--plasma-tree-color-selected);}.b1un80r8 .rc-tree-node-selected .i1t4s7ru{color:var(--plasma-tree-color-selected);}.b1un80r8 .rc-tree-indent-unit{width:var(--plasma-tree-item-indent);}

package/cjs/components/Tree/Tree.tokens.js

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {
+  treeInverted: 'tree-inverted',
+  treeItemFilled: 'tree-item-filled'
+};
+var treeTokens = {
+  arrowColor: '--plasma-tree-arrow-color',
+  arrowColorHover: '--plasma-tree-arrow-color-hover',
+  arrowColorActive: '--plasma-tree-arrow-color-active',
+  color: '--plasma-tree-color',
+  colorSelected: '--plasma-tree-color-selected',
+  fontFamily: '--plasma-tree-font-family',
+  fontSize: '--plasma-tree-font-size',
+  fontStyle: '--plasma-tree-font-style',
+  fontWeight: '--plasma-tree-font-weight',
+  letterSpacing: '--plasma-tree-letter-spacing',
+  lineHeight: '--plasma-tree-line-height',
+  itemHeight: '--plasma-tree-item-height',
+  itemPadding: '--plasma-tree-item-padding',
+  itemPaddingTight: '--plasma-tree-item-padding-tight',
+  itemIndent: '--plasma-tree-item-indent',
+  itemBorderRadius: '--plasma-tree-item-border-radius',
+  iconFolderMargin: '--plasma-tree-icon-folder-margin',
+  switcherMargin: '--plasma-tree-switcher-margin',
+  switcherSize: '--plasma-tree-switcher-size',
+  checkboxSize: '--plasma-tree-checkbox-size',
+  checkboxInnerSize: '--plasma-tree-checkbox-inner-size',
+  checkboxBorderRadius: '--plasma-tree-checkbox-border-radius',
+  checkboxMargin: '--plasma-tree-checkbox-margin',
+  checkboxBorderColor: '--plasma-tree-checkbox-border-color',
+  checkboxBackgroundColor: '--plasma-tree-checkbox-background-color',
+  itemBackgroundColor: '--plasma-tree-item-background-color',
+  itemBackgroundColorHover: '--plasma-tree-item-background-color-hover',
+  itemBackgroundColorActive: '--plasma-tree-item-background-color-active',
+  itemDisabledOpacity: '--plasma-tree-item-disabled-opacity'
+};
+
+exports.classes = classes;
+exports.treeTokens = treeTokens;
+//# sourceMappingURL=Tree.tokens.js.map

package/cjs/components/Tree/Tree.tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.tokens.js","sources":["../../../src/components/Tree/Tree.tokens.ts"],"sourcesContent":["export const classes = {\n    treeInverted: 'tree-inverted',\n    treeItemFilled: 'tree-item-filled',\n};\n\nexport const treeTokens = {\n    arrowColor: '--plasma-tree-arrow-color',\n    arrowColorHover: '--plasma-tree-arrow-color-hover',\n    arrowColorActive: '--plasma-tree-arrow-color-active',\n    color: '--plasma-tree-color',\n    colorSelected: '--plasma-tree-color-selected',\n    fontFamily: '--plasma-tree-font-family',\n    fontSize: '--plasma-tree-font-size',\n    fontStyle: '--plasma-tree-font-style',\n    fontWeight: '--plasma-tree-font-weight',\n    letterSpacing: '--plasma-tree-letter-spacing',\n    lineHeight: '--plasma-tree-line-height',\n    itemHeight: '--plasma-tree-item-height',\n    itemPadding: '--plasma-tree-item-padding',\n    itemPaddingTight: '--plasma-tree-item-padding-tight',\n    itemIndent: '--plasma-tree-item-indent',\n    itemBorderRadius: '--plasma-tree-item-border-radius',\n    iconFolderMargin: '--plasma-tree-icon-folder-margin',\n    switcherMargin: '--plasma-tree-switcher-margin',\n    switcherSize: '--plasma-tree-switcher-size',\n    checkboxSize: '--plasma-tree-checkbox-size',\n    checkboxInnerSize: '--plasma-tree-checkbox-inner-size',\n    checkboxBorderRadius: '--plasma-tree-checkbox-border-radius',\n    checkboxMargin: '--plasma-tree-checkbox-margin',\n    checkboxBorderColor: '--plasma-tree-checkbox-border-color',\n    checkboxBackgroundColor: '--plasma-tree-checkbox-background-color',\n    itemBackgroundColor: '--plasma-tree-item-background-color',\n    itemBackgroundColorHover: '--plasma-tree-item-background-color-hover',\n    itemBackgroundColorActive: '--plasma-tree-item-background-color-active',\n    itemDisabledOpacity: '--plasma-tree-item-disabled-opacity',\n};\n"],"names":["classes","treeInverted","treeItemFilled","treeTokens","arrowColor","arrowColorHover","arrowColorActive","color","colorSelected","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","itemHeight","itemPadding","itemPaddingTight","itemIndent","itemBorderRadius","iconFolderMargin","switcherMargin","switcherSize","checkboxSize","checkboxInnerSize","checkboxBorderRadius","checkboxMargin","checkboxBorderColor","checkboxBackgroundColor","itemBackgroundColor","itemBackgroundColorHover","itemBackgroundColorActive","itemDisabledOpacity"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,YAAY,EAAE,eAAe;AAC7BC,EAAAA,cAAc,EAAE,kBAAA;AACpB,EAAC;AAEM,IAAMC,UAAU,GAAG;AACtBC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,QAAQ,EAAE,yBAAyB;AACnCC,EAAAA,SAAS,EAAE,0BAA0B;AACrCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,cAAc,EAAE,+BAA+B;AAC/CC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,iBAAiB,EAAE,mCAAmC;AACtDC,EAAAA,oBAAoB,EAAE,sCAAsC;AAC5DC,EAAAA,cAAc,EAAE,+BAA+B;AAC/CC,EAAAA,mBAAmB,EAAE,qCAAqC;AAC1DC,EAAAA,uBAAuB,EAAE,yCAAyC;AAClEC,EAAAA,mBAAmB,EAAE,qCAAqC;AAC1DC,EAAAA,wBAAwB,EAAE,2CAA2C;AACrEC,EAAAA,yBAAyB,EAAE,4CAA4C;AACvEC,EAAAA,mBAAmB,EAAE,qCAAA;AACzB;;;;;"}

package/cjs/components/Tree/utils/sizeToIconSize.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var sizeToIconSize = function sizeToIconSize(size) {
+  if (size === 'xs') return 'xs';
+  return 's';
+};
+
+exports.sizeToIconSize = sizeToIconSize;
+//# sourceMappingURL=sizeToIconSize.js.map

package/cjs/components/Tree/utils/sizeToIconSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizeToIconSize.js","sources":["../../../../src/components/Tree/utils/sizeToIconSize.ts"],"sourcesContent":["export const sizeToIconSize = (size?: string) => {\n    if (size === 'xs') return 'xs';\n\n    return 's';\n};\n"],"names":["sizeToIconSize","size"],"mappings":";;;;IAAaA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAa,EAAK;AAC7C,EAAA,IAAIA,IAAI,KAAK,IAAI,EAAE,OAAO,IAAI,CAAA;AAE9B,EAAA,OAAO,GAAG,CAAA;AACd;;;;"}

package/cjs/components/_Icon/Icon.assets/Folder.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+
+var _path;
+var Folder = function Folder(props) {
+  return /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.extends({
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2.02752 9.75007H2V7.3191C1.99999 6.71538 1.99998 6.2171 2.03315 5.8112C2.06759 5.38963 2.14151 5.0021 2.32698 4.6381C2.6146 4.07361 3.07354 3.61467 3.63803 3.32705C4.00203 3.14158 4.38956 3.06766 4.81113 3.03322C5.21703 3.00005 5.7153 3.00006 6.31903 3.00007L9.10319 3.00004C9.69972 2.99971 10.1427 2.99947 10.5265 3.10229C11.5617 3.3797 12.3704 4.18834 12.6478 5.22362C12.7096 5.45422 12.7341 5.70621 12.7438 6.00007L16.4821 6.00007C17.2949 6.00006 17.9506 6.00006 18.4815 6.04344C19.0281 6.0881 19.5082 6.18246 19.9525 6.4088C20.6581 6.76832 21.2317 7.342 21.5913 8.04761C21.8176 8.49183 21.912 8.97197 21.9566 9.5186C22 10.0495 22 10.7051 22 11.5179V14.4822C22 15.295 22 15.9506 21.9566 16.4815C21.912 17.0282 21.8176 17.5083 21.5913 17.9525C21.2317 18.6581 20.6581 19.2318 19.9525 19.5913C19.5082 19.8177 19.0281 19.912 18.4815 19.9567C17.9506 20.0001 17.2949 20.0001 16.4821 20.0001H7.51793C6.70507 20.0001 6.04945 20.0001 5.51853 19.9567C4.9719 19.912 4.49176 19.8177 4.04754 19.5913C3.34193 19.2318 2.76825 18.6581 2.40873 17.9525C2.18239 17.5083 2.08803 17.0282 2.04336 16.4815C1.99999 15.9506 1.99999 15.295 2 14.4822V11.518C1.99999 10.8194 1.99999 10.237 2.02752 9.75007ZM9 4.50007C9.74577 4.50007 9.97152 4.50651 10.1382 4.55118C10.6559 4.68988 11.0602 5.09421 11.1989 5.61184C11.2228 5.70094 11.2357 5.80689 11.2426 6.00007L7.5179 6.00007C6.70506 6.00006 6.04944 6.00006 5.51853 6.04344C4.9719 6.0881 4.49176 6.18246 4.04754 6.4088C3.8551 6.50685 3.67247 6.62083 3.50133 6.74907C3.50368 6.4154 3.51019 6.15332 3.52816 5.93335C3.55503 5.60454 3.60372 5.43639 3.66349 5.31909C3.8073 5.03684 4.03677 4.80737 4.31902 4.66356C4.43631 4.6038 4.60447 4.5551 4.93328 4.52824C5.27085 4.50066 5.70757 4.50007 6.35 4.50007H9ZM4.72852 7.74531C4.92604 7.64467 5.18681 7.57554 5.64068 7.53845C6.10331 7.50066 6.69755 7.50007 7.55 7.50007H16.45C17.3025 7.50007 17.8967 7.50066 18.3593 7.53845C18.8132 7.57554 19.074 7.64467 19.2715 7.74531C19.6948 7.96102 20.039 8.30523 20.2548 8.72859C20.3554 8.92611 20.4245 9.18688 20.4616 9.64075C20.4994 10.1034 20.5 10.6976 20.5 11.5501V14.4501C20.5 15.3025 20.4994 15.8968 20.4616 16.3594C20.4245 16.8133 20.3554 17.074 20.2548 17.2716C20.039 17.6949 19.6948 18.0391 19.2715 18.2548C19.074 18.3555 18.8132 18.4246 18.3593 18.4617C17.8967 18.4995 17.3025 18.5001 16.45 18.5001H7.55C6.69755 18.5001 6.10331 18.4995 5.64068 18.4617C5.18681 18.4246 4.92604 18.3555 4.72852 18.2548C4.30516 18.0391 3.96095 17.6949 3.74524 17.2716C3.6446 17.074 3.57547 16.8133 3.53838 16.3594C3.50058 15.8968 3.5 15.3025 3.5 14.4501V11.5501C3.5 10.6976 3.50058 10.1034 3.53838 9.64075C3.57547 9.18688 3.6446 8.92611 3.74524 8.72859C3.96095 8.30523 4.30516 7.96102 4.72852 7.74531Z",
+    fill: "currentColor"
+  })));
+};
+
+exports.Folder = Folder;
+//# sourceMappingURL=Folder.js.map

package/cjs/components/_Icon/Icon.assets/Folder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Folder.js","sources":["../../../../src/components/_Icon/Icon.assets/Folder.tsx"],"sourcesContent":["import React from 'react';\n\nimport { IconProps } from '../IconRoot';\n\nexport const Folder: React.FC<IconProps> = (props) => (\n    <svg width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M2.02752 9.75007H2V7.3191C1.99999 6.71538 1.99998 6.2171 2.03315 5.8112C2.06759 5.38963 2.14151 5.0021 2.32698 4.6381C2.6146 4.07361 3.07354 3.61467 3.63803 3.32705C4.00203 3.14158 4.38956 3.06766 4.81113 3.03322C5.21703 3.00005 5.7153 3.00006 6.31903 3.00007L9.10319 3.00004C9.69972 2.99971 10.1427 2.99947 10.5265 3.10229C11.5617 3.3797 12.3704 4.18834 12.6478 5.22362C12.7096 5.45422 12.7341 5.70621 12.7438 6.00007L16.4821 6.00007C17.2949 6.00006 17.9506 6.00006 18.4815 6.04344C19.0281 6.0881 19.5082 6.18246 19.9525 6.4088C20.6581 6.76832 21.2317 7.342 21.5913 8.04761C21.8176 8.49183 21.912 8.97197 21.9566 9.5186C22 10.0495 22 10.7051 22 11.5179V14.4822C22 15.295 22 15.9506 21.9566 16.4815C21.912 17.0282 21.8176 17.5083 21.5913 17.9525C21.2317 18.6581 20.6581 19.2318 19.9525 19.5913C19.5082 19.8177 19.0281 19.912 18.4815 19.9567C17.9506 20.0001 17.2949 20.0001 16.4821 20.0001H7.51793C6.70507 20.0001 6.04945 20.0001 5.51853 19.9567C4.9719 19.912 4.49176 19.8177 4.04754 19.5913C3.34193 19.2318 2.76825 18.6581 2.40873 17.9525C2.18239 17.5083 2.08803 17.0282 2.04336 16.4815C1.99999 15.9506 1.99999 15.295 2 14.4822V11.518C1.99999 10.8194 1.99999 10.237 2.02752 9.75007ZM9 4.50007C9.74577 4.50007 9.97152 4.50651 10.1382 4.55118C10.6559 4.68988 11.0602 5.09421 11.1989 5.61184C11.2228 5.70094 11.2357 5.80689 11.2426 6.00007L7.5179 6.00007C6.70506 6.00006 6.04944 6.00006 5.51853 6.04344C4.9719 6.0881 4.49176 6.18246 4.04754 6.4088C3.8551 6.50685 3.67247 6.62083 3.50133 6.74907C3.50368 6.4154 3.51019 6.15332 3.52816 5.93335C3.55503 5.60454 3.60372 5.43639 3.66349 5.31909C3.8073 5.03684 4.03677 4.80737 4.31902 4.66356C4.43631 4.6038 4.60447 4.5551 4.93328 4.52824C5.27085 4.50066 5.70757 4.50007 6.35 4.50007H9ZM4.72852 7.74531C4.92604 7.64467 5.18681 7.57554 5.64068 7.53845C6.10331 7.50066 6.69755 7.50007 7.55 7.50007H16.45C17.3025 7.50007 17.8967 7.50066 18.3593 7.53845C18.8132 7.57554 19.074 7.64467 19.2715 7.74531C19.6948 7.96102 20.039 8.30523 20.2548 8.72859C20.3554 8.92611 20.4245 9.18688 20.4616 9.64075C20.4994 10.1034 20.5 10.6976 20.5 11.5501V14.4501C20.5 15.3025 20.4994 15.8968 20.4616 16.3594C20.4245 16.8133 20.3554 17.074 20.2548 17.2716C20.039 17.6949 19.6948 18.0391 19.2715 18.2548C19.074 18.3555 18.8132 18.4246 18.3593 18.4617C17.8967 18.4995 17.3025 18.5001 16.45 18.5001H7.55C6.69755 18.5001 6.10331 18.4995 5.64068 18.4617C5.18681 18.4246 4.92604 18.3555 4.72852 18.2548C4.30516 18.0391 3.96095 17.6949 3.74524 17.2716C3.6446 17.074 3.57547 16.8133 3.53838 16.3594C3.50058 15.8968 3.5 15.3025 3.5 14.4501V11.5501C3.5 10.6976 3.50058 10.1034 3.53838 9.64075C3.57547 9.18688 3.6446 8.92611 3.74524 8.72859C3.96095 8.30523 4.30516 7.96102 4.72852 7.74531Z\"\n            fill=\"currentColor\"\n        />\n    </svg>\n);\n"],"names":["Folder","props","React","createElement","_extends","width","height","viewBox","fill","xmlns","_path","fillRule","clipRule","d"],"mappings":";;;;;;;;IAIaA,MAA2B,GAAG,SAA9BA,MAA2BA,CAAIC,KAAK,EAAA;AAAA,EAAA,oBAC7CC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,iCAAA,CAAA;AAAKC,IAAAA,KAAK,EAAC,MAAM;AAACC,IAAAA,MAAM,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACC,IAAAA,KAAK,EAAC,4BAAA;GAAiCR,EAAAA,KAAK,GAAAS,KAAA,KAAAA,KAAA,gBACxGR,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIQ,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,CAAC,EAAC,2oFAA2oF;AAC7oFL,IAAAA,IAAI,EAAC,cAAA;GACR,CAAC,CACD,CAAC,CAAA;AAAA;;;;"}

package/cjs/components/_Icon/Icons/IconFolder.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var Folder = require('../Icon.assets/Folder.js');
+var IconRoot = require('../IconRoot.js');
+
+var IconFolder = function IconFolder(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'xs' : _ref$size,
+    color = _ref.color,
+    className = _ref.className;
+  return /*#__PURE__*/React.createElement(IconRoot.IconRoot, {
+    className: className,
+    size: size,
+    color: color,
+    icon: Folder.Folder
+  });
+};
+
+exports.IconFolder = IconFolder;
+//# sourceMappingURL=IconFolder.js.map

package/cjs/components/_Icon/Icons/IconFolder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconFolder.js","sources":["../../../../src/components/_Icon/Icons/IconFolder.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Folder } from '../Icon.assets/Folder';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconFolder: React.FC<IconProps> = ({ size = 'xs', color, className }) => {\n    return <IconRoot className={className} size={size} color={color} icon={Folder} />;\n};\n"],"names":["IconFolder","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","Folder"],"mappings":";;;;;;;;IAKaA,UAA+B,GAAG,SAAlCA,UAA+BA,CAAAC,IAAA,EAA0C;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAApCE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AAC3E,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,iBAAQ,EAAA;AAACH,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACK,IAAAA,IAAI,EAAEC,aAAAA;AAAO,GAAE,CAAC,CAAA;AACrF;;;;"}

package/cjs/index.css

@@ -855,6 +855,12 @@
 .Dropzone_styles_1its6my_d1r2tsr1__4bf7a496{visibility:hidden;position:absolute;z-index:-9999;opacity:0;}
 .Dropzone_styles_1its6my_h9wsl68__4bf7a496{display:none;}
 
+.Tree_styles_1mwgczn_io9xczg__70ed92a2{line-height:0;color:var(--plasma-tree-arrow-color);}.Tree_styles_1mwgczn_io9xczg__70ed92a2:hover{color:var(--plasma-tree-arrow-color-hover);}.Tree_styles_1mwgczn_io9xczg__70ed92a2:active{color:var(--plasma-tree-arrow-color-active);}
+.Tree_styles_1mwgczn_smciu6q__70ed92a2{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.Tree_styles_1mwgczn_i1t4s7ru__70ed92a2{line-height:0;color:var(--plasma-tree-arrow-color);margin:var(--plasma-tree-icon-folder-margin);}
+
+.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2,.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTreeList__70ed92a2{border:none !important;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-tree-item-height);padding:0;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2.Tree_styles_1mwgczn_treeItemFilled__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2{padding:0 var(--plasma-tree-item-padding) !important;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2.Tree_styles_1mwgczn_treeInverted__70ed92a2:not(tree-item-filled) .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2{padding:0 var(--plasma-tree-item-padding-tight);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2::before{content:'';position:absolute;z-index:-1;top:0.25rem;bottom:0.25rem;left:var(--plasma-tree-switcher-size);right:0;background:transparent;border-radius:var(--plasma-tree-item-border-radius);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2.Tree_styles_1mwgczn_rcTreeTreenodeDisabled__70ed92a2{opacity:var(--plasma-tree-item-disabled-opacity);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2.Tree_styles_1mwgczn_treeItemFilled__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2::before{inset:0;border-radius:0;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2.Tree_styles_1mwgczn_rcTreeTreenodeSelected__70ed92a2::before{background:var(--plasma-tree-item-background-color) !important;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2:not(.Tree_styles_1mwgczn_rcTreeTreenodeDisabled__70ed92a2):hover::before{background:var(--plasma-tree-item-background-color-hover);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2:not(.Tree_styles_1mwgczn_rcTreeTreenodeDisabled__70ed92a2):active::before{background:var(--plasma-tree-item-background-color-active);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 .Tree_styles_1mwgczn_rcTreeNodeContentWrapper__70ed92a2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;height:auto;-webkit-flex:1;-ms-flex:1;flex:1;width:1px;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeSwitcher__70ed92a2{width:var(--plasma-tree-switcher-size);height:var(--plasma-tree-switcher-size);margin:var(--plasma-tree-switcher-margin);line-height:0;vertical-align:0;background:transparent;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2.Tree_styles_1mwgczn_treeInverted__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeSwitcher__70ed92a2{margin:0;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeIconEle__70ed92a2{width:auto;height:auto;margin-right:0;vertical-align:0;background:transparent;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeSwitcher__70ed92a2.Tree_styles_1mwgczn_rcTreeSwitcher_open__70ed92a2 .Tree_styles_1mwgczn_arrow__70ed92a2{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2.Tree_styles_1mwgczn_treeInverted__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeSwitcher__70ed92a2.Tree_styles_1mwgczn_rcTreeSwitcher_close__70ed92a2 .Tree_styles_1mwgczn_arrow__70ed92a2{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2.Tree_styles_1mwgczn_treeInverted__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeSwitcher__70ed92a2.Tree_styles_1mwgczn_rcTreeSwitcher_open__70ed92a2 .Tree_styles_1mwgczn_arrow__70ed92a2{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeCheckbox__70ed92a2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:0;vertical-align:0;width:var(--plasma-tree-checkbox-size);height:var(--plasma-tree-checkbox-size);margin:var(--plasma-tree-checkbox-margin);background-image:none;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeCheckbox__70ed92a2::before{content:'';display:block;width:var(--plasma-tree-checkbox-inner-size);height:var(--plasma-tree-checkbox-inner-size);border:0.125rem solid var(--plasma-tree-checkbox-border-color);border-radius:var(--plasma-tree-checkbox-border-radius);box-sizing:border-box;background-size:contain;background-repeat:no-repeat;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeCheckboxChecked__70ed92a2::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill='white' d='m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z' /%3E%3C/svg%3E");}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeCheckbox__70ed92a2.Tree_styles_1mwgczn_rcTreeCheckboxIndeterminate__70ed92a2::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8a1 1 0 011-1h10a1 1 0 110 2H3a1 1 0 01-1-1z' fill='white'/%3E%3C/svg%3E");}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTreeTitle__70ed92a2{color:var(--plasma-tree-color);font-family:var(--plasma-tree-font-family);font-size:var(--plasma-tree-font-size);font-style:var(--plasma-tree-font-style);font-weight:var(--plasma-tree-font-weight);-webkit-letter-spacing:var(--plasma-tree-letter-spacing);-moz-letter-spacing:var(--plasma-tree-letter-spacing);-ms-letter-spacing:var(--plasma-tree-letter-spacing);letter-spacing:var(--plasma-tree-letter-spacing);line-height:var(--plasma-tree-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2.Tree_styles_1mwgczn_treeInverted__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeSwitcher__70ed92a2{-webkit-order:1;-ms-flex-order:1;order:1;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2.Tree_styles_1mwgczn_treeInverted__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2::before{left:0;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTreeNodeSelected__70ed92a2{opacity:1;box-shadow:none;background:none;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTreeNodeSelected__70ed92a2 .Tree_styles_1mwgczn_rcTreeTitle__70ed92a2{color:var(--plasma-tree-color-selected);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTreeNodeSelected__70ed92a2 .Tree_styles_1mwgczn_i1t4s7ru__70ed92a2{color:var(--plasma-tree-color-selected);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTreeIndentUnit__70ed92a2{width:var(--plasma-tree-item-indent);}
+
 .Rating_styles_hi5qwl_b1s2z5a7__fbb4c466{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
 
 .Rating_styles_hi5qwl_w2w5s5q__fbb4c466{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}

package/cjs/index.js

@@ -212,6 +212,8 @@ var NumberInput = require('./components/NumberInput/NumberInput.js');
 var NumberInput_tokens = require('./components/NumberInput/NumberInput.tokens.js');
 var Dropzone = require('./components/Dropzone/Dropzone.js');
 var Dropzone_tokens = require('./components/Dropzone/Dropzone.tokens.js');
+var Tree = require('./components/Tree/Tree.js');
+var Tree_tokens = require('./components/Tree/Tree.tokens.js');
 var Rating = require('./components/Rating/Rating.js');
 var Rating_tokens = require('./components/Rating/Rating.tokens.js');
 
@@ -617,6 +619,8 @@ exports.dropzoneConfig = Dropzone.dropzoneConfig;
 exports.dropzoneRoot = Dropzone.dropzoneRoot;
 exports.dropzoneClasses = Dropzone_tokens.classes;
 exports.dropzoneTokens = Dropzone_tokens.tokens;
+exports.treeConfig = Tree.treeConfig;
+exports.treeTokens = Tree_tokens.treeTokens;
 exports.ratingConfig = Rating.ratingConfig;
 exports.ratingRoot = Rating.ratingRoot;
 exports.ratingClasses = Rating_tokens.classes;

package/cjs/index.js.map

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

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

@@ -0,0 +1,100 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.treeRoot = exports.treeConfig = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _rcTree = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("rc-tree"));
+require("rc-tree/assets/index.css");
+var _utils = /*#__PURE__*/require("../../utils");
+var _Tree = /*#__PURE__*/require("./Tree.styles");
+var _utils2 = /*#__PURE__*/require("./utils");
+var _Tree2 = /*#__PURE__*/require("./Tree.tokens");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+/**
+ * Многоуровневый раскрывающийся список в виде дерева.
+ */
+var treeRoot = exports.treeRoot = function treeRoot(Root) {
+  return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+    var items = _ref.items,
+      _ref$arrowPlacement = _ref.arrowPlacement,
+      arrowPlacement = _ref$arrowPlacement === void 0 ? 'left' : _ref$arrowPlacement,
+      _ref$virtual = _ref.virtual,
+      virtual = _ref$virtual === void 0 ? false : _ref$virtual,
+      height = _ref.height,
+      size = _ref.size,
+      view = _ref.view,
+      _ref$fullWidthItemSel = _ref.fullWidthItemSelection,
+      fullWidthItemSelection = _ref$fullWidthItemSel === void 0 ? false : _ref$fullWidthItemSel,
+      _ref$multiple = _ref.multiple,
+      multiple = _ref$multiple === void 0 ? false : _ref$multiple,
+      _ref$defaultExpandAll = _ref.defaultExpandAll,
+      defaultExpandAll = _ref$defaultExpandAll === void 0 ? false : _ref$defaultExpandAll,
+      _ref$checkable = _ref.checkable,
+      checkable = _ref$checkable === void 0 ? false : _ref$checkable,
+      defaultCheckedKeys = _ref.defaultCheckedKeys,
+      defaultExpandedKeys = _ref.defaultExpandedKeys,
+      defaultSelectedKeys = _ref.defaultSelectedKeys,
+      className = _ref.className,
+      onTreeSelect = _ref.onTreeSelect,
+      onTreeCheck = _ref.onTreeCheck,
+      onTreeExpand = _ref.onTreeExpand,
+      _ref$hasIcon = _ref.hasIcon,
+      hasIcon = _ref$hasIcon === void 0 ? false : _ref$hasIcon,
+      icon = _ref.icon;
+    var invertedClass = arrowPlacement === 'right' ? _Tree2.classes.treeInverted : undefined;
+    var itemFilledClass = fullWidthItemSelection ? _Tree2.classes.treeItemFilled : undefined;
+    return /*#__PURE__*/_react["default"].createElement(Root, {
+      view: view,
+      size: size,
+      ref: ref,
+      items: items
+    }, /*#__PURE__*/_react["default"].createElement(_rcTree["default"], {
+      height: height,
+      virtual: virtual,
+      multiple: multiple,
+      checkable: checkable,
+      className: (0, _utils.cx)(className, invertedClass, itemFilledClass),
+      defaultExpandAll: defaultExpandAll,
+      style: {
+        border: '1px solid #000'
+      },
+      treeData: items,
+      defaultCheckedKeys: defaultCheckedKeys,
+      defaultExpandedKeys: defaultExpandedKeys,
+      defaultSelectedKeys: defaultSelectedKeys,
+      onSelect: onTreeSelect,
+      onCheck: onTreeCheck,
+      onExpand: onTreeExpand,
+      switcherIcon: function switcherIcon(node) {
+        if (node.isLeaf) {
+          return null;
+        }
+        return /*#__PURE__*/_react["default"].createElement(_Tree.IconArrowWrapper, null, /*#__PURE__*/_react["default"].createElement(_Tree.StyledArrow, {
+          size: (0, _utils2.sizeToIconSize)(size),
+          color: "inherit",
+          className: "arrow"
+        }));
+      },
+      icon: hasIcon && (icon || /*#__PURE__*/_react["default"].createElement(_Tree.IconFolderWrapper, null, /*#__PURE__*/_react["default"].createElement(_Tree.StyledFolder, {
+        size: (0, _utils2.sizeToIconSize)(size),
+        color: "inherit"
+      })))
+    }));
+  });
+};
+var treeConfig = exports.treeConfig = {
+  name: 'Tree',
+  tag: 'div',
+  layout: treeRoot,
+  base: _Tree.base,
+  variations: {},
+  defaults: {
+    view: 'default',
+    size: 'm'
+  }
+};