@salutejs/plasma-new-hope 0.134.0-canary.1404.10612716409.0 → 0.134.0-canary.1405.10615646161.0

package/styled-components/cjs/examples/sds_engineer/components/Chip/Chip.config.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Chip = /*#__PURE__*/require("../../../../components/Chip");
-var config = exports.config = {
-  defaults: {
-    view: 'primary',
-    size: 'm'
-  },
-  variations: {
-    view: {
-      primary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":rgba(12,143,230,0.11);", ":var(--text-primary);", ":rgba(12,143,230,0.11);"], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive)
-    },
-    size: {
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":auto;", ":2.5rem;", ":1rem;", ":1rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.5rem;", ":-0.25rem;", ":1rem;"], _Chip.chipTokens.borderRadius, _Chip.chipTokens.width, _Chip.chipTokens.height, _Chip.chipTokens.paddingRight, _Chip.chipTokens.paddingLeft, _Chip.chipTokens.fontFamily, _Chip.chipTokens.fontSize, _Chip.chipTokens.fontStyle, _Chip.chipTokens.fontWeight, _Chip.chipTokens.letterSpacing, _Chip.chipTokens.lineHeight, _Chip.chipTokens.clearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _Chip.chipTokens.closeIconSize),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":auto;", ":1.75rem;", ":0.75rem;", ":0.75rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":-0.25rem;", ":1rem;"], _Chip.chipTokens.borderRadius, _Chip.chipTokens.width, _Chip.chipTokens.height, _Chip.chipTokens.paddingRight, _Chip.chipTokens.paddingLeft, _Chip.chipTokens.fontFamily, _Chip.chipTokens.fontSize, _Chip.chipTokens.fontStyle, _Chip.chipTokens.fontWeight, _Chip.chipTokens.letterSpacing, _Chip.chipTokens.lineHeight, _Chip.chipTokens.clearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _Chip.chipTokens.closeIconSize),
-      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":auto;", ":1.25rem;", ":0.625rem;", ":0.625rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":-0.125rem;", ":1rem;"], _Chip.chipTokens.borderRadius, _Chip.chipTokens.width, _Chip.chipTokens.height, _Chip.chipTokens.paddingRight, _Chip.chipTokens.paddingLeft, _Chip.chipTokens.fontFamily, _Chip.chipTokens.fontSize, _Chip.chipTokens.fontStyle, _Chip.chipTokens.fontWeight, _Chip.chipTokens.letterSpacing, _Chip.chipTokens.lineHeight, _Chip.chipTokens.clearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _Chip.chipTokens.closeIconSize),
-      xxs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.375rem;", ":auto;", ":0.875rem;", ":0.5rem;", ":0.5rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);", ":0.25rem;", ":-0.125rem;", ":1rem;"], _Chip.chipTokens.borderRadius, _Chip.chipTokens.width, _Chip.chipTokens.height, _Chip.chipTokens.paddingRight, _Chip.chipTokens.paddingLeft, _Chip.chipTokens.fontFamily, _Chip.chipTokens.fontSize, _Chip.chipTokens.fontStyle, _Chip.chipTokens.fontWeight, _Chip.chipTokens.letterSpacing, _Chip.chipTokens.lineHeight, _Chip.chipTokens.clearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _Chip.chipTokens.closeIconSize)
-    },
-    readOnly: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--surface-transparent-secondary);", ":var(--text-accent);", ":rgba(12,143,230,0.11);", ":var(--surface-transparent-secondary);", ":var(--text-accent);", ":rgba(12,143,230,0.11);", ":var(--text-accent);"], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover)
-    }
-  }
-};

package/styled-components/cjs/examples/sds_engineer/components/Chip/Chip.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Chip = void 0;
-var _Chip = /*#__PURE__*/require("../../../../components/Chip");
-var _engines = /*#__PURE__*/require("../../../../engines");
-var _Chip2 = /*#__PURE__*/require("./Chip.config");
-var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Chip.chipConfig, _Chip2.config);
-var Chip = exports.Chip = /*#__PURE__*/(0, _engines.component)(mergedConfig);

package/styled-components/cjs/examples/sds_engineer/components/Chip/Chip.stories.tsx

