@salutejs/plasma-new-hope 0.115.0-canary.1328.10250048582.0 → 0.115.0-canary.1331.10263579735.0

package/emotion/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/emotion/es/examples/plasma_web/components/Header/Header.config.js

@@ -1,16 +0,0 @@
-import { css } from '@emotion/react';
-import { headerTokens } from '../../../../components/Header';
-export var config = {
-  defaults: {
-    view: 'default',
-    size: 'm'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/css(headerTokens.headerArrowButtonColor, ":var(--text-primary);", headerTokens.headerArrowButtonBackgroundColor, ":var(--surface-clear);", headerTokens.headerArrowTransition, ":transform 0.15s ease-in-out;", headerTokens.headerTitleColor, ":var(--plasma-colors-primary);", headerTokens.headerBigTitleColor, ":var(--plasma-colors-primary);", headerTokens.headerBiggerTitleColor, ":var(--plasma-colors-primary);", headerTokens.headerLabelColor, ":var(--plasma-colors-secondary);", headerTokens.headerSubTitleColor, ":var(--plasma-colors-secondary);", headerTokens.headerCaptionColor, ":var(--plasma-colors-secondary);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9IZWFkZXIvSGVhZGVyLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXd0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvcGxhc21hX3dlYi9jb21wb25lbnRzL0hlYWRlci9IZWFkZXIuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBoZWFkZXJUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL0hlYWRlcic7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJBcnJvd0J1dHRvbkNvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJBcnJvd0J1dHRvbkJhY2tncm91bmRDb2xvcn06IHZhcigtLXN1cmZhY2UtY2xlYXIpO1xuXG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQXJyb3dUcmFuc2l0aW9ufTogdHJhbnNmb3JtIDAuMTVzIGVhc2UtaW4tb3V0O1xuXG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyVGl0bGVDb2xvcn06IHZhcigtLXBsYXNtYS1jb2xvcnMtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQmlnVGl0bGVDb2xvcn06IHZhcigtLXBsYXNtYS1jb2xvcnMtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQmlnZ2VyVGl0bGVDb2xvcn06IHZhcigtLXBsYXNtYS1jb2xvcnMtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyTGFiZWxDb2xvcn06IHZhcigtLXBsYXNtYS1jb2xvcnMtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJTdWJUaXRsZUNvbG9yfTogdmFyKC0tcGxhc21hLWNvbG9ycy1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckNhcHRpb25Db2xvcn06IHZhcigtLXBsYXNtYS1jb2xvcnMtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJIZWlnaHR9OiAyLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlclBhZGRpbmdUb3B9OiAxLjYyNXJlbTtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJQYWRkaW5nQm90dG9tfTogMC42MjVyZW07XG5cbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJMb2dvTWFyZ2luUmlnaHR9OiAwLjc1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQXJyb3dNYXJnaW5SaWdodH06IDFyZW07XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQXJyb3dJY29uU2l6ZX06IDEuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlclRpdGxlTWFyZ2lufTogMC4xMjVyZW0gMDtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJCaWdUaXRsZU1hcmdpbn06IDAuNXJlbSAwO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckJpZ2dlclRpdGxlTWFyZ2lufTogMC41cmVtIDA7XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyTGFiZWxNYXJnaW59OiAwLjM3NXJlbSAwO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlclN1YlRpdGxlTWFyZ2lufTogMC4xMjVyZW0gMDtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJDYXB0aW9uTWFyZ2lufTogMC4yNXJlbSAwO1xuXG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQXJyb3dIZWlnaHR9OiAyLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckFycm93UGFkZGluZ306IDAuNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
-    },
-    size: {
-      m: /*#__PURE__*/css(headerTokens.headerHeight, ":2.25rem;", headerTokens.headerPaddingTop, ":1.625rem;", headerTokens.headerPaddingBottom, ":0.625rem;", headerTokens.headerLogoMarginRight, ":0.75rem;", headerTokens.headerArrowMarginRight, ":1rem;", headerTokens.headerArrowIconSize, ":1.5rem;", headerTokens.headerTitleMargin, ":0.125rem 0;", headerTokens.headerBigTitleMargin, ":0.5rem 0;", headerTokens.headerBiggerTitleMargin, ":0.5rem 0;", headerTokens.headerLabelMargin, ":0.375rem 0;", headerTokens.headerSubTitleMargin, ":0.125rem 0;", headerTokens.headerCaptionMargin, ":0.25rem 0;", headerTokens.headerArrowHeight, ":2.25rem;", headerTokens.headerArrowPadding, ":0.5rem;;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9IZWFkZXIvSGVhZGVyLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQmtCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9IZWFkZXIvSGVhZGVyLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgaGVhZGVyVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9IZWFkZXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQXJyb3dCdXR0b25Db2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQXJyb3dCdXR0b25CYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWNsZWFyKTtcblxuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckFycm93VHJhbnNpdGlvbn06IHRyYW5zZm9ybSAwLjE1cyBlYXNlLWluLW91dDtcblxuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlclRpdGxlQ29sb3J9OiB2YXIoLS1wbGFzbWEtY29sb3JzLXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckJpZ1RpdGxlQ29sb3J9OiB2YXIoLS1wbGFzbWEtY29sb3JzLXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckJpZ2dlclRpdGxlQ29sb3J9OiB2YXIoLS1wbGFzbWEtY29sb3JzLXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckxhYmVsQ29sb3J9OiB2YXIoLS1wbGFzbWEtY29sb3JzLXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyU3ViVGl0bGVDb2xvcn06IHZhcigtLXBsYXNtYS1jb2xvcnMtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJDYXB0aW9uQ29sb3J9OiB2YXIoLS1wbGFzbWEtY29sb3JzLXNlY29uZGFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVySGVpZ2h0fTogMi4yNXJlbTtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJQYWRkaW5nVG9wfTogMS42MjVyZW07XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyUGFkZGluZ0JvdHRvbX06IDAuNjI1cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyTG9nb01hcmdpblJpZ2h0fTogMC43NXJlbTtcblxuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckFycm93TWFyZ2luUmlnaHR9OiAxcmVtO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckFycm93SWNvblNpemV9OiAxLjVyZW07XG5cbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJUaXRsZU1hcmdpbn06IDAuMTI1cmVtIDA7XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQmlnVGl0bGVNYXJnaW59OiAwLjVyZW0gMDtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJCaWdnZXJUaXRsZU1hcmdpbn06IDAuNXJlbSAwO1xuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckxhYmVsTWFyZ2lufTogMC4zNzVyZW0gMDtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJTdWJUaXRsZU1hcmdpbn06IDAuMTI1cmVtIDA7XG4gICAgICAgICAgICAgICAgJHtoZWFkZXJUb2tlbnMuaGVhZGVyQ2FwdGlvbk1hcmdpbn06IDAuMjVyZW0gMDtcblxuICAgICAgICAgICAgICAgICR7aGVhZGVyVG9rZW5zLmhlYWRlckFycm93SGVpZ2h0fTogMi4yNXJlbTtcbiAgICAgICAgICAgICAgICAke2hlYWRlclRva2Vucy5oZWFkZXJBcnJvd1BhZGRpbmd9OiAwLjVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
-    }
-  }
-};

package/emotion/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/emotion/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/es/components/Header/Header.tokens.js

@@ -1,36 +0,0 @@
-var classes = {
-  headerLogoImage: 'header-logo-image',
-  headerArrow: 'header-arrow',
-  headerArrowIcon: 'header-arrow-icon',
-  headerArrowIconMinimize: 'header-arrow-icon-minimize',
-  headerRoot: 'header-root',
-  headerWithGradient: 'header-with-gradient'
-};
-var tokens = {
-  headerHeight: '--plasma-header-height',
-  headerPaddingTop: '--plasma-header-padding-top',
-  headerPaddingBottom: '--plasma-header-padding-bottom',
-  headerLogoMarginRight: '--plasma-header-logo-margin-right',
-  headerArrowTransition: '--plasma-header-arrow-transition',
-  headerArrowMarginRight: '--plasma-header-arrow-margin-right',
-  headerArrowIconSize: '--plasma-header-arrow-icon-size',
-  headerArrowButtonColor: '--plasma-button-color',
-  headerArrowButtonBackgroundColor: '--plasma-button-bg-color',
-  headerArrowHeight: '--plasma-button-height',
-  headerArrowPadding: '--plasma-button-padding',
-  headerTitleMargin: '--plasma-header-title-margin',
-  headerBigTitleMargin: '--plasma-header-big-title-margin',
-  headerBiggerTitleMargin: '--plasma-header-bigger-title-margin',
-  headerLabelMargin: '--plasma-header-label-margin',
-  headerSubTitleMargin: '--plasma-header-subtitle-margin',
-  headerCaptionMargin: '--plasma-header-caption-margin',
-  headerTitleColor: '--plasma-header-title-color',
-  headerBigTitleColor: '--plasma-header-big-title-color',
-  headerBiggerTitleColor: '--plasma-header-bigger-title-color',
-  headerLabelColor: '--plasma-header-label-color',
-  headerSubTitleColor: '--plasma-header-subtitle-color',
-  headerCaptionColor: '--plasma-header-caption-color'
-};
-
-export { classes, tokens };
-//# sourceMappingURL=Header.tokens.js.map

package/es/components/Header/Header.tokens.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.tokens.js","sources":["../../../src/components/Header/Header.tokens.ts"],"sourcesContent":["export const classes = {\n    headerLogoImage: 'header-logo-image',\n    headerArrow: 'header-arrow',\n    headerArrowIcon: 'header-arrow-icon',\n    headerArrowIconMinimize: 'header-arrow-icon-minimize',\n    headerRoot: 'header-root',\n    headerWithGradient: 'header-with-gradient',\n};\n\nexport const tokens = {\n    headerHeight: '--plasma-header-height',\n    headerPaddingTop: '--plasma-header-padding-top',\n    headerPaddingBottom: '--plasma-header-padding-bottom',\n\n    headerLogoMarginRight: '--plasma-header-logo-margin-right',\n\n    headerArrowTransition: '--plasma-header-arrow-transition',\n    headerArrowMarginRight: '--plasma-header-arrow-margin-right',\n    headerArrowIconSize: '--plasma-header-arrow-icon-size',\n    headerArrowButtonColor: '--plasma-button-color',\n    headerArrowButtonBackgroundColor: '--plasma-button-bg-color',\n    headerArrowHeight: '--plasma-button-height',\n    headerArrowPadding: '--plasma-button-padding',\n\n    headerTitleMargin: '--plasma-header-title-margin',\n    headerBigTitleMargin: '--plasma-header-big-title-margin',\n    headerBiggerTitleMargin: '--plasma-header-bigger-title-margin',\n    headerLabelMargin: '--plasma-header-label-margin',\n    headerSubTitleMargin: '--plasma-header-subtitle-margin',\n    headerCaptionMargin: '--plasma-header-caption-margin',\n\n    headerTitleColor: '--plasma-header-title-color',\n    headerBigTitleColor: '--plasma-header-big-title-color',\n    headerBiggerTitleColor: '--plasma-header-bigger-title-color',\n    headerLabelColor: '--plasma-header-label-color',\n    headerSubTitleColor: '--plasma-header-subtitle-color',\n    headerCaptionColor: '--plasma-header-caption-color',\n};\n"],"names":["classes","headerLogoImage","headerArrow","headerArrowIcon","headerArrowIconMinimize","headerRoot","headerWithGradient","tokens","headerHeight","headerPaddingTop","headerPaddingBottom","headerLogoMarginRight","headerArrowTransition","headerArrowMarginRight","headerArrowIconSize","headerArrowButtonColor","headerArrowButtonBackgroundColor","headerArrowHeight","headerArrowPadding","headerTitleMargin","headerBigTitleMargin","headerBiggerTitleMargin","headerLabelMargin","headerSubTitleMargin","headerCaptionMargin","headerTitleColor","headerBigTitleColor","headerBiggerTitleColor","headerLabelColor","headerSubTitleColor","headerCaptionColor"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,eAAe,EAAE,mBAAmB;AACpCC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,eAAe,EAAE,mBAAmB;AACpCC,EAAAA,uBAAuB,EAAE,4BAA4B;AACrDC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,kBAAkB,EAAE,sBAAA;AACxB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,YAAY,EAAE,wBAAwB;AACtCC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,mBAAmB,EAAE,gCAAgC;AAErDC,EAAAA,qBAAqB,EAAE,mCAAmC;AAE1DC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,sBAAsB,EAAE,uBAAuB;AAC/CC,EAAAA,gCAAgC,EAAE,0BAA0B;AAC5DC,EAAAA,iBAAiB,EAAE,wBAAwB;AAC3CC,EAAAA,kBAAkB,EAAE,yBAAyB;AAE7CC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,uBAAuB,EAAE,qCAAqC;AAC9DC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,mBAAmB,EAAE,gCAAgC;AAErDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,kBAAkB,EAAE,+BAAA;AACxB;;;;"}

