@salutejs/plasma-new-hope 0.88.1-canary.1232.9543804742.0 → 0.89.0-canary.1225.9545827287.0

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

@@ -0,0 +1,341 @@
+import React, { useState } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import type { ComponentProps } from 'react';
+import styled from 'styled-components';
+
+import { Button } from '../Button/Button';
+import { WithTheme } from '../../../_helpers';
+import { Body } from '../../../typograpy/components/Body/Body';
+
+import { Sheet } from './Sheet';
+
+const meta: Meta<typeof Sheet> = {
+    title: 'plasma_web/Sheet',
+    decorators: [WithTheme],
+    args: {
+        withBlur: false,
+        withOverlay: true,
+        withTransition: true,
+        hasHandle: true,
+        isHeaderFixed: false,
+        isFooterFixed: false,
+    },
+};
+
+export default meta;
+
+type StorySheetProps = ComponentProps<typeof Sheet> & {
+    storyHasHeader: boolean;
+    storyHasFooter: boolean;
+};
+
+const StyledBody = styled(Body)`
+    padding-bottom: 300px;
+`;
+
+const StoryDefault = ({
+    withOverlay,
+    withTransition,
+    storyHasFooter,
+    isFooterFixed,
+    storyHasHeader,
+    isHeaderFixed,
+    hasHandle,
+    withBlur,
+}: StorySheetProps) => {
+    const [opened, setOpened] = useState(false);
+
+    return (
+        <>
+            <Button onClick={() => setOpened(true)}>Открыть</Button>
+            <Sheet
+                opened={opened}
+                withOverlay={withOverlay}
+                withTransition={withTransition}
+                onClose={() => setOpened(false)}
+                hasHandle={hasHandle}
+                withBlur={withBlur}
+                contentHeader={
+                    storyHasHeader ? (
+                        <div>
+                            <h4>header</h4>
+                        </div>
+                    ) : undefined
+                }
+                isHeaderFixed={isHeaderFixed}
+                contentFooter={
+                    storyHasFooter ? (
+                        <div>
+                            <p>footer</p>
+                        </div>
+                    ) : undefined
+                }
+                isFooterFixed={isFooterFixed}
+            >
+                <StyledBody>body</StyledBody>
+            </Sheet>
+        </>
+    );
+};
+
+export const Default: StoryObj<StorySheetProps> = {
+    args: {
+        storyHasHeader: true,
+        storyHasFooter: true,
+    },
+    render: (args) => <StoryDefault {...args} />,
+};
+
+const StoryWithoutOverlay = () => {
+    const [opened, setOpened] = useState(false);
+
+    return (
+        <>
+            <Button onClick={() => setOpened(true)}>Открыть</Button>
+            <Sheet opened={opened} withOverlay={false} onClose={() => setOpened(false)}>
+                <StyledBody>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
+                    consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel illum ea
+                    fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos nostrum
+                    placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt ullam,
+                    dolorem labore quaerat vero maxime ab ipsa nihil.
+                </StyledBody>
+            </Sheet>
+        </>
+    );
+};
+
+export const WithoutOverlay: StoryObj = {
+    render: () => <StoryWithoutOverlay />,
+};
+
+const StoryWithScroll = ({
+    withOverlay,
+    withTransition,
+    storyHasFooter,
+    isFooterFixed,
+    storyHasHeader,
+    isHeaderFixed,
+    hasHandle,
+    withBlur,
+}: StorySheetProps) => {
+    const [opened, setOpened] = useState(false);
+
+    return (
+        <>
+            <Button onClick={() => setOpened(true)}>Открыть</Button>
+            <Sheet
+                opened={opened}
+                withOverlay={withOverlay}
+                withTransition={withTransition}
+                onClose={() => setOpened(false)}
+                hasHandle={hasHandle}
+                withBlur={withBlur}
+                contentHeader={
+                    storyHasHeader ? (
+                        <div>
+                            <h4>header</h4>
+                        </div>
+                    ) : undefined
+                }
+                isHeaderFixed={isHeaderFixed}
+                contentFooter={
+                    storyHasFooter ? (
+                        <div>
+                            <p>footer</p>
+                        </div>
+                    ) : undefined
+                }
+                isFooterFixed={isFooterFixed}
+            >
+                <Body>
+                    <Button onClick={() => setOpened(false)}>Закрыть</Button>
+                    <p>
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
+                        consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel
+                        illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos
+                        nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt
+                        ullam, dolorem labore quaerat vero maxime ab ipsa nihil.
+                    </p>
+                    <Button onClick={() => setOpened(false)}>Закрыть</Button>
+                    <p>
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
+                        consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel
+                        illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos
+                        nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt
+                        ullam, dolorem labore quaerat vero maxime ab ipsa nihil.
+                    </p>
+                </Body>
+            </Sheet>
+        </>
+    );
+};
+
+export const WithScroll: StoryObj<StorySheetProps> = {
+    args: {
+        storyHasHeader: true,
+        storyHasFooter: true,
+    },
+    render: (args) => <StoryWithScroll {...args} />,
+};
+
+const StoryWithInsideScroll = ({
+    withOverlay,
+    withTransition,
+    storyHasFooter,
+    isFooterFixed,
+    storyHasHeader,
+    isHeaderFixed,
+    hasHandle,
+    withBlur,
+}: StorySheetProps) => {
+    const [opened, setOpened] = useState(false);
+
+    return (
+        <>
+            <Button onClick={() => setOpened(true)}>Открыть</Button>
+            <Sheet
+                opened={opened}
+                withOverlay={withOverlay}
+                withTransition={withTransition}
+                onClose={() => setOpened(false)}
+                hasHandle={hasHandle}
+                withBlur={withBlur}
+                contentHeader={
+                    storyHasHeader ? (
+                        <div>
+                            <h4>header</h4>
+                        </div>
+                    ) : undefined
+                }
+                isHeaderFixed={isHeaderFixed}
+                contentFooter={
+                    storyHasFooter ? (
+                        <div>
+                            <p>footer</p>
+                        </div>
+                    ) : undefined
+                }
+                isFooterFixed={isFooterFixed}
+            >
+                <p>Вложенные кнопки</p>
+                <div
+                    style={{
+                        height: '150px',
+                        overflow: 'scroll',
+                        display: 'flex',
+                        flexDirection: 'column',
+                        gap: '1rem',
+                    }}
+                >
+                    <Button>Кнопка 1</Button>
+                    <Button>Кнопка 2</Button>
+                    <Button>Кнопка 3</Button>
+                    <Button>Кнопка 4</Button>
+                    <Button>Кнопка 5</Button>
+                    <Button>Кнопка 6</Button>
+                    <Button>Кнопка 7</Button>
+                    <Button>Кнопка 8</Button>
+                </div>
+                <Body>Lorem ipsum dolor sit amet consectetur adipisicing elit.</Body>
+            </Sheet>
+        </>
+    );
+};
+
+export const WithInsideScroll: StoryObj<StorySheetProps> = {
+    args: {
+        storyHasHeader: true,
+        storyHasFooter: true,
+    },
+    render: (args) => <StoryWithInsideScroll {...args} />,
+};
+
+const StoryWithDoubleScroll = ({
+    withOverlay,
+    withTransition,
+    storyHasFooter,
+    isFooterFixed,
+    storyHasHeader,
+    isHeaderFixed,
+    hasHandle,
+    withBlur,
+}: StorySheetProps) => {
+    const [opened, setOpened] = useState(false);
+
+    return (
+        <>
+            <Button onClick={() => setOpened(true)}>Открыть</Button>
+            <Sheet
+                opened={opened}
+                withOverlay={withOverlay}
+                withTransition={withTransition}
+                onClose={() => setOpened(false)}
+                hasHandle={hasHandle}
+                withBlur={withBlur}
+                contentHeader={
+                    storyHasHeader ? (
+                        <div>
+                            <h4>header</h4>
+                        </div>
+                    ) : undefined
+                }
+                isHeaderFixed={isHeaderFixed}
+                contentFooter={
+                    storyHasFooter ? (
+                        <div>
+                            <p>footer</p>
+                        </div>
+                    ) : undefined
+                }
+                isFooterFixed={isFooterFixed}
+            >
+                <Body>
+                    <Button onClick={() => setOpened(false)}>Закрыть</Button>
+                    <p>Вложенные кнопки</p>
+                    <div
+                        style={{
+                            height: '150px',
+                            overflow: 'scroll',
+                            display: 'flex',
+                            flexDirection: 'column',
+                            gap: '1rem',
+                        }}
+                    >
+                        <Button>Кнопка 1</Button>
+                        <Button>Кнопка 2</Button>
+                        <Button>Кнопка 3</Button>
+                        <Button>Кнопка 4</Button>
+                        <Button>Кнопка 5</Button>
+                        <Button>Кнопка 6</Button>
+                        <Button>Кнопка 7</Button>
+                        <Button>Кнопка 8</Button>
+                    </div>
+                    <p>
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
+                        consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel
+                        illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos
+                        nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt
+                        ullam, dolorem labore quaerat vero maxime ab ipsa nihil.
+                    </p>
+                    <Button onClick={() => setOpened(false)}>Закрыть</Button>
+                    <p>
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
+                        consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel
+                        illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos
+                        nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt
+                        ullam, dolorem labore quaerat vero maxime ab ipsa nihil.
+                    </p>
+                </Body>
+            </Sheet>
+        </>
+    );
+};
+
+export const WithDoubleScroll: StoryObj<StorySheetProps> = {
+    args: {
+        storyHasHeader: true,
+        storyHasFooter: true,
+    },
+    render: (args) => <StoryWithDoubleScroll {...args} />,
+};

