@salutejs/plasma-new-hope 0.146.0-dev.0 → 0.147.0-canary.1437.10886798256.0

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

@@ -0,0 +1,3 @@
+export { extractExtension } from './extractExtension';
+export { getFileicon } from './getFileicon';
+export { truncateFilename } from './truncateFilename';

package/styled-components/es/components/Attach/utils/truncateFilename.js

@@ -0,0 +1,9 @@
+export var truncateFilename = function truncateFilename(filename, startTruncationIndex) {
+  var separator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '...';
+  var strings = filename.split('.');
+  var extension = strings.length > 1 ? strings[strings.length - 1] : null;
+  var left = strings.length > 1 ? strings.slice(0, -1).join('.') : strings[0];
+  var lastFilenameLetter = left[left.length - 1];
+  var truncatedFilename = "".concat(left.substring(0, startTruncationIndex)).concat(separator).concat(lastFilenameLetter);
+  return extension ? "".concat(truncatedFilename, ".").concat(extension) : truncatedFilename;
+};

package/styled-components/es/components/Attach/variations/_size/base.js

@@ -0,0 +1,3 @@
+import { css } from 'styled-components';
+import { tokens, classes } from '../../Attach.tokens';
+export var base = /*#__PURE__*/css(["&.", "{column-gap:var(", ");}&.", "{row-gap:var(", ");}&.", "{row-gap:var(", ");column-gap:var(", ");}}"], classes.horizontal, tokens.horizontalGap, classes.vertical, tokens.verticalGap, classes.auto, tokens.verticalGap, tokens.horizontalGap);

package/styled-components/es/components/Attach/variations/_view/base.js

@@ -0,0 +1,3 @@
+import { css } from 'styled-components';
+import { classes } from '../../Attach.tokens';
+export var base = /*#__PURE__*/css(["&.", "{flex-direction:row;}&.", "{flex-direction:column;}&.", "{flex-wrap:wrap;}"], classes.horizontal, classes.vertical, classes.auto);

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

