@salutejs/plasma-new-hope 0.68.0-canary.1104.8452846373.0 → 0.68.0-canary.1148.8452547227.0

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

@@ -0,0 +1,131 @@
+import React from 'react';
+import type { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import styled from 'styled-components';
+
+import { WithTheme } from '../../../_helpers';
+import { Avatar } from '../Avatar/Avatar';
+import { IconChevronLeft } from '../../../../components/_Icon';
+
+import { Cell, Textbox, TextTitle } from './Cell';
+
+type StoryProps = ComponentProps<typeof Cell> & {
+    itemsCount?: number;
+    enableLeftContent?: boolean;
+    enableRightContent?: boolean;
+};
+type Story = StoryObj<StoryProps>;
+
+const sizes = ['l', 'm', 's', 'xs'];
+const stretchingValues = ['fixed', 'filled', 'auto'];
+const alignLeft = ['top', 'center', 'bottom'];
+const alignRight = ['top', 'center', 'bottom'];
+
+type SizesCell = 'xs' | 'l' | 'm' | 's' | undefined;
+type SizesAvatar = 'l' | 'm' | 's';
+
+const getSize = (size: SizesCell): SizesAvatar => {
+    if (size === 'xs' || !size) {
+        return 's';
+    }
+
+    return size;
+};
+
+const meta: Meta<typeof Cell> = {
+    title: 'plasma_web/Cell',
+    decorators: [WithTheme],
+    argTypes: {
+        size: {
+            options: sizes,
+            control: {
+                type: 'select',
+            },
+        },
+        stretching: {
+            options: stretchingValues,
+            control: {
+                type: 'select',
+            },
+        },
+        alignLeft: {
+            options: alignLeft,
+            control: {
+                type: 'select',
+            },
+        },
+        alignRight: {
+            options: alignRight,
+            control: {
+                type: 'select',
+            },
+        },
+    },
+};
+
+export default meta;
+
+const ChevronRight = styled(IconChevronLeft)`
+    transform: rotate(180deg);
+    color: var(--text-secondary);
+`;
+
+export const Default: Story = {
+    args: {
+        size: 'm',
+        stretching: 'filled',
+        enableLeftContent: false,
+        enableRightContent: false,
+        alignLeft: 'center',
+        alignRight: 'center',
+        title: 'Title',
+        subtitle: 'Subtitle',
+        label: 'Label',
+    },
+    render: ({ ...args }: StoryProps) => {
+        return (
+            <Cell
+                contentLeft={
+                    !args.enableLeftContent && (
+                        <Avatar size={getSize(args.size)} url="https://avatars.githubusercontent.com/u/1813468?v=4" />
+                    )
+                }
+                alignLeft={args.alignLeft}
+                contentRight={!args.enableRightContent && <ChevronRight color="inherit" size="xs" />}
+                alignRight={args.alignRight}
+                title={args.title}
+                subtitle={args.subtitle}
+                label={args.label}
+                {...args}
+            />
+        );
+    },
+};
+
+export const WithContentTextboxCustom: Story = {
+    args: {
+        size: 'm',
+        stretching: 'filled',
+    },
+    render: ({ ...args }: StoryProps) => {
+        const MyStyledText = styled.div`
+            font-size: 12px;
+            font-weight: 600;
+            opacity: 0.5;
+        `;
+        return (
+            <Cell
+                contentLeft={
+                    <Avatar size={getSize(args.size)} url="https://avatars.githubusercontent.com/u/1813468?v=4" />
+                }
+                contentRight={<ChevronRight color="inherit" size="xs" />}
+                {...args}
+            >
+                <Textbox>
+                    <TextTitle>Title</TextTitle>
+                    <MyStyledText>My styled Text</MyStyledText>
+                </Textbox>
+            </Cell>
+        );
+    },
+};

package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.stories.tsx

@@ -51,7 +51,7 @@ const meta: Meta<StoryDropdownProps> = {
         closeOnEsc: true,
         isFocusTrapped: true,
         skidding: 0,
-        distance: 0,
+        distance: 6,
     },
 };
 

