@salutejs/plasma-new-hope 0.231.2-canary.1603.12471850782.0 → 0.232.0-canary.1650.12478253360.0

package/styled-components/cjs/components/Tree/Tree.template-doc.mdx

@@ -1,102 +0,0 @@
----
-id: tree
-title: Tree
----
-
-import { PropsTable } from '@site/src/components';
-
-# Tree
-Многоуровневый раскрывающийся список в виде дерева с возможностью выбора (selection) и выделения (checkbox).
-
-<PropsTable name="Tree" />
-
-Обязательным параметром является только массив `items`. Формат следующий:
-
-```tsx
-type TreeItem = {
-    /**
-     * Уникальный идентификатор элемента.
-     */
-    key: React.Key;
-    /**
-     * Заголовок элемента.
-     */
-    title?: React.ReactNode | ((data: TreeItem) => React.ReactNode);
-    /**
-     * Classname для текущего элемента.
-     */
-    className?: string;
-    /**
-     * Стиль для текущего элемента.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Флаг выключения элемента.
-     * @default false
-     */
-    disabled?: boolean;
-};
-```
-
-## Пример использования
-```tsx live
-import React from 'react';
-import { Tree } from '@salutejs/{{ package }}';
-
-export function App() {
-    const treeData = [
-        {
-            title: 'Parent 1',
-            key: '0-0',
-            children: [
-                {
-                    title: 'Parent 1-0',
-                    key: '0-0-0',
-                    children: [
-                        {
-                            title: 'Leaf',
-                            key: '0-0-0-0',
-                            disabled: true,
-                        },
-                        {
-                            title: 'Leaf',
-                            key: '0-0-0-1',
-                            children: [
-                                {
-                                    title: 'Leaf Leaf Leaf Leaf Leaf Leaf Leaf Leaf Leaf Leaf Leaf',
-                                    key: '0-0-0-0-0',
-                                },
-                                {
-                                    title: 'Leaf',
-                                    key: '0-0-0-0-1',
-                                },
-                            ],
-                        },
-                    ],
-                },
-                {
-                    title: 'Parent 1-1',
-                    key: '0-0-1',
-                    children: [{ title: 'Leaf', key: '0-0-1-0' }],
-                },
-            ],
-        },
-        {
-            title: 'Parent 2',
-            key: '0-1',
-            children: [
-                {
-                    title: 'Parent 2-0',
-                    key: '0-1-0',
-                },
-            ],
-        },
-    ];
-
-    return (
-        <div style={{ display: 'block' }}>
-            <Tree items={treeData} defaultExpandAll />
-        </div>
-    );
-}
-```

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

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.treeTokens = exports.classes = void 0;
-var classes = exports.classes = {
-  treeInverted: 'tree-inverted',
-  treeItemFilled: 'tree-item-filled'
-};
-var treeTokens = exports.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'
-};

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

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

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

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

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

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

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

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.sizeToIconSize = void 0;
-var sizeToIconSize = exports.sizeToIconSize = function sizeToIconSize(size) {
-  if (size === 'xs') return 'xs';
-  return 's';
-};

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

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Folder = void 0;
-var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
-var _path;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var Folder = exports.Folder = function Folder(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
-    width: "100%",
-    height: "100%",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path || (_path = /*#__PURE__*/_react["default"].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"
-  })));
-};

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

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.IconFolder = void 0;
-var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
-var _Folder = /*#__PURE__*/require("../Icon.assets/Folder");
-var _IconRoot = /*#__PURE__*/require("../IconRoot");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var IconFolder = exports.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["default"].createElement(_IconRoot.IconRoot, {
-    className: className,
-    size: size,
-    color: color,
-    icon: _Folder.Folder
-  });
-};

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

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Tree = /*#__PURE__*/require("../../../../components/Tree/Tree.tokens");
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 'm'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary-hover);", ":var(--surface-transparent-secondary-active);", ":var(--text-secondary);", ":var(--text-accent);", ":0.4;"], _Tree.treeTokens.arrowColor, _Tree.treeTokens.arrowColorHover, _Tree.treeTokens.arrowColorActive, _Tree.treeTokens.color, _Tree.treeTokens.colorSelected, _Tree.treeTokens.itemBackgroundColor, _Tree.treeTokens.itemBackgroundColorHover, _Tree.treeTokens.itemBackgroundColorActive, _Tree.treeTokens.checkboxBorderColor, _Tree.treeTokens.checkboxBackgroundColor, _Tree.treeTokens.itemDisabledOpacity)
-    },
-    size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":1rem;", ":0.375rem;", ":2rem;", ":0.75rem;", ":0 0.5rem 0 0;", ":0 0.5rem 0 0;", ":1.5rem;", ":0 0.5rem 0 0;", ":1.5rem;", ":1.25rem;", ":0.375rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], _Tree.treeTokens.itemHeight, _Tree.treeTokens.itemPadding, _Tree.treeTokens.itemPaddingTight, _Tree.treeTokens.itemIndent, _Tree.treeTokens.itemBorderRadius, _Tree.treeTokens.iconFolderMargin, _Tree.treeTokens.switcherMargin, _Tree.treeTokens.switcherSize, _Tree.treeTokens.checkboxMargin, _Tree.treeTokens.checkboxSize, _Tree.treeTokens.checkboxInnerSize, _Tree.treeTokens.checkboxBorderRadius, _Tree.treeTokens.fontFamily, _Tree.treeTokens.fontSize, _Tree.treeTokens.fontStyle, _Tree.treeTokens.fontWeight, _Tree.treeTokens.letterSpacing, _Tree.treeTokens.lineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":0.875rem;", ":0.375rem;", ":2rem;", ":0.625rem;", ":0 0.5rem 0 0;", ":0 0.5rem 0 0;", ":1.5rem;", ":0 0.5rem 0 0;", ":1.5rem;", ":1.25rem;", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Tree.treeTokens.itemHeight, _Tree.treeTokens.itemPadding, _Tree.treeTokens.itemPaddingTight, _Tree.treeTokens.itemIndent, _Tree.treeTokens.itemBorderRadius, _Tree.treeTokens.iconFolderMargin, _Tree.treeTokens.switcherMargin, _Tree.treeTokens.switcherSize, _Tree.treeTokens.checkboxMargin, _Tree.treeTokens.checkboxSize, _Tree.treeTokens.checkboxInnerSize, _Tree.treeTokens.checkboxBorderRadius, _Tree.treeTokens.fontFamily, _Tree.treeTokens.fontSize, _Tree.treeTokens.fontStyle, _Tree.treeTokens.fontWeight, _Tree.treeTokens.letterSpacing, _Tree.treeTokens.lineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":0.75rem;", ":0.25rem;", ":1.875rem;", ":0.5rem;", ":0 0.375rem 0 0;", ":0 0.375rem 0 0;", ":1.5rem;", ":0 0.25rem 0 0;", ":1.5rem;", ":1.25rem;", ":0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Tree.treeTokens.itemHeight, _Tree.treeTokens.itemPadding, _Tree.treeTokens.itemPaddingTight, _Tree.treeTokens.itemIndent, _Tree.treeTokens.itemBorderRadius, _Tree.treeTokens.iconFolderMargin, _Tree.treeTokens.switcherMargin, _Tree.treeTokens.switcherSize, _Tree.treeTokens.checkboxMargin, _Tree.treeTokens.checkboxSize, _Tree.treeTokens.checkboxInnerSize, _Tree.treeTokens.checkboxBorderRadius, _Tree.treeTokens.fontFamily, _Tree.treeTokens.fontSize, _Tree.treeTokens.fontStyle, _Tree.treeTokens.fontWeight, _Tree.treeTokens.letterSpacing, _Tree.treeTokens.lineHeight),
-      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":0.5rem;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0 0.25rem 0 0;", ":0 0.25rem 0 0;", ":1rem;", ":0 0.25rem 0 0;", ":1rem;", ":0.875rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Tree.treeTokens.itemHeight, _Tree.treeTokens.itemPadding, _Tree.treeTokens.itemPaddingTight, _Tree.treeTokens.itemIndent, _Tree.treeTokens.itemBorderRadius, _Tree.treeTokens.iconFolderMargin, _Tree.treeTokens.switcherMargin, _Tree.treeTokens.switcherSize, _Tree.treeTokens.checkboxMargin, _Tree.treeTokens.checkboxSize, _Tree.treeTokens.checkboxInnerSize, _Tree.treeTokens.checkboxBorderRadius, _Tree.treeTokens.fontFamily, _Tree.treeTokens.fontSize, _Tree.treeTokens.fontStyle, _Tree.treeTokens.fontWeight, _Tree.treeTokens.letterSpacing, _Tree.treeTokens.lineHeight)
-    }
-  }
-};

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

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Tree = void 0;
-var _Tree = /*#__PURE__*/require("../../../../components/Tree");
-var _engines = /*#__PURE__*/require("../../../../engines");
-var _Tree2 = /*#__PURE__*/require("./Tree.config");
-var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Tree.treeConfig, _Tree2.config);
-var Tree = exports.Tree = /*#__PURE__*/(0, _engines.component)(mergedConfig);

