@salutejs/plasma-new-hope 0.115.0-canary.1336.10206396549.0 → 0.115.0-dev.0

package/styled-components/cjs/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/cjs/examples/plasma_web/components/Header/Header.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 _Header = /*#__PURE__*/require("../../../../components/Header");
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 'm'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.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);"], _Header.headerTokens.headerArrowButtonColor, _Header.headerTokens.headerArrowButtonBackgroundColor, _Header.headerTokens.headerArrowTransition, _Header.headerTokens.headerTitleColor, _Header.headerTokens.headerBigTitleColor, _Header.headerTokens.headerBiggerTitleColor, _Header.headerTokens.headerLabelColor, _Header.headerTokens.headerSubTitleColor, _Header.headerTokens.headerCaptionColor)
-    },
-    size: {
-      m: /*#__PURE__*/(0, _styledComponents.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;"], _Header.headerTokens.headerHeight, _Header.headerTokens.headerPaddingTop, _Header.headerTokens.headerPaddingBottom, _Header.headerTokens.headerLogoMarginRight, _Header.headerTokens.headerArrowMarginRight, _Header.headerTokens.headerArrowIconSize, _Header.headerTokens.headerTitleMargin, _Header.headerTokens.headerBigTitleMargin, _Header.headerTokens.headerBiggerTitleMargin, _Header.headerTokens.headerLabelMargin, _Header.headerTokens.headerSubTitleMargin, _Header.headerTokens.headerCaptionMargin, _Header.headerTokens.headerArrowHeight, _Header.headerTokens.headerArrowPadding)
-    }
-  }
-};

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

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HeaderArrow = void 0;
-Object.defineProperty(exports, "HeaderContent", {
-  enumerable: true,
-  get: function get() {
-    return _Header.HeaderContent;
-  }
-});
-exports.HeaderRoot = exports.HeaderLogo = void 0;
-Object.defineProperty(exports, "HeaderTitle", {
-  enumerable: true,
-  get: function get() {
-    return _Header.HeaderTitle;
-  }
-});
-exports.HeaderTitleWrapper = void 0;
-var _Header = /*#__PURE__*/require("../../../../components/Header");
-var _engines = /*#__PURE__*/require("../../../../engines");
-var _Header2 = /*#__PURE__*/require("./Header.config");
-var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Header.headerRootConfig, _Header2.config);
-var mergedLogoConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Header.headerLogoConfig);
-var mergedArrowConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Header.headerArrowConfig);
-var mergedTitleWrapperConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Header.headerTitleWrapperConfig);
-var HeaderRoot = exports.HeaderRoot = /*#__PURE__*/(0, _engines.component)(mergedConfig);
-var HeaderLogo = exports.HeaderLogo = /*#__PURE__*/(0, _engines.component)(mergedLogoConfig);
-var HeaderArrow = exports.HeaderArrow = /*#__PURE__*/(0, _engines.component)(mergedArrowConfig);
-var HeaderTitleWrapper = exports.HeaderTitleWrapper = /*#__PURE__*/(0, _engines.component)(mergedTitleWrapperConfig);

package/styled-components/cjs/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/styled-components/es/components/Header/Header.template-doc.mdx

@@ -1,78 +0,0 @@
----
-id: header
-title: Header
----
-
-import { PropsTable, Description } from '@site/src/components';
-
-## Компоненты для собственной сборки шапки
-Рекомендуется использовать компонент `Header`.
-Если вам нужно больше контроля за версткой шапки,
-используйте составные части, где корневым узлом будет `HeaderRoot`.
-
-### HeaderRoot
-<Description name="HeaderRoot" />
-<PropsTable name="HeaderRoot" />
-
-### HeaderArrow
-<Description name="HeaderArrow" />
-<PropsTable name="HeaderArrow" />
-
-### HeaderLogo
-<Description name="HeaderLogo" />
-<PropsTable name="HeaderLogo" />
-
-### Пример
-
-```tsx live
-import React from 'react';
-import {
-    HeaderRoot,
-    HeaderLogo,
-    HeaderTitle,
-    HeaderContent,
-    HeaderArrow,
-} from '@salutejs/{{ package }}';
-
-export function App() {
-    const [isBack, setIsBack] = useState(true);
-
-    const onBackClick = () => {
-        setIsBack(false);
-    };
-
-    const onMinimizeClick = () => {
-        setIsBack(true);
-    };
-
-    const props = {
-        view: 'default',
-        size: 'm',
-        title: 'Header title text',
-        subtitle: 'Subtitle text',
-        label: 'Label text',
-        gradientColor: '#F69555',
-        contentItemsNumber: 3,
-        enableIcons: true,
-    };
-
-    return (
-       <div style=\{{ position: 'relative', display: 'block', padding: '0 16px' }}>
-            <HeaderRoot {...props} style=\{{ marginLeft: '40px' }}>
-                {isBack ? (
-                    <HeaderArrow onClick={onBackClick} />
-                ) : (
-                    <HeaderArrow arrow="minimize" onClick={onMinimizeClick} />
-                )}
-                <HeaderLogo src="/{{ package }}/images/320_320_12.jpg" alt="Logo" />
-                <HeaderTitle>{props.title}</HeaderTitle>
-                <HeaderContent>
-                    <div>This is content</div>
-                </HeaderContent>
-            </HeaderRoot>
-        </div>
-    );
-}
-```
-
-  

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

@@ -1,33 +0,0 @@
-export 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'
-};
-export 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'
-};

package/styled-components/es/components/Header/HeaderContent/HeaderContent.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 { StyledHeaderContent } from './HeaderContent.styles';
-
-/**
- * Контейнер для контента шапки.
- */
-export var HeaderContent = function HeaderContent(_ref) {
-  var children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(StyledHeaderContent, rest, children);
-};

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