package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.stories.tsx

@@ -51,7 +51,7 @@ const meta: Meta<StoryDropdownProps> = {
         closeOnEsc: true,
         isFocusTrapped: true,
         skidding: 0,
-        distance: 0,
+        distance: 6,
     },
 };
 

package/styled-components/es/index.js

@@ -6,6 +6,7 @@ export * from './hooks';
 export * from './components/Button';
 export * from './components/ButtonGroup';
 export * from './components/Chip';
+export * from './components/Cell';
 export * from './components/Link';
 export * from './components/Spinner';
 export * from './components/Checkbox';

package/types/components/Cell/Cell.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { RootProps } from '../../engines';
+import type { CellProps } from './Cell.types';
+export declare const cellRoot: (Root: RootProps<HTMLSelectElement, CellProps>) => React.ForwardRefExoticComponent<CellProps & React.RefAttributes<HTMLSelectElement>>;
+export declare const cellConfig: {
+    name: string;
+    tag: string;
+    layout: (Root: RootProps<HTMLSelectElement, CellProps>) => React.ForwardRefExoticComponent<CellProps & React.RefAttributes<HTMLSelectElement>>;
+    base: string;
+    variations: {
+        view: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        size: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        stretching: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+    };
+    defaults: {
+        view: string;
+        size: string;
+        stretching: string;
+    };
+};
+//# sourceMappingURL=Cell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../src/components/Cell/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQ9C,eAAO,MAAM,QAAQ,SAAU,UAAU,iBAAiB,EAAE,SAAS,CAAC,wFAoCjE,CAAC;AAEN,eAAO,MAAM,UAAU;;;mBAtCQ,UAAU,iBAAiB,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;CA2DrE,CAAC"}

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

@@ -0,0 +1,10 @@
+import type { AlignProp } from './Cell.types';
+export declare const CellContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CellContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CellLeft: import("styled-components").StyledComponent<"div", any, {
+    align: AlignProp;
+}, never>;
+export declare const CellRight: import("styled-components").StyledComponent<"div", any, {
+    align: AlignProp;
+}, never>;
+//# sourceMappingURL=Cell.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Cell/Cell.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAS9C,eAAO,MAAM,kBAAkB,oEAM9B,CAAC;AAEF,eAAO,MAAM,WAAW,oEAIvB,CAAC;AAEF,eAAO,MAAM,QAAQ;WAAuB,SAAS;SAGpD,CAAC;AAEF,eAAO,MAAM,SAAS;WAAuB,SAAS;SAIrD,CAAC"}

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

@@ -0,0 +1,43 @@
+export declare const tokens: {
+    cellColor: string;
+    cellBackgroundColor: string;
+    cellPadding: string;
+    cellPaddingLeftContent: string;
+    cellPaddingContent: string;
+    cellPaddingRightContent: string;
+    cellTextboxGap: string;
+    cellGap: string;
+    cellWidth: string;
+    cellLabelColor: string;
+    cellLabelFontFamily: string;
+    cellLabelFontSize: string;
+    cellLabelFontStyle: string;
+    cellLabelFontWeight: string;
+    cellLabelLetterSpacing: string;
+    cellLabelLineHeight: string;
+    cellTitleColor: string;
+    cellTitleFontFamily: string;
+    cellTitleFontSize: string;
+    cellTitleFontStyle: string;
+    cellTitleFontWeight: string;
+    cellTitleLetterSpacing: string;
+    cellTitleLineHeight: string;
+    cellSubtitleColor: string;
+    cellSubtitleFontFamily: string;
+    cellSubtitleFontSize: string;
+    cellSubtitleFontStyle: string;
+    cellSubtitleFontWeight: string;
+    cellSubtitleLetterSpacing: string;
+    cellSubtitleLineHeight: string;
+};
+export declare const classes: {
+    autoStretching: string;
+    filledStretching: string;
+    fixedStretching: string;
+    cellWrapper: string;
+    cellRoot: string;
+    cellContent: string;
+    cellLeftContent: string;
+    cellRightContent: string;
+};
+//# sourceMappingURL=Cell.tokens.d.ts.map

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

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

