@salutejs/plasma-new-hope 0.78.0-canary.1201.8969250152.0 → 0.78.0-canary.1201.8985207823.0

package/styled-components/es/examples/plasma_web/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_web/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_web/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_web/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/Dropdown/hooks/useKeyboardNavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/hooks/useKeyboardNavigation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACrF,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE1E,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAInE,eAAO,MAAM,IAAI;;;;;;;;;;;;;CAahB,CAAC;AAQF,UAAU,KAAK;IACX,WAAW,EAAE,gBAAgB,CAAC;IAC9B,mBAAmB,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IACjD,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IACnC,OAAO,EAAE,WAAW,CAAC;IACrB,iBAAiB,EAAE,qBAAqB,CAAC;IACzC,kBAAkB,EAAE,sBAAsB,CAAC;IAC3C,aAAa,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC9C,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC5C,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;CAC7C;AAED,UAAU,aAAa;IACnB,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,gBAAgB,wJAW1B,KAAK,KAAG,aA4IV,CAAC"}
+{"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/hooks/useKeyboardNavigation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACrF,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE1E,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAInE,eAAO,MAAM,IAAI;;;;;;;;;;;;;CAahB,CAAC;AAQF,UAAU,KAAK;IACX,WAAW,EAAE,gBAAgB,CAAC;IAC9B,mBAAmB,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IACjD,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IACnC,OAAO,EAAE,WAAW,CAAC;IACrB,iBAAiB,EAAE,qBAAqB,CAAC;IACzC,kBAAkB,EAAE,sBAAsB,CAAC;IAC3C,aAAa,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC9C,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC5C,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;CAC7C;AAED,UAAU,aAAa;IACnB,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,gBAAgB,wJAW1B,KAAK,KAAG,aAqKV,CAAC"}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+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>>;
+//# sourceMappingURL=Dropdown.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownOld/Dropdown.styles.ts"],"names":[],"mappings":";AAUA,eAAO,MAAM,aAAa;;;;kKAIzB,CAAC;AAEF,eAAO,MAAM,cAAc,qKAY1B,CAAC"}

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

@@ -0,0 +1,76 @@
+import type { HTMLAttributes, ReactNode, SyntheticEvent } from 'react';
+export declare type DropdownPlacementBasic = 'top' | 'bottom' | 'right' | 'left';
+export declare type DropdownPlacement = DropdownPlacementBasic | 'auto';
+export declare type DropdownTrigger = 'hover' | 'click';
+export declare type CustomDropdownProps = {
+    /**
+     * Дропдаун открыт или нет.
+     * @default
+     *  false
+     */
+    isOpen?: boolean;
+    /**
+     * Способ открытия дропдауна окна - наведение или клик мышью.
+     * @default
+     *  click
+     */
+    trigger?: DropdownTrigger;
+    /**
+     * Сторона открытия дропдауна относительно target элемента.
+     * @default
+     *  auto
+     */
+    placement?: DropdownPlacement | Array<DropdownPlacementBasic>;
+    /**
+     * Отступ дропдауна относительно элемента, у которого оно вызвано.
+     * @default
+     * [0, 0]
+     */
+    offset?: [number, number];
+    /**
+     * Предотвратить автоматическое изменение положения при ресайзе.
+     */
+    preventOverflow?: boolean;
+    /**
+     * Элемент, рядом с которым произойдет вызов дропдауна.
+     */
+    target?: ReactNode;
+    /**
+     * Стрелка над элементом.
+     */
+    hasArrow?: boolean;
+    /**
+     * Контент всплывающего окна.
+     */
+    children?: ReactNode;
+    /**
+     * Блокировать ли фокус на дропдауне.
+     * @default
+     * true
+     */
+    isFocusTrapped?: boolean;
+    /**
+     * Закрывать окно при нажатии вне области дропдауна.
+     * @default
+     * true
+     */
+    closeOnOverlayClick?: boolean;
+    /**
+     * Закрывать окно при нажатии ESC.
+     * @default
+     * true
+     */
+    closeOnEsc?: boolean;
+    /**
+     * Событие сворачивания/разворачивания дропдауна.
+     */
+    onToggle?: (isOpen: boolean, event: SyntheticEvent | Event) => void;
+    /**
+     * В каком контейнере позиционируется(по умолчанию document), можно также указать id элемента или ref для него.
+     */
+    frame?: 'document' | string | React.RefObject<HTMLElement>;
+    size?: string;
+    view?: string;
+};
+export declare type DropdownProps = HTMLAttributes<HTMLDivElement> & CustomDropdownProps;
+//# sourceMappingURL=Dropdown.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownOld/Dropdown.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvE,oBAAY,sBAAsB,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AACzE,oBAAY,iBAAiB,GAAG,sBAAsB,GAAG,MAAM,CAAC;AAEhE,oBAAY,eAAe,GAAG,OAAO,GAAG,OAAO,CAAC;AAEhD,oBAAY,mBAAmB,GAAG;IAC9B;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,iBAAiB,GAAG,KAAK,CAAC,sBAAsB,CAAC,CAAC;IAC9D;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IACpE;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,mBAAmB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownOld.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownOld/DropdownOld.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAMhD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,eAAe,SAAU,UAAU,cAAc,EAAE,aAAa,CAAC,iKA6DzE,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBA/DQ,UAAU,cAAc,EAAE,aAAa,CAAC;;;;;;;;;;;;;;CAgF7E,CAAC"}

