@salutejs/sdds-cs 0.318.1-canary.2036.15825543194.0 → 0.318.1-canary.2038.15820228509.0

package/emotion/cjs/components/Attach/Attach.stories.tsx

@@ -0,0 +1,157 @@
+import React from 'react';
+import type { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import { InSpacingDecorator } from '@salutejs/plasma-sb-utils';
+import { IconPlasma } from '@salutejs/plasma-icons';
+
+import { Attach } from './Attach';
+
+const viewOptions = ['accent', 'secondary', 'clear'];
+const helperTextViewOptions = ['default', 'negative'];
+
+const flowOptions = ['horizontal', 'vertical', 'auto'];
+const fileFormatOptions = ['all', '.doc', '.xls', '.pdf', '.csv', '.txt'];
+const sizeOptions = ['s'];
+
+type StoryAttachProps = ComponentProps<typeof Attach> & {
+    enableContentLeft: boolean;
+    enableContentRight: boolean;
+    buttonText?: string;
+    buttonValue?: string;
+    fileFormat?: string;
+    width?: string;
+};
+
+const meta: Meta<StoryAttachProps> = {
+    title: 'Data Entry/Attach',
+    decorators: [InSpacingDecorator],
+    component: Attach,
+    argTypes: {
+        fileFormat: {
+            options: fileFormatOptions,
+            control: {
+                type: 'select',
+            },
+        },
+        flow: {
+            options: flowOptions,
+            control: {
+                type: 'select',
+            },
+        },
+        size: {
+            options: sizeOptions,
+            control: {
+                type: 'select',
+            },
+        },
+        view: {
+            options: viewOptions,
+            control: {
+                type: 'select',
+            },
+        },
+        helperTextView: {
+            options: helperTextViewOptions,
+            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: '',
+        helperText: 'Подсказка',
+        enableContentLeft: false,
+        enableContentRight: false,
+        size: 's',
+        view: 'accent',
+        helperTextView: 'default',
+    },
+    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 ? <IconPlasma size={iconSize} color="inherit" /> : undefined}
+                contentRight={enableContentRight ? <IconPlasma 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',
+        helperText: 'Подсказка',
+        size: 's',
+        view: 'accent',
+        helperTextView: 'default',
+    },
+    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 ? <IconPlasma size={iconSize} color="inherit" /> : undefined}
+                contentRight={enableContentRight ? <IconPlasma size={iconSize} color="inherit" /> : undefined}
+                acceptedFileFormats={accepted}
+                text={buttonText}
+                value={buttonValue}
+                {...rest}
+            />
+        );
+    },
+};

package/emotion/cjs/components/Attach/index.js

@@ -1,11 +1,12 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
 Object.defineProperty(exports, "Attach", {
-    enumerable: true,
-    get: function() {
-        return _Attach.Attach;
-    }
+  enumerable: true,
+  get: function get() {
+    return _Attach.Attach;
+  }
 });
-var _Attach = require("./Attach");
+var _Attach = /*#__PURE__*/require("./Attach");

package/emotion/cjs/components/Autocomplete/Autocomplete.config.js

