@salutejs/plasma-new-hope 0.113.0-canary.1327.10164869287.0 → 0.113.0-canary.1331.10163315465.0

package/styled-components/es/components/Header/ui/HeaderLogo/HeaderLogo.js

@@ -1,39 +0,0 @@
-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); }
-import React, { forwardRef } from 'react';
-import { component } from '../../../../engines';
-import { imageConfig } from '../../../Image';
-import { classes } from '../../Header.tokens';
-import { base as sizeCSS } from './variations/_size/base';
-
-// INFO: Omit 'onResize' | 'onResizeCapture' | 'nonce'
-// because this types coming with @types/react@18.0.25 and breaks react@17.0.2 with @types/react@18.0.18
-
-// issue #823
-var Image = /*#__PURE__*/component(imageConfig);
-
-/**
- * Компонент для размещения логотипа.
- */
-export var headerLogoRoot = function headerLogoRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (props, outerRootRef) {
-    return /*#__PURE__*/React.createElement(Root, {
-      ref: outerRootRef
-    }, /*#__PURE__*/React.createElement(Image, _extends({
-      className: classes.headerLogoImage
-    }, props)));
-  });
-};
-export var headerLogoConfig = {
-  name: 'HeaderLogo',
-  tag: 'div',
-  layout: headerLogoRoot,
-  base: '',
-  variations: {
-    size: {
-      css: sizeCSS
-    }
-  },
-  defaults: {
-    size: 'm'
-  }
-};

package/styled-components/es/components/Header/ui/HeaderLogo/HeaderLogo.styles.js

@@ -1,3 +0,0 @@
-import { css } from 'styled-components';
-import { classes, tokens } from '../../Header.tokens';
-export var base = /*#__PURE__*/css([".", "{--plasma_private-header-size:var(", ");width:var(--plasma_private-header-size);height:var(--plasma_private-header-size);flex:0 0 var(--plasma_private-header-size);margin-right:var(", ");}"], /*#__PURE__*/String(classes.headerLogoImage), tokens.headerHeight, tokens.headerLogoMarginRight);

package/styled-components/es/components/Header/ui/HeaderLogo/variations/_size/base.js

@@ -1,3 +0,0 @@
-import { css } from 'styled-components';
-import { classes, tokens } from '../../../../Header.tokens';
-export var base = /*#__PURE__*/css([".", "{--plasma_private-header-size:var(", ");width:var(--plasma_private-header-size);height:var(--plasma_private-header-size);flex:0 0 var(--plasma_private-header-size);margin-right:var(", ");}"], /*#__PURE__*/String(classes.headerLogoImage), tokens.headerHeight, tokens.headerLogoMarginRight);

package/styled-components/es/components/Header/ui/HeaderLogo/variations/_size/tokens.json

@@ -1 +0,0 @@
-["--plasma-header-logo-margin-right"]

package/styled-components/es/components/Header/ui/HeaderTitle/HeaderTitle.js

@@ -1,14 +0,0 @@
-var _excluded = ["children"];
-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 from 'react';
-import { StyledHeaderTitle } from './HeaderTitle.styles';
-
-/**
- * Компонент для размещения заголовка.
- */
-export var HeaderTitle = function HeaderTitle(_ref) {
-  var children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(StyledHeaderTitle, rest, children);
-};

package/styled-components/es/components/Header/ui/HeaderTitle/HeaderTitle.styles.js

@@ -1,5 +0,0 @@
-import styled from 'styled-components';
-import { applyEllipsis, h3, mediaQuery } from '../../../../mixins';
-export var StyledHeaderTitle = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-1a7z4tx-0"
-})(["", ";", ";font-weight:600;", ";"], /*#__PURE__*/applyEllipsis(), h3, /*#__PURE__*/mediaQuery('S')("\n        font-family: var(--plasma-typo-body-m-font-family);\n        font-size: var(--plasma-typo-body-m-font-size);\n        font-style: var(--plasma-typo-body-m-font-style);\n        letter-spacing: var(--plasma-typo-body-m-letter-spacing);\n        line-height: var(--plasma-typo-body-m-line-height);\n        font-weight: 600;\n    "));

package/styled-components/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.js