package/es/components/Header/HeaderContent/HeaderContent.css

@@ -1 +0,0 @@
-.HeaderContent_styles_ru84zp_s1jgshq1__4edd06d7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-flex:1 0 max-content;-ms-flex:1 0 max-content;flex:1 0 max-content;margin-left:auto;padding-left:0.75rem;}

package/es/components/Header/HeaderContent/HeaderContent.js

@@ -1,17 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React from 'react';
-import { StyledHeaderContent } from './HeaderContent.styles.js';
-
-var _excluded = ["children"];
-
-/**
- * Контейнер для контента шапки.
- */
-var HeaderContent = function HeaderContent(_ref) {
-  var children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(StyledHeaderContent, rest, children);
-};
-
-export { HeaderContent };
-//# sourceMappingURL=HeaderContent.js.map

package/es/components/Header/HeaderContent/HeaderContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderContent.js","sources":["../../../../src/components/Header/HeaderContent/HeaderContent.tsx"],"sourcesContent":["import React from 'react';\n\nimport { StyledHeaderContent } from './HeaderContent.styles';\n\n/**\n * Контейнер для контента шапки.\n */\nexport const HeaderContent = ({ children, ...rest }: React.HTMLAttributes<HTMLDivElement>) => (\n    <StyledHeaderContent {...rest}>{children}</StyledHeaderContent>\n);\n"],"names":["HeaderContent","_ref","children","rest","_objectWithoutProperties","_excluded","React","createElement","StyledHeaderContent"],"mappings":";;;;;;AAIA;AACA;AACA;IACaA,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;EAAA,oBAC7CC,KAAA,CAAAC,aAAA,CAACC,mBAAmB,EAAKL,IAAI,EAAGD,QAA8B,CAAC,CAAA;AAAA;;;;"}