package/types/components/Cell/Cell.types.d.ts

@@ -0,0 +1,45 @@
+import type { ReactNode } from 'react';
+import type { TextboxProps } from './Textbox/Textbox.types';
+export declare type AlignProp = 'center' | 'top' | 'bottom';
+declare type CustomCellProps = {
+    /**
+     * Размер
+     */
+    size?: string;
+    /**
+     * Размер
+     */
+    view: string;
+    /**
+     * Слот для контента слева, например `Icon`
+     */
+    contentLeft?: ReactNode;
+    /**
+     * Слот для контента спарва, например `Icon`
+     */
+    contentRight?: ReactNode;
+    /**
+     * Слот для контента спарва, например `Icon`
+     */
+    content?: ReactNode;
+    /**
+     * Вертикальное выравнивание контента слева.
+     */
+    alignLeft?: AlignProp;
+    /**
+     * Вертикальное выравнивание контента справа.
+     */
+    alignRight?: AlignProp;
+    /**
+     * Ширина cell
+     * @description
+     * Может принимать три значения:
+     * fixed - кнопка фиксированной ширины;
+     * filled - кнопка занимает всю доступную ширину
+     * auto - кнопка растягивается в зависимости от контента
+     */
+    stretching?: 'fixed' | 'filled' | 'auto';
+};
+export declare type CellProps = CustomCellProps & TextboxProps;
+export {};
+//# sourceMappingURL=Cell.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.types.d.ts","sourceRoot":"","sources":["../../../src/components/Cell/Cell.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,oBAAY,SAAS,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEpD,aAAK,eAAe,GAAG;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CAC5C,CAAC;AAEF,oBAAY,SAAS,GAAG,eAAe,GAAG,YAAY,CAAC"}

package/types/components/Cell/Textbox/Textbox.d.ts

@@ -0,0 +1,4 @@
+import React, { HTMLAttributes } from 'react';
+import type { TextboxProps } from './Textbox.types';
+export declare const Textbox: React.FC<HTMLAttributes<HTMLDivElement> & TextboxProps>;
+//# sourceMappingURL=Textbox.d.ts.map

package/types/components/Cell/Textbox/Textbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Cell/Textbox/Textbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAMpD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,YAAY,CAmB3E,CAAC"}

package/types/components/Cell/Textbox/Textbox.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const TextboxStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+//# sourceMappingURL=Textbox.styles.d.ts.map

package/types/components/Cell/Textbox/Textbox.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textbox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Cell/Textbox/Textbox.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,oEAIzB,CAAC"}

package/types/components/Cell/Textbox/Textbox.types.d.ts

@@ -0,0 +1,35 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export declare type AlignLeftProp = 'center' | 'top' | 'bottom';
+export declare type AlignRightProp = 'center' | 'top';
+declare type CustomTextboxProps = {
+    /**
+     * Слот для Title
+     */
+    title?: ReactNode;
+    /**
+     * Слот для Subtitle
+     */
+    subtitle?: ReactNode;
+    /**
+     * Слот для Label
+     */
+    label?: ReactNode;
+    children?: undefined;
+} | {
+    /**
+     * Слот для Title
+     */
+    title?: undefined;
+    /**
+     * Слот для Subtitle
+     */
+    subtitle?: undefined;
+    /**
+     * Слот для Label
+     */
+    label?: undefined;
+    children?: ReactNode;
+};
+export declare type TextboxProps = HTMLAttributes<HTMLDivElement> & CustomTextboxProps;
+export {};
+//# sourceMappingURL=Textbox.types.d.ts.map