@@ -1,252 +1,35 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "config", {
-    enumerable: true,
-    get: function() {
-        return config;
-    }
-});
-var _emotion = require("@salutejs/plasma-new-hope/emotion");
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-primary);\n\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-tertiary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-tertiary);\n\n                ",
-        ": var(--surface-solid-card);\n                ",
-        ": var(--surface-solid-card);\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-accent);\n\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-secondary-hover);\n                ",
-        ": var(--text-secondary-active);\n                ",
-        ": var(--text-accent);\n                ",
-        ": #1A9E32;\n                ",
-        ": var(--text-accent-active);\n\n                ",
-        ": var(--surface-accent);\n                ",
-        ": var(--surface-negative);\n                ",
-        ": var(--text-tertiary);\n\n                ",
-        ": var(--outline-solid-primary);\n                ",
-        ": var(--outline-solid-primary-hover);\n                ",
-        ": var(--outline-accent);\n\n                ",
-        ": var(--surface-solid-card);\n                ",
-        ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ",
-        ": var(--plasma-colors-transparent);\n                ",
-        ": var(--surface-transparent-accent);\n                ",
-        ": var(--text-primary);\n\n                ",
-        ": var(--text-primary);\n\n                ",
-        ": var(--surface-solid-primary);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-primary);\n\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-tertiary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-tertiary);\n\n                ",
-        ": var(--surface-solid-card);\n                ",
-        ": var(--surface-solid-card);\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-negative);\n                ",
-        ": var(--text-accent);\n\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-secondary-hover);\n                ",
-        ": var(--text-secondary-active);\n                ",
-        ": var(--text-accent);\n                ",
-        ": #1A9E32;\n                ",
-        ": var(--text-accent-active);\n\n                ",
-        ": var(--surface-accent);\n                ",
-        ": var(--surface-negative);\n                ",
-        ": var(--text-tertiary);\n\n                ",
-        ": var(--outline-negative);\n                ",
-        ": var(--outline-negative-hover);\n                ",
-        ": var(--outline-accent);\n\n                ",
-        ": var(--surface-solid-card);\n                ",
-        ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ",
-        ": var(--plasma-colors-transparent);\n                ",
-        ": var(--surface-transparent-accent);\n                ",
-        ": var(--text-primary);\n\n                ",
-        ": var(--text-primary);\n\n                ",
-        ": var(--surface-solid-primary);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 2.5rem;\n                ",
-        ": 0.6875rem 0.75rem 0.6875rem 0.75rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.125rem;\n\n                ",
-        ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ",
-        ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n                ",
-        ": 0 0.25rem 0 0;\n                ",
-        ": 0 0 0 0.25rem;\n\n                ",
-        ": var(--plasma-typo-body-m-font-family);\n                ",
-        ": var(--plasma-typo-body-m-font-size);\n                ",
-        ": var(--plasma-typo-body-m-font-style);\n                ",
-        ": var(--plasma-typo-body-m-font-weight);\n                ",
-        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-m-line-height);\n\n                ",
-        ": 0.5rem;\n                ",
-        ": var(--plasma-typo-body-s-font-family);\n                ",
-        ": var(--plasma-typo-body-s-font-size);\n                ",
-        ": var(--plasma-typo-body-s-font-style);\n                ",
-        ": var(--plasma-typo-body-s-font-weight);\n                ",
-        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-s-line-height);\n\n                ",
-        ": 0.25rem;\n                ",
-        ": var(--plasma-typo-body-s-font-family);\n                ",
-        ": var(--plasma-typo-body-s-font-size);\n                ",
-        ": var(--plasma-typo-body-s-font-style);\n                ",
-        ": var(--plasma-typo-body-s-font-weight);\n                ",
-        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-s-line-height);\n\n                ",
-        ": 0.3125rem 0 0 0;\n                ",
-        ": 1.0625rem 0 0.3125rem 0;\n\n                ",
-        ": 0.375rem;\n                ",
-        ": 0.375rem;\n                ",
-        ": 0 0 0 0;\n                ",
-        ": 0.3125rem auto auto -0.6875rem;\n                ",
-        ": 0 0 auto auto;\n                ",
-        ": 0.25rem -0.625rem auto auto;\n                ",
-        ": 1.063rem auto auto -0.75rem;\n                ",
-        ": 1.063rem -0.75rem auto auto;\n                ",
-        ": 1.063rem -2.125rem auto auto;\n\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.125rem;\n                ",
-        ": 0.6875rem 0.75rem;\n                ",
-        ": 0.5rem;\n\n                ",
-        ": var(--plasma-typo-body-m-font-family);\n                ",
-        ": var(--plasma-typo-body-m-font-size);\n                ",
-        ": var(--plasma-typo-body-m-font-style);\n                ",
-        ": var(--plasma-typo-body-m-font-weight);\n                ",
-        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-m-line-height);\n\n                ",
-        ": 1.375rem 0.625rem 0.625rem 0.625rem;\n                ",
-        ": 0.25rem;\n\n                ",
-        ": 1.5rem;\n                ",
-        ": 0.25rem;\n\n                ",
-        ": 0.125rem;\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--plasma-colors-secondary)));\n                ",
-        ": var(--plasma-typo-body-xs-font-family);\n                ",
-        ": var(--plasma-typo-body-xs-font-size);\n                ",
-        ": var(--plasma-typo-body-xs-font-style);\n                ",
-        ": var(--plasma-typo-body-xs-font-weight);\n                ",
-        ": var(--plasma-typo-body-xs-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-xs-line-height);\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject4() {
-    var data = _tagged_template_literal([
-        ""
-    ]);
-    _templateObject4 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject5() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--surface-solid-primary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--surface-solid-primary);\n                ",
-        ": var(--surface-solid-primary);\n                ",
-        ": var(--surface-solid-primary);\n                ",
-        ": var(--surface-solid-primary);\n                ",
-        ": var(--surface-solid-primary);\n                ",
-        ": var(--surface-solid-primary);\n            "
-    ]);
-    _templateObject5 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject6() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--surface-transparent-primary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-secondary);\n            "
-    ]);
-    _templateObject6 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var config = {
-    defaults: {
-        view: 'default',
-        size: 's',
-        labelPlacement: 'outer'
+exports.config = void 0;
+var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var config = exports.config = {
+  defaults: {
+    view: 'default',
+    size: 's',
+    labelPlacement: 'outer'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-card);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": var(--text-accent);\n                ", ": #1A9E32;\n                ", ": var(--text-accent-active);\n\n                ", ": var(--surface-accent);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--outline-solid-primary);\n                ", ": var(--outline-solid-primary-hover);\n                ", ": var(--outline-accent);\n\n                ", ": var(--surface-solid-card);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--text-primary);\n\n                ", ": var(--text-primary);\n\n                ", ": var(--surface-solid-primary);\n            "])), _emotion.autocompleteTokens.textFieldColor, _emotion.autocompleteTokens.textFieldClearColor, _emotion.autocompleteTokens.textFieldPlaceholderColor, _emotion.autocompleteTokens.textFieldPlaceholderColorFocus, _emotion.autocompleteTokens.textFieldClearPlaceholderColor, _emotion.autocompleteTokens.textFieldClearPlaceholderColorFocus, _emotion.autocompleteTokens.textFieldBackgroundColor, _emotion.autocompleteTokens.textFieldBackgroundColorFocus, _emotion.autocompleteTokens.textFieldCaretColor, _emotion.autocompleteTokens.textFieldTextBeforeColor, _emotion.autocompleteTokens.textFieldTextAfterColor, _emotion.autocompleteTokens.textFieldLabelColor, _emotion.autocompleteTokens.textFieldLeftHelperColor, _emotion.autocompleteTokens.textFieldFocusColor, _emotion.autocompleteTokens.textFieldContentSlotColor, _emotion.autocompleteTokens.textFieldContentSlotColorHover, _emotion.autocompleteTokens.textFieldContentSlotColorActive, _emotion.autocompleteTokens.textFieldContentSlotRightColor, _emotion.autocompleteTokens.textFieldContentSlotRightColorHover, _emotion.autocompleteTokens.textFieldContentSlotRightColorActive, _emotion.autocompleteTokens.focusColor, _emotion.autocompleteTokens.textFieldIndicatorColor, _emotion.autocompleteTokens.textFieldOptionalColor, _emotion.autocompleteTokens.textFieldBorderColor, _emotion.autocompleteTokens.textFieldBorderColorHover, _emotion.autocompleteTokens.textFieldBorderColorFocus, _emotion.autocompleteTokens.background, _emotion.autocompleteTokens.boxShadow, _emotion.autocompleteTokens.itemBackground, _emotion.autocompleteTokens.itemBackgroundHover, _emotion.autocompleteTokens.itemColor, _emotion.autocompleteTokens.infiniteLoaderSpinnerColor, _emotion.autocompleteTokens.dropdownBorderColor),
+      negative: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-card);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": var(--text-accent);\n                ", ": #1A9E32;\n                ", ": var(--text-accent-active);\n\n                ", ": var(--surface-accent);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--outline-negative);\n                ", ": var(--outline-negative-hover);\n                ", ": var(--outline-accent);\n\n                ", ": var(--surface-solid-card);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--text-primary);\n\n                ", ": var(--text-primary);\n\n                ", ": var(--surface-solid-primary);\n            "])), _emotion.autocompleteTokens.textFieldColor, _emotion.autocompleteTokens.textFieldClearColor, _emotion.autocompleteTokens.textFieldPlaceholderColor, _emotion.autocompleteTokens.textFieldPlaceholderColorFocus, _emotion.autocompleteTokens.textFieldClearPlaceholderColor, _emotion.autocompleteTokens.textFieldClearPlaceholderColorFocus, _emotion.autocompleteTokens.textFieldBackgroundColor, _emotion.autocompleteTokens.textFieldBackgroundColorFocus, _emotion.autocompleteTokens.textFieldCaretColor, _emotion.autocompleteTokens.textFieldTextBeforeColor, _emotion.autocompleteTokens.textFieldTextAfterColor, _emotion.autocompleteTokens.textFieldLabelColor, _emotion.autocompleteTokens.textFieldLeftHelperColor, _emotion.autocompleteTokens.textFieldFocusColor, _emotion.autocompleteTokens.textFieldContentSlotColor, _emotion.autocompleteTokens.textFieldContentSlotColorHover, _emotion.autocompleteTokens.textFieldContentSlotColorActive, _emotion.autocompleteTokens.textFieldContentSlotRightColor, _emotion.autocompleteTokens.textFieldContentSlotRightColorHover, _emotion.autocompleteTokens.textFieldContentSlotRightColorActive, _emotion.autocompleteTokens.focusColor, _emotion.autocompleteTokens.textFieldIndicatorColor, _emotion.autocompleteTokens.textFieldOptionalColor, _emotion.autocompleteTokens.textFieldBorderColor, _emotion.autocompleteTokens.textFieldBorderColorHover, _emotion.autocompleteTokens.textFieldBorderColorFocus, _emotion.autocompleteTokens.background, _emotion.autocompleteTokens.boxShadow, _emotion.autocompleteTokens.itemBackground, _emotion.autocompleteTokens.itemBackgroundHover, _emotion.autocompleteTokens.itemColor, _emotion.autocompleteTokens.infiniteLoaderSpinnerColor, _emotion.autocompleteTokens.dropdownBorderColor)
+    },
+    size: {
+      s: /*#__PURE__*/(0, _emotion.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\n                ", ": 0.6875rem 0.75rem 0.6875rem 0.75rem;\n                ", ": 0.75rem;\n                ", ": 0.125rem;\n\n                ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.5rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.3125rem auto auto -0.6875rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.625rem auto auto;\n                ", ": 1.063rem auto auto -0.75rem;\n                ", ": 1.063rem -0.75rem auto auto;\n                ", ": 1.063rem -2.125rem auto auto;\n\n                ", ": 0.75rem;\n                ", ": 0.125rem;\n                ", ": 0.6875rem 0.75rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 1.375rem 0.625rem 0.625rem 0.625rem;\n                ", ": 0.25rem;\n\n                ", ": 1.5rem;\n                ", ": 0.25rem;\n\n                ", ": 0.125rem;\n            "])), _emotion.autocompleteTokens.textFieldHeight, _emotion.autocompleteTokens.textFieldPadding, _emotion.autocompleteTokens.textFieldBorderRadius, _emotion.autocompleteTokens.textFieldBorderWidth, _emotion.autocompleteTokens.textFieldLeftContentMargin, _emotion.autocompleteTokens.textFieldRightContentMargin, _emotion.autocompleteTokens.textFieldTextBeforeMargin, _emotion.autocompleteTokens.textFieldTextAfterMargin, _emotion.autocompleteTokens.textFieldFontFamily, _emotion.autocompleteTokens.textFieldFontSize, _emotion.autocompleteTokens.textFieldFontStyle, _emotion.autocompleteTokens.textFieldFontWeight, _emotion.autocompleteTokens.textFieldLetterSpacing, _emotion.autocompleteTokens.textFieldLineHeight, _emotion.autocompleteTokens.textFieldLabelOffset, _emotion.autocompleteTokens.textFieldLabelFontFamily, _emotion.autocompleteTokens.textFieldLabelFontSize, _emotion.autocompleteTokens.textFieldLabelFontStyle, _emotion.autocompleteTokens.textFieldLabelFontWeight, _emotion.autocompleteTokens.textFieldLabelLetterSpacing, _emotion.autocompleteTokens.textFieldLabelLineHeight, _emotion.autocompleteTokens.textFieldLeftHelperOffset, _emotion.autocompleteTokens.textFieldLeftHelperFontFamily, _emotion.autocompleteTokens.textFieldLeftHelperFontSize, _emotion.autocompleteTokens.textFieldLeftHelperFontStyle, _emotion.autocompleteTokens.textFieldLeftHelperFontWeight, _emotion.autocompleteTokens.textFieldLeftHelperLetterSpacing, _emotion.autocompleteTokens.textFieldLeftHelperLineHeight, _emotion.autocompleteTokens.textFieldLabelInnerPadding, _emotion.autocompleteTokens.textFieldContentLabelInnerPadding, _emotion.autocompleteTokens.textFieldIndicatorSizeInner, _emotion.autocompleteTokens.textFieldIndicatorSizeOuter, _emotion.autocompleteTokens.textFieldIndicatorLabelPlacementInner, _emotion.autocompleteTokens.textFieldIndicatorLabelPlacementOuter, _emotion.autocompleteTokens.textFieldIndicatorLabelPlacementInnerRight, _emotion.autocompleteTokens.textFieldIndicatorLabelPlacementOuterRight, _emotion.autocompleteTokens.textFieldClearIndicatorLabelPlacementInner, _emotion.autocompleteTokens.textFieldClearIndicatorLabelPlacementInnerRight, _emotion.autocompleteTokens.textFieldClearIndicatorHintInnerRight, _emotion.autocompleteTokens.borderRadius, _emotion.autocompleteTokens.padding, _emotion.autocompleteTokens.itemPadding, _emotion.autocompleteTokens.itemBorderRadius, _emotion.autocompleteTokens.itemFontFamily, _emotion.autocompleteTokens.itemFontSize, _emotion.autocompleteTokens.itemFontStyle, _emotion.autocompleteTokens.itemFontWeight, _emotion.autocompleteTokens.itemFontLetterSpacing, _emotion.autocompleteTokens.itemFontLineHeight, _emotion.autocompleteTokens.emptyStatePadding, _emotion.autocompleteTokens.emptyStateGap, _emotion.autocompleteTokens.infiniteLoaderSpinnerSize, _emotion.autocompleteTokens.infiniteLoaderGap, _emotion.autocompleteTokens.dropdownBorderWidth)
+    },
+    labelPlacement: {
+      inner: /*#__PURE__*/(0, _emotion.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--plasma-colors-secondary)));\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n            "])), _emotion.autocompleteTokens.textFieldPlaceholderColor, _emotion.autocompleteTokens.textFieldLabelInnerFontFamily, _emotion.autocompleteTokens.textFieldLabelInnerFontSize, _emotion.autocompleteTokens.textFieldLabelInnerFontStyle, _emotion.autocompleteTokens.textFieldLabelInnerFontWeight, _emotion.autocompleteTokens.textFieldLabelInnerLetterSpacing, _emotion.autocompleteTokens.textFieldLabelInnerLineHeight),
+      outer: /*#__PURE__*/(0, _emotion.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral([""])))
+    },
+    disabled: {
+      "true": /*#__PURE__*/(0, _emotion.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary);\n            "])), _emotion.autocompleteTokens.itemColor, _emotion.autocompleteTokens.background, _emotion.autocompleteTokens.textFieldColor, _emotion.autocompleteTokens.textFieldLabelColor, _emotion.autocompleteTokens.textFieldBackgroundColor, _emotion.autocompleteTokens.textFieldBackgroundColorHover, _emotion.autocompleteTokens.textFieldBackgroundColorFocus, _emotion.autocompleteTokens.textFieldBorderColor, _emotion.autocompleteTokens.textFieldBorderColorHover, _emotion.autocompleteTokens.textFieldBorderColorFocus)
     },
