@salutejs/plasma-new-hope 0.110.0-canary.1307.10056755335.0 → 0.110.0-dev.0

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

@@ -13,7 +13,7 @@ export var config = {
       l: /*#__PURE__*/css(["", ":0.125rem;", ":17.5rem;", ":0.875rem;", ":1.0625rem;", ":1rem;", ":1.0625rem;", ":1rem;", ":0.75rem;", ":0.8125rem;", ":0.8125rem;", ":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);"], dropdownTokens.padding, dropdownTokens.width, dropdownTokens.borderRadius, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemPaddingTopTight, dropdownTokens.itemPaddingBottomTight, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight)
     },
     view: {
-      "default": /*#__PURE__*/css(["", ":0.4;", ":var(--surface-accent);", ":var(--surface-solid-card);", ":var(--shadow-down-soft-s);", ":var(--text-secondary);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);"], dropdownTokens.disabledOpacity, dropdownTokens.focusColor, dropdownTokens.background, dropdownTokens.boxShadow, dropdownTokens.disclosureIconColor, dropdownTokens.itemBackground, dropdownTokens.itemBackgroundHover, dropdownTokens.itemColor)
+      "default": /*#__PURE__*/css(["", ":0.4;", ":var(--surface-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--text-secondary);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);"], dropdownTokens.disabledOpacity, dropdownTokens.focusColor, dropdownTokens.background, dropdownTokens.boxShadow, dropdownTokens.disclosureIconColor, dropdownTokens.itemBackground, dropdownTokens.itemBackgroundHover, dropdownTokens.itemColor)
     }
   }
 };

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

@@ -0,0 +1,15 @@
+import { css } from 'styled-components';
+import { emptyStateTokens as tokens } from '../../../../components/EmptyState';
+export var config = {
+  defaults: {
+    size: 'l'
+  },
+  variations: {
+    size: {
+      l: /*#__PURE__*/css(["", ":0.875rem;", ":2rem 1rem 1rem 1rem;", ":0 0 0.5rem 0;", ":0 0 1rem 0;", ":-1rem 0 0 0;", ":3.5rem;", ":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);"], tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight),
+      m: /*#__PURE__*/css(["", ":0.75rem;", ":1.625rem 1rem 0.875rem 1rem;", ":0 0 0.375rem 0;", ":0 0 0.875rem 0;", ":-0.875rem 0 0 0;", ":3rem;", ":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);"], tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight),
+      s: /*#__PURE__*/css(["", ":0.625rem;", ":1.375rem 0.875rem 0.625rem 0.875rem;", ":0 0 0.25rem 0;", ":0 0 0.625rem 0;", ":-0.625rem 0 0 0;", ":2.5rem;", ":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);"], tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight),
+      xs: /*#__PURE__*/css(["", ":0.5rem;", ":1rem 0.625rem 0.5rem 0.625rem;", ":0 0 0.25rem 0;", ":0 0 0.5rem 0;", ":-0.5rem 0 0 0;", ":2rem;", ":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);"], tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight)
+    }
+  }
+};

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

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

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