package/styled-components/cjs/examples/plasma_b2c/components/Tree/Tree.stories.tsx

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

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

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Tree = /*#__PURE__*/require("../../../../components/Tree/Tree.tokens");
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 'm'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary-hover);", ":var(--surface-transparent-secondary-active);", ":var(--text-secondary);", ":var(--text-accent);", ":0.4;"], _Tree.treeTokens.arrowColor, _Tree.treeTokens.arrowColorHover, _Tree.treeTokens.arrowColorActive, _Tree.treeTokens.color, _Tree.treeTokens.colorSelected, _Tree.treeTokens.itemBackgroundColor, _Tree.treeTokens.itemBackgroundColorHover, _Tree.treeTokens.itemBackgroundColorActive, _Tree.treeTokens.checkboxBorderColor, _Tree.treeTokens.checkboxBackgroundColor, _Tree.treeTokens.itemDisabledOpacity)
-    },
-    size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":1rem;", ":0.375rem;", ":2rem;", ":0.75rem;", ":0 0.5rem 0 0;", ":0 0.5rem 0 0;", ":1.5rem;", ":0 0.5rem 0 0;", ":1.5rem;", ":1.25rem;", ":0.375rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], _Tree.treeTokens.itemHeight, _Tree.treeTokens.itemPadding, _Tree.treeTokens.itemPaddingTight, _Tree.treeTokens.itemIndent, _Tree.treeTokens.itemBorderRadius, _Tree.treeTokens.iconFolderMargin, _Tree.treeTokens.switcherMargin, _Tree.treeTokens.switcherSize, _Tree.treeTokens.checkboxMargin, _Tree.treeTokens.checkboxSize, _Tree.treeTokens.checkboxInnerSize, _Tree.treeTokens.checkboxBorderRadius, _Tree.treeTokens.fontFamily, _Tree.treeTokens.fontSize, _Tree.treeTokens.fontStyle, _Tree.treeTokens.fontWeight, _Tree.treeTokens.letterSpacing, _Tree.treeTokens.lineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":0.875rem;", ":0.375rem;", ":2rem;", ":0.625rem;", ":0 0.5rem 0 0;", ":0 0.5rem 0 0;", ":1.5rem;", ":0 0.5rem 0 0;", ":1.5rem;", ":1.25rem;", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _Tree.treeTokens.itemHeight, _Tree.treeTokens.itemPadding, _Tree.treeTokens.itemPaddingTight, _Tree.treeTokens.itemIndent, _Tree.treeTokens.itemBorderRadius, _Tree.treeTokens.iconFolderMargin, _Tree.treeTokens.switcherMargin, _Tree.treeTokens.switcherSize, _Tree.treeTokens.checkboxMargin, _Tree.treeTokens.checkboxSize, _Tree.treeTokens.checkboxInnerSize, _Tree.treeTokens.checkboxBorderRadius, _Tree.treeTokens.fontFamily, _Tree.treeTokens.fontSize, _Tree.treeTokens.fontStyle, _Tree.treeTokens.fontWeight, _Tree.treeTokens.letterSpacing, _Tree.treeTokens.lineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":0.75rem;", ":0.25rem;", ":1.875rem;", ":0.5rem;", ":0 0.375rem 0 0;", ":0 0.375rem 0 0;", ":1.5rem;", ":0 0.25rem 0 0;", ":1.5rem;", ":1.25rem;", ":0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Tree.treeTokens.itemHeight, _Tree.treeTokens.itemPadding, _Tree.treeTokens.itemPaddingTight, _Tree.treeTokens.itemIndent, _Tree.treeTokens.itemBorderRadius, _Tree.treeTokens.iconFolderMargin, _Tree.treeTokens.switcherMargin, _Tree.treeTokens.switcherSize, _Tree.treeTokens.checkboxMargin, _Tree.treeTokens.checkboxSize, _Tree.treeTokens.checkboxInnerSize, _Tree.treeTokens.checkboxBorderRadius, _Tree.treeTokens.fontFamily, _Tree.treeTokens.fontSize, _Tree.treeTokens.fontStyle, _Tree.treeTokens.fontWeight, _Tree.treeTokens.letterSpacing, _Tree.treeTokens.lineHeight),
-      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":0.5rem;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0 0.25rem 0 0;", ":0 0.25rem 0 0;", ":1rem;", ":0 0.25rem 0 0;", ":1rem;", ":0.875rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Tree.treeTokens.itemHeight, _Tree.treeTokens.itemPadding, _Tree.treeTokens.itemPaddingTight, _Tree.treeTokens.itemIndent, _Tree.treeTokens.itemBorderRadius, _Tree.treeTokens.iconFolderMargin, _Tree.treeTokens.switcherMargin, _Tree.treeTokens.switcherSize, _Tree.treeTokens.checkboxMargin, _Tree.treeTokens.checkboxSize, _Tree.treeTokens.checkboxInnerSize, _Tree.treeTokens.checkboxBorderRadius, _Tree.treeTokens.fontFamily, _Tree.treeTokens.fontSize, _Tree.treeTokens.fontStyle, _Tree.treeTokens.fontWeight, _Tree.treeTokens.letterSpacing, _Tree.treeTokens.lineHeight)
-    }
-  }
-};

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

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Tree = void 0;
-var _Tree = /*#__PURE__*/require("../../../../components/Tree");
-var _engines = /*#__PURE__*/require("../../../../engines");
-var _Tree2 = /*#__PURE__*/require("./Tree.config");
-var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Tree.treeConfig, _Tree2.config);
-var Tree = exports.Tree = /*#__PURE__*/(0, _engines.component)(mergedConfig);