package/types/components/Cell/Textbox/Textbox.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textbox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Cell/Textbox/Textbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,oBAAY,aAAa,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,CAAC;AACxD,oBAAY,cAAc,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE9C,aAAK,kBAAkB,GACjB;IACI;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,GACD;IACI;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAER,oBAAY,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,kBAAkB,CAAC"}

package/types/components/Cell/Textbox/ui/TextLabel.d.ts

@@ -0,0 +1,5 @@
+import React, { HTMLAttributes } from 'react';
+declare type TextLabelProps = {};
+export declare const TextLabel: React.FC<HTMLAttributes<HTMLDivElement> & TextLabelProps>;
+export {};
+//# sourceMappingURL=TextLabel.d.ts.map

package/types/components/Cell/Textbox/ui/TextLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextLabel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Cell/Textbox/ui/TextLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAe9C,aAAK,cAAc,GAAG,EAAE,CAAC;AAEzB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,cAAc,CAE/E,CAAC"}

package/types/components/Cell/Textbox/ui/TextSubtitle.d.ts

@@ -0,0 +1,5 @@
+import React, { HTMLAttributes } from 'react';
+declare type TextSubtitleProps = {};
+export declare const TextSubtitle: React.FC<HTMLAttributes<HTMLDivElement> & TextSubtitleProps>;
+export {};
+//# sourceMappingURL=TextSubtitle.d.ts.map

package/types/components/Cell/Textbox/ui/TextSubtitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextSubtitle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Cell/Textbox/ui/TextSubtitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAe9C,aAAK,iBAAiB,GAAG,EAAE,CAAC;AAE5B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAErF,CAAC"}

package/types/components/Cell/Textbox/ui/TextTitle.d.ts

@@ -0,0 +1,5 @@
+import React, { HTMLAttributes } from 'react';
+declare type TextTitleProps = {};
+export declare const TextTitle: React.FC<HTMLAttributes<HTMLDivElement> & TextTitleProps>;
+export {};
+//# sourceMappingURL=TextTitle.d.ts.map

package/types/components/Cell/Textbox/ui/TextTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextTitle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Cell/Textbox/ui/TextTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAe9C,aAAK,cAAc,GAAG,EAAE,CAAC;AAEzB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,cAAc,CAE/E,CAAC"}

package/types/components/Cell/index.d.ts

@@ -0,0 +1,9 @@
+export { TextLabel } from './Textbox/ui/TextLabel';
+export { TextTitle } from './Textbox/ui/TextTitle';
+export { TextSubtitle } from './Textbox/ui/TextSubtitle';
+export { cellRoot, cellConfig } from './Cell';
+export type { CellProps } from './Cell.types';
+export { tokens as cellTokens, classes as cellClasses } from './Cell.tokens';
+export { Textbox } from './Textbox/Textbox';
+export type { TextboxProps } from './Textbox/Textbox.types';
+//# sourceMappingURL=index.d.ts.map

package/types/components/Cell/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Cell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC9C,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAE7E,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC"}

package/types/components/Cell/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/Cell/variations/_size/base.d.ts.map

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

package/types/components/Cell/variations/_stretching/base.d.ts

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

package/types/components/Cell/variations/_stretching/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Cell/variations/_stretching/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAUhB,CAAC"}

package/types/components/Cell/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/Cell/variations/_view/base.d.ts.map

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

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

@@ -3,17 +3,11 @@ export declare const StyledRoot: import("@linaria/react").StyledComponent<import
 export declare const StyledCombobox: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledPopover: import("@linaria/react").StyledComponent<{
     selectWidth?: number | undefined;
-} & (import("../../engines/types").PropsType<{
+} & import("../../engines/types").PropsType<{
     view: {
         css: import("@linaria/core").LinariaClassName;
     };
-}> & ((import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & {
-    trigger?: "click" | undefined;
-    closeOnOverlayClick?: boolean | undefined;
-} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & {
-    trigger?: "hover" | undefined;
-    closeOnBeyondTargetHover?: boolean | undefined;
-} & import("react").RefAttributes<HTMLDivElement>)))>;
+}> & import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const ComboboxItemNotFound: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledNativeSelect: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSelectElement> & import("react").SelectHTMLAttributes<HTMLSelectElement> & Record<never, unknown>>;
 //# sourceMappingURL=Combobox.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.styles.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,UAAU,qKAGtB,CAAC;AAEF,eAAO,MAAM,cAAc,qKAY1B,CAAC;AAKF,eAAO,MAAM,aAAa;;;;;;;;;;;;qDAMzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKAUhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,iLAY9B,CAAC"}