-    variations: {
-        view: {
-            default: (0, _emotion.css)(_templateObject(), _emotion.autocompleteTokens.textFieldColor, _emotion.autocompleteTokens.textFieldClearColor, _emotion.autocompleteTokens.textFieldPlaceholderColor, _emotion.autocompleteTokens.textFieldPlaceholderColorFocus, _emotion.autocompleteTokens.textFieldClearPlaceholderColor, _emotion.autocompleteTokens.textFieldClearPlaceholderColorFocus, _emotion.autocompleteTokens.textFieldBackgroundColor, _emotion.autocompleteTokens.textFieldBackgroundColorFocus, _emotion.autocompleteTokens.textFieldCaretColor, _emotion.autocompleteTokens.textFieldTextBeforeColor, _emotion.autocompleteTokens.textFieldTextAfterColor, _emotion.autocompleteTokens.textFieldLabelColor, _emotion.autocompleteTokens.textFieldLeftHelperColor, _emotion.autocompleteTokens.textFieldFocusColor, _emotion.autocompleteTokens.textFieldContentSlotColor, _emotion.autocompleteTokens.textFieldContentSlotColorHover, _emotion.autocompleteTokens.textFieldContentSlotColorActive, _emotion.autocompleteTokens.textFieldContentSlotRightColor, _emotion.autocompleteTokens.textFieldContentSlotRightColorHover, _emotion.autocompleteTokens.textFieldContentSlotRightColorActive, _emotion.autocompleteTokens.focusColor, _emotion.autocompleteTokens.textFieldIndicatorColor, _emotion.autocompleteTokens.textFieldOptionalColor, _emotion.autocompleteTokens.textFieldBorderColor, _emotion.autocompleteTokens.textFieldBorderColorHover, _emotion.autocompleteTokens.textFieldBorderColorFocus, _emotion.autocompleteTokens.background, _emotion.autocompleteTokens.boxShadow, _emotion.autocompleteTokens.itemBackground, _emotion.autocompleteTokens.itemBackgroundHover, _emotion.autocompleteTokens.itemColor, _emotion.autocompleteTokens.infiniteLoaderSpinnerColor, _emotion.autocompleteTokens.dropdownBorderColor),
-            negative: (0, _emotion.css)(_templateObject1(), _emotion.autocompleteTokens.textFieldColor, _emotion.autocompleteTokens.textFieldClearColor, _emotion.autocompleteTokens.textFieldPlaceholderColor, _emotion.autocompleteTokens.textFieldPlaceholderColorFocus, _emotion.autocompleteTokens.textFieldClearPlaceholderColor, _emotion.autocompleteTokens.textFieldClearPlaceholderColorFocus, _emotion.autocompleteTokens.textFieldBackgroundColor, _emotion.autocompleteTokens.textFieldBackgroundColorFocus, _emotion.autocompleteTokens.textFieldCaretColor, _emotion.autocompleteTokens.textFieldTextBeforeColor, _emotion.autocompleteTokens.textFieldTextAfterColor, _emotion.autocompleteTokens.textFieldLabelColor, _emotion.autocompleteTokens.textFieldLeftHelperColor, _emotion.autocompleteTokens.textFieldFocusColor, _emotion.autocompleteTokens.textFieldContentSlotColor, _emotion.autocompleteTokens.textFieldContentSlotColorHover, _emotion.autocompleteTokens.textFieldContentSlotColorActive, _emotion.autocompleteTokens.textFieldContentSlotRightColor, _emotion.autocompleteTokens.textFieldContentSlotRightColorHover, _emotion.autocompleteTokens.textFieldContentSlotRightColorActive, _emotion.autocompleteTokens.focusColor, _emotion.autocompleteTokens.textFieldIndicatorColor, _emotion.autocompleteTokens.textFieldOptionalColor, _emotion.autocompleteTokens.textFieldBorderColor, _emotion.autocompleteTokens.textFieldBorderColorHover, _emotion.autocompleteTokens.textFieldBorderColorFocus, _emotion.autocompleteTokens.background, _emotion.autocompleteTokens.boxShadow, _emotion.autocompleteTokens.itemBackground, _emotion.autocompleteTokens.itemBackgroundHover, _emotion.autocompleteTokens.itemColor, _emotion.autocompleteTokens.infiniteLoaderSpinnerColor, _emotion.autocompleteTokens.dropdownBorderColor)
-        },
-        size: {
-            s: (0, _emotion.css)(_templateObject2(), _emotion.autocompleteTokens.textFieldHeight, _emotion.autocompleteTokens.textFieldPadding, _emotion.autocompleteTokens.textFieldBorderRadius, _emotion.autocompleteTokens.textFieldBorderWidth, _emotion.autocompleteTokens.textFieldLeftContentMargin, _emotion.autocompleteTokens.textFieldRightContentMargin, _emotion.autocompleteTokens.textFieldTextBeforeMargin, _emotion.autocompleteTokens.textFieldTextAfterMargin, _emotion.autocompleteTokens.textFieldFontFamily, _emotion.autocompleteTokens.textFieldFontSize, _emotion.autocompleteTokens.textFieldFontStyle, _emotion.autocompleteTokens.textFieldFontWeight, _emotion.autocompleteTokens.textFieldLetterSpacing, _emotion.autocompleteTokens.textFieldLineHeight, _emotion.autocompleteTokens.textFieldLabelOffset, _emotion.autocompleteTokens.textFieldLabelFontFamily, _emotion.autocompleteTokens.textFieldLabelFontSize, _emotion.autocompleteTokens.textFieldLabelFontStyle, _emotion.autocompleteTokens.textFieldLabelFontWeight, _emotion.autocompleteTokens.textFieldLabelLetterSpacing, _emotion.autocompleteTokens.textFieldLabelLineHeight, _emotion.autocompleteTokens.textFieldLeftHelperOffset, _emotion.autocompleteTokens.textFieldLeftHelperFontFamily, _emotion.autocompleteTokens.textFieldLeftHelperFontSize, _emotion.autocompleteTokens.textFieldLeftHelperFontStyle, _emotion.autocompleteTokens.textFieldLeftHelperFontWeight, _emotion.autocompleteTokens.textFieldLeftHelperLetterSpacing, _emotion.autocompleteTokens.textFieldLeftHelperLineHeight, _emotion.autocompleteTokens.textFieldLabelInnerPadding, _emotion.autocompleteTokens.textFieldContentLabelInnerPadding, _emotion.autocompleteTokens.textFieldIndicatorSizeInner, _emotion.autocompleteTokens.textFieldIndicatorSizeOuter, _emotion.autocompleteTokens.textFieldIndicatorLabelPlacementInner, _emotion.autocompleteTokens.textFieldIndicatorLabelPlacementOuter, _emotion.autocompleteTokens.textFieldIndicatorLabelPlacementInnerRight, _emotion.autocompleteTokens.textFieldIndicatorLabelPlacementOuterRight, _emotion.autocompleteTokens.textFieldClearIndicatorLabelPlacementInner, _emotion.autocompleteTokens.textFieldClearIndicatorLabelPlacementInnerRight, _emotion.autocompleteTokens.textFieldClearIndicatorHintInnerRight, _emotion.autocompleteTokens.borderRadius, _emotion.autocompleteTokens.padding, _emotion.autocompleteTokens.itemPadding, _emotion.autocompleteTokens.itemBorderRadius, _emotion.autocompleteTokens.itemFontFamily, _emotion.autocompleteTokens.itemFontSize, _emotion.autocompleteTokens.itemFontStyle, _emotion.autocompleteTokens.itemFontWeight, _emotion.autocompleteTokens.itemFontLetterSpacing, _emotion.autocompleteTokens.itemFontLineHeight, _emotion.autocompleteTokens.emptyStatePadding, _emotion.autocompleteTokens.emptyStateGap, _emotion.autocompleteTokens.infiniteLoaderSpinnerSize, _emotion.autocompleteTokens.infiniteLoaderGap, _emotion.autocompleteTokens.dropdownBorderWidth)
-        },
-        labelPlacement: {
-            inner: (0, _emotion.css)(_templateObject3(), _emotion.autocompleteTokens.textFieldPlaceholderColor, _emotion.autocompleteTokens.textFieldLabelInnerFontFamily, _emotion.autocompleteTokens.textFieldLabelInnerFontSize, _emotion.autocompleteTokens.textFieldLabelInnerFontStyle, _emotion.autocompleteTokens.textFieldLabelInnerFontWeight, _emotion.autocompleteTokens.textFieldLabelInnerLetterSpacing, _emotion.autocompleteTokens.textFieldLabelInnerLineHeight),
-            outer: (0, _emotion.css)(_templateObject4())
-        },
-        disabled: {
-            true: (0, _emotion.css)(_templateObject5(), _emotion.autocompleteTokens.itemColor, _emotion.autocompleteTokens.background, _emotion.autocompleteTokens.textFieldColor, _emotion.autocompleteTokens.textFieldLabelColor, _emotion.autocompleteTokens.textFieldBackgroundColor, _emotion.autocompleteTokens.textFieldBackgroundColorHover, _emotion.autocompleteTokens.textFieldBackgroundColorFocus, _emotion.autocompleteTokens.textFieldBorderColor, _emotion.autocompleteTokens.textFieldBorderColorHover, _emotion.autocompleteTokens.textFieldBorderColorFocus)
-        },
-        readOnly: {
-            true: (0, _emotion.css)(_templateObject6(), _emotion.autocompleteTokens.textFieldColorReadOnly, _emotion.autocompleteTokens.textFieldBackgroundColorReadOnly, _emotion.autocompleteTokens.textFieldPlaceholderColorReadOnly, _emotion.autocompleteTokens.textFieldLeftHelperColorReadOnly, _emotion.autocompleteTokens.textFieldLabelColorReadOnly)
-        }
+    readOnly: {
+      "true": /*#__PURE__*/(0, _emotion.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _emotion.autocompleteTokens.textFieldColorReadOnly, _emotion.autocompleteTokens.textFieldBackgroundColorReadOnly, _emotion.autocompleteTokens.textFieldPlaceholderColorReadOnly, _emotion.autocompleteTokens.textFieldLeftHelperColorReadOnly, _emotion.autocompleteTokens.textFieldLabelColorReadOnly)
     }
-};
+  }
+};

package/emotion/cjs/components/Autocomplete/Autocomplete.js

@@ -1,14 +1,10 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "Autocomplete", {
-    enumerable: true,
-    get: function() {
-        return Autocomplete;
-    }
-});
-var _emotion = require("@salutejs/plasma-new-hope/emotion");
-var _Autocompleteconfig = require("./Autocomplete.config");
-var mergedConfig = (0, _emotion.mergeConfig)(_emotion.autocompleteConfig, _Autocompleteconfig.config);
-var Autocomplete = (0, _emotion.component)(mergedConfig);
+exports.Autocomplete = void 0;
+var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
+var _Autocomplete = /*#__PURE__*/require("./Autocomplete.config");
+var mergedConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.autocompleteConfig, _Autocomplete.config);
+var Autocomplete = exports.Autocomplete = /*#__PURE__*/(0, _emotion.component)(mergedConfig);