@salutejs/sdds-cs 0.319.0-canary.1741.15776056320.0 → 0.319.0-canary.1973.15677961605.0

package/emotion/es/components/Dropdown/Dropdown.stories.tsx

@@ -0,0 +1,331 @@
+import React, { ComponentProps } from 'react';
+import type { Meta, StoryObj } from '@storybook/react';
+import { InSpacingDecorator } from '@salutejs/plasma-sb-utils';
+import { IconLocation } from '@salutejs/plasma-icons';
+import { action } from '@storybook/addon-actions';
+
+import { Button } from '../Button';
+
+import { Dropdown } from '.';
+
+type DropdownProps = ComponentProps<typeof Dropdown>;
+
+const placements: DropdownProps['placement'][] = ['auto', 'top', 'right', 'bottom', 'left'];
+const triggers: DropdownProps['trigger'][] = ['click', 'hover'];
+const size = ['s'];
+const variant = ['normal', 'tight'];
+
+const meta: Meta<DropdownProps> = {
+    title: 'Data Entry/Dropdown',
+    component: Dropdown,
+    decorators: [InSpacingDecorator],
+    argTypes: {
+        placement: {
+            options: placements,
+            control: {
+                type: 'select',
+            },
+            mapping: placements,
+        },
+        trigger: {
+            options: triggers,
+            control: {
+                type: 'select',
+            },
+        },
+        openByRightClick: {
+            control: {
+                type: 'boolean',
+            },
+        },
+        size: {
+            options: size,
+            control: {
+                type: 'select',
+            },
+        },
+        variant: {
+            options: variant,
+            control: {
+                type: 'select',
+            },
+        },
+        closeOnOverlayClick: {
+            control: { type: 'boolean' },
+            if: { arg: 'alwaysOpened', truthy: false },
+        },
+        closeOnSelect: {
+            control: { type: 'boolean' },
+            if: { arg: 'alwaysOpened', truthy: false },
+        },
+        listWidth: {
+            control: { type: 'text' },
+        },
+    },
+    args: {
+        size: 's',
+        variant: 'normal',
+        placement: 'bottom-start',
+        trigger: 'click',
+        openByRightClick: false,
+        offset: [0, 0],
+        listWidth: '300px',
+        hasArrow: true,
+        alwaysOpened: false,
+        closeOnOverlayClick: true,
+        closeOnSelect: true,
+    },
+    parameters: {
+        controls: {
+            include: [
+                'variant',
+                'placement',
+                'trigger',
+                'offset',
+                'listWidth',
+                'hasArrow',
+                'closeOnOverlayClick',
+                'closeOnSelect',
+            ],
+        },
+    },
+};
+
+export default meta;
+
+const items = (dropdownSize: DropdownProps['size']) => [
+    {
+        value: 'north_america',
+        label: 'Северная Америка',
+        contentLeft: <IconLocation size={dropdownSize !== 'xs' ? 's' : 'xs'} color="inherit" />,
+        contentRight: <IconLocation size={dropdownSize !== 'xs' ? 's' : 'xs'} color="inherit" />,
+    },
+    {
+        value: 'south_america',
+        label: 'Южная Америка',
+        items: [
+            {
+                value: 'brazil',
+                label: 'Бразилия',
+                items: [
+                    {
+                        value: 'rio_de_janeiro',
+                        label: 'Рио-де-Жанейро',
+                    },
+                    {
+                        value: 'sao_paulo',
+                        label: 'Сан-Паулу',
+                    },
+                ],
+            },
+            {
+                value: 'argentina',
+                label: 'Аргентина',
+                items: [
+                    {
+                        value: 'buenos_aires',
+                        label: 'Буэнос-Айрес',
+                    },
+                    {
+                        value: 'cordoba',
+                        label: 'Кордова',
+                    },
+                ],
+            },
+            {
+                value: 'colombia',
+                label: 'Колумбия',
+                items: [
+                    {
+                        value: 'bogota',
+                        label: 'Богота',
+                    },
+                    {
+                        value: 'medellin',
+                        label: 'Медельин',
+                    },
+                ],
+            },
+        ],
+    },
+    {
+        value: 'europe',
+        label: 'Европа',
+        dividerBefore: true,
+        dividerAfter: true,
+        items: [
+            {
+                value: 'france',
+                label: 'Франция',
+                items: [
+                    {
+                        value: 'paris',
+                        label: 'Париж',
+                    },
+                    {
+                        value: 'lyon',
+                        label: 'Лион',
+                    },
+                ],
+            },
+            {
+                value: 'germany',
+                label: 'Германия',
+                items: [
+                    {
+                        value: 'berlin',
+                        label: 'Берлин',
+                    },
+                    {
+                        value: 'munich',
+                        label: 'Мюнхен',
+                    },
+                ],
+            },
+            {
+                value: 'italy',
+                label: 'Италия',
+                items: [
+                    {
+                        value: 'rome',
+                        label: 'Рим',
+                    },
+                    {
+                        value: 'milan',
+                        label: 'Милан',
+                    },
+                ],
+            },
+            {
+                value: 'spain',
+                label: 'Испания',
+                items: [
+                    {
+                        value: 'madrid',
+                        label: 'Мадрид',
+                    },
+                    {
+                        value: 'barcelona',
+                        label: 'Барселона',
+                    },
+                ],
+            },
+            {
+                value: 'united_kingdom',
+                label: 'Великобритания',
+                items: [
+                    {
+                        value: 'london',
+                        label: 'Лондон',
+                    },
+                    {
+                        value: 'manchester',
+                        label: 'Манчестер',
+                    },
+                ],
+            },
+        ],
+    },
+    {
+        value: 'asia',
+        label: 'Азия',
+        items: [
+            {
+                value: 'china',
+                label: 'Китай',
+                items: [
+                    {
+                        value: 'beijing',
+                        label: 'Пекин',
+                    },
+                    {
+                        value: 'shanghai',
+                        label: 'Шанхай',
+                    },
+                ],
+            },
+            {
+                value: 'japan',
+                label: 'Япония',
+                items: [
+                    {
+                        value: 'tokyo',
+                        label: 'Токио',
+                    },
+                    {
+                        value: 'osaka',
+                        label: 'Осака',
+                    },
+                ],
+            },
+            {
+                value: 'india',
+                label: 'Индия',
+                items: [
+                    {
+                        value: 'delhi',
+                        label: 'Дели',
+                    },
+                    {
+                        value: 'mumbai',
+                        label: 'Мумбаи',
+                    },
+                ],
+            },
+            {
+                value: 'south_korea',
+                label: 'Южная Корея',
+                items: [
+                    {
+                        value: 'seoul',
+                        label: 'Сеул',
+                    },
+                    {
+                        value: 'busan',
+                        label: 'Пусан',
+                    },
+                ],
+            },
+            {
+                value: 'thailand',
+                label: 'Таиланд',
+                items: [
+                    {
+                        value: 'bangkok',
+                        label: 'Бангкок',
+                    },
+                    {
+                        value: 'phuket',
+                        label: 'Пхукет',
+                    },
+                ],
+            },
+        ],
+    },
+    {
+        value: 'africa',
+        label: 'Африка',
+        disabled: true,
+    },
+];
+
+const StoryNormal = (args: DropdownProps) => {
+    return (
+        <>
+            <Dropdown
+                {...args}
+                items={items(args.size)}
+                onToggle={action('onToggle')}
+                onHover={action('onHover')}
+                onItemSelect={action('onItemSelect')}
+                onItemClick={action('onItemClick')}
+            >
+                <Button text="Список стран" size={args.size} />
+            </Dropdown>
+        </>
+    );
+};
+
+export const Default: StoryObj<DropdownProps> = {
+    render: (args) => <StoryNormal {...args} />,
+};