@@ -1,49 +0,0 @@
-var _excluded = ["label", "title", "subTitle", "caption", "withBigTitle", "children"];
-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 { base as sizeCSS } from './variations/_size/base';
-import { base as viewCSS } from './variations/_view/base';
-import { BigTitle, Caption, Label, SubTitle, TextBoxRoot, Title } from './HeaderTitleWrapper.styles';
-
-/**
- * Компонент для отображения текста в скомпанованном блоке.
- */
-export var headerTitleWrapperRoot = function headerTitleWrapperRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (props, outerRootRef) {
-    var label = props.label,
-      title = props.title,
-      subTitle = props.subTitle,
-      caption = props.caption,
-      withBigTitle = props.withBigTitle,
-      children = props.children,
-      rest = _objectWithoutProperties(props, _excluded);
-    if (children) {
-      return /*#__PURE__*/React.createElement(Root, {
-        ref: outerRootRef
-      }, /*#__PURE__*/React.createElement(TextBoxRoot, rest, children));
-    }
-    var T = withBigTitle ? BigTitle : Title;
-    return /*#__PURE__*/React.createElement(Root, {
-      ref: outerRootRef
-    }, /*#__PURE__*/React.createElement(TextBoxRoot, rest, label && /*#__PURE__*/React.createElement(Label, null, label), title && /*#__PURE__*/React.createElement(T, null, title), subTitle && /*#__PURE__*/React.createElement(SubTitle, null, subTitle), caption && /*#__PURE__*/React.createElement(Caption, null, caption)));
-  });
-};
-export var headerTitleWrapperConfig = {
-  name: 'HeaderTitleWrapper',
-  tag: 'div',
-  layout: headerTitleWrapperRoot,
-  base: '',
-  variations: {
-    view: {
-      css: viewCSS
-    },
-    size: {
-      css: sizeCSS
-    }
-  },
-  defaults: {
-    view: 'primary',
-    size: 'm'
-  }
-};

package/styled-components/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.styles.js

@@ -1,24 +0,0 @@
-import styled from 'styled-components';
-import { tokens } from '../../Header.tokens';
-import { applyEllipsis, applyHyphens, bodyM, bodyS, h1, h3 } from '../../../../mixins';
-export var Title = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-1jzpuar-0"
-})(["", ";margin:var(", ");color:var(", ");", ";", ";"], bodyM, tokens.headerTitleMargin, tokens.headerTitleColor, applyHyphens, /*#__PURE__*/applyEllipsis());
-export var BigTitle = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-1jzpuar-1"
-})(["", ";font-weight:600;margin:var(", ");color:var(", ");", ";", ";"], h3, tokens.headerBigTitleMargin, tokens.headerBiggerTitleColor, applyHyphens, /*#__PURE__*/applyEllipsis());
-export var BiggerTitle = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-1jzpuar-2"
-})(["", ";font-weight:600;margin:var(", ");color:var(", ");", ";", ";"], h1, tokens.headerBiggerTitleMargin, tokens.headerBiggerTitleColor, applyHyphens, /*#__PURE__*/applyEllipsis());
-export var Label = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-1jzpuar-3"
-})(["margin:var(", ");color:var(", ");", ";"], tokens.headerLabelMargin, tokens.headerLabelColor, /*#__PURE__*/applyEllipsis());
-export var SubTitle = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-1jzpuar-4"
-})(["", ";margin:var(", ");color:var(", ");", ";", ";"], bodyS, tokens.headerSubTitleMargin, tokens.headerSubTitleColor, applyHyphens, /*#__PURE__*/applyEllipsis());
-export var Caption = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-1jzpuar-5"
-})(["margin:var(", ");color:var(", ");", ";"], tokens.headerCaptionMargin, tokens.headerCaptionColor, /*#__PURE__*/applyEllipsis());
-export var TextBoxRoot = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-1jzpuar-6"
-})(["& >:first-child{margin-top:0;}& >:last-child{margin-bottom:0;}"]);

package/styled-components/es/components/Header/ui/HeaderTitleWrapper/HeaderTitleWrapper.types.js

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

package/styled-components/es/components/Header/ui/HeaderTitleWrapper/variations/_size/base.js

@@ -1,2 +0,0 @@
-import { css } from 'styled-components';
-export var base = /*#__PURE__*/css([""]);

