@salutejs/plasma-new-hope 0.88.0-canary.1225.9347054103.0 → 0.88.0-canary.1225.9412763701.0

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

@@ -1,3 +1,2 @@
-export { useThemeContext } from './useThemeContext';
 export { useSheetSwipe } from './useSheetSwipe';
 export { useSheet } from './useSheet';

package/styled-components/es/components/Sheet/utils/handleTransition.js

@@ -1,7 +1,6 @@
 export var handleTransition = function handleTransition(transition) {
   return function (props) {
-    var lowPerformance = props.theme.lowPerformance,
-      withTransition = props.withTransition;
-    return !withTransition || lowPerformance ? 'unset' : transition;
+    var withTransition = props.withTransition;
+    return !withTransition ? 'unset' : transition;
   };
 };

package/styled-components/es/components/Sheet/utils/index.js

@@ -1 +1,2 @@
-export { handleTransition } from './handleTransition';
+export { handleTransition } from './handleTransition';
+export var DEFAULT_Z_INDEX = '0';

package/styled-components/es/components/Sheet/variations/_view/tokens.json

@@ -1,3 +1,6 @@
 [
-    "--plasma-sheet-overlay-background-color, --plasma-sheet-content-background-color, --plasma-sheet-handle-background-color"
+    "--plasma-sheet-overlay-color",
+    "--plasma-sheet-overlay-with-blur-color",
+    "--plasma-sheet-content-background-color",
+    "--plasma-sheet-handle-background-color"
 ]

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

@@ -6,7 +6,7 @@ export var config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/css(["", ":var(--surface-solid-card);", ":var(--overlay-soft);", ":var(--text-primary);"], sheetTokens.contentBackgroundColor, sheetTokens.overlayBackgroundColor, sheetTokens.handleColor)
+      "default": /*#__PURE__*/css(["", ":var(--overlay-soft);", ":var(--overlay-blur);", ":var(--surface-solid-card);", ":var(--surface-solid-tertiary);"], sheetTokens.sheetOverlayColor, sheetTokens.sheetOverlayWithBlurColor, sheetTokens.contentBackgroundColor, sheetTokens.handleColor)
     }
   }
 };

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

@@ -11,14 +11,33 @@ import { Sheet } from './Sheet';
 const meta: Meta<typeof Sheet> = {
     title: 'plasma_b2c/Sheet',
     decorators: [WithTheme],
-    parameters: { viewport: { defaultViewport: '860' } },
+    args: {
+        withBlur: false,
+        withOverlay: true,
+        withTransition: true,
+        hasHandle: true,
+        isHeaderFixed: false,
+        isFooterFixed: false,
+    },
 };
 
 export default meta;
 
-type StorySheetProps = ComponentProps<typeof Sheet>;
+type StorySheetProps = ComponentProps<typeof Sheet> & {
+    hasHeader: boolean;
+    hasFooter: boolean;
+};
 
-const StoryDefault = ({ withOverlay, withTransition }: StorySheetProps) => {
+const StoryDefault = ({
+    withOverlay,
+    withTransition,
+    hasFooter,
+    isFooterFixed,
+    hasHeader,
+    isHeaderFixed,
+    hasHandle,
+    withBlur,
+}: StorySheetProps) => {
     const [isOpen, setIsOpen] = useState(false);
 
     return (
@@ -29,6 +48,33 @@ const StoryDefault = ({ withOverlay, withTransition }: StorySheetProps) => {
                 withOverlay={withOverlay}
                 withTransition={withTransition}
                 onClose={() => setIsOpen(false)}
+                hasHandle={hasHandle}
+                withBlur={withBlur}
+                contentHeader={
+                    hasHeader ? (
+                        <div>
+                            <h3>
+                                Заголовок: 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?
+                            </h3>
+                        </div>
+                    ) : undefined
+                }
+                isHeaderFixed={isHeaderFixed}
+                contentFooter={
+                    hasFooter ? (
+                        <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?
+                            </p>
+                            <Button>Кнопка в футере</Button>
+                        </div>
+                    ) : undefined
+                }
+                isFooterFixed={isFooterFixed}
             >
                 <p>Вложенные кнопки</p>
                 <div
@@ -63,8 +109,8 @@ const StoryDefault = ({ withOverlay, withTransition }: StorySheetProps) => {
 
 export const Default: StoryObj<StorySheetProps> = {
     args: {
-        withOverlay: true,
-        withTransition: true,
+        hasHeader: true,
+        hasFooter: true,
     },
     render: (args) => <StoryDefault {...args} />,
 };
@@ -92,7 +138,16 @@ export const WithoutOverlay: StoryObj = {
     render: () => <StoryWithoutOverlay />,
 };
 
-const StoryWithScroll = ({ withOverlay, withTransition }: StorySheetProps) => {
+const StoryWithScroll = ({
+    withOverlay,
+    withTransition,
+    hasFooter,
+    isFooterFixed,
+    hasHeader,
+    isHeaderFixed,
+    hasHandle,
+    withBlur,
+}: StorySheetProps) => {
     const [isOpen, setIsOpen] = useState(false);
 
     return (
@@ -103,6 +158,33 @@ const StoryWithScroll = ({ withOverlay, withTransition }: StorySheetProps) => {
                 withOverlay={withOverlay}
                 withTransition={withTransition}
                 onClose={() => setIsOpen(false)}
+                hasHandle={hasHandle}
+                withBlur={withBlur}
+                contentHeader={
+                    hasHeader ? (
+                        <div>
+                            <h3>
+                                Заголовок: 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?
+                            </h3>
+                        </div>
+                    ) : undefined
+                }
+                isHeaderFixed={isHeaderFixed}
+                contentFooter={
+                    hasFooter ? (
+                        <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?
+                            </p>
+                            <Button>Кнопка в футере</Button>
+                        </div>
+                    ) : undefined
+                }
+                isFooterFixed={isFooterFixed}
             >
                 <Body1>
                     <Button onClick={() => setIsOpen(false)}>Закрыть</Button>
@@ -128,10 +210,23 @@ const StoryWithScroll = ({ withOverlay, withTransition }: StorySheetProps) => {
 };
 
 export const WithScroll: StoryObj<StorySheetProps> = {
+    args: {
+        hasHeader: true,
+        hasFooter: true,
+    },
     render: (args) => <StoryWithScroll {...args} />,
 };
 
-const StoryWithInsideScroll = ({ withOverlay, withTransition }: StorySheetProps) => {
+const StoryWithInsideScroll = ({
+    withOverlay,
+    withTransition,
+    hasFooter,
+    isFooterFixed,
+    hasHeader,
+    isHeaderFixed,
+    hasHandle,
+    withBlur,
+}: StorySheetProps) => {
     const [isOpen, setIsOpen] = useState(false);
 
     return (
@@ -142,6 +237,33 @@ const StoryWithInsideScroll = ({ withOverlay, withTransition }: StorySheetProps)
                 withOverlay={withOverlay}
                 withTransition={withTransition}
                 onClose={() => setIsOpen(false)}
+                hasHandle={hasHandle}
+                withBlur={withBlur}
+                contentHeader={
+                    hasHeader ? (
+                        <div>
+                            <h3>
+                                Заголовок: 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?
+                            </h3>
+                        </div>
+                    ) : undefined
+                }
+                isHeaderFixed={isHeaderFixed}
+                contentFooter={
+                    hasFooter ? (
+                        <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?
+                            </p>
+                            <Button>Кнопка в футере</Button>
+                        </div>
+                    ) : undefined
+                }
+                isFooterFixed={isFooterFixed}
             >
                 <p>Вложенные кнопки</p>
                 <div
@@ -170,13 +292,22 @@ const StoryWithInsideScroll = ({ withOverlay, withTransition }: StorySheetProps)
 
 export const WithInsideScroll: StoryObj<StorySheetProps> = {
     args: {
-        withOverlay: true,
-        withTransition: true,
+        hasHeader: true,
+        hasFooter: true,
     },
     render: (args) => <StoryWithInsideScroll {...args} />,
 };
 
-const StoryWithDoubleScroll = ({ withOverlay, withTransition }: StorySheetProps) => {
+const StoryWithDoubleScroll = ({
+    withOverlay,
+    withTransition,
+    hasFooter,
+    isFooterFixed,
+    hasHeader,
+    isHeaderFixed,
+    hasHandle,
+    withBlur,
+}: StorySheetProps) => {
     const [isOpen, setIsOpen] = useState(false);
 
     return (
@@ -187,6 +318,33 @@ const StoryWithDoubleScroll = ({ withOverlay, withTransition }: StorySheetProps)
                 withOverlay={withOverlay}
                 withTransition={withTransition}
                 onClose={() => setIsOpen(false)}
+                hasHandle={hasHandle}
+                withBlur={withBlur}
+                contentHeader={
+                    hasHeader ? (
+                        <div>
+                            <h3>
+                                Заголовок: 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?
+                            </h3>
+                        </div>
+                    ) : undefined
+                }
+                isHeaderFixed={isHeaderFixed}
+                contentFooter={
+                    hasFooter ? (
+                        <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?
+                            </p>
+                            <Button>Кнопка в футере</Button>
+                        </div>
+                    ) : undefined
+                }
+                isFooterFixed={isFooterFixed}
             >
                 <Body1>
                     <Button onClick={() => setIsOpen(false)}>Закрыть</Button>
@@ -232,8 +390,8 @@ const StoryWithDoubleScroll = ({ withOverlay, withTransition }: StorySheetProps)
 
 export const WithDoubleScroll: StoryObj<StorySheetProps> = {
     args: {
-        withOverlay: true,
-        withTransition: true,
+        hasHeader: true,
+        hasFooter: true,
     },
     render: (args) => <StoryWithDoubleScroll {...args} />,
 };

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

@@ -6,7 +6,7 @@ export var config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/css(["", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-overlay);", ":var(--plasma-colors-white);"], sheetTokens.contentBackgroundColor, sheetTokens.overlayBackgroundColor, sheetTokens.handleColor)
+      "default": /*#__PURE__*/css(["", ":var(--overlay-soft);", ":var(--overlay-blur);", ":var(--surface-solid-card);", ":var(--surface-solid-tertiary);"], sheetTokens.sheetOverlayColor, sheetTokens.sheetOverlayWithBlurColor, sheetTokens.contentBackgroundColor, sheetTokens.handleColor)
     }
   }
 };

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

@@ -16,9 +16,21 @@ const meta: Meta<typeof Sheet> = {
 
 export default meta;
 
-type StorySheetProps = ComponentProps<typeof Sheet>;
+type StorySheetProps = ComponentProps<typeof Sheet> & {
+    hasHeader: boolean;
+    hasFooter: boolean;
+};
 
-const StoryDefault = ({ withOverlay, withTransition }: StorySheetProps) => {
+const StoryDefault = ({
+    withOverlay,
+    withTransition,
+    hasFooter,
+    isFooterFixed,
+    hasHeader,
+    isHeaderFixed,
+    hasHandle,
+    withBlur,
+}: StorySheetProps) => {
     const [isOpen, setIsOpen] = useState(false);
 
     return (
@@ -29,6 +41,33 @@ const StoryDefault = ({ withOverlay, withTransition }: StorySheetProps) => {
                 withOverlay={withOverlay}
                 withTransition={withTransition}
                 onClose={() => setIsOpen(false)}
+                hasHandle={hasHandle}
+                withBlur={withBlur}
+                contentHeader={
+                    hasHeader ? (
+                        <div>
+                            <h3>
+                                Заголовок: 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?
+                            </h3>
+                        </div>
+                    ) : undefined
+                }
+                isHeaderFixed={isHeaderFixed}
+                contentFooter={
+                    hasFooter ? (
+                        <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?
+                            </p>
+                            <Button>Кнопка в футере</Button>
+                        </div>
+                    ) : undefined
+                }
+                isFooterFixed={isFooterFixed}
             >
                 <p>Вложенные кнопки</p>
                 <div
@@ -63,8 +102,8 @@ const StoryDefault = ({ withOverlay, withTransition }: StorySheetProps) => {
 
 export const Default: StoryObj<StorySheetProps> = {
     args: {
-        withOverlay: true,
-        withTransition: true,
+        hasHeader: true,
+        hasFooter: true,
     },
     render: (args) => <StoryDefault {...args} />,
 };
@@ -92,7 +131,16 @@ export const WithoutOverlay: StoryObj = {
     render: () => <StoryWithoutOverlay />,
 };
 
-const StoryWithScroll = ({ withOverlay, withTransition }: StorySheetProps) => {
+const StoryWithScroll = ({
+    withOverlay,
+    withTransition,
+    hasFooter,
+    isFooterFixed,
+    hasHeader,
+    isHeaderFixed,
+    hasHandle,
+    withBlur,
+}: StorySheetProps) => {
     const [isOpen, setIsOpen] = useState(false);
 
     return (
@@ -103,6 +151,33 @@ const StoryWithScroll = ({ withOverlay, withTransition }: StorySheetProps) => {
                 withOverlay={withOverlay}
                 withTransition={withTransition}
                 onClose={() => setIsOpen(false)}
+                hasHandle={hasHandle}
+                withBlur={withBlur}
+                contentHeader={
+                    hasHeader ? (
+                        <div>
+                            <h3>
+                                Заголовок: 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?
+                            </h3>
+                        </div>
+                    ) : undefined
+                }
+                isHeaderFixed={isHeaderFixed}
+                contentFooter={
+                    hasFooter ? (
+                        <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?
+                            </p>
+                            <Button>Кнопка в футере</Button>
+                        </div>
+                    ) : undefined
+                }
+                isFooterFixed={isFooterFixed}
             >
                 <Body1>
                     <Button onClick={() => setIsOpen(false)}>Закрыть</Button>
@@ -128,10 +203,23 @@ const StoryWithScroll = ({ withOverlay, withTransition }: StorySheetProps) => {
 };
 
 export const WithScroll: StoryObj<StorySheetProps> = {
+    args: {
+        hasHeader: true,
+        hasFooter: true,
+    },
     render: (args) => <StoryWithScroll {...args} />,
 };
 
-const StoryWithInsideScroll = ({ withOverlay, withTransition }: StorySheetProps) => {
+const StoryWithInsideScroll = ({
+    withOverlay,
+    withTransition,
+    hasFooter,
+    isFooterFixed,
+    hasHeader,
+    isHeaderFixed,
+    hasHandle,
+    withBlur,
+}: StorySheetProps) => {
     const [isOpen, setIsOpen] = useState(false);
 
     return (
@@ -142,6 +230,33 @@ const StoryWithInsideScroll = ({ withOverlay, withTransition }: StorySheetProps)
                 withOverlay={withOverlay}
                 withTransition={withTransition}
                 onClose={() => setIsOpen(false)}
+                hasHandle={hasHandle}
+                withBlur={withBlur}
+                contentHeader={
+                    hasHeader ? (
+                        <div>
+                            <h3>
+                                Заголовок: 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?
+                            </h3>
+                        </div>
+                    ) : undefined
+                }
+                isHeaderFixed={isHeaderFixed}
+                contentFooter={
+                    hasFooter ? (
+                        <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?
+                            </p>
+                            <Button>Кнопка в футере</Button>
+                        </div>
+                    ) : undefined
+                }
+                isFooterFixed={isFooterFixed}
             >
                 <p>Вложенные кнопки</p>
                 <div
@@ -170,13 +285,22 @@ const StoryWithInsideScroll = ({ withOverlay, withTransition }: StorySheetProps)
 
 export const WithInsideScroll: StoryObj<StorySheetProps> = {
     args: {
-        withOverlay: true,
-        withTransition: true,
+        hasHeader: true,
+        hasFooter: true,
     },
     render: (args) => <StoryWithInsideScroll {...args} />,
 };
 
-const StoryWithDoubleScroll = ({ withOverlay, withTransition }: StorySheetProps) => {
+const StoryWithDoubleScroll = ({
+    withOverlay,
+    withTransition,
+    hasFooter,
+    isFooterFixed,
+    hasHeader,
+    isHeaderFixed,
+    hasHandle,
+    withBlur,
+}: StorySheetProps) => {
     const [isOpen, setIsOpen] = useState(false);
 
     return (
@@ -187,6 +311,33 @@ const StoryWithDoubleScroll = ({ withOverlay, withTransition }: StorySheetProps)
                 withOverlay={withOverlay}
                 withTransition={withTransition}
                 onClose={() => setIsOpen(false)}
+                hasHandle={hasHandle}
+                withBlur={withBlur}
+                contentHeader={
+                    hasHeader ? (
+                        <div>
+                            <h3>
+                                Заголовок: 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?
+                            </h3>
+                        </div>
+                    ) : undefined
+                }
+                isHeaderFixed={isHeaderFixed}
+                contentFooter={
+                    hasFooter ? (
+                        <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?
+                            </p>
+                            <Button>Кнопка в футере</Button>
+                        </div>
+                    ) : undefined
+                }
+                isFooterFixed={isFooterFixed}
             >
                 <Body1>
                     <Button onClick={() => setIsOpen(false)}>Закрыть</Button>
@@ -232,8 +383,8 @@ const StoryWithDoubleScroll = ({ withOverlay, withTransition }: StorySheetProps)
 
 export const WithDoubleScroll: StoryObj<StorySheetProps> = {
     args: {
-        withOverlay: true,
-        withTransition: true,
+        hasHeader: true,
+        hasFooter: true,
     },
     render: (args) => <StoryWithDoubleScroll {...args} />,
 };

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

@@ -2,6 +2,7 @@ import React from 'react';
 import { RootProps } from '../../engines';
 import { SheetProps } from './Sheet.types';
 /**
+ * Sheet
  * Открывает окно-шторку поверх основного экрана.
  */
 export declare const sheetRoot: (Root: RootProps<HTMLDivElement, SheetProps>) => React.ForwardRefExoticComponent<SheetProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAY3C;;GAEG;AAEH,eAAO,MAAM,SAAS,SAAU,UAAU,cAAc,EAAE,UAAU,CAAC,sFAkDhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBApDQ,UAAU,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;CAiEpE,CAAC"}
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAe3C;;;GAGG;AAEH,eAAO,MAAM,SAAS,SAAU,UAAU,cAAc,EAAE,UAAU,CAAC,sFAuEhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBAzEQ,UAAU,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;CAsFpE,CAAC"}

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

@@ -1,13 +1,17 @@
 /// <reference types="react" />
-export declare const StyledWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("./Sheet.types").SheetProps, "isOpen" | "withTransition"> & {
-    theme: import("./Sheet.types").ThemeProviderContext;
+import { CommonProps } from './Sheet.types';
+export declare const StyledWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & CommonProps>;
+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 StyledContentWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("./Sheet.types").SheetProps, "isOpen" | "withTransition"> & {
-    theme: import("./Sheet.types").ThemeProviderContext;
+export declare const StyledSheetHeader: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    isHeaderFixed?: boolean | undefined;
 }>;
-export declare const StyledOverlay: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    withOverlay: boolean;
+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;
 }>;
-export declare const StyledSheetContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const StyledSheetHandle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 //# sourceMappingURL=Sheet.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Sheet.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,aAAa;;EAczB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;EAiBhC,CAAC;AAEF,eAAO,MAAM,aAAa;iBAA6B,OAAO;EAQ7D,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAY9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAc7B,CAAC"}
+{"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,aAAa,0JAczB,CAAC;AAEF,eAAO,MAAM,oBAAoB,0JAiBhC,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

@@ -2,7 +2,8 @@ export declare const classes: {
     isClosed: string;
 };
 export declare const tokens: {
-    overlayBackgroundColor: string;
+    sheetOverlayColor: string;
+    sheetOverlayWithBlurColor: string;
     contentBackgroundColor: string;
     handleColor: string;
 };

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

@@ -1 +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;;;;CAMlB,CAAC"}
+{"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;;;;;CAOlB,CAAC"}