@salutejs/plasma-new-hope 0.77.1-canary.1197.8831064988.0 → 0.77.1-canary.1201.8930079977.0

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

@@ -9,7 +9,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { forwardRef, useEffect, useRef, useState } from 'react';
-import { safeUseId, useForkRef } from '@salutejs/plasma-core';
+import { safeUseId } from '@salutejs/plasma-core';
 import { css } from 'styled-components';
 import { cx } from '../../utils';
 import { base as sizeCSS } from './variations/_size/base';
@@ -20,7 +20,7 @@ import { base as labelPlacementCSS } from './variations/_label-placement/base';
 import { Input, LeftHelper, Label, InputWrapper, InputLabelWrapper, StyledContentLeft, StyledContentRight, StyledChips } from './TextField.styles';
 import { classes } from './TextField.tokens';
 import { TextFieldChip } from './ui';
-import { useKeyNavigation } from './hooks';
+import { useKeyNavigation } from './hooks/useKeyNavigation';
 export var base = /*#__PURE__*/css(["display:block;overflow:hidden;"]);
 export var textFieldRoot = function textFieldRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, ref) {
@@ -46,7 +46,6 @@ export var textFieldRoot = function textFieldRoot(Root) {
       rest = _objectWithoutProperties(_ref, _excluded);
     var contentRef = useRef(null);
     var inputRef = useRef(null);
-    var inputForkRef = useForkRef(inputRef, ref);
     var chipsRefs = useRef([]);
     var controlledRefs = {
       contentRef: contentRef,
@@ -135,6 +134,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
       setChips(newChips);
     }, [isChipEnumeration, values]);
     return /*#__PURE__*/React.createElement(Root, {
+      ref: ref,
       view: view,
       size: size,
       disabled: disabled,
@@ -173,7 +173,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
         onClick: onChipClick
       });
     })), /*#__PURE__*/React.createElement(Input, _extends({}, rest, {
-      ref: inputForkRef,
+      ref: inputRef,
       id: innerId,
       "aria-labelledby": labelId,
       "aria-describedby": helperTextId,

package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js

@@ -11,8 +11,7 @@ export var DisclosureRight = function DisclosureRight(props) {
       fillRule: "evenodd",
       clipRule: "evenodd",
       d: "M9.883 4.707a1 1 0 011.414-1.414L16.004 8l-4.707 4.707a1 1 0 01-1.414-1.414L13.176 8 9.883 4.707z",
-      fill: "currentColor",
-      fillOpacity: 0.56
+      fill: "currentColor"
     })));
   }
   return /*#__PURE__*/React.createElement("svg", _extends({

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

@@ -0,0 +1,19 @@
+import { css } from 'styled-components';
+import { dropdownTokens } from '../../../../components/Dropdown';
+export var config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    size: {
+      xs: /*#__PURE__*/css(["", ":0.125rem;", ":10rem;", ":0.5rem;", ":0.5625rem;", ":0.5rem;", ":0.5625rem;", ":0.5rem;", ":0.375rem;", ":0.3125rem;", ":0.3125rem;", ":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);"], 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),
+      s: /*#__PURE__*/css(["", ":0.125rem;", ":12.5rem;", ":0.625rem;", ":0.6875rem;", ":0.75rem;", ":0.6875rem;", ":0.75rem;", ":0.5rem;", ":0.4375rem;", ":0.4375rem;", ":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);"], 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),
+      m: /*#__PURE__*/css(["", ":0.125rem;", ":15rem;", ":0.75rem;", ":0.875rem;", ":0.875rem;", ":0.875rem;", ":0.875rem;", ":0.625rem;", ":0.625rem;", ":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);"], 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),
+      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)
+    }
+  }
+};

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

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

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