@@ -22,7 +22,8 @@ export var cellRoot = function cellRoot(Root) {
       description = _ref.description,
       content = _ref.content,
       _ref$stretching = _ref.stretching,
-      stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching;
+      stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching,
+      className = _ref.className;
     var stretchingClass = classes["".concat(stretching, "Stretching")];
 
     // Импорт  старых свойств
@@ -32,7 +33,7 @@ export var cellRoot = function cellRoot(Root) {
       ref: outerRootRef,
       size: size,
       view: view,
-      className: cx(stretchingClass, classes.cellRoot)
+      className: cx(stretchingClass, classes.cellRoot, className)
     }, contentLeftDeprecated && /*#__PURE__*/React.createElement(CellLeft, {
       align: alignContentLeft
     }, contentLeftDeprecated), /*#__PURE__*/React.createElement(CellContentWrapper, null, /*#__PURE__*/React.createElement(CellContent, null, titleText || subtitle || label ? /*#__PURE__*/React.createElement(CellTextbox, {

package/styled-components/es/examples/plasma_b2c/components/Attach/Attach.config.js

@@ -0,0 +1,19 @@
+import { css } from 'styled-components';
+import { attachTokens } from '../../../../components/Attach';
+export var config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--on-dark-text-primary);", ":var(--surface-accent-hover);", ":var(--on-dark-text-primary);", ":var(--surface-accent-active);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-active);", ":var(--surface-clear);"], attachTokens.buttonColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive)
+    },
+    size: {
+      l: /*#__PURE__*/css(["", ":1.5rem;", ":0.5rem;", ":3.5rem;", ":12.5rem;", ":1.5rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight),
+      m: /*#__PURE__*/css(["", ":1.25rem;", ":0.5rem;", ":3rem;", ":11.25rem;", ":1.25rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight),
+      s: /*#__PURE__*/css(["", ":1rem;", ":0.375rem;", ":2.5rem;", ":11.25rem;", ":1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":2.5rem;", ":2.5rem;", ":1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight),
+      xs: /*#__PURE__*/css(["", ":0.75rem;", ":0.25rem;", ":2rem;", ":10rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight)
+    }
+  }
+};

package/styled-components/es/examples/plasma_b2c/components/Attach/Attach.js

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

package/styled-components/es/examples/plasma_b2c/components/Attach/Attach.stories.tsx

@@ -0,0 +1,61 @@
+import React from 'react';
+import type { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+
+import { mergeConfig } from '../../../../engines';
+import { WithTheme, argTypesFromConfig } from '../../../_helpers';
+import { attachConfig } from '../../../../components/Attach';
+
+import { Attach } from './Attach';
+import { config } from './Attach.config';
+
+const flowOptions = ['horizontal', 'vertical', 'auto'];
+const fileFormatOptions = ['all', '.doc', '.xls', '.pdf', '.csv', '.txt'];
+
+type CustomStoryProps = {
+    fileFormat?: string;
+    width?: string;
+};
+
+type StoryAttachProps = ComponentProps<typeof Attach> & CustomStoryProps;
+
+const meta: Meta<StoryAttachProps> = {
+    title: 'plasma_b2c/Attach',
+    decorators: [WithTheme],
+    component: Attach,
+    argTypes: {
+        ...argTypesFromConfig(mergeConfig(attachConfig, config)),
+        flow: {
+            options: flowOptions,
+            control: {
+                type: 'select',
+            },
+        },
+        fileFormat: {
+            options: fileFormatOptions,
+            control: {
+                type: 'select',
+            },
+        },
+    },
+};
+
+export default meta;
+
+const StoryAttach = (props: StoryAttachProps) => {
+    return <Attach {...props} />;
+};
+
+export const Default: StoryObj<StoryAttachProps> = {
+    args: {
+        fileFormat: 'all',
+        text: 'Загрузить файл',
+        flow: 'horizontal',
+        hasAttachment: true,
+        width: '400px',
+    },
+    render: ({ fileFormat, width, ...rest }) => {
+        const accepted = fileFormat && fileFormat !== 'all' ? [fileFormat] : undefined;
+        return <StoryAttach style={{ width }} acceptedFileFormats={accepted} {...rest} />;
+    },
+};

package/styled-components/es/examples/plasma_web/components/Attach/Attach.config.js

@@ -0,0 +1,19 @@
+import { css } from 'styled-components';
+import { attachTokens } from '../../../../components/Attach';
+export var config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--on-dark-text-primary);", ":var(--surface-accent-hover);", ":var(--on-dark-text-primary);", ":var(--surface-accent-active);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-active);", ":var(--surface-clear);"], attachTokens.buttonColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive)
+    },
+    size: {
+      l: /*#__PURE__*/css(["", ":1.5rem;", ":0.5rem;", ":3.5rem;", ":12.5rem;", ":1.5rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight),
+      m: /*#__PURE__*/css(["", ":1.25rem;", ":0.5rem;", ":3rem;", ":11.25rem;", ":1.25rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight),
+      s: /*#__PURE__*/css(["", ":1rem;", ":0.375rem;", ":2.5rem;", ":11.25rem;", ":1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":2.5rem;", ":2.5rem;", ":1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight),
+      xs: /*#__PURE__*/css(["", ":0.75rem;", ":0.25rem;", ":2rem;", ":10rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight)
+    }
+  }
+};

package/styled-components/es/examples/plasma_web/components/Attach/Attach.js

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

package/styled-components/es/examples/plasma_web/components/Attach/Attach.stories.tsx

@@ -0,0 +1,61 @@
+import React from 'react';
+import type { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+
+import { mergeConfig } from '../../../../engines';
+import { WithTheme, argTypesFromConfig } from '../../../_helpers';
+import { attachConfig } from '../../../../components/Attach';
+
+import { Attach } from './Attach';
+import { config } from './Attach.config';
+
+const flowOptions = ['horizontal', 'vertical', 'auto'];
+const fileFormatOptions = ['all', '.doc', '.xls', '.pdf', '.csv', '.txt'];
+
+type CustomStoryProps = {
+    fileFormat?: string;
+    width?: string;
+};
+
+type StoryAttachProps = ComponentProps<typeof Attach> & CustomStoryProps;
+
+const meta: Meta<StoryAttachProps> = {
+    title: 'plasma_web/Attach',
+    decorators: [WithTheme],
+    component: Attach,
+    argTypes: {
+        ...argTypesFromConfig(mergeConfig(attachConfig, config)),
+        flow: {
+            options: flowOptions,
+            control: {
+                type: 'select',
+            },
+        },
+        fileFormat: {
+            options: fileFormatOptions,
+            control: {
+                type: 'select',
+            },
+        },
+    },
+};
+
+export default meta;
+
+const StoryAttach = (props: StoryAttachProps) => {
+    return <Attach {...props} />;
+};
+
+export const Default: StoryObj<StoryAttachProps> = {
+    args: {
+        fileFormat: 'all',
+        text: 'Загрузить файл',
+        flow: 'horizontal',
+        hasAttachment: true,
+        width: '400px',
+    },
+    render: ({ fileFormat, width, ...rest }) => {
+        const accepted = fileFormat && fileFormat !== 'all' ? [fileFormat] : undefined;
+        return <StoryAttach style={{ width }} acceptedFileFormats={accepted} {...rest} />;
+    },
+};

package/styled-components/es/index.js

@@ -56,4 +56,5 @@ export * from './components/Portal';
 export * from './components/Price';
 export * from './components/Autocomplete';
 export * from './components/EmptyState';
-export * from './components/Editable';
+export * from './components/Editable';
+export * from './components/Attach';

package/types/components/Attach/Attach.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { RootProps } from '../../engines';
+import { AttachProps } from './Attach.types';
+export declare const attachRoot: (Root: RootProps<HTMLDivElement, AttachProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("./Attach.types").CustomAttachProps & React.RefAttributes<HTMLDivElement>>;
+export declare const attachConfig: {
+    name: string;
+    tag: string;
+    layout: (Root: RootProps<HTMLDivElement, AttachProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("./Attach.types").CustomAttachProps & React.RefAttributes<HTMLDivElement>>;
+    base: import("@linaria/core").LinariaClassName;
+    variations: {
+        view: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        size: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+    };
+    defaults: {
+        view: string;
+        size: string;
+    };
+};
+//# sourceMappingURL=Attach.d.ts.map

package/types/components/Attach/Attach.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Attach.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAIvE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAU7C,eAAO,MAAM,UAAU,SAAU,UAAU,cAAc,EAAE,WAAW,CAAC,6JAkJjE,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBApJQ,UAAU,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;CAqKtE,CAAC"}

package/types/components/Attach/Attach.styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const base: import("@linaria/core").LinariaClassName;
+export declare const StyledHiddenInput: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
+export declare const StyledHiddenInputHelper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+//# sourceMappingURL=Attach.styles.d.ts.map

package/types/components/Attach/Attach.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Attach.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAEF,eAAO,MAAM,iBAAiB,8KAE7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,qKAUnC,CAAC"}

package/types/components/Attach/Attach.tokens.d.ts

@@ -0,0 +1,73 @@
+export declare const classes: {
+    auto: string;
+    horizontal: string;
+    vertical: string;
+    cellHidden: string;
+};
+export declare const tokens: {
+    horizontalGap: string;
+    verticalGap: string;
+    buttonColor: string;
+    buttonBackgroundColor: string;
+    buttonColorHover: string;
+    buttonBackgroundColorHover: string;
+    buttonColorActive: string;
+    buttonBackgroundColorActive: string;
+    buttonHeight: string;
+    buttonWidth: string;
+    buttonPadding: string;
+    buttonRadius: string;
+    buttonFontFamily: string;
+    buttonFontSize: string;
+    buttonFontStyle: string;
+    buttonFontWeight: string;
+    buttonLetterSpacing: string;
+    buttonLineHeight: string;
+    cellColor: string;
+    cellLabelColor: string;
+    cellTitleColor: string;
+    cellSubtitleColor: string;
+    cellBackgroundColor: string;
+    cellWidth: string;
+    cellPadding: string;
+    cellPaddingLeftContent: string;
+    cellPaddingContent: string;
+    cellPaddingRightContent: string;
+    cellTextboxGap: string;
+    cellGap: string;
+    cellLabelFontFamily: string;
+    cellLabelFontSize: string;
+    cellLabelFontStyle: string;
+    cellLabelFontWeight: string;
+    cellLabelLetterSpacing: string;
+    cellLabelLineHeight: string;
+    cellTitleFontFamily: string;
+    cellTitleFontSize: string;
+    cellTitleFontStyle: string;
+    cellTitleFontWeight: string;
+    cellTitleLetterSpacing: string;
+    cellTitleLineHeight: string;
+    cellSubtitleFontFamily: string;
+    cellSubtitleFontSize: string;
+    cellSubtitleFontStyle: string;
+    cellSubtitleFontWeight: string;
+    cellSubtitleLetterSpacing: string;
+    cellSubtitleLineHeight: string;
+    iconButtonColor: string;
+    iconButtonBackgroundColor: string;
+    iconButtonColorHover: string;
+    iconButtonBackgroundColorHover: string;
+    iconButtonColorActive: string;
+    iconButtonBackgroundColorActive: string;
+    iconButtonHeight: string;
+    iconButtonWidth: string;
+    iconButtonPadding: string;
+    iconButtonRadius: string;
+    iconButtonFontFamily: string;
+    iconButtonFontSize: string;
+    iconButtonFontStyle: string;
+    iconButtonFontWeight: string;
+    iconButtonLetterSpacing: string;
+    iconButtonLineHeight: string;
+};
+//# sourceMappingURL=Attach.tokens.d.ts.map

package/types/components/Attach/Attach.tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Attach.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+ElB,CAAC"}

package/types/components/Attach/Attach.types.d.ts

@@ -0,0 +1,33 @@
+import type { HTMLAttributes } from 'react';
+export declare type CustomAttachProps = {
+    /**
+     * Массив форматов файлов, которые могут быть прикреплены (см. HTML-атрибут `accept` для `input`).
+     */
+    acceptedFileFormats?: string[];
+    /**
+     * Отображать прикрепленный файл
+     * @default true
+     */
+    hasAttachment?: boolean;
+    /**
+     * Текст внутри кнопки
+     * @default 'Загрузить файл'
+     */
+    text?: string;
+    /**
+     * Расположение элементов.
+     * По умолчанию 'auto' – автоматический перенос элемента в случае нехватки ширины контейнера.
+     * @default 'auto'
+     */
+    flow?: 'horizontal' | 'vertical' | 'auto';
+    /**
+     * Размер Attach
+     */
+    size?: string;
+    /**
+     * Вид Attach
+     */
+    view?: string;
+};
+export declare type AttachProps = HTMLAttributes<HTMLDivElement> & CustomAttachProps;
+//# sourceMappingURL=Attach.types.d.ts.map

package/types/components/Attach/Attach.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Attach.types.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,oBAAY,iBAAiB,GAAG;IAC5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IAC1C;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC"}

package/types/components/Attach/index.d.ts

@@ -0,0 +1,4 @@
+export { attachRoot, attachConfig } from './Attach';
+export type { AttachProps } from './Attach.types';
+export { tokens as attachTokens } from './Attach.tokens';
+//# sourceMappingURL=index.d.ts.map

package/types/components/Attach/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACpD,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/types/components/Attach/ui/Button/Button.d.ts

@@ -0,0 +1,2 @@
+export { StyledButton } from './Button.styles';
+//# sourceMappingURL=Button.d.ts.map

package/types/components/Attach/ui/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Attach/ui/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/types/components/Attach/ui/Button/Button.styles.d.ts

@@ -0,0 +1,45 @@
+/// <reference types="react" />
+export declare const StyledButton: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../../types").AsProps<any> & {
+    text?: string | undefined;
+    contentLeft?: import("react").ReactNode;
+    contentPlacing?: ("default" | "relaxed") | undefined;
+    isLoading?: boolean | undefined;
+    loader?: import("react").ReactNode;
+    stretch?: boolean | undefined;
+    stretching?: ("auto" | "fixed" | "filled") | undefined;
+    square?: boolean | undefined;
+    focused?: boolean | undefined;
+    disabled?: boolean | undefined;
+    pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
+    view?: string | undefined;
+    size?: string | undefined;
+    outlined?: boolean | undefined;
+    shiftLeft?: boolean | undefined;
+    shiftRight?: boolean | undefined;
+    blur?: "small" | "medium" | "large" | undefined;
+} & {
+    value?: string | number | undefined;
+    contentRight?: undefined;
+} & import("react").RefAttributes<HTMLButtonElement>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../../types").AsProps<any> & {
+    text?: string | undefined;
+    contentLeft?: import("react").ReactNode;
+    contentPlacing?: ("default" | "relaxed") | undefined;
+    isLoading?: boolean | undefined;
+    loader?: import("react").ReactNode;
+    stretch?: boolean | undefined;
+    stretching?: ("auto" | "fixed" | "filled") | undefined;
+    square?: boolean | undefined;
+    focused?: boolean | undefined;
+    disabled?: boolean | undefined;
+    pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
+    view?: string | undefined;
+    size?: string | undefined;
+    outlined?: boolean | undefined;
+    shiftLeft?: boolean | undefined;
+    shiftRight?: boolean | undefined;
+    blur?: "small" | "medium" | "large" | undefined;
+} & {
+    value?: undefined;
+    contentRight?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>))>;
+//# sourceMappingURL=Button.styles.d.ts.map

package/types/components/Attach/ui/Button/Button.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Attach/ui/Button/Button.styles.tsx"],"names":[],"mappings":";AASA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAmBxB,CAAC"}

package/types/components/Attach/ui/Cell/Cell.d.ts

@@ -0,0 +1,2 @@
+export { StyledCell } from './Cell.styles';
+//# sourceMappingURL=Cell.d.ts.map

package/types/components/Attach/ui/Cell/Cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/Attach/ui/Cell/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/types/components/Attach/ui/Cell/Cell.styles.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+export declare const StyledCell: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & (({
+    size?: string | undefined;
+    view?: string | undefined;
+    contentLeft?: import("react").ReactNode;
+    contentRight?: import("react").ReactNode;
+    alignContentLeft?: import("../../../Cell/Cell.types").AlignProp | undefined;
+    alignContentRight?: import("../../../Cell/Cell.types").AlignProp | undefined;
+    stretching?: "auto" | "fixed" | "filled" | undefined;
+    content?: import("react").ReactNode;
+    description?: string | undefined;
+} & {
+    title?: string | undefined;
+    subtitle?: string | undefined;
+    label?: string | undefined;
+    children?: undefined;
+} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+    size?: string | undefined;
+    view?: string | undefined;
+    contentLeft?: import("react").ReactNode;
+    contentRight?: import("react").ReactNode;
+    alignContentLeft?: import("../../../Cell/Cell.types").AlignProp | undefined;
+    alignContentRight?: import("../../../Cell/Cell.types").AlignProp | undefined;
+    stretching?: "auto" | "fixed" | "filled" | undefined;
+    content?: import("react").ReactNode;
+    description?: string | undefined;
+} & {
+    title?: undefined;
+    subtitle?: undefined;
+    label?: undefined;
+    children?: import("react").ReactNode;
+} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
+//# sourceMappingURL=Cell.styles.d.ts.map

package/types/components/Attach/ui/Cell/Cell.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Attach/ui/Cell/Cell.styles.tsx"],"names":[],"mappings":";AASA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qGAyCtB,CAAC"}

package/types/components/Attach/ui/iconButton/IconButton.d.ts

@@ -0,0 +1,2 @@
+export { StyledIconButton } from './IconButton.styles';
+//# sourceMappingURL=IconButton.d.ts.map

package/types/components/Attach/ui/iconButton/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Attach/ui/iconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

package/types/components/Attach/ui/iconButton/IconButton.styles.d.ts

@@ -0,0 +1,45 @@
+/// <reference types="react" />
+export declare const StyledIconButton: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../../types").AsProps<any> & {
+    text?: string | undefined;
+    contentLeft?: import("react").ReactNode;
+    contentPlacing?: ("default" | "relaxed") | undefined;
+    isLoading?: boolean | undefined;
+    loader?: import("react").ReactNode;
+    stretch?: boolean | undefined;
+    stretching?: ("auto" | "fixed" | "filled") | undefined;
+    square?: boolean | undefined;
+    focused?: boolean | undefined;
+    disabled?: boolean | undefined;
+    pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
+    view?: string | undefined;
+    size?: string | undefined;
+    outlined?: boolean | undefined;
+    shiftLeft?: boolean | undefined;
+    shiftRight?: boolean | undefined;
+    blur?: "small" | "medium" | "large" | undefined;
+} & {
+    value?: string | number | undefined;
+    contentRight?: undefined;
+} & import("react").RefAttributes<HTMLButtonElement>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../../types").AsProps<any> & {
+    text?: string | undefined;
+    contentLeft?: import("react").ReactNode;
+    contentPlacing?: ("default" | "relaxed") | undefined;
+    isLoading?: boolean | undefined;
+    loader?: import("react").ReactNode;
+    stretch?: boolean | undefined;
+    stretching?: ("auto" | "fixed" | "filled") | undefined;
+    square?: boolean | undefined;
+    focused?: boolean | undefined;
+    disabled?: boolean | undefined;
+    pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
+    view?: string | undefined;
+    size?: string | undefined;
+    outlined?: boolean | undefined;
+    shiftLeft?: boolean | undefined;
+    shiftRight?: boolean | undefined;
+    blur?: "small" | "medium" | "large" | undefined;
+} & {
+    value?: undefined;
+    contentRight?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>))>;
+//# sourceMappingURL=IconButton.styles.d.ts.map

package/types/components/Attach/ui/iconButton/IconButton.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Attach/ui/iconButton/IconButton.styles.tsx"],"names":[],"mappings":";AASA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAkB5B,CAAC"}

package/types/components/Attach/utils/extractExtension.d.ts

@@ -0,0 +1,2 @@
+export declare const extractExtension: (filename: string) => string | undefined;
+//# sourceMappingURL=extractExtension.d.ts.map