@salutejs/plasma-new-hope 0.320.1-canary.1911.14381848774.0 → 0.320.1-canary.1913.14457152885.0

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

@@ -16,10 +16,10 @@ var config = exports.config = {
       "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":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;", ":var(--text-secondary);", ":var(--text-secondary);"], _Tree.treeTokens.iconFolderColor, _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, _Tree.treeTokens.itemDisabledBorderColor, _Tree.treeTokens.itemDisabledColor)
     },
     size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":1rem;", ":0.375rem;", ":2rem;", ":0.75rem;", ":0.25rem;", ":0.25rem;", ":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.itemTop, _Tree.treeTokens.itemBottom, _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.25rem;", ":0.25rem;", ":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.itemTop, _Tree.treeTokens.itemBottom, _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.25rem;", ":0.25rem;", ":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.itemTop, _Tree.treeTokens.itemBottom, _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.25rem;", ":0.25rem;", ":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.itemTop, _Tree.treeTokens.itemBottom, _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)
+      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":1rem;", ":0.375rem;", ":2rem;", ":0.75rem;", ":0.25rem;", ":0.25rem;", ":0 0.5rem 0 0;", ":0 0.5rem 0 0;", ":0 0 0 0.5rem;", ":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.itemTop, _Tree.treeTokens.itemBottom, _Tree.treeTokens.iconFolderMargin, _Tree.treeTokens.switcherMargin, _Tree.treeTokens.switcherMarginInverted, _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.25rem;", ":0.25rem;", ":0 0.5rem 0 0;", ":0 0.5rem 0 0;", ":0 0 0 0.5rem;", ":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.itemTop, _Tree.treeTokens.itemBottom, _Tree.treeTokens.iconFolderMargin, _Tree.treeTokens.switcherMargin, _Tree.treeTokens.switcherMarginInverted, _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.25rem;", ":0.25rem;", ":0 0.375rem 0 0;", ":0 0.375rem 0 0;", ":0 0 0 0.375rem;", ":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.itemTop, _Tree.treeTokens.itemBottom, _Tree.treeTokens.iconFolderMargin, _Tree.treeTokens.switcherMargin, _Tree.treeTokens.switcherMarginInverted, _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.25rem;", ":0.25rem;", ":0 0.25rem 0 0;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":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.itemTop, _Tree.treeTokens.itemBottom, _Tree.treeTokens.iconFolderMargin, _Tree.treeTokens.switcherMargin, _Tree.treeTokens.switcherMarginInverted, _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.stories.tsx

@@ -3,58 +3,10 @@ import type { ComponentProps } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 
 import { WithTheme } from '../../../_helpers';
+import { IconBlankTxtOutline, IconLock, IconTrash } from '../../../../components/_Icon';
 
 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'];