package/types/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.d.ts

@@ -0,0 +1,113 @@
+export declare const classes: {
+    dropdownItemIsSelected: string;
+    dropdownItemIsDisabled: string;
+};
+export declare const tokens: {
+    background: string;
+    boxShadow: string;
+    width: string;
+    height: string;
+    borderRadius: string;
+    paddingTop: string;
+    paddingRight: string;
+    paddingBottom: string;
+    paddingLeft: string;
+    itemBackground: string;
+    itemColor: string;
+    itemBackgroundHover: string;
+    itemBackgroundSelected: string;
+    itemColorSelected: string;
+    itemBackgroundSelectedHover: string;
+    itemColorSelectedHover: string;
+    itemWidth: string;
+    itemHeight: string;
+    itemBorderRadius: string;
+    itemPaddingTop: string;
+    itemPaddingRight: string;
+    itemPaddingBottom: string;
+    itemPaddingLeft: string;
+    itemMarginTop: string;
+    itemMarginRight: string;
+    itemMarginBottom: string;
+    itemMarginLeft: string;
+    itemFontFamily: string;
+    itemFontSize: string;
+    itemFontStyle: string;
+    itemFontWeightBold: string;
+    itemFontLetterSpacing: string;
+    itemFontLineHeight: string;
+    itemContentLeftColor: string;
+    itemContentRightColor: string;
+    itemContentLeftWidth: string;
+    itemContentRightWidth: string;
+    footerBackground: string;
+    footerWidth: string;
+    footerHeight: string;
+    footerPaddingTop: string;
+    footerPaddingRight: string;
+    footerPaddingBottom: string;
+    footerPaddingLeft: string;
+    footerMarginTop: string;
+    footerMarginRight: string;
+    footerMarginBottom: string;
+    footerMarginLeft: string;
+    footerFontFamily: string;
+    footerFontSize: string;
+    footerFontStyle: string;
+    footerFontWeightBold: string;
+    footerFontLetterSpacing: string;
+    footerFontLineHeight: string;
+    headerBackground: string;
+    headerWidth: string;
+    headerHeight: string;
+    headerPaddingTop: string;
+    headerPaddingRight: string;
+    headerPaddingBottom: string;
+    headerPaddingLeft: string;
+    headerMarginTop: string;
+    headerMarginRight: string;
+    headerMarginBottom: string;
+    headerMarginLeft: string;
+    headerFontFamily: string;
+    headerFontSize: string;
+    headerFontStyle: string;
+    headerFontWeightBold: string;
+    headerFontLetterSpacing: string;
+    headerFontLineHeight: string;
+    dividerColor: string;
+    dividerWidth: string;
+    dividerHeight: string;
+    dividerMarginTop: string;
+    dividerMarginRight: string;
+    dividerMarginBottom: string;
+    dividerMarginLeft: string;
+    groupBackground: string;
+    groupWidth: string;
+    groupHeight: string;
+    groupPaddingTop: string;
+    groupPaddingRight: string;
+    groupPaddingBottom: string;
+    groupPaddingLeft: string;
+    groupMarginTop: string;
+    groupMarginRight: string;
+    groupMarginBottom: string;
+    groupMarginLeft: string;
+    groupLabelColor: string;
+    groupLabelFontFamily: string;
+    groupLabelFontSize: string;
+    groupLabelFontStyle: string;
+    groupLabelFontWeight: string;
+    groupLabelLetterSpacing: string;
+    groupLabelLineHeight: string;
+    groupLabelPaddingTop: string;
+    groupLabelPaddingRight: string;
+    groupLabelPaddingBottom: string;
+    groupLabelPaddingLeft: string;
+    groupLabelMarginTop: string;
+    groupLabelMarginRight: string;
+    groupLabelMarginBottom: string;
+    groupLabelMarginLeft: string;
+    disabledOpacity: string;
+    focusColor: string;
+};
+//# sourceMappingURL=DropdownOld.tokens.d.ts.map