package/es/components/Header/HeaderContent/HeaderContent.styles.js

@@ -1,11 +0,0 @@
-import './HeaderContent.styles_ru84zp.css';
-import { styled } from '@linaria/react';
-
-var StyledHeaderContent = /*#__PURE__*/styled('div')({
-  name: "StyledHeaderContent",
-  "class": "s1jgshq1",
-  propsAsIs: false
-});
-
-export { StyledHeaderContent };
-//# sourceMappingURL=HeaderContent.styles.js.map

package/es/components/Header/HeaderContent/HeaderContent.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderContent.styles.js","sources":["../../../../src/components/Header/HeaderContent/HeaderContent.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nexport const StyledHeaderContent = styled.div`\n    display: flex;\n    justify-content: flex-end;\n    flex: 1 0 max-content;\n    margin-left: auto;\n    padding-left: 0.75rem;\n`;\n"],"names":["StyledHeaderContent","styled","name","class","propsAsIs"],"mappings":";;AAEO,IAAMA,mBAAmB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMxC;;;;"}

package/es/components/Header/HeaderContent/HeaderContent.styles_ru84zp.css

@@ -1 +0,0 @@
-.s1jgshq1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-flex:1 0 max-content;-ms-flex:1 0 max-content;flex:1 0 max-content;margin-left:auto;padding-left:0.75rem;}