@@ -1,37 +0,0 @@
-import { action } from '@storybook/addon-actions';
-import { disableProps } from '@salutejs/plasma-sb-utils';
-import type { StoryObj, Meta } from '@storybook/react';
-
-import { chipConfig } from '../../../../components/Chip';
-import { mergeConfig } from '../../../../engines';
-import { WithTheme, argTypesFromConfig } from '../../../_helpers';
-
-import { config } from './Chip.config';
-import { Chip } from './Chip';
-
-const onClear = action('onClear');
-
-const meta: Meta<typeof Chip> = {
-    title: 'sds_engineer/Chip',
-    component: Chip,
-    decorators: [WithTheme],
-    argTypes: {
-        ...argTypesFromConfig(mergeConfig(chipConfig, config)),
-        ...disableProps(['onClear', 'disabled', 'contentLeft']),
-    },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Chip>;
-
-export const Default: Story = {
-    args: {
-        text: 'Hello',
-        view: 'primary',
-        size: 'm',
-        hasClear: true,
-        readOnly: false,
-        onClear,
-    },
-};

package/styled-components/cjs/examples/sds_engineer/components/Counter/Counter.config.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Counter = /*#__PURE__*/require("../../../../components/Counter");
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 'xs'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);"], _Counter.counterTokens.color, _Counter.counterTokens.background),
-      accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);"], _Counter.counterTokens.color, _Counter.counterTokens.background),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);"], _Counter.counterTokens.color, _Counter.counterTokens.background),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);"], _Counter.counterTokens.color, _Counter.counterTokens.background),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-negative);"], _Counter.counterTokens.color, _Counter.counterTokens.background),
-      dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default);"], _Counter.counterTokens.color, _Counter.counterTokens.background),
-      light: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);"], _Counter.counterTokens.color, _Counter.counterTokens.background)
-    },
-    size: {
-      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":1rem;", ":0.25rem;", ":0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], _Counter.counterTokens.borderRadius, _Counter.counterTokens.height, _Counter.counterTokens.paddingRight, _Counter.counterTokens.paddingLeft, _Counter.counterTokens.fontFamily, _Counter.counterTokens.fontSize, _Counter.counterTokens.fontStyle, _Counter.counterTokens.fontWeight, _Counter.counterTokens.letterSpacing, _Counter.counterTokens.lineHeight),
-      xxs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":0.75rem;", ":0.25rem;", ":0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], _Counter.counterTokens.borderRadius, _Counter.counterTokens.height, _Counter.counterTokens.paddingRight, _Counter.counterTokens.paddingLeft, _Counter.counterTokens.fontFamily, _Counter.counterTokens.fontSize, _Counter.counterTokens.fontStyle, _Counter.counterTokens.fontWeight, _Counter.counterTokens.letterSpacing, _Counter.counterTokens.lineHeight)
-    }
-  }
-};

package/styled-components/cjs/examples/sds_engineer/components/Counter/Counter.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Counter = void 0;
-var _Counter = /*#__PURE__*/require("../../../../components/Counter");
-var _engines = /*#__PURE__*/require("../../../../engines");
-var _Counter2 = /*#__PURE__*/require("./Counter.config");
-var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Counter.counterConfig, _Counter2.config);
-var Counter = exports.Counter = /*#__PURE__*/(0, _engines.component)(mergedConfig);

package/styled-components/cjs/examples/sds_engineer/components/Counter/Counter.stories.tsx

@@ -1,41 +0,0 @@
-import React from 'react';
-import { disableProps } from '@salutejs/plasma-sb-utils';
-import type { StoryObj, Meta } from '@storybook/react';
-
-import { WithTheme } from '../../../_helpers';
-
-import { Counter } from './Counter';
-
-const meta: Meta<typeof Counter> = {
-    title: 'sds_engineer/Counter',
-    component: Counter,
-    decorators: [WithTheme],
-    argTypes: {
-        size: {
-            options: ['xs', 'xxs'],
-            control: {
-                type: 'select',
-            },
-        },
-        view: {
-            options: ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'],
-            control: {
-                type: 'select',
-            },
-        },
-        ...disableProps(['contentLeft', 'contentRight']),
-    },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Counter>;
-
-export const Default: Story = {
-    args: {
-        count: 25,
-        maxCount: 100,
-        view: 'default',
-        size: 'xs',
-    },
-};

package/styled-components/cjs/examples/sds_engineer/components/Divider/Divider.config.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Divider = /*#__PURE__*/require("../../../../components/Divider");
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 'm',
-    orientation: 'horizontal'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-tertiary);"], _Divider.dividerTokens.background),
-      dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-surface-transparent-tertiary);"], _Divider.dividerTokens.background),
-      light: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-surface-transparent-tertiary);"], _Divider.dividerTokens.background),
-      // TODO поменять на корректный токен --inverse-surface-transparent-tertiary когда он появится
-      inverse: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-tertiary);"], _Divider.dividerTokens.background)
-    },
-    size: {
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.0625rem;"], _Divider.dividerTokens.borderRadius)
-    },
-    orientation: {
-      horizontal: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.0625rem;"], _Divider.dividerTokens.baseSideSize),
-      vertical: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.0625rem;"], _Divider.dividerTokens.baseSideSize)
-    }
-  }
-};