@@ -1,4 +0,0 @@
-import styled from 'styled-components';
-export var StyledHeaderContent = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-1fblkxc-0"
-})(["display:flex;justify-content:flex-end;flex:1 0 max-content;margin-left:auto;padding-left:0.75rem;"]);

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

@@ -1,46 +0,0 @@
-var _excluded = ["children", "size", "view", "gradientColor"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { forwardRef } from 'react';
-import { classes } from '../Header.tokens';
-import { cx } from '../../../utils';
-import { base as sizeCSS } from './variations/_size/base';
-import { StyledHeaderRoot, StyledInner } from './HeaderRoot.styles';
-
-/**
- * Корневой узел для шапки.
- */
-export 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)));
-  });
-};
-export var headerRootConfig = {
-  name: 'HeaderRoot',
-  tag: 'div',
-  layout: headerRoot,
-  base: '',
-  variations: {
-    size: {
-      css: sizeCSS
-    }
-  },
-  defaults: {
-    size: 'm'
-  }
-};

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

@@ -1,11 +0,0 @@
-import styled from 'styled-components';
-import { classes, tokens } from '../Header.tokens';
-export var StyledHeaderRoot = /*#__PURE__*/styled.header.withConfig({
-  componentId: "plasma-new-hope__sc-tdrw2s-0"
-})(["box-sizing:content-box;height:var(", ");padding-top:var(", ");padding-bottom:var(", ");--header_private-gradient-color:", ";&.", "{&::before{content:'';position:absolute;top:0;left:0;right:0;height:calc( var(", ") + var(", ") + var(", ") );background-image:linear-gradient(180deg,var(--header_private-gradient-color),rgba(0,0,0,0));}}"], tokens.headerHeight, tokens.headerPaddingTop, tokens.headerPaddingBottom, function (_ref) {
-  var $gradientColor = _ref.$gradientColor;
-  return String($gradientColor);
-}, /*#__PURE__*/String(classes.headerWithGradient), tokens.headerHeight, tokens.headerPaddingTop, tokens.headerPaddingBottom);
-export var StyledInner = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-tdrw2s-1"
-})(["position:relative;display:flex;align-items:center;flex-direction:row;width:100%;height:100%;"]);

package/styled-components/es/components/Header/HeaderRoot/HeaderRoot.types.js

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

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

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

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

@@ -1 +0,0 @@
-["--plasma-header-height", "--plasma-header-padding-top", "--plasma-header-padding-bottom"]

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

@@ -1,4 +0,0 @@
-export { headerLogoConfig, headerArrowConfig, headerTitleWrapperConfig, HeaderTitle } from './ui';
-export { HeaderContent } from './HeaderContent/HeaderContent';
-export { headerRootConfig } from './HeaderRoot/HeaderRoot';
-export { tokens as headerTokens, classes as headerClasses } from './Header.tokens';

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

@@ -1,61 +0,0 @@
-var _excluded = ["arrow", "iconSize", "value"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { forwardRef } from 'react';
-import { component, mergeConfig } from '../../../../engines';
-import { buttonConfig } from '../../../Button';
-import { classes, tokens } from '../../Header.tokens';
-import { IconChevronLeft } from '../../../_Icon';
-import { cx } from '../../../../utils';
-import { base } from './HeaderArrow.styles';
-import { base as sizeCSS } from './variations/_size/base';
-import { base as viewCSS } from './variations/_view/base';
-var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
-var Button = /*#__PURE__*/component(mergedButtonConfig);
-
-/**
- * Кнопка-стрелка с возможностью отображения в двух типах - "назад" или "свернуть".
- */
-export 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))));
-  });
-};
-export var headerArrowConfig = {
-  name: 'HeaderArrow',
-  tag: 'div',
-  layout: headerArrowRoot,
-  base: base,
-  variations: {
-    view: {
-      css: viewCSS
-    },
-    size: {
-      css: sizeCSS
-    }
-  },
-  defaults: {
-    view: 'primary',
-    size: 'm'
-  }
-};

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

@@ -1,2 +0,0 @@
-import { css } from 'styled-components';
-export var base = /*#__PURE__*/css(["position:absolute;top:0;bottom:0;margin-top:auto;margin-bottom:auto;right:100%;"]);

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

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

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

@@ -1,4 +0,0 @@
-import { css } from 'styled-components';
-import { mediaQuery } from '../../../../../../mixins';
-import { classes, tokens } from '../../../../Header.tokens';
-export var base = /*#__PURE__*/css([".", "{margin-right:var(", ");", "}"], /*#__PURE__*/String(classes.headerArrow), tokens.headerArrowMarginRight, /*#__PURE__*/mediaQuery('S')( /*#__PURE__*/"\n                position: static;\n                width: auto;\n                height: calc(var(".concat(tokens.headerPaddingTop, ") + var(").concat(tokens.headerHeight, ") + var(").concat(tokens.headerPaddingBottom, "));\n                padding: 0;\n                margin-right: 1rem;\n                margin-top: calc(var(").concat(tokens.headerPaddingTop, ") * -1);\n            ")));

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

@@ -1 +0,0 @@
-["--plasma-header-arrow-margin-right", "--plasma-header-arrow-icon-size"]

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

@@ -1,3 +0,0 @@
-import { css } from 'styled-components';
-import { classes, tokens } from '../../../../Header.tokens';
-export var base = /*#__PURE__*/css([".", "{transition:var(", ");}.", "{transform:rotate(-90deg);}"], /*#__PURE__*/String(classes.headerArrowIcon), tokens.headerArrowTransition, /*#__PURE__*/String(classes.headerArrowIconMinimize));

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

@@ -1 +0,0 @@
-["--plasma-header-arrow-transition"]

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);