package/emotion/es/components/Dropdown/index.js

@@ -1 +1 @@
-export { Dropdown } from './Dropdown';
+export { Dropdown } from './Dropdown';

package/emotion/es/components/Dropzone/Dropzone.config.js

@@ -1,81 +1,20 @@
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--surface-solid-card);\n                ",
-        ": var(--surface-solid-card-hover);\n                ",
-        ": var(--overlay-soft);\n                ",
-        ": var(--outline-solid-primary);\n                ",
-        ": var(--outline-solid-primary-hover);\n                ",
-        ": var(--outline-accent);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-secondary);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 1.5rem;\n                ",
-        ": 1.25rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.375rem;\n                ",
-        ": 0.5rem;\n\n                ",
-        ": var(--plasma-typo-h4-font-family);\n                ",
-        ": var(--plasma-typo-h4-font-size);\n                ",
-        ": var(--plasma-typo-h4-font-style);\n                ",
-        ": var(--plasma-typo-h4-bold-font-weight);\n                ",
-        ": var(--plasma-typo-h4-letter-spacing);\n                ",
-        ": var(--plasma-typo-h4-line-height);\n\n                ",
-        ": var(--plasma-typo-body-s-font-family);\n                ",
-        ": var(--plasma-typo-body-s-font-size);\n                ",
-        ": var(--plasma-typo-body-s-font-style);\n                ",
-        ": var(--plasma-typo-body-s-font-weight);\n                ",
-        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-s-line-height);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.4;\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
+var _templateObject, _templateObject2, _templateObject3;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { css, dropzoneTokens } from '@salutejs/plasma-new-hope/emotion';
 export var config = {
-    defaults: {
-        view: 'default',
-        size: 'm'
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-card-hover);\n                ", ": var(--overlay-soft);\n                ", ": var(--outline-solid-primary);\n                ", ": var(--outline-solid-primary-hover);\n                ", ": var(--outline-accent);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n            "])), dropzoneTokens.background, dropzoneTokens.backgroundHover, dropzoneTokens.overlayColorActive, dropzoneTokens.borderColor, dropzoneTokens.borderColorHover, dropzoneTokens.borderColorActive, dropzoneTokens.titleColor, dropzoneTokens.descriptionColor)
+    },
+    size: {
+      m: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 1.25rem;\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-h4-font-family);\n                ", ": var(--plasma-typo-h4-font-size);\n                ", ": var(--plasma-typo-h4-font-style);\n                ", ": var(--plasma-typo-h4-bold-font-weight);\n                ", ": var(--plasma-typo-h4-letter-spacing);\n                ", ": var(--plasma-typo-h4-line-height);\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n            "])), dropzoneTokens.padding, dropzoneTokens.borderRadius, dropzoneTokens.contentWrapperGap, dropzoneTokens.contentGap, dropzoneTokens.contentColumnGap, dropzoneTokens.titleFontFamily, dropzoneTokens.titleFontSize, dropzoneTokens.titleFontStyle, dropzoneTokens.titleFontWeight, dropzoneTokens.titleLetterSpacing, dropzoneTokens.titleLineHeight, dropzoneTokens.descriptionFontFamily, dropzoneTokens.descriptionFontSize, dropzoneTokens.descriptionFontStyle, dropzoneTokens.descriptionFontWeight, dropzoneTokens.descriptionLetterSpacing, dropzoneTokens.descriptionLineHeight)
     },