@@ -0,0 +1,44 @@
+import type { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import * as React from 'react';
+import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
+
+import { WithTheme } from '../../../_helpers';
+
+import { EmptyState } from './EmptyState';
+
+const sizes = ['l', 'm', 's', 'xs'];
+
+type StoryProps = ComponentProps<typeof EmptyState> & {
+    enableIcon: boolean;
+};
+
+const meta: Meta<StoryProps> = {
+    title: 'plasma_b2c/EmptyState',
+    decorators: [WithTheme],
+    component: EmptyState,
+    args: {
+        description: 'Описание',
+        buttonText: 'Кнопка',
+        size: 'l',
+        enableIcon: true,
+    },
+    argTypes: {
+        size: {
+            options: sizes,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+    },
+};
+
+export default meta;
+
+const DefaultStory = (args: StoryProps) => {
+    return <EmptyState {...args} icon={args.enableIcon ? <IconPlaceholder size="s" /> : undefined} />;
+};
+
+export const Default: StoryObj<StoryProps> = {
+    render: (args) => <DefaultStory {...args} />,
+};

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

@@ -0,0 +1,33 @@
+import { css } from 'styled-components';
+import { autocompleteTokens as tokens } from '../../../../components/Autocomplete';
+export var config = {
+  defaults: {
+    view: 'default',
+    size: 'l',
+    labelPlacement: 'outer'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-accent);", ":var(--surface-transparent-tertiary);", ":var(--plasma-colors-secondary);", ":var(--surface-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-accent);", ":var(--text-primary);"], tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.focusColor, tokens.infiniteLoaderSpinnerColor),
+      positive: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-accent);", ":var(--surface-positive);", ":var(--surface-positive);", ":var(--surface-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-accent);", ":var(--text-primary);"], tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.focusColor, tokens.infiniteLoaderSpinnerColor),
+      warning: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--surface-transparent-warning-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-accent);", ":var(--surface-warning);", ":var(--surface-warning);", ":var(--surface-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-accent);", ":var(--text-primary);"], tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.focusColor, tokens.infiniteLoaderSpinnerColor),
+      negative: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--surface-transparent-negative-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-accent);", ":var(--surface-negative);", ":var(--surface-negative);", ":var(--surface-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-accent);", ":var(--text-primary);"], tokens.textFieldColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldCaretColor, tokens.textFieldPlaceholderColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.background, tokens.boxShadow, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.focusColor, tokens.infiniteLoaderSpinnerColor)
+    },
+    size: {
+      l: /*#__PURE__*/css(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.875rem;", ":0.0625rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":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);", ":0.75rem;", ":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);", ":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);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.875rem;", ":0.125rem;", ":1.0625rem 1rem;", ":0.75rem;", ":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);", ":2rem 1rem 1rem 1rem;", ":0.5rem;", ":1.5rem;", ":0.5rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap),
+      m: /*#__PURE__*/css(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.75rem;", ":0.0625rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":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);", ":0.625rem;", ":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);", ":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);", ":0.375rem 0 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.75rem;", ":0.125rem;", ":0.875rem 0.875rem 0.875rem 0.875rem;", ":0.625rem;", ":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);", ":1.625rem 0.875rem 0.875rem 0.875rem;", ":0.375rem;", ":1.5rem;", ":0.375rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap),
+      s: /*#__PURE__*/css(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.625rem;", ":0.0625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":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);", ":0.5rem;", ":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);", ":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);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.625rem;", ":0.125rem;", ":0.6875rem 0.75rem;", ":0.5rem;", ":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);", ":1.375rem 0.625rem 0.625rem 0.625rem;", ":0.25rem;", ":1.5rem;", ":0.25rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap),
+      xs: /*#__PURE__*/css(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.5rem;", ":0.0625rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 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);", ":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);", ":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);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.5rem;", ":0.125rem;", ":0.5625rem 0.5rem;", ":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-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem 0.5rem 0.5rem 0.5rem;", ":0.25rem;", ":1rem;", ":0.25rem;"], tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.borderRadius, tokens.padding, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.emptyStatePadding, tokens.emptyStateGap, tokens.infiniteLoaderSpinnerSize, tokens.infiniteLoaderGap)
+    },
+    labelPlacement: {
+      inner: /*#__PURE__*/css(["", ":var(--plasma-input-label-color,var(--plasma-input-placeholder-color,var(--plasma-colors-secondary)));", ":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);"], tokens.textFieldPlaceholderColor, tokens.textFieldLabelInnerFontFamily, tokens.textFieldLabelInnerFontSize, tokens.textFieldLabelInnerFontStyle, tokens.textFieldLabelInnerFontWeight, tokens.textFieldLabelInnerLetterSpacing, tokens.textFieldLabelInnerLineHeight),
+      outer: /*#__PURE__*/css([""])
+    },
+    disabled: {
+      "true": /*#__PURE__*/css(["", ":0.4;"], tokens.textFieldDisabledOpacity)
+    },
+    readOnly: {
+      "true": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);"], tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldBorderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
+    }
+  }
+};

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

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

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

