@salutejs/plasma-new-hope 0.326.1-canary.2043.15849605311.0 → 0.327.0-canary.1741.15743877104.0

package/es/components/Tree/Tree.js

@@ -9,101 +9,91 @@ import { sizeToIconSize } from './utils/sizeToIconSize.js';
 /**
  * Многоуровневый раскрывающийся список в виде дерева.
  */
-var treeRoot = function treeRoot(Root) {
-  return /*#__PURE__*/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 ? true : _ref$virtual,
-      height = _ref.height,
-      itemHeight = _ref.itemHeight,
-      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,
-      checkedKeys = _ref.checkedKeys,
-      expandedKeys = _ref.expandedKeys,
-      selectedKeys = _ref.selectedKeys,
-      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,
-      renderTitle = _ref.renderTitle;
-    var invertedClass = arrowPlacement === 'right' ? classes.treeInverted : undefined;
-    var itemFilledClass = fullWidthItemSelection ? classes.treeItemFilled : undefined;
-    return /*#__PURE__*/React.createElement(Root, {
-      view: view,
-      size: size,
-      ref: ref,
-      items: items
-    }, /*#__PURE__*/React.createElement(Tree, _extends({
-      height: height,
-      itemHeight: itemHeight,
-      virtual: virtual,
-      multiple: multiple,
-      checkable: checkable,
-      className: cx(className, invertedClass, itemFilledClass),
-      defaultExpandAll: defaultExpandAll,
-      style: {
-        border: '1px solid #000'
-      },
-      treeData: items
-    }, checkedKeys !== undefined ? {
-      checkedKeys: checkedKeys
-    } : {}, expandedKeys !== undefined ? {
-      expandedKeys: expandedKeys
-    } : {}, selectedKeys !== undefined ? {
-      selectedKeys: selectedKeys
-    } : {}, {
-      defaultCheckedKeys: defaultCheckedKeys,
-      defaultExpandedKeys: defaultExpandedKeys,
-      defaultSelectedKeys: defaultSelectedKeys,
-      onSelect: onTreeSelect
-      // Тайп кастинг для упрощения API
-      ,
-      onCheck: onTreeCheck,
-      onExpand: onTreeExpand,
-      switcherIcon: function switcherIcon(node) {
-        if (node.isLeaf) {
-          return null;
-        }
-        return /*#__PURE__*/React.createElement(IconArrowWrapper, null, /*#__PURE__*/React.createElement(StyledArrow, {
-          size: sizeToIconSize(size),
-          color: "inherit",
-          className: "arrow"
-        }));
-      },
-      icon: hasIcon && (icon || /*#__PURE__*/React.createElement(StyledFolder, {
-        size: sizeToIconSize(size),
-        color: "inherit"
-      })),
-      titleRender: function titleRender(item) {
-        return /*#__PURE__*/React.createElement(TitleWrapper, {
-          fullWidthItemSelection: fullWidthItemSelection,
-          arrowPlacement: arrowPlacement
-        }, /*#__PURE__*/React.createElement(Title, null, renderTitle ? renderTitle(item) : typeof item.title === 'function' ? item.title(item) : item.title), item.contentRight && /*#__PURE__*/React.createElement(ContentRight, null, item.contentRight));
+const treeRoot = Root => /*#__PURE__*/forwardRef(({
+  items,
+  arrowPlacement = 'left',
+  virtual = true,
+  height,
+  itemHeight,
+  size,
+  view,
+  fullWidthItemSelection = false,
+  multiple = false,
+  defaultExpandAll = false,
+  checkable = false,
+  checkedKeys,
+  expandedKeys,
+  selectedKeys,
+  defaultCheckedKeys,
+  defaultExpandedKeys,
+  defaultSelectedKeys,
+  className,
+  onTreeSelect,
+  onTreeCheck,
+  onTreeExpand,
+  hasIcon = false,
+  icon,
+  renderTitle
+}, ref) => {
+  const invertedClass = arrowPlacement === 'right' ? classes.treeInverted : undefined;
+  const itemFilledClass = fullWidthItemSelection ? classes.treeItemFilled : undefined;
+  return /*#__PURE__*/React.createElement(Root, {
+    view: view,
+    size: size,
+    ref: ref,
+    items: items
+  }, /*#__PURE__*/React.createElement(Tree, _extends({
+    height: height,
+    itemHeight: itemHeight,
+    virtual: virtual,
+    multiple: multiple,
+    checkable: checkable,
+    className: cx(className, invertedClass, itemFilledClass),
+    defaultExpandAll: defaultExpandAll,
+    style: {
+      border: '1px solid #000'
+    },
+    treeData: items
+  }, checkedKeys !== undefined ? {
+    checkedKeys
+  } : {}, expandedKeys !== undefined ? {
+    expandedKeys
+  } : {}, selectedKeys !== undefined ? {
+    selectedKeys
+  } : {}, {
+    defaultCheckedKeys: defaultCheckedKeys,
+    defaultExpandedKeys: defaultExpandedKeys,
+    defaultSelectedKeys: defaultSelectedKeys,
+    onSelect: onTreeSelect
+    // Тайп кастинг для упрощения API
+    ,
+    onCheck: onTreeCheck,
+    onExpand: onTreeExpand,
+    switcherIcon: node => {
+      if (node.isLeaf) {
+        return null;
       }
-    })));
-  });
-};
-var treeConfig = {
+      return /*#__PURE__*/React.createElement(IconArrowWrapper, null, /*#__PURE__*/React.createElement(StyledArrow, {
+        size: sizeToIconSize(size),
+        color: "inherit",
+        className: "arrow"
+      }));
+    },
+    icon: hasIcon && (icon || /*#__PURE__*/React.createElement(StyledFolder, {
+      size: sizeToIconSize(size),
+      color: "inherit"
+    })),
+    titleRender: item => /*#__PURE__*/React.createElement(TitleWrapper, {
+      fullWidthItemSelection: fullWidthItemSelection,
+      arrowPlacement: arrowPlacement
+    }, /*#__PURE__*/React.createElement(Title, null, renderTitle ? renderTitle(item) : typeof item.title === 'function' ? item.title(item) : item.title), item.contentRight && /*#__PURE__*/React.createElement(ContentRight, null, item.contentRight))
+  })));
+});
+const treeConfig = {
   name: 'Tree',
   tag: 'div',
   layout: treeRoot,
-  base: base,
+  base,
   variations: {},
   defaults: {
     view: 'default',

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

@@ -1 +1 @@
-{"version":3,"file":"Tree.js","sources":["../../../src/components/Tree/Tree.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport Tree from 'rc-tree';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { TreeProps } from './Tree.types';\nimport { IconArrowWrapper, StyledArrow, base, StyledFolder, TitleWrapper, Title, ContentRight } 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 = true,\n                height,\n                itemHeight,\n                size,\n                view,\n                fullWidthItemSelection = false,\n                multiple = false,\n                defaultExpandAll = false,\n                checkable = false,\n                checkedKeys,\n                expandedKeys,\n                selectedKeys,\n                defaultCheckedKeys,\n                defaultExpandedKeys,\n                defaultSelectedKeys,\n                className,\n                onTreeSelect,\n                onTreeCheck,\n                onTreeExpand,\n                hasIcon = false,\n                icon,\n                renderTitle,\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                        itemHeight={itemHeight}\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                        {...(checkedKeys !== undefined ? { checkedKeys } : {})}\n                        {...(expandedKeys !== undefined ? { expandedKeys } : {})}\n                        {...(selectedKeys !== undefined ? { selectedKeys } : {})}\n                        defaultCheckedKeys={defaultCheckedKeys}\n                        defaultExpandedKeys={defaultExpandedKeys}\n                        defaultSelectedKeys={defaultSelectedKeys}\n                        onSelect={onTreeSelect}\n                        // Тайп кастинг для упрощения API\n                        onCheck={onTreeCheck as any}\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={hasIcon && (icon || <StyledFolder size={sizeToIconSize(size)} color=\"inherit\" />)}\n                        titleRender={(item) => (\n                            <TitleWrapper\n                                fullWidthItemSelection={fullWidthItemSelection}\n                                arrowPlacement={arrowPlacement}\n                            >\n                                <Title>\n                                    {/* eslint-disable-next-line no-nested-ternary */}\n                                    {renderTitle\n                                        ? renderTitle(item)\n                                        : typeof item.title === 'function'\n                                        ? item.title(item)\n                                        : item.title}\n                                </Title>\n\n                                {item.contentRight && <ContentRight>{item.contentRight}</ContentRight>}\n                            </TitleWrapper>\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","itemHeight","size","view","_ref$fullWidthItemSel","fullWidthItemSelection","_ref$multiple","multiple","_ref$defaultExpandAll","defaultExpandAll","_ref$checkable","checkable","checkedKeys","expandedKeys","selectedKeys","defaultCheckedKeys","defaultExpandedKeys","defaultSelectedKeys","className","onTreeSelect","onTreeCheck","onTreeExpand","_ref$hasIcon","hasIcon","icon","renderTitle","invertedClass","classes","treeInverted","undefined","itemFilledClass","treeItemFilled","React","createElement","Tree","_extends","cx","style","border","treeData","onSelect","onCheck","onExpand","switcherIcon","node","isLeaf","IconArrowWrapper","StyledArrow","sizeToIconSize","color","StyledFolder","titleRender","item","TitleWrapper","Title","title","contentRight","ContentRight","treeConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}
+{"version":3,"file":"Tree.js","sources":["../../../src/components/Tree/Tree.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport Tree from 'rc-tree';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { TreeProps } from './Tree.types';\nimport { IconArrowWrapper, StyledArrow, base, StyledFolder, TitleWrapper, Title, ContentRight } 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 = true,\n                height,\n                itemHeight,\n                size,\n                view,\n                fullWidthItemSelection = false,\n                multiple = false,\n                defaultExpandAll = false,\n                checkable = false,\n                checkedKeys,\n                expandedKeys,\n                selectedKeys,\n                defaultCheckedKeys,\n                defaultExpandedKeys,\n                defaultSelectedKeys,\n                className,\n                onTreeSelect,\n                onTreeCheck,\n                onTreeExpand,\n                hasIcon = false,\n                icon,\n                renderTitle,\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                        itemHeight={itemHeight}\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                        {...(checkedKeys !== undefined ? { checkedKeys } : {})}\n                        {...(expandedKeys !== undefined ? { expandedKeys } : {})}\n                        {...(selectedKeys !== undefined ? { selectedKeys } : {})}\n                        defaultCheckedKeys={defaultCheckedKeys}\n                        defaultExpandedKeys={defaultExpandedKeys}\n                        defaultSelectedKeys={defaultSelectedKeys}\n                        onSelect={onTreeSelect}\n                        // Тайп кастинг для упрощения API\n                        onCheck={onTreeCheck as any}\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={hasIcon && (icon || <StyledFolder size={sizeToIconSize(size)} color=\"inherit\" />)}\n                        titleRender={(item) => (\n                            <TitleWrapper\n                                fullWidthItemSelection={fullWidthItemSelection}\n                                arrowPlacement={arrowPlacement}\n                            >\n                                <Title>\n                                    {/* eslint-disable-next-line no-nested-ternary */}\n                                    {renderTitle\n                                        ? renderTitle(item)\n                                        : typeof item.title === 'function'\n                                        ? item.title(item)\n                                        : item.title}\n                                </Title>\n\n                                {item.contentRight && <ContentRight>{item.contentRight}</ContentRight>}\n                            </TitleWrapper>\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","items","arrowPlacement","virtual","height","itemHeight","size","view","fullWidthItemSelection","multiple","defaultExpandAll","checkable","checkedKeys","expandedKeys","selectedKeys","defaultCheckedKeys","defaultExpandedKeys","defaultSelectedKeys","className","onTreeSelect","onTreeCheck","onTreeExpand","hasIcon","icon","renderTitle","ref","invertedClass","classes","treeInverted","undefined","itemFilledClass","treeItemFilled","React","createElement","Tree","_extends","cx","style","border","treeData","onSelect","onCheck","onExpand","switcherIcon","node","isLeaf","IconArrowWrapper","StyledArrow","sizeToIconSize","color","StyledFolder","titleRender","item","TitleWrapper","Title","title","contentRight","ContentRight","treeConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}

package/es/components/Tree/Tree.styles.js

@@ -4,53 +4,46 @@ import { treeTokens } from './Tree.tokens.js';
 import { IconDisclosureRightCentered } from '../_Icon/Icons/IconDisclosureRightCentered.js';
 import { IconFolder } from '../_Icon/Icons/IconFolder.js';
 
-var IconArrowWrapper = /*#__PURE__*/styled('div')({
+const IconArrowWrapper = /*#__PURE__*/styled('div')({
   name: "IconArrowWrapper",
-  "class": "io9xczg",
+  class: "io9xczg",
   propsAsIs: false
 });
-var _exp4 = function _exp4() {
-  return IconDisclosureRightCentered;
-};
-var StyledArrow = /*#__PURE__*/styled(_exp4())({
+const _exp4 = /*#__PURE__*/() => IconDisclosureRightCentered;
+const StyledArrow = /*#__PURE__*/styled(_exp4())({
   name: "StyledArrow",
-  "class": "smciu6q",
+  class: "smciu6q",
   propsAsIs: true
 });
-var _exp5 = function _exp5() {
-  return IconFolder;
-};
-var StyledFolder = /*#__PURE__*/styled(_exp5())({
+const _exp5 = /*#__PURE__*/() => IconFolder;
+const StyledFolder = /*#__PURE__*/styled(_exp5())({
   name: "StyledFolder",
-  "class": "s1t4s7ru",
+  class: "s1t4s7ru",
   propsAsIs: true
 });
-var _exp6 = function _exp6() {
-  return function (_ref) {
-    var arrowPlacement = _ref.arrowPlacement,
-      fullWidthItemSelection = _ref.fullWidthItemSelection;
-    return arrowPlacement === 'left' && !fullWidthItemSelection ? "var(".concat(treeTokens.iconFolderMargin, ")") : 0;
-  };
-};
-var TitleWrapper = /*#__PURE__*/styled('div')({
+const _exp6 = /*#__PURE__*/() => ({
+  arrowPlacement,
+  fullWidthItemSelection
+}) => arrowPlacement === 'left' && !fullWidthItemSelection ? `var(${treeTokens.iconFolderMargin})` : 0;
+const TitleWrapper = /*#__PURE__*/styled('div')({
   name: "TitleWrapper",
-  "class": "t1bgqryr",
+  class: "t1bgqryr",
   propsAsIs: false,
   vars: {
-    "t1bgqryr-0": [/*#__PURE__*/_exp6()]
+    "t1bgqryr-0": [_exp6()]
   }
 });
-var Title = /*#__PURE__*/styled('span')({
+const Title = /*#__PURE__*/styled('span')({
   name: "Title",
-  "class": "t1un80r8",
+  class: "t1un80r8",
   propsAsIs: false
 });
-var ContentRight = /*#__PURE__*/styled('div')({
+const ContentRight = /*#__PURE__*/styled('div')({
   name: "ContentRight",
-  "class": "c92yb2c",
+  class: "c92yb2c",
   propsAsIs: false
 });
-var base = "b1njos1z";
+const base = "b1njos1z";
 
 export { ContentRight, IconArrowWrapper, StyledArrow, StyledFolder, Title, TitleWrapper, base };
 //# sourceMappingURL=Tree.styles.js.map

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

@@ -1 +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 { TreeProps } from './Tree.types';\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 StyledFolder = styled(IconFolder)``;\n\nexport const TitleWrapper = styled.div<{\n    fullWidthItemSelection: boolean;\n    arrowPlacement: TreeProps['arrowPlacement'];\n}>`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin: ${({ arrowPlacement, fullWidthItemSelection }) =>\n        arrowPlacement === 'left' && !fullWidthItemSelection ? `var(${tokens.iconFolderMargin})` : 0};\n\n    ${applyEllipsis()};\n`;\n\nexport const Title = styled.span`\n    margin: var(${tokens.iconFolderMargin});\n\n    ${applyEllipsis()};\n`;\n\nexport const ContentRight = styled.div`\n    line-height: 0;\n`;\n\nexport const base = css`\n    .rc-tree {\n        margin: 0;\n        border: 1px solid transparent;\n    }\n    .rc-tree-focused:not(.rc-tree-active-focused) {\n        border-color: cyan;\n    }\n    .rc-tree .rc-tree-treenode {\n        margin: 0;\n        padding: 0;\n        line-height: 24px;\n        white-space: nowrap;\n        list-style: none;\n        outline: 0;\n    }\n    .rc-tree .rc-tree-treenode .draggable {\n        color: #333;\n        -moz-user-select: none;\n        -khtml-user-select: none;\n        -webkit-user-select: none;\n        user-select: none;\n        /* Required to make elements draggable in old WebKit */\n    }\n    .rc-tree .rc-tree-treenode.dragging {\n        background: rgba(100, 100, 255, 0.1);\n    }\n    .rc-tree .rc-tree-treenode.drop-container > .draggable::after {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        box-shadow: inset 0 0 0 2px red;\n        content: '';\n    }\n    .rc-tree .rc-tree-treenode.drop-container ~ .rc-tree-treenode {\n        border-left: 2px solid chocolate;\n    }\n    .rc-tree .rc-tree-treenode.drop-target {\n        background-color: yellowgreen;\n    }\n    .rc-tree .rc-tree-treenode.drop-target ~ .rc-tree-treenode {\n        border-left: none;\n    }\n    .rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper {\n        color: #a60000 !important;\n        font-weight: bold !important;\n    }\n    .rc-tree .rc-tree-treenode ul {\n        margin: 0;\n        padding: 0 0 0 18px;\n    }\n    .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper {\n        position: relative;\n        display: inline-block;\n        height: 24px;\n        margin: 0;\n        padding: 0;\n        text-decoration: none;\n        vertical-align: top;\n        cursor: pointer;\n        color: var(${tokens.color});\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher,\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox,\n    .rc-tree .rc-tree-treenode span.rc-tree-iconEle {\n        cursor: pointer;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-icon__customize,\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-icon__customize,\n    .rc-tree .rc-tree-treenode span.rc-tree-iconEle.rc-tree-icon__customize {\n        background-image: none;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-icon_loading {\n        margin-right: 2px;\n        vertical-align: top;\n        background: url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7')\n        no-repeat scroll 0 0 transparent;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop {\n        flex: none;\n    }\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop {\n        display: none;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open {\n        background-position: -93px -56px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close {\n        background-position: -75px -56px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox {\n        width: 13px;\n        height: 13px;\n        margin: 0 3px;\n        background-position: 0 0;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked {\n        background-position: -14px 0;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox-indeterminate {\n        background-position: -14px -28px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox-disabled {\n        background-position: 0 -56px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-checked.rc-tree-checkbox-disabled {\n        background-position: -14px -56px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled {\n        position: relative;\n        background: #ccc;\n        border-radius: 3px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled::after {\n        position: absolute;\n        top: 5px;\n        left: 3px;\n        width: 5px;\n        height: 0;\n        border: 2px solid #fff;\n        border-top: 0;\n        border-left: 0;\n        -webkit-transform: scale(1);\n        transform: scale(1);\n        content: ' ';\n    }\n    .rc-tree:not(.rc-tree-show-line) .rc-tree-treenode .rc-tree-switcher-noop {\n        background: none;\n    }\n    .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > ul {\n        background: url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0\n        repeat-y;\n    }\n    .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > .rc-tree-switcher-noop {\n        background-position: -56px -18px;\n    }\n    .rc-tree.rc-tree-show-line .rc-tree-treenode:last-child > .rc-tree-switcher-noop {\n        background-position: -56px -36px;\n    }\n    .rc-tree-child-tree {\n        display: none;\n    }\n    .rc-tree-child-tree-open {\n        display: block;\n    }\n    .rc-tree-treenode-disabled > span:not(.rc-tree-switcher),\n    .rc-tree-treenode-disabled > a,\n    .rc-tree-treenode-disabled > a span {\n        color: #767676;\n        cursor: not-allowed;\n    }\n    .rc-tree-treenode-active {\n        background: rgba(0, 0, 0, 0.1);\n    }\n    .rc-tree-node-selected {\n        background-color: #ffe6b0;\n        box-shadow: 0 0 0 1px #ffb951;\n        opacity: 0.8;\n    }\n    .rc-tree-icon__open {\n        margin-right: 0;\n        vertical-align: top;\n        background-position: -110px -16px;\n    }\n    .rc-tree-icon__close {\n        margin-right: 0;\n        vertical-align: top;\n        background-position: -110px 0;\n    }\n    .rc-tree-icon__docu {\n        margin-right: 0;\n        vertical-align: top;\n        background-position: -110px -32px;\n    }\n    .rc-tree-icon__customize {\n        display: block;\n        line-height: 0;\n        color: var(${tokens.iconFolderColor});\n        margin: var(${tokens.iconFolderMargin});\n    }\n    .rc-tree-title {\n        display: inline-block;\n        width: 100%;\n    }\n    .rc-tree-indent {\n        display: inline-flex;\n        height: 0;\n        vertical-align: bottom;\n    }\n    .rc-tree-indent-unit {\n        display: inline-block;\n        width: 16px;\n    }\n    .rc-tree-draggable-icon {\n        display: inline-flex;\n        justify-content: center;\n        width: 16px;\n    }\n\n    .rc-tree, .rc-tree-list {\n        border: none !important;\n    }\n\n    .rc-tree .rc-tree-list-holder {\n        overflow: hidden auto;\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: var(${tokens.itemTop});\n        bottom: var(${tokens.itemBottom});\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        min-width: max-content;\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: var(${tokens.switcherMarginInverted});\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        flex: 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.rc-tree-treenode-disabled span.rc-tree-checkbox::before {\n        border: 0.125rem solid var(${tokens.itemDisabledBorderColor});\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\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 .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-title {\n        color: var(${tokens.itemDisabledColor});\n    }\n\n    .rc-tree-node-selected .rc-tree-icon__customize {\n        color: var(${tokens.colorSelected});\n    }\n\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-icon__customize {\n        color: var(${tokens.itemDisabledColor});;\n    }\n\n    .rc-tree-indent-unit {\n        width: var(${tokens.itemIndent});\n    }\n`;\n"],"names":["IconArrowWrapper","styled","name","class","propsAsIs","_exp4","IconDisclosureRightCentered","StyledArrow","_exp5","IconFolder","StyledFolder","_exp6","_ref","arrowPlacement","fullWidthItemSelection","concat","tokens","iconFolderMargin","TitleWrapper","vars","Title","ContentRight","base"],"mappings":";;;;;AASO,IAAMA,gBAAgB,gBAAGC,MAAM,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,GAnBgBA,SAmBhBA,KAAAA,GAAA;AAAA,EAAA,OAEgCC,2BAA2B,CAAA;AAAA,CAAA,CAAA;AAAtD,IAAMC,WAAW,gBAAGN,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIhC,EAAA;AAAC,IAAAI,KAAA,GAzBgBA,SAyBhBA,KAAAA,GAAA;AAAA,EAAA,OAEiCC,UAAU,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMC,YAAY,gBAAGT,MAAM,CAAAO,KAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAc,EAAA;AAAC,IAAAO,KAAA,GA3B/BA,SA2B+BA,KAAAA,GAAA;AAAA,EAAA,OASnC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,cAAc,GAAAD,IAAA,CAAdC,cAAc;MAAEC,sBAAAA,GAAAA,IAAAA,CAAAA,sBAAAA,CAAAA;AAAAA,IAAAA,OACzBD,cAAc,KAAK,MAAM,IAAI,CAACC,sBAAsB,GAAAC,MAAAA,CAAAA,MAAA,CAAUC,UAAM,CAACC,gBAAgB,SAAM,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAR7F,IAAMC,YAAY,gBAAGjB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAe,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAOpBR,KACsF,EAAA,CAAA;AAAA,GAAA;AAAA,CAGnG,EAAA;AAEM,IAAMS,KAAK,gBAAGnB,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI1B,EAAA;AAEM,IAAMiB,YAAY,gBAAGpB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEjC,EAAA;AAEM,IAAMkB,IAAI,GAwXhB;;;;"}
+{"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 { TreeProps } from './Tree.types';\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 StyledFolder = styled(IconFolder)``;\n\nexport const TitleWrapper = styled.div<{\n    fullWidthItemSelection: boolean;\n    arrowPlacement: TreeProps['arrowPlacement'];\n}>`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin: ${({ arrowPlacement, fullWidthItemSelection }) =>\n        arrowPlacement === 'left' && !fullWidthItemSelection ? `var(${tokens.iconFolderMargin})` : 0};\n\n    ${applyEllipsis()};\n`;\n\nexport const Title = styled.span`\n    margin: var(${tokens.iconFolderMargin});\n\n    ${applyEllipsis()};\n`;\n\nexport const ContentRight = styled.div`\n    line-height: 0;\n`;\n\nexport const base = css`\n    .rc-tree {\n        margin: 0;\n        border: 1px solid transparent;\n    }\n    .rc-tree-focused:not(.rc-tree-active-focused) {\n        border-color: cyan;\n    }\n    .rc-tree .rc-tree-treenode {\n        margin: 0;\n        padding: 0;\n        line-height: 24px;\n        white-space: nowrap;\n        list-style: none;\n        outline: 0;\n    }\n    .rc-tree .rc-tree-treenode .draggable {\n        color: #333;\n        -moz-user-select: none;\n        -khtml-user-select: none;\n        -webkit-user-select: none;\n        user-select: none;\n        /* Required to make elements draggable in old WebKit */\n    }\n    .rc-tree .rc-tree-treenode.dragging {\n        background: rgba(100, 100, 255, 0.1);\n    }\n    .rc-tree .rc-tree-treenode.drop-container > .draggable::after {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        box-shadow: inset 0 0 0 2px red;\n        content: '';\n    }\n    .rc-tree .rc-tree-treenode.drop-container ~ .rc-tree-treenode {\n        border-left: 2px solid chocolate;\n    }\n    .rc-tree .rc-tree-treenode.drop-target {\n        background-color: yellowgreen;\n    }\n    .rc-tree .rc-tree-treenode.drop-target ~ .rc-tree-treenode {\n        border-left: none;\n    }\n    .rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper {\n        color: #a60000 !important;\n        font-weight: bold !important;\n    }\n    .rc-tree .rc-tree-treenode ul {\n        margin: 0;\n        padding: 0 0 0 18px;\n    }\n    .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper {\n        position: relative;\n        display: inline-block;\n        height: 24px;\n        margin: 0;\n        padding: 0;\n        text-decoration: none;\n        vertical-align: top;\n        cursor: pointer;\n        color: var(${tokens.color});\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher,\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox,\n    .rc-tree .rc-tree-treenode span.rc-tree-iconEle {\n        cursor: pointer;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-icon__customize,\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-icon__customize,\n    .rc-tree .rc-tree-treenode span.rc-tree-iconEle.rc-tree-icon__customize {\n        background-image: none;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-icon_loading {\n        margin-right: 2px;\n        vertical-align: top;\n        background: url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7')\n        no-repeat scroll 0 0 transparent;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop {\n        flex: none;\n    }\n    .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop {\n        display: none;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open {\n        background-position: -93px -56px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close {\n        background-position: -75px -56px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox {\n        width: 13px;\n        height: 13px;\n        margin: 0 3px;\n        background-position: 0 0;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked {\n        background-position: -14px 0;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox-indeterminate {\n        background-position: -14px -28px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox-disabled {\n        background-position: 0 -56px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-checked.rc-tree-checkbox-disabled {\n        background-position: -14px -56px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled {\n        position: relative;\n        background: #ccc;\n        border-radius: 3px;\n    }\n    .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled::after {\n        position: absolute;\n        top: 5px;\n        left: 3px;\n        width: 5px;\n        height: 0;\n        border: 2px solid #fff;\n        border-top: 0;\n        border-left: 0;\n        -webkit-transform: scale(1);\n        transform: scale(1);\n        content: ' ';\n    }\n    .rc-tree:not(.rc-tree-show-line) .rc-tree-treenode .rc-tree-switcher-noop {\n        background: none;\n    }\n    .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > ul {\n        background: url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0\n        repeat-y;\n    }\n    .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > .rc-tree-switcher-noop {\n        background-position: -56px -18px;\n    }\n    .rc-tree.rc-tree-show-line .rc-tree-treenode:last-child > .rc-tree-switcher-noop {\n        background-position: -56px -36px;\n    }\n    .rc-tree-child-tree {\n        display: none;\n    }\n    .rc-tree-child-tree-open {\n        display: block;\n    }\n    .rc-tree-treenode-disabled > span:not(.rc-tree-switcher),\n    .rc-tree-treenode-disabled > a,\n    .rc-tree-treenode-disabled > a span {\n        color: #767676;\n        cursor: not-allowed;\n    }\n    .rc-tree-treenode-active {\n        background: rgba(0, 0, 0, 0.1);\n    }\n    .rc-tree-node-selected {\n        background-color: #ffe6b0;\n        box-shadow: 0 0 0 1px #ffb951;\n        opacity: 0.8;\n    }\n    .rc-tree-icon__open {\n        margin-right: 0;\n        vertical-align: top;\n        background-position: -110px -16px;\n    }\n    .rc-tree-icon__close {\n        margin-right: 0;\n        vertical-align: top;\n        background-position: -110px 0;\n    }\n    .rc-tree-icon__docu {\n        margin-right: 0;\n        vertical-align: top;\n        background-position: -110px -32px;\n    }\n    .rc-tree-icon__customize {\n        display: block;\n        line-height: 0;\n        color: var(${tokens.iconFolderColor});\n        margin: var(${tokens.iconFolderMargin});\n    }\n    .rc-tree-title {\n        display: inline-block;\n        width: 100%;\n    }\n    .rc-tree-indent {\n        display: inline-flex;\n        height: 0;\n        vertical-align: bottom;\n    }\n    .rc-tree-indent-unit {\n        display: inline-block;\n        width: 16px;\n    }\n    .rc-tree-draggable-icon {\n        display: inline-flex;\n        justify-content: center;\n        width: 16px;\n    }\n\n    .rc-tree, .rc-tree-list {\n        border: none !important;\n    }\n\n    .rc-tree .rc-tree-list-holder {\n        overflow: hidden auto;\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: var(${tokens.itemTop});\n        bottom: var(${tokens.itemBottom});\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        min-width: max-content;\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: var(${tokens.switcherMarginInverted});\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        flex: 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.rc-tree-treenode-disabled span.rc-tree-checkbox::before {\n        border: 0.125rem solid var(${tokens.itemDisabledBorderColor});\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\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 .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-title {\n        color: var(${tokens.itemDisabledColor});\n    }\n\n    .rc-tree-node-selected .rc-tree-icon__customize {\n        color: var(${tokens.colorSelected});\n    }\n\n    .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-icon__customize {\n        color: var(${tokens.itemDisabledColor});;\n    }\n\n    .rc-tree-indent-unit {\n        width: var(${tokens.itemIndent});\n    }\n`;\n"],"names":["IconArrowWrapper","styled","name","class","propsAsIs","_exp4","IconDisclosureRightCentered","StyledArrow","_exp5","IconFolder","StyledFolder","_exp6","arrowPlacement","fullWidthItemSelection","tokens","iconFolderMargin","TitleWrapper","vars","Title","ContentRight","base"],"mappings":";;;;;AASO,MAAMA,gBAAgB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWrC,EAAA;AAAC,MAAAC,KAAA,gBAnBgBA,MAqBgBC,2BAA2B,CAAA;AAAtD,MAAMC,WAAW,gBAAGN,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIhC,EAAA;AAAC,MAAAI,KAAA,gBAzBgBA,MA2BiBC,UAAU,CAAA;AAAtC,MAAMC,YAAY,gBAAGT,MAAM,CAAAO,KAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAc,EAAA;AAAC,MAAAO,KAAA,gBA3B/BA,MAoCJ,CAAC;EAAEC,cAAc;AAAEC,EAAAA,sBAAAA;AAAuB,CAAC,KACjDD,cAAc,KAAK,MAAM,IAAI,CAACC,sBAAsB,GAAG,CAAA,IAAA,EAAOC,UAAM,CAACC,gBAAgB,CAAA,CAAA,CAAG,GAAG,CAAC,CAAA;AAR7F,MAAMC,YAAY,gBAAGf,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAa,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,CAOpBN,KACsF,EAAA,CAAA;AAAA,GAAA;AAAA,CAGnG,EAAA;AAEM,MAAMO,KAAK,gBAAGjB,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI1B,EAAA;AAEM,MAAMe,YAAY,gBAAGlB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEjC,EAAA;AAEM,MAAMgB,IAAI,GAwXhB;;;;"}

package/es/components/Tree/Tree.tokens.js

@@ -1,8 +1,8 @@
-var classes = {
+const classes = {
   treeInverted: 'tree-inverted',
   treeItemFilled: 'tree-item-filled'
 };
-var treeTokens = {
+const treeTokens = {
   arrowColor: '--plasma-tree-arrow-color',
   arrowColorHover: '--plasma-tree-arrow-color-hover',
   arrowColorActive: '--plasma-tree-arrow-color-active',

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

@@ -1 +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    itemTop: '--plasma-tree-item-top',\n    itemBottom: '--plasma-tree-item-bottom',\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    iconFolderColor: '--plasma-tree-icon-folder-color',\n    switcherMargin: '--plasma-tree-switcher-margin',\n    switcherMarginInverted: '--plasma-tree-switcher-margin-inverted',\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    itemDisabledColor: '--plasma-tree-item-disabled-color',\n    itemDisabledBorderColor: '--plasma-tree-item-disabled-border-color',\n};\n"],"names":["classes","treeInverted","treeItemFilled","treeTokens","arrowColor","arrowColorHover","arrowColorActive","color","colorSelected","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","itemHeight","itemTop","itemBottom","itemPadding","itemPaddingTight","itemIndent","itemBorderRadius","iconFolderMargin","iconFolderColor","switcherMargin","switcherMarginInverted","switcherSize","checkboxSize","checkboxInnerSize","checkboxBorderRadius","checkboxMargin","checkboxBorderColor","checkboxBackgroundColor","itemBackgroundColor","itemBackgroundColorHover","itemBackgroundColorActive","itemDisabledOpacity","itemDisabledColor","itemDisabledBorderColor"],"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,OAAO,EAAE,wBAAwB;AACjCC,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,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,cAAc,EAAE,+BAA+B;AAC/CC,EAAAA,sBAAsB,EAAE,wCAAwC;AAChEC,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,qCAAqC;AAC1DC,EAAAA,iBAAiB,EAAE,mCAAmC;AACtDC,EAAAA,uBAAuB,EAAE,0CAAA;AAC7B;;;;"}
+{"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    itemTop: '--plasma-tree-item-top',\n    itemBottom: '--plasma-tree-item-bottom',\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    iconFolderColor: '--plasma-tree-icon-folder-color',\n    switcherMargin: '--plasma-tree-switcher-margin',\n    switcherMarginInverted: '--plasma-tree-switcher-margin-inverted',\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    itemDisabledColor: '--plasma-tree-item-disabled-color',\n    itemDisabledBorderColor: '--plasma-tree-item-disabled-border-color',\n};\n"],"names":["classes","treeInverted","treeItemFilled","treeTokens","arrowColor","arrowColorHover","arrowColorActive","color","colorSelected","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","itemHeight","itemTop","itemBottom","itemPadding","itemPaddingTight","itemIndent","itemBorderRadius","iconFolderMargin","iconFolderColor","switcherMargin","switcherMarginInverted","switcherSize","checkboxSize","checkboxInnerSize","checkboxBorderRadius","checkboxMargin","checkboxBorderColor","checkboxBackgroundColor","itemBackgroundColor","itemBackgroundColorHover","itemBackgroundColorActive","itemDisabledOpacity","itemDisabledColor","itemDisabledBorderColor"],"mappings":"AAAO,MAAMA,OAAO,GAAG;AACnBC,EAAAA,YAAY,EAAE,eAAe;AAC7BC,EAAAA,cAAc,EAAE,kBAAA;AACpB,EAAC;AAEM,MAAMC,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,OAAO,EAAE,wBAAwB;AACjCC,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,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,cAAc,EAAE,+BAA+B;AAC/CC,EAAAA,sBAAsB,EAAE,wCAAwC;AAChEC,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,qCAAqC;AAC1DC,EAAAA,iBAAiB,EAAE,mCAAmC;AACtDC,EAAAA,uBAAuB,EAAE,0CAAA;AAC7B;;;;"}

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

@@ -1,4 +1,4 @@
-var sizeToIconSize = function sizeToIconSize(size) {
+const sizeToIconSize = size => {
   if (size === 'xs') return 'xs';
   return 's';
 };

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

@@ -1 +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;;;;"}
+{"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":"AAAaA,MAAAA,cAAc,GAAIC,IAAa,IAAK;AAC7C,EAAA,IAAIA,IAAI,KAAK,IAAI,EAAE,OAAO,IAAI,CAAA;AAE9B,EAAA,OAAO,GAAG,CAAA;AACd;;;;"}

package/es/components/Typography/Body/Body.js

@@ -2,12 +2,12 @@ import { base as base$1 } from '../variations/_size/base.js';
 import { typographyRootCompose } from '../Typography.js';
 import { base } from '../Typography.styles.js';
 
-var bodyRoot = /*#__PURE__*/typographyRootCompose();
-var bodyConfig = {
+const bodyRoot = typographyRootCompose();
+const bodyConfig = {
   name: 'Body',
   tag: 'div',
   layout: bodyRoot,
-  base: base,
+  base,
   variations: {
     size: {
       css: base$1

package/es/components/Typography/Body/Body.js.map

@@ -1 +1 @@
-{"version":3,"file":"Body.js","sources":["../../../../src/components/Typography/Body/Body.tsx"],"sourcesContent":["import { base as sizeCSS } from '../variations/_size/base';\nimport type { FontProps } from '../Typography.types';\nimport { typographyRootCompose } from '../Typography';\nimport { base } from '../Typography.styles';\n\nexport type BodyProps = FontProps;\n\nexport const bodyRoot = typographyRootCompose();\n\nexport const bodyConfig = {\n    name: 'Body',\n    tag: 'div',\n    layout: bodyRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n    },\n};\n"],"names":["bodyRoot","typographyRootCompose","bodyConfig","name","tag","layout","base","variations","size","css","sizeCSS","defaults"],"mappings":";;;;AAOaA,IAAAA,QAAQ,gBAAGC,qBAAqB,GAAE;AAExC,IAAMC,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEL,QAAQ;AAChBM,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNH,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
+{"version":3,"file":"Body.js","sources":["../../../../src/components/Typography/Body/Body.tsx"],"sourcesContent":["import { base as sizeCSS } from '../variations/_size/base';\nimport type { FontProps } from '../Typography.types';\nimport { typographyRootCompose } from '../Typography';\nimport { base } from '../Typography.styles';\n\nexport type BodyProps = FontProps;\n\nexport const bodyRoot = typographyRootCompose();\n\nexport const bodyConfig = {\n    name: 'Body',\n    tag: 'div',\n    layout: bodyRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n    },\n};\n"],"names":["bodyRoot","typographyRootCompose","bodyConfig","name","tag","layout","base","variations","size","css","sizeCSS","defaults"],"mappings":";;;;AAOaA,MAAAA,QAAQ,GAAGC,qBAAqB,GAAE;AAExC,MAAMC,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEL,QAAQ;EAChBM,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNH,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}

package/es/components/Typography/Dspl/Dspl.js

@@ -2,14 +2,14 @@ import { base as base$1 } from '../variations/_size/base.js';
 import { base } from '../Typography.styles.js';
 import { typographyRootCompose } from '../Typography.js';
 
-var dsplRoot = /*#__PURE__*/typographyRootCompose({
+const dsplRoot = typographyRootCompose({
   defaultBold: true
 });
-var dsplConfig = {
+const dsplConfig = {
   name: 'Dspl',
   tag: 'div',
   layout: dsplRoot,
-  base: base,
+  base,
   variations: {
     size: {
       css: base$1

package/es/components/Typography/Dspl/Dspl.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dspl.js","sources":["../../../../src/components/Typography/Dspl/Dspl.tsx"],"sourcesContent":["import { base as sizeCSS } from '../variations/_size/base';\nimport type { FontProps } from '../Typography.types';\nimport { base } from '../Typography.styles';\nimport { typographyRootCompose } from '../Typography';\n\nexport type DsplProps = FontProps;\n\nexport const dsplRoot = typographyRootCompose({ defaultBold: true });\n\nexport const dsplConfig = {\n    name: 'Dspl',\n    tag: 'div',\n    layout: dsplRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n    },\n};\n"],"names":["dsplRoot","typographyRootCompose","defaultBold","dsplConfig","name","tag","layout","base","variations","size","css","sizeCSS","defaults"],"mappings":";;;;AAOaA,IAAAA,QAAQ,gBAAGC,qBAAqB,CAAC;AAAEC,EAAAA,WAAW,EAAE,IAAA;AAAK,CAAC,EAAC;AAE7D,IAAMC,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEN,QAAQ;AAChBO,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNH,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
+{"version":3,"file":"Dspl.js","sources":["../../../../src/components/Typography/Dspl/Dspl.tsx"],"sourcesContent":["import { base as sizeCSS } from '../variations/_size/base';\nimport type { FontProps } from '../Typography.types';\nimport { base } from '../Typography.styles';\nimport { typographyRootCompose } from '../Typography';\n\nexport type DsplProps = FontProps;\n\nexport const dsplRoot = typographyRootCompose({ defaultBold: true });\n\nexport const dsplConfig = {\n    name: 'Dspl',\n    tag: 'div',\n    layout: dsplRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n    },\n};\n"],"names":["dsplRoot","typographyRootCompose","defaultBold","dsplConfig","name","tag","layout","base","variations","size","css","sizeCSS","defaults"],"mappings":";;;;AAOaA,MAAAA,QAAQ,GAAGC,qBAAqB,CAAC;AAAEC,EAAAA,WAAW,EAAE,IAAA;AAAK,CAAC,EAAC;AAE7D,MAAMC,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEN,QAAQ;EAChBO,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNH,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}

package/es/components/Typography/Heading/Heading.js

@@ -2,14 +2,14 @@ import { base as base$1 } from '../variations/_size/base.js';
 import { base } from '../Typography.styles.js';
 import { typographyRootCompose } from '../Typography.js';
 
-var headingRoot = /*#__PURE__*/typographyRootCompose({
+const headingRoot = typographyRootCompose({
   defaultBold: true
 });
-var headingConfig = {
+const headingConfig = {
   name: 'Heading',
   tag: 'div',
   layout: headingRoot,
-  base: base,
+  base,
   variations: {
     size: {
       css: base$1

package/es/components/Typography/Heading/Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sources":["../../../../src/components/Typography/Heading/Heading.tsx"],"sourcesContent":["import { base as sizeCSS } from '../variations/_size/base';\nimport type { FontProps } from '../Typography.types';\nimport { base } from '../Typography.styles';\nimport { typographyRootCompose } from '../Typography';\n\nexport type HeadingProps = FontProps;\n\nexport const headingRoot = typographyRootCompose({ defaultBold: true });\n\nexport const headingConfig = {\n    name: 'Heading',\n    tag: 'div',\n    layout: headingRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        size: 'h1',\n    },\n};\n"],"names":["headingRoot","typographyRootCompose","defaultBold","headingConfig","name","tag","layout","base","variations","size","css","sizeCSS","defaults"],"mappings":";;;;AAOaA,IAAAA,WAAW,gBAAGC,qBAAqB,CAAC;AAAEC,EAAAA,WAAW,EAAE,IAAA;AAAK,CAAC,EAAC;AAEhE,IAAMC,aAAa,GAAG;AACzBC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEN,WAAW;AACnBO,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNH,IAAAA,IAAI,EAAE,IAAA;AACV,GAAA;AACJ;;;;"}
+{"version":3,"file":"Heading.js","sources":["../../../../src/components/Typography/Heading/Heading.tsx"],"sourcesContent":["import { base as sizeCSS } from '../variations/_size/base';\nimport type { FontProps } from '../Typography.types';\nimport { base } from '../Typography.styles';\nimport { typographyRootCompose } from '../Typography';\n\nexport type HeadingProps = FontProps;\n\nexport const headingRoot = typographyRootCompose({ defaultBold: true });\n\nexport const headingConfig = {\n    name: 'Heading',\n    tag: 'div',\n    layout: headingRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        size: 'h1',\n    },\n};\n"],"names":["headingRoot","typographyRootCompose","defaultBold","headingConfig","name","tag","layout","base","variations","size","css","sizeCSS","defaults"],"mappings":";;;;AAOaA,MAAAA,WAAW,GAAGC,qBAAqB,CAAC;AAAEC,EAAAA,WAAW,EAAE,IAAA;AAAK,CAAC,EAAC;AAEhE,MAAMC,aAAa,GAAG;AACzBC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEN,WAAW;EACnBO,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNH,IAAAA,IAAI,EAAE,IAAA;AACV,GAAA;AACJ;;;;"}

package/es/components/Typography/Old/Body/Body.js

@@ -2,12 +2,12 @@ import { base as base$1 } from '../../variations/_size/base.js';
 import { base } from '../TypographyOld.styles.js';
 import { typographyOldRoot } from '../TypographyOld.js';
 
-var oldBodyRoot = typographyOldRoot;
-var oldBodyConfig = {
+const oldBodyRoot = typographyOldRoot;
+const oldBodyConfig = {
   name: 'OldBody',
   tag: 'div',
   layout: oldBodyRoot,
-  base: base,
+  base,
   variations: {
     size: {
       css: base$1

package/es/components/Typography/Old/Body/Body.js.map

@@ -1 +1 @@
-{"version":3,"file":"Body.js","sources":["../../../../../src/components/Typography/Old/Body/Body.tsx"],"sourcesContent":["import { base as sizeCSS } from '../../variations/_size/base';\nimport { base } from '../TypographyOld.styles';\nimport { typographyOldRoot } from '../TypographyOld';\nimport type { TypographyOldProps } from '../TypographyOld';\n\nexport type OldBodyProps = TypographyOldProps;\n\nexport const oldBodyRoot = typographyOldRoot;\n\nexport const oldBodyConfig = {\n    name: 'OldBody',\n    tag: 'div',\n    layout: oldBodyRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        size: 'body1',\n    },\n};\n"],"names":["oldBodyRoot","typographyOldRoot","oldBodyConfig","name","tag","layout","base","variations","size","css","sizeCSS","defaults"],"mappings":";;;;AAOO,IAAMA,WAAW,GAAGC,kBAAiB;AAErC,IAAMC,aAAa,GAAG;AACzBC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEL,WAAW;AACnBM,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNH,IAAAA,IAAI,EAAE,OAAA;AACV,GAAA;AACJ;;;;"}
+{"version":3,"file":"Body.js","sources":["../../../../../src/components/Typography/Old/Body/Body.tsx"],"sourcesContent":["import { base as sizeCSS } from '../../variations/_size/base';\nimport { base } from '../TypographyOld.styles';\nimport { typographyOldRoot } from '../TypographyOld';\nimport type { TypographyOldProps } from '../TypographyOld';\n\nexport type OldBodyProps = TypographyOldProps;\n\nexport const oldBodyRoot = typographyOldRoot;\n\nexport const oldBodyConfig = {\n    name: 'OldBody',\n    tag: 'div',\n    layout: oldBodyRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        size: 'body1',\n    },\n};\n"],"names":["oldBodyRoot","typographyOldRoot","oldBodyConfig","name","tag","layout","base","variations","size","css","sizeCSS","defaults"],"mappings":";;;;AAOO,MAAMA,WAAW,GAAGC,kBAAiB;AAErC,MAAMC,aAAa,GAAG;AACzBC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEL,WAAW;EACnBM,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNH,IAAAA,IAAI,EAAE,OAAA;AACV,GAAA;AACJ;;;;"}

package/es/components/Typography/Old/Button/Button.js

@@ -2,12 +2,12 @@ import { base as base$1 } from '../../variations/_size/base.js';
 import { base } from '../TypographyOld.styles.js';
 import { typographyOldRoot } from '../TypographyOld.js';
 
-var buttonTypographyRoot = typographyOldRoot;
-var buttonTypographyConfig = {
+const buttonTypographyRoot = typographyOldRoot;
+const buttonTypographyConfig = {
   name: 'Button',
   tag: 'div',
   layout: buttonTypographyRoot,
-  base: base,
+  base,
   variations: {
     size: {
       css: base$1

package/es/components/Typography/Old/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../../src/components/Typography/Old/Button/Button.tsx"],"sourcesContent":["import { base as sizeCSS } from '../../variations/_size/base';\nimport { base } from '../TypographyOld.styles';\nimport { typographyOldRoot } from '../TypographyOld';\nimport type { TypographyOldProps } from '../TypographyOld';\n\nexport type ButtonTypographyProps = TypographyOldProps;\n\nexport const buttonTypographyRoot = typographyOldRoot;\n\nexport const buttonTypographyConfig = {\n    name: 'Button',\n    tag: 'div',\n    layout: buttonTypographyRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        size: 'button1',\n    },\n};\n"],"names":["buttonTypographyRoot","typographyOldRoot","buttonTypographyConfig","name","tag","layout","base","variations","size","css","sizeCSS","defaults"],"mappings":";;;;AAOO,IAAMA,oBAAoB,GAAGC,kBAAiB;AAE9C,IAAMC,sBAAsB,GAAG;AAClCC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEL,oBAAoB;AAC5BM,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNH,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;"}
+{"version":3,"file":"Button.js","sources":["../../../../../src/components/Typography/Old/Button/Button.tsx"],"sourcesContent":["import { base as sizeCSS } from '../../variations/_size/base';\nimport { base } from '../TypographyOld.styles';\nimport { typographyOldRoot } from '../TypographyOld';\nimport type { TypographyOldProps } from '../TypographyOld';\n\nexport type ButtonTypographyProps = TypographyOldProps;\n\nexport const buttonTypographyRoot = typographyOldRoot;\n\nexport const buttonTypographyConfig = {\n    name: 'Button',\n    tag: 'div',\n    layout: buttonTypographyRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        size: 'button1',\n    },\n};\n"],"names":["buttonTypographyRoot","typographyOldRoot","buttonTypographyConfig","name","tag","layout","base","variations","size","css","sizeCSS","defaults"],"mappings":";;;;AAOO,MAAMA,oBAAoB,GAAGC,kBAAiB;AAE9C,MAAMC,sBAAsB,GAAG;AAClCC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEL,oBAAoB;EAC5BM,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNH,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;"}

package/es/components/Typography/Old/Caption/Caption.js

@@ -2,12 +2,12 @@ import { base as base$1 } from '../../variations/_size/base.js';
 import { base } from '../TypographyOld.styles.js';
 import { typographyOldRoot } from '../TypographyOld.js';
 
-var captionRoot = typographyOldRoot;
-var captionConfig = {
+const captionRoot = typographyOldRoot;
+const captionConfig = {
   name: 'Caption',
   tag: 'div',
   layout: captionRoot,
-  base: base,
+  base,
   variations: {
     size: {
       css: base$1