package/es/components/Header/HeaderRoot/HeaderRoot.css

@@ -1,2 +0,0 @@
-.HeaderRoot_styles_tgf9lv_s1pft4si__d5411e2c{box-sizing:content-box;height:var(--plasma-header-height);padding-top:var(--plasma-header-padding-top);padding-bottom:var(--plasma-header-padding-bottom);--header_private-gradient-color:var(--s1pft4si-0);}.HeaderRoot_styles_tgf9lv_s1pft4si__d5411e2c.HeaderRoot_styles_tgf9lv_headerWithGradient__d5411e2c::before{content:'';position:absolute;top:0;left:0;right:0;height:calc( var(--plasma-header-height) + var(--plasma-header-padding-top) + var(--plasma-header-padding-bottom) );background-image:linear-gradient(180deg,var(--header_private-gradient-color),rgba(0,0,0,0));}
-.HeaderRoot_styles_tgf9lv_s4v2au0__d5411e2c{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;height:100%;}

package/es/components/Header/HeaderRoot/HeaderRoot.js

@@ -1,48 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
-import { classes } from '../Header.tokens.js';
-import { cx } from '../../../utils/index.js';
-import { base } from './variations/_size/base.js';
-import { StyledHeaderRoot, StyledInner } from './HeaderRoot.styles.js';
-
-var _excluded = ["children", "size", "view", "gradientColor"];
-
-/**
- * Корневой узел для шапки.
- */
-var headerRoot = function headerRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (props, outerRootRef) {
-    var children = props.children,
-      size = props.size,
-      view = props.view,
-      gradientColor = props.gradientColor,
-      rest = _objectWithoutProperties(props, _excluded);
-    var gradientColorClass = gradientColor ? classes.headerWithGradient : undefined;
-    return /*#__PURE__*/React.createElement(Root, {
-      ref: outerRootRef,
-      size: size,
-      view: view
-    }, /*#__PURE__*/React.createElement(StyledHeaderRoot, _extends({
-      className: cx(classes.headerRoot, gradientColorClass)
-    }, rest, {
-      $gradientColor: gradientColor
-    }), /*#__PURE__*/React.createElement(StyledInner, null, children)));
-  });
-};
-var headerRootConfig = {
-  name: 'HeaderRoot',
-  tag: 'div',
-  layout: headerRoot,
-  base: '',
-  variations: {
-    size: {
-      css: base
-    }
-  },
-  defaults: {
-    size: 'm'
-  }
-};
-
-export { headerRoot, headerRootConfig };
-//# sourceMappingURL=HeaderRoot.js.map

