@salutejs/plasma-new-hope 0.336.0-canary.2220.17673344609.0 → 0.336.0-canary.2222.17762952669.0

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

@@ -99,9 +99,10 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
-import React, { useState, forwardRef, Fragment } from "react";
+import React, { useState, forwardRef, Fragment, useRef, useEffect } from "react";
+import { useForkRef } from "@salutejs/plasma-core";
 import { cx, isNumber } from "../../utils";
-import { PaginationPages, PaginationActions, PaginationButton, PaginationSection, PaginationButtonGroup, PaginationRoot, PaginationShorter } from "./Pagination.styles";
+import { PaginationPages, PaginationActions, PaginationButton, PaginationSection, PaginationButtonGroup, PaginationRoot, PaginationShorter, PaginationActionsLeft, PaginationHelperText } from "./Pagination.styles";
 import { getSections, defaultValues } from "./utils";
 import { base as viewCSS } from "./variations/_view/base";
 import { base as typeCSS } from "./variations/_type/base";
@@ -111,9 +112,11 @@ import { PaginationQuickJumpToPage } from "./ui/PaginationQuickJumpToPage/Pagina
 import { PaginationSelectPerPage } from "./ui/PaginationSelectPerPage/PaginationSelectPerPage";
 export var paginationRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, ref) {
-        var outerValue = _param.value, defaultValue = _param.defaultValue, outerPerPage = _param.perPage, defaultPerPage = _param.defaultPerPage, _param_slots = _param.slots, slots = _param_slots === void 0 ? defaultValues.slots : _param_slots, view = _param.view, viewCurrentPage = _param.viewCurrentPage, _param_type = _param.type, type = _param_type === void 0 ? defaultValues.type : _param_type, size = _param.size, _param_pilled = _param.pilled, pilled = _param_pilled === void 0 ? defaultValues.pilled : _param_pilled, _param_square = _param.square, square = _param_square === void 0 ? defaultValues.square : _param_square, _param_disabledPages = _param.disabledPages, disabledPages = _param_disabledPages === void 0 ? defaultValues.disabledPages : _param_disabledPages, _param_count = _param.count, count = _param_count === void 0 ? defaultValues.value : _param_count, _param_hasQuickJump = _param.hasQuickJump, hasQuickJump = _param_hasQuickJump === void 0 ? defaultValues.hasQuickJump : _param_hasQuickJump, _param_hasPerPage = _param.hasPerPage, hasPerPage = _param_hasPerPage === void 0 ? defaultValues.hasPerPage : _param_hasPerPage, _param_perPageList = _param.perPageList, perPageList = _param_perPageList === void 0 ? defaultValues.perPageList : _param_perPageList, _param_isCommonButtonStyles = _param.isCommonButtonStyles, isCommonButtonStyles = _param_isCommonButtonStyles === void 0 ? defaultValues.isCommonButtonStyles : _param_isCommonButtonStyles, _param_placeholderQuickJump = _param.placeholderQuickJump, placeholderQuickJump = _param_placeholderQuickJump === void 0 ? defaultValues.placeholderQuickJump : _param_placeholderQuickJump, _param_textQuickJump = _param.textQuickJump, textQuickJump = _param_textQuickJump === void 0 ? defaultValues.textQuickJump : _param_textQuickJump, _param_textPerPage = _param.textPerPage, textPerPage = _param_textPerPage === void 0 ? defaultValues.textPerPage : _param_textPerPage, leftContent = _param.leftContent, rightContent = _param.rightContent, _param_listWidth = _param.listWidth, listWidth = _param_listWidth === void 0 ? 'fit-content' : _param_listWidth, onChangePageValue = _param.onChangePageValue, onChangePerPageValue = _param.onChangePerPageValue, onChange = _param.onChange, rest = _object_without_properties(_param, [
+        var outerValue = _param.value, defaultValue = _param.defaultValue, helperText = _param.helperText, singleLine = _param.singleLine, outerPerPage = _param.perPage, defaultPerPage = _param.defaultPerPage, _param_slots = _param.slots, slots = _param_slots === void 0 ? defaultValues.slots : _param_slots, view = _param.view, viewCurrentPage = _param.viewCurrentPage, _param_type = _param.type, type = _param_type === void 0 ? defaultValues.type : _param_type, size = _param.size, _param_pilled = _param.pilled, pilled = _param_pilled === void 0 ? defaultValues.pilled : _param_pilled, _param_square = _param.square, square = _param_square === void 0 ? defaultValues.square : _param_square, _param_disabledPages = _param.disabledPages, disabledPages = _param_disabledPages === void 0 ? defaultValues.disabledPages : _param_disabledPages, _param_count = _param.count, count = _param_count === void 0 ? defaultValues.value : _param_count, _param_hasQuickJump = _param.hasQuickJump, hasQuickJump = _param_hasQuickJump === void 0 ? defaultValues.hasQuickJump : _param_hasQuickJump, _param_hasPerPage = _param.hasPerPage, hasPerPage = _param_hasPerPage === void 0 ? defaultValues.hasPerPage : _param_hasPerPage, _param_perPageList = _param.perPageList, perPageList = _param_perPageList === void 0 ? defaultValues.perPageList : _param_perPageList, _param_isCommonButtonStyles = _param.isCommonButtonStyles, isCommonButtonStyles = _param_isCommonButtonStyles === void 0 ? defaultValues.isCommonButtonStyles : _param_isCommonButtonStyles, _param_placeholderQuickJump = _param.placeholderQuickJump, placeholderQuickJump = _param_placeholderQuickJump === void 0 ? defaultValues.placeholderQuickJump : _param_placeholderQuickJump, _param_textQuickJump = _param.textQuickJump, textQuickJump = _param_textQuickJump === void 0 ? defaultValues.textQuickJump : _param_textQuickJump, _param_textPerPage = _param.textPerPage, textPerPage = _param_textPerPage === void 0 ? defaultValues.textPerPage : _param_textPerPage, leftContent = _param.leftContent, rightContent = _param.rightContent, _param_listWidth = _param.listWidth, listWidth = _param_listWidth === void 0 ? 'fit-content' : _param_listWidth, onChangePageValue = _param.onChangePageValue, onChangePerPageValue = _param.onChangePerPageValue, onChange = _param.onChange, rest = _object_without_properties(_param, [
             "value",
             "defaultValue",
+            "helperText",
+            "singleLine",
             "perPage",
             "defaultPerPage",
             "slots",
@@ -143,11 +146,16 @@ export var paginationRoot = function(Root) {
         var pageValue = outerValue !== null && outerValue !== void 0 ? outerValue : pageInner;
         var _useState1 = _sliced_to_array(useState(hasPerPage ? defaultPerPage || defaultValues.perPage : undefined), 2), perPageInner = _useState1[0], setPerPageInner = _useState1[1];
         var perPageValue = outerPerPage !== null && outerPerPage !== void 0 ? outerPerPage : perPageInner;
+        var pagesRef = useRef(null);
+        var _useState2 = _sliced_to_array(useState(0), 2), pagesWidth = _useState2[0], setPagesWidth = _useState2[1];
+        var _useState3 = _sliced_to_array(useState(0), 2), rootWidth = _useState3[0], setRootWidth = _useState3[1];
+        var rootRef = useRef(null);
+        var forkRef = useForkRef(rootRef, ref);
         var pages = Math.ceil(count / (perPageValue || 1));
         var sections = getSections(pageValue, pages, slots);
         var typeClass = classes["".concat(type, "Type")];
         var roundedClass = pilled ? 'circle-circle' : 'square-square';
-        var withHasPerPageSelect = hasPerPage ? classes.withHasPerPageSelect : undefined;
+        var withHasPerPageSelect = hasPerPage && !helperText ? classes.withHasPerPageSelect : undefined;
         var withHasQuickJump = hasQuickJump ? classes.withHasQuickJump : undefined;
         var disabled = disabledPages.map(function(el) {
             return isNumber(el) ? Number(el) : null;
@@ -185,15 +193,43 @@ export var paginationRoot = function(Root) {
         var isActiveButton = function(checkPage) {
             return pageValue === checkPage ? classes.paginationPageButtonActive : '';
         };
+        useEffect(function() {
+            var observers = [];
+            if (pagesRef.current) {
+                var pagesObserver = new ResizeObserver(function(entries) {
+                    var newWidth = entries[0].contentRect.width;
+                    setPagesWidth(newWidth);
+                });
+                pagesObserver.observe(pagesRef.current);
+                observers.push(pagesObserver);
+            }
+            if (rootRef.current) {
+                var rootObserver = new ResizeObserver(function(entries) {
+                    var newWidth = entries[0].contentRect.width;
+                    setRootWidth(newWidth);
+                });
+                rootObserver.observe(rootRef.current);
+                observers.push(rootObserver);
+            }
+            return function() {
+                observers.forEach(function(observer) {
+                    return observer.disconnect();
+                });
+            };
+        }, [
+            type
+        ]);
         return /*#__PURE__*/ React.createElement(Root, _object_spread({
             size: size,
             view: view,
             viewCurrentPage: viewCurrentPage,
             className: cx(classes.wrapper, typeClass),
-            ref: ref
+            ref: forkRef
         }, rest), /*#__PURE__*/ React.createElement(PaginationRoot, {
             className: typeClass
-        }, /*#__PURE__*/ React.createElement(PaginationPages, null, leftContent && /*#__PURE__*/ React.createElement(PaginationButtonGroup, {
+        }, /*#__PURE__*/ React.createElement(PaginationPages, {
+            ref: pagesRef
+        }, leftContent && /*#__PURE__*/ React.createElement(PaginationButtonGroup, {
             isCommonButtonStyles: isCommonButtonStyles
         }, leftContent), sections && sections.map(function(section, indexSection) {
             return /*#__PURE__*/ React.createElement(Fragment, {
@@ -217,12 +253,24 @@ export var paginationRoot = function(Root) {
         }), rightContent && /*#__PURE__*/ React.createElement(PaginationButtonGroup, {
             isCommonButtonStyles: isCommonButtonStyles
         }, rightContent)), /*#__PURE__*/ React.createElement(PaginationActions, {
+            style: type === 'compact' ? {
+                minWidth: '0px'
+            } : {
+                width: "calc(100% - ".concat(pagesWidth, "px)")
+            },
             className: cx(classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)
+        }, /*#__PURE__*/ React.createElement(PaginationActionsLeft, {
+            className: typeClass
         }, hasQuickJump && /*#__PURE__*/ React.createElement(PaginationQuickJumpToPage, {
             placeholderQuickJump: placeholderQuickJump,
             textQuickJump: textQuickJump,
             onChangeValue: handleSetPage
-        }), hasPerPage && /*#__PURE__*/ React.createElement(PaginationSelectPerPage, {
+        }), helperText && /*#__PURE__*/ React.createElement(PaginationHelperText, {
+            className: cx(typeClass, singleLine ? classes.ellipsisText : ''),
+            style: {
+                maxWidth: rootWidth
+            }
+        }, helperText)), hasPerPage && /*#__PURE__*/ React.createElement(PaginationSelectPerPage, {
             textPerPage: textPerPage,
             perPageValue: perPageValue,
             perPageList: perPageList,

package/styled-components/es/components/Pagination/Pagination.styles.js

@@ -2,7 +2,7 @@ import styled from "styled-components";
 import { buttonConfig, buttonTokens } from "../Button";
 import { buttonGroupConfig, buttonGroupTokens } from "../ButtonGroup";
 import { component, mergeConfig } from "../../engines";
-import { addFocus } from "../../mixins";
+import { addFocus, applyEllipsis } from "../../mixins";
 import { classes, tokens } from "./Pagination.tokens";
 var mergedButtonConfig = mergeConfig(buttonConfig);
 var Button = component(mergedButtonConfig);
@@ -10,37 +10,39 @@ var mergedButtonGroupConfig = mergeConfig(buttonGroupConfig);
 var ButtonGroup = component(mergedButtonGroupConfig);
 export var PaginationRoot = styled.div.withConfig({
     displayName: "Pagination.styles__PaginationRoot",
-    componentId: "sc-123175d4-0"
+    componentId: "sc-ec0762a3-0"
 })([
     "display:flex;color:var(",
     ");&.",
-    "{display:flex;flex-direction:column;gap:0.5rem;}&.",
-    "{display:flex;justify-content:space-between;flex:0 0 100%;gap:1rem;flex-wrap:wrap;}"
+    "{flex-direction:column;gap:0.5rem;justify-content:flex-start;}&.",
+    "{width:100%;justify-content:space-between;flex:0 0 100%;gap:1rem;flex-wrap:nowrap;}"
 ], tokens.paginationColor, classes.compactType, classes.defaultType);
 export var PaginationPages = styled.div.withConfig({
     displayName: "Pagination.styles__PaginationPages",
-    componentId: "sc-123175d4-1"
+    componentId: "sc-ec0762a3-1"
 })([
-    "display:flex;align-items:center;gap:0.25rem;margin:0 auto;"
+    "display:flex;align-items:center;gap:0.25rem;flex-shrink:0;"
 ]);
 export var PaginationActions = styled.div.withConfig({
     displayName: "Pagination.styles__PaginationActions",
-    componentId: "sc-123175d4-2"
+    componentId: "sc-ec0762a3-2"
 })([
-    "display:flex;justify-content:space-between;flex-grow:1;gap:0.625rem;&.",
+    "display:flex;justify-content:space-between;flex-grow:1;align-items:center;gap:var(",
+    ");flex-shrink:1;&.",
+    "{flex-direction:row;width:100%;flex-wrap:wrap;}&.",
     "{flex-direction:row;}&.",
     "{flex-direction:row-reverse;}&.",
     "{flex-direction:row;}"
-], classes.compactType, classes.withHasPerPageSelect, classes.withHasQuickJump);
+], tokens.paginationHelperTextGap, classes.compactType, classes.defaultType, classes.withHasPerPageSelect, classes.withHasQuickJump);
 export var PaginationSection = styled.div.withConfig({
     displayName: "Pagination.styles__PaginationSection",
-    componentId: "sc-123175d4-3"
+    componentId: "sc-ec0762a3-3"
 })([
     "display:flex;gap:0.125rem;"
 ]);
 export var PaginationButtonGroup = styled(ButtonGroup).withConfig({
     displayName: "Pagination.styles__PaginationButtonGroup",
-    componentId: "sc-123175d4-4"
+    componentId: "sc-ec0762a3-4"
 })([
     "",
     ":var(",
@@ -82,7 +84,7 @@ export var PaginationButtonGroup = styled(ButtonGroup).withConfig({
 ], buttonGroupTokens.buttonColor, tokens.buttonColor, buttonGroupTokens.buttonBackgroundColor, tokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, tokens.buttonHoverColor, buttonGroupTokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, tokens.buttonActiveColor, buttonGroupTokens.buttonBackgroundColorActive, tokens.buttonBackgroundColorActive, buttonGroupTokens.buttonFontFamily, tokens.paginationFontFamily, buttonGroupTokens.buttonFontSize, tokens.paginationFontSize, buttonGroupTokens.buttonFontStyle, tokens.paginationFontStyle, buttonGroupTokens.buttonFontWeight, tokens.paginationFontWeight, buttonGroupTokens.buttonLetterSpacing, tokens.paginationLetterSpacing, buttonGroupTokens.buttonLineHeight, tokens.paginationLineHeight, buttonGroupTokens.buttonWidth, tokens.buttonWidth, buttonGroupTokens.buttonHeight, tokens.buttonHeight, buttonGroupTokens.buttonDefaultRadius, tokens.buttonRadius, buttonGroupTokens.buttonSideRadius, tokens.buttonRadius, buttonGroupTokens.buttonSegmentedRadius, tokens.buttonRadius, buttonGroupTokens.buttonRadiusCircle, tokens.buttonRadius);
 export var PaginationButton = styled(Button).withConfig({
     displayName: "Pagination.styles__PaginationButton",
-    componentId: "sc-123175d4-5"
+    componentId: "sc-ec0762a3-5"
 })([
     "",
     ":var(",
@@ -148,10 +150,29 @@ export var PaginationButton = styled(Button).withConfig({
 }));
 export var PaginationShorter = styled(PaginationButton).withConfig({
     displayName: "Pagination.styles__PaginationShorter",
-    componentId: "sc-123175d4-6"
+    componentId: "sc-ec0762a3-6"
 })([
     "",
     ":var(",
     ");",
     ":0;"
 ], buttonTokens.buttonWidth, tokens.buttonWidthShorter, buttonTokens.buttonPadding);
+export var PaginationActionsLeft = styled.div.withConfig({
+    displayName: "Pagination.styles__PaginationActionsLeft",
+    componentId: "sc-ec0762a3-7"
+})([
+    "display:flex;align-items:center;flex-wrap:wrap;gap:var(",
+    ");.",
+    " &{min-width:0;flex-wrap:nowrap;flex-shrink:1;}"
+], tokens.paginationHelperTextGap, classes.defaultType);
+export var PaginationHelperText = styled.div.withConfig({
+    displayName: "Pagination.styles__PaginationHelperText",
+    componentId: "sc-ec0762a3-8"
+})([
+    "color:var(",
+    ");&.",
+    "{min-width:0;",
+    " flex-shrink:1;}&.",
+    "{",
+    "}"
+], tokens.paginationHelperTextColor, classes.defaultType, applyEllipsis(), classes.ellipsisText, applyEllipsis());

package/styled-components/es/components/Pagination/Pagination.tokens.js

@@ -4,6 +4,7 @@ export var classes = {
     actions: 'pagination-actions',
     perPage: 'pagination-perpage-select',
     quickJump: 'pagination-quick-jump-page',
+    ellipsisText: 'pagination-ellipsis-text',
     selectWrapper: 'pagination-select-wrapper',
     defaultType: 'pagination-type-default',
     compactType: 'pagination-type-compact',
@@ -17,6 +18,8 @@ export var classes = {
 export var tokens = {
     paginationWidth: '--plasma-pagination-width',
     paginationColor: '--plasma-pagination-color',
+    paginationHelperTextColor: '--plasma-pagination-helper-text-color',
+    paginationHelperTextGap: '--plasma-pagination-helper-text-gap',
     buttonBackgroundColor: '--plasma-pagination-button-bg-color',
     buttonBackgroundColorHover: '--plasma-pagination-button-bg-color-hover',
     buttonBackgroundColorActive: '--plasma-pagination-button-bg-color-active',

package/styled-components/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js

@@ -2,9 +2,9 @@ import styled from "styled-components";
 import { tokens } from "../../Pagination.tokens";
 export var QuickJumpToPageRoot = styled.div.withConfig({
     displayName: "PaginationQuickJumpToPage.styles__QuickJumpToPageRoot",
-    componentId: "sc-baf7e727-0"
+    componentId: "sc-d437c7e1-0"
 })([
-    "display:flex;align-items:center;gap:0.5rem;font-family:var(",
+    "display:flex;align-items:center;gap:0.5rem;flex-shrink:0;font-family:var(",
     ");font-size:var(",
     ");font-style:var(",
     ");font-weight:var(",
@@ -14,13 +14,13 @@ export var QuickJumpToPageRoot = styled.div.withConfig({
 ], tokens.paginationFontFamily, tokens.paginationFontSize, tokens.paginationFontStyle, tokens.paginationFontWeight, tokens.paginationLetterSpacing, tokens.paginationLineHeight);
 export var QuickJumpToPageTypography = styled.div.withConfig({
     displayName: "PaginationQuickJumpToPage.styles__QuickJumpToPageTypography",
-    componentId: "sc-baf7e727-1"
+    componentId: "sc-d437c7e1-1"
 })([
-    ""
+    "white-space:nowrap;"
 ]);
 export var QuickJumpToPageInput = styled.input.withConfig({
     displayName: "PaginationQuickJumpToPage.styles__QuickJumpToPageInput",
-    componentId: "sc-baf7e727-2"
+    componentId: "sc-d437c7e1-2"
 })([
     "background:var(",
     ");color:var(",

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

@@ -131,7 +131,7 @@ import React, { useRef, useCallback, useEffect, useState, forwardRef, isValidEle
 import { usePopper } from "react-popper";
 import { useForkRef } from "@salutejs/plasma-core";
 import { useFocusTrap } from "../../hooks";
-import { cx } from "../../utils";
+import { cx, safeUseId } from "../../utils";
 import { Portal } from "../Portal";
 import { base as viewCSS } from "./variations/_view/base";
 import { StyledArrow, StyledPopover, StyledRoot, StyledWrapper } from "./Popover.styles";
@@ -176,6 +176,7 @@ export var POPOVER_PORTAL_ID = 'plasma-popover-root';
         var portalRef = useRef(null);
         var targetRef = useRef(null);
         var trapRef = useFocusTrap(innerIsOpen && isFocusTrapped);
+        var uuid = safeUseId();
         var popoverForkRef = useForkRef(popoverRef, trapRef);
         var _useState = _sliced_to_array(useState(null), 2), arrowElement = _useState[0], setArrowElement = _useState[1];
         var _useState1 = _sliced_to_array(useState(false), 2), forceRender = _useState1[1];
@@ -326,8 +327,9 @@ export var POPOVER_PORTAL_ID = 'plasma-popover-root';
                 portal = rootRef.current;
             }
             if (!portal) {
+                var portalId = "".concat(POPOVER_PORTAL_ID, "-").concat(uuid);
                 portal = document.createElement('div');
-                portal.setAttribute('id', POPOVER_PORTAL_ID);
+                portal.setAttribute('id', portalId);
                 if (typeof frame === 'string' && frame !== 'document') {
                     var _document_getElementById;
                     (_document_getElementById = document.getElementById(frame)) === null || _document_getElementById === void 0 ? void 0 : _document_getElementById.appendChild(portal);

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

@@ -213,6 +213,7 @@ import { Context } from "./Select.context";
         var treeId = safeUseId();
         var listWrapperRef = useRef(null);
         var view = target === 'textfield-like' && (disabled || readOnly) ? 'default' : getView(status, outerView);
+        var rootRef = useRef(null);
         // Собираем объект с пропсами для required и прокидываем их напрямую в компонент Textfield.
         var requiredProps = props.target === 'button-like' ? undefined : {
             required: required,
@@ -235,15 +236,7 @@ import { Context } from "./Select.context";
             if (!isCurrentListOpen) {
                 return;
             }
-            dispatchPath({
-                type: 'reset'
-            });
-            dispatchFocusedPath({
-                type: 'reset'
-            });
-            if (onToggle) {
-                onToggle(false);
-            }
+            handleListToggle(false);
         }, floatingPopoverRef);
         var onChange = function(newValue, item) {
             if (props.onChange) {
@@ -271,12 +264,18 @@ import { Context } from "./Select.context";
                     type: 'opened_first_level'
                 });
             } else {
+                var _rootRef_current;
                 dispatchFocusedPath({
                     type: 'reset'
                 });
                 dispatchPath({
                     type: 'reset'
                 });
+                // Скроллим чипы к левому краю при закрытии компонента
+                var el = rootRef === null || rootRef === void 0 ? void 0 : (_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.querySelector('.input-scrollable-wrapper');
+                if (multiselect && value.length > 0 && el) {
+                    el.scrollLeft = 0;
+                }
             }
             if (onToggle) {
                 onToggle(opened);
@@ -446,7 +445,8 @@ import { Context } from "./Select.context";
             chipView: chipView,
             disabled: disabled,
             readOnly: readOnly,
-            id: id
+            id: id,
+            ref: rootRef
         }, rest), name && /*#__PURE__*/ React.createElement(SelectNative, {
             items: valueToItemMap,
             name: name,

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

@@ -88,7 +88,7 @@ import { StyledContent, StyledDescription, StyledInput, StyledLabel, StyledTrigg
 import { classes } from "./Switch.tokens";
 export var switchRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(props, ref) {
-        var size = props.size, toggleSize = props.toggleSize, view = props.view, focused = props.focused, outlined = props.outlined, disabled = props.disabled, labelPosition = props.labelPosition, label = props.label, description = props.description, id = props.id, style = props.style, className = props.className, // singleLine,
+        var size = props.size, toggleSize = props.toggleSize, view = props.view, focused = props.focused, outlined = props.outlined, disabled = props.disabled, labelPosition = props.labelPosition, label = props.label, description = props.description, _props_singleLine = props.singleLine, singleLine = _props_singleLine === void 0 ? true : _props_singleLine, id = props.id, style = props.style, className = props.className, // singleLine,
         checked = props.checked, pressed = props.pressed, defaultChecked = props.defaultChecked, rest = _object_without_properties(props, [
             "size",
             "toggleSize",
@@ -99,6 +99,7 @@ export var switchRoot = function(Root) {
             "labelPosition",
             "label",
             "description",
+            "singleLine",
             "id",
             "style",
             "className",
@@ -128,7 +129,8 @@ export var switchRoot = function(Root) {
             defaultChecked: defaultChecked,
             disabled: disabled
         })), /*#__PURE__*/ React.createElement(StyledLabel, {
-            tabIndex: -1
+            tabIndex: -1,
+            className: singleLine ? classes.singleLine : ''
         }, label), /*#__PURE__*/ React.createElement(StyledTrigger, {
             "aria-hidden": true
         })), description && /*#__PURE__*/ React.createElement(StyledDescription, null, description));

package/styled-components/es/components/Switch/Switch.styles.js

@@ -8,7 +8,7 @@ export var base = css([
 ], tokens.verticalGap);
 export var StyledContent = styled.div.withConfig({
     displayName: "Switch.styles__StyledContent",
-    componentId: "sc-c4704e70-0"
+    componentId: "sc-6da706dd-0"
 })([
     "width:100%;position:relative;display:flex;align-items:center;&.",
     "{justify-content:space-between;",
@@ -20,7 +20,7 @@ export var StyledContent = styled.div.withConfig({
 ], classes.beforeSwitchLabelPosition, tokens.labelOffsetPrivate, tokens.labelOffset, classes.afterSwitchLabelPosition, tokens.labelOffsetPrivate, tokens.labelOffset);
 export var StyledDescription = styled.div.withConfig({
     displayName: "Switch.styles__StyledDescription",
-    componentId: "sc-c4704e70-1"
+    componentId: "sc-6da706dd-1"
 })([
     "position:relative;",
     " display:-webkit-box;line-clamp:var(",
@@ -29,20 +29,21 @@ export var StyledDescription = styled.div.withConfig({
 ], applyEllipsis(), tokens.descriptionMaxLines, tokens.descriptionMaxLines);
 export var StyledInput = styled.input.withConfig({
     displayName: "Switch.styles__StyledInput",
-    componentId: "sc-c4704e70-2"
+    componentId: "sc-6da706dd-2"
 })([
     "position:absolute;right:0;margin:0;opacity:0;&:focus{outline:0 none;}"
 ]);
 export var StyledLabel = styled.span.withConfig({
     displayName: "Switch.styles__StyledLabel",
-    componentId: "sc-c4704e70-3"
+    componentId: "sc-6da706dd-3"
 })([
-    "user-select:none;",
-    ""
-], applyEllipsis());
+    "user-select:none;&.",
+    "{",
+    "}"
+], classes.singleLine, applyEllipsis());
 export var StyledTrigger = styled.div.withConfig({
     displayName: "Switch.styles__StyledTrigger",
-    componentId: "sc-c4704e70-4"
+    componentId: "sc-6da706dd-4"
 })([
     "position:relative;display:flex;align-items:center;transition:background-color 0.15s ease-in-out 0.1s;::after{content:'';position:absolute;right:auto;left:0;transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;}",
     ":checked ~ &::after{right:0;left:auto;}"

package/styled-components/es/components/Switch/Switch.tokens.js

@@ -46,5 +46,6 @@ export var tokens = {
 };
 export var classes = {
     beforeSwitchLabelPosition: 'switch-label-position-before',
-    afterSwitchLabelPosition: 'switch-label-position-after'
+    afterSwitchLabelPosition: 'switch-label-position-after',
+    singleLine: 'switch-single-line'
 };

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

@@ -467,7 +467,7 @@ export var textFieldRoot = function(Root) {
             tabIndex: -1,
             ref: contentRef,
             onKeyDown: handleContentKeyDown,
-            className: withHasChips
+            className: cx(withHasChips, classes.inputScrollableWrapper)
         }, Boolean(textBefore && isChipEnumeration) && /*#__PURE__*/ React.createElement(StyledTextBefore, null, textBefore), Boolean(_chips === null || _chips === void 0 ? void 0 : _chips.length) && /*#__PURE__*/ React.createElement(TextFieldChipNew, {
             chips: _chips,
             onChipClick: _onChipClick,

package/styled-components/es/components/TextField/TextField.tokens.js

@@ -15,6 +15,7 @@ export var classes = {
     textFieldGroupItem: 'text-field-group-item',
     requiredAlignRight: 'required-align-right',
     inputWrapper: 'input-wrapper',
+    inputScrollableWrapper: 'input-scrollable-wrapper',
     inputTextEllipsis: 'textfield-input-text-ellipsis',
     contentRightCompensationMargin: 'textfield-content-right-compensation-margin',
     readOnlyInput: 'textfield-readonly-input'

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

@@ -99,14 +99,14 @@ function _unsupported_iterable_to_array(o, minLen) {
 import React, { forwardRef, useState, useMemo } from "react";
 import Tree from "rc-tree";
 import { cx } from "../../utils";
-import { IconArrowWrapper, StyledArrow, base, StyledFolder, TitleWrapper, Title, ContentRight } from "./Tree.styles";
+import { IconArrowWrapper, StyledArrow, base, StyledFolder, TitleWrapper, Title, ContentRight, Line } from "./Tree.styles";
 import { sizeToIconSize, traverseTree } from "./utils";
 import { classes } from "./Tree.tokens";
 /**
  * Многоуровневый раскрывающийся список в виде дерева.
  */ export var treeRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(param, ref) {
-        var items = param.items, _param_arrowPlacement = param.arrowPlacement, arrowPlacement = _param_arrowPlacement === void 0 ? 'left' : _param_arrowPlacement, _param_virtual = param.virtual, virtual = _param_virtual === void 0 ? true : _param_virtual, height = param.height, itemHeight = param.itemHeight, size = param.size, view = param.view, _param_fullWidthItemSelection = param.fullWidthItemSelection, fullWidthItemSelection = _param_fullWidthItemSelection === void 0 ? false : _param_fullWidthItemSelection, _param_multiple = param.multiple, multiple = _param_multiple === void 0 ? false : _param_multiple, _param_defaultExpandAll = param.defaultExpandAll, defaultExpandAll = _param_defaultExpandAll === void 0 ? false : _param_defaultExpandAll, _param_autoExpandParent = param.autoExpandParent, autoExpandParent = _param_autoExpandParent === void 0 ? false : _param_autoExpandParent, _param_checkable = param.checkable, checkable = _param_checkable === void 0 ? false : _param_checkable, outerSelectedKeys = param.selectedKeys, checkedKeys = param.checkedKeys, expandedKeys = param.expandedKeys, defaultCheckedKeys = param.defaultCheckedKeys, defaultExpandedKeys = param.defaultExpandedKeys, defaultSelectedKeys = param.defaultSelectedKeys, className = param.className, onTreeSelect = param.onTreeSelect, onTreeCheck = param.onTreeCheck, onTreeExpand = param.onTreeExpand, _param_hasIcon = param.hasIcon, hasIcon = _param_hasIcon === void 0 ? false : _param_hasIcon, icon = param.icon, renderTitle = param.renderTitle, _param_mode = param.mode, mode = _param_mode === void 0 ? 'default' : _param_mode;
+        var items = param.items, _param_arrowPlacement = param.arrowPlacement, arrowPlacement = _param_arrowPlacement === void 0 ? 'left' : _param_arrowPlacement, _param_virtual = param.virtual, virtual = _param_virtual === void 0 ? true : _param_virtual, height = param.height, itemHeight = param.itemHeight, size = param.size, view = param.view, _param_fullWidthItemSelection = param.fullWidthItemSelection, fullWidthItemSelection = _param_fullWidthItemSelection === void 0 ? false : _param_fullWidthItemSelection, _param_multiple = param.multiple, multiple = _param_multiple === void 0 ? false : _param_multiple, _param_defaultExpandAll = param.defaultExpandAll, defaultExpandAll = _param_defaultExpandAll === void 0 ? false : _param_defaultExpandAll, _param_autoExpandParent = param.autoExpandParent, autoExpandParent = _param_autoExpandParent === void 0 ? false : _param_autoExpandParent, _param_checkable = param.checkable, checkable = _param_checkable === void 0 ? false : _param_checkable, outerSelectedKeys = param.selectedKeys, checkedKeys = param.checkedKeys, expandedKeys = param.expandedKeys, defaultCheckedKeys = param.defaultCheckedKeys, defaultExpandedKeys = param.defaultExpandedKeys, defaultSelectedKeys = param.defaultSelectedKeys, className = param.className, onTreeSelect = param.onTreeSelect, onTreeCheck = param.onTreeCheck, onTreeExpand = param.onTreeExpand, _param_hasIcon = param.hasIcon, hasIcon = _param_hasIcon === void 0 ? false : _param_hasIcon, icon = param.icon, renderTitle = param.renderTitle, _param_mode = param.mode, mode = _param_mode === void 0 ? 'default' : _param_mode, _param_draggable = param.draggable, draggable = _param_draggable === void 0 ? false : _param_draggable, onDragStart = param.onDragStart, onDragEnter = param.onDragEnter, onDragOver = param.onDragOver, onDragLeave = param.onDragLeave, onDragEnd = param.onDragEnd, onDrop = param.onDrop, allowDrop = param.allowDrop;
         var _useState = _sliced_to_array(useState(defaultSelectedKeys || []), 2), selected = _useState[0], setSelected = _useState[1];
         var selectedKeys = outerSelectedKeys !== null && outerSelectedKeys !== void 0 ? outerSelectedKeys : selected;
         var isRadioMode = mode === 'radio' && !multiple;
@@ -179,6 +179,36 @@ import { classes } from "./Tree.tokens";
                     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));
+            },
+            draggable: draggable,
+            onDragStart: onDragStart,
+            onDragEnter: onDragEnter,
+            onDragOver: onDragOver,
+            onDragLeave: onDragLeave,
+            onDragEnd: onDragEnd,
+            onDrop: onDrop,
+            allowDrop: allowDrop,
+            dropIndicatorRender: function(props) {
+                var offset = 0;
+                var dropPosition = props.dropPosition, dropLevelOffset = props.dropLevelOffset, indent = props.indent;
+                var left = -dropLevelOffset * indent + offset;
+                var style = {};
+                switch(dropPosition){
+                    case -1:
+                        style.top = 0;
+                        break;
+                    case 1:
+                        style.bottom = 0;
+                        break;
+                    default:
+                        style.bottom = 0;
+                        style.left = indent + offset;
+                        break;
+                }
+                return /*#__PURE__*/ React.createElement(Line, {
+                    style: style,
+                    left: left
+                });
             }
         })));
     });

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

@@ -5,7 +5,7 @@ import { IconDisclosureRightCentered, IconFolder } from "../_Icon";
 import { treeTokens as tokens, classes } from "./Tree.tokens";
 export var IconArrowWrapper = styled.div.withConfig({
     displayName: "Tree.styles__IconArrowWrapper",
-    componentId: "sc-b806b1cc-0"
+    componentId: "sc-8ac26406-0"
 })([
     "line-height:0;color:var(",
     ");&:hover{color:var(",
@@ -14,19 +14,19 @@ export var IconArrowWrapper = styled.div.withConfig({
 ], tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive);
 export var StyledArrow = styled(IconDisclosureRightCentered).withConfig({
     displayName: "Tree.styles__StyledArrow",
-    componentId: "sc-b806b1cc-1"
+    componentId: "sc-8ac26406-1"
 })([
     "transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;user-select:none;"
 ]);
 export var StyledFolder = styled(IconFolder).withConfig({
     displayName: "Tree.styles__StyledFolder",
-    componentId: "sc-b806b1cc-2"
+    componentId: "sc-8ac26406-2"
 })([
     ""
 ]);
 export var TitleWrapper = styled.div.withConfig({
     displayName: "Tree.styles__TitleWrapper",
-    componentId: "sc-b806b1cc-3"
+    componentId: "sc-8ac26406-3"
 })([
     "display:flex;align-items:center;justify-content:space-between;margin:",
     ";",
@@ -37,7 +37,7 @@ export var TitleWrapper = styled.div.withConfig({
 }, applyEllipsis());
 export var Title = styled.span.withConfig({
     displayName: "Tree.styles__Title",
-    componentId: "sc-b806b1cc-4"
+    componentId: "sc-8ac26406-4"
 })([
     "margin:var(",
     ");",
@@ -45,12 +45,25 @@ export var Title = styled.span.withConfig({
 ], tokens.iconFolderMargin, applyEllipsis());
 export var ContentRight = styled.div.withConfig({
     displayName: "Tree.styles__ContentRight",
-    componentId: "sc-b806b1cc-5"
+    componentId: "sc-8ac26406-5"
 })([
     "line-height:0;"
 ]);
+export var Line = styled.div.withConfig({
+    displayName: "Tree.styles__Line",
+    componentId: "sc-8ac26406-6"
+})([
+    "left:",
+    "px;right:0;position:absolute;z-index:1;height:0.125rem;background-color:var(",
+    ");border-radius:1px;pointer-events:none;"
+], function(param) {
+    var left = param.left;
+    return left;
+}, tokens.itemDraggableLineColor);
 export var base = css([
-    ".rc-tree{margin:0;border:1px solid transparent;}.rc-tree-focused:not(.rc-tree-active-focused){border-color:cyan;}.rc-tree .rc-tree-treenode{margin:0;padding:0;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.rc-tree .rc-tree-treenode .draggable{color:#333;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;}.rc-tree .rc-tree-treenode.dragging{background:rgba(100,100,255,0.1);}.rc-tree .rc-tree-treenode.drop-container > .draggable::after{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 2px red;content:'';}.rc-tree .rc-tree-treenode.drop-container ~ .rc-tree-treenode{border-left:2px solid chocolate;}.rc-tree .rc-tree-treenode.drop-target{background-color:yellowgreen;}.rc-tree .rc-tree-treenode.drop-target ~ .rc-tree-treenode{border-left:none;}.rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper{color:#a60000 !important;font-weight:bold !important;}.rc-tree .rc-tree-treenode ul{margin:0;padding:0 0 0 18px;}.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{position:relative;display:inline-block;height:24px;margin:0;padding:0;text-decoration:none;vertical-align:top;cursor:pointer;color:var(",
+    ".rc-tree{margin:0;border:1px solid transparent;}.rc-tree-focused:not(.rc-tree-active-focused){border-color:cyan;}.rc-tree .rc-tree-treenode{margin:0;padding:0;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.rc-tree .rc-tree-treenode .draggable{color:#333;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;}.rc-tree .rc-tree-treenode.dragging{opacity:0.28;}.rc-tree .rc-tree-treenode.drop-container::before,.rc-tree:not(:has(.drop-container)) .rc-tree-treenode.drop-target.",
+    "::before,.rc-tree:not(:has(.drop-container)) .rc-tree-treenode.drop-target.drag-over::before{box-shadow:inset 0 0 0 1px var(",
+    ");}.rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper{color:#a60000 !important;font-weight:bold !important;}.rc-tree .rc-tree-treenode ul{margin:0;padding:0 0 0 18px;}.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{position:relative;display:inline-block;height:24px;margin:0;padding:0;text-decoration:none;vertical-align:top;cursor:pointer;color:var(",
     ");}.rc-tree.",
     " .rc-tree-treenode.rc-tree-treenode-selected .rc-tree-node-content-wrapper{cursor:default;}.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-node-content-wrapper,.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-switcher,.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-checkbox,.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-iconEle{cursor:default;}.rc-tree .rc-tree-treenode span.rc-tree-switcher,.rc-tree .rc-tree-treenode span.rc-tree-checkbox,.rc-tree .rc-tree-treenode span.rc-tree-iconEle{cursor:pointer;}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-icon__customize,.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-icon__customize,.rc-tree .rc-tree-treenode span.rc-tree-iconEle.rc-tree-icon__customize{background-image:none;}.rc-tree .rc-tree-treenode span.rc-tree-icon_loading{margin-right:2px;vertical-align:top;background:url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7') no-repeat scroll 0 0 transparent;}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop{flex:none;}.rc-tree.",
     " .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop{display:none;}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open{background-position:-93px -56px;}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close{background-position:-75px -56px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox{width:13px;height:13px;margin:0 3px;background-position:0 0;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked{background-position:-14px 0;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox-indeterminate{background-position:-14px -28px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox-disabled{background-position:0 -56px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-checked.rc-tree-checkbox-disabled{background-position:-14px -56px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled{position:relative;background:#ccc;border-radius:3px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled::after{position:absolute;top:5px;left:3px;width:5px;height:0;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:scale(1);transform:scale(1);content:' ';}.rc-tree:not(.rc-tree-show-line) .rc-tree-treenode .rc-tree-switcher-noop{background:none;}.rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > ul{background:url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;}.rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > .rc-tree-switcher-noop{background-position:-56px -18px;}.rc-tree.rc-tree-show-line .rc-tree-treenode:last-child > .rc-tree-switcher-noop{background-position:-56px -36px;}.rc-tree-child-tree{display:none;}.rc-tree-child-tree-open{display:block;}.rc-tree-treenode-disabled > span:not(.rc-tree-switcher),.rc-tree-treenode-disabled > a,.rc-tree-treenode-disabled > a span{color:#767676;cursor:not-allowed;}.rc-tree-treenode-active{background:rgba(0,0,0,0.1);}.rc-tree-node-selected{background-color:#ffe6b0;box-shadow:0 0 0 1px #ffb951;opacity:0.8;}.rc-tree-icon__open{margin-right:0;vertical-align:top;background-position:-110px -16px;}.rc-tree-icon__close{margin-right:0;vertical-align:top;background-position:-110px 0;}.rc-tree-icon__docu{margin-right:0;vertical-align:top;background-position:-110px -32px;}.rc-tree-icon__customize{display:block;line-height:0;color:var(",
@@ -112,4 +125,4 @@ export var base = css([
     ");}.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-icon__customize{color:var(",
     ");;}.rc-tree-indent-unit{width:var(",
     ");}"
-], tokens.color, classes.treeRadioMode, classes.treeInverted, tokens.iconFolderColor, tokens.iconFolderMargin, tokens.itemHeight, classes.treeItemFilled, tokens.itemPadding, classes.treeInverted, classes.treeItemFilled, tokens.itemPaddingTight, tokens.itemTop, tokens.itemBottom, tokens.switcherSize, tokens.itemBorderRadius, tokens.itemDisabledOpacity, classes.treeItemFilled, classes.treeItemHasSelectedChildren, tokens.colorSelected, classes.treeItemHasSelectedChildren, tokens.colorSelected, classes.treeItemPrimaryBackground, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorSelected, classes.treeRadioMode, tokens.itemBackgroundColorHover, classes.treeRadioMode, tokens.itemBackgroundColorActive, tokens.switcherSize, tokens.switcherSize, tokens.switcherMargin, classes.treeInverted, tokens.switcherMarginInverted, classes.treeInverted, classes.treeInverted, tokens.checkboxSize, tokens.checkboxSize, tokens.checkboxMargin, tokens.checkboxInnerSize, tokens.checkboxInnerSize, tokens.checkboxBorderColor, tokens.checkboxBorderRadius, tokens.itemDisabledBorderColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.color, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, classes.treeInverted, classes.treeInverted, tokens.colorSelected, tokens.itemDisabledColor, tokens.colorSelected, tokens.itemDisabledColor, tokens.itemIndent);
+], classes.treeLeafNode, tokens.itemDraggableBorderColor, tokens.color, classes.treeRadioMode, classes.treeInverted, tokens.iconFolderColor, tokens.iconFolderMargin, tokens.itemHeight, classes.treeItemFilled, tokens.itemPadding, classes.treeInverted, classes.treeItemFilled, tokens.itemPaddingTight, tokens.itemTop, tokens.itemBottom, tokens.switcherSize, tokens.itemBorderRadius, tokens.itemDisabledOpacity, classes.treeItemFilled, classes.treeItemHasSelectedChildren, tokens.colorSelected, classes.treeItemHasSelectedChildren, tokens.colorSelected, classes.treeItemPrimaryBackground, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorSelected, classes.treeRadioMode, tokens.itemBackgroundColorHover, classes.treeRadioMode, tokens.itemBackgroundColorActive, tokens.switcherSize, tokens.switcherSize, tokens.switcherMargin, classes.treeInverted, tokens.switcherMarginInverted, classes.treeInverted, classes.treeInverted, tokens.checkboxSize, tokens.checkboxSize, tokens.checkboxMargin, tokens.checkboxInnerSize, tokens.checkboxInnerSize, tokens.checkboxBorderColor, tokens.checkboxBorderRadius, tokens.itemDisabledBorderColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.checkboxBackgroundColor, tokens.color, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, classes.treeInverted, classes.treeInverted, tokens.colorSelected, tokens.itemDisabledColor, tokens.colorSelected, tokens.itemDisabledColor, tokens.itemIndent);

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

@@ -3,7 +3,8 @@ export var classes = {
     treeItemFilled: 'tree-item-filled',
     treeItemPrimaryBackground: 'tree-item-primary-background',
     treeItemHasSelectedChildren: 'tree-item-has-selected-children',
-    treeRadioMode: 'tree-radio-mode'
+    treeRadioMode: 'tree-radio-mode',
+    treeLeafNode: 'tree-leaf-node'
 };
 export var treeTokens = {
     arrowColor: '--plasma-tree-arrow-color',
@@ -41,5 +42,7 @@ export var treeTokens = {
     itemBackgroundColorActive: '--plasma-tree-item-background-color-active',
     itemDisabledOpacity: '--plasma-tree-item-disabled-opacity',
     itemDisabledColor: '--plasma-tree-item-disabled-color',
-    itemDisabledBorderColor: '--plasma-tree-item-disabled-border-color'
+    itemDisabledBorderColor: '--plasma-tree-item-disabled-border-color',
+    itemDraggableBorderColor: '--plasma-tree-item-draggable-border-color',
+    itemDraggableLineColor: '--plasma-tree-item-draggable-line-color'
 };