+{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.styles.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,UAAU,qKAGtB,CAAC;AAEF,eAAO,MAAM,cAAc,qKAY1B,CAAC;AAKF,eAAO,MAAM,aAAa;;;;;;4JAMzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKAUhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,iLAY9B,CAAC"}

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,iKA8DtE,CAAC;AAEN,eAAO,MAAM,cAAc;;;mBAhEQ,UAAU,cAAc,EAAE,aAAa,CAAC;;;;;;;;;;;;;;CAiF1E,CAAC"}
+{"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"}

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

@@ -3,12 +3,6 @@ export declare const StyledPopover: import("@linaria/react").StyledMeta & import
     view: {
         css: import("@linaria/core").LinariaClassName;
     };
-}> & ((import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & {
-    trigger?: "click" | undefined;
-    closeOnOverlayClick?: boolean | undefined;
-} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & {
-    trigger?: "hover" | undefined;
-    closeOnBeyondTargetHover?: boolean | undefined;
-} & import("react").RefAttributes<HTMLDivElement>))>;
+}> & 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/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;;;;;;;;;;oDAIzB,CAAC;AAEF,eAAO,MAAM,cAAc,qKAY1B,CAAC"}
+{"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"}

package/types/components/Popover/Popover.d.ts

@@ -7,11 +7,11 @@ export declare const POPOVER_PORTAL_ID = "plasma-popover-root";
  * Всплывающее окно с возможностью позиционирования
  * и вызова по клику либо ховеру.
  */