-    variations: {
-        view: {
-            default: css(_templateObject(), dropzoneTokens.background, dropzoneTokens.backgroundHover, dropzoneTokens.overlayColorActive, dropzoneTokens.borderColor, dropzoneTokens.borderColorHover, dropzoneTokens.borderColorActive, dropzoneTokens.titleColor, dropzoneTokens.descriptionColor)
-        },
-        size: {
-            m: css(_templateObject1(), dropzoneTokens.padding, dropzoneTokens.borderRadius, dropzoneTokens.contentWrapperGap, dropzoneTokens.contentGap, dropzoneTokens.contentColumnGap, dropzoneTokens.titleFontFamily, dropzoneTokens.titleFontSize, dropzoneTokens.titleFontStyle, dropzoneTokens.titleFontWeight, dropzoneTokens.titleLetterSpacing, dropzoneTokens.titleLineHeight, dropzoneTokens.descriptionFontFamily, dropzoneTokens.descriptionFontSize, dropzoneTokens.descriptionFontStyle, dropzoneTokens.descriptionFontWeight, dropzoneTokens.descriptionLetterSpacing, dropzoneTokens.descriptionLineHeight)
-        },
-        disabled: {
-            true: css(_templateObject2(), dropzoneTokens.disabledOpacity)
-        }
+    disabled: {
+      "true": /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), dropzoneTokens.disabledOpacity)
     }