@@ -0,0 +1,134 @@
+import type { ComponentProps } from 'react';
+import * as React from 'react';
+import type { Meta, StoryObj } from '@storybook/react';
+import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
+
+import { WithTheme } from '../../../_helpers';
+
+import { Autocomplete } from './Autocomplete';
+
+const sizes = ['l', 'm', 's', 'xs'];
+const views = ['default', 'positive', 'warning', 'negative'];
+const labelPlacements = ['outer', 'inner'];
+
+const suggestions = [
+    { label: 'Алексей Смирнов' },
+    { label: 'Екатерина Иванова' },
+    { label: 'Дмитрий Петров' },
+    { label: 'Ольга Васильева' },
+    { label: 'Сергей Сидоров' },
+    { label: 'Мария Кузнецова' },
+    { label: 'Андрей Попов' },
+    { label: 'Анна Николаева' },
+    { label: 'Иван Федоров' },
+    { label: 'Наталья Морозова' },
+    { label: 'Михаил Павлов' },
+    { label: 'Елена Романова' },
+    { label: 'Владимир Киселев' },
+    { label: 'Татьяна Захарова' },
+    { label: 'Николай Семенов' },
+    { label: 'Юлия Белова' },
+    { label: 'Александр Гусев' },
+    { label: 'Оксана Яковлева' },
+    { label: 'Игорь Егорова' },
+    { label: 'Вера Тихомирова' },
+    { label: 'Артем Григорьев' },
+    { label: 'Евгения Козлова' },
+    { label: 'Максим Лебедев' },
+    { label: 'Виктория Калашникова' },
+    { label: 'Константин Абрамов' },
+    { label: 'Светлана Новикова' },
+    { label: 'Юрий Волков' },
+    { label: 'Валентина Воробьева' },
+    { label: 'Павел Сергеев' },
+    { label: 'Людмила Виноградова' },
+    { label: 'Антон Соловьев' },
+    { label: 'Маргарита Цветкова' },
+    { label: 'Роман Трофимов' },
+    { label: 'Лариса Зайцева' },
+    { label: 'Евгений Никитин' },
+    { label: 'Галина Михайлова' },
+    { label: 'Владислав Антонов' },
+    { label: 'Дарья Филатова' },
+    { label: 'Олег Буров' },
+    { label: 'Инна Медведева' },
+    { label: 'Вячеслав Крылов' },
+    { label: 'Тамара Беляева' },
+    { label: 'Кирилл Марков' },
+    { label: 'Марина Пономарева' },
+    { label: 'Борис Захаров' },
+    { label: 'Жанна Савельева' },
+    { label: 'Федор Жуков' },
+    { label: 'Елизавета Логинова' },
+    { label: 'Виктор Рыбаков' },
+    { label: 'Лилия Макарова' },
+];
+
+type StoryProps = ComponentProps<typeof Autocomplete> & {
+    enableContentLeft: boolean;
+    enableContentRight: boolean;
+};
+
+const meta: Meta<StoryProps> = {
+    title: 'plasma_web/Autocomplete',
+    decorators: [WithTheme],
+    component: Autocomplete,
+    argTypes: {
+        view: {
+            options: views,
+            control: {
+                type: 'select',
+            },
+        },
+        size: {
+            options: sizes,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        labelPlacement: {
+            options: labelPlacements,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+    },
+    args: {
+        view: 'default',
+        size: 'l',
+        labelPlacement: 'outer',
+        disabled: false,
+        readOnly: false,
+        label: 'Label',
+        textBefore: '',
+        textAfter: '',
+        placeholder: 'Заполните поле',
+        leftHelper: 'Введите имя Алексей',
+        listWidth: '100%',
+        listMaxHeight: '200px',
+        threshold: 2,
+        enableContentLeft: true,
+        enableContentRight: true,
+    },
+};
+
+export default meta;
+
+const DefaultStory = (args: StoryProps) => {
+    const { enableContentLeft, enableContentRight } = args;
+
+    const iconSize = args.size === 'xs' ? 'xs' : 's';
+
+    return (
+        <Autocomplete
+            {...args}
+            suggestions={suggestions}
+            contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
+            contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
+        />
+    );
+};
+
+export const Default: StoryObj<StoryProps> = {
+    render: (args) => <DefaultStory {...args} />,
+};

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

@@ -13,7 +13,7 @@ export var config = {
       l: /*#__PURE__*/css(["", ":0.125rem;", ":17.5rem;", ":0.875rem;", ":1.0625rem;", ":1rem;", ":1.0625rem;", ":1rem;", ":0.75rem;", ":0.8125rem;", ":0.8125rem;", ":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);"], dropdownTokens.padding, dropdownTokens.width, dropdownTokens.borderRadius, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemPaddingTopTight, dropdownTokens.itemPaddingBottomTight, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight)
     },
     view: {
-      "default": /*#__PURE__*/css(["", ":0.4;", ":var(--surface-accent);", ":var(--surface-solid-card);", ":var(--shadow-down-soft-s);", ":var(--text-secondary);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);"], dropdownTokens.disabledOpacity, dropdownTokens.focusColor, dropdownTokens.background, dropdownTokens.boxShadow, dropdownTokens.disclosureIconColor, dropdownTokens.itemBackground, dropdownTokens.itemBackgroundHover, dropdownTokens.itemColor)
+      "default": /*#__PURE__*/css(["", ":0.4;", ":var(--surface-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--text-secondary);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);"], dropdownTokens.disabledOpacity, dropdownTokens.focusColor, dropdownTokens.background, dropdownTokens.boxShadow, dropdownTokens.disclosureIconColor, dropdownTokens.itemBackground, dropdownTokens.itemBackgroundHover, dropdownTokens.itemColor)
     }
   }
 };

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