package/styled-components/es/components/Header/ui/HeaderTitleWrapper/variations/_size/tokens.json

@@ -1,8 +0,0 @@
-[
-    "--plasma-header-title-margin",
-    "--plasma-header-big-title-margin",
-    "--plasma-header-bigger-title-margin",
-    "--plasma-header-label-margin",
-    "--plasma-header-subtitle-margin",
-    "--plasma-header-caption-margin"
-]

package/styled-components/es/components/Header/ui/HeaderTitleWrapper/variations/_view/base.js

@@ -1,2 +0,0 @@
-import { css } from 'styled-components';
-export var base = /*#__PURE__*/css(["display:flex;flex-direction:column;align-self:center;flex:1 1 max-content;max-width:max-content;min-width:10%;"]);

package/styled-components/es/components/Header/ui/HeaderTitleWrapper/variations/_view/tokens.json

@@ -1,8 +0,0 @@
-[
-    "--plasma-header-title-color",
-    "--plasma-header-big-title-color",
-    "--plasma-header-bigger-title-color",
-    "--plasma-header-label-color",
-    "--plasma-header-subtitle-color",
-    "--plasma-header-caption-color"
-]

package/styled-components/es/components/Header/ui/index.js

@@ -1,4 +0,0 @@
-export { headerLogoConfig } from './HeaderLogo/HeaderLogo';
-export { headerArrowConfig } from './HeaderArrow/HeaderArrow';
-export { headerTitleWrapperConfig } from './HeaderTitleWrapper/HeaderTitleWrapper';
-export { HeaderTitle } from './HeaderTitle/HeaderTitle';

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

@@ -1,16 +0,0 @@
-import { css } from 'styled-components';
-import { headerTokens } from '../../../../components/Header';
-export var config = {
-  defaults: {
-    view: 'default',
-    size: 'm'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":transform 0.15s ease-in-out;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-secondary);", ":var(--plasma-colors-secondary);", ":var(--plasma-colors-secondary);"], headerTokens.headerArrowButtonColor, headerTokens.headerArrowButtonBackgroundColor, headerTokens.headerArrowTransition, headerTokens.headerTitleColor, headerTokens.headerBigTitleColor, headerTokens.headerBiggerTitleColor, headerTokens.headerLabelColor, headerTokens.headerSubTitleColor, headerTokens.headerCaptionColor)
-    },
-    size: {
-      m: /*#__PURE__*/css(["", ":2.25rem;", ":1.625rem;", ":0.625rem;", ":0.75rem;", ":1rem;", ":1.5rem;", ":0.125rem 0;", ":0.5rem 0;", ":0.5rem 0;", ":0.375rem 0;", ":0.125rem 0;", ":0.25rem 0;", ":2.25rem;", ":0.5rem;"], headerTokens.headerHeight, headerTokens.headerPaddingTop, headerTokens.headerPaddingBottom, headerTokens.headerLogoMarginRight, headerTokens.headerArrowMarginRight, headerTokens.headerArrowIconSize, headerTokens.headerTitleMargin, headerTokens.headerBigTitleMargin, headerTokens.headerBiggerTitleMargin, headerTokens.headerLabelMargin, headerTokens.headerSubTitleMargin, headerTokens.headerCaptionMargin, headerTokens.headerArrowHeight, headerTokens.headerArrowPadding)
-    }
-  }
-};

package/styled-components/es/examples/plasma_b2c/components/Header/Header.js

@@ -1,12 +0,0 @@
-import { headerRootConfig, headerLogoConfig, headerArrowConfig, headerTitleWrapperConfig } from '../../../../components/Header';
-import { component, mergeConfig } from '../../../../engines';
-import { config } from './Header.config';
-export { HeaderContent, HeaderTitle } from '../../../../components/Header';
-var mergedConfig = /*#__PURE__*/mergeConfig(headerRootConfig, config);
-var mergedLogoConfig = /*#__PURE__*/mergeConfig(headerLogoConfig);
-var mergedArrowConfig = /*#__PURE__*/mergeConfig(headerArrowConfig);
-var mergedTitleWrapperConfig = /*#__PURE__*/mergeConfig(headerTitleWrapperConfig);
-export var HeaderRoot = /*#__PURE__*/component(mergedConfig);
-export var HeaderLogo = /*#__PURE__*/component(mergedLogoConfig);
-export var HeaderArrow = /*#__PURE__*/component(mergedArrowConfig);
-export var HeaderTitleWrapper = /*#__PURE__*/component(mergedTitleWrapperConfig);

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