@@ -109,6 +61,70 @@ const meta: Meta<StoryTreeProps> = {
 export default meta;
 
 const StoryDefault = (args: StoryTreeProps) => {
+    const treeData: any[] = [
+        {
+            title: 'Основной каталог',
+            key: '0-0',
+            contentRight: <IconTrash size={args.size === 'xs' ? 'xs' : 's'} color="var(--text-secondary)" />,
+            children: [
+                {
+                    title: 'Документы',
+                    key: '0-0-0',
+                    children: [
+                        {
+                            title: 'Отчёты',
+                            key: '0-0-0-0',
+                            contentRight: (
+                                <IconLock size={args.size === 'xs' ? 'xs' : 's'} color="var(--text-secondary)" />
+                            ),
+                            disabled: true,
+                        },
+                        {
+                            title: 'Проекты',
+                            key: '0-0-0-1',
+                            children: [
+                                {
+                                    title: 'Проект Альфа',
+                                    key: '0-0-0-0-0',
+                                    icon: (
+                                        <IconBlankTxtOutline size={args.size === 'xs' ? 'xs' : 's'} color="inherit" />
+                                    ),
+                                },
+                                {
+                                    title: 'Проект Бета',
+                                    key: '0-0-0-0-1',
+                                    icon: (
+                                        <IconBlankTxtOutline size={args.size === 'xs' ? 'xs' : 's'} color="inherit" />
+                                    ),
+                                },
+                            ],
+                        },
+                    ],
+                },
+                {
+                    title: 'Медиа',
+                    key: '0-0-1',
+                    children: [
+                        {
+                            title: 'Фотографии',
+                            key: '0-0-1-0',
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            title: 'Корзина',
+            key: '0-1',
+            children: [
+                {
+                    title: 'Удалённые файлы',
+                    key: '0-1-0',
+                },
+            ],
+        },
+    ];
+
     return <Tree {...args} items={treeData} />;
 };
 

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

@@ -16,8 +16,7 @@ var config = exports.config = {
      */
     size: {
       s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":0.875rem;", ":0.25rem;", ":0.125rem;", ":0;", ":0.5rem;", ":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;", ":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);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":0.125rem;", ":0.75rem;", ":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;", ":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);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight),
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":0.0625rem;", ":0.75rem;", ":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;", ":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);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight)
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":0.125rem;", ":0.75rem;", ":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;", ":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);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight)
     },
     /**
      * Вид контрола.

package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.outline.config.js

@@ -16,8 +16,7 @@ var config = exports.config = {
      */
     size: {
       s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":0.875rem;", ":0.25rem;", ":0.0625rem;", ":0;", ":0.5rem;", ":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;", ":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);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.0625rem;", ":0.125rem;", ":0.75rem;", ":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;", ":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);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight),
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.0625rem;", ":0.0625rem;", ":0.75rem;", ":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;", ":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);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight)
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.0625rem;", ":0.125rem;", ":0.75rem;", ":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;", ":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);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerPadding, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.triggerBorderWidth, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionMarginTop, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight)
     },
     /**
      * Вид контрола.

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

@@ -24,7 +24,7 @@ const meta: Meta<typeof Checkbox> = {
             },
         },
         size: {
-            options: ['l', 'm', 's'],
+            options: ['m', 's'],
             control: {
                 type: 'radio',
             },

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

@@ -17,8 +17,7 @@ var config = exports.config = {
      */
     size: {
       s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem 0;", ":1rem;", ":1.125rem;", ":0.125rem;", ":0.5rem;", ":0;", ":0.5rem;", ":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);", ":var(--plasma-typo-body-xs-font-family);", ":0.125rem;", ":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);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.125rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":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);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":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);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.125rem;", ":0.625rem;", ":0.0625rem;", ":0.75rem;", ":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);", ":var(--plasma-typo-body-m-font-family);", ":0.125rem;", ":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);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.125rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":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);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":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);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
     },
     /**
      * Вид контрола.

package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.outline.config.js

@@ -17,8 +17,7 @@ var config = exports.config = {
      */
     size: {
       s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem 0;", ":1rem;", ":1.125rem;", ":0.0625rem;", ":0.5rem;", ":0;", ":0.5rem;", ":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);", ":var(--plasma-typo-body-xs-font-family);", ":0.125rem;", ":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);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.0625rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":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);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":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);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.0625rem;", ":0.625rem;", ":0.0625rem;", ":0.75rem;", ":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);", ":var(--plasma-typo-body-m-font-family);", ":0.125rem;", ":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);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.0625rem;", ":1.375rem;", ":1.125rem;", ":0.0625rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":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);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":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);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerPadding, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.triggerBorderWidth, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
     },
     /**
      * Вид контрола.

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

@@ -25,7 +25,7 @@ const meta: Meta<typeof Radiobox> = {
             },
         },
         size: {
-            options: ['l', 'm', 's'],
+            options: ['m', 's'],
             control: {
                 type: 'radio',
             },

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

@@ -479,7 +479,7 @@ const items = [
     },
 ];
 
-const SingleStory = (args: StorySelectProps) => {
+const SingleStory = ({ enableContentLeft, ...args }: StorySelectProps) => {
     const [value, setValue] = useState('');
 
     return (
@@ -489,7 +489,7 @@ const SingleStory = (args: StorySelectProps) => {
                 items={items}
                 value={value}
                 onChange={setValue}
-                contentLeft={args.enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
             />
         </div>
     );
@@ -507,7 +507,7 @@ export const Single: StoryObj<StorySelectProps> = {
     },
 };
 
-const MultiselectStory = (args: StorySelectProps) => {
+const MultiselectStory = ({ enableContentLeft, ...args }: StorySelectProps) => {
     const [value, setValue] = useState<Array<string>>([]);
 
     return (
@@ -517,7 +517,7 @@ const MultiselectStory = (args: StorySelectProps) => {
                 items={items}
                 value={value}
                 onChange={setValue}
-                contentLeft={args.enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
             />
         </div>
     );
@@ -531,7 +531,7 @@ export const Multiselect: StoryObj<StorySelectProps> = {
     render: (args) => <MultiselectStory {...args} />,
 };
 
-const PredefinedStory = (args: StorySelectProps) => {
+const PredefinedStory = ({ enableContentLeft, ...args }: StorySelectProps) => {
     const [valueSingle, setValueSingle] = useState('paris');
     const [valueMultiple, setValueMultiple] = useState(['paris', 'north_america']);
 
@@ -542,7 +542,7 @@ const PredefinedStory = (args: StorySelectProps) => {
                 items={items}
                 value={valueSingle}
                 onChange={setValueSingle}
-                contentLeft={args.enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
             />
 
             <br />
@@ -553,7 +553,7 @@ const PredefinedStory = (args: StorySelectProps) => {
                 multiselect
                 value={valueMultiple}
                 onChange={setValueMultiple}
-                contentLeft={args.enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
+                contentLeft={enableContentLeft ? <IconDone size="s" color="inherit" /> : undefined}
             />
         </div>
     );
@@ -563,12 +563,10 @@ export const Predefined: StoryObj<StorySelectProps> = {
     render: (args) => <PredefinedStory {...args} />,
 };
 
-const CommonStory = (args: StorySelectProps) => {
+const CommonStory = ({ enableContentLeft, ...args }: StorySelectProps) => {
     const [value, setValue] = useState('');
     const [valueMultiple, setValueMultiple] = useState<Array<string>>([]);
 
-    const { enableContentLeft } = args;
-
     return (
         <div className="container">
             <table>

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

@@ -16,10 +16,10 @@ var config = exports.config = {
       "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":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;", ":var(--text-secondary);", ":var(--text-secondary);"], _Tree.treeTokens.iconFolderColor, _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, _Tree.treeTokens.itemDisabledBorderColor, _Tree.treeTokens.itemDisabledColor)
     },
     size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":1rem;", ":0.375rem;", ":2rem;", ":0.75rem;", ":0.25rem;", ":0.25rem;", ":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.itemTop, _Tree.treeTokens.itemBottom, _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.25rem;", ":0.25rem;", ":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.itemTop, _Tree.treeTokens.itemBottom, _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.25rem;", ":0.25rem;", ":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.itemTop, _Tree.treeTokens.itemBottom, _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.25rem;", ":0.25rem;", ":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.itemTop, _Tree.treeTokens.itemBottom, _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)
+      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":1rem;", ":0.375rem;", ":2rem;", ":0.75rem;", ":0.25rem;", ":0.25rem;", ":0 0.5rem 0 0;", ":0 0.5rem 0 0;", ":0 0 0 0.5rem;", ":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.itemTop, _Tree.treeTokens.itemBottom, _Tree.treeTokens.iconFolderMargin, _Tree.treeTokens.switcherMargin, _Tree.treeTokens.switcherMarginInverted, _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.25rem;", ":0.25rem;", ":0 0.5rem 0 0;", ":0 0.5rem 0 0;", ":0 0 0 0.5rem;", ":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.itemTop, _Tree.treeTokens.itemBottom, _Tree.treeTokens.iconFolderMargin, _Tree.treeTokens.switcherMargin, _Tree.treeTokens.switcherMarginInverted, _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.25rem;", ":0.25rem;", ":0 0.375rem 0 0;", ":0 0.375rem 0 0;", ":0 0 0 0.375rem;", ":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.itemTop, _Tree.treeTokens.itemBottom, _Tree.treeTokens.iconFolderMargin, _Tree.treeTokens.switcherMargin, _Tree.treeTokens.switcherMarginInverted, _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.25rem;", ":0.25rem;", ":0 0.25rem 0 0;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":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.itemTop, _Tree.treeTokens.itemBottom, _Tree.treeTokens.iconFolderMargin, _Tree.treeTokens.switcherMargin, _Tree.treeTokens.switcherMarginInverted, _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.stories.tsx

@@ -3,58 +3,10 @@ import type { ComponentProps } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 
 import { WithTheme } from '../../../_helpers';
+import { IconBlankTxtOutline, IconLock, IconTrash } from '../../../../components/_Icon';
 
 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'];
@@ -109,6 +61,70 @@ const meta: Meta<StoryTreeProps> = {
 export default meta;
 
 const StoryDefault = (args: StoryTreeProps) => {
+    const treeData: any[] = [
+        {
+            title: 'Основной каталог',
+            key: '0-0',
+            contentRight: <IconTrash size={args.size === 'xs' ? 'xs' : 's'} color="var(--text-secondary)" />,
+            children: [
+                {
+                    title: 'Документы',
+                    key: '0-0-0',
+                    children: [
+                        {
+                            title: 'Отчёты',
+                            key: '0-0-0-0',
+                            contentRight: (
+                                <IconLock size={args.size === 'xs' ? 'xs' : 's'} color="var(--text-secondary)" />
+                            ),
+                            disabled: true,
+                        },
+                        {
+                            title: 'Проекты',
+                            key: '0-0-0-1',
+                            children: [
+                                {
+                                    title: 'Проект Альфа',
+                                    key: '0-0-0-0-0',
+                                    icon: (
+                                        <IconBlankTxtOutline size={args.size === 'xs' ? 'xs' : 's'} color="inherit" />
+                                    ),
+                                },
+                                {
+                                    title: 'Проект Бета',
+                                    key: '0-0-0-0-1',
+                                    icon: (
+                                        <IconBlankTxtOutline size={args.size === 'xs' ? 'xs' : 's'} color="inherit" />
+                                    ),
+                                },
+                            ],
+                        },
+                    ],
+                },
+                {
+                    title: 'Медиа',
+                    key: '0-0-1',
+                    children: [
+                        {
+                            title: 'Фотографии',
+                            key: '0-0-1-0',
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            title: 'Корзина',
+            key: '0-1',
+            children: [
+                {
+                    title: 'Удалённые файлы',
+                    key: '0-1-0',
+                },
+            ],
+        },
+    ];
+
     return <Tree {...args} items={treeData} />;
 };
 

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

@@ -9,12 +9,12 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React, { Children, forwardRef, useState } from 'react';
-import { cx } from '../../utils';
-import { base } from './Accordion.styles';
-import { classes } from './Accordion.tokens';
-import { base as viewCSS } from './variations/_view/base';
-import { base as sizeCSS } from './variations/_size/base';
-import { getChildren } from './utils';
+import { cx } from "../../utils";
+import { base } from "./Accordion.styles";
+import { classes } from "./Accordion.tokens";
+import { base as viewCSS } from "./variations/_view/base";
+import { base as sizeCSS } from "./variations/_size/base";
+import { getChildren } from "./utils";
 export var accordionRoot = function accordionRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
     var size = _ref.size,

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

@@ -1,3 +1,3 @@
 import { css } from 'styled-components';
-import { classes, tokens } from './Accordion.tokens';
+import { classes, tokens } from "./Accordion.tokens";
 export var base = /*#__PURE__*/css(["display:flex;flex-direction:column;gap:var(", ");align-items:stretch;height:auto;background:var(", ");&.", "{width:var(", ");}&.", "{width:100%;}"], tokens.accordionGap, tokens.accordionBackground, classes.fixedStretching, tokens.accordionWidth, classes.filledStretching);