package/styled-components/cjs/examples/sds_engineer/components/Divider/Divider.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Divider = void 0;
-var _Divider = /*#__PURE__*/require("../../../../components/Divider");
-var _engines = /*#__PURE__*/require("../../../../engines");
-var _Divider2 = /*#__PURE__*/require("./Divider.config");
-var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Divider.dividerConfig, _Divider2.config);
-var Divider = exports.Divider = /*#__PURE__*/(0, _engines.component)(mergedConfig);

package/styled-components/cjs/examples/sds_engineer/components/Divider/Divider.stories.tsx

@@ -1,61 +0,0 @@
-import React from 'react';
-import type { ComponentProps } from 'react';
-import styled from 'styled-components';
-import type { StoryObj, Meta } from '@storybook/react';
-
-import { WithTheme } from '../../../_helpers';
-import { bodyS } from '../../../../mixins';
-
-import { Divider } from './Divider';
-
-const meta: Meta<typeof Divider> = {
-    title: 'sds_engineer/Divider',
-    decorators: [WithTheme],
-    argTypes: {
-        orientation: {
-            options: ['horizontal', 'vertical'],
-            control: {
-                type: 'select',
-            },
-            table: { defaultValue: { summary: 'horizontal' } },
-        },
-        view: {
-            options: ['default', 'dark', 'light', 'inverse'],
-            control: {
-                type: 'select',
-            },
-            table: { defaultValue: { summary: 'default' } },
-        },
-    },
-};
-
-export default meta;
-
-const StyledWrapper = styled.div<{ orientation?: string }>`
-    display: inline-flex;
-    gap: 0.5rem;
-    padding: 1rem;
-    background: #aab1e9;
-    align-items: center;
-    justify-content: center;
-    flex-direction: ${(props) => (props.orientation === 'horizontal' ? 'column' : 'row')};
-`;
-
-const StyledBody = styled.div`
-    ${bodyS};
-`;
-
-export const Default: StoryObj<ComponentProps<typeof Divider>> = {
-    args: {
-        view: 'default',
-        orientation: 'horizontal',
-        length: '100%',
-    },
-    render: (args) => (
-        <StyledWrapper orientation={args.orientation}>
-            <StyledBody>Before</StyledBody>
-            <Divider {...args} />
-            <StyledBody>After</StyledBody>
-        </StyledWrapper>
-    ),
-};

package/styled-components/cjs/examples/sds_engineer/components/Drawer/Drawer.config.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Drawer = /*#__PURE__*/require("../../../../components/Drawer");
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 'm'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-solid-card);", ":0 3.75rem 7rem -0.5rem rgba(0,0,0,0.08);", ":var(--surface-transparent-primary);", ":var(--overlay-blur);", ":var(--overlay-soft);"], _Drawer.drawerTokens.background, _Drawer.drawerTokens.shadow, _Drawer.drawerTokens.contentBackgroundColor, _Drawer.drawerTokens.drawerOverlayWithBlurColor, _Drawer.drawerTokens.drawerOverlayColor)
-    },
-    size: {
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem;"], _Drawer.drawerTokens.padding)
-    },
-    borderRadius: {
-      none: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;"], _Drawer.drawerTokens.borderRadius),
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":1.25rem;"], _Drawer.drawerTokens.borderRadius)
-    }
-  }
-};

package/styled-components/cjs/examples/sds_engineer/components/Drawer/Drawer.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DrawerHeader = exports.DrawerFooter = exports.DrawerContent = exports.Drawer = void 0;
-var _Drawer = /*#__PURE__*/require("../../../../components/Drawer");
-var _Drawer2 = /*#__PURE__*/require("../../../../components/Drawer/Drawer");
-var _engines = /*#__PURE__*/require("../../../../engines");
-var _Drawer3 = /*#__PURE__*/require("./Drawer.config");
-var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Drawer2.drawerConfig, _Drawer3.config);
-var Drawer = exports.Drawer = /*#__PURE__*/(0, _engines.component)(mergedConfig);
-var mergedContentConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Drawer.drawerContentConfig);
-var DrawerContent = exports.DrawerContent = /*#__PURE__*/(0, _engines.component)(mergedContentConfig);
-var mergedHeaderConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Drawer.drawerHeaderConfig);
-var DrawerHeader = exports.DrawerHeader = /*#__PURE__*/(0, _engines.component)(mergedHeaderConfig);
-var mergedFooterConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Drawer.drawerFooterConfig);
-var DrawerFooter = exports.DrawerFooter = /*#__PURE__*/(0, _engines.component)(mergedFooterConfig);