-export declare const popoverRoot: (Root: RootProps<HTMLDivElement, PopoverProps>) => React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
+export declare const popoverRoot: (Root: RootProps<HTMLDivElement, PopoverProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("./Popover.types").CustomPopoverProps & React.RefAttributes<HTMLDivElement>>;
 export declare const popoverConfig: {
     name: string;
     tag: string;
-    layout: (Root: RootProps<HTMLDivElement, PopoverProps>) => React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
+    layout: (Root: RootProps<HTMLDivElement, PopoverProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("./Popover.types").CustomPopoverProps & React.RefAttributes<HTMLDivElement>>;
     base: string;
     variations: {
         view: {

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAMpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAItE,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,WAAW,SAAU,UAAU,cAAc,EAAE,YAAY,CAAC,wFAsQnE,CAAC;AAEP,eAAO,MAAM,aAAa;;;mBAxQQ,UAAU,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;CAqRxE,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAMpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAItE,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,WAAW,SAAU,UAAU,cAAc,EAAE,YAAY,CAAC,+JAgPpE,CAAC;AAEN,eAAO,MAAM,aAAa;;;mBAlPQ,UAAU,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;CA+PxE,CAAC"}

package/types/components/Popover/Popover.types.d.ts

@@ -1,5 +1,6 @@
 import { Placement, ComputedPlacement } from '@popperjs/core';
 import type { HTMLAttributes, ReactNode, SyntheticEvent } from 'react';
+export declare type PopoverTrigger = 'hover' | 'click';
 export declare type PopoverPlacementBasic = ComputedPlacement;
 export declare type PopoverPlacement = Placement;
 export declare type CustomPopoverProps = {
@@ -7,6 +8,12 @@ export declare type CustomPopoverProps = {
      * Всплывающее окно раскрыто или нет.
      */
     isOpen?: boolean;
+    /**
+     * Способ открытия всплывающего окна - наведение или клик мышью.
+     * @default
+     *  click
+     */
+    trigger?: PopoverTrigger;
     /**
      * Сторона открытия окна относительно target элемента.
      * @default
@@ -53,6 +60,12 @@ export declare type CustomPopoverProps = {
      * Событие сворачивания/разворачивания всплывающего окна.
      */
     onToggle?: (isOpen: boolean, event: SyntheticEvent | Event) => void;
+    /**
+     * Закрывать окно при нажатии вне области окна.
+     * @default
+     * true
+     */
+    closeOnOverlayClick?: boolean;
     /**
      * Закрывать окно при нажатии ESC.
      * @default
@@ -67,23 +80,5 @@ export declare type CustomPopoverProps = {
     usePortal?: boolean;
     view?: string;
 };
-export declare type PopoverTrigger = {
-    /**
-     * Способ открытия всплывающего окна - наведение или клик мышью.
-     * @default
-     *  click
-     */
-    trigger?: 'click';
-    /**
-     * Закрывать окно при нажатии вне области окна. (Если trigger === 'click')
-     */
-    closeOnOverlayClick?: boolean;
-} | {
-    trigger?: 'hover';
-    /**
-     * Закрывать окно при наведении вне области target-элемента. (Если trigger === 'hover')
-     */
-    closeOnBeyondTargetHover?: boolean;
-};
-export declare type PopoverProps = HTMLAttributes<HTMLDivElement> & CustomPopoverProps & PopoverTrigger;
+export declare type PopoverProps = HTMLAttributes<HTMLDivElement> & CustomPopoverProps;
 //# sourceMappingURL=Popover.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvE,oBAAY,qBAAqB,GAAG,iBAAiB,CAAC;AACtD,oBAAY,gBAAgB,GAAG,SAAS,CAAC;AAEzC,oBAAY,kBAAkB,GAAG;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC;IAC5D;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3D;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IACpE;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,cAAc,GACpB;IACI;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC,GACD;IACI,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACtC,CAAC;AAER,oBAAY,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,kBAAkB,GAAG,cAAc,CAAC"}
+{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvE,oBAAY,cAAc,GAAG,OAAO,GAAG,OAAO,CAAC;AAE/C,oBAAY,qBAAqB,GAAG,iBAAiB,CAAC;AACtD,oBAAY,gBAAgB,GAAG,SAAS,CAAC;AAEzC,oBAAY,kBAAkB,GAAG;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC;IAC5D;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3D;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IACpE;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,kBAAkB,CAAC"}

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

@@ -3,16 +3,10 @@ export declare const StyledRoot: import("@linaria/react").StyledComponent<import
 export declare const StyledSelect: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledPopover: import("@linaria/react").StyledComponent<{
     selectWidth?: number | undefined;
-} & (import("../../engines/types").PropsType<{
+} & import("../../engines/types").PropsType<{
     view: {
         css: import("@linaria/core").LinariaClassName;
     };
-}> & ((import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & {
-    trigger?: "click" | undefined;
-    closeOnOverlayClick?: boolean | undefined;
-} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & {
-    trigger?: "hover" | undefined;
-    closeOnBeyondTargetHover?: boolean | undefined;
-} & import("react").RefAttributes<HTMLDivElement>)))>;
+}> & import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const StyledNativeSelect: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSelectElement> & import("react").SelectHTMLAttributes<HTMLSelectElement> & Record<never, unknown>>;
 //# sourceMappingURL=Select.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,UAAU,qKAOtB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAaxB,CAAC;AAKF,eAAO,MAAM,aAAa;;;;;;;;;;;;qDAMzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,iLAwB9B,CAAC"}
+{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,UAAU,qKAOtB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAaxB,CAAC;AAKF,eAAO,MAAM,aAAa;;;;;;4JAMzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,iLAwB9B,CAAC"}

package/types/examples/plasma_b2c/components/Cell/Cell.config.d.ts

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