@salutejs/plasma-new-hope 0.174.0-canary.1452.11462555994.0 → 0.174.0-canary.1488.11483339131.0

package/emotion/es/examples/plasma_web/components/Slider/Slider.stories.tsx

@@ -4,18 +4,14 @@ import styled from 'styled-components';
 import { disableProps } from '@salutejs/plasma-sb-utils';
 import type { StoryObj, Meta } from '@storybook/react';
 
-import { IconMic } from '../../../../components/_Icon';
 import { WithTheme } from '../../../_helpers';
 
 import { Slider } from './Slider';
 
 const sizes = ['l', 'm', 's'];
-const pointerSizes = ['small', 'large', 'none'];
 const views = ['default', 'accent', 'gradient'];
-const sliderAligns = ['center', 'left', 'right', 'none'];
-const labelPlacements = ['top', 'left'];
-const scaleAligns = ['side', 'bottom'];
-const orientations: Array<string> = ['vertical', 'horizontal'];
+const labelPlacements = ['outer', 'inner'];
+const rangeValuesPlacement = ['outer', 'inner'];
 
 const meta: Meta<typeof Slider> = {
     title: 'plasma_web/Slider',
@@ -34,24 +30,9 @@ const meta: Meta<typeof Slider> = {
                 type: 'inline-radio',
             },
         },