package/types/components/Dropdown/ui/DropdownOld/DropdownOld.tokens.d.ts.map

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

package/types/components/Dropdown/ui/DropdownOld/utils/index.d.ts

@@ -0,0 +1,4 @@
+import type { DropdownPlacement, DropdownPlacementBasic } from '../Dropdown.types';
+export declare const getPlacement: (placement: DropdownPlacement) => import("@popperjs/core").ComputedPlacement;
+export declare const getPlacements: (placements?: DropdownPlacement | DropdownPlacementBasic[] | undefined) => import("@popperjs/core").ComputedPlacement | import("@popperjs/core").ComputedPlacement[] | undefined;
+//# sourceMappingURL=index.d.ts.map

package/types/components/Dropdown/ui/DropdownOld/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Dropdown/ui/DropdownOld/utils/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAEnF,eAAO,MAAM,YAAY,cAAe,iBAAiB,+CAExD,CAAC;AAEF,eAAO,MAAM,aAAa,kLAUzB,CAAC"}

package/types/components/Dropdown/ui/DropdownOld/variations/_size/base.d.ts

@@ -0,0 +1,2 @@
+export declare const base: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=base.d.ts.map

package/types/components/Dropdown/ui/DropdownOld/variations/_size/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Dropdown/ui/DropdownOld/variations/_size/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}

package/types/components/Dropdown/ui/DropdownOld/variations/_view/base.d.ts

@@ -0,0 +1,2 @@
+export declare const base: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=base.d.ts.map

package/types/components/Dropdown/ui/DropdownOld/variations/_view/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Dropdown/ui/DropdownOld/variations/_view/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}

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

@@ -5,4 +5,6 @@ export { dropdownHeaderRoot, dropdownHeaderConfig } from './DropdownHeader/Dropd
 export { DropdownItem } from './DropdownItem/DropdownItem';
 export { DropdownInner } from './DropdownInner/DropdownInner';
 export { dropdownItemOldRoot, dropdownItemOldConfig } from './DropdownItemOld/DropdownItemOld';
+export { dropdownOldRoot, dropdownOldConfig } from './DropdownOld/DropdownOld';
+export { tokens as dropdownOldTokens } from './DropdownOld/DropdownOld.tokens';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC/F,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC/F,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC/F,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,kCAAkC,CAAC"}

package/types/examples/plasma_web/components/Dropdown/Dropdown.config.d.ts

@@ -0,0 +1,18 @@
+export declare const config: {
+    defaults: {
+        view: string;
+        size: string;
+    };
+    variations: {
+        size: {
+            xs: import("@linaria/core").LinariaClassName;
+            s: import("@linaria/core").LinariaClassName;
+            m: import("@linaria/core").LinariaClassName;
+            l: import("@linaria/core").LinariaClassName;
+        };
+        view: {
+            default: import("@linaria/core").LinariaClassName;
+        };
+    };
+};
+//# sourceMappingURL=Dropdown.config.d.ts.map

package/types/examples/plasma_web/components/Dropdown/Dropdown.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Dropdown/Dropdown.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;CAqGlB,CAAC"}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const Dropdown: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
+    size: {
+        xs: import("@linaria/core").LinariaClassName;
+        s: import("@linaria/core").LinariaClassName;
+        m: import("@linaria/core").LinariaClassName;
+        l: import("@linaria/core").LinariaClassName;
+    };
+    view: {
+        default: import("@linaria/core").LinariaClassName;
+    };
+}> & import("../../../../components/Dropdown").DropdownProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Dropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Dropdown/Dropdown.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,QAAQ;;;;;;;;;;6GAA0B,CAAC"}