package/styled-components/es/index.js

@@ -46,6 +46,7 @@ export * from './components/Progress';
 export * from './components/Select';
 export * from './components/Divider';
 export * from './components/Toolbar';
+export * from './components/Sheet';
 export * from './components/Slider';
 export * from './components/Range';
 export * from './components/Accordion';

package/types/components/Sheet/Sheet.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { RootProps } from '../../engines';
+import { SheetProps } from './Sheet.types';
+/**
+ * Открывает окно-шторку поверх основного экрана.
+ */
+export declare const sheetRoot: (Root: RootProps<HTMLDivElement, SheetProps>) => React.ForwardRefExoticComponent<SheetProps & React.RefAttributes<HTMLDivElement>>;
+export declare const sheetConfig: {
+    name: string;
+    tag: string;
+    layout: (Root: RootProps<HTMLDivElement, SheetProps>) => React.ForwardRefExoticComponent<SheetProps & React.RefAttributes<HTMLDivElement>>;
+    base: string;
+    variations: {
+        view: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+    };
+    defaults: {
+        view: string;
+    };
+};
+//# sourceMappingURL=Sheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAc3C;;GAEG;AAEH,eAAO,MAAM,SAAS,SAAU,UAAU,cAAc,EAAE,UAAU,CAAC,sFAsEhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBAxEQ,UAAU,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;CAqFpE,CAAC"}

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { CommonProps } from './Sheet.types';
+export declare const StyledContentWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & CommonProps>;
+export declare const StyledSheetHandle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledSheetContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    hasHeader?: boolean | undefined;
+    hasFooter?: boolean | undefined;
+}>;
+export declare const StyledSheetHeader: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    isHeaderFixed?: boolean | undefined;
+}>;
+export declare const StyledSheetBody: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledSheetFooter: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    isFooterFixed?: boolean | undefined;
+}>;
+//# sourceMappingURL=Sheet.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,eAAO,MAAM,oBAAoB,0JAoBhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAc7B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;EAe9B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;EAQ7B,CAAC;AAEF,eAAO,MAAM,eAAe,qKAAe,CAAC;AAE5C,eAAO,MAAM,iBAAiB;;EAQ7B,CAAC"}

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