-        pointerSize: {
-            options: pointerSizes,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        orientation: {
-            options: orientations,
-            control: {
-                type: 'select',
-            },
-        },
         ...disableProps([
             'value',
             'onChangeCommitted',
-            'onChangeTextField',
-            'onBlurTextField',
-            'onKeyDownTextField',
             'ariaLabel',
             'onChange',
             'fontSizeMultiplier',
@@ -71,9 +52,8 @@ type StorySingleProps = StoryProps;
 type StorySingle = StoryObj<StorySingleProps>;
 type StoryDouble = StoryObj<StoryProps>;
 
-const SliderWrapper = styled.div<{ isVertical?: boolean }>`
-    width: ${({ isVertical }) => (isVertical ? 'auto' : '25rem')};
-    height: ${({ isVertical }) => (isVertical ? '25rem' : 'auto')};
+const SliderWrapper = styled.div`
+    width: 25rem;
 `;
 
 const StoryDefault = (args: StorySingleProps) => {
@@ -87,86 +67,41 @@ const StoryDefault = (args: StorySingleProps) => {
         setValue(values);
     };
 
-    const { hasIcon, showIcon, orientation, labelPlacement, labelVerticalPlacement, ...rest } = args;
-    const isVertical = orientation === 'vertical';
-
     return (
-        <SliderWrapper isVertical={isVertical}>
-            <Slider
-                value={value}
-                orientation={orientation}
-                labelPlacement={labelPlacement}
-                labelContent={showIcon ? <IconMic size={rest.size === 's' ? 'xs' : 's'} /> : null}
-                onChangeCommitted={onChangeCommittedHandle}
-                onChange={onChangeHandle}
-                {...rest}
-            />
+        <SliderWrapper>
+            <Slider value={value} onChangeCommitted={onChangeCommittedHandle} onChange={onChangeHandle} {...args} />
         </SliderWrapper>
     );
 };
 
 export const Default: StorySingle = {
     argTypes: {
-        sliderAlign: {
-            options: sliderAligns,
-            control: {
-                type: 'inline-radio',
-            },
-            if: { arg: 'orientation', eq: 'vertical' },
-        },
         labelPlacement: {
             options: labelPlacements,
             control: {
                 type: 'inline-radio',
             },
-            if: { arg: 'orientation', eq: 'horizontal' },
-        },
-        labelReversed: {
-            control: {
-                type: 'boolean',
-                expanded: true,
-            },
-            if: { arg: 'orientation', eq: 'vertical' },
-        },
-        scaleAlign: {
-            options: scaleAligns,
-            control: {
-                type: 'inline-radio',
-            },
-            if: { arg: 'orientation', eq: 'horizontal' },
         },
-        orientation: {
-            options: orientations,
+        rangeValuesPlacement: {
+            options: rangeValuesPlacement,
             control: {
                 type: 'inline-radio',
             },
         },
-        reversed: {
-            control: {
-                type: 'boolean',
-            },
-            if: { arg: 'orientation', eq: 'vertical' },
-        },
     },
     args: {
         view: 'default',
         size: 'm',
-        pointerSize: 'small',
         min: 0,
         max: 100,
-        orientation: 'horizontal',
-        ariaLabel: 'Цена микрофона',
+        disabled: false,
+        ariaLabel: 'Цена товара',
         multipleStepSize: 10,
-        label: 'Цена микрофона',
-        labelPlacement: 'top',
-        sliderAlign: 'center',
-        scaleAlign: 'bottom',
-        showScale: true,
+        label: 'Цена товара',
+        labelPlacement: 'outer',
+        rangeValuesPlacement: 'outer',
+        showRangeValues: true,
         showCurrentValue: false,
-        showIcon: true,
-        reversed: false,
-        labelReversed: false,
-        disabled: false,
     },
     render: (args) => <StoryDefault {...args} />,
 };
@@ -206,7 +141,7 @@ const StoryMultipleValues = (args: StoryProps) => {
     };
 
     return (
-        <SliderWrapper isVertical={args.orientation === 'vertical'}>
+        <SliderWrapper>
             <Slider
                 value={value}
                 onKeyDownTextField={onKeyDownTextField}
@@ -223,7 +158,6 @@ export const MultipleValues: StoryDouble = {
     args: {
         view: 'default',
         size: 'm',
-        pointerSize: 'small',
         min: 0,
         max: 100,
         disabled: false,
@@ -231,14 +165,5 @@ export const MultipleValues: StoryDouble = {
         ariaLabel: ['Минимальная цена товара', 'Максимальная цена товара'],
         multipleStepSize: 10,
     },
-    argTypes: {
-        pointerSize: {
-            options: ['small', 'large'],
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        ...disableProps(['orientation']),
-    },
     render: (args) => <StoryMultipleValues {...args} />,
 };

package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.config.js

@@ -0,0 +1,10 @@
+import { css } from '@emotion/react';
+import { viewContainer } from '@salutejs/plasma-themes/tokens/plasma_b2c';
+export var config = {
+  variations: {
+    view: {
+      onDark: /*#__PURE__*/css(viewContainer.dark, ";;label:plasma-new-hope__onDark;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9WaWV3Q29udGFpbmVyL1ZpZXdDb250YWluZXIuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU11QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvVmlld0NvbnRhaW5lci9WaWV3Q29udGFpbmVyLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHZpZXdDb250YWluZXIgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLXRoZW1lcy90b2tlbnMvcGxhc21hX2IyYyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBvbkRhcms6IGNzc2BcbiAgICAgICAgICAgICAgICAke3ZpZXdDb250YWluZXIuZGFya31cbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBvbkxpZ2h0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt2aWV3Q29udGFpbmVyLmxpZ2h0fVxuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
+      onLight: /*#__PURE__*/css(viewContainer.light, ";;label:plasma-new-hope__onLight;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9WaWV3Q29udGFpbmVyL1ZpZXdDb250YWluZXIuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVN3QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvVmlld0NvbnRhaW5lci9WaWV3Q29udGFpbmVyLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHZpZXdDb250YWluZXIgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLXRoZW1lcy90b2tlbnMvcGxhc21hX2IyYyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBvbkRhcms6IGNzc2BcbiAgICAgICAgICAgICAgICAke3ZpZXdDb250YWluZXIuZGFya31cbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBvbkxpZ2h0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt2aWV3Q29udGFpbmVyLmxpZ2h0fVxuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
+    }
+  }
+};

package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.js

@@ -0,0 +1,5 @@
+import { viewContainerConfig } from '../../../../components/ViewContainer';
+import { component, mergeConfig } from '../../../../engines';
+import { config } from './ViewContainer.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(viewContainerConfig, config);
+export var ViewContainer = /*#__PURE__*/component(mergedConfig);

package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx

@@ -0,0 +1,65 @@
+import React, { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+
+import { Button } from '../Button/Button';
+import { TextField } from '../TextField/TextField';
+import { Checkbox } from '../Checkbox/Checkbox';
+
+import { ViewContainer } from './ViewContainer';
+
+type StoryViewProps = ComponentProps<typeof ViewContainer>;
+
+const meta: Meta<StoryViewProps> = {
+    title: 'plasma_web/ViewContainer',
+};
+
+export default meta;
+
+type Story = StoryObj<StoryViewProps>;
+
+const ViewExample = ({ view }: StoryViewProps) => {
+    const style = view
+        ? {
+              background: view === 'onDark' ? '#1a1a1a' : '#ededed',
+              color: view === 'onDark' ? 'white' : 'black',
+          }
+        : undefined;
+
+    return (
+        <>
+            <h4>view: {view ?? 'default'}</h4>
+            <div>
+                <ViewContainer
+                    view={view}
+                    style={{
+                        ...style,
+                        padding: '1rem',
+                        borderRadius: '1rem',
+                        display: 'flex',
+                        flexDirection: 'column',
+                        gap: '1rem',
+                    }}
+                >
+                    <h3 style={{ margin: 0 }}>Inside ViewContainer</h3>
+                    <Button text="default Button" />
+                    <Checkbox checked label="Label" />
+                    <TextField value="Example Value" label="Label" labelPlacement="inner" />
+                </ViewContainer>
+            </div>
+        </>
+    );
+};
+
+export const Default: Story = {
+    render: () => {
+        return (
+            <>
+                <ViewExample />
+                <br />
+                <ViewExample view="onDark" />
+                <br />
+                <ViewExample view="onLight" />
+            </>
+        );
+    },
+};

package/emotion/es/index.js

@@ -60,4 +60,5 @@ export * from './components/Autocomplete';
 export * from './components/EmptyState';
 export * from './components/Editable';
 export * from './components/Mask';
-export * from './components/Attach';
+export * from './components/Attach';
+export * from './components/ViewContainer';

package/emotion/package.json

@@ -1,5 +1,6 @@
 {
     "module": "es/index.js",
     "main": "cjs/index.js",
-    "types": "../types/index.d.ts"
+    "types": "../types/index.d.ts",
+    "sideEffects": false
 }

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

@@ -1,6 +1,5 @@
 import './AccordionItem.styles_aus2x3.css';
 import { styled } from '@linaria/react';
-import 'react';
 import { IconChevronDownFill } from '../../../_Icon/Icons/IconChevronDownFill.js';
 import { IconMinus } from '../../../_Icon/Icons/IconMinus.js';
 

package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.styles.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { IconChevronDownFill, IconMinus } from '../../../_Icon';\nimport { classes, tokens } from '../../Accordion.tokens';\nimport { addFocus } from '../../../../mixins';\n\nexport const StyledAccordionItem = styled.div`\n    background: var(${tokens.accordionItemBackground});\n    border: var(${tokens.accordionItemBorder});\n    border-bottom: var(${tokens.accordionItemBorderBottom});\n\n    &:last-child {\n        border-bottom: var(${tokens.accordionItemBorder});\n    }\n\n    &.${classes.accordionDisabled} {\n        opacity: 0.4;\n        cursor: not-allowed;\n    }\n`;\n\nexport const StyledAccordionHeader = styled.button`\n    width: 100%;\n    border: none;\n    padding: var(${tokens.accordionItemPadding});\n    display: flex;\n    gap: var(${tokens.accordionItemGap});\n    justify-content: space-between;\n    align-items: center;\n    background: none;\n    box-sizing: border-box;\n    cursor: pointer;\n\n    &:focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineOffset: '0.125rem',\n        outlineSize: '0.125rem',\n        outlineRadius: '0',\n        outlineColor: `var(${tokens.accordionItemFocus})`,\n    })}\n`;\n\nexport const StyledAccordionHeaderLeft = styled.div`\n    display: flex;\n    gap: var(${tokens.accordionItemGap});\n    justify-content: space-between;\n    align-items: center;\n`;\n\nexport const StyledAccordionContentRight = styled.div`\n    transition: 0.2s;\n    transform: rotate(90deg);\n\n    &.${classes.accordionItemShowBody} {\n        transition: 0.2s;\n        transform: rotate(0deg);\n    }\n`;\n\nexport const StyledAccordionContentLeft = styled.div`\n    transition: 0.2s;\n    display: flex;\n    align-items: center;\n\n    &.${classes.accordionItemShowBody} {\n        transition: 0.2s;\n        transform: rotate(180deg);\n    }\n`;\n\nexport const StyledAccordionTitle = styled.div`\n    color: var(${tokens.accordionItemTitleColor});\n    font-family: var(${tokens.accordionItemTitleFontFamily});\n    font-size: var(${tokens.accordionItemTitleFontSize});\n    font-weight: var(${tokens.accordionItemTitleFontWeight});\n    font-style: var(${tokens.accordionItemTitleFontStyle});\n    letter-spacing: var(${tokens.accordionItemTitleLetterSpacing});\n    line-height: var(${tokens.accordionItemTitleLineHeight});\n    text-align: left;\n`;\n\nexport const StyledAccordionBodyAnimate = styled.div`\n    display: grid;\n    grid-template-rows: 0fr;\n    transition: grid-template-rows 0.2s ease-out;\n    overflow: hidden;\n\n    &.${classes.accordionItemShowBody} {\n        grid-template-rows: 1fr;\n        padding-bottom: var(${tokens.accordionItemPaddingVertical});\n\n        &.${classes.accordionPlusAnimationElement} {\n            transition: 0.2s;\n            transform: rotate(0deg);\n        }\n    }\n`;\n\nexport const StyledAccordionBody = styled.div`\n    color: var(${tokens.accordionItemTextColor});\n    font-family: var(${tokens.accordionItemTextFontFamily});\n    font-size: var(${tokens.accordionItemTextFontSize});\n    font-weight: var(${tokens.accordionItemTextFontWeight});\n    font-style: var(${tokens.accordionItemTextFontStyle});\n    letter-spacing: var(${tokens.accordionItemTextLetterSpacing});\n    line-height: var(${tokens.accordionItemTextLineHeight});\n    overflow: hidden;\n    padding-right: var(${tokens.accordionItemPaddingHorizontal});\n    padding-left: var(${tokens.accordionItemPaddingHorizontalLeft});\n    text-align: left;\n`;\n\nexport const StyledArrow = styled(IconChevronDownFill)`\n    pointer-events: none;\n    user-select: none;\n    color: var(${tokens.accordionItemIconColor});\n`;\n\nexport const StyledMinus = styled(IconMinus)`\n    pointer-events: none;\n    user-select: none;\n    color: var(${tokens.accordionItemIconColor});\n    display: flex;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    &.${classes.accordionPlusAnimationElement} {\n        transition: 0.2s;\n        transform: rotate(90deg);\n    }\n\n    &.${classes.accordionItemShowBody} {\n        transition: 0.2s;\n        transform: rotate(0deg);\n    }\n`;\n\nexport const StyledPlus = styled.div`\n    position: relative;\n    height: 1rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 1rem;\n`;\n"],"names":["StyledAccordionItem","styled","name","class","propsAsIs","StyledAccordionHeader","StyledAccordionHeaderLeft","StyledAccordionContentRight","StyledAccordionContentLeft","StyledAccordionTitle","StyledAccordionBodyAnimate","StyledAccordionBody","_exp31","IconChevronDownFill","StyledArrow","_exp33","IconMinus","StyledMinus","StyledPlus"],"mappings":";;;;;AAMO,IAAMA,mBAAmB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAaxC,EAAA;AAEM,IAAMC,qBAAqB,gBAAGJ,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAsB1C,EAAA;AAEM,IAAME,yBAAyB,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAK9C,EAAA;AAEM,IAAMG,2BAA2B,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,6BAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQhD,EAAA;AAEM,IAAMI,0BAA0B,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,4BAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAS/C,EAAA;AAEM,IAAMK,oBAAoB,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CASzC,EAAA;AAEM,IAAMM,0BAA0B,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,4BAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAe/C,EAAA;AAEM,IAAMO,mBAAmB,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYxC,EAAA;AAAC,IAAAQ,MAAA,GAhHgBA,SAgHhBA,MAAAA,GAAA;AAAA,EAAA,OAEgCC,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAA9C,IAAMC,WAAW,gBAAGb,MAAM,CAAAW,MAAA,EAAA,CAAA,CAAA;AAAAV,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIhC,EAAA;AAAC,IAAAW,MAAA,GAtHgBA,SAsHhBA,MAAAA,GAAA;AAAA,EAAA,OAEgCC,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMC,WAAW,gBAAGhB,MAAM,CAAAc,MAAA,EAAA,CAAA,CAAA;AAAAb,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAmBhC,EAAA;AAEM,IAAMc,UAAU,gBAAGjB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO/B;;;;"}
+{"version":3,"file":"AccordionItem.styles.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { IconChevronDownFill, IconMinus } from '../../../_Icon';\nimport { classes, tokens } from '../../Accordion.tokens';\nimport { addFocus } from '../../../../mixins';\n\nexport const StyledAccordionItem = styled.div`\n    background: var(${tokens.accordionItemBackground});\n    border: var(${tokens.accordionItemBorder});\n    border-bottom: var(${tokens.accordionItemBorderBottom});\n\n    &:last-child {\n        border-bottom: var(${tokens.accordionItemBorder});\n    }\n\n    &.${classes.accordionDisabled} {\n        opacity: 0.4;\n        cursor: not-allowed;\n    }\n`;\n\nexport const StyledAccordionHeader = styled.button`\n    width: 100%;\n    border: none;\n    padding: var(${tokens.accordionItemPadding});\n    display: flex;\n    gap: var(${tokens.accordionItemGap});\n    justify-content: space-between;\n    align-items: center;\n    background: none;\n    box-sizing: border-box;\n    cursor: pointer;\n\n    &:focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineOffset: '0.125rem',\n        outlineSize: '0.125rem',\n        outlineRadius: '0',\n        outlineColor: `var(${tokens.accordionItemFocus})`,\n    })}\n`;\n\nexport const StyledAccordionHeaderLeft = styled.div`\n    display: flex;\n    gap: var(${tokens.accordionItemGap});\n    justify-content: space-between;\n    align-items: center;\n`;\n\nexport const StyledAccordionContentRight = styled.div`\n    transition: 0.2s;\n    transform: rotate(90deg);\n\n    &.${classes.accordionItemShowBody} {\n        transition: 0.2s;\n        transform: rotate(0deg);\n    }\n`;\n\nexport const StyledAccordionContentLeft = styled.div`\n    transition: 0.2s;\n    display: flex;\n    align-items: center;\n\n    &.${classes.accordionItemShowBody} {\n        transition: 0.2s;\n        transform: rotate(180deg);\n    }\n`;\n\nexport const StyledAccordionTitle = styled.div`\n    color: var(${tokens.accordionItemTitleColor});\n    font-family: var(${tokens.accordionItemTitleFontFamily});\n    font-size: var(${tokens.accordionItemTitleFontSize});\n    font-weight: var(${tokens.accordionItemTitleFontWeight});\n    font-style: var(${tokens.accordionItemTitleFontStyle});\n    letter-spacing: var(${tokens.accordionItemTitleLetterSpacing});\n    line-height: var(${tokens.accordionItemTitleLineHeight});\n    text-align: left;\n`;\n\nexport const StyledAccordionBodyAnimate = styled.div`\n    display: grid;\n    grid-template-rows: 0fr;\n    transition: grid-template-rows 0.2s ease-out;\n    overflow: hidden;\n\n    &.${classes.accordionItemShowBody} {\n        grid-template-rows: 1fr;\n        padding-bottom: var(${tokens.accordionItemPaddingVertical});\n\n        &.${classes.accordionPlusAnimationElement} {\n            transition: 0.2s;\n            transform: rotate(0deg);\n        }\n    }\n`;\n\nexport const StyledAccordionBody = styled.div`\n    color: var(${tokens.accordionItemTextColor});\n    font-family: var(${tokens.accordionItemTextFontFamily});\n    font-size: var(${tokens.accordionItemTextFontSize});\n    font-weight: var(${tokens.accordionItemTextFontWeight});\n    font-style: var(${tokens.accordionItemTextFontStyle});\n    letter-spacing: var(${tokens.accordionItemTextLetterSpacing});\n    line-height: var(${tokens.accordionItemTextLineHeight});\n    overflow: hidden;\n    padding-right: var(${tokens.accordionItemPaddingHorizontal});\n    padding-left: var(${tokens.accordionItemPaddingHorizontalLeft});\n    text-align: left;\n`;\n\nexport const StyledArrow = styled(IconChevronDownFill)`\n    pointer-events: none;\n    user-select: none;\n    color: var(${tokens.accordionItemIconColor});\n`;\n\nexport const StyledMinus = styled(IconMinus)`\n    pointer-events: none;\n    user-select: none;\n    color: var(${tokens.accordionItemIconColor});\n    display: flex;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    &.${classes.accordionPlusAnimationElement} {\n        transition: 0.2s;\n        transform: rotate(90deg);\n    }\n\n    &.${classes.accordionItemShowBody} {\n        transition: 0.2s;\n        transform: rotate(0deg);\n    }\n`;\n\nexport const StyledPlus = styled.div`\n    position: relative;\n    height: 1rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 1rem;\n`;\n"],"names":["StyledAccordionItem","styled","name","class","propsAsIs","StyledAccordionHeader","StyledAccordionHeaderLeft","StyledAccordionContentRight","StyledAccordionContentLeft","StyledAccordionTitle","StyledAccordionBodyAnimate","StyledAccordionBody","_exp31","IconChevronDownFill","StyledArrow","_exp33","IconMinus","StyledMinus","StyledPlus"],"mappings":";;;;AAMO,IAAMA,mBAAmB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAaxC,EAAA;AAEM,IAAMC,qBAAqB,gBAAGJ,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAsB1C,EAAA;AAEM,IAAME,yBAAyB,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAK9C,EAAA;AAEM,IAAMG,2BAA2B,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,6BAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQhD,EAAA;AAEM,IAAMI,0BAA0B,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,4BAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAS/C,EAAA;AAEM,IAAMK,oBAAoB,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CASzC,EAAA;AAEM,IAAMM,0BAA0B,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,4BAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAe/C,EAAA;AAEM,IAAMO,mBAAmB,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYxC,EAAA;AAAC,IAAAQ,MAAA,GAhHgBA,SAgHhBA,MAAAA,GAAA;AAAA,EAAA,OAEgCC,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAA9C,IAAMC,WAAW,gBAAGb,MAAM,CAAAW,MAAA,EAAA,CAAA,CAAA;AAAAV,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIhC,EAAA;AAAC,IAAAW,MAAA,GAtHgBA,SAsHhBA,MAAAA,GAAA;AAAA,EAAA,OAEgCC,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMC,WAAW,gBAAGhB,MAAM,CAAAc,MAAA,EAAA,CAAA,CAAA;AAAAb,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAmBhC,EAAA;AAEM,IAAMc,UAAU,gBAAGjB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO/B;;;;"}

package/es/components/Attach/Attach.js

@@ -2,18 +2,17 @@ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _
 import React, { forwardRef, useRef, useState, useEffect } from 'react';
 import { useForkRef, useIsomorphicLayoutEffect } from '@salutejs/plasma-core';
 import { cx } from '../../utils/index.js';
-import '@linaria/react';
-import { IconCloseCircleOutline } from '../_Icon/Icons/IconCloseCircleOutline.js';
 import { base as base$2 } from './variations/_size/base.js';
 import { base as base$1 } from './variations/_view/base.js';
 import { StyledHiddenInput, StyledHiddenInputHelper, base } from './Attach.styles.js';
-import { StyledCell } from './ui/Cell/Cell.styles.js';
 import { separator } from './utils/index.js';
 import { classes } from './Attach.tokens.js';
-import { AttachButton } from './components/AttachButton/AttachButton.js';
 import { StyledIconButtonCancel } from './ui/IconButton/IconButton.styles.js';
 import { extractExtension } from './utils/extractExtension.js';
 import { addSeparator } from './utils/addSeparator.js';
+import { AttachButton } from './components/AttachButton/AttachButton.js';
+import { StyledCell } from './ui/Cell/Cell.styles.js';
+import { IconCloseCircleOutline } from '../_Icon/Icons/IconCloseCircleOutline.js';
 import { getFileicon } from './utils/getFileicon.js';
 
 var _IconCloseCircleOutli;

package/es/components/Attach/Attach.js.map

@@ -1 +1 @@
-{"version":3,"file":"Attach.js","sources":["../../../src/components/Attach/Attach.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { ChangeEvent } from 'react';\nimport { useForkRef, useIsomorphicLayoutEffect } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { IconCloseCircleOutline } from '../_Icon';\n\nimport { AttachProps } from './Attach.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base, StyledHiddenInput, StyledHiddenInputHelper } from './Attach.styles';\nimport { StyledCell } from './ui/Cell/Cell';\nimport { extractExtension, getFileicon, addSeparator, separator } from './utils';\nimport { classes } from './Attach.tokens';\nimport { AttachButton } from './components/AttachButton';\nimport { StyledIconButtonCancel } from './ui/IconButton/IconButton.styles';\n\nexport const attachRoot = (Root: RootProps<HTMLDivElement, AttachProps>) =>\n    forwardRef<HTMLDivElement, AttachProps>((props, outerRef) => {\n        const {\n            flow = 'auto',\n            buttonType = 'button',\n            hasAttachment = true,\n            acceptedFileFormats,\n            size,\n            view,\n            className,\n            style,\n            isLoading,\n            disabled,\n            id,\n            name,\n            onChange,\n            onClear,\n            ...rest\n        } = props;\n\n        const innerRef = useRef<HTMLDivElement>(null);\n        const ref = useForkRef(outerRef, innerRef);\n\n        const inputRef = useRef<HTMLInputElement | null>(null);\n        const inputHelperRef = useRef<HTMLDivElement | null>(null);\n        const cellRef = useRef<HTMLDivElement | null>(null);\n        const buttonRef = useRef<HTMLButtonElement | null>(null);\n\n        const emptyTextCellWidth = useRef<number | null>(null);\n\n        const [filename, setFilename] = useState<string>('');\n        const [truncatedFilename, setTruncatedFilename] = useState<string>('');\n\n        const horizontalClass = flow === 'horizontal' ? classes.horizontal : undefined;\n        const verticalClass = flow === 'vertical' ? classes.vertical : undefined;\n        const autoClass = flow === 'auto' ? classes.auto : undefined;\n        const cellHiddenClass = truncatedFilename.length === 0 ? classes.cellHidden : undefined;\n\n        const accept = acceptedFileFormats?.join(',');\n        const extension = extractExtension(filename);\n        const cellContentLeft = getFileicon(extension, size);\n\n        useEffect(() => {\n            emptyTextCellWidth.current = cellRef.current?.offsetWidth || 0;\n        }, []);\n\n        useIsomorphicLayoutEffect(() => {\n            if (\n                !cellRef.current ||\n                !cellRef.current.parentElement ||\n                !inputHelperRef.current ||\n                !inputHelperRef.current.textContent ||\n                !emptyTextCellWidth.current ||\n                !buttonRef.current\n            ) {\n                return;\n            }\n\n            const { offsetWidth: textWidth } = inputHelperRef.current;\n            const { offsetWidth: buttonWidth } = buttonRef.current;\n            const { width: parentWidth, left: parentLeft } = cellRef.current.parentElement.getBoundingClientRect();\n            const { left: cellLeft } = cellRef.current.getBoundingClientRect();\n            const leftDiff = cellLeft - parentLeft;\n            let currentTextWidth = textWidth;\n\n            if (\n                currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth ||\n                currentTextWidth + emptyTextCellWidth.current < buttonWidth\n            ) {\n                setTruncatedFilename(filename);\n                return;\n            }\n\n            let currFilename = addSeparator(filename, separator);\n            for (let i = currFilename.indexOf(separator) - 1; i > 0; i -= 1) {\n                if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth) {\n                    break;\n                }\n\n                const left = currFilename.slice(0, i);\n                const right = currFilename.slice(i + 1);\n                const newFilename = `${left}${right}`;\n                inputHelperRef.current.textContent = newFilename;\n                currentTextWidth = inputHelperRef.current.offsetWidth;\n\n                if (currentTextWidth + emptyTextCellWidth.current < buttonWidth) {\n                    break;\n                }\n\n                currFilename = newFilename;\n            }\n\n            inputHelperRef.current.textContent = filename;\n            setTruncatedFilename(currFilename);\n        });\n\n        const handleClick = () => {\n            if (!inputRef.current) {\n                return;\n            }\n\n            inputRef.current.click();\n        };\n\n        const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n            if (!e.target.files) {\n                return;\n            }\n\n            if (onChange) {\n                onChange(e);\n            }\n\n            setFilename(e.target.files[0].name);\n        };\n\n        const handleClear = () => {\n            if (!inputRef.current) {\n                return;\n            }\n\n            if (onClear) {\n                onClear();\n            }\n\n            inputRef.current.value = '';\n            setFilename('');\n            setTruncatedFilename('');\n        };\n\n        return (\n            <Root\n                className={cx(horizontalClass, verticalClass, autoClass, className)}\n                style={style}\n                size={size}\n                view={view}\n                ref={ref}\n            >\n                <StyledHiddenInput\n                    ref={inputRef}\n                    accept={accept}\n                    type=\"file\"\n                    id={id}\n                    name={name}\n                    onChange={handleChange}\n                />\n                <StyledHiddenInputHelper ref={inputHelperRef}>{filename}</StyledHiddenInputHelper>\n\n                <AttachButton\n                    buttonType={buttonType}\n                    view={view}\n                    size={size}\n                    onClick={handleClick}\n                    isLoading={isLoading}\n                    disabled={disabled}\n                    ref={buttonRef}\n                    {...rest}\n                />\n                {hasAttachment && (\n                    <StyledCell\n                        stretching=\"fixed\"\n                        className={cellHiddenClass}\n                        ref={cellRef}\n                        size={size}\n                        title={truncatedFilename}\n                        contentLeft={cellContentLeft}\n                        contentRight={\n                            <StyledIconButtonCancel view={view} size={size} onClick={handleClear}>\n                                <IconCloseCircleOutline size=\"xs\" color=\"inherit\" />\n                            </StyledIconButtonCancel>\n                        }\n                    />\n                )}\n            </Root>\n        );\n    });\n\nexport const attachConfig = {\n    name: 'Attach',\n    tag: 'div',\n    layout: attachRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["attachRoot","Root","forwardRef","props","outerRef","_props$flow","flow","_props$buttonType","buttonType","_props$hasAttachment","hasAttachment","acceptedFileFormats","size","view","className","style","isLoading","disabled","id","name","onChange","onClear","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","inputRef","inputHelperRef","cellRef","buttonRef","emptyTextCellWidth","_useState","useState","_useState2","_slicedToArray","filename","setFilename","_useState3","_useState4","truncatedFilename","setTruncatedFilename","horizontalClass","classes","horizontal","undefined","verticalClass","vertical","autoClass","auto","cellHiddenClass","length","cellHidden","accept","join","extension","extractExtension","cellContentLeft","getFileicon","useEffect","_cellRef$current","current","offsetWidth","useIsomorphicLayoutEffect","parentElement","textContent","textWidth","buttonWidth","_cellRef$current$pare","getBoundingClientRect","parentWidth","width","parentLeft","left","_cellRef$current$getB","cellLeft","leftDiff","currentTextWidth","currFilename","addSeparator","separator","i","indexOf","slice","right","newFilename","concat","handleClick","click","handleChange","e","target","files","handleClear","value","React","createElement","cx","StyledHiddenInput","type","StyledHiddenInputHelper","AttachButton","_extends","onClick","StyledCell","stretching","title","contentLeft","contentRight","StyledIconButtonCancel","_IconCloseCircleOutli","IconCloseCircleOutline","color","attachConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Attach.js","sources":["../../../src/components/Attach/Attach.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { ChangeEvent } from 'react';\nimport { useForkRef, useIsomorphicLayoutEffect } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { IconCloseCircleOutline } from '../_Icon';\n\nimport { AttachProps } from './Attach.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base, StyledHiddenInput, StyledHiddenInputHelper } from './Attach.styles';\nimport { StyledCell } from './ui/Cell/Cell';\nimport { extractExtension, getFileicon, addSeparator, separator } from './utils';\nimport { classes } from './Attach.tokens';\nimport { AttachButton } from './components/AttachButton';\nimport { StyledIconButtonCancel } from './ui/IconButton/IconButton.styles';\n\nexport const attachRoot = (Root: RootProps<HTMLDivElement, AttachProps>) =>\n    forwardRef<HTMLDivElement, AttachProps>((props, outerRef) => {\n        const {\n            flow = 'auto',\n            buttonType = 'button',\n            hasAttachment = true,\n            acceptedFileFormats,\n            size,\n            view,\n            className,\n            style,\n            isLoading,\n            disabled,\n            id,\n            name,\n            onChange,\n            onClear,\n            ...rest\n        } = props;\n\n        const innerRef = useRef<HTMLDivElement>(null);\n        const ref = useForkRef(outerRef, innerRef);\n\n        const inputRef = useRef<HTMLInputElement | null>(null);\n        const inputHelperRef = useRef<HTMLDivElement | null>(null);\n        const cellRef = useRef<HTMLDivElement | null>(null);\n        const buttonRef = useRef<HTMLButtonElement | null>(null);\n\n        const emptyTextCellWidth = useRef<number | null>(null);\n\n        const [filename, setFilename] = useState<string>('');\n        const [truncatedFilename, setTruncatedFilename] = useState<string>('');\n\n        const horizontalClass = flow === 'horizontal' ? classes.horizontal : undefined;\n        const verticalClass = flow === 'vertical' ? classes.vertical : undefined;\n        const autoClass = flow === 'auto' ? classes.auto : undefined;\n        const cellHiddenClass = truncatedFilename.length === 0 ? classes.cellHidden : undefined;\n\n        const accept = acceptedFileFormats?.join(',');\n        const extension = extractExtension(filename);\n        const cellContentLeft = getFileicon(extension, size);\n\n        useEffect(() => {\n            emptyTextCellWidth.current = cellRef.current?.offsetWidth || 0;\n        }, []);\n\n        useIsomorphicLayoutEffect(() => {\n            if (\n                !cellRef.current ||\n                !cellRef.current.parentElement ||\n                !inputHelperRef.current ||\n                !inputHelperRef.current.textContent ||\n                !emptyTextCellWidth.current ||\n                !buttonRef.current\n            ) {\n                return;\n            }\n\n            const { offsetWidth: textWidth } = inputHelperRef.current;\n            const { offsetWidth: buttonWidth } = buttonRef.current;\n            const { width: parentWidth, left: parentLeft } = cellRef.current.parentElement.getBoundingClientRect();\n            const { left: cellLeft } = cellRef.current.getBoundingClientRect();\n            const leftDiff = cellLeft - parentLeft;\n            let currentTextWidth = textWidth;\n\n            if (\n                currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth ||\n                currentTextWidth + emptyTextCellWidth.current < buttonWidth\n            ) {\n                setTruncatedFilename(filename);\n                return;\n            }\n\n            let currFilename = addSeparator(filename, separator);\n            for (let i = currFilename.indexOf(separator) - 1; i > 0; i -= 1) {\n                if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth) {\n                    break;\n                }\n\n                const left = currFilename.slice(0, i);\n                const right = currFilename.slice(i + 1);\n                const newFilename = `${left}${right}`;\n                inputHelperRef.current.textContent = newFilename;\n                currentTextWidth = inputHelperRef.current.offsetWidth;\n\n                if (currentTextWidth + emptyTextCellWidth.current < buttonWidth) {\n                    break;\n                }\n\n                currFilename = newFilename;\n            }\n\n            inputHelperRef.current.textContent = filename;\n            setTruncatedFilename(currFilename);\n        });\n\n        const handleClick = () => {\n            if (!inputRef.current) {\n                return;\n            }\n\n            inputRef.current.click();\n        };\n\n        const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n            if (!e.target.files) {\n                return;\n            }\n\n            if (onChange) {\n                onChange(e);\n            }\n\n            setFilename(e.target.files[0].name);\n        };\n\n        const handleClear = () => {\n            if (!inputRef.current) {\n                return;\n            }\n\n            if (onClear) {\n                onClear();\n            }\n\n            inputRef.current.value = '';\n            setFilename('');\n            setTruncatedFilename('');\n        };\n\n        return (\n            <Root\n                className={cx(horizontalClass, verticalClass, autoClass, className)}\n                style={style}\n                size={size}\n                view={view}\n                ref={ref}\n            >\n                <StyledHiddenInput\n                    ref={inputRef}\n                    accept={accept}\n                    type=\"file\"\n                    id={id}\n                    name={name}\n                    onChange={handleChange}\n                />\n                <StyledHiddenInputHelper ref={inputHelperRef}>{filename}</StyledHiddenInputHelper>\n\n                <AttachButton\n                    buttonType={buttonType}\n                    view={view}\n                    size={size}\n                    onClick={handleClick}\n                    isLoading={isLoading}\n                    disabled={disabled}\n                    ref={buttonRef}\n                    {...rest}\n                />\n                {hasAttachment && (\n                    <StyledCell\n                        stretching=\"fixed\"\n                        className={cellHiddenClass}\n                        ref={cellRef}\n                        size={size}\n                        title={truncatedFilename}\n                        contentLeft={cellContentLeft}\n                        contentRight={\n                            <StyledIconButtonCancel view={view} size={size} onClick={handleClear}>\n                                <IconCloseCircleOutline size=\"xs\" color=\"inherit\" />\n                            </StyledIconButtonCancel>\n                        }\n                    />\n                )}\n            </Root>\n        );\n    });\n\nexport const attachConfig = {\n    name: 'Attach',\n    tag: 'div',\n    layout: attachRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["attachRoot","Root","forwardRef","props","outerRef","_props$flow","flow","_props$buttonType","buttonType","_props$hasAttachment","hasAttachment","acceptedFileFormats","size","view","className","style","isLoading","disabled","id","name","onChange","onClear","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","inputRef","inputHelperRef","cellRef","buttonRef","emptyTextCellWidth","_useState","useState","_useState2","_slicedToArray","filename","setFilename","_useState3","_useState4","truncatedFilename","setTruncatedFilename","horizontalClass","classes","horizontal","undefined","verticalClass","vertical","autoClass","auto","cellHiddenClass","length","cellHidden","accept","join","extension","extractExtension","cellContentLeft","getFileicon","useEffect","_cellRef$current","current","offsetWidth","useIsomorphicLayoutEffect","parentElement","textContent","textWidth","buttonWidth","_cellRef$current$pare","getBoundingClientRect","parentWidth","width","parentLeft","left","_cellRef$current$getB","cellLeft","leftDiff","currentTextWidth","currFilename","addSeparator","separator","i","indexOf","slice","right","newFilename","concat","handleClick","click","handleChange","e","target","files","handleClear","value","React","createElement","cx","StyledHiddenInput","type","StyledHiddenInputHelper","AttachButton","_extends","onClick","StyledCell","stretching","title","contentLeft","contentRight","StyledIconButtonCancel","_IconCloseCircleOutli","IconCloseCircleOutline","color","attachConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;IAkBaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAA4C,EAAA;AAAA,EAAA,oBACnEC,UAAU,CAA8B,UAACC,KAAK,EAAEC,QAAQ,EAAK;AACzD,IAAA,IAAAC,WAAA,GAgBIF,KAAK,CAfLG,IAAI;AAAJA,MAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,WAAA;MAAAE,iBAAA,GAebJ,KAAK,CAdLK,UAAU;AAAVA,MAAAA,UAAU,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,iBAAA;MAAAE,oBAAA,GAcrBN,KAAK,CAbLO,aAAa;AAAbA,MAAAA,aAAa,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,oBAAA;MACpBE,mBAAmB,GAYnBR,KAAK,CAZLQ,mBAAmB;MACnBC,IAAI,GAWJT,KAAK,CAXLS,IAAI;MACJC,IAAI,GAUJV,KAAK,CAVLU,IAAI;MACJC,SAAS,GASTX,KAAK,CATLW,SAAS;MACTC,KAAK,GAQLZ,KAAK,CARLY,KAAK;MACLC,SAAS,GAOTb,KAAK,CAPLa,SAAS;MACTC,QAAQ,GAMRd,KAAK,CANLc,QAAQ;MACRC,EAAE,GAKFf,KAAK,CALLe,EAAE;MACFC,IAAI,GAIJhB,KAAK,CAJLgB,IAAI;MACJC,QAAQ,GAGRjB,KAAK,CAHLiB,QAAQ;MACRC,OAAO,GAEPlB,KAAK,CAFLkB,OAAO;AACJC,MAAAA,IAAI,GAAAC,wBAAA,CACPpB,KAAK,EAAAqB,SAAA,CAAA,CAAA;AAET,IAAA,IAAMC,QAAQ,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAC7C,IAAA,IAAMC,GAAG,GAAGC,UAAU,CAACxB,QAAQ,EAAEqB,QAAQ,CAAC,CAAA;AAE1C,IAAA,IAAMI,QAAQ,GAAGH,MAAM,CAA0B,IAAI,CAAC,CAAA;AACtD,IAAA,IAAMI,cAAc,GAAGJ,MAAM,CAAwB,IAAI,CAAC,CAAA;AAC1D,IAAA,IAAMK,OAAO,GAAGL,MAAM,CAAwB,IAAI,CAAC,CAAA;AACnD,IAAA,IAAMM,SAAS,GAAGN,MAAM,CAA2B,IAAI,CAAC,CAAA;AAExD,IAAA,IAAMO,kBAAkB,GAAGP,MAAM,CAAgB,IAAI,CAAC,CAAA;AAEtD,IAAA,IAAAQ,SAAA,GAAgCC,QAAQ,CAAS,EAAE,CAAC;MAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA7CI,MAAAA,QAAQ,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,WAAW,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAC5B,IAAA,IAAAI,UAAA,GAAkDL,QAAQ,CAAS,EAAE,CAAC;MAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAA/DE,MAAAA,iBAAiB,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,oBAAoB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;IAE9C,IAAMG,eAAe,GAAGtC,IAAI,KAAK,YAAY,GAAGuC,OAAO,CAACC,UAAU,GAAGC,SAAS,CAAA;IAC9E,IAAMC,aAAa,GAAG1C,IAAI,KAAK,UAAU,GAAGuC,OAAO,CAACI,QAAQ,GAAGF,SAAS,CAAA;IACxE,IAAMG,SAAS,GAAG5C,IAAI,KAAK,MAAM,GAAGuC,OAAO,CAACM,IAAI,GAAGJ,SAAS,CAAA;AAC5D,IAAA,IAAMK,eAAe,GAAGV,iBAAiB,CAACW,MAAM,KAAK,CAAC,GAAGR,OAAO,CAACS,UAAU,GAAGP,SAAS,CAAA;IAEvF,IAAMQ,MAAM,GAAG5C,mBAAmB,KAAnBA,IAAAA,IAAAA,mBAAmB,KAAnBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAmB,CAAE6C,IAAI,CAAC,GAAG,CAAC,CAAA;AAC7C,IAAA,IAAMC,SAAS,GAAGC,gBAAgB,CAACpB,QAAQ,CAAC,CAAA;AAC5C,IAAA,IAAMqB,eAAe,GAAGC,WAAW,CAACH,SAAS,EAAE7C,IAAI,CAAC,CAAA;AAEpDiD,IAAAA,SAAS,CAAC,YAAM;AAAA,MAAA,IAAAC,gBAAA,CAAA;AACZ7B,MAAAA,kBAAkB,CAAC8B,OAAO,GAAG,CAAAD,CAAAA,gBAAA,GAAA/B,OAAO,CAACgC,OAAO,MAAA,IAAA,IAAAD,gBAAA,KAAfA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAA,CAAiBE,WAAW,KAAI,CAAC,CAAA;KACjE,EAAE,EAAE,CAAC,CAAA;AAENC,IAAAA,yBAAyB,CAAC,YAAM;AAC5B,MAAA,IACI,CAAClC,OAAO,CAACgC,OAAO,IAChB,CAAChC,OAAO,CAACgC,OAAO,CAACG,aAAa,IAC9B,CAACpC,cAAc,CAACiC,OAAO,IACvB,CAACjC,cAAc,CAACiC,OAAO,CAACI,WAAW,IACnC,CAAClC,kBAAkB,CAAC8B,OAAO,IAC3B,CAAC/B,SAAS,CAAC+B,OAAO,EACpB;AACE,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAqBK,SAAS,GAAKtC,cAAc,CAACiC,OAAO,CAAjDC,WAAW,CAAA;AACnB,MAAA,IAAqBK,WAAW,GAAKrC,SAAS,CAAC+B,OAAO,CAA9CC,WAAW,CAAA;MACnB,IAAAM,qBAAA,GAAiDvC,OAAO,CAACgC,OAAO,CAACG,aAAa,CAACK,qBAAqB,EAAE;QAAvFC,WAAW,GAAAF,qBAAA,CAAlBG,KAAK;QAAqBC,UAAU,GAAAJ,qBAAA,CAAhBK,IAAI,CAAA;MAChC,IAAAC,qBAAA,GAA2B7C,OAAO,CAACgC,OAAO,CAACQ,qBAAqB,EAAE;QAApDM,QAAQ,GAAAD,qBAAA,CAAdD,IAAI,CAAA;AACZ,MAAA,IAAMG,QAAQ,GAAGD,QAAQ,GAAGH,UAAU,CAAA;MACtC,IAAIK,gBAAgB,GAAGX,SAAS,CAAA;AAEhC,MAAA,IACIW,gBAAgB,GAAG9C,kBAAkB,CAAC8B,OAAO,GAAGe,QAAQ,IAAIN,WAAW,IACvEO,gBAAgB,GAAG9C,kBAAkB,CAAC8B,OAAO,GAAGM,WAAW,EAC7D;QACE1B,oBAAoB,CAACL,QAAQ,CAAC,CAAA;AAC9B,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAI0C,YAAY,GAAGC,YAAY,CAAC3C,QAAQ,EAAE4C,SAAS,CAAC,CAAA;AACpD,MAAA,KAAK,IAAIC,CAAC,GAAGH,YAAY,CAACI,OAAO,CAACF,SAAS,CAAC,GAAG,CAAC,EAAEC,CAAC,GAAG,CAAC,EAAEA,CAAC,IAAI,CAAC,EAAE;QAC7D,IAAIJ,gBAAgB,GAAG9C,kBAAkB,CAAC8B,OAAO,GAAGe,QAAQ,IAAIN,WAAW,EAAE;AACzE,UAAA,MAAA;AACJ,SAAA;QAEA,IAAMG,IAAI,GAAGK,YAAY,CAACK,KAAK,CAAC,CAAC,EAAEF,CAAC,CAAC,CAAA;QACrC,IAAMG,KAAK,GAAGN,YAAY,CAACK,KAAK,CAACF,CAAC,GAAG,CAAC,CAAC,CAAA;QACvC,IAAMI,WAAW,MAAAC,MAAA,CAAMb,IAAI,CAAAa,CAAAA,MAAA,CAAGF,KAAK,CAAE,CAAA;AACrCxD,QAAAA,cAAc,CAACiC,OAAO,CAACI,WAAW,GAAGoB,WAAW,CAAA;AAChDR,QAAAA,gBAAgB,GAAGjD,cAAc,CAACiC,OAAO,CAACC,WAAW,CAAA;AAErD,QAAA,IAAIe,gBAAgB,GAAG9C,kBAAkB,CAAC8B,OAAO,GAAGM,WAAW,EAAE;AAC7D,UAAA,MAAA;AACJ,SAAA;AAEAW,QAAAA,YAAY,GAAGO,WAAW,CAAA;AAC9B,OAAA;AAEAzD,MAAAA,cAAc,CAACiC,OAAO,CAACI,WAAW,GAAG7B,QAAQ,CAAA;MAC7CK,oBAAoB,CAACqC,YAAY,CAAC,CAAA;AACtC,KAAC,CAAC,CAAA;AAEF,IAAA,IAAMS,WAAW,GAAG,SAAdA,WAAWA,GAAS;AACtB,MAAA,IAAI,CAAC5D,QAAQ,CAACkC,OAAO,EAAE;AACnB,QAAA,OAAA;AACJ,OAAA;AAEAlC,MAAAA,QAAQ,CAACkC,OAAO,CAAC2B,KAAK,EAAE,CAAA;KAC3B,CAAA;AAED,IAAA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,CAAgC,EAAK;AACvD,MAAA,IAAI,CAACA,CAAC,CAACC,MAAM,CAACC,KAAK,EAAE;AACjB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAI1E,QAAQ,EAAE;QACVA,QAAQ,CAACwE,CAAC,CAAC,CAAA;AACf,OAAA;MAEArD,WAAW,CAACqD,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC3E,IAAI,CAAC,CAAA;KACtC,CAAA;AAED,IAAA,IAAM4E,WAAW,GAAG,SAAdA,WAAWA,GAAS;AACtB,MAAA,IAAI,CAAClE,QAAQ,CAACkC,OAAO,EAAE;AACnB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAI1C,OAAO,EAAE;AACTA,QAAAA,OAAO,EAAE,CAAA;AACb,OAAA;AAEAQ,MAAAA,QAAQ,CAACkC,OAAO,CAACiC,KAAK,GAAG,EAAE,CAAA;MAC3BzD,WAAW,CAAC,EAAE,CAAC,CAAA;MACfI,oBAAoB,CAAC,EAAE,CAAC,CAAA;KAC3B,CAAA;AAED,IAAA,oBACIsD,KAAA,CAAAC,aAAA,CAACjG,IAAI,EAAA;MACDa,SAAS,EAAEqF,EAAE,CAACvD,eAAe,EAAEI,aAAa,EAAEE,SAAS,EAAEpC,SAAS,CAAE;AACpEC,MAAAA,KAAK,EAAEA,KAAM;AACbH,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXc,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,eAETsE,KAAA,CAAAC,aAAA,CAACE,iBAAiB,EAAA;AACdzE,MAAAA,GAAG,EAAEE,QAAS;AACd0B,MAAAA,MAAM,EAAEA,MAAO;AACf8C,MAAAA,IAAI,EAAC,MAAM;AACXnF,MAAAA,EAAE,EAAEA,EAAG;AACPC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,QAAQ,EAAEuE,YAAAA;AAAa,KAC1B,CAAC,eACFM,KAAA,CAAAC,aAAA,CAACI,uBAAuB,EAAA;AAAC3E,MAAAA,GAAG,EAAEG,cAAAA;KAAiBQ,EAAAA,QAAkC,CAAC,eAElF2D,KAAA,CAAAC,aAAA,CAACK,YAAY,EAAAC,QAAA,CAAA;AACThG,MAAAA,UAAU,EAAEA,UAAW;AACvBK,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,IAAI,EAAEA,IAAK;AACX6F,MAAAA,OAAO,EAAEhB,WAAY;AACrBzE,MAAAA,SAAS,EAAEA,SAAU;AACrBC,MAAAA,QAAQ,EAAEA,QAAS;AACnBU,MAAAA,GAAG,EAAEK,SAAAA;KACDV,EAAAA,IAAI,CACX,CAAC,EACDZ,aAAa,iBACVuF,KAAA,CAAAC,aAAA,CAACQ,UAAU,EAAA;AACPC,MAAAA,UAAU,EAAC,OAAO;AAClB7F,MAAAA,SAAS,EAAEsC,eAAgB;AAC3BzB,MAAAA,GAAG,EAAEI,OAAQ;AACbnB,MAAAA,IAAI,EAAEA,IAAK;AACXgG,MAAAA,KAAK,EAAElE,iBAAkB;AACzBmE,MAAAA,WAAW,EAAElD,eAAgB;AAC7BmD,MAAAA,YAAY,eACRb,KAAA,CAAAC,aAAA,CAACa,sBAAsB,EAAA;AAAClG,QAAAA,IAAI,EAAEA,IAAK;AAACD,QAAAA,IAAI,EAAEA,IAAK;AAAC6F,QAAAA,OAAO,EAAEV,WAAAA;OAAYiB,EAAAA,qBAAA,KAAAA,qBAAA,gBACjEf,KAAA,CAAAC,aAAA,CAACe,sBAAsB,EAAA;AAACrG,QAAAA,IAAI,EAAC,IAAI;AAACsG,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAChC,CAAA;AAC3B,KACJ,CAEH,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMC,YAAY,GAAG;AACxBhG,EAAAA,IAAI,EAAE,QAAQ;AACdiG,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAErH,UAAU;AAClBsH,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACR1G,IAAAA,IAAI,EAAE;AACF2G,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACD7G,IAAAA,IAAI,EAAE;AACF4G,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN9G,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}

package/es/components/Attach/components/AttachButton/AttachButton.js

@@ -2,7 +2,6 @@ import { objectWithoutProperties as _objectWithoutProperties, extends as _extend
 import React, { forwardRef } from 'react';
 import { StyledIconButton } from '../../ui/IconButton/IconButton.styles.js';
 import { StyledButton } from '../../ui/Button/Button.styles.js';
-import '@linaria/react';
 import { IconPlus } from '../../../_Icon/Icons/IconPlus.js';
 
 var _excluded = ["size", "icon"],

package/es/components/Attach/components/AttachButton/AttachButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttachButton.js","sources":["../../../../../src/components/Attach/components/AttachButton/AttachButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { AttachButtonProps } from '../../Attach.types';\nimport { StyledIconButton } from '../../ui/IconButton/IconButton';\nimport { StyledButton } from '../../ui/Button/Button';\nimport { IconPlus } from '../../../_Icon';\n\nconst getDefaultIcon = (size?: string) => {\n    let iconSize: 'xs' | 's' | 'm';\n    switch (size) {\n        case 'xs':\n            iconSize = 'xs';\n            break;\n        case 's':\n            iconSize = 's';\n            break;\n        default:\n            iconSize = 'm';\n    }\n    return <IconPlus size={iconSize} color=\"inherit\" />;\n};\n\nexport const AttachButton = forwardRef<HTMLButtonElement, AttachButtonProps>((props, ref) => {\n    if (props.buttonType === 'iconButton') {\n        const { size, icon, ...rest } = props;\n\n        return (\n            <StyledIconButton ref={ref} {...rest}>\n                {icon || getDefaultIcon(size)}\n            </StyledIconButton>\n        );\n    }\n\n    const { text = 'Загрузить файл', ...rest } = props;\n    return <StyledButton ref={ref} text={text} {...rest} />;\n});\n"],"names":["getDefaultIcon","size","iconSize","React","createElement","IconPlus","color","AttachButton","forwardRef","props","ref","buttonType","icon","rest","_objectWithoutProperties","_excluded","StyledIconButton","_extends","_props$text","text","_excluded2","StyledButton"],"mappings":";;;;;;;;;AAOA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAa,EAAK;AACtC,EAAA,IAAIC,QAA0B,CAAA;AAC9B,EAAA,QAAQD,IAAI;AACR,IAAA,KAAK,IAAI;AACLC,MAAAA,QAAQ,GAAG,IAAI,CAAA;AACf,MAAA,MAAA;AACJ,IAAA,KAAK,GAAG;AACJA,MAAAA,QAAQ,GAAG,GAAG,CAAA;AACd,MAAA,MAAA;AACJ,IAAA;AACIA,MAAAA,QAAQ,GAAG,GAAG,CAAA;AACtB,GAAA;AACA,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAA;AAACJ,IAAAA,IAAI,EAAEC,QAAS;AAACI,IAAAA,KAAK,EAAC,SAAA;AAAS,GAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAEM,IAAMC,YAAY,gBAAGC,UAAU,CAAuC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACzF,EAAA,IAAID,KAAK,CAACE,UAAU,KAAK,YAAY,EAAE;AACnC,IAAA,IAAQV,IAAI,GAAoBQ,KAAK,CAA7BR,IAAI;MAAEW,IAAI,GAAcH,KAAK,CAAvBG,IAAI;AAAKC,MAAAA,KAAI,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA,CAAA,CAAA;AAErC,IAAA,oBACIZ,KAAA,CAAAC,aAAA,CAACY,gBAAgB,EAAAC,QAAA,CAAA;AAACP,MAAAA,GAAG,EAAEA,GAAAA;KAASG,EAAAA,KAAI,GAC/BD,IAAI,IAAIZ,cAAc,CAACC,IAAI,CACd,CAAC,CAAA;AAE3B,GAAA;AAEA,EAAA,IAAAiB,WAAA,GAA6CT,KAAK,CAA1CU,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,gBAAgB,GAAAA,WAAA;AAAKL,IAAAA,IAAI,GAAAC,wBAAA,CAAKL,KAAK,EAAAW,UAAA,CAAA,CAAA;AAClD,EAAA,oBAAOjB,KAAA,CAAAC,aAAA,CAACiB,YAAY,EAAAJ,QAAA,CAAA;AAACP,IAAAA,GAAG,EAAEA,GAAI;AAACS,IAAAA,IAAI,EAAEA,IAAAA;GAAUN,EAAAA,IAAI,CAAG,CAAC,CAAA;AAC3D,CAAC;;;;"}
+{"version":3,"file":"AttachButton.js","sources":["../../../../../src/components/Attach/components/AttachButton/AttachButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { AttachButtonProps } from '../../Attach.types';\nimport { StyledIconButton } from '../../ui/IconButton/IconButton';\nimport { StyledButton } from '../../ui/Button/Button';\nimport { IconPlus } from '../../../_Icon';\n\nconst getDefaultIcon = (size?: string) => {\n    let iconSize: 'xs' | 's' | 'm';\n    switch (size) {\n        case 'xs':\n            iconSize = 'xs';\n            break;\n        case 's':\n            iconSize = 's';\n            break;\n        default:\n            iconSize = 'm';\n    }\n    return <IconPlus size={iconSize} color=\"inherit\" />;\n};\n\nexport const AttachButton = forwardRef<HTMLButtonElement, AttachButtonProps>((props, ref) => {\n    if (props.buttonType === 'iconButton') {\n        const { size, icon, ...rest } = props;\n\n        return (\n            <StyledIconButton ref={ref} {...rest}>\n                {icon || getDefaultIcon(size)}\n            </StyledIconButton>\n        );\n    }\n\n    const { text = 'Загрузить файл', ...rest } = props;\n    return <StyledButton ref={ref} text={text} {...rest} />;\n});\n"],"names":["getDefaultIcon","size","iconSize","React","createElement","IconPlus","color","AttachButton","forwardRef","props","ref","buttonType","icon","rest","_objectWithoutProperties","_excluded","StyledIconButton","_extends","_props$text","text","_excluded2","StyledButton"],"mappings":";;;;;;;;AAOA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAa,EAAK;AACtC,EAAA,IAAIC,QAA0B,CAAA;AAC9B,EAAA,QAAQD,IAAI;AACR,IAAA,KAAK,IAAI;AACLC,MAAAA,QAAQ,GAAG,IAAI,CAAA;AACf,MAAA,MAAA;AACJ,IAAA,KAAK,GAAG;AACJA,MAAAA,QAAQ,GAAG,GAAG,CAAA;AACd,MAAA,MAAA;AACJ,IAAA;AACIA,MAAAA,QAAQ,GAAG,GAAG,CAAA;AACtB,GAAA;AACA,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAA;AAACJ,IAAAA,IAAI,EAAEC,QAAS;AAACI,IAAAA,KAAK,EAAC,SAAA;AAAS,GAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAEM,IAAMC,YAAY,gBAAGC,UAAU,CAAuC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACzF,EAAA,IAAID,KAAK,CAACE,UAAU,KAAK,YAAY,EAAE;AACnC,IAAA,IAAQV,IAAI,GAAoBQ,KAAK,CAA7BR,IAAI;MAAEW,IAAI,GAAcH,KAAK,CAAvBG,IAAI;AAAKC,MAAAA,KAAI,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA,CAAA,CAAA;AAErC,IAAA,oBACIZ,KAAA,CAAAC,aAAA,CAACY,gBAAgB,EAAAC,QAAA,CAAA;AAACP,MAAAA,GAAG,EAAEA,GAAAA;KAASG,EAAAA,KAAI,GAC/BD,IAAI,IAAIZ,cAAc,CAACC,IAAI,CACd,CAAC,CAAA;AAE3B,GAAA;AAEA,EAAA,IAAAiB,WAAA,GAA6CT,KAAK,CAA1CU,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,gBAAgB,GAAAA,WAAA;AAAKL,IAAAA,IAAI,GAAAC,wBAAA,CAAKL,KAAK,EAAAW,UAAA,CAAA,CAAA;AAClD,EAAA,oBAAOjB,KAAA,CAAAC,aAAA,CAACiB,YAAY,EAAAJ,QAAA,CAAA;AAACP,IAAAA,GAAG,EAAEA,GAAI;AAACS,IAAAA,IAAI,EAAEA,IAAAA;GAAUN,EAAAA,IAAI,CAAG,CAAC,CAAA;AAC3D,CAAC;;;;"}

package/es/components/Attach/ui/Button/Button.styles.js

@@ -1,6 +1,5 @@
 import './Button.styles_bj69th.css';
 import { styled } from '@linaria/react';
-import '@linaria/core';
 import { component, mergeConfig } from '../../../../engines/common.js';
 import { buttonConfig } from '../../../Button/Button.js';
 

package/es/components/Attach/ui/Button/Button.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.js","sources":["../../../../../src/components/Attach/ui/Button/Button.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { buttonConfig, buttonTokens } from '../../../Button';\nimport { tokens as attachTokens } from '../../Attach.tokens';\n\nconst mergedConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedConfig);\n\nexport const StyledButton = styled(Button)`\n    ${buttonTokens.buttonColor}: var(${attachTokens.buttonColor});\n    ${buttonTokens.buttonValueColor}: var(${attachTokens.buttonValueColor});\n    ${buttonTokens.buttonBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n    ${buttonTokens.buttonColorHover}: var(${attachTokens.buttonColorHover});\n    ${buttonTokens.buttonBackgroundColorHover}: var(${attachTokens.buttonBackgroundColorHover});\n    ${buttonTokens.buttonColorActive}: var(${attachTokens.buttonColorActive});\n    ${buttonTokens.buttonBackgroundColorActive}: var(${attachTokens.buttonBackgroundColorActive});\n    ${buttonTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonLoadingBackgroundColor});\n\n    ${buttonTokens.buttonScaleHover}: var(${attachTokens.buttonScaleHover});\n    ${buttonTokens.buttonScaleActive}: var(${attachTokens.buttonScaleActive});\n    ${buttonTokens.buttonHeight}: var(${attachTokens.buttonHeight});\n    ${buttonTokens.buttonWidth}: var(${attachTokens.buttonWidth});\n    ${buttonTokens.buttonPadding}: var(${attachTokens.buttonPadding});\n    ${buttonTokens.buttonRadius}: var(${attachTokens.buttonRadius});\n    ${buttonTokens.buttonRadiusCircle}: var(${attachTokens.buttonRadiusCircle});\n\n    ${buttonTokens.buttonFontFamily}: var(${attachTokens.buttonFontFamily});\n    ${buttonTokens.buttonFontSize}: var(${attachTokens.buttonFontSize});\n    ${buttonTokens.buttonFontStyle}: var(${attachTokens.buttonFontStyle});\n    ${buttonTokens.buttonFontWeight}: var(${attachTokens.buttonFontWeight});\n    ${buttonTokens.buttonLetterSpacing}: var(${attachTokens.buttonLetterSpacing});\n    ${buttonTokens.buttonLineHeight}: var(${attachTokens.buttonLineHeight});\n\n    ${buttonTokens.buttonLeftContentMargin}: var(${attachTokens.buttonLeftContentMargin});\n    ${buttonTokens.buttonLeftContentAlignSelf}: var(${attachTokens.buttonLeftContentAlignSelf});\n    ${buttonTokens.buttonRightContentMargin}: var(${attachTokens.buttonRightContentMargin});\n    ${buttonTokens.buttonRightContentAlignSelf}: var(${attachTokens.buttonRightContentAlignSelf});\n    ${buttonTokens.buttonValueMargin}: var(${attachTokens.buttonValueMargin});\n\n    ${buttonTokens.buttonDisabledOpacity}: var(${attachTokens.buttonDisabledOpacity});\n    ${buttonTokens.buttonFocusColor}: var(${attachTokens.buttonFocusColor});\n\n    ${buttonTokens.buttonSpinnerColor}: var(${attachTokens.buttonSpinnerColor});\n    ${buttonTokens.buttonSpinnerSize}: var(${attachTokens.buttonSpinnerSize});\n`;\n"],"names":["mergedConfig","mergeConfig","buttonConfig","Button","component","_exp","StyledButton","styled","name","class","propsAsIs"],"mappings":";;;;;AAMA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AAC9C,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GANrBA,SAMqBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,MAAM,CAAA;AAAA,CAAA,CAAA;AAAlC,IAAMG,YAAY,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAoCjC;;;;"}
+{"version":3,"file":"Button.styles.js","sources":["../../../../../src/components/Attach/ui/Button/Button.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { buttonConfig, buttonTokens } from '../../../Button';\nimport { tokens as attachTokens } from '../../Attach.tokens';\n\nconst mergedConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedConfig);\n\nexport const StyledButton = styled(Button)`\n    ${buttonTokens.buttonColor}: var(${attachTokens.buttonColor});\n    ${buttonTokens.buttonValueColor}: var(${attachTokens.buttonValueColor});\n    ${buttonTokens.buttonBackgroundColor}: var(${attachTokens.buttonBackgroundColor});\n    ${buttonTokens.buttonColorHover}: var(${attachTokens.buttonColorHover});\n    ${buttonTokens.buttonBackgroundColorHover}: var(${attachTokens.buttonBackgroundColorHover});\n    ${buttonTokens.buttonColorActive}: var(${attachTokens.buttonColorActive});\n    ${buttonTokens.buttonBackgroundColorActive}: var(${attachTokens.buttonBackgroundColorActive});\n    ${buttonTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonLoadingBackgroundColor});\n\n    ${buttonTokens.buttonScaleHover}: var(${attachTokens.buttonScaleHover});\n    ${buttonTokens.buttonScaleActive}: var(${attachTokens.buttonScaleActive});\n    ${buttonTokens.buttonHeight}: var(${attachTokens.buttonHeight});\n    ${buttonTokens.buttonWidth}: var(${attachTokens.buttonWidth});\n    ${buttonTokens.buttonPadding}: var(${attachTokens.buttonPadding});\n    ${buttonTokens.buttonRadius}: var(${attachTokens.buttonRadius});\n    ${buttonTokens.buttonRadiusCircle}: var(${attachTokens.buttonRadiusCircle});\n\n    ${buttonTokens.buttonFontFamily}: var(${attachTokens.buttonFontFamily});\n    ${buttonTokens.buttonFontSize}: var(${attachTokens.buttonFontSize});\n    ${buttonTokens.buttonFontStyle}: var(${attachTokens.buttonFontStyle});\n    ${buttonTokens.buttonFontWeight}: var(${attachTokens.buttonFontWeight});\n    ${buttonTokens.buttonLetterSpacing}: var(${attachTokens.buttonLetterSpacing});\n    ${buttonTokens.buttonLineHeight}: var(${attachTokens.buttonLineHeight});\n\n    ${buttonTokens.buttonLeftContentMargin}: var(${attachTokens.buttonLeftContentMargin});\n    ${buttonTokens.buttonLeftContentAlignSelf}: var(${attachTokens.buttonLeftContentAlignSelf});\n    ${buttonTokens.buttonRightContentMargin}: var(${attachTokens.buttonRightContentMargin});\n    ${buttonTokens.buttonRightContentAlignSelf}: var(${attachTokens.buttonRightContentAlignSelf});\n    ${buttonTokens.buttonValueMargin}: var(${attachTokens.buttonValueMargin});\n\n    ${buttonTokens.buttonDisabledOpacity}: var(${attachTokens.buttonDisabledOpacity});\n    ${buttonTokens.buttonFocusColor}: var(${attachTokens.buttonFocusColor});\n\n    ${buttonTokens.buttonSpinnerColor}: var(${attachTokens.buttonSpinnerColor});\n    ${buttonTokens.buttonSpinnerSize}: var(${attachTokens.buttonSpinnerSize});\n`;\n"],"names":["mergedConfig","mergeConfig","buttonConfig","Button","component","_exp","StyledButton","styled","name","class","propsAsIs"],"mappings":";;;;AAMA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AAC9C,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GANrBA,SAMqBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,MAAM,CAAA;AAAA,CAAA,CAAA;AAAlC,IAAMG,YAAY,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAoCjC;;;;"}

package/es/components/Attach/ui/Cell/Cell.styles.js

@@ -1,8 +1,6 @@
 import './Cell.styles_69w962.css';
 import { styled } from '@linaria/react';
-import '@linaria/core';
 import { component, mergeConfig } from '../../../../engines/common.js';
-import 'react';
 import { cellConfig } from '../../../Cell/Cell.js';
 
 var mergedConfig = /*#__PURE__*/mergeConfig(cellConfig);

package/es/components/Attach/ui/Cell/Cell.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.styles.js","sources":["../../../../../src/components/Attach/ui/Cell/Cell.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { cellConfig, cellTokens } from '../../../Cell';\nimport { tokens as attachTokens, classes } from '../../Attach.tokens';\n\nconst mergedConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedConfig);\n\nexport const StyledCell = styled(Cell)`\n    ${cellTokens.cellLabelColor}: var(${attachTokens.cellLabelColor});\n    ${cellTokens.cellTitleColor}: var(${attachTokens.cellTitleColor});\n    ${cellTokens.cellSubtitleColor}: var(${attachTokens.cellSubtitleColor});\n    ${cellTokens.cellBackgroundColor}: var(${attachTokens.cellBackgroundColor});\n\n    ${cellTokens.cellWidth}: var(${attachTokens.cellWidth});\n    ${cellTokens.cellPadding}: var(${attachTokens.cellPadding});\n    ${cellTokens.cellPaddingLeftContent}: var(${attachTokens.cellPaddingLeftContent});\n    ${cellTokens.cellPaddingContent}: var(${attachTokens.cellPaddingContent});\n    ${cellTokens.cellPaddingRightContent}: var(${attachTokens.cellPaddingRightContent});\n\n    ${cellTokens.cellTextboxGap}: var(${attachTokens.cellTextboxGap});\n    ${cellTokens.cellGap}: var(${attachTokens.cellGap});\n\n    ${cellTokens.cellLabelFontFamily}: var(${attachTokens.cellLabelFontFamily});\n    ${cellTokens.cellLabelFontSize}: var(${attachTokens.cellLabelFontSize});\n    ${cellTokens.cellLabelFontStyle}: var(${attachTokens.cellLabelFontStyle});\n    ${cellTokens.cellLabelFontWeight}: var(${attachTokens.cellLabelFontWeight});\n    ${cellTokens.cellLabelLetterSpacing}: var(${attachTokens.cellLabelLetterSpacing});\n    ${cellTokens.cellLabelLineHeight}: var(${attachTokens.cellLabelLineHeight});\n\n    ${cellTokens.cellTitleFontFamily}: var(${attachTokens.cellTitleFontFamily});\n    ${cellTokens.cellTitleFontSize}: var(${attachTokens.cellTitleFontSize});\n    ${cellTokens.cellTitleFontStyle}: var(${attachTokens.cellTitleFontStyle});\n    ${cellTokens.cellTitleFontWeight}: var(${attachTokens.cellTitleFontWeight});\n    ${cellTokens.cellTitleLetterSpacing}: var(${attachTokens.cellTitleLetterSpacing});\n    ${cellTokens.cellTitleLineHeight}: var(${attachTokens.cellTitleLineHeight});\n\n    ${cellTokens.cellSubtitleFontFamily}: var(${attachTokens.cellSubtitleFontFamily});\n    ${cellTokens.cellSubtitleFontSize}: var(${attachTokens.cellSubtitleFontSize});\n    ${cellTokens.cellSubtitleFontStyle}: var(${attachTokens.cellSubtitleFontStyle});\n    ${cellTokens.cellSubtitleFontWeight}: var(${attachTokens.cellSubtitleFontWeight});\n    ${cellTokens.cellSubtitleLetterSpacing}: var(${attachTokens.cellSubtitleLetterSpacing});\n    ${cellTokens.cellSubtitleLineHeight}: var(${attachTokens.cellSubtitleLineHeight});\n\n    white-space: nowrap;\n\n    &.${classes.cellHidden} {\n        visibility: hidden;\n    }\n`;\n"],"names":["mergedConfig","mergeConfig","cellConfig","Cell","component","_exp","StyledCell","styled","name","class","propsAsIs"],"mappings":";;;;;;AAMA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GANnBA,SAMmBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAyC/B;;;;"}
+{"version":3,"file":"Cell.styles.js","sources":["../../../../../src/components/Attach/ui/Cell/Cell.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { cellConfig, cellTokens } from '../../../Cell';\nimport { tokens as attachTokens, classes } from '../../Attach.tokens';\n\nconst mergedConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedConfig);\n\nexport const StyledCell = styled(Cell)`\n    ${cellTokens.cellLabelColor}: var(${attachTokens.cellLabelColor});\n    ${cellTokens.cellTitleColor}: var(${attachTokens.cellTitleColor});\n    ${cellTokens.cellSubtitleColor}: var(${attachTokens.cellSubtitleColor});\n    ${cellTokens.cellBackgroundColor}: var(${attachTokens.cellBackgroundColor});\n\n    ${cellTokens.cellWidth}: var(${attachTokens.cellWidth});\n    ${cellTokens.cellPadding}: var(${attachTokens.cellPadding});\n    ${cellTokens.cellPaddingLeftContent}: var(${attachTokens.cellPaddingLeftContent});\n    ${cellTokens.cellPaddingContent}: var(${attachTokens.cellPaddingContent});\n    ${cellTokens.cellPaddingRightContent}: var(${attachTokens.cellPaddingRightContent});\n\n    ${cellTokens.cellTextboxGap}: var(${attachTokens.cellTextboxGap});\n    ${cellTokens.cellGap}: var(${attachTokens.cellGap});\n\n    ${cellTokens.cellLabelFontFamily}: var(${attachTokens.cellLabelFontFamily});\n    ${cellTokens.cellLabelFontSize}: var(${attachTokens.cellLabelFontSize});\n    ${cellTokens.cellLabelFontStyle}: var(${attachTokens.cellLabelFontStyle});\n    ${cellTokens.cellLabelFontWeight}: var(${attachTokens.cellLabelFontWeight});\n    ${cellTokens.cellLabelLetterSpacing}: var(${attachTokens.cellLabelLetterSpacing});\n    ${cellTokens.cellLabelLineHeight}: var(${attachTokens.cellLabelLineHeight});\n\n    ${cellTokens.cellTitleFontFamily}: var(${attachTokens.cellTitleFontFamily});\n    ${cellTokens.cellTitleFontSize}: var(${attachTokens.cellTitleFontSize});\n    ${cellTokens.cellTitleFontStyle}: var(${attachTokens.cellTitleFontStyle});\n    ${cellTokens.cellTitleFontWeight}: var(${attachTokens.cellTitleFontWeight});\n    ${cellTokens.cellTitleLetterSpacing}: var(${attachTokens.cellTitleLetterSpacing});\n    ${cellTokens.cellTitleLineHeight}: var(${attachTokens.cellTitleLineHeight});\n\n    ${cellTokens.cellSubtitleFontFamily}: var(${attachTokens.cellSubtitleFontFamily});\n    ${cellTokens.cellSubtitleFontSize}: var(${attachTokens.cellSubtitleFontSize});\n    ${cellTokens.cellSubtitleFontStyle}: var(${attachTokens.cellSubtitleFontStyle});\n    ${cellTokens.cellSubtitleFontWeight}: var(${attachTokens.cellSubtitleFontWeight});\n    ${cellTokens.cellSubtitleLetterSpacing}: var(${attachTokens.cellSubtitleLetterSpacing});\n    ${cellTokens.cellSubtitleLineHeight}: var(${attachTokens.cellSubtitleLineHeight});\n\n    white-space: nowrap;\n\n    &.${classes.cellHidden} {\n        visibility: hidden;\n    }\n`;\n"],"names":["mergedConfig","mergeConfig","cellConfig","Cell","component","_exp","StyledCell","styled","name","class","propsAsIs"],"mappings":";;;;AAMA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GANnBA,SAMmBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAyC/B;;;;"}

package/es/components/Attach/ui/IconButton/IconButton.styles.js

@@ -1,6 +1,5 @@
 import './IconButton.styles_1q2jfs2.css';
 import { styled } from '@linaria/react';
-import '@linaria/core';
 import { component, mergeConfig } from '../../../../engines/common.js';
 import { iconButtonConfig } from '../../../IconButton/IconButton.js';
 

package/es/components/Attach/ui/IconButton/IconButton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.styles.js","sources":["../../../../../src/components/Attach/ui/IconButton/IconButton.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { iconButtonConfig, iconButtonTokens } from '../../../IconButton';\nimport { tokens as attachTokens } from '../../Attach.tokens';\n\nconst mergedConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedConfig);\n\nexport const StyledIconButton = styled(IconButton)`\n    ${iconButtonTokens.iconButtonColor}: var(${attachTokens.iconButtonColor});\n    ${iconButtonTokens.iconButtonBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n    ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonLoadingBackgroundColor});\n    ${iconButtonTokens.iconButtonColorHover}: var(${attachTokens.iconButtonColorHover});\n    ${iconButtonTokens.iconButtonBackgroundColorHover}: var(${attachTokens.iconButtonBackgroundColorHover});\n    ${iconButtonTokens.iconButtonColorActive}: var(${attachTokens.iconButtonColorActive});\n    ${iconButtonTokens.iconButtonBackgroundColorActive}: var(${attachTokens.iconButtonBackgroundColorActive});\n\n    ${iconButtonTokens.iconButtonScaleHover}: var(${attachTokens.iconButtonScaleHover});\n    ${iconButtonTokens.iconButtonScaleActive}: var(${attachTokens.iconButtonScaleActive});\n    ${iconButtonTokens.iconButtonHeight}: var(${attachTokens.iconButtonHeight});\n    ${iconButtonTokens.iconButtonWidth}: var(${attachTokens.iconButtonWidth});\n    ${iconButtonTokens.iconButtonPadding}: var(${attachTokens.iconButtonPadding});\n    ${iconButtonTokens.iconButtonRadius}: var(${attachTokens.iconButtonRadius});\n    ${iconButtonTokens.iconButtonRadiusCircle}: var(${attachTokens.iconButtonRadiusCircle});\n\n    ${iconButtonTokens.iconButtonFontFamily}: var(${attachTokens.iconButtonFontFamily});\n    ${iconButtonTokens.iconButtonFontSize}: var(${attachTokens.iconButtonFontSize});\n    ${iconButtonTokens.iconButtonFontStyle}: var(${attachTokens.iconButtonFontStyle});\n    ${iconButtonTokens.iconButtonFontWeight}: var(${attachTokens.iconButtonFontWeight});\n    ${iconButtonTokens.iconButtonLetterSpacing}: var(${attachTokens.iconButtonLetterSpacing});\n    ${iconButtonTokens.iconButtonLineHeight}: var(${attachTokens.iconButtonLineHeight});\n\n    ${iconButtonTokens.iconButtonDisabledOpacity}: var(${attachTokens.iconButtonDisabledOpacity});\n    ${iconButtonTokens.iconButtonFocusColor}: var(${attachTokens.iconButtonFocusColor});\n    ${iconButtonTokens.iconButtonSpinnerColor}: var(${attachTokens.iconButtonSpinnerColor});\n    ${iconButtonTokens.iconButtonSpinnerSize}: var(${attachTokens.iconButtonSpinnerSize});\n\n    flex-shrink: 0;\n`;\n\nexport const StyledIconButtonCancel = styled(IconButton)`\n    ${iconButtonTokens.iconButtonColor}: var(${attachTokens.iconButtonCancelColor});\n    ${iconButtonTokens.iconButtonBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n    ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelLoadingBackgroundColor});\n    ${iconButtonTokens.iconButtonColorHover}: var(${attachTokens.iconButtonCancelColorHover});\n    ${iconButtonTokens.iconButtonBackgroundColorHover}: var(${attachTokens.iconButtonCancelBackgroundColorHover});\n    ${iconButtonTokens.iconButtonColorActive}: var(${attachTokens.iconButtonCancelColorActive});\n    ${iconButtonTokens.iconButtonBackgroundColorActive}: var(${attachTokens.iconButtonCancelBackgroundColorActive});\n\n    ${iconButtonTokens.iconButtonScaleHover}: var(${attachTokens.iconButtonCancelScaleHover});\n    ${iconButtonTokens.iconButtonScaleActive}: var(${attachTokens.iconButtonCancelScaleActive});\n    ${iconButtonTokens.iconButtonHeight}: var(${attachTokens.iconButtonCancelHeight});\n    ${iconButtonTokens.iconButtonWidth}: var(${attachTokens.iconButtonCancelWidth});\n    ${iconButtonTokens.iconButtonPadding}: var(${attachTokens.iconButtonCancelPadding});\n    ${iconButtonTokens.iconButtonRadius}: var(${attachTokens.iconButtonCancelRadius});\n    ${iconButtonTokens.iconButtonRadiusCircle}: var(${attachTokens.iconButtonCancelRadiusCircle});\n\n    ${iconButtonTokens.iconButtonFontFamily}: var(${attachTokens.iconButtonCancelFontFamily});\n    ${iconButtonTokens.iconButtonFontSize}: var(${attachTokens.iconButtonCancelFontSize});\n    ${iconButtonTokens.iconButtonFontStyle}: var(${attachTokens.iconButtonCancelFontStyle});\n    ${iconButtonTokens.iconButtonFontWeight}: var(${attachTokens.iconButtonCancelFontWeight});\n    ${iconButtonTokens.iconButtonLetterSpacing}: var(${attachTokens.iconButtonCancelLetterSpacing});\n    ${iconButtonTokens.iconButtonLineHeight}: var(${attachTokens.iconButtonCancelLineHeight});\n\n    ${iconButtonTokens.iconButtonDisabledOpacity}: var(${attachTokens.iconButtonCancelDisabledOpacity});\n    ${iconButtonTokens.iconButtonFocusColor}: var(${attachTokens.iconButtonCancelFocusColor});\n    ${iconButtonTokens.iconButtonSpinnerColor}: var(${attachTokens.iconButtonCancelSpinnerColor});\n    ${iconButtonTokens.iconButtonSpinnerSize}: var(${attachTokens.iconButtonCancelSpinnerSize});\n`;\n"],"names":["mergedConfig","mergeConfig","iconButtonConfig","IconButton","component","_exp","StyledIconButton","styled","name","class","propsAsIs","_exp50","StyledIconButtonCancel"],"mappings":";;;;;AAMA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,gBAAgB,CAAC,CAAA;AAClD,IAAMC,UAAU,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GANzBA,SAMyBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,UAAU,CAAA;AAAA,CAAA,CAAA;AAA1C,IAAMG,gBAAgB,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA8BrC,EAAA;AAAC,IAAAC,MAAA,GAtCgBA,SAsChBA,MAAAA,GAAA;AAAA,EAAA,OAE2CR,UAAU,CAAA;AAAA,CAAA,CAAA;AAAhD,IAAMS,sBAAsB,gBAAGL,MAAM,CAAAI,MAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA4B3C;;;;"}
+{"version":3,"file":"IconButton.styles.js","sources":["../../../../../src/components/Attach/ui/IconButton/IconButton.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { iconButtonConfig, iconButtonTokens } from '../../../IconButton';\nimport { tokens as attachTokens } from '../../Attach.tokens';\n\nconst mergedConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedConfig);\n\nexport const StyledIconButton = styled(IconButton)`\n    ${iconButtonTokens.iconButtonColor}: var(${attachTokens.iconButtonColor});\n    ${iconButtonTokens.iconButtonBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n    ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonLoadingBackgroundColor});\n    ${iconButtonTokens.iconButtonColorHover}: var(${attachTokens.iconButtonColorHover});\n    ${iconButtonTokens.iconButtonBackgroundColorHover}: var(${attachTokens.iconButtonBackgroundColorHover});\n    ${iconButtonTokens.iconButtonColorActive}: var(${attachTokens.iconButtonColorActive});\n    ${iconButtonTokens.iconButtonBackgroundColorActive}: var(${attachTokens.iconButtonBackgroundColorActive});\n\n    ${iconButtonTokens.iconButtonScaleHover}: var(${attachTokens.iconButtonScaleHover});\n    ${iconButtonTokens.iconButtonScaleActive}: var(${attachTokens.iconButtonScaleActive});\n    ${iconButtonTokens.iconButtonHeight}: var(${attachTokens.iconButtonHeight});\n    ${iconButtonTokens.iconButtonWidth}: var(${attachTokens.iconButtonWidth});\n    ${iconButtonTokens.iconButtonPadding}: var(${attachTokens.iconButtonPadding});\n    ${iconButtonTokens.iconButtonRadius}: var(${attachTokens.iconButtonRadius});\n    ${iconButtonTokens.iconButtonRadiusCircle}: var(${attachTokens.iconButtonRadiusCircle});\n\n    ${iconButtonTokens.iconButtonFontFamily}: var(${attachTokens.iconButtonFontFamily});\n    ${iconButtonTokens.iconButtonFontSize}: var(${attachTokens.iconButtonFontSize});\n    ${iconButtonTokens.iconButtonFontStyle}: var(${attachTokens.iconButtonFontStyle});\n    ${iconButtonTokens.iconButtonFontWeight}: var(${attachTokens.iconButtonFontWeight});\n    ${iconButtonTokens.iconButtonLetterSpacing}: var(${attachTokens.iconButtonLetterSpacing});\n    ${iconButtonTokens.iconButtonLineHeight}: var(${attachTokens.iconButtonLineHeight});\n\n    ${iconButtonTokens.iconButtonDisabledOpacity}: var(${attachTokens.iconButtonDisabledOpacity});\n    ${iconButtonTokens.iconButtonFocusColor}: var(${attachTokens.iconButtonFocusColor});\n    ${iconButtonTokens.iconButtonSpinnerColor}: var(${attachTokens.iconButtonSpinnerColor});\n    ${iconButtonTokens.iconButtonSpinnerSize}: var(${attachTokens.iconButtonSpinnerSize});\n\n    flex-shrink: 0;\n`;\n\nexport const StyledIconButtonCancel = styled(IconButton)`\n    ${iconButtonTokens.iconButtonColor}: var(${attachTokens.iconButtonCancelColor});\n    ${iconButtonTokens.iconButtonBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n    ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelLoadingBackgroundColor});\n    ${iconButtonTokens.iconButtonColorHover}: var(${attachTokens.iconButtonCancelColorHover});\n    ${iconButtonTokens.iconButtonBackgroundColorHover}: var(${attachTokens.iconButtonCancelBackgroundColorHover});\n    ${iconButtonTokens.iconButtonColorActive}: var(${attachTokens.iconButtonCancelColorActive});\n    ${iconButtonTokens.iconButtonBackgroundColorActive}: var(${attachTokens.iconButtonCancelBackgroundColorActive});\n\n    ${iconButtonTokens.iconButtonScaleHover}: var(${attachTokens.iconButtonCancelScaleHover});\n    ${iconButtonTokens.iconButtonScaleActive}: var(${attachTokens.iconButtonCancelScaleActive});\n    ${iconButtonTokens.iconButtonHeight}: var(${attachTokens.iconButtonCancelHeight});\n    ${iconButtonTokens.iconButtonWidth}: var(${attachTokens.iconButtonCancelWidth});\n    ${iconButtonTokens.iconButtonPadding}: var(${attachTokens.iconButtonCancelPadding});\n    ${iconButtonTokens.iconButtonRadius}: var(${attachTokens.iconButtonCancelRadius});\n    ${iconButtonTokens.iconButtonRadiusCircle}: var(${attachTokens.iconButtonCancelRadiusCircle});\n\n    ${iconButtonTokens.iconButtonFontFamily}: var(${attachTokens.iconButtonCancelFontFamily});\n    ${iconButtonTokens.iconButtonFontSize}: var(${attachTokens.iconButtonCancelFontSize});\n    ${iconButtonTokens.iconButtonFontStyle}: var(${attachTokens.iconButtonCancelFontStyle});\n    ${iconButtonTokens.iconButtonFontWeight}: var(${attachTokens.iconButtonCancelFontWeight});\n    ${iconButtonTokens.iconButtonLetterSpacing}: var(${attachTokens.iconButtonCancelLetterSpacing});\n    ${iconButtonTokens.iconButtonLineHeight}: var(${attachTokens.iconButtonCancelLineHeight});\n\n    ${iconButtonTokens.iconButtonDisabledOpacity}: var(${attachTokens.iconButtonCancelDisabledOpacity});\n    ${iconButtonTokens.iconButtonFocusColor}: var(${attachTokens.iconButtonCancelFocusColor});\n    ${iconButtonTokens.iconButtonSpinnerColor}: var(${attachTokens.iconButtonCancelSpinnerColor});\n    ${iconButtonTokens.iconButtonSpinnerSize}: var(${attachTokens.iconButtonCancelSpinnerSize});\n`;\n"],"names":["mergedConfig","mergeConfig","iconButtonConfig","IconButton","component","_exp","StyledIconButton","styled","name","class","propsAsIs","_exp50","StyledIconButtonCancel"],"mappings":";;;;AAMA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,gBAAgB,CAAC,CAAA;AAClD,IAAMC,UAAU,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GANzBA,SAMyBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,UAAU,CAAA;AAAA,CAAA,CAAA;AAA1C,IAAMG,gBAAgB,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA8BrC,EAAA;AAAC,IAAAC,MAAA,GAtCgBA,SAsChBA,MAAAA,GAAA;AAAA,EAAA,OAE2CR,UAAU,CAAA;AAAA,CAAA,CAAA;AAAhD,IAAMS,sBAAsB,gBAAGL,MAAM,CAAAI,MAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA4B3C;;;;"}

package/es/components/Attach/utils/getFileicon.js

@@ -1,11 +1,10 @@
 import React from 'react';
-import '@linaria/react';
-import { IconBlankCsvOutline } from '../../_Icon/Icons/IconBlankCsvOutline.js';
-import { IconBlankDocOutline } from '../../_Icon/Icons/IconBlankDocOutline.js';
 import { IconBlankOutline } from '../../_Icon/Icons/IconBlankOutline.js';
-import { IconBlankPdfOutline } from '../../_Icon/Icons/IconBlankPdfOutline.js';
+import { IconBlankCsvOutline } from '../../_Icon/Icons/IconBlankCsvOutline.js';
 import { IconBlankTxtOutline } from '../../_Icon/Icons/IconBlankTxtOutline.js';
 import { IconBlankXlsOutline } from '../../_Icon/Icons/IconBlankXlsOutline.js';
+import { IconBlankDocOutline } from '../../_Icon/Icons/IconBlankDocOutline.js';
+import { IconBlankPdfOutline } from '../../_Icon/Icons/IconBlankPdfOutline.js';
 
 var getFileicon = function getFileicon(extension, size) {
   var iconSize = size === 'xs' ? 'xs' : 's';

package/es/components/Attach/utils/getFileicon.js.map

@@ -1 +1 @@
-{"version":3,"file":"getFileicon.js","sources":["../../../../src/components/Attach/utils/getFileicon.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n    IconBlankCsvOutline,\n    IconBlankDocOutline,\n    IconBlankOutline,\n    IconBlankPdfOutline,\n    IconBlankTxtOutline,\n    IconBlankXlsOutline,\n} from '../../_Icon';\n\nexport const getFileicon = (extension?: string, size?: string) => {\n    const iconSize = size === 'xs' ? 'xs' : 's';\n\n    switch (extension) {\n        case 'pdf':\n            return <IconBlankPdfOutline size={iconSize} color=\"inherit\" />;\n        case 'doc':\n            return <IconBlankDocOutline size={iconSize} color=\"inherit\" />;\n        case 'xls':\n            return <IconBlankXlsOutline size={iconSize} color=\"inherit\" />;\n        case 'txt':\n            return <IconBlankTxtOutline size={iconSize} color=\"inherit\" />;\n        case 'csv':\n            return <IconBlankCsvOutline size={iconSize} color=\"inherit\" />;\n        default:\n            return <IconBlankOutline size={iconSize} color=\"inherit\" />;\n    }\n};\n"],"names":["getFileicon","extension","size","iconSize","React","createElement","IconBlankPdfOutline","color","IconBlankDocOutline","IconBlankXlsOutline","IconBlankTxtOutline","IconBlankCsvOutline","IconBlankOutline"],"mappings":";;;;;;;;;AAWO,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,SAAkB,EAAEC,IAAa,EAAK;EAC9D,IAAMC,QAAQ,GAAGD,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG,CAAA;AAE3C,EAAA,QAAQD,SAAS;AACb,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACC,mBAAmB,EAAA;AAACJ,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACG,mBAAmB,EAAA;AAACN,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACI,mBAAmB,EAAA;AAACP,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACK,mBAAmB,EAAA;AAACR,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACM,mBAAmB,EAAA;AAACT,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA;AACI,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACO,gBAAgB,EAAA;AAACV,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AACnE,GAAA;AACJ;;;;"}
+{"version":3,"file":"getFileicon.js","sources":["../../../../src/components/Attach/utils/getFileicon.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n    IconBlankCsvOutline,\n    IconBlankDocOutline,\n    IconBlankOutline,\n    IconBlankPdfOutline,\n    IconBlankTxtOutline,\n    IconBlankXlsOutline,\n} from '../../_Icon';\n\nexport const getFileicon = (extension?: string, size?: string) => {\n    const iconSize = size === 'xs' ? 'xs' : 's';\n\n    switch (extension) {\n        case 'pdf':\n            return <IconBlankPdfOutline size={iconSize} color=\"inherit\" />;\n        case 'doc':\n            return <IconBlankDocOutline size={iconSize} color=\"inherit\" />;\n        case 'xls':\n            return <IconBlankXlsOutline size={iconSize} color=\"inherit\" />;\n        case 'txt':\n            return <IconBlankTxtOutline size={iconSize} color=\"inherit\" />;\n        case 'csv':\n            return <IconBlankCsvOutline size={iconSize} color=\"inherit\" />;\n        default:\n            return <IconBlankOutline size={iconSize} color=\"inherit\" />;\n    }\n};\n"],"names":["getFileicon","extension","size","iconSize","React","createElement","IconBlankPdfOutline","color","IconBlankDocOutline","IconBlankXlsOutline","IconBlankTxtOutline","IconBlankCsvOutline","IconBlankOutline"],"mappings":";;;;;;;;AAWO,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,SAAkB,EAAEC,IAAa,EAAK;EAC9D,IAAMC,QAAQ,GAAGD,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG,CAAA;AAE3C,EAAA,QAAQD,SAAS;AACb,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACC,mBAAmB,EAAA;AAACJ,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACG,mBAAmB,EAAA;AAACN,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACI,mBAAmB,EAAA;AAACP,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACK,mBAAmB,EAAA;AAACR,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACM,mBAAmB,EAAA;AAACT,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA;AACI,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACO,gBAAgB,EAAA;AAACV,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AACnE,GAAA;AACJ;;;;"}

package/es/components/Attach/utils/index.js

@@ -1,6 +1,3 @@
-import 'react';
-import '@linaria/react';
-
 var separator = '...';
 
 export { separator };

package/es/components/Attach/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Attach/utils/index.ts"],"sourcesContent":["export { extractExtension } from './extractExtension';\nexport { getFileicon } from './getFileicon';\nexport { addSeparator } from './addSeparator';\n\nexport const separator = '...';\n"],"names":["separator"],"mappings":";;;AAIO,IAAMA,SAAS,GAAG;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Attach/utils/index.ts"],"sourcesContent":["export { extractExtension } from './extractExtension';\nexport { getFileicon } from './getFileicon';\nexport { addSeparator } from './addSeparator';\n\nexport const separator = '...';\n"],"names":["separator"],"mappings":"AAIO,IAAMA,SAAS,GAAG;;;;"}