package/styled-components/cjs/examples/plasma_web/components/Tree/Tree.stories.tsx

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

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

@@ -1,91 +0,0 @@
-import React, { forwardRef } from 'react';
-import Tree from 'rc-tree';
-import 'rc-tree/assets/index.css';
-import { cx } from '../../utils';
-import { IconArrowWrapper, StyledArrow, base, StyledFolder, IconFolderWrapper } from './Tree.styles';
-import { sizeToIconSize } from './utils';
-import { classes } from './Tree.tokens';
-
-/**
- * Многоуровневый раскрывающийся список в виде дерева.
- */
-export 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 ? 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' ? 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, {
-      height: height,
-      virtual: virtual,
-      multiple: multiple,
-      checkable: checkable,
-      className: 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(IconArrowWrapper, null, /*#__PURE__*/React.createElement(StyledArrow, {
-          size: sizeToIconSize(size),
-          color: "inherit",
-          className: "arrow"
-        }));
-      },
-      icon: hasIcon && (icon || /*#__PURE__*/React.createElement(IconFolderWrapper, null, /*#__PURE__*/React.createElement(StyledFolder, {
-        size: sizeToIconSize(size),
-        color: "inherit"
-      })))
-    }));
-  });
-};
-export var treeConfig = {
-  name: 'Tree',
-  tag: 'div',
-  layout: treeRoot,
-  base: base,
-  variations: {},
-  defaults: {
-    view: 'default',
-    size: 'm'
-  }
-};