@@ -1,128 +0,0 @@
-import React, { useState } from 'react';
-import styled from 'styled-components';
-import type { StoryObj, Meta } from '@storybook/react';
-import { action } from '@storybook/addon-actions';
-
-import { Button } from '../Button/Button';
-import { WithTheme, argTypesFromConfig } from '../../../_helpers';
-import { mergeConfig } from '../../../../engines';
-import { headerRootConfig } from '../../../../components/Header';
-import { IconMic } from '../../../../components/_Icon';
-
-import { config } from './Header.config';
-import { HeaderRoot, HeaderLogo, HeaderArrow, HeaderTitleWrapper, HeaderTitle, HeaderContent } from './Header';
-
-const meta: Meta<typeof HeaderRoot> = {
-    title: 'plasma_b2c/Header',
-    decorators: [WithTheme],
-};
-
-export default meta;
-
-type ContentComponentProps = {
-    contentType: string;
-    contentItemsNumber: number;
-    enableIcons: boolean;
-};
-
-type CustomAssemblyProps = {
-    variant: string;
-    title: string;
-    subtitle: string;
-    label: string;
-    gradientColor: string;
-};
-
-const StyledContentGrid = styled.div<{ $colCount: number }>`
-    display: grid;
-    grid-template-columns: ${({ $colCount }) => `repeat(${$colCount}, max-content)`};
-    grid-column-gap: 0.75rem;
-`;
-
-const Content = ({ contentItemsNumber, enableIcons }: ContentComponentProps) => {
-    const contentItems = Array(contentItemsNumber).fill(0);
-
-    return (
-        <StyledContentGrid $colCount={contentItems.length}>
-            {contentItems.map((_, i) => (
-                <Button
-                    key={`item:${i}`}
-                    size="s"
-                    view="clear"
-                    contentLeft={enableIcons && <IconMic color="inherit" size="s" />}
-                    text="Button"
-                />
-            ))}
-        </StyledContentGrid>
-    );
-};
-
-const StoryCustomAssembly = ({
-    variant,
-    title,
-    subtitle,
-    label,
-    gradientColor,
-    ...rest
-}: CustomAssemblyProps & ContentComponentProps) => {
-    const [isBack, setIsBack] = useState(true);
-
-    const onBackClick = () => {
-        action('onBackClick')();
-        setIsBack(false);
-    };
-
-    const onMinimizeClick = () => {
-        action('onMinimizeClick')();
-        setIsBack(true);
-    };
-
-    return (
-        <HeaderRoot gradientColor={gradientColor} {...rest} style={{ marginLeft: '40px' }}>
-            {isBack ? (
-                <HeaderArrow onClick={onBackClick} />
-            ) : (
-                <HeaderArrow arrow="minimize" onClick={onMinimizeClick} />
-            )}
-            <HeaderLogo src="./images/320_320_9.jpg" alt="Logo" />
-            {variant === 'title+subtitle' && (
-                <>
-                    <HeaderTitleWrapper title={title} subTitle={subtitle} />
-                </>
-            )}
-            {variant === 'label+title' && (
-                <>
-                    <HeaderTitleWrapper title={title} label={label} />
-                </>
-            )}
-            {variant === 'title' && <HeaderTitle>{title}</HeaderTitle>}
-            <HeaderContent>
-                <Content {...rest} />
-            </HeaderContent>
-        </HeaderRoot>
-    );
-};
-
-export const CustomAssembly: StoryObj<CustomAssemblyProps & ContentComponentProps> = {
-    argTypes: {
-        variant: {
-            options: ['title+subtitle', 'label+title', 'title'],
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        ...argTypesFromConfig(mergeConfig(headerRootConfig, config)),
-    },
-    args: {
-        view: 'default',
-        size: 'm',
-        variant: 'title+subtitle',
-        title: 'Header title text',
-        subtitle: 'Subtitle text',
-        label: 'Label text',
-        gradientColor: '#F69555',
-        contentItemsNumber: 3,
-        enableIcons: true,
-    },
-    render: (args) => <StoryCustomAssembly {...args} />,
-};

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

@@ -1,16 +0,0 @@
-import { css } from 'styled-components';
-import { headerTokens } from '../../../../components/Header';
-export var config = {
-  defaults: {
-    view: 'default',
-    size: 'm'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-clear);", ":transform 0.15s ease-in-out;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-secondary);", ":var(--plasma-colors-secondary);", ":var(--plasma-colors-secondary);"], headerTokens.headerArrowButtonColor, headerTokens.headerArrowButtonBackgroundColor, headerTokens.headerArrowTransition, headerTokens.headerTitleColor, headerTokens.headerBigTitleColor, headerTokens.headerBiggerTitleColor, headerTokens.headerLabelColor, headerTokens.headerSubTitleColor, headerTokens.headerCaptionColor)
-    },
-    size: {
-      m: /*#__PURE__*/css(["", ":2.25rem;", ":1.625rem;", ":0.625rem;", ":0.75rem;", ":1rem;", ":1.5rem;", ":0.125rem 0;", ":0.5rem 0;", ":0.5rem 0;", ":0.375rem 0;", ":0.125rem 0;", ":0.25rem 0;", ":2.25rem;", ":0.5rem;"], headerTokens.headerHeight, headerTokens.headerPaddingTop, headerTokens.headerPaddingBottom, headerTokens.headerLogoMarginRight, headerTokens.headerArrowMarginRight, headerTokens.headerArrowIconSize, headerTokens.headerTitleMargin, headerTokens.headerBigTitleMargin, headerTokens.headerBiggerTitleMargin, headerTokens.headerLabelMargin, headerTokens.headerSubTitleMargin, headerTokens.headerCaptionMargin, headerTokens.headerArrowHeight, headerTokens.headerArrowPadding)
-    }
-  }
-};