@@ -0,0 +1,10 @@
+export declare const classes: {
+    closed: string;
+};
+export declare const tokens: {
+    sheetOverlayColor: string;
+    sheetOverlayWithBlurColor: string;
+    contentBackgroundColor: string;
+    handleBackgroundColor: string;
+};
+//# sourceMappingURL=Sheet.tokens.d.ts.map

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

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

package/types/components/Sheet/Sheet.types.d.ts

@@ -0,0 +1,65 @@
+import { ReactNode, HTMLAttributes } from 'react';
+export interface SheetProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Состояние шторки, открыта или скрыта
+     */
+    opened: boolean;
+    /**
+     * Обработчик закрытия шторки. Вызывается при клике по оверлею или смахиванию шторки вниз
+     */
+    onClose: () => void;
+    /**
+     * Слот для контента в заголовке
+     */
+    contentHeader?: ReactNode;
+    /**
+     * Является ли заголовок фиксированным
+     * @default
+     * false
+     */
+    isHeaderFixed?: boolean;
+    /**
+     * Слот для контента в нижней части
+     */
+    contentFooter?: ReactNode;
+    /**
+     * Является ли нижняя часть фиксированной
+     * @default
+     * false
+     */
+    isFooterFixed?: boolean;
+    /**
+     * Наличие ручки у шторки
+     * @default
+     * true
+     */
+    hasHandle?: boolean;
+    /**
+     * Наличие оверлея шторки. Если включен, то контент под шторкой перекрывается оверлеем, при нажатии на
+     * который шторка закрывается.
+     * @default
+     * true
+     */
+    withOverlay?: boolean;
+    /**
+     * Нужно ли применять blur для подложки.
+     * @default
+     * false
+     */
+    withBlur?: boolean;
+    children?: ReactNode;
+    /**
+     * Наличие состояния анимации/перехода
+     * @default
+     * true
+     */
+    withTransition?: boolean;
+    /**
+     * Throttling внутренних обработчиков события onScroll
+     */
+    throttleMs?: number;
+    view?: string;
+}
+export declare type CommonProps = Pick<SheetProps, 'withTransition' | 'opened'>;
+export declare type SheetHookArgs = Pick<SheetProps, 'opened'>;
+//# sourceMappingURL=Sheet.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.types.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC9D;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,oBAAY,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,gBAAgB,GAAG,QAAQ,CAAC,CAAC;AAExE,oBAAY,aAAa,GAAG,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC"}