-};
+  }
+};

package/emotion/es/components/Dropzone/Dropzone.js

@@ -1,4 +1,4 @@
 import { dropzoneConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
 import { config } from './Dropzone.config';
-var mergedConfig = mergeConfig(dropzoneConfig, config);
-export var Dropzone = component(mergedConfig);
+var mergedConfig = /*#__PURE__*/mergeConfig(dropzoneConfig, config);
+export var Dropzone = /*#__PURE__*/component(mergedConfig);

package/emotion/es/components/Dropzone/Dropzone.stories.tsx

@@ -0,0 +1,58 @@
+import React, { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils';
+
+import { Dropzone } from './Dropzone';
+
+const onDragEnter = action('onDragEnter');
+const onDragLeave = action('onDragLeave');
+const onDrop = action('onDrop');
+const onChange = action('onChange');
+const onChoseFiles = action('onChoseFiles');
+
+const iconPlacements = ['top', 'left'];
+
+const meta: Meta<typeof Dropzone> = {
+    title: 'Data Entry/Dropzone',
+    component: Dropzone,
+    decorators: [InSpacingDecorator],
+    argTypes: {
+        iconPlacement: {
+            options: iconPlacements,
+            control: {
+                type: 'inline-radio',
+            },
+            defaultValue: 'top',
+        },
+        ...disableProps(['view', 'size']),
+    },
+};
+
+export default meta;
+
+type StoryPropsDefault = ComponentProps<typeof Dropzone>;
+
+export const Default: StoryObj<StoryPropsDefault> = {
+    args: {
+        iconPlacement: 'top',
+        width: 400,
+        height: 280,
+        disabled: false,
+        stretch: false,
+        title: 'Click to upload',
+        description: 'or drag and drop files here',
+    },
+    render: (args) => (
+        <div style={{ height: '100vh' }}>
+            <Dropzone
+                {...args}
+                onDragEnter={onDragEnter}
+                onDragLeave={onDragLeave}
+                onDrop={onDrop}
+                onChange={onChange}
+                onChoseFiles={onChoseFiles}
+            />
+        </div>
+    ),
+};

package/emotion/es/components/Dropzone/index.js

@@ -1,2 +1,2 @@
 export { Dropzone } from './Dropzone';
-export { dropzoneTokens, dropzoneClasses } from '@salutejs/plasma-new-hope/emotion';
+export { dropzoneTokens, dropzoneClasses } from '@salutejs/plasma-new-hope/emotion';

package/emotion/es/components/EmptyState/EmptyState.config.js

@@ -1,108 +1,16 @@
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.875rem;\n                ",
-        ": 2rem 1rem 1rem 1rem;\n                ",
-        ": 0 0 0.5rem 0;\n                ",
-        ": 0 0 1rem 0;\n                ",
-        ": -1rem 0 0 0;\n                ",
-        ": 3.5rem;\n                ",
-        ": var(--plasma-typo-body-l-font-family);\n                ",
-        ": var(--plasma-typo-body-l-font-size);\n                ",
-        ": var(--plasma-typo-body-l-font-style);\n                ",
-        ": var(--plasma-typo-body-l-font-weight);\n                ",
-        ": var(--plasma-typo-body-l-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-l-line-height);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.75rem;\n                ",
-        ": 1.625rem 1rem 0.875rem 1rem;\n                ",
-        ": 0 0 0.375rem 0;\n                ",
-        ": 0 0 0.875rem 0;\n                ",
-        ": -0.875rem 0 0 0;\n                ",
-        ": 3rem;\n                ",
-        ": var(--plasma-typo-body-m-font-family);\n                ",
-        ": var(--plasma-typo-body-m-font-size);\n                ",
-        ": var(--plasma-typo-body-m-font-style);\n                ",
-        ": var(--plasma-typo-body-m-font-weight);\n                ",
-        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-m-line-height);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.625rem;\n                ",
-        ": 1.375rem 0.875rem 0.625rem 0.875rem;\n                ",
-        ": 0 0 0.25rem 0;\n                ",
-        ": 0 0 0.625rem 0;\n                ",
-        ": -0.625rem 0 0 0;\n                ",
-        ": 2.5rem;\n                ",
-        ": var(--plasma-typo-body-s-font-family);\n                ",
-        ": var(--plasma-typo-body-s-font-size);\n                ",
-        ": var(--plasma-typo-body-s-font-style);\n                ",
-        ": var(--plasma-typo-body-s-font-weight);\n                ",
-        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-s-line-height);\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.5rem;\n                ",
-        ": 1rem 0.625rem 0.5rem 0.625rem;\n                ",
-        ": 0 0 0.25rem 0;\n                ",
-        ": 0 0 0.5rem 0;\n                ",
-        ": -0.5rem 0 0 0;\n                ",
-        ": 2rem;\n                ",
-        ": var(--plasma-typo-body-xs-font-family);\n                ",
-        ": var(--plasma-typo-body-xs-font-size);\n                ",
-        ": var(--plasma-typo-body-xs-font-style);\n                ",
-        ": var(--plasma-typo-body-xs-font-weight);\n                ",
-        ": var(--plasma-typo-body-xs-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-xs-line-height);\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { css, emptyStateTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
 export var config = {
-    defaults: {
-        size: 'l'
-    },
-    variations: {
-        size: {
-            l: css(_templateObject(), tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight),
-            m: css(_templateObject1(), tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight),
-            s: css(_templateObject2(), tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight),
-            xs: css(_templateObject3(), tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight)
-        }
+  defaults: {
+    size: 'l'
+  },
+  variations: {
+    size: {
+      l: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.875rem;\n                ", ": 2rem 1rem 1rem 1rem;\n                ", ": 0 0 0.5rem 0;\n                ", ": 0 0 1rem 0;\n                ", ": -1rem 0 0 0;\n                ", ": 3.5rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n            "])), tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight),
+      m: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": 1.625rem 1rem 0.875rem 1rem;\n                ", ": 0 0 0.375rem 0;\n                ", ": 0 0 0.875rem 0;\n                ", ": -0.875rem 0 0 0;\n                ", ": 3rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n            "])), tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight),
+      s: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.625rem;\n                ", ": 1.375rem 0.875rem 0.625rem 0.875rem;\n                ", ": 0 0 0.25rem 0;\n                ", ": 0 0 0.625rem 0;\n                ", ": -0.625rem 0 0 0;\n                ", ": 2.5rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n            "])), tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight),
+      xs: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": 1rem 0.625rem 0.5rem 0.625rem;\n                ", ": 0 0 0.25rem 0;\n                ", ": 0 0 0.5rem 0;\n                ", ": -0.5rem 0 0 0;\n                ", ": 2rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n            "])), tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight)
     }
-};
+  }
+};

package/emotion/es/components/EmptyState/EmptyState.js

@@ -1,4 +1,4 @@
 import { emptyStateConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
 import { config } from './EmptyState.config';
-export var mergedConfig = mergeConfig(emptyStateConfig, config);
-export var EmptyState = component(mergedConfig);
+export var mergedConfig = /*#__PURE__*/mergeConfig(emptyStateConfig, config);
+export var EmptyState = /*#__PURE__*/component(mergedConfig);