@@ -0,0 +1,292 @@
+import React from 'react';
+import type { ComponentProps } from 'react';
+import type { Meta, StoryObj } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+
+import { WithTheme } from '../../../_helpers';
+import { Button } from '../Button/Button';
+import type { DropdownPlacement, DropdownTrigger } from '../../../../components/Dropdown/Dropdown.types';
+
+import { Dropdown } from './Dropdown';
+
+type StoryDropdownProps = ComponentProps<typeof Dropdown>;
+
+const placements: Array<DropdownPlacement> = ['top', 'bottom', 'right', 'left', 'auto'];
+const triggers: Array<DropdownTrigger> = ['click', 'hover'];
+const size = ['xs', 's', 'm', 'l'];
+const variant = ['normal', 'tight'];
+
+const meta: Meta<StoryDropdownProps> = {
+    title: 'plasma_b2c/Dropdown',
+    decorators: [WithTheme],
+    component: Dropdown,
+    argTypes: {
+        placement: {
+            options: placements,
+            control: {
+                type: 'select',
+            },
+        },
+        trigger: {
+            options: triggers,
+            control: {
+                type: 'select',
+            },
+        },
+        size: {
+            options: size,
+            control: {
+                type: 'select',
+            },
+        },
+        variant: {
+            options: variant,
+            control: {
+                type: 'select',
+            },
+        },
+    },
+    args: {
+        trigger: 'click',
+        offset: [0, 0],
+        listWidth: 'auto',
+        hasArrow: true,
+        closeOnOverlayClick: true,
+        closeOnSelect: true,
+        size: 'm',
+        variant: 'normal',
+    },
+};
+
+export default meta;
+
+const items = [
+    {
+        value: 'north_america',
+        label: 'Северная Америка',
+    },
+    {
+        value: 'south_america',
+        label: 'Южная Америка',
+        items: [
+            {
+                value: 'brazil',
+                label: 'Бразилия',
+                items: [
+                    {
+                        value: 'rio_de_janeiro',
+                        label: 'Рио-де-Жанейро',
+                    },
+                    {
+                        value: 'sao_paulo',
+                        label: 'Сан-Паулу',
+                    },
+                ],
+            },
+            {
+                value: 'argentina',
+                label: 'Аргентина',
+                items: [
+                    {
+                        value: 'buenos_aires',
+                        label: 'Буэнос-Айрес',
+                    },
+                    {
+                        value: 'cordoba',
+                        label: 'Кордова',
+                    },
+                ],
+            },
+            {
+                value: 'colombia',
+                label: 'Колумбия',
+                items: [
+                    {
+                        value: 'bogota',
+                        label: 'Богота',
+                    },
+                    {
+                        value: 'medellin',
+                        label: 'Медельин',
+                    },
+                ],
+            },
+        ],
+    },
+    {
+        value: 'europe',
+        label: 'Европа',
+        items: [
+            {
+                value: 'france',
+                label: 'Франция',
+                items: [
+                    {
+                        value: 'paris',
+                        label: 'Париж',
+                    },
+                    {
+                        value: 'lyon',
+                        label: 'Лион',
+                    },
+                ],
+            },
+            {
+                value: 'germany',
+                label: 'Германия',
+                items: [
+                    {
+                        value: 'berlin',
+                        label: 'Берлин',
+                    },
+                    {
+                        value: 'munich',
+                        label: 'Мюнхен',
+                    },
+                ],
+            },
+            {
+                value: 'italy',
+                label: 'Италия',
+                items: [
+                    {
+                        value: 'rome',
+                        label: 'Рим',
+                    },
+                    {
+                        value: 'milan',
+                        label: 'Милан',
+                    },
+                ],
+            },
+            {
+                value: 'spain',
+                label: 'Испания',
+                items: [
+                    {
+                        value: 'madrid',
+                        label: 'Мадрид',
+                    },
+                    {
+                        value: 'barcelona',
+                        label: 'Барселона',
+                    },
+                ],
+            },
+            {
+                value: 'united_kingdom',
+                label: 'Великобритания',
+                items: [
+                    {
+                        value: 'london',
+                        label: 'Лондон',
+                    },
+                    {
+                        value: 'manchester',
+                        label: 'Манчестер',
+                    },
+                ],
+            },
+        ],
+    },
+    {
+        value: 'asia',
+        label: 'Азия',
+        items: [
+            {
+                value: 'china',
+                label: 'Китай',
+                items: [
+                    {
+                        value: 'beijing',
+                        label: 'Пекин',
+                    },
+                    {
+                        value: 'shanghai',
+                        label: 'Шанхай',
+                    },
+                ],
+            },
+            {
+                value: 'japan',
+                label: 'Япония',
+                items: [
+                    {
+                        value: 'tokyo',
+                        label: 'Токио',
+                    },
+                    {
+                        value: 'osaka',
+                        label: 'Осака',
+                    },
+                ],
+            },
+            {
+                value: 'india',
+                label: 'Индия',
+                items: [
+                    {
+                        value: 'delhi',
+                        label: 'Дели',
+                    },
+                    {
+                        value: 'mumbai',
+                        label: 'Мумбаи',
+                    },
+                ],
+            },
+            {
+                value: 'south_korea',
+                label: 'Южная Корея',
+                items: [
+                    {
+                        value: 'seoul',
+                        label: 'Сеул',
+                    },
+                    {
+                        value: 'busan',
+                        label: 'Пусан',
+                    },
+                ],
+            },
+            {
+                value: 'thailand',
+                label: 'Таиланд',
+                items: [
+                    {
+                        value: 'bangkok',
+                        label: 'Бангкок',
+                    },
+                    {
+                        value: 'phuket',
+                        label: 'Пхукет',
+                    },
+                ],
+            },
+        ],
+    },
+    {
+        value: 'africa',
+        label: 'Африка',
+        disabled: true,
+    },
+];
+
+const StoryNormal = (args: StoryDropdownProps) => {
+    return (
+        <Dropdown
+            {...args}
+            items={items}
+            onToggle={action('onToggle')}
+            onHover={action('onHover')}
+            onItemSelect={action('onItemSelect')}
+            onItemClick={action('onItemClick')}
+        >
+            <Button text="Список стран" />
+        </Dropdown>
+    );
+};
+
+export const Default: StoryObj<StoryDropdownProps> = {
+    render: (args) => <StoryNormal {...args} />,
+};