package/es/components/Header/HeaderRoot/HeaderRoot.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderRoot.js","sources":["../../../../src/components/Header/HeaderRoot/HeaderRoot.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { classes } from '../Header.tokens';\nimport { cx } from '../../../utils';\n\nimport type { HeaderRootProps } from './HeaderRoot.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { StyledHeaderRoot, StyledInner } from './HeaderRoot.styles';\n\n/**\n * Корневой узел для шапки.\n */\nexport const headerRoot = (Root: RootProps<HTMLDivElement, HeaderRootProps>) =>\n    forwardRef<HTMLDivElement, HeaderRootProps>((props, outerRootRef) => {\n        const { children, size, view, gradientColor, ...rest } = props;\n\n        const gradientColorClass = gradientColor ? classes.headerWithGradient : undefined;\n\n        return (\n            <Root ref={outerRootRef} size={size} view={view}>\n                <StyledHeaderRoot\n                    className={cx(classes.headerRoot, gradientColorClass)}\n                    {...rest}\n                    $gradientColor={gradientColor}\n                >\n                    <StyledInner>{children}</StyledInner>\n                </StyledHeaderRoot>\n            </Root>\n        );\n    });\n\nexport const headerRootConfig = {\n    name: 'HeaderRoot',\n    tag: 'div',\n    layout: headerRoot,\n    base: '',\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n    },\n};\n"],"names":["headerRoot","Root","forwardRef","props","outerRootRef","children","size","view","gradientColor","rest","_objectWithoutProperties","_excluded","gradientColorClass","classes","headerWithGradient","undefined","React","createElement","ref","StyledHeaderRoot","_extends","className","cx","$gradientColor","StyledInner","headerRootConfig","name","tag","layout","base","variations","css","sizeCSS","defaults"],"mappings":";;;;;;;;;AAUA;AACA;AACA;IACaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAgD,EAAA;AAAA,EAAA,oBACvEC,UAAU,CAAkC,UAACC,KAAK,EAAEC,YAAY,EAAK;AACjE,IAAA,IAAQC,QAAQ,GAAyCF,KAAK,CAAtDE,QAAQ;MAAEC,IAAI,GAAmCH,KAAK,CAA5CG,IAAI;MAAEC,IAAI,GAA6BJ,KAAK,CAAtCI,IAAI;MAAEC,aAAa,GAAcL,KAAK,CAAhCK,aAAa;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;IAE9D,IAAMC,kBAAkB,GAAGJ,aAAa,GAAGK,OAAO,CAACC,kBAAkB,GAAGC,SAAS,CAAA;AAEjF,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAAChB,IAAI,EAAA;AAACiB,MAAAA,GAAG,EAAEd,YAAa;AAACE,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,IAAI,EAAEA,IAAAA;AAAK,KAAA,eAC5CS,KAAA,CAAAC,aAAA,CAACE,gBAAgB,EAAAC,QAAA,CAAA;AACbC,MAAAA,SAAS,EAAEC,EAAE,CAACT,OAAO,CAACb,UAAU,EAAEY,kBAAkB,CAAA;AAAE,KAAA,EAClDH,IAAI,EAAA;AACRc,MAAAA,cAAc,EAAEf,aAAAA;KAEhBQ,CAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACO,WAAW,EAAEnB,IAAAA,EAAAA,QAAsB,CACtB,CAChB,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMoB,gBAAgB,GAAG;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE5B,UAAU;AAClB6B,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACRxB,IAAAA,IAAI,EAAE;AACFyB,MAAAA,GAAG,EAAEC,IAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN3B,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}

package/es/components/Header/HeaderRoot/HeaderRoot.styles.js