@@ -0,0 +1,15 @@
+import { css } from 'styled-components';
+import { emptyStateTokens as tokens } from '../../../../components/EmptyState';
+export var config = {
+  defaults: {
+    size: 'l'
+  },
+  variations: {
+    size: {
+      l: /*#__PURE__*/css(["", ":0.875rem;", ":2rem 1rem 1rem 1rem;", ":0 0 0.5rem 0;", ":0 0 1rem 0;", ":-1rem 0 0 0;", ":3.5rem;", ":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);"], tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight),
+      m: /*#__PURE__*/css(["", ":0.75rem;", ":1.625rem 1rem 0.875rem 1rem;", ":0 0 0.375rem 0;", ":0 0 0.875rem 0;", ":-0.875rem 0 0 0;", ":3rem;", ":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);"], tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight),
+      s: /*#__PURE__*/css(["", ":0.625rem;", ":1.375rem 0.875rem 0.625rem 0.875rem;", ":0 0 0.25rem 0;", ":0 0 0.625rem 0;", ":-0.625rem 0 0 0;", ":2.5rem;", ":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);"], tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight),
+      xs: /*#__PURE__*/css(["", ":0.5rem;", ":1rem 0.625rem 0.5rem 0.625rem;", ":0 0 0.25rem 0;", ":0 0 0.5rem 0;", ":-0.5rem 0 0 0;", ":2rem;", ":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);"], tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight)
+    }
+  }
+};

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

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

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

