@salutejs/plasma-new-hope 0.337.0-canary.2262.18095422153.0 → 0.337.0-canary.2262.18129440241.0

package/styled-components/cjs/examples/components/Chip/Chip.transparent.config.js

@@ -0,0 +1,225 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("styled-components");
+var _Chip = require("../../../components/Chip");
+var config = {
+    defaults: {
+        view: 'default',
+        focused: 'true',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)([
+                "",
+                ":var(--text-primary);",
+                ":var(--surface-transparent-secondary);",
+                ":var(--text-primary-hover);",
+                ":var(--surface-transparent-secondary-hover);",
+                ":var(--text-primary-active);",
+                ":var(--surface-transparent-secondary-active);",
+                ":var(--surface-transparent-secondary);",
+                ":var(--text-primary);",
+                ":var(--surface-transparent-secondary);",
+                ":var(--text-primary);"
+            ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover),
+            secondary: (0, _styledcomponents.css)([
+                "",
+                ":var(--text-primary);",
+                ":var(--surface-transparent-secondary);",
+                ":var(--text-primary-hover);",
+                ":var(--surface-transparent-secondary-hover);",
+                ":var(--text-primary-active);",
+                ":var(--surface-transparent-secondary-active);",
+                ":var(--surface-transparent-secondary);",
+                ":var(--text-primary);",
+                ":var(--surface-transparent-secondary);",
+                ":var(--text-primary);"
+            ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover),
+            accent: (0, _styledcomponents.css)([
+                "",
+                ":var(--text-accent);",
+                ":var(--surface-transparent-accent);",
+                ":var(--text-accent);",
+                ":var(--surface-transparent-accent-hover);",
+                ":var(--text-accent);",
+                ":var(--surface-transparent-accent-active);",
+                ":var(--surface-transparent-accent);",
+                ":var(--text-accent);",
+                ":var(--surface-transparent-accent);",
+                ":var(--text-accent);"
+            ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover),
+            positive: (0, _styledcomponents.css)([
+                "",
+                ":var(--text-positive);",
+                ":var(--surface-transparent-positive);",
+                ":var(--text-positive);",
+                ":var(--surface-transparent-positive-hover);",
+                ":var(--text-positive);",
+                ":var(--surface-transparent-positive-active);",
+                ":var(--surface-transparent-positive);",
+                ":var(--text-positive);",
+                ":var(--surface-transparent-positive);",
+                ":var(--text-positive);"
+            ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover),
+            warning: (0, _styledcomponents.css)([
+                "",
+                ":var(--text-warning);",
+                ":var(--surface-transparent-warning);",
+                ":var(--text-warning);",
+                ":var(--surface-transparent-warning-hover);",
+                ":var(--text-warning);",
+                ":var(--surface-transparent-warning-active);",
+                ":var(--surface-transparent-warning);",
+                ":var(--text-warning);",
+                ":var(--surface-transparent-warning);",
+                ":var(--text-warning);"
+            ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover),
+            negative: (0, _styledcomponents.css)([
+                "",
+                ":var(--text-negative);",
+                ":var(--surface-transparent-negative);",
+                ":var(--text-negative);",
+                ":var(--surface-transparent-negative-hover);",
+                ":var(--text-negative);",
+                ":var(--surface-transparent-negative-active);",
+                ":var(--surface-transparent-negative);",
+                ":var(--text-negative);",
+                ":var(--surface-transparent-negative);",
+                ":var(--text-negative);"
+            ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover)
+        },
+        size: {
+            l: (0, _styledcomponents.css)([
+                "",
+                ":0.75rem;",
+                ":1.5rem;",
+                ":auto;",
+                ":3rem;",
+                ":0 1rem;",
+                ":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);",
+                ":-0.125rem;",
+                ":0.5rem;",
+                ":0.5rem;",
+                ":-0.125rem;",
+                ":0.625rem;",
+                ":-0.25rem;",
+                ":1.5rem;"
+            ], _Chip.chipTokens.borderRadius, _Chip.chipTokens.pilledBorderRadius, _Chip.chipTokens.width, _Chip.chipTokens.height, _Chip.chipTokens.padding, _Chip.chipTokens.fontFamily, _Chip.chipTokens.fontSize, _Chip.chipTokens.fontStyle, _Chip.chipTokens.fontWeight, _Chip.chipTokens.letterSpacing, _Chip.chipTokens.lineHeight, _Chip.chipTokens.leftContentMarginLeft, _Chip.chipTokens.leftContentMarginRight, _Chip.chipTokens.rightContentMarginLeft, _Chip.chipTokens.rightContentMarginRight, _Chip.chipTokens.clearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _Chip.chipTokens.closeIconSize),
+            m: (0, _styledcomponents.css)([
+                "",
+                ":0.625rem;",
+                ":1.25rem;",
+                ":auto;",
+                ":2.5rem;",
+                ":0 0.875rem;",
+                ":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);",
+                ":-0.125rem;",
+                ":0.375rem;",
+                ":0.375rem;",
+                ":-0.125rem;",
+                ":0.5rem;",
+                ":-0.25rem;",
+                ":1rem;"
+            ], _Chip.chipTokens.borderRadius, _Chip.chipTokens.pilledBorderRadius, _Chip.chipTokens.width, _Chip.chipTokens.height, _Chip.chipTokens.padding, _Chip.chipTokens.fontFamily, _Chip.chipTokens.fontSize, _Chip.chipTokens.fontStyle, _Chip.chipTokens.fontWeight, _Chip.chipTokens.letterSpacing, _Chip.chipTokens.lineHeight, _Chip.chipTokens.leftContentMarginLeft, _Chip.chipTokens.leftContentMarginRight, _Chip.chipTokens.rightContentMarginLeft, _Chip.chipTokens.rightContentMarginRight, _Chip.chipTokens.clearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _Chip.chipTokens.closeIconSize),
+            s: (0, _styledcomponents.css)([
+                "",
+                ":0.5rem;",
+                ":1rem;",
+                ":auto;",
+                ":2rem;",
+                ":0 0.875rem;",
+                ":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);",
+                ":-0.125rem;",
+                ":0.25rem;",
+                ":0.25rem;",
+                ":-0.125rem;",
+                ":0.375rem;",
+                ":-0.25rem;",
+                ":1rem;"
+            ], _Chip.chipTokens.borderRadius, _Chip.chipTokens.pilledBorderRadius, _Chip.chipTokens.width, _Chip.chipTokens.height, _Chip.chipTokens.padding, _Chip.chipTokens.fontFamily, _Chip.chipTokens.fontSize, _Chip.chipTokens.fontStyle, _Chip.chipTokens.fontWeight, _Chip.chipTokens.letterSpacing, _Chip.chipTokens.lineHeight, _Chip.chipTokens.leftContentMarginLeft, _Chip.chipTokens.leftContentMarginRight, _Chip.chipTokens.rightContentMarginLeft, _Chip.chipTokens.rightContentMarginRight, _Chip.chipTokens.clearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _Chip.chipTokens.closeIconSize),
+            xs: (0, _styledcomponents.css)([
+                "",
+                ":0.375rem;",
+                ":0.75rem;",
+                ":auto;",
+                ":1.5rem;",
+                ":0 0.625rem;",
+                ":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);",
+                ":-0.125rem;",
+                ":0.25rem;",
+                ":0.25rem;",
+                ":-0.125rem;",
+                ":0.25rem;",
+                ":-0.25rem;",
+                ":0.75rem;"
+            ], _Chip.chipTokens.borderRadius, _Chip.chipTokens.pilledBorderRadius, _Chip.chipTokens.width, _Chip.chipTokens.height, _Chip.chipTokens.padding, _Chip.chipTokens.fontFamily, _Chip.chipTokens.fontSize, _Chip.chipTokens.fontStyle, _Chip.chipTokens.fontWeight, _Chip.chipTokens.letterSpacing, _Chip.chipTokens.lineHeight, _Chip.chipTokens.leftContentMarginLeft, _Chip.chipTokens.leftContentMarginRight, _Chip.chipTokens.rightContentMarginLeft, _Chip.chipTokens.rightContentMarginRight, _Chip.chipTokens.clearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _Chip.chipTokens.closeIconSize),
+            xxs: (0, _styledcomponents.css)([
+                "",
+                ":0.375rem;",
+                ":0.625rem;",
+                ":auto;",
+                ":1.25rem;",
+                ":0 0.5rem;",
+                ":var(--plasma-typo-body-xxs-font-family);",
+                ":var(--plasma-typo-body-xxs-font-size);",
+                ":var(--plasma-typo-body-xxs-font-style);",
+                ":var(--plasma-typo-body-xxs-font-weight);",
+                ":var(--plasma-typo-body-xxs-letter-spacing);",
+                ":var(--plasma-typo-body-xxs-line-height);",
+                ":-0.125rem;",
+                ":0.125rem;",
+                ":0.125rem;",
+                ":-0.125rem;",
+                ":0.25rem;",
+                ":-0.25rem;",
+                ":0.75rem;"
+            ], _Chip.chipTokens.borderRadius, _Chip.chipTokens.pilledBorderRadius, _Chip.chipTokens.width, _Chip.chipTokens.height, _Chip.chipTokens.padding, _Chip.chipTokens.fontFamily, _Chip.chipTokens.fontSize, _Chip.chipTokens.fontStyle, _Chip.chipTokens.fontWeight, _Chip.chipTokens.letterSpacing, _Chip.chipTokens.lineHeight, _Chip.chipTokens.leftContentMarginLeft, _Chip.chipTokens.leftContentMarginRight, _Chip.chipTokens.rightContentMarginLeft, _Chip.chipTokens.rightContentMarginRight, _Chip.chipTokens.clearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _Chip.chipTokens.closeIconSize)
+        },
+        disabled: {
+            true: (0, _styledcomponents.css)([
+                "",
+                ":0.4;"
+            ], _Chip.chipTokens.disabledOpacity)
+        },
+        focused: {
+            true: (0, _styledcomponents.css)([
+                "",
+                ":var(--surface-accent);"
+            ], _Chip.chipTokens.focusColor)
+        },
+        pilled: {
+            true: (0, _styledcomponents.css)([
+                ""
+            ])
+        }
+    }
+};

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

@@ -45,7 +45,8 @@ var config = {
                 "",
                 ":3.5rem;",
                 ":1rem;",
-                ":0.375rem;",
+                ":1rem;",
+                ":0.75rem 1rem;",
                 ":2rem;",
                 ":0.75rem;",
                 ":0.25rem;",
@@ -64,12 +65,13 @@ var config = {
                 ":var(--plasma-typo-body-l-font-weight);",
                 ":var(--plasma-typo-body-l-letter-spacing);",
                 ":var(--plasma-typo-body-l-line-height);"
-            ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight),
+            ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemBackgroundExtraOffset, _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight),
             m: (0, _styledcomponents.css)([
                 "",
                 ":3rem;",
                 ":0.875rem;",
-                ":0.375rem;",
+                ":0.75rem 0.875rem;",
+                ":0.5rem 0.875rem;",
                 ":2rem;",
                 ":0.625rem;",
                 ":0.25rem;",
@@ -88,12 +90,13 @@ var config = {
                 ":var(--plasma-typo-body-m-font-weight);",
                 ":var(--plasma-typo-body-m-letter-spacing);",
                 ":var(--plasma-typo-body-m-line-height);"
-            ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight),
+            ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemBackgroundExtraOffset, _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight),
             s: (0, _styledcomponents.css)([
                 "",
                 ":2.5rem;",
                 ":0.75rem;",
-                ":0.25rem;",
+                ":0.5rem 0.75rem;",
+                ":0.4375rem 0.5rem;",
                 ":1.875rem;",
                 ":0.5rem;",
                 ":0.25rem;",
@@ -112,12 +115,13 @@ var config = {
                 ":var(--plasma-typo-body-s-font-weight);",
                 ":var(--plasma-typo-body-s-letter-spacing);",
                 ":var(--plasma-typo-body-s-line-height);"
-            ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight),
+            ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemBackgroundExtraOffset, _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight),
             xs: (0, _styledcomponents.css)([
                 "",
                 ":2rem;",
                 ":0.5rem;",
-                ":0.125rem;",
+                ":0.5rem;",
+                ":0.25rem 0.5rem;",
                 ":1.25rem;",
                 ":0.375rem;",
                 ":0.25rem;",
@@ -136,7 +140,7 @@ var config = {
                 ":var(--plasma-typo-body-xs-font-weight);",
                 ":var(--plasma-typo-body-xs-letter-spacing);",
                 ":var(--plasma-typo-body-xs-line-height);"
-            ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight)
+            ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemBackgroundExtraOffset, _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight)
         }
     }
 };

package/styled-components/cjs/hooks/useOutsideClick.js

@@ -9,24 +9,24 @@ Object.defineProperty(exports, "useOutsideClick", {
     }
 });
 var _react = require("react");
-var useOutsideClick = function(callback, secondaryRef) {
-    var ref = (0, _react.useRef)(null);
+function useOutsideClick(callback, refs) {
     (0, _react.useEffect)(function() {
-        var handleClickOutside = function(event) {
-            if (ref.current && !ref.current.contains(event.target)) {
-                if (!(secondaryRef === null || secondaryRef === void 0 ? void 0 : secondaryRef.current) || secondaryRef.current && !secondaryRef.current.contains(event.target)) {
-                    callback(event);
-                }
+        var handleClick = function handleClick(event) {
+            var isInside = refs.some(function(ref) {
+                var el = ref.current;
+                return el && el.contains(event.target);
+            });
+            if (!isInside) {
+                callback(event);
             }
         };
-        document.addEventListener('mouseup', handleClickOutside);
-        document.addEventListener('touchend', handleClickOutside);
+        document.addEventListener('mousedown', handleClick);
+        document.addEventListener('touchstart', handleClick);
         return function() {
-            document.removeEventListener('mouseup', handleClickOutside);
-            document.removeEventListener('touchend', handleClickOutside);
+            document.removeEventListener('mousedown', handleClick);
+            document.removeEventListener('touchstart', handleClick);
         };
     }, [
         callback
     ]);
-    return ref;
-};
+}

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

@@ -157,9 +157,13 @@ import { useKeyNavigation } from "./hooks/useKeyboardNavigation";
         var value = outerValue !== null && outerValue !== void 0 ? outerValue : innerValue;
         var helperTextId = safeUseId();
         var floatingPopoverRef = useRef(null);
-        var targetRef = useOutsideClick(function() {
+        var listWrapperRef = useRef(null);
+        /* Логика работы при клике за пределами выпадающего списка */ useOutsideClick(function() {
             setIsOpen(false);
-        }, floatingPopoverRef);
+        }, [
+            floatingPopoverRef,
+            listWrapperRef
+        ]);
         var handleFocus = function() {
             if (value.toString().length >= threshold) {
                 setIsOpen(true);
@@ -261,8 +265,9 @@ import { useKeyNavigation } from "./hooks/useKeyboardNavigation";
             labelPlacement: labelPlacement,
             disabled: disabled,
             readOnly: readOnly
-        }, /*#__PURE__*/ React.createElement(ListWrapper, null, /*#__PURE__*/ React.createElement(Ul, {
-            ref: targetRef,
+        }, /*#__PURE__*/ React.createElement(ListWrapper, {
+            ref: listWrapperRef
+        }, /*#__PURE__*/ React.createElement(Ul, {
             id: listId,
             role: "listbox",
             "aria-label": label,

package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js

@@ -214,8 +214,8 @@ import { Context } from "./Combobox.context";
         var inputRef = useRef(null);
         var floatingPopoverRef = useRef(null);
         var inputForkRef = useForkRef(inputRef, ref);
-        var treeId = safeUseId();
         var listWrapperRef = useRef(null);
+        var treeId = safeUseId();
         var filteredItems = useMemo(function() {
             return filterItems(transformedItems, textValue, getTextValue(multiple, value, valueToItemMap, renderValue), filter);
         }, [
@@ -240,15 +240,17 @@ import { Context } from "./Combobox.context";
         var activeDescendantItemValue = ((_getItemByFocused = getItemByFocused(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value) || '';
         var withArrowInverse = isCurrentListOpen ? classes.arrowInverse : undefined;
         var closeAfterSelect = outerCloseAfterSelect !== null && outerCloseAfterSelect !== void 0 ? outerCloseAfterSelect : !multiple;
-        // Логика работы при клике за пределами выпадающего списка
-        var targetRef = useOutsideClick(function() {
+        /* Логика работы при клике за пределами выпадающего списка */ useOutsideClick(function() {
             if (!isCurrentListOpen || alwaysOpened) {
                 return;
             }
             handleListToggle(false);
             // Возвращаем актуальное значение поля ввода после закрытия выпадающего списка.
             setTextValue(getTextValue(multiple, value, valueToItemMap, renderValue));
-        }, floatingPopoverRef);
+        }, [
+            floatingPopoverRef,
+            listWrapperRef
+        ]);
         // Эта функция срабатывает при изменении Combobox и
         // при изменении нативного Select для формы (срабатывает только после изменения internalValue и рендера).
         var onChange = function(newValue, item) {
@@ -630,7 +632,6 @@ import { Context } from "./Combobox.context";
             id: "".concat(treeId, "_tree_level_1"),
             "aria-multiselectable": Boolean(multiple),
             listMaxHeight: listMaxHeight || listHeight,
-            ref: targetRef,
             virtual: virtual,
             onScroll: virtual ? undefined : onScroll
         }, beforeList, isEmpty(filteredItems) ? /*#__PURE__*/ React.createElement(StyledEmptyState, {

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

@@ -160,8 +160,7 @@ import { Context } from "./Dropdown.context";
         var floatingPopoverRef = useRef(null);
         var listWrapperRef = useRef(null);
         var treeId = safeUseId();
-        // Логика работы при клике за пределами выпадающего списка
-        var targetRef = useOutsideClick(function(event) {
+        /* Логика работы при клике за пределами выпадающего списка */ useOutsideClick(function(event) {
             if (!isCurrentListOpen || !closeOnOverlayClick || alwaysOpened) {
                 return;
             }
@@ -174,7 +173,10 @@ import { Context } from "./Dropdown.context";
             if (onToggle) {
                 onToggle(false, event);
             }
-        }, floatingPopoverRef);
+        }, [
+            floatingPopoverRef,
+            listWrapperRef
+        ]);
         var handleGlobalToggle = function(opened, event) {
             if (alwaysOpened || opened) {
                 dispatchPath({
@@ -257,7 +259,6 @@ import { Context } from "./Dropdown.context";
             ref: listWrapperRef,
             listWidth: listWidth
         }, /*#__PURE__*/ React.createElement(Ul, {
-            ref: targetRef,
             id: "".concat(treeId, "_tree_level_1"),
             role: "tree",
             listMaxHeight: listMaxHeight || listHeight

package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js

@@ -50,7 +50,7 @@ var DropdownInner = function(param) {
             id: listId,
             role: "group",
             listMaxHeight: item.listMaxHeight
-        }, item.items.map(function(innerItem, innerIndex) {
+        }, item.beforeList, item.items.map(function(innerItem, innerIndex) {
             return /*#__PURE__*/ React.createElement(DropdownInner, {
                 key: "".concat(innerIndex, "/").concat(currentLevel),
                 item: innerItem,

package/styled-components/es/components/InformationWrapper/ui/Label/Label.js

@@ -59,7 +59,6 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 import React, { useRef, useState } from "react";
 import cx from "classnames";
-import { useForkRef } from "@salutejs/plasma-core";
 import { useOutsideClick } from "../../../../hooks";
 import { HintWrapper, Indicator, IndicatorWrapper, Label, OptionalText } from "../../InformationWrapper.styles";
 import { HintComponent } from "../Hint/Hint";
@@ -67,11 +66,12 @@ import { classes } from "../../InformationWrapper.tokens";
 export var LabelComponent = function(param) {
     var size = param.size, hasRequiredIndicator = param.hasRequiredIndicator, requiredIndicatorPlacement = param.requiredIndicatorPlacement, optional = param.optional, optionalText = param.optionalText, label = param.label, labelHtmlFor = param.labelHtmlFor, titleCaption = param.titleCaption, hintText = param.hintText, hintTrigger = param.hintTrigger, hintTargetIcon = param.hintTargetIcon, hintPlacement = param.hintPlacement, hintHasArrow = param.hintHasArrow, hintOffset = param.hintOffset, hintWidth = param.hintWidth, hintContentLeft = param.hintContentLeft, disabled = param.disabled;
     var _useState = _sliced_to_array(useState(false), 2), isHintVisible = _useState[0], setIsHintVisible = _useState[1];
-    var hintRef = useOutsideClick(function() {
+    var hintRef = useRef(null);
+    useOutsideClick(function() {
         setIsHintVisible(false);
-    });
-    var hintInnerRef = useRef(null);
-    var hintForkRef = useForkRef(hintRef, hintInnerRef);
+    }, [
+        hintRef
+    ]);
     var innerOptional = Boolean(hasRequiredIndicator ? false : optional);
     var requiredPlacementClass = requiredIndicatorPlacement === 'left' ? classes.requiredAlignLeft : undefined;
     var handleHintShow = function() {
@@ -84,13 +84,13 @@ export var LabelComponent = function(param) {
         return setIsHintVisible(false);
     };
     var handleHintClick = function(event) {
-        var _hintInnerRef_current;
+        var _hintRef_current;
         if (!hintText || hintTrigger !== 'click' || disabled) {
             return;
         }
         event.stopPropagation();
-        var targetIsPopover = event.target === hintInnerRef.current;
-        var rootHasTarget = (_hintInnerRef_current = hintInnerRef.current) === null || _hintInnerRef_current === void 0 ? void 0 : _hintInnerRef_current.contains(event.target);
+        var targetIsPopover = event.target === hintRef.current;
+        var rootHasTarget = (_hintRef_current = hintRef.current) === null || _hintRef_current === void 0 ? void 0 : _hintRef_current.contains(event.target);
         if (!targetIsPopover && !rootHasTarget) {
             setIsHintVisible(true);
         }
@@ -103,7 +103,7 @@ export var LabelComponent = function(param) {
         className: cx(_define_property({}, classes.withoutLabel, !label)),
         hasCaption: Boolean(titleCaption)
     }, /*#__PURE__*/ React.createElement(HintComponent, {
-        ref: hintForkRef,
+        ref: hintRef,
         size: size,
         hintText: hintText,
         hintTrigger: hintTrigger,

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

@@ -6,6 +6,36 @@ var generateSection = function(length, add) {
 var dType = 'default';
 var dDlots = 9;
 var sections = {
+    1: [
+        1,
+        0,
+        0
+    ],
+    2: [
+        2,
+        0,
+        0
+    ],
+    3: [
+        3,
+        0,
+        0
+    ],
+    4: [
+        4,
+        0,
+        0
+    ],
+    5: [
+        5,
+        0,
+        0
+    ],
+    6: [
+        6,
+        0,
+        0
+    ],
     7: [
         1,
         3,
@@ -80,12 +110,17 @@ export var getSections = function(value, pages, slots) {
     var pageArray = [
         generateSection(pages, 1)
     ];
-    if (slots >= pages || slots < 5) {
+    if (slots >= pages) {
         return pageArray;
     }
     if (!sections[slots]) {
         return pageArray;
     }
+    if (slots < 7) {
+        return [
+            generateSection(slots, value)
+        ];
+    }
     var smallSection = Math.min(Math.floor((slots - 1) / 2), 6);
     var bigSection = Math.min(Math.floor(slots / 2), 6);
     var defaultSection = sections[slots][1];

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

@@ -232,12 +232,15 @@ import { Context } from "./Select.context";
             hintWidth: hintWidth,
             hintHasArrow: hintHasArrow
         };
-        var targetRef = useOutsideClick(function() {
+        /* Логика работы при клике за пределами выпадающего списка */ useOutsideClick(function() {
             if (!isCurrentListOpen) {
                 return;
             }
             handleListToggle(false);
-        }, floatingPopoverRef);
+        }, [
+            floatingPopoverRef,
+            listWrapperRef
+        ]);
         var onChange = function(newValue, item) {
             if (props.onChange) {
                 // Условие для отправки если компонент используется без формы.
@@ -527,7 +530,6 @@ import { Context } from "./Select.context";
             "aria-multiselectable": Boolean(props.multiselect),
             listMaxHeight: listMaxHeight || listHeight,
             onScroll: virtual ? undefined : handleScroll,
-            ref: targetRef,
             virtual: virtual
         }, beforeList, props.multiselect && props.selectAllOptions && // TODO: #2004
         /*#__PURE__*/ React.createElement(SelectAll, {

package/styled-components/es/components/Table/ui/EditableCell/EditableCell.js

@@ -44,11 +44,11 @@ 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 } from "react";
+import React, { useState, useRef } from "react";
 import { flexRender } from "@tanstack/react-table";
+import { useOutsideClick } from "../../../../hooks";
 import { Resizer } from "../../Table.styles";
 import { SELECT_COLUMN_ID } from "../../Table";
-import { useOutsideClick } from "../../../../hooks";
 import { IconEditOutline, IconResetOutline, IconDoneCircleOutline } from "../../../_Icon";
 import { getIconSize } from "../HeadCell/HeadCell";
 import { classes } from "../../Table.tokens";
@@ -64,9 +64,12 @@ export var EditableCell = function(param) {
     var _useState = _sliced_to_array(useState(cell.getValue()), 2), value = _useState[0], setValue = _useState[1];
     var _useState1 = _sliced_to_array(useState(false), 2), editingMode = _useState1[0], setEditingMode = _useState1[1];
     var updateData = (_table_options_meta = table.options.meta) === null || _table_options_meta === void 0 ? void 0 : _table_options_meta.updateData;
-    var ref = useOutsideClick(function() {
+    var ref = useRef(null);
+    useOutsideClick(function() {
         setEditingMode(false);
-    });
+    }, [
+        ref
+    ]);
     var handleEditClick = function(e) {
         e.stopPropagation();
         setEditingMode(true);