@@ -1,25 +0,0 @@
-import './HeaderRoot.styles_tgf9lv.css';
-import { styled } from '@linaria/react';
-
-var _exp4 = function _exp4() {
-  return function (_ref) {
-    var $gradientColor = _ref.$gradientColor;
-    return String($gradientColor);
-  };
-};
-var StyledHeaderRoot = /*#__PURE__*/styled('header')({
-  name: "StyledHeaderRoot",
-  "class": "s1pft4si",
-  propsAsIs: false,
-  vars: {
-    "s1pft4si-0": [/*#__PURE__*/_exp4()]
-  }
-});
-var StyledInner = /*#__PURE__*/styled('div')({
-  name: "StyledInner",
-  "class": "s4v2au0",
-  propsAsIs: false
-});
-
-export { StyledHeaderRoot, StyledInner };
-//# sourceMappingURL=HeaderRoot.styles.js.map

package/es/components/Header/HeaderRoot/HeaderRoot.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderRoot.styles.js","sources":["../../../../src/components/Header/HeaderRoot/HeaderRoot.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../Header.tokens';\n\nimport type { StyledHeaderRootProps } from './HeaderRoot.types';\n\nexport const StyledHeaderRoot = styled.header<StyledHeaderRootProps>`\n    box-sizing: content-box;\n\n    height: var(${tokens.headerHeight});\n    padding-top: var(${tokens.headerPaddingTop});\n    padding-bottom: var(${tokens.headerPaddingBottom});\n\n    --header_private-gradient-color: ${({ $gradientColor }) => String($gradientColor)};\n    &.${String(classes.headerWithGradient)} {\n        &::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: calc(\n                var(${tokens.headerHeight}) + var(${tokens.headerPaddingTop}) + var(${tokens.headerPaddingBottom})\n            );\n            background-image: linear-gradient(180deg, var(--header_private-gradient-color), rgba(0, 0, 0, 0));\n        }\n    }\n`;\n\nexport const StyledInner = styled.div`\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n\n    width: 100%;\n    height: 100%;\n`;\n"],"names":["_exp4","_ref","$gradientColor","String","StyledHeaderRoot","styled","name","class","propsAsIs","vars","StyledInner"],"mappings":";;AAAwC,IAAAA,KAAA,GACtBA,SADsBA,KAAAA,GAAA;AAAA,EAAA,OAaD,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,cAAAA,GAAAA,IAAAA,CAAAA,cAAAA,CAAAA;IAAAA,OAAqBC,MAAM,CAACD,cAAc,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAP9E,IAAME,gBAAgB,gBAAGC,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAOCT,KAA8C,EAAA,CAAA;AAAA,GAAA;AAAA,CAcpF,EAAA;AAEM,IAAMU,WAAW,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAShC;;;;"}

package/es/components/Header/HeaderRoot/HeaderRoot.styles_tgf9lv.css

@@ -1,2 +0,0 @@
-.s1pft4si{box-sizing:content-box;height:var(--plasma-header-height);padding-top:var(--plasma-header-padding-top);padding-bottom:var(--plasma-header-padding-bottom);--header_private-gradient-color:var(--s1pft4si-0);}.s1pft4si.header-with-gradient::before{content:'';position:absolute;top:0;left:0;right:0;height:calc( var(--plasma-header-height) + var(--plasma-header-padding-top) + var(--plasma-header-padding-bottom) );background-image:linear-gradient(180deg,var(--header_private-gradient-color),rgba(0,0,0,0));}
-.s4v2au0{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;height:100%;}

package/es/components/Header/HeaderRoot/variations/_size/base.js

@@ -1,5 +0,0 @@
-import './base_x642ct.css';
-var base = "brb8zt1";
-
-export { base };
-//# sourceMappingURL=base.js.map

package/es/components/Header/HeaderRoot/variations/_size/base.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base.js","sources":["../../../../../../src/components/Header/HeaderRoot/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/es/components/Header/HeaderRoot/variations/_size/base_x642ct.css

@@ -1 +0,0 @@
-

package/es/components/Header/ui/HeaderArrow/HeaderArrow.css