package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.d.ts

@@ -1,41 +1,43 @@
-/// <reference types="react" />
-export declare const comboboxItemRoot: (Root: import("../../../..").RootProps<HTMLDivElement, import("../../../Dropdown/ui/DropdownItem/DropdownItem.type").DropdownItemProps>) => import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement>, "onSelect"> & {
+import React from 'react';
+import type { RootProps } from '../../../../engines';
+import { ComboboxItemProps } from './ComboboxItem.type';
+export declare const comboboxItemRoot: (Root: RootProps<HTMLDivElement, ComboboxItemProps>) => React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> & {
     id?: string | undefined;
     disabled?: boolean | undefined;
-    label?: import("react").ReactNode;
+    label?: React.ReactNode;
     role?: string | undefined;
-    contentLeft?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | null | undefined;
-    contentRight?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | null | undefined;
+    contentLeft?: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | React.ReactPortal | React.ComponentClass<any, any> | React.FunctionComponent<any> | null | undefined;
+    contentRight?: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | React.ReactPortal | React.ComponentClass<any, any> | React.FunctionComponent<any> | null | undefined;
     name?: string | undefined;
     checked?: boolean | undefined;
     text?: string | undefined;
     value?: string | number | boolean | undefined;
     isSelected?: boolean | undefined;
-    onClick?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+    onClick?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
     onSelect?: ((value?: any, text?: any) => void) | undefined;
     size?: string | undefined;
     view?: string | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;
+} & React.RefAttributes<HTMLDivElement>>;
 export declare const comboboxItemConfig: {
     name: string;
     tag: string;
-    layout: (Root: import("../../../..").RootProps<HTMLDivElement, import("../../../Dropdown/ui/DropdownItem/DropdownItem.type").DropdownItemProps>) => import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement>, "onSelect"> & {
+    layout: (Root: RootProps<HTMLDivElement, ComboboxItemProps>) => React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> & {
         id?: string | undefined;
         disabled?: boolean | undefined;
-        label?: import("react").ReactNode;
+        label?: React.ReactNode;
         role?: string | undefined;
-        contentLeft?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | null | undefined;
-        contentRight?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | null | undefined;
+        contentLeft?: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | React.ReactPortal | React.ComponentClass<any, any> | React.FunctionComponent<any> | null | undefined;
+        contentRight?: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | React.ReactPortal | React.ComponentClass<any, any> | React.FunctionComponent<any> | null | undefined;
         name?: string | undefined;
         checked?: boolean | undefined;
         text?: string | undefined;
         value?: string | number | boolean | undefined;
         isSelected?: boolean | undefined;
-        onClick?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+        onClick?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
         onSelect?: ((value?: any, text?: any) => void) | undefined;
         size?: string | undefined;
         view?: string | undefined;
-    } & import("react").RefAttributes<HTMLDivElement>>;
+    } & React.RefAttributes<HTMLDivElement>>;
     base: import("@linaria/core").LinariaClassName;
     variations: {
         view: {

package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ui/ComboboxItem/ComboboxItem.tsx"],"names":[],"mappings":";AAMA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;kDAAmB,CAAC;AAEjD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiB9B,CAAC"}
+{"version":3,"file":"ComboboxItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ui/ComboboxItem/ComboboxItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAQrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,gBAAgB,SAAU,UAAU,cAAc,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;wCA4G9E,CAAC;AAEN,eAAO,MAAM,kBAAkB;;;mBA9GQ,UAAU,cAAc,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+HlF,CAAC"}

package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.d.ts

@@ -1,3 +1,7 @@
-export declare const mappingOverride: string;
+/// <reference types="react" />
+export declare const StyledContentLeft: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledContentRight: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledText: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const baseContent: string;
 export declare const base: import("@linaria/core").LinariaClassName;
 //# sourceMappingURL=ComboboxItem.styles.d.ts.map

package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,eAAe,QA+B3B,CAAC;AAEF,eAAO,MAAM,IAAI,0CAGhB,CAAC"}
+{"version":3,"file":"ComboboxItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,iBAAiB,qKAK7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAM9B,CAAC;AAEF,eAAO,MAAM,UAAU,qKAEtB,CAAC;AAGF,eAAO,MAAM,WAAW,QA0DvB,CAAC;AAEF,eAAO,MAAM,IAAI,0CAEhB,CAAC"}

package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.type.d.ts

@@ -1,3 +1,60 @@
-import { DropdownItemProps } from '../../../Dropdown/ui/DropdownItem/DropdownItem.type';
-export declare type ComboboxItemProps = DropdownItemProps;
+import type { HTMLAttributes, ReactNode, MouseEvent, ElementType } from 'react';
+declare type ComboboxItemCustomProps = {
+    /**
+     * Уникальный идентификатор элемента
+     */
+    id?: string;
+    /**
+     * Компонент не активен
+     */
+    disabled?: boolean;
+    /**
+     * Метка-подпись к элементу
+     */
+    label?: ReactNode;
+    /**
+     * WAI-ARIA role элемента меню
+     */
+    role?: string;
+    /**
+     * Слот для контента слева
+     */
+    contentLeft?: ElementType | ReactNode;
+    /**
+     * Слот для контента справа
+     */
+    contentRight?: ElementType | ReactNode;
+    /**
+     *  Название слота контента
+     */
+    name?: string;
+    /**
+     *  Отмечен ли данный элемент
+     */
+    checked?: boolean;
+    /**
+     *  Содержимое контента
+     */
+    text?: string;
+    /**
+     *  Значение контента
+     */
+    value?: string | number | boolean;
+    /**
+     *  Значение контента
+     */
+    isSelected?: boolean;
+    /**
+     *  Коллбек при клике на элемент
+     */
+    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
+    /**
+     *  Коллбек при выборе элемента
+     */
+    onSelect?: (value?: any, text?: any) => void;
+    size?: string;
+    view?: string;
+};
+export declare type ComboboxItemProps = Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'> & ComboboxItemCustomProps;
+export {};
 //# sourceMappingURL=ComboboxItem.type.d.ts.map

package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxItem.type.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ui/ComboboxItem/ComboboxItem.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qDAAqD,CAAC;AAExF,oBAAY,iBAAiB,GAAG,iBAAiB,CAAC"}
+{"version":3,"file":"ComboboxItem.type.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ui/ComboboxItem/ComboboxItem.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEhF,aAAK,uBAAuB,GAAG;IAC3B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACtC;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACvC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAClC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACtD;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG,uBAAuB,CAAC"}

package/types/components/Combobox/utils/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ElementType, ReactNode } from 'react';
+export declare const getValidComponent: (element: ElementType | ReactNode, props: object) => string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
+//# sourceMappingURL=index.d.ts.map

package/types/components/Combobox/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/utils/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMpD,eAAO,MAAM,iBAAiB,YAAa,WAAW,GAAG,SAAS,SAAS,MAAM,qFAYhF,CAAC"}

package/types/components/Dropdown/Dropdown.d.ts

@@ -2,14 +2,14 @@ import React from 'react';
 import { RootProps } from '../../engines';
 import type { DropdownProps } from './Dropdown.types';
 /**
- * Выпадающий список без внешнего контроля видимости.
+ * Выпадающий список.
  */
-export declare const dropdownRoot: (Root: RootProps<HTMLDivElement, DropdownProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("./Dropdown.types").CustomDropdownProps & React.RefAttributes<HTMLDivElement>>;
+export declare const dropdownRoot: (Root: RootProps<HTMLDivElement, DropdownProps>) => React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLDivElement>>;
 export declare const dropdownConfig: {
     name: string;
     tag: string;
-    layout: (Root: RootProps<HTMLDivElement, DropdownProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("./Dropdown.types").CustomDropdownProps & React.RefAttributes<HTMLDivElement>>;
-    base: string;
+    layout: (Root: RootProps<HTMLDivElement, DropdownProps>) => React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLDivElement>>;
+    base: import("@linaria/core").LinariaClassName;
     variations: {
         view: {
             css: import("@linaria/core").LinariaClassName;

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,cAAc,EAAE,aAAa,CAAC,iKA6DtE,CAAC;AAEN,eAAO,MAAM,cAAc;;;mBA/DQ,UAAU,cAAc,EAAE,aAAa,CAAC;;;;;;;;;;;;;;CAgF1E,CAAC"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAU1C,OAAO,KAAK,EAAE,aAAa,EAA0B,MAAM,kBAAkB,CAAC;AAK9E;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,cAAc,EAAE,aAAa,CAAC,yFAgItE,CAAC;AAEN,eAAO,MAAM,cAAc;;;mBAlIQ,UAAU,cAAc,EAAE,aAAa,CAAC;;;;;;;;;;;;;;CAmJ1E,CAAC"}

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

@@ -1,8 +1,15 @@
 /// <reference types="react" />
+import { DropdownProps } from './Dropdown.types';
 export declare const StyledPopover: import("@linaria/react").StyledMeta & import("react").FunctionComponent<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 StyledDropdown: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Ul: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement> & {
+    listHeight: DropdownProps['listHeight'];
+    listOverflow: DropdownProps['listOverflow'];
+    isInnerUl?: boolean | undefined;
+    listWidth?: DropdownProps['listWidth'];
+}>;
+export declare const base: import("@linaria/core").LinariaClassName;
 //# sourceMappingURL=Dropdown.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.styles.ts"],"names":[],"mappings":";AAUA,eAAO,MAAM,aAAa;;;;4JAIzB,CAAC;AAEF,eAAO,MAAM,cAAc,qKAY1B,CAAC"}
+{"version":3,"file":"Dropdown.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.styles.ts"],"names":[],"mappings":";AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKjD,eAAO,MAAM,aAAa;;;;4JAIzB,CAAC;AAEF,eAAO,MAAM,EAAE;gBACC,aAAa,CAAC,YAAY,CAAC;kBACzB,aAAa,CAAC,cAAc,CAAC;;gBAE/B,aAAa,CAAC,WAAW,CAAC;EAczC,CAAC;AAEF,eAAO,MAAM,IAAI,0CAEhB,CAAC"}