package/styled-components/cjs/examples/sds_engineer/components/Drawer/Drawer.stories.tsx

@@ -1,218 +0,0 @@
-import React, { useState } from 'react';
-import styled from 'styled-components';
-import type { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-
-import { Button } from '../Button/Button';
-import { WithTheme } from '../../../_helpers';
-import { Heading } from '../../../typograpy/components/Heading/Heading';
-import { IconDone } from '../../../../components/_Icon';
-import { SSRProvider } from '../../../../components/SSRProvider';
-import { PopupProvider } from '../Popup/Popup';
-import type { ClosePlacementType } from '../../../../components/Drawer';
-
-import { Drawer, DrawerContent, DrawerFooter, DrawerHeader } from './Drawer';
-
-export default {
-    title: 'sds_engineer/Drawer',
-    decorators: [WithTheme],
-    argTypes: {
-        placement: {
-            options: ['top', 'bottom', 'right', 'left'],
-            control: {
-                type: 'select',
-            },
-            table: { defaultValue: { summary: 'center' } },
-        },
-        offsetX: {
-            control: {
-                type: 'number',
-            },
-            table: { defaultValue: { summary: 0 } },
-        },
-        offsetY: {
-            control: {
-                type: 'number',
-            },
-            table: { defaultValue: { summary: 0 } },
-        },
-        closeOnEsc: {
-            control: {
-                type: 'boolean',
-            },
-            table: { defaultValue: { summary: true } },
-        },
-        closeOnOverlayClick: {
-            control: {
-                type: 'boolean',
-            },
-            table: { defaultValue: { summary: true } },
-        },
-        withBlur: {
-            control: {
-                type: 'boolean',
-            },
-            table: { defaultValue: { summary: false } },
-        },
-        showHeader: {
-            control: {
-                type: 'boolean',
-            },
-            table: { defaultValue: { summary: true } },
-        },
-        showFooter: {
-            control: {
-                type: 'boolean',
-            },
-            table: { defaultValue: { summary: true } },
-        },
-        showActions: {
-            control: {
-                type: 'boolean',
-            },
-            table: { defaultValue: { summary: true } },
-        },
-        closePlacement: {
-            options: ['right', 'left'],
-            control: {
-                type: 'select',
-            },
-            table: { defaultValue: { summary: 'right' } },
-        },
-        borderRadius: {
-            options: ['none', 'default'],
-            control: {
-                type: 'select',
-            },
-        },
-    },
-} as Meta;
-
-type StoryDrawerProps = ComponentProps<typeof Drawer> & {
-    placement: string;
-    offsetX: number;
-    offsetY: number;
-    closeOnEsc: boolean;
-    closeOnOverlayClick: boolean;
-    showHeader: boolean;
-    showFooter: boolean;
-    showActions: boolean;
-    closePlacement: string;
-    hasClose: boolean;
-    asModal: boolean;
-};
-
-const StyledWrapper = styled.div`
-    height: 100%;
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-`;
-
-const StyledContentWrapper = styled.div`
-    height: 80%;
-    display: flex;
-    flex-grow: 1;
-`;
-
-const StyledContent = styled.div`
-    background: #a8a875;
-    flex-grow: 1;
-    height: 100%;
-`;
-
-const StyledSection = styled.div`
-    background: #808080;
-    min-height: 20%;
-`;
-
-const StyledIconButton = styled(Button)`
-    position: relative;
-    width: 1.5rem;
-    height: 1.5rem;
-`;
-
-const StoryDrawerDemo = ({
-    showHeader,
-    showFooter,
-    showActions,
-    closePlacement,
-    offsetX,
-    offsetY,
-    ...rest
-}: StoryDrawerProps) => {
-    const [isOpen, setIsOpen] = useState(false);
-
-    return (
-        <SSRProvider>
-            <PopupProvider>
-                <StyledWrapper>
-                    <StyledSection>
-                        <Button text="Открыть панель" onClick={() => setIsOpen(true)} />
-                    </StyledSection>
-                    <StyledContentWrapper>
-                        <Drawer
-                            frame="theme-root"
-                            opened={isOpen}
-                            offset={[offsetX, offsetY]}
-                            onClose={() => setIsOpen(false)}
-                            {...rest}
-                        >
-                            <DrawerHeader
-                                closePlacement={closePlacement as ClosePlacementType}
-                                actions={
-                                    showActions && (
-                                        <StyledIconButton size="s" view="clear">
-                                            <IconDone size="s" />
-                                        </StyledIconButton>
-                                    )
-                                }
-                                onClose={() => setIsOpen(false)}
-                            >
-                                {showHeader && <Heading size="h3">Header</Heading>}
-                            </DrawerHeader>
-                            <DrawerContent>Content</DrawerContent>
-                            {showFooter && (
-                                <DrawerFooter>
-                                    <Heading size="h3">Footer</Heading>
-                                </DrawerFooter>
-                            )}
-                        </Drawer>
-                        <StyledContent>
-                            <Heading style={{ margin: '2rem' }} size="h2">
-                                Some basic content
-                            </Heading>
-                        </StyledContent>
-                    </StyledContentWrapper>
-                    <StyledSection />
-                </StyledWrapper>
-                <StyledContent>
-                    <Heading style={{ margin: '2rem' }} size="h2">
-                        Some basic content
-                    </Heading>
-                </StyledContent>
-            </PopupProvider>
-        </SSRProvider>
-    );
-};
-
-export const DrawerDemo: StoryObj<StoryDrawerProps> = {
-    args: {
-        placement: 'right',
-        withBlur: false,
-        closeOnEsc: true,
-        closeOnOverlayClick: true,
-        offsetX: 0,
-        offsetY: 0,
-        showHeader: true,
-        showFooter: true,
-        showActions: true,
-        hasClose: true,
-        asModal: true,
-        closePlacement: 'right',
-        width: '25vw',
-        height: '100dvh',
-        borderRadius: 'none',
-    },
-    render: (args) => <StoryDrawerDemo {...args} />,
-};

package/styled-components/cjs/examples/sds_engineer/components/Grid/Grid.config.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Grid = /*#__PURE__*/require("../../../../components/Grid");
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var config = exports.config = {
-  defaults: {
-    view: 'default'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ";", ":6;", ":0.5rem;", ":1rem;", ":0;", ":12;", ":0.5rem;", ":1.25rem;", ":35rem;", ":18;", ":0.5rem;", ":1.75rem;", ":49.125rem;", ":24;", ":0.5rem;", ":2.5rem;", ":60rem;", ":30;", ":0.5rem;", ":4rem;", ":75rem;"], /*#__PURE__*/(0, _Grid.getBaseGridView)( /*#__PURE__*/_defineProperty( /*#__PURE__*/_defineProperty( /*#__PURE__*/_defineProperty( /*#__PURE__*/_defineProperty( /*#__PURE__*/_defineProperty({}, _Grid.gridTokens.smallMMinWidth, 0), _Grid.gridTokens.mediumSMinWidth, '35rem'), _Grid.gridTokens.mediumMMinWidth, '49.125rem'), _Grid.gridTokens.largeSMinWidth, '60rem'), _Grid.gridTokens.largeMMinWidth, '75rem'), 'default'), _Grid.gridTokens.smallMColsCount, _Grid.gridTokens.smallMGap, _Grid.gridTokens.smallMMargin, _Grid.gridTokens.smallMMinWidth, _Grid.gridTokens.mediumSColsCount, _Grid.gridTokens.mediumSGap, _Grid.gridTokens.mediumSMargin, _Grid.gridTokens.mediumSMinWidth, _Grid.gridTokens.mediumMColsCount, _Grid.gridTokens.mediumMGap, _Grid.gridTokens.mediumMMargin, _Grid.gridTokens.mediumMMinWidth, _Grid.gridTokens.largeSColsCount, _Grid.gridTokens.largeSGap, _Grid.gridTokens.largeSMargin, _Grid.gridTokens.largeSMinWidth, _Grid.gridTokens.largeMColsCount, _Grid.gridTokens.largeMGap, _Grid.gridTokens.largeMMargin, _Grid.gridTokens.largeMMinWidth)
-    }
-  }
-};

package/styled-components/cjs/examples/sds_engineer/components/Grid/Grid.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Col", {
-  enumerable: true,
-  get: function get() {
-    return _Grid.Col;
-  }
-});
-exports.Grid = void 0;
-Object.defineProperty(exports, "Row", {
-  enumerable: true,
-  get: function get() {
-    return _Grid.Row;
-  }
-});
-var _Grid = /*#__PURE__*/require("../../../../components/Grid");
-var _engines = /*#__PURE__*/require("../../../../engines");
-var _Grid2 = /*#__PURE__*/require("./Grid.config");
-var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Grid.gridConfig, _Grid2.config);
-var Grid = exports.Grid = /*#__PURE__*/(0, _engines.component)(mergedConfig);