@salutejs/plasma-new-hope 0.150.0-canary.1437.10958689171.0 → 0.150.0-canary.1439.10959387755.0

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

@@ -1,177 +0,0 @@
-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 { IconMic } from '../../../../components/_Icon';
-
-import { Attach } from './Attach';
-import { config } from './Attach.config';
-
-const buttonViewOptions = [
-    'default',
-    'accent',
-    'secondary',
-    'clear',
-    'positive',
-    'warning',
-    'negative',
-    'dark',
-    'black',
-    'white',
-];
-const iconButtonViewOptions = [
-    'default',
-    'accent',
-    'secondary',
-    'clear',
-    'success',
-    'warning',
-    'critical',
-    'dark',
-    'black',
-    'white',
-];
-const flowOptions = ['horizontal', 'vertical', 'auto'];
-const fileFormatOptions = ['all', '.doc', '.xls', '.pdf', '.csv', '.txt'];
-
-type StoryAttachProps = ComponentProps<typeof Attach> & {
-    enableContentLeft: boolean;
-    enableContentRight: boolean;
-    buttonText?: string;
-    buttonValue?: string;
-    fileFormat?: string;
-    width?: string;
-};
-
-const meta: Meta<StoryAttachProps> = {
-    title: 'plasma_b2c/Attach',
-    decorators: [WithTheme],
-    component: Attach,
-    argTypes: {
-        ...argTypesFromConfig(mergeConfig(attachConfig, config)),
-        fileFormat: {
-            options: fileFormatOptions,
-            control: {
-                type: 'select',
-            },
-        },
-        flow: {
-            options: flowOptions,
-            control: {
-                type: 'select',
-            },
-        },
-    },
-};
-
-export default meta;
-
-const StoryButton = (props: StoryAttachProps) => {
-    return <Attach {...props} />;
-};
-
-export const Button: StoryObj<StoryAttachProps> = {
-    args: {
-        fileFormat: 'all',
-        flow: 'horizontal',
-        hasAttachment: true,
-        width: '400px',
-        buttonText: 'Загрузить файл',
-        buttonValue: '',
-        square: false,
-        enableContentLeft: false,
-        enableContentRight: false,
-        size: 'm',
-        view: 'accent',
-    },
-    argTypes: {
-        view: {
-            options: buttonViewOptions,
-            control: {
-                type: 'select',
-            },
-        },
-    },
-    render: (args) => {
-        const {
-            buttonText,
-            buttonValue,
-            width,
-            size,
-            fileFormat,
-            enableContentLeft,
-            enableContentRight,
-            ...rest
-        } = args;
-        const accepted = fileFormat && fileFormat !== 'all' ? [fileFormat] : undefined;
-        const iconSize = size === 'xs' ? 'xs' : 's';
-
-        return (
-            <StoryButton
-                style={{ width }}
-                size={size}
-                buttonType="button"
-                contentLeft={enableContentLeft ? <IconMic size={iconSize} color="inherit" /> : undefined}
-                contentRight={enableContentRight ? <IconMic size={iconSize} color="inherit" /> : undefined}
-                acceptedFileFormats={accepted}
-                text={buttonText}
-                value={buttonValue}
-                {...rest}
-            />
-        );
-    },
-};
-
-const StoryIconButton = (props: StoryAttachProps) => {
-    return <Attach {...props} />;
-};
-
-export const IconButton: StoryObj<StoryAttachProps> = {
-    args: {
-        fileFormat: 'all',
-        flow: 'horizontal',
-        hasAttachment: true,
-        width: '400px',
-        size: 'm',
-        view: 'accent',
-    },
-    argTypes: {
-        view: {
-            options: iconButtonViewOptions,
-            control: {
-                type: 'select',
-            },
-        },
-    },
-    render: (args) => {
-        const {
-            buttonText,
-            buttonValue,
-            width,
-            size,
-            fileFormat,
-            enableContentLeft,
-            enableContentRight,
-            ...rest
-        } = args;
-        const accepted = fileFormat && fileFormat !== 'all' ? [fileFormat] : undefined;
-        const iconSize = size === 'xs' ? 'xs' : 's';
-
-        return (
-            <StoryIconButton
-                style={{ width }}
-                size={size}
-                buttonType="iconButton"
-                contentLeft={enableContentLeft ? <IconMic size={iconSize} color="inherit" /> : undefined}
-                contentRight={enableContentRight ? <IconMic size={iconSize} color="inherit" /> : undefined}
-                acceptedFileFormats={accepted}
-                text={buttonText}
-                value={buttonValue}
-                {...rest}
-            />
-        );
-    },
-};

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

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Attach = /*#__PURE__*/require("../../../../components/Attach");
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    focused: 'true',
-    size: 'm'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--inverse-text-secondary);", ":var(--surface-solid-default);", ":var(", ");", ":var(--inverse-text-primary);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(", ");", ":var(--inverse-text-primary);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], _Attach.attachTokens.buttonColor, _Attach.attachTokens.buttonValueColor, _Attach.attachTokens.buttonBackgroundColor, _Attach.attachTokens.buttonLoadingBackgroundColor, _Attach.attachTokens.buttonBackgroundColor, _Attach.attachTokens.buttonColorHover, _Attach.attachTokens.buttonBackgroundColorHover, _Attach.attachTokens.buttonColorActive, _Attach.attachTokens.buttonBackgroundColorActive, _Attach.attachTokens.buttonDisabledOpacity, _Attach.attachTokens.buttonFocusColor, _Attach.attachTokens.cellColor, _Attach.attachTokens.cellLabelColor, _Attach.attachTokens.cellTitleColor, _Attach.attachTokens.cellSubtitleColor, _Attach.attachTokens.cellBackgroundColor, _Attach.attachTokens.iconButtonColor, _Attach.attachTokens.iconButtonBackgroundColor, _Attach.attachTokens.iconButtonLoadingBackgroundColor, _Attach.attachTokens.iconButtonBackgroundColor, _Attach.attachTokens.iconButtonColorHover, _Attach.attachTokens.iconButtonBackgroundColorHover, _Attach.attachTokens.iconButtonColorActive, _Attach.attachTokens.iconButtonBackgroundColorActive, _Attach.attachTokens.iconButtonDisabledOpacity, _Attach.attachTokens.iconButtonFocusColor, _Attach.attachTokens.iconButtonCancelColor, _Attach.attachTokens.iconButtonCancelBackgroundColor, _Attach.attachTokens.iconButtonCancelLoadingBackgroundColor, _Attach.attachTokens.iconButtonCancelBackgroundColor, _Attach.attachTokens.iconButtonCancelColorHover, _Attach.attachTokens.iconButtonCancelBackgroundColorHover, _Attach.attachTokens.iconButtonCancelColorActive, _Attach.attachTokens.iconButtonCancelBackgroundColorActive, _Attach.attachTokens.iconButtonCancelDisabledOpacity, _Attach.attachTokens.iconButtonCancelFocusColor),
-      accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--surface-accent);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--surface-accent-hover);", ":var(--on-dark-text-primary);", ":var(--surface-accent-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--surface-accent-hover);", ":var(--on-dark-text-primary);", ":var(--surface-accent-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], _Attach.attachTokens.buttonColor, _Attach.attachTokens.buttonValueColor, _Attach.attachTokens.buttonBackgroundColor, _Attach.attachTokens.buttonLoadingBackgroundColor, _Attach.attachTokens.buttonBackgroundColor, _Attach.attachTokens.buttonColorHover, _Attach.attachTokens.buttonBackgroundColorHover, _Attach.attachTokens.buttonColorActive, _Attach.attachTokens.buttonBackgroundColorActive, _Attach.attachTokens.buttonDisabledOpacity, _Attach.attachTokens.buttonFocusColor, _Attach.attachTokens.cellColor, _Attach.attachTokens.cellLabelColor, _Attach.attachTokens.cellTitleColor, _Attach.attachTokens.cellSubtitleColor, _Attach.attachTokens.cellBackgroundColor, _Attach.attachTokens.iconButtonColor, _Attach.attachTokens.iconButtonBackgroundColor, _Attach.attachTokens.iconButtonLoadingBackgroundColor, _Attach.attachTokens.iconButtonBackgroundColor, _Attach.attachTokens.iconButtonColorHover, _Attach.attachTokens.iconButtonBackgroundColorHover, _Attach.attachTokens.iconButtonColorActive, _Attach.attachTokens.iconButtonBackgroundColorActive, _Attach.attachTokens.iconButtonDisabledOpacity, _Attach.attachTokens.iconButtonFocusColor, _Attach.attachTokens.iconButtonCancelColor, _Attach.attachTokens.iconButtonCancelBackgroundColor, _Attach.attachTokens.iconButtonCancelLoadingBackgroundColor, _Attach.attachTokens.iconButtonCancelBackgroundColor, _Attach.attachTokens.iconButtonCancelColorHover, _Attach.attachTokens.iconButtonCancelBackgroundColorHover, _Attach.attachTokens.iconButtonCancelColorActive, _Attach.attachTokens.iconButtonCancelBackgroundColorActive, _Attach.attachTokens.iconButtonCancelDisabledOpacity, _Attach.attachTokens.iconButtonCancelFocusColor),
-      secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-transparent-secondary);", ":var(", ");", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(", ");", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], _Attach.attachTokens.buttonColor, _Attach.attachTokens.buttonValueColor, _Attach.attachTokens.buttonBackgroundColor, _Attach.attachTokens.buttonLoadingBackgroundColor, _Attach.attachTokens.buttonBackgroundColor, _Attach.attachTokens.buttonColorHover, _Attach.attachTokens.buttonBackgroundColorHover, _Attach.attachTokens.buttonColorActive, _Attach.attachTokens.buttonBackgroundColorActive, _Attach.attachTokens.buttonDisabledOpacity, _Attach.attachTokens.buttonFocusColor, _Attach.attachTokens.cellColor, _Attach.attachTokens.cellLabelColor, _Attach.attachTokens.cellTitleColor, _Attach.attachTokens.cellSubtitleColor, _Attach.attachTokens.cellBackgroundColor, _Attach.attachTokens.iconButtonColor, _Attach.attachTokens.iconButtonBackgroundColor, _Attach.attachTokens.iconButtonLoadingBackgroundColor, _Attach.attachTokens.iconButtonBackgroundColor, _Attach.attachTokens.iconButtonColorHover, _Attach.attachTokens.iconButtonBackgroundColorHover, _Attach.attachTokens.iconButtonColorActive, _Attach.attachTokens.iconButtonBackgroundColorActive, _Attach.attachTokens.iconButtonDisabledOpacity, _Attach.attachTokens.iconButtonFocusColor, _Attach.attachTokens.iconButtonCancelColor, _Attach.attachTokens.iconButtonCancelBackgroundColor, _Attach.attachTokens.iconButtonCancelLoadingBackgroundColor, _Attach.attachTokens.iconButtonCancelBackgroundColor, _Attach.attachTokens.iconButtonCancelColorHover, _Attach.attachTokens.iconButtonCancelBackgroundColorHover, _Attach.attachTokens.iconButtonCancelColorActive, _Attach.attachTokens.iconButtonCancelBackgroundColorActive, _Attach.attachTokens.iconButtonCancelDisabledOpacity, _Attach.attachTokens.iconButtonCancelFocusColor),
-      clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], _Attach.attachTokens.buttonColor, _Attach.attachTokens.buttonValueColor, _Attach.attachTokens.buttonBackgroundColor, _Attach.attachTokens.buttonLoadingBackgroundColor, _Attach.attachTokens.buttonBackgroundColor, _Attach.attachTokens.buttonColorHover, _Attach.attachTokens.buttonBackgroundColorHover, _Attach.attachTokens.buttonColorActive, _Attach.attachTokens.buttonBackgroundColorActive, _Attach.attachTokens.buttonDisabledOpacity, _Attach.attachTokens.buttonFocusColor, _Attach.attachTokens.cellColor, _Attach.attachTokens.cellLabelColor, _Attach.attachTokens.cellTitleColor, _Attach.attachTokens.cellSubtitleColor, _Attach.attachTokens.cellBackgroundColor, _Attach.attachTokens.iconButtonColor, _Attach.attachTokens.iconButtonBackgroundColor, _Attach.attachTokens.iconButtonLoadingBackgroundColor, _Attach.attachTokens.iconButtonBackgroundColor, _Attach.attachTokens.iconButtonColorHover, _Attach.attachTokens.iconButtonBackgroundColorHover, _Attach.attachTokens.iconButtonColorActive, _Attach.attachTokens.iconButtonBackgroundColorActive, _Attach.attachTokens.iconButtonDisabledOpacity, _Attach.attachTokens.iconButtonFocusColor, _Attach.attachTokens.iconButtonCancelColor, _Attach.attachTokens.iconButtonCancelBackgroundColor, _Attach.attachTokens.iconButtonCancelLoadingBackgroundColor, _Attach.attachTokens.iconButtonCancelBackgroundColor, _Attach.attachTokens.iconButtonCancelColorHover, _Attach.attachTokens.iconButtonCancelBackgroundColorHover, _Attach.attachTokens.iconButtonCancelColorActive, _Attach.attachTokens.iconButtonCancelBackgroundColorActive, _Attach.attachTokens.iconButtonCancelDisabledOpacity, _Attach.attachTokens.iconButtonCancelFocusColor),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--surface-positive);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--surface-positive-hover);", ":var(--on-dark-text-primary);", ":var(--surface-positive-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], _Attach.attachTokens.buttonColor, _Attach.attachTokens.buttonValueColor, _Attach.attachTokens.buttonBackgroundColor, _Attach.attachTokens.buttonLoadingBackgroundColor, _Attach.attachTokens.buttonBackgroundColor, _Attach.attachTokens.buttonColorHover, _Attach.attachTokens.buttonBackgroundColorHover, _Attach.attachTokens.buttonColorActive, _Attach.attachTokens.buttonBackgroundColorActive, _Attach.attachTokens.buttonDisabledOpacity, _Attach.attachTokens.buttonFocusColor, _Attach.attachTokens.cellColor, _Attach.attachTokens.cellLabelColor, _Attach.attachTokens.cellTitleColor, _Attach.attachTokens.cellSubtitleColor, _Attach.attachTokens.cellBackgroundColor, _Attach.attachTokens.iconButtonCancelColor, _Attach.attachTokens.iconButtonCancelBackgroundColor, _Attach.attachTokens.iconButtonCancelLoadingBackgroundColor, _Attach.attachTokens.iconButtonCancelBackgroundColor, _Attach.attachTokens.iconButtonCancelColorHover, _Attach.attachTokens.iconButtonCancelBackgroundColorHover, _Attach.attachTokens.iconButtonCancelColorActive, _Attach.attachTokens.iconButtonCancelBackgroundColorActive, _Attach.attachTokens.iconButtonCancelDisabledOpacity, _Attach.attachTokens.iconButtonCancelFocusColor),
-      success: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--surface-positive-hover);", ":var(--on-dark-text-primary);", ":var(--surface-positive-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], _Attach.attachTokens.cellColor, _Attach.attachTokens.cellLabelColor, _Attach.attachTokens.cellTitleColor, _Attach.attachTokens.cellSubtitleColor, _Attach.attachTokens.cellBackgroundColor, _Attach.attachTokens.iconButtonColor, _Attach.attachTokens.iconButtonBackgroundColor, _Attach.attachTokens.iconButtonLoadingBackgroundColor, _Attach.attachTokens.iconButtonBackgroundColor, _Attach.attachTokens.iconButtonColorHover, _Attach.attachTokens.iconButtonBackgroundColorHover, _Attach.attachTokens.iconButtonColorActive, _Attach.attachTokens.iconButtonBackgroundColorActive, _Attach.attachTokens.iconButtonDisabledOpacity, _Attach.attachTokens.iconButtonFocusColor, _Attach.attachTokens.iconButtonCancelColor, _Attach.attachTokens.iconButtonCancelBackgroundColor, _Attach.attachTokens.iconButtonCancelLoadingBackgroundColor, _Attach.attachTokens.iconButtonCancelBackgroundColor, _Attach.attachTokens.iconButtonCancelColorHover, _Attach.attachTokens.iconButtonCancelBackgroundColorHover, _Attach.attachTokens.iconButtonCancelColorActive, _Attach.attachTokens.iconButtonCancelBackgroundColorActive, _Attach.attachTokens.iconButtonCancelDisabledOpacity, _Attach.attachTokens.iconButtonCancelFocusColor),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--surface-warning);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--surface-warning-hover);", ":var(--on-dark-text-primary);", ":var(--surface-warning-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--on-dark-text-primary);", ":var(--surface-warning);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--surface-warning-hover);", ":var(--on-dark-text-primary);", ":var(--surface-warning-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], _Attach.attachTokens.buttonColor, _Attach.attachTokens.buttonValueColor, _Attach.attachTokens.buttonBackgroundColor, _Attach.attachTokens.buttonLoadingBackgroundColor, _Attach.attachTokens.buttonBackgroundColor, _Attach.attachTokens.buttonColorHover, _Attach.attachTokens.buttonBackgroundColorHover, _Attach.attachTokens.buttonColorActive, _Attach.attachTokens.buttonBackgroundColorActive, _Attach.attachTokens.buttonDisabledOpacity, _Attach.attachTokens.buttonFocusColor, _Attach.attachTokens.cellColor, _Attach.attachTokens.cellLabelColor, _Attach.attachTokens.cellTitleColor, _Attach.attachTokens.cellSubtitleColor, _Attach.attachTokens.cellBackgroundColor, _Attach.attachTokens.iconButtonColor, _Attach.attachTokens.iconButtonBackgroundColor, _Attach.attachTokens.iconButtonLoadingBackgroundColor, _Attach.attachTokens.iconButtonBackgroundColor, _Attach.attachTokens.iconButtonColorHover, _Attach.attachTokens.iconButtonBackgroundColorHover, _Attach.attachTokens.iconButtonColorActive, _Attach.attachTokens.iconButtonBackgroundColorActive, _Attach.attachTokens.iconButtonDisabledOpacity, _Attach.attachTokens.iconButtonFocusColor, _Attach.attachTokens.iconButtonCancelColor, _Attach.attachTokens.iconButtonCancelBackgroundColor, _Attach.attachTokens.iconButtonCancelLoadingBackgroundColor, _Attach.attachTokens.iconButtonCancelBackgroundColor, _Attach.attachTokens.iconButtonCancelColorHover, _Attach.attachTokens.iconButtonCancelBackgroundColorHover, _Attach.attachTokens.iconButtonCancelColorActive, _Attach.attachTokens.iconButtonCancelBackgroundColorActive, _Attach.attachTokens.iconButtonCancelDisabledOpacity, _Attach.attachTokens.iconButtonCancelFocusColor),
-      critical: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--surface-negative-hover);", ":var(--on-dark-text-primary);", ":var(--surface-negative-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], _Attach.attachTokens.cellColor, _Attach.attachTokens.cellLabelColor, _Attach.attachTokens.cellTitleColor, _Attach.attachTokens.cellSubtitleColor, _Attach.attachTokens.cellBackgroundColor, _Attach.attachTokens.iconButtonColor, _Attach.attachTokens.iconButtonBackgroundColor, _Attach.attachTokens.iconButtonLoadingBackgroundColor, _Attach.attachTokens.iconButtonBackgroundColor, _Attach.attachTokens.iconButtonColorHover, _Attach.attachTokens.iconButtonBackgroundColorHover, _Attach.attachTokens.iconButtonColorActive, _Attach.attachTokens.iconButtonBackgroundColorActive, _Attach.attachTokens.iconButtonDisabledOpacity, _Attach.attachTokens.iconButtonFocusColor, _Attach.attachTokens.iconButtonCancelColor, _Attach.attachTokens.iconButtonCancelBackgroundColor, _Attach.attachTokens.iconButtonCancelLoadingBackgroundColor, _Attach.attachTokens.iconButtonCancelBackgroundColor, _Attach.attachTokens.iconButtonCancelColorHover, _Attach.attachTokens.iconButtonCancelBackgroundColorHover, _Attach.attachTokens.iconButtonCancelColorActive, _Attach.attachTokens.iconButtonCancelBackgroundColorActive, _Attach.attachTokens.iconButtonCancelDisabledOpacity, _Attach.attachTokens.iconButtonCancelFocusColor),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--surface-negative);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--surface-negative-hover);", ":var(--on-dark-text-primary);", ":var(--surface-negative-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], _Attach.attachTokens.buttonColor, _Attach.attachTokens.buttonValueColor, _Attach.attachTokens.buttonBackgroundColor, _Attach.attachTokens.buttonLoadingBackgroundColor, _Attach.attachTokens.buttonBackgroundColor, _Attach.attachTokens.buttonColorHover, _Attach.attachTokens.buttonBackgroundColorHover, _Attach.attachTokens.buttonColorActive, _Attach.attachTokens.buttonBackgroundColorActive, _Attach.attachTokens.buttonDisabledOpacity, _Attach.attachTokens.buttonFocusColor, _Attach.attachTokens.cellColor, _Attach.attachTokens.cellLabelColor, _Attach.attachTokens.cellTitleColor, _Attach.attachTokens.cellSubtitleColor, _Attach.attachTokens.cellBackgroundColor, _Attach.attachTokens.iconButtonCancelColor, _Attach.attachTokens.iconButtonCancelBackgroundColor, _Attach.attachTokens.iconButtonCancelLoadingBackgroundColor, _Attach.attachTokens.iconButtonCancelBackgroundColor, _Attach.attachTokens.iconButtonCancelColorHover, _Attach.attachTokens.iconButtonCancelBackgroundColorHover, _Attach.attachTokens.iconButtonCancelColorActive, _Attach.attachTokens.iconButtonCancelBackgroundColorActive, _Attach.attachTokens.iconButtonCancelDisabledOpacity, _Attach.attachTokens.iconButtonCancelFocusColor),
-      dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--on-light-surface-transparent-deep);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], _Attach.attachTokens.buttonColor, _Attach.attachTokens.buttonValueColor, _Attach.attachTokens.buttonBackgroundColor, _Attach.attachTokens.buttonLoadingBackgroundColor, _Attach.attachTokens.buttonBackgroundColor, _Attach.attachTokens.buttonColorHover, _Attach.attachTokens.buttonBackgroundColorHover, _Attach.attachTokens.buttonColorActive, _Attach.attachTokens.buttonBackgroundColorActive, _Attach.attachTokens.buttonDisabledOpacity, _Attach.attachTokens.buttonFocusColor, _Attach.attachTokens.cellColor, _Attach.attachTokens.cellLabelColor, _Attach.attachTokens.cellTitleColor, _Attach.attachTokens.cellSubtitleColor, _Attach.attachTokens.cellBackgroundColor, _Attach.attachTokens.iconButtonColor, _Attach.attachTokens.iconButtonBackgroundColor, _Attach.attachTokens.iconButtonLoadingBackgroundColor, _Attach.attachTokens.iconButtonBackgroundColor, _Attach.attachTokens.iconButtonColorHover, _Attach.attachTokens.iconButtonBackgroundColorHover, _Attach.attachTokens.iconButtonColorActive, _Attach.attachTokens.iconButtonBackgroundColorActive, _Attach.attachTokens.iconButtonDisabledOpacity, _Attach.attachTokens.iconButtonFocusColor, _Attach.attachTokens.iconButtonCancelColor, _Attach.attachTokens.iconButtonCancelBackgroundColor, _Attach.attachTokens.iconButtonCancelLoadingBackgroundColor, _Attach.attachTokens.iconButtonCancelBackgroundColor, _Attach.attachTokens.iconButtonCancelColorHover, _Attach.attachTokens.iconButtonCancelBackgroundColorHover, _Attach.attachTokens.iconButtonCancelColorActive, _Attach.attachTokens.iconButtonCancelBackgroundColorActive, _Attach.attachTokens.iconButtonCancelDisabledOpacity, _Attach.attachTokens.iconButtonCancelFocusColor),
-      black: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-secondary);", ":var(--on-light-surface-solid-default);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default);", ":var(", ");", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], _Attach.attachTokens.buttonColor, _Attach.attachTokens.buttonValueColor, _Attach.attachTokens.buttonBackgroundColor, _Attach.attachTokens.buttonLoadingBackgroundColor, _Attach.attachTokens.buttonBackgroundColor, _Attach.attachTokens.buttonColorHover, _Attach.attachTokens.buttonBackgroundColorHover, _Attach.attachTokens.buttonColorActive, _Attach.attachTokens.buttonBackgroundColorActive, _Attach.attachTokens.buttonDisabledOpacity, _Attach.attachTokens.buttonFocusColor, _Attach.attachTokens.cellColor, _Attach.attachTokens.cellLabelColor, _Attach.attachTokens.cellTitleColor, _Attach.attachTokens.cellSubtitleColor, _Attach.attachTokens.cellBackgroundColor, _Attach.attachTokens.iconButtonColor, _Attach.attachTokens.iconButtonBackgroundColor, _Attach.attachTokens.iconButtonLoadingBackgroundColor, _Attach.attachTokens.iconButtonBackgroundColor, _Attach.attachTokens.iconButtonColorHover, _Attach.attachTokens.iconButtonBackgroundColorHover, _Attach.attachTokens.iconButtonColorActive, _Attach.attachTokens.iconButtonBackgroundColorActive, _Attach.attachTokens.iconButtonDisabledOpacity, _Attach.attachTokens.iconButtonFocusColor, _Attach.attachTokens.iconButtonCancelColor, _Attach.attachTokens.iconButtonCancelBackgroundColor, _Attach.attachTokens.iconButtonCancelLoadingBackgroundColor, _Attach.attachTokens.iconButtonCancelBackgroundColor, _Attach.attachTokens.iconButtonCancelColorHover, _Attach.attachTokens.iconButtonCancelBackgroundColorHover, _Attach.attachTokens.iconButtonCancelColorActive, _Attach.attachTokens.iconButtonCancelBackgroundColorActive, _Attach.attachTokens.iconButtonCancelDisabledOpacity, _Attach.attachTokens.iconButtonCancelFocusColor),
-      white: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-text-primary);", ":var(--on-light-text-secondary);", ":var(--on-dark-surface-solid-default);", ":var(", ");", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-hover);", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(", ");", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-hover);", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-active);", ":0.4;", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(", ");", ":var(--text-secondary-hover);", ":var(--surface-clear);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":0.4;", ":var(--surface-accent);"], _Attach.attachTokens.buttonColor, _Attach.attachTokens.buttonValueColor, _Attach.attachTokens.buttonBackgroundColor, _Attach.attachTokens.buttonLoadingBackgroundColor, _Attach.attachTokens.buttonBackgroundColor, _Attach.attachTokens.buttonColorHover, _Attach.attachTokens.buttonBackgroundColorHover, _Attach.attachTokens.buttonColorActive, _Attach.attachTokens.buttonBackgroundColorActive, _Attach.attachTokens.buttonDisabledOpacity, _Attach.attachTokens.buttonFocusColor, _Attach.attachTokens.cellColor, _Attach.attachTokens.cellLabelColor, _Attach.attachTokens.cellTitleColor, _Attach.attachTokens.cellSubtitleColor, _Attach.attachTokens.cellBackgroundColor, _Attach.attachTokens.iconButtonColor, _Attach.attachTokens.iconButtonBackgroundColor, _Attach.attachTokens.iconButtonLoadingBackgroundColor, _Attach.attachTokens.iconButtonBackgroundColor, _Attach.attachTokens.iconButtonColorHover, _Attach.attachTokens.iconButtonBackgroundColorHover, _Attach.attachTokens.iconButtonColorActive, _Attach.attachTokens.iconButtonBackgroundColorActive, _Attach.attachTokens.iconButtonDisabledOpacity, _Attach.attachTokens.iconButtonFocusColor, _Attach.attachTokens.iconButtonCancelColor, _Attach.attachTokens.iconButtonCancelBackgroundColor, _Attach.attachTokens.iconButtonCancelLoadingBackgroundColor, _Attach.attachTokens.iconButtonCancelBackgroundColor, _Attach.attachTokens.iconButtonCancelColorHover, _Attach.attachTokens.iconButtonCancelBackgroundColorHover, _Attach.attachTokens.iconButtonCancelColorActive, _Attach.attachTokens.iconButtonCancelBackgroundColorActive, _Attach.attachTokens.iconButtonCancelDisabledOpacity, _Attach.attachTokens.iconButtonCancelFocusColor)
-    },
-    size: {
-      l: /*#__PURE__*/(0, _styledComponents.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);", ":1.375rem;", ":inherit;", ":0 0.5rem 0 -0.125rem;", ":0 -0.125rem 0 0.5rem;", ":0 0 0 0.25rem;", ":fit-content;", ":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);", ":1.375rem;", ":inherit;", ":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);", ":1rem;", ":inherit;"], _Attach.attachTokens.horizontalGap, _Attach.attachTokens.verticalGap, _Attach.attachTokens.buttonHeight, _Attach.attachTokens.buttonWidth, _Attach.attachTokens.buttonPadding, _Attach.attachTokens.buttonRadius, _Attach.attachTokens.buttonFontFamily, _Attach.attachTokens.buttonFontSize, _Attach.attachTokens.buttonFontStyle, _Attach.attachTokens.buttonFontWeight, _Attach.attachTokens.buttonLetterSpacing, _Attach.attachTokens.buttonLineHeight, _Attach.attachTokens.buttonSpinnerSize, _Attach.attachTokens.buttonSpinnerColor, _Attach.attachTokens.buttonLeftContentMargin, _Attach.attachTokens.buttonRightContentMargin, _Attach.attachTokens.buttonValueMargin, _Attach.attachTokens.cellWidth, _Attach.attachTokens.cellPadding, _Attach.attachTokens.cellPaddingLeftContent, _Attach.attachTokens.cellPaddingContent, _Attach.attachTokens.cellPaddingRightContent, _Attach.attachTokens.cellTextboxGap, _Attach.attachTokens.cellGap, _Attach.attachTokens.cellLabelFontFamily, _Attach.attachTokens.cellLabelFontSize, _Attach.attachTokens.cellLabelFontStyle, _Attach.attachTokens.cellLabelFontWeight, _Attach.attachTokens.cellLabelLetterSpacing, _Attach.attachTokens.cellLabelLineHeight, _Attach.attachTokens.cellTitleFontFamily, _Attach.attachTokens.cellTitleFontSize, _Attach.attachTokens.cellTitleFontStyle, _Attach.attachTokens.cellTitleFontWeight, _Attach.attachTokens.cellTitleLetterSpacing, _Attach.attachTokens.cellTitleLineHeight, _Attach.attachTokens.cellSubtitleFontFamily, _Attach.attachTokens.cellSubtitleFontSize, _Attach.attachTokens.cellSubtitleFontStyle, _Attach.attachTokens.cellSubtitleFontWeight, _Attach.attachTokens.cellSubtitleLetterSpacing, _Attach.attachTokens.cellSubtitleLineHeight, _Attach.attachTokens.iconButtonHeight, _Attach.attachTokens.iconButtonWidth, _Attach.attachTokens.iconButtonPadding, _Attach.attachTokens.iconButtonRadius, _Attach.attachTokens.iconButtonFontFamily, _Attach.attachTokens.iconButtonFontSize, _Attach.attachTokens.iconButtonFontStyle, _Attach.attachTokens.iconButtonFontWeight, _Attach.attachTokens.iconButtonLetterSpacing, _Attach.attachTokens.iconButtonLineHeight, _Attach.attachTokens.iconButtonSpinnerSize, _Attach.attachTokens.iconButtonSpinnerColor, _Attach.attachTokens.iconButtonCancelHeight, _Attach.attachTokens.iconButtonCancelWidth, _Attach.attachTokens.iconButtonCancelPadding, _Attach.attachTokens.iconButtonCancelRadius, _Attach.attachTokens.iconButtonCancelFontFamily, _Attach.attachTokens.iconButtonCancelFontSize, _Attach.attachTokens.iconButtonCancelFontStyle, _Attach.attachTokens.iconButtonCancelFontWeight, _Attach.attachTokens.iconButtonCancelLetterSpacing, _Attach.attachTokens.iconButtonCancelLineHeight, _Attach.attachTokens.iconButtonCancelSpinnerSize, _Attach.attachTokens.iconButtonCancelSpinnerColor),
-      m: /*#__PURE__*/(0, _styledComponents.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);", ":1.375rem;", ":inherit;", ":0 0.375rem 0 -0.125rem;", ":0 -0.125rem 0 0.375rem;", ":0 0 0 0.25rem;", ":fit-content;", ":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);", ":3rem;", ":3rem;", ":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);", ":1.375rem;", ":inherit;", ":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);", ":1rem;", ":inherit;"], _Attach.attachTokens.horizontalGap, _Attach.attachTokens.verticalGap, _Attach.attachTokens.buttonHeight, _Attach.attachTokens.buttonWidth, _Attach.attachTokens.buttonPadding, _Attach.attachTokens.buttonRadius, _Attach.attachTokens.buttonFontFamily, _Attach.attachTokens.buttonFontSize, _Attach.attachTokens.buttonFontStyle, _Attach.attachTokens.buttonFontWeight, _Attach.attachTokens.buttonLetterSpacing, _Attach.attachTokens.buttonLineHeight, _Attach.attachTokens.buttonSpinnerSize, _Attach.attachTokens.buttonSpinnerColor, _Attach.attachTokens.buttonLeftContentMargin, _Attach.attachTokens.buttonRightContentMargin, _Attach.attachTokens.buttonValueMargin, _Attach.attachTokens.cellWidth, _Attach.attachTokens.cellPadding, _Attach.attachTokens.cellPaddingLeftContent, _Attach.attachTokens.cellPaddingContent, _Attach.attachTokens.cellPaddingRightContent, _Attach.attachTokens.cellTextboxGap, _Attach.attachTokens.cellGap, _Attach.attachTokens.cellLabelFontFamily, _Attach.attachTokens.cellLabelFontSize, _Attach.attachTokens.cellLabelFontStyle, _Attach.attachTokens.cellLabelFontWeight, _Attach.attachTokens.cellLabelLetterSpacing, _Attach.attachTokens.cellLabelLineHeight, _Attach.attachTokens.cellTitleFontFamily, _Attach.attachTokens.cellTitleFontSize, _Attach.attachTokens.cellTitleFontStyle, _Attach.attachTokens.cellTitleFontWeight, _Attach.attachTokens.cellTitleLetterSpacing, _Attach.attachTokens.cellTitleLineHeight, _Attach.attachTokens.cellSubtitleFontFamily, _Attach.attachTokens.cellSubtitleFontSize, _Attach.attachTokens.cellSubtitleFontStyle, _Attach.attachTokens.cellSubtitleFontWeight, _Attach.attachTokens.cellSubtitleLetterSpacing, _Attach.attachTokens.cellSubtitleLineHeight, _Attach.attachTokens.iconButtonHeight, _Attach.attachTokens.iconButtonWidth, _Attach.attachTokens.iconButtonPadding, _Attach.attachTokens.iconButtonRadius, _Attach.attachTokens.iconButtonFontFamily, _Attach.attachTokens.iconButtonFontSize, _Attach.attachTokens.iconButtonFontStyle, _Attach.attachTokens.iconButtonFontWeight, _Attach.attachTokens.iconButtonLetterSpacing, _Attach.attachTokens.iconButtonLineHeight, _Attach.attachTokens.iconButtonSpinnerSize, _Attach.attachTokens.iconButtonSpinnerColor, _Attach.attachTokens.iconButtonCancelHeight, _Attach.attachTokens.iconButtonCancelWidth, _Attach.attachTokens.iconButtonCancelPadding, _Attach.attachTokens.iconButtonCancelRadius, _Attach.attachTokens.iconButtonCancelFontFamily, _Attach.attachTokens.iconButtonCancelFontSize, _Attach.attachTokens.iconButtonCancelFontStyle, _Attach.attachTokens.iconButtonCancelFontWeight, _Attach.attachTokens.iconButtonCancelLetterSpacing, _Attach.attachTokens.iconButtonCancelLineHeight, _Attach.attachTokens.iconButtonCancelSpinnerSize, _Attach.attachTokens.iconButtonCancelSpinnerColor),
-      s: /*#__PURE__*/(0, _styledComponents.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);", ":1.375rem;", ":inherit;", ":0 0.25rem 0 -0.125rem;", ":0 -0.125rem 0 0.25rem;", ":0 0 0 0.25rem;", ":fit-content;", ":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);", ":1.375rem;", ":inherit;", ":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);", ":1rem;", ":inherit;"], _Attach.attachTokens.horizontalGap, _Attach.attachTokens.verticalGap, _Attach.attachTokens.buttonHeight, _Attach.attachTokens.buttonWidth, _Attach.attachTokens.buttonPadding, _Attach.attachTokens.buttonRadius, _Attach.attachTokens.buttonFontFamily, _Attach.attachTokens.buttonFontSize, _Attach.attachTokens.buttonFontStyle, _Attach.attachTokens.buttonFontWeight, _Attach.attachTokens.buttonLetterSpacing, _Attach.attachTokens.buttonLineHeight, _Attach.attachTokens.buttonSpinnerSize, _Attach.attachTokens.buttonSpinnerColor, _Attach.attachTokens.buttonLeftContentMargin, _Attach.attachTokens.buttonRightContentMargin, _Attach.attachTokens.buttonValueMargin, _Attach.attachTokens.cellWidth, _Attach.attachTokens.cellPadding, _Attach.attachTokens.cellPaddingLeftContent, _Attach.attachTokens.cellPaddingContent, _Attach.attachTokens.cellPaddingRightContent, _Attach.attachTokens.cellTextboxGap, _Attach.attachTokens.cellGap, _Attach.attachTokens.cellLabelFontFamily, _Attach.attachTokens.cellLabelFontSize, _Attach.attachTokens.cellLabelFontStyle, _Attach.attachTokens.cellLabelFontWeight, _Attach.attachTokens.cellLabelLetterSpacing, _Attach.attachTokens.cellLabelLineHeight, _Attach.attachTokens.cellTitleFontFamily, _Attach.attachTokens.cellTitleFontSize, _Attach.attachTokens.cellTitleFontStyle, _Attach.attachTokens.cellTitleFontWeight, _Attach.attachTokens.cellTitleLetterSpacing, _Attach.attachTokens.cellTitleLineHeight, _Attach.attachTokens.cellSubtitleFontFamily, _Attach.attachTokens.cellSubtitleFontSize, _Attach.attachTokens.cellSubtitleFontStyle, _Attach.attachTokens.cellSubtitleFontWeight, _Attach.attachTokens.cellSubtitleLetterSpacing, _Attach.attachTokens.cellSubtitleLineHeight, _Attach.attachTokens.iconButtonHeight, _Attach.attachTokens.iconButtonWidth, _Attach.attachTokens.iconButtonPadding, _Attach.attachTokens.iconButtonRadius, _Attach.attachTokens.iconButtonFontFamily, _Attach.attachTokens.iconButtonFontSize, _Attach.attachTokens.iconButtonFontStyle, _Attach.attachTokens.iconButtonFontWeight, _Attach.attachTokens.iconButtonLetterSpacing, _Attach.attachTokens.iconButtonLineHeight, _Attach.attachTokens.iconButtonSpinnerSize, _Attach.attachTokens.iconButtonSpinnerColor, _Attach.attachTokens.iconButtonCancelHeight, _Attach.attachTokens.iconButtonCancelWidth, _Attach.attachTokens.iconButtonCancelPadding, _Attach.attachTokens.iconButtonCancelRadius, _Attach.attachTokens.iconButtonCancelFontFamily, _Attach.attachTokens.iconButtonCancelFontSize, _Attach.attachTokens.iconButtonCancelFontStyle, _Attach.attachTokens.iconButtonCancelFontWeight, _Attach.attachTokens.iconButtonCancelLetterSpacing, _Attach.attachTokens.iconButtonCancelLineHeight, _Attach.attachTokens.iconButtonCancelSpinnerSize, _Attach.attachTokens.iconButtonCancelSpinnerColor),
-      xs: /*#__PURE__*/(0, _styledComponents.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);", ":1rem;", ":inherit;", ":0 0.25rem 0 -0.125rem;", ":0 -0.125rem 0 0.25rem;", ":0 0 0 0.25rem;", ":fit-content;", ":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);", ":1rem;", ":inherit;", ":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);", ":1rem;", ":inherit;"], _Attach.attachTokens.horizontalGap, _Attach.attachTokens.verticalGap, _Attach.attachTokens.buttonHeight, _Attach.attachTokens.buttonWidth, _Attach.attachTokens.buttonPadding, _Attach.attachTokens.buttonRadius, _Attach.attachTokens.buttonFontFamily, _Attach.attachTokens.buttonFontSize, _Attach.attachTokens.buttonFontStyle, _Attach.attachTokens.buttonFontWeight, _Attach.attachTokens.buttonLetterSpacing, _Attach.attachTokens.buttonLineHeight, _Attach.attachTokens.buttonSpinnerSize, _Attach.attachTokens.buttonSpinnerColor, _Attach.attachTokens.buttonLeftContentMargin, _Attach.attachTokens.buttonRightContentMargin, _Attach.attachTokens.buttonValueMargin, _Attach.attachTokens.cellWidth, _Attach.attachTokens.cellPadding, _Attach.attachTokens.cellPaddingLeftContent, _Attach.attachTokens.cellPaddingContent, _Attach.attachTokens.cellPaddingRightContent, _Attach.attachTokens.cellTextboxGap, _Attach.attachTokens.cellGap, _Attach.attachTokens.cellLabelFontFamily, _Attach.attachTokens.cellLabelFontSize, _Attach.attachTokens.cellLabelFontStyle, _Attach.attachTokens.cellLabelFontWeight, _Attach.attachTokens.cellLabelLetterSpacing, _Attach.attachTokens.cellLabelLineHeight, _Attach.attachTokens.cellTitleFontFamily, _Attach.attachTokens.cellTitleFontSize, _Attach.attachTokens.cellTitleFontStyle, _Attach.attachTokens.cellTitleFontWeight, _Attach.attachTokens.cellTitleLetterSpacing, _Attach.attachTokens.cellTitleLineHeight, _Attach.attachTokens.cellSubtitleFontFamily, _Attach.attachTokens.cellSubtitleFontSize, _Attach.attachTokens.cellSubtitleFontStyle, _Attach.attachTokens.cellSubtitleFontWeight, _Attach.attachTokens.cellSubtitleLetterSpacing, _Attach.attachTokens.cellSubtitleLineHeight, _Attach.attachTokens.iconButtonHeight, _Attach.attachTokens.iconButtonWidth, _Attach.attachTokens.iconButtonPadding, _Attach.attachTokens.iconButtonRadius, _Attach.attachTokens.iconButtonFontFamily, _Attach.attachTokens.iconButtonFontSize, _Attach.attachTokens.iconButtonFontStyle, _Attach.attachTokens.iconButtonFontWeight, _Attach.attachTokens.iconButtonLetterSpacing, _Attach.attachTokens.iconButtonLineHeight, _Attach.attachTokens.iconButtonSpinnerSize, _Attach.attachTokens.iconButtonSpinnerColor, _Attach.attachTokens.iconButtonCancelHeight, _Attach.attachTokens.iconButtonCancelWidth, _Attach.attachTokens.iconButtonCancelPadding, _Attach.attachTokens.iconButtonCancelRadius, _Attach.attachTokens.iconButtonCancelFontFamily, _Attach.attachTokens.iconButtonCancelFontSize, _Attach.attachTokens.iconButtonCancelFontStyle, _Attach.attachTokens.iconButtonCancelFontWeight, _Attach.attachTokens.iconButtonCancelLetterSpacing, _Attach.attachTokens.iconButtonCancelLineHeight, _Attach.attachTokens.iconButtonCancelSpinnerSize, _Attach.attachTokens.iconButtonCancelSpinnerColor)
-    }
-  }
-};

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

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Attach = void 0;
-var _Attach = /*#__PURE__*/require("../../../../components/Attach");
-var _engines = /*#__PURE__*/require("../../../../engines");
-var _Attach2 = /*#__PURE__*/require("./Attach.config");
-var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Attach.attachConfig, _Attach2.config);
-var Attach = exports.Attach = /*#__PURE__*/(0, _engines.component)(mergedConfig);

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