package/styled-components/es/examples/plasma_web/components/Header/Header.js

@@ -1,12 +0,0 @@
-import { headerRootConfig, headerLogoConfig, headerArrowConfig, headerTitleWrapperConfig } from '../../../../components/Header';
-import { component, mergeConfig } from '../../../../engines';
-import { config } from './Header.config';
-export { HeaderContent, HeaderTitle } from '../../../../components/Header';
-var mergedConfig = /*#__PURE__*/mergeConfig(headerRootConfig, config);
-var mergedLogoConfig = /*#__PURE__*/mergeConfig(headerLogoConfig);
-var mergedArrowConfig = /*#__PURE__*/mergeConfig(headerArrowConfig);
-var mergedTitleWrapperConfig = /*#__PURE__*/mergeConfig(headerTitleWrapperConfig);
-export var HeaderRoot = /*#__PURE__*/component(mergedConfig);
-export var HeaderLogo = /*#__PURE__*/component(mergedLogoConfig);
-export var HeaderArrow = /*#__PURE__*/component(mergedArrowConfig);
-export var HeaderTitleWrapper = /*#__PURE__*/component(mergedTitleWrapperConfig);

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

@@ -1,128 +0,0 @@
-import React, { useState } from 'react';
-import styled from 'styled-components';
-import type { StoryObj, Meta } from '@storybook/react';
-import { action } from '@storybook/addon-actions';
-
-import { Button } from '../Button/Button';
-import { WithTheme, argTypesFromConfig } from '../../../_helpers';
-import { mergeConfig } from '../../../../engines';
-import { headerRootConfig } from '../../../../components/Header';
-import { IconMic } from '../../../../components/_Icon';
-
-import { config } from './Header.config';
-import { HeaderRoot, HeaderLogo, HeaderArrow, HeaderTitleWrapper, HeaderTitle, HeaderContent } from './Header';
-
-const meta: Meta<typeof HeaderRoot> = {
-    title: 'plasma_web/Header',
-    decorators: [WithTheme],
-};
-
-export default meta;
-
-type ContentComponentProps = {
-    contentType: string;
-    contentItemsNumber: number;
-    enableIcons: boolean;
-};
-
-type CustomAssemblyProps = {
-    variant: string;
-    title: string;
-    subtitle: string;
-    label: string;
-    gradientColor: string;
-};
-
-const StyledContentGrid = styled.div<{ $colCount: number }>`
-    display: grid;
-    grid-template-columns: ${({ $colCount }) => `repeat(${$colCount}, max-content)`};
-    grid-column-gap: 0.75rem;
-`;
-
-const Content = ({ contentItemsNumber, enableIcons }: ContentComponentProps) => {
-    const contentItems = Array(contentItemsNumber).fill(0);
-
-    return (
-        <StyledContentGrid $colCount={contentItems.length}>
-            {contentItems.map((_, i) => (
-                <Button
-                    key={`item:${i}`}
-                    size="s"
-                    view="clear"
-                    contentLeft={enableIcons && <IconMic color="inherit" size="s" />}
-                    text="Button"
-                />
-            ))}
-        </StyledContentGrid>
-    );
-};
-
-const StoryCustomAssembly = ({
-    variant,
-    title,
-    subtitle,
-    label,
-    gradientColor,
-    ...rest
-}: CustomAssemblyProps & ContentComponentProps) => {
-    const [isBack, setIsBack] = useState(true);
-
-    const onBackClick = () => {
-        action('onBackClick')();
-        setIsBack(false);
-    };
-
-    const onMinimizeClick = () => {
-        action('onMinimizeClick')();
-        setIsBack(true);
-    };
-
-    return (
-        <HeaderRoot gradientColor={gradientColor} {...rest} style={{ marginLeft: '40px' }}>
-            {isBack ? (
-                <HeaderArrow onClick={onBackClick} />
-            ) : (
-                <HeaderArrow arrow="minimize" onClick={onMinimizeClick} />
-            )}
-            <HeaderLogo src="./images/320_320_9.jpg" alt="Logo" />
-            {variant === 'title+subtitle' && (
-                <>
-                    <HeaderTitleWrapper title={title} subTitle={subtitle} />
-                </>
-            )}
-            {variant === 'label+title' && (
-                <>
-                    <HeaderTitleWrapper title={title} label={label} />
-                </>
-            )}
-            {variant === 'title' && <HeaderTitle>{title}</HeaderTitle>}
-            <HeaderContent>
-                <Content {...rest} />
-            </HeaderContent>
-        </HeaderRoot>
-    );
-};
-
-export const CustomAssembly: StoryObj<CustomAssemblyProps & ContentComponentProps> = {
-    argTypes: {
-        variant: {
-            options: ['title+subtitle', 'label+title', 'title'],
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        ...argTypesFromConfig(mergeConfig(headerRootConfig, config)),
-    },
-    args: {
-        view: 'default',
-        size: 'm',
-        variant: 'title+subtitle',
-        title: 'Header title text',
-        subtitle: 'Subtitle text',
-        label: 'Label text',
-        gradientColor: '#F69555',
-        contentItemsNumber: 3,
-        enableIcons: true,
-    },
-    render: (args) => <StoryCustomAssembly {...args} />,
-};

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

@@ -1,34 +0,0 @@
-export declare const classes: {
-    headerLogoImage: string;
-    headerArrow: string;
-    headerArrowIcon: string;
-    headerArrowIconMinimize: string;
-    headerRoot: string;
-    headerWithGradient: string;
-};
-export declare const tokens: {
-    headerHeight: string;
-    headerPaddingTop: string;
-    headerPaddingBottom: string;
-    headerLogoMarginRight: string;
-    headerArrowTransition: string;
-    headerArrowMarginRight: string;
-    headerArrowIconSize: string;
-    headerArrowButtonColor: string;
-    headerArrowButtonBackgroundColor: string;
-    headerArrowHeight: string;
-    headerArrowPadding: string;
-    headerTitleMargin: string;
-    headerBigTitleMargin: string;
-    headerBiggerTitleMargin: string;
-    headerLabelMargin: string;
-    headerSubTitleMargin: string;
-    headerCaptionMargin: string;
-    headerTitleColor: string;
-    headerBigTitleColor: string;
-    headerBiggerTitleColor: string;
-    headerLabelColor: string;
-    headerSubTitleColor: string;
-    headerCaptionColor: string;
-};
-//# sourceMappingURL=Header.tokens.d.ts.map

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

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

package/types/components/Header/HeaderContent/HeaderContent.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-/**
- * Контейнер для контента шапки.
- */
-export declare const HeaderContent: ({ children, ...rest }: React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
-//# sourceMappingURL=HeaderContent.d.ts.map

package/types/components/Header/HeaderContent/HeaderContent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/HeaderContent/HeaderContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;GAEG;AACH,eAAO,MAAM,aAAa,0BAA2B,MAAM,cAAc,CAAC,cAAc,CAAC,gBAExF,CAAC"}

package/types/components/Header/HeaderContent/HeaderContent.styles.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const StyledHeaderContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-//# sourceMappingURL=HeaderContent.styles.d.ts.map

package/types/components/Header/HeaderContent/HeaderContent.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderContent.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/HeaderContent/HeaderContent.styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,mBAAmB,qKAM/B,CAAC"}

package/types/components/Header/HeaderRoot/HeaderRoot.d.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-import type { RootProps } from '../../../engines';
-import type { HeaderRootProps } from './HeaderRoot.types';
-/**
- * Корневой узел для шапки.
- */
-export declare const headerRoot: (Root: RootProps<HTMLDivElement, HeaderRootProps>) => React.ForwardRefExoticComponent<React.HtmlHTMLAttributes<HTMLDivElement> & {
-    size?: string | undefined;
-    gradientColor?: string | undefined;
-    view?: string | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export declare const headerRootConfig: {
-    name: string;
-    tag: string;
-    layout: (Root: RootProps<HTMLDivElement, HeaderRootProps>) => React.ForwardRefExoticComponent<React.HtmlHTMLAttributes<HTMLDivElement> & {
-        size?: string | undefined;
-        gradientColor?: string | undefined;
-        view?: string | undefined;
-    } & React.RefAttributes<HTMLDivElement>>;
-    base: string;
-    variations: {
-        size: {
-            css: import("@linaria/core").LinariaClassName;
-        };
-    };
-    defaults: {
-        size: string;
-    };
-};
-//# sourceMappingURL=HeaderRoot.d.ts.map

package/types/components/Header/HeaderRoot/HeaderRoot.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/HeaderRoot/HeaderRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAI1D;;GAEG;AACH,eAAO,MAAM,UAAU,SAAU,UAAU,cAAc,EAAE,eAAe,CAAC;;;;wCAiBrE,CAAC;AAEP,eAAO,MAAM,gBAAgB;;;mBAnBI,UAAU,cAAc,EAAE,eAAe,CAAC;;;;;;;;;;;;;;CAgC1E,CAAC"}

package/types/components/Header/HeaderRoot/HeaderRoot.styles.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { StyledHeaderRootProps } from './HeaderRoot.types';
-export declare const StyledHeaderRoot: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & StyledHeaderRootProps>;
-export declare const StyledInner: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-//# sourceMappingURL=HeaderRoot.styles.d.ts.map

package/types/components/Header/HeaderRoot/HeaderRoot.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderRoot.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/HeaderRoot/HeaderRoot.styles.ts"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,eAAO,MAAM,gBAAgB,8JAqB5B,CAAC;AAEF,eAAO,MAAM,WAAW,qKASvB,CAAC"}

package/types/components/Header/HeaderRoot/HeaderRoot.types.d.ts

@@ -1,23 +0,0 @@
-import { HtmlHTMLAttributes } from 'react';
-export declare type StyledHeaderRootProps = {
-    $size?: string;
-    $gradientColor?: string;
-};
-declare type HeaderRootCustomProps = {
-    /**
-     * Задать размер, зависимый от устройства.
-     * Если не задан, на каждом брейкпоинте будет свой размер.
-     */
-    size?: string;
-    /**
-     * Цвет для создания градиента сверху вниз.
-     * Указаный цвет займет верхнюю точку градента,
-     * а его, рассчитываемая программно, прозрачная версия - нижнюю.
-     * Можно использовать hex, rgb и rgba значения цвета.
-     */
-    gradientColor?: string;
-    view?: string;
-};
-export declare type HeaderRootProps = HtmlHTMLAttributes<HTMLDivElement> & HeaderRootCustomProps;
-export {};
-//# sourceMappingURL=HeaderRoot.types.d.ts.map