@@ -1,33 +0,0 @@
-.base_x95x4p_b1ty39ru__349bf40b{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.base_x95x4p_b1ty39ru__349bf40b:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_x95x4p_b1ty39ru__349bf40b:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
-
-.base_1alzrso_be0ha5g__cdc67255{height:var(--plasma-button-height);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);}
-
-.base_1t3ywu_b169l30m__aba40ddd[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.base_1t3ywu_b169l30m__aba40ddd[disabled]:hover,.base_1t3ywu_b169l30m__aba40ddd[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}
-
-.base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
-
-.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-
-.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
-
-.base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
-
-.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
-.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
-
-.Button_styles_1sopr3d_bzw1898__8219590b{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1sopr3d_bzw1898__8219590b.Button_styles_1sopr3d_buttonContentRelaxed__8219590b{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
-.Button_styles_1sopr3d_bdfuqwe__8219590b{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Button_styles_1sopr3d_l9ypozh__8219590b{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
-.Button_styles_1sopr3d_l4dfhbg__8219590b{position:absolute;}
-.Button_styles_1sopr3d_srdlazt__8219590b{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
-.Button_styles_1sopr3d_s7rggv0__8219590b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);}
-.Button_styles_1sopr3d_s1rjh7ra__8219590b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);}
-.Button_styles_1sopr3d_b9ga1dj__8219590b{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1sopr3d_b9ga1dj__8219590b{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_buttonSquare__8219590b{width:var(--plasma-button-height);padding:0;}
-
-.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
-
-.HeaderArrow_styles_y91a69_b14hodcq__c7749097{position:absolute;top:0;bottom:0;margin-top:auto;margin-bottom:auto;right:100%;}
-
-.base_dhbe4b_b1pl11t__23506f60 .base_dhbe4b_headerArrow__23506f60{margin-right:var(--plasma-header-arrow-margin-right);}@media (max-width:1118px){.base_dhbe4b_b1pl11t__23506f60 .base_dhbe4b_headerArrow__23506f60{position:static;width:auto;height:calc(var(--plasma-header-padding-top) + var(--plasma-header-height) + var(--plasma-header-padding-bottom));padding:0;margin-right:1rem;margin-top:calc(var(--plasma-header-padding-top) * -1);}}
-
-.base_1abc76u_b5hu1qa__8260a31c .base_1abc76u_headerArrowIcon__8260a31c{-webkit-transition:var(--plasma-header-arrow-transition);transition:var(--plasma-header-arrow-transition);}.base_1abc76u_b5hu1qa__8260a31c .base_1abc76u_headerArrowIconMinimize__8260a31c{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}

package/es/components/Header/ui/HeaderArrow/HeaderArrow.js

@@ -1,65 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
-import '@linaria/core';
-import { component, mergeConfig } from '../../../../engines/common.js';
-import { buttonConfig } from '../../../Button/Button.js';
-import { classes, tokens } from '../../Header.tokens.js';
-import '@linaria/react';
-import { IconChevronLeft } from '../../../_Icon/Icons/IconChevronLeft.js';
-import { cx } from '../../../../utils/index.js';
-import { base } from './HeaderArrow.styles.js';
-import { base as base$2 } from './variations/_size/base.js';
-import { base as base$1 } from './variations/_view/base.js';
-
-var _excluded = ["arrow", "iconSize", "value"];
-var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
-var Button = /*#__PURE__*/component(mergedButtonConfig);
-
-/**
- * Кнопка-стрелка с возможностью отображения в двух типах - "назад" или "свернуть".
- */
-var headerArrowRoot = function headerArrowRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (props, outerRootRef) {
-    var arrow = props.arrow,
-      _props$iconSize = props.iconSize,
-      iconSize = _props$iconSize === void 0 ? 's' : _props$iconSize,
-      value = props.value,
-      rest = _objectWithoutProperties(props, _excluded);
-    var minimizeClass = arrow === 'minimize' ? classes.headerArrowIconMinimize : undefined;
-    return /*#__PURE__*/React.createElement(Root, {
-      ref: outerRootRef
-    }, /*#__PURE__*/React.createElement(Button, _extends({
-      view: "clear",
-      size: "s",
-      tabIndex: -1,
-      className: classes.headerArrow,
-      value: value
-    }, rest), /*#__PURE__*/React.createElement(IconChevronLeft, _extends({
-      size: iconSize,
-      sizeCustomProperty: tokens.headerArrowIconSize,
-      className: cx(classes.headerArrowIcon, minimizeClass),
-      color: "inherit"
-    }, props))));
-  });
-};
-var headerArrowConfig = {
-  name: 'HeaderArrow',
-  tag: 'div',
-  layout: headerArrowRoot,
-  base: base,
-  variations: {
-    view: {
-      css: base$1
-    },
-    size: {
-      css: base$2
-    }
-  },
-  defaults: {
-    view: 'primary',
-    size: 'm'
-  }
-};
-
-export { headerArrowConfig, headerArrowRoot };
-//# sourceMappingURL=HeaderArrow.js.map

package/es/components/Header/ui/HeaderArrow/HeaderArrow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderArrow.js","sources":["../../../../../src/components/Header/ui/HeaderArrow/HeaderArrow.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { HTMLAttributes } from 'react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport type { RootProps } from '../../../../engines';\nimport { buttonConfig } from '../../../Button';\nimport { classes, tokens } from '../../Header.tokens';\nimport { IconChevronLeft } from '../../../_Icon';\nimport { cx } from '../../../../utils';\n\nimport type { HeaderArrowProps } from './HeaderArrow.types';\nimport { base } from './HeaderArrow.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\n/**\n * Кнопка-стрелка с возможностью отображения в двух типах - \"назад\" или \"свернуть\".\n */\nexport const headerArrowRoot = (Root: RootProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>) =>\n    forwardRef<HTMLDivElement, HeaderArrowProps>((props, outerRootRef) => {\n        const { arrow, iconSize = 's', value, ...rest } = props;\n\n        const minimizeClass = arrow === 'minimize' ? classes.headerArrowIconMinimize : undefined;\n\n        return (\n            <Root ref={outerRootRef}>\n                <Button\n                    view=\"clear\"\n                    size=\"s\"\n                    tabIndex={-1}\n                    className={classes.headerArrow}\n                    value={value as string}\n                    {...rest}\n                >\n                    <IconChevronLeft\n                        size={iconSize}\n                        sizeCustomProperty={tokens.headerArrowIconSize}\n                        className={cx(classes.headerArrowIcon, minimizeClass)}\n                        color=\"inherit\"\n                        {...props}\n                    />\n                </Button>\n            </Root>\n        );\n    });\n\nexport const headerArrowConfig = {\n    name: 'HeaderArrow',\n    tag: 'div',\n    layout: headerArrowRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","headerArrowRoot","Root","forwardRef","props","outerRootRef","arrow","_props$iconSize","iconSize","value","rest","_objectWithoutProperties","_excluded","minimizeClass","classes","headerArrowIconMinimize","undefined","React","createElement","ref","_extends","view","size","tabIndex","className","headerArrow","IconChevronLeft","sizeCustomProperty","tokens","headerArrowIconSize","cx","headerArrowIcon","color","headerArrowConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;AAeA,IAAMA,kBAAkB,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,kBAAkB,CAAC,CAAA;;AAE5C;AACA;AACA;IACaK,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAA+D,EAAA;AAAA,EAAA,oBAC3FC,UAAU,CAAmC,UAACC,KAAK,EAAEC,YAAY,EAAK;AAClE,IAAA,IAAQC,KAAK,GAAqCF,KAAK,CAA/CE,KAAK;MAAAC,eAAA,GAAqCH,KAAK,CAAxCI,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,eAAA;MAAEE,KAAK,GAAcL,KAAK,CAAxBK,KAAK;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;IAEvD,IAAMC,aAAa,GAAGP,KAAK,KAAK,UAAU,GAAGQ,OAAO,CAACC,uBAAuB,GAAGC,SAAS,CAAA;AAExF,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAAChB,IAAI,EAAA;AAACiB,MAAAA,GAAG,EAAEd,YAAAA;AAAa,KAAA,eACpBY,KAAA,CAAAC,aAAA,CAACnB,MAAM,EAAAqB,QAAA,CAAA;AACHC,MAAAA,IAAI,EAAC,OAAO;AACZC,MAAAA,IAAI,EAAC,GAAG;MACRC,QAAQ,EAAE,CAAC,CAAE;MACbC,SAAS,EAAEV,OAAO,CAACW,WAAY;AAC/BhB,MAAAA,KAAK,EAAEA,KAAAA;KACHC,EAAAA,IAAI,gBAERO,KAAA,CAAAC,aAAA,CAACQ,eAAe,EAAAN,QAAA,CAAA;AACZE,MAAAA,IAAI,EAAEd,QAAS;MACfmB,kBAAkB,EAAEC,MAAM,CAACC,mBAAoB;MAC/CL,SAAS,EAAEM,EAAE,CAAChB,OAAO,CAACiB,eAAe,EAAElB,aAAa,CAAE;AACtDmB,MAAAA,KAAK,EAAC,SAAA;AAAS,KAAA,EACX5B,KAAK,CACZ,CACG,CACN,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM6B,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEnC,eAAe;AACvBoC,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRjB,IAAAA,IAAI,EAAE;AACFkB,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDlB,IAAAA,IAAI,EAAE;AACFiB,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNrB,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}