package/styled-components/es/components/Accordion/index.js

@@ -1,3 +1,3 @@
-export { accordionRoot, accordionConfig } from './Accordion';
-export { AccordionItem } from './ui/AccordionItem/AccordionItem';
-export { tokens as accordionTokens, classes as accordionClasses } from './Accordion.tokens';
+export { accordionRoot, accordionConfig } from "./Accordion";
+export { AccordionItem } from "./ui/AccordionItem/AccordionItem";
+export { tokens as accordionTokens, classes as accordionClasses } from "./Accordion.tokens";

package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js

@@ -11,10 +11,10 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React, { useState, useRef, forwardRef, useEffect } from 'react';
-import { convertRoundnessMatrix } from '../../../../utils/roundness';
-import { classes, tokens } from '../../Accordion.tokens';
-import { cx } from '../../../../utils';
-import { StyledAccordionItem, StyledAccordionHeader, StyledAccordionBody, StyledAccordionTitle, StyledAccordionContentLeft, StyledAccordionHeaderLeft, StyledAccordionContentRight, StyledArrow, StyledMinus, StyledPlus, StyledAccordionBodyAnimate } from './AccordionItem.styles';
+import { convertRoundnessMatrix } from "../../../../utils/roundness";
+import { classes, tokens } from "../../Accordion.tokens";
+import { cx } from "../../../../utils";
+import { StyledAccordionItem, StyledAccordionHeader, StyledAccordionBody, StyledAccordionTitle, StyledAccordionContentLeft, StyledAccordionHeaderLeft, StyledAccordionContentRight, StyledArrow, StyledMinus, StyledPlus, StyledAccordionBodyAnimate } from "./AccordionItem.styles";
 export var AccordionItem = /*#__PURE__*/forwardRef(function (_ref, outerRef) {
   var _ref2;
   var value = _ref.value,

package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
-import { IconChevronDownFill, IconMinus } from '../../../_Icon';
-import { classes, tokens } from '../../Accordion.tokens';
-import { addFocus } from '../../../../mixins';
+import { IconChevronDownFill, IconMinus } from "../../../_Icon";
+import { classes, tokens } from "../../Accordion.tokens";
+import { addFocus } from "../../../../mixins";
 export var StyledAccordionHeader = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-20ij9z-0"
 })(["width:100%;border:none;padding:var(", ");display:flex;gap:var(", ");justify-content:space-between;align-items:center;background:none;box-sizing:border-box;cursor:pointer;&:focus{outline:none;}", ""], tokens.accordionItemPadding, tokens.accordionItemGap, /*#__PURE__*/addFocus({