package/types/components/Sheet/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { useSheetSwipe } from './useSheetSwipe';
+export { useOverflow } from './useOverflow';
+//# sourceMappingURL=index.d.ts.map

package/types/components/Sheet/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Sheet/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/types/components/Sheet/hooks/useOverflow.d.ts

@@ -0,0 +1,3 @@
+import { SheetHookArgs } from '../Sheet.types';
+export declare const useOverflow: ({ opened }: SheetHookArgs) => void;
+//# sourceMappingURL=useOverflow.d.ts.map

package/types/components/Sheet/hooks/useOverflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverflow.d.ts","sourceRoot":"","sources":["../../../../src/components/Sheet/hooks/useOverflow.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,eAAO,MAAM,WAAW,eAAgB,aAAa,SAapD,CAAC"}

package/types/components/Sheet/hooks/useSheetSwipe.d.ts

@@ -0,0 +1,9 @@
+import { RefObject } from 'react';
+export declare const useSheetSwipe: (args: {
+    contentWrapperRef: RefObject<HTMLDivElement>;
+    contentRef: RefObject<HTMLDivElement>;
+    handleRef: RefObject<HTMLDivElement>;
+    throttleMs?: number | undefined;
+    onClose: () => void;
+}) => void;
+//# sourceMappingURL=useSheetSwipe.d.ts.map