@@ -1,168 +0,0 @@
-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 { IconMic } from '../../../../components/_Icon';
-
-import { Attach } from './Attach';
-import { config } from './Attach.config';
-
-const buttonViewOptions = [
-    'default',
-    'accent',
-    'secondary',
-    'clear',
-    'positive',
-    'warning',
-    'negative',
-    'dark',
-    'black',
-    'white',
-];
-const iconButtonViewOptions = [
-    'default',
-    'accent',
-    'secondary',
-    'clear',
-    'success',
-    'warning',
-    'critical',
-    'dark',
-    'black',
-    'white',
-];
-const flowOptions = ['horizontal', 'vertical', 'auto'];
-const fileFormatOptions = ['all', '.doc', '.xls', '.pdf', '.csv', '.txt'];
-
-type StoryAttachProps = ComponentProps<typeof Attach> & {
-    enableContentLeft: boolean;
-    enableContentRight: boolean;
-    buttonText?: string;
-    buttonValue?: string;
-    fileFormat?: string;
-    width?: string;
-};
-
-const meta: Meta<StoryAttachProps> = {
-    title: 'plasma_web/Attach',
-    decorators: [WithTheme],
-    component: Attach,
-    argTypes: {
-        ...argTypesFromConfig(mergeConfig(attachConfig, config)),
-        fileFormat: {
-            options: fileFormatOptions,
-            control: {
-                type: 'select',
-            },
-        },
-        flow: {
-            options: flowOptions,
-            control: {
-                type: 'select',
-            },
-        },
-    },
-};
-
-export default meta;
-
-const StoryButton = (props: StoryAttachProps) => {
-    return <Attach {...props} />;
-};
-
-export const Button: StoryObj<StoryAttachProps> = {
-    args: {
-        fileFormat: 'all',
-        flow: 'horizontal',
-        hasAttachment: true,
-        width: '400px',
-        buttonText: 'Загрузить файл',
-        buttonValue: '',
-        square: false,
-        enableContentLeft: false,
-        enableContentRight: false,
-        size: 'm',
-        view: 'accent',
-    },
-    argTypes: {
-        view: {
-            options: buttonViewOptions,
-            control: {
-                type: 'select',
-            },
-        },
-    },
-    render: (args) => {
-        const { buttonText, buttonValue, width, size, fileFormat, contentLeft, contentRight, ...rest } = args;
-        const accepted = fileFormat && fileFormat !== 'all' ? [fileFormat] : undefined;
-        const iconSize = size === 'xs' ? 'xs' : 's';
-
-        return (
-            <StoryButton
-                style={{ width }}
-                size={size}
-                buttonType="button"
-                contentLeft={contentLeft ? <IconMic size={iconSize} color="inherit" /> : undefined}
-                contentRight={contentRight ? <IconMic size={iconSize} color="inherit" /> : undefined}
-                acceptedFileFormats={accepted}
-                text={buttonText}
-                value={buttonValue}
-                {...rest}
-            />
-        );
-    },
-};
-
-const StoryIconButton = (props: StoryAttachProps) => {
-    return <Attach {...props} />;
-};
-
-export const IconButton: StoryObj<StoryAttachProps> = {
-    args: {
-        fileFormat: 'all',
-        flow: 'horizontal',
-        hasAttachment: true,
-        width: '400px',
-        size: 'm',
-        view: 'accent',
-    },
-    argTypes: {
-        view: {
-            options: iconButtonViewOptions,
-            control: {
-                type: 'select',
-            },
-        },
-    },
-    render: (args) => {
-        const {
-            buttonText,
-            buttonValue,
-            width,
-            size,
-            fileFormat,
-            enableContentLeft,
-            enableContentRight,
-            ...rest
-        } = args;
-        const accepted = fileFormat && fileFormat !== 'all' ? [fileFormat] : undefined;
-        const iconSize = size === 'xs' ? 'xs' : 's';
-
-        return (
-            <StoryIconButton
-                style={{ width }}
-                size={size}
-                buttonType="iconButton"
-                contentLeft={enableContentLeft ? <IconMic size={iconSize} color="inherit" /> : undefined}
-                contentRight={enableContentRight ? <IconMic size={iconSize} color="inherit" /> : undefined}
-                acceptedFileFormats={accepted}
-                text={buttonText}
-                value={buttonValue}
-                {...rest}
-            />
-        );
-    },
-};