@@ -0,0 +1,44 @@
+import type { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import * as React from 'react';
+import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
+
+import { WithTheme } from '../../../_helpers';
+
+import { EmptyState } from './EmptyState';
+
+const sizes = ['l', 'm', 's', 'xs'];
+
+type StoryProps = ComponentProps<typeof EmptyState> & {
+    enableIcon: boolean;
+};
+
+const meta: Meta<StoryProps> = {
+    title: 'plasma_web/EmptyState',
+    decorators: [WithTheme],
+    component: EmptyState,
+    args: {
+        description: 'Описание',
+        buttonText: 'Кнопка',
+        size: 'l',
+        enableIcon: true,
+    },
+    argTypes: {
+        size: {
+            options: sizes,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+    },
+};
+
+export default meta;
+
+const DefaultStory = (args: StoryProps) => {
+    return <EmptyState {...args} icon={args.enableIcon ? <IconPlaceholder size="s" /> : undefined} />;
+};
+
+export const Default: StoryObj<StoryProps> = {
+    render: (args) => <DefaultStory {...args} />,
+};

package/styled-components/es/hooks/index.js

@@ -2,4 +2,5 @@ export { useUniqId } from './useUniqId';
 export { usePreviousValue } from './usePreviousValue';
 export { useForceUpdate } from './useForceUpdate';
 export { useDidMountEffect } from './useDidMountEffect';
+export { useOutsideClick } from './useOutsideClick';
 export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';

package/styled-components/es/hooks/useOutsideClick.js

@@ -0,0 +1,18 @@
+import { useEffect, useRef } from 'react';
+export var useOutsideClick = function useOutsideClick(callback) {
+  var ref = useRef(null);
+  useEffect(function () {
+    var handleClickOutside = function handleClickOutside(event) {
+      if (ref.current && !ref.current.contains(event.target)) {
+        callback();
+      }
+    };
+    document.addEventListener('mouseup', handleClickOutside);
+    document.addEventListener('touchend', handleClickOutside);
+    return function () {
+      document.removeEventListener('mouseup', handleClickOutside);
+      document.removeEventListener('touchend', handleClickOutside);
+    };
+  }, [callback]);
+  return ref;
+};

package/styled-components/es/index.js

@@ -52,4 +52,6 @@ export * from './components/Range';
 export * from './components/Accordion';
 export * from './components/DatePicker';
 export * from './components/Portal';
-export * from './components/Price';
+export * from './components/Price';
+export * from './components/Autocomplete';
+export * from './components/EmptyState';

package/types/components/Autocomplete/Autocomplete.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { RootProps } from '../../engines';
+import type { AutocompleteProps } from './Autocomplete.types';
+/**
+ * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.
+ */
+export declare const autocompleteRoot: (Root: RootProps<HTMLInputElement, AutocompleteProps>) => React.ForwardRefExoticComponent<import("./Autocomplete.types").BaseProps & Omit<import("../TextField/TextField.types").TextFieldPropsBase, "chips" | "enumerationType" | "onChangeChips"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & React.RefAttributes<HTMLInputElement>>;
+export declare const autocompleteConfig: {
+    name: string;
+    tag: string;
+    layout: (Root: RootProps<HTMLInputElement, AutocompleteProps>) => React.ForwardRefExoticComponent<import("./Autocomplete.types").BaseProps & Omit<import("../TextField/TextField.types").TextFieldPropsBase, "chips" | "enumerationType" | "onChangeChips"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & React.RefAttributes<HTMLInputElement>>;
+    base: import("@linaria/core").LinariaClassName;
+    defaults: {
+        view: string;
+        size: string;
+        labelPlacement: string;
+    };
+    variations: {
+        view: {
+            css: string;
+        };
+    };
+};
+//# sourceMappingURL=Autocomplete.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAIhE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM1C,OAAO,KAAK,EAAE,iBAAiB,EAAsB,MAAM,sBAAsB,CAAC;AAGlF;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,UAAU,gBAAgB,EAAE,iBAAiB,CAAC,mSAqKhF,CAAC;AAEN,eAAO,MAAM,kBAAkB;;;mBAvKQ,UAAU,gBAAgB,EAAE,iBAAiB,CAAC;;;;;;;;;;;;CAsLpF,CAAC"}

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { AutocompleteProps } from './Autocomplete.types';
+export declare const base: import("@linaria/core").LinariaClassName;
+export declare const StyledPopover: import("@linaria/react").StyledComponent<{
+    listWidth: AutocompleteProps['listWidth'];
+} & import("../../engines/types").PropsType<{
+    view: {
+        css: import("@linaria/core").LinariaClassName;
+    };
+}> & import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Ul: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement> & {
+    listMaxHeight: AutocompleteProps['listMaxHeight'];
+}>;
+export declare const LeftHelper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    disabled: AutocompleteProps['disabled'];
+    readOnly: AutocompleteProps['readOnly'];
+}>;
+export declare const InfiniteLoaderWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & Record<never, unknown>>;
+//# sourceMappingURL=Autocomplete.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.styles.ts"],"names":[],"mappings":";AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAIF,eAAO,MAAM,aAAa;eAAgC,iBAAiB,CAAC,WAAW,CAAC;;;;;4JAKvF,CAAC;AAEF,eAAO,MAAM,EAAE;mBACI,iBAAiB,CAAC,eAAe,CAAC;EAcpD,CAAC;AAEF,eAAO,MAAM,UAAU;cACT,iBAAiB,CAAC,UAAU,CAAC;cAC7B,iBAAiB,CAAC,UAAU,CAAC;EAiB1C,CAAC;AAEF,eAAO,MAAM,qBAAqB,qKAMjC,CAAC"}

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

@@ -0,0 +1,84 @@
+export declare const classes: {
+    suggestionItemIsFocused: string;
+};
+export declare const tokens: {
+    textFieldColor: string;
+    textFieldBackgroundColor: string;
+    textFieldBackgroundColorHover: string;
+    textFieldBackgroundColorFocus: string;
+    textFieldBorderColor: string;
+    textFieldBorderColorHover: string;
+    textFieldBorderColorFocus: string;
+    textFieldColorReadOnly: string;
+    textFieldBackgroundColorReadOnly: string;
+    textFieldBorderColorReadOnly: string;
+    textFieldPlaceholderColorReadOnly: string;
+    textFieldCaretColor: string;
+    textFieldPlaceholderColor: string;
+    textFieldHeight: string;
+    textFieldBorderWidth: string;
+    textFieldBorderRadius: string;
+    textFieldPadding: string;
+    textFieldLeftContentMargin: string;
+    textFieldRightContentMargin: string;
+    textFieldFontFamily: string;
+    textFieldFontStyle: string;
+    textFieldFontSize: string;
+    textFieldFontWeight: string;
+    textFieldLetterSpacing: string;
+    textFieldLineHeight: string;
+    textFieldLabelColor: string;
+    textFieldLabelColorReadOnly: string;
+    textFieldLabelOffset: string;
+    textFieldLabelFontFamily: string;
+    textFieldLabelFontStyle: string;
+    textFieldLabelFontSize: string;
+    textFieldLabelFontWeight: string;
+    textFieldLabelLetterSpacing: string;
+    textFieldLabelLineHeight: string;
+    textFieldLabelInnerFontFamily: string;
+    textFieldLabelInnerFontStyle: string;
+    textFieldLabelInnerFontSize: string;
+    textFieldLabelInnerFontWeight: string;
+    textFieldLabelInnerLetterSpacing: string;
+    textFieldLabelInnerLineHeight: string;
+    textFieldLabelInnerPadding: string;
+    textFieldContentLabelInnerPadding: string;
+    textFieldLeftHelperColor: string;
+    textFieldLeftHelperColorReadOnly: string;
+    textFieldLeftHelperOffset: string;
+    textFieldLeftHelperFontFamily: string;
+    textFieldLeftHelperFontStyle: string;
+    textFieldLeftHelperFontSize: string;
+    textFieldLeftHelperFontWeight: string;
+    textFieldLeftHelperLetterSpacing: string;
+    textFieldLeftHelperLineHeight: string;
+    textFieldTextBeforeColor: string;
+    textFieldTextAfterColor: string;
+    textFieldTextBeforeMargin: string;
+    textFieldTextAfterMargin: string;
+    textFieldDisabledOpacity: string;
+    textFieldFocusColor: string;
+    background: string;
+    boxShadow: string;
+    borderRadius: string;
+    padding: string;
+    itemPadding: string;
+    itemBorderRadius: string;
+    itemFontFamily: string;
+    itemFontSize: string;
+    itemFontStyle: string;
+    itemFontWeight: string;
+    itemFontLetterSpacing: string;
+    itemFontLineHeight: string;
+    itemBackground: string;
+    itemBackgroundHover: string;
+    itemColor: string;
+    focusColor: string;
+    infiniteLoaderSpinnerColor: string;
+    infiniteLoaderSpinnerSize: string;
+    infiniteLoaderGap: string;
+    emptyStateGap: string;
+    emptyStatePadding: string;
+};
+//# sourceMappingURL=Autocomplete.tokens.d.ts.map

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

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