package/types/components/Sheet/hooks/useSheetSwipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSheetSwipe.d.ts","sourceRoot":"","sources":["../../../../src/components/Sheet/hooks/useSheetSwipe.ts"],"names":[],"mappings":"AACA,OAAO,EAA+B,SAAS,EAAE,MAAM,OAAO,CAAC;AAoB/D,eAAO,MAAM,aAAa;uBACH,UAAU,cAAc,CAAC;gBAChC,UAAU,cAAc,CAAC;eAC1B,UAAU,cAAc,CAAC;;aAE3B,MAAM,IAAI;UA6FtB,CAAC"}

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

@@ -0,0 +1,4 @@
+export { sheetConfig, sheetRoot } from './Sheet';
+export { classes as sheetClasses, tokens as sheetTokens } from './Sheet.tokens';
+export type { SheetProps } from './Sheet.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAChF,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/types/components/Sheet/utils/handleTransition.d.ts

@@ -0,0 +1,5 @@
+import { CommonProps } from '../Sheet.types';
+declare type HandleTransitionProps = Omit<CommonProps, 'opened'>;
+export declare const handleTransition: (transition: string) => (props: HandleTransitionProps) => string;
+export {};
+//# sourceMappingURL=handleTransition.d.ts.map

package/types/components/Sheet/utils/handleTransition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleTransition.d.ts","sourceRoot":"","sources":["../../../../src/components/Sheet/utils/handleTransition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,aAAK,qBAAqB,GAAG,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;AAEzD,eAAO,MAAM,gBAAgB,eAAgB,MAAM,aAAa,qBAAqB,KAAG,MAIvF,CAAC"}

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

@@ -0,0 +1,3 @@
+export { handleTransition } from './handleTransition';
+export declare const DEFAULT_Z_INDEX = "0";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Sheet/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,eAAO,MAAM,eAAe,MAAM,CAAC"}

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

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

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

@@ -0,0 +1,11 @@
+export declare const config: {
+    defaults: {
+        view: string;
+    };
+    variations: {
+        view: {
+            default: import("@linaria/core").LinariaClassName;
+        };
+    };
+};
+//# sourceMappingURL=Sheet.config.d.ts.map

package/types/examples/plasma_b2c/components/Sheet/Sheet.config.d.ts.map

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

package/types/examples/plasma_b2c/components/Sheet/Sheet.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export { sheetClasses } from '../../../../components/Sheet';
+export declare const Sheet: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
+    view: {
+        default: import("@linaria/core").LinariaClassName;
+    };
+}> & import("../../../../components/Sheet").SheetProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Sheet.d.ts.map

package/types/examples/plasma_b2c/components/Sheet/Sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Sheet/Sheet.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAI5D,eAAO,MAAM,KAAK;;;;uGAA0B,CAAC"}

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

@@ -0,0 +1,11 @@
+export declare const config: {
+    defaults: {
+        view: string;
+    };
+    variations: {
+        view: {
+            default: import("@linaria/core").LinariaClassName;
+        };
+    };
+};
+//# sourceMappingURL=Sheet.config.d.ts.map

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

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

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export { sheetClasses } from '../../../../components/Sheet';
+export declare const Sheet: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
+    view: {
+        default: import("@linaria/core").LinariaClassName;
+    };
+}> & import("../../../../components/Sheet").SheetProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Sheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Sheet/Sheet.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAI5D,eAAO,MAAM,KAAK;;;;uGAA0B,CAAC"}

package/types/index.d.ts

@@ -44,6 +44,7 @@ export * from './components/Progress';
 export * from './components/Select';
 export * from './components/Divider';
 export * from './components/Toolbar';
+export * from './components/Sheet';
 export * from './components/Slider';
 export * from './components/Range';
 export * from './components/Accordion';

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC"}