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

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

@@ -1,341 +0,0 @@
-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/components/Sheet/Sheet.js

@@ -1,100 +0,0 @@
-var _excluded = ["opened", "children", "onClose", "hasHandle", "contentHeader", "isHeaderFixed", "contentFooter", "isFooterFixed", "withOverlay", "withBlur", "withTransition", "throttleMs", "className", "view"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { forwardRef } from 'react';
-import { Overlay } from '../Overlay';
-import { cx } from '../../utils';
-import { useOverflow, useSheetSwipe } from './hooks';
-import { classes, tokens } from './Sheet.tokens';
-import { StyledContentWrapper, StyledSheetBody, StyledSheetContent, StyledSheetFooter, StyledSheetHandle, StyledSheetHeader } from './Sheet.styles';
-import { base as viewCSS } from './variations/_view/base';
-import { DEFAULT_Z_INDEX } from './utils';
-
-/**
- * Открывает окно-шторку поверх основного экрана.
- */
-
-export var sheetRoot = function sheetRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (_ref, rootRef) {
-    var opened = _ref.opened,
-      children = _ref.children,
-      onClose = _ref.onClose,
-      _ref$hasHandle = _ref.hasHandle,
-      hasHandle = _ref$hasHandle === void 0 ? true : _ref$hasHandle,
-      contentHeader = _ref.contentHeader,
-      _ref$isHeaderFixed = _ref.isHeaderFixed,
-      isHeaderFixed = _ref$isHeaderFixed === void 0 ? false : _ref$isHeaderFixed,
-      contentFooter = _ref.contentFooter,
-      _ref$isFooterFixed = _ref.isFooterFixed,
-      isFooterFixed = _ref$isFooterFixed === void 0 ? false : _ref$isFooterFixed,
-      _ref$withOverlay = _ref.withOverlay,
-      withOverlay = _ref$withOverlay === void 0 ? true : _ref$withOverlay,
-      _ref$withBlur = _ref.withBlur,
-      withBlur = _ref$withBlur === void 0 ? false : _ref$withBlur,
-      _ref$withTransition = _ref.withTransition,
-      withTransition = _ref$withTransition === void 0 ? true : _ref$withTransition,
-      throttleMs = _ref.throttleMs,
-      className = _ref.className,
-      view = _ref.view,
-      restProps = _objectWithoutProperties(_ref, _excluded);
-    var contentWrapperRef = React.useRef(null);
-    var contentRef = React.useRef(null);
-    var handleRef = React.useRef(null);
-    useOverflow({
-      opened: opened
-    });
-    useSheetSwipe({
-      contentWrapperRef: contentWrapperRef,
-      contentRef: contentRef,
-      handleRef: handleRef,
-      throttleMs: throttleMs,
-      onClose: onClose
-    });
-    var hasHeader = Boolean(contentHeader);
-    var hasFooter = Boolean(contentFooter);
-    var closedClass = opened ? undefined : "".concat(classes.closed);
-    var overlayBackgroundToken = withBlur ? "var(".concat(tokens.sheetOverlayWithBlurColor, ")") : "var(".concat(tokens.sheetOverlayColor, ")");
-    return /*#__PURE__*/React.createElement(Root, {
-      opened: opened,
-      onClose: onClose,
-      view: view,
-      ref: rootRef
-    }, /*#__PURE__*/React.createElement(StyledContentWrapper, _extends({
-      opened: opened,
-      withTransition: withTransition,
-      className: cx(closedClass, className),
-      ref: contentWrapperRef
-    }, restProps), hasHandle && /*#__PURE__*/React.createElement(StyledSheetHandle, {
-      ref: handleRef
-    }), /*#__PURE__*/React.createElement(StyledSheetContent, {
-      hasHeader: hasHeader,
-      hasFooter: hasFooter,
-      ref: contentRef
-    }, hasHeader && /*#__PURE__*/React.createElement(StyledSheetHeader, {
-      isHeaderFixed: isHeaderFixed
-    }, contentHeader), /*#__PURE__*/React.createElement(StyledSheetBody, null, children), hasFooter && /*#__PURE__*/React.createElement(StyledSheetFooter, {
-      isFooterFixed: isFooterFixed
-    }, contentFooter))), withOverlay && opened && /*#__PURE__*/React.createElement(Overlay, {
-      zIndex: DEFAULT_Z_INDEX,
-      backgroundColorProperty: overlayBackgroundToken,
-      withBlur: withBlur,
-      isClickable: true,
-      onOverlayClick: onClose
-    }));
-  });
-};
-export var sheetConfig = {
-  name: 'Sheet',
-  tag: 'div',
-  layout: sheetRoot,
-  base: '',
-  variations: {
-    view: {
-      css: viewCSS
-    }
-  },
-  defaults: {
-    view: 'default'
-  }
-};

package/styled-components/es/components/Sheet/Sheet.styles.js

@@ -1,45 +0,0 @@
-import styled from 'styled-components';
-import { tokens, classes } from './Sheet.tokens';
-import { handleTransition } from './utils/handleTransition';
-export var StyledContentWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-1pj79gq-0"
-})(["position:fixed;left:0;bottom:0;width:100%;max-height:100%;z-index:1000;opacity:1;display:flex;flex-direction:column;justify-content:flex-end;transition:", ";&.", "{opacity:0;visibility:hidden;transform:translateY(100%);}"], /*#__PURE__*/handleTransition('all 0.5s 0.1s'), /*#__PURE__*/String(classes.closed));
-export var StyledSheetHandle = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-1pj79gq-1"
-})(["width:3rem;padding:1.75rem 0;margin:-1.375rem 0;opacity:0.65;align-self:center;&::before{content:'';display:block;border-radius:0.625rem;background-color:var(", ");height:0.25rem;}"], tokens.handleBackgroundColor);
-export var StyledSheetContent = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-1pj79gq-2"
-})(["border-radius:1.25rem 1.25rem 0 0;background-color:var(", ");padding-left:1rem;padding-right:1rem;padding-top:", ";padding-bottom:", ";max-height:100%;overflow:auto;overscroll-behavior:contain;&::-webkit-scrollbar{display:none;}"], tokens.contentBackgroundColor, function (_ref) {
-  var hasHeader = _ref.hasHeader;
-  return hasHeader ? 'unset' : '1rem';
-}, function (_ref2) {
-  var hasFooter = _ref2.hasFooter;
-  return hasFooter ? 'unset' : '1rem';
-});
-export var StyledSheetHeader = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-1pj79gq-3"
-})(["width:100%;z-index:1;padding-top:1rem;position:", ";top:", ";background-color:", ";"], function (_ref3) {
-  var isHeaderFixed = _ref3.isHeaderFixed;
-  return isHeaderFixed ? 'sticky' : 'static';
-}, function (_ref4) {
-  var isHeaderFixed = _ref4.isHeaderFixed;
-  return isHeaderFixed ? '0' : 'unset';
-}, function (_ref5) {
-  var isHeaderFixed = _ref5.isHeaderFixed;
-  return isHeaderFixed ? "var(".concat(tokens.contentBackgroundColor, ")") : 'transparent';
-});
-export var StyledSheetBody = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-1pj79gq-4"
-})([""]);
-export var StyledSheetFooter = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-1pj79gq-5"
-})(["width:100%;z-index:1;padding-bottom:1rem;position:", ";bottom:", ";background-color:", ";"], function (_ref6) {
-  var isFooterFixed = _ref6.isFooterFixed;
-  return isFooterFixed ? 'sticky' : 'static';
-}, function (_ref7) {
-  var isFooterFixed = _ref7.isFooterFixed;
-  return isFooterFixed ? '0' : 'unset';
-}, function (_ref8) {
-  var isFooterFixed = _ref8.isFooterFixed;
-  return isFooterFixed ? "var(".concat(tokens.contentBackgroundColor, ")") : 'transparent';
-});

package/styled-components/es/components/Sheet/Sheet.template-doc.mdx

@@ -1,143 +0,0 @@
----
-id: sheet
-title: Sheet
----
-
-import { PropsTable, Description } from '@site/src/components';
-
-# Sheet
-<Description name="Sheet" />
-<PropsTable name="Sheet" />
-
-## Использование
-Компонент `Sheet` может содержать любой контент напрямую через `children`.
-
-Также есть возможность добавить любой контент в заголовок и футер с помощью свойств `contentHeader` и `contentFooter`.
-
-```tsx live
-import React, { useState } from 'react';
-import { Sheet } from '@salutejs/{{ package }}';
-import { Button } from '@salutejs/{{ package }}';
-
-export function App() {
-    const [opened, setOpened] = useState(false);
-
-    return (
-        <>
-            <Button onClick={() => setOpened(true)}>Открыть</Button>
-
-            <Sheet opened={opened}
-                onClose={() => setOpened(false)}
-                contentHeader={
-                    <div>
-                        <h4>header</h4>
-                    </div>
-                }
-                contentFooter={
-                    <div>
-                        <p>footer</p>
-                    </div>
-                }
-            >
-                <div style=\{{ 'padding-bottom': '300px' }}>body</div>
-            </Sheet>
-        </>
-    );
-}
-```
-
-## Примеры
-
-### Закрепление заголовка и футера
-
-С помощью свойств `isHeaderFixed` и `isFooterFixed` можно закрепить заголовок и футер. 
-В этом случае при появлении прокрутки контент будет скроллиться под них.
-
-```tsx live
-import React, { useState } from 'react';
-import { Sheet } from '@salutejs/{{ package }}';
-import { Button } from '@salutejs/{{ package }}';
-
-export function App() {
-    const [opened, setOpened] = useState(false);
-
-    return (
-        <>
-            <Button onClick={() => setOpened(true)}>Открыть</Button>
-            <Sheet opened={opened}
-                onClose={() => setOpened(false)}
-                contentHeader={
-                    <div>
-                        <h4>header</h4>
-                    </div>
-                }
-                contentFooter={
-                    <div>
-                        <p>footer</p>
-                    </div>
-                }
-                isFooterFixed
-                isHeaderFixed
-            >
-                <div style=\{{ 'padding-bottom': '300px' }}>body</div>
-            </Sheet>
-        </>
-    );
-}
-```
-
-### Подложка
-
-Наличие или отсутствие подложки задается с помощью свойства `withOverlay`.
-
-В случае, когда подложка отсутствует, у пользователя появляется возможность взаимодействовать с контентом вне шторки.
-
-```tsx live
-import React, { useState } from 'react';
-import { Sheet } from '@salutejs/{{ package }}';
-import { Button } from '@salutejs/{{ package }}';
-
-export function App() {
-    const [opened, setOpened] = useState(false);
-
-    return (
-        <>
-            <Button onClick={() => setOpened(!opened)}>
-                {opened ? 'Закрыть' : 'Открыть'}
-            </Button>
-            <Sheet opened={opened}
-                onClose={() => setOpened(false)}
-                withOverlay={false}
-            >
-                <div style=\{{ 'padding-bottom': '300px' }}>body</div>
-            </Sheet>
-        </>
-    );
-}
-```
-
-К подложке можно добавить эффект размытия при помощи свойства `withBlur`.
-
-```tsx live
-import React, { useState } from 'react';
-import { Sheet } from '@salutejs/{{ package }}';
-import { Button } from '@salutejs/{{ package }}';
-
-export function App() {
-    const [opened, setOpened] = useState(false);
-
-    return (
-        <>
-            <Button onClick={() => setOpened(!opened)}>
-                {opened ? 'Закрыть' : 'Открыть'}
-            </Button>
-            <Sheet opened={opened}
-                onClose={() => setOpened(false)}
-                withBlur
-            >
-                <div style=\{{ 'padding-bottom': '300px' }}>body</div>
-            </Sheet>
-        </>
-    );
-}
-```

package/styled-components/es/components/Sheet/Sheet.tokens.js

@@ -1,9 +0,0 @@
-export var classes = {
-  closed: 'closed'
-};
-export var tokens = {
-  sheetOverlayColor: '--plasma-sheet-overlay-color',
-  sheetOverlayWithBlurColor: '--plasma-sheet-overlay-with-blur-color',
-  contentBackgroundColor: '--plasma-sheet-content-background-color',
-  handleBackgroundColor: '--plasma-sheet-handle-background-color'
-};

package/styled-components/es/components/Sheet/Sheet.types.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,2 +0,0 @@
-export { useSheetSwipe } from './useSheetSwipe';
-export { useOverflow } from './useOverflow';

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

@@ -1,15 +0,0 @@
-import { useEffect, useRef } from 'react';
-export var useOverflow = function useOverflow(_ref) {
-  var opened = _ref.opened;
-  var overflow = useRef(document.body.style.overflowY);
-
-  // linaria не поддерживает динамический global
-  useEffect(function () {
-    if (opened) {
-      overflow.current = document.body.style.overflowY;
-      document.body.style.overflowY = 'hidden';
-      return;
-    }
-    document.body.style.overflowY = overflow.current;
-  }, [opened]);
-};