@salutejs/plasma-new-hope 0.68.0-canary.1148.8452547227.0 → 0.68.0-canary.1151.8450920847.0

package/styled-components/es/components/Cell/Textbox/Textbox.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { TextboxStyled } from './Textbox.styles';
-import { TextLabel } from './ui/TextLabel';
-import { TextTitle } from './ui/TextTitle';
-import { TextSubtitle } from './ui/TextSubtitle';
-export var Textbox = function Textbox(_ref) {
-  var label = _ref.label,
-    title = _ref.title,
-    subtitle = _ref.subtitle,
-    children = _ref.children;
-  return /*#__PURE__*/React.createElement(TextboxStyled, null, label || title || subtitle ? /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(TextLabel, null, label), title && /*#__PURE__*/React.createElement(TextTitle, null, title), subtitle && /*#__PURE__*/React.createElement(TextSubtitle, null, subtitle)) : children);
-};

package/styled-components/es/components/Cell/Textbox/Textbox.styles.js

@@ -1,5 +0,0 @@
-import styled from 'styled-components';
-import { tokens } from '../Cell.tokens';
-export var TextboxStyled = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-t2ald4-0"
-})(["display:flex;flex-direction:column;gap:var(", ");"], tokens.cellTextboxGap);

package/styled-components/es/components/Cell/Textbox/Textbox.types.js

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

package/styled-components/es/components/Cell/Textbox/ui/TextLabel.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-import { tokens } from '../../Cell.tokens';
-var StyledTextLabel = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-6e2num-0"
-})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], tokens.cellLabelColor, tokens.cellLabelFontSize, tokens.cellLabelFontWeight, tokens.cellLabelFontFamily, tokens.cellLabelFontStyle, tokens.cellLabelLineHeight, tokens.cellLabelLetterSpacing);
-export var TextLabel = function TextLabel(props) {
-  return /*#__PURE__*/React.createElement(StyledTextLabel, null, props.children);
-};

package/styled-components/es/components/Cell/Textbox/ui/TextSubtitle.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-import { tokens } from '../../Cell.tokens';
-var StyledTextSubtitle = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-jj01ut-0"
-})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], tokens.cellSubtitleColor, tokens.cellSubtitleFontSize, tokens.cellSubtitleFontWeight, tokens.cellSubtitleFontFamily, tokens.cellSubtitleFontStyle, tokens.cellSubtitleLineHeight, tokens.cellSubtitleLetterSpacing);
-export var TextSubtitle = function TextSubtitle(props) {
-  return /*#__PURE__*/React.createElement(StyledTextSubtitle, null, props.children);
-};

package/styled-components/es/components/Cell/Textbox/ui/TextTitle.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-import { tokens } from '../../Cell.tokens';
-var StyledTextTitle = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-1mxjeba-0"
-})(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], tokens.cellTitleColor, tokens.cellTitleFontSize, tokens.cellTitleFontWeight, tokens.cellTitleFontFamily, tokens.cellTitleFontStyle, tokens.cellTitleLineHeight, tokens.cellTitleLetterSpacing);
-export var TextTitle = function TextTitle(props) {
-  return /*#__PURE__*/React.createElement(StyledTextTitle, null, props.children);
-};

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

@@ -1,6 +0,0 @@
-export { TextLabel } from './Textbox/ui/TextLabel';
-export { TextTitle } from './Textbox/ui/TextTitle';
-export { TextSubtitle } from './Textbox/ui/TextSubtitle';
-export { cellRoot, cellConfig } from './Cell';
-export { tokens as cellTokens, classes as cellClasses } from './Cell.tokens';
-export { Textbox } from './Textbox/Textbox';

package/styled-components/es/components/Cell/variations/_size/base.js

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

package/styled-components/es/components/Cell/variations/_size/tokens.json

@@ -1 +0,0 @@
-["--plasma-cell-left-height", "--plasma-cell-right-height", "--plasma-cell-height"]

package/styled-components/es/components/Cell/variations/_stretching/base.js

@@ -1,3 +0,0 @@
-import { css } from 'styled-components';
-import { classes, tokens } from '../../Cell.tokens';
-export var base = /*#__PURE__*/css(["&.", "{width:var(", ");}&.", "{width:100%;}&.", "{width:auto;}"], classes.fixedStretching, tokens.cellWidth, classes.filledStretching, classes.autoStretching);

package/styled-components/es/components/Cell/variations/_stretching/tokens.json

@@ -1 +0,0 @@
-["--plasma-button-width"]

package/styled-components/es/components/Cell/variations/_view/base.js

@@ -1,3 +0,0 @@
-import { css } from 'styled-components';
-import { tokens } from '../../Cell.tokens';
-export var base = /*#__PURE__*/css(["color:var(", ");background-color:var(", ");width:100%;display:flex;align-items:center;gap:var(", ");&:focus{outline:0 none;}"], tokens.cellColor, tokens.cellBackgroundColor, tokens.cellGap);

package/styled-components/es/components/Cell/variations/_view/tokens.json

@@ -1 +0,0 @@
-["--plasma-cell-color", "--plasma-cell-background-color"]

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

@@ -1,25 +0,0 @@
-import { css } from 'styled-components';
-import { cellTokens } from '../../../../components/Cell';
-export var config = {
-  defaults: {
-    view: 'default',
-    size: 'm',
-    stretching: 'filled'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;"], cellTokens.cellColor, cellTokens.cellLabelColor, cellTokens.cellTitleColor, cellTokens.cellSubtitleColor, cellTokens.cellBackgroundColor)
-    },
-    size: {
-      l: /*#__PURE__*/css(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], cellTokens.cellWidth, cellTokens.cellPadding, cellTokens.cellPaddingLeftContent, cellTokens.cellPaddingContent, cellTokens.cellPaddingRightContent, cellTokens.cellTextboxGap, cellTokens.cellGap, cellTokens.cellLabelFontFamily, cellTokens.cellLabelFontSize, cellTokens.cellLabelFontStyle, cellTokens.cellLabelFontWeight, cellTokens.cellLabelLetterSpacing, cellTokens.cellLabelLineHeight, cellTokens.cellTitleFontFamily, cellTokens.cellTitleFontSize, cellTokens.cellTitleFontStyle, cellTokens.cellTitleFontWeight, cellTokens.cellTitleLetterSpacing, cellTokens.cellTitleLineHeight, cellTokens.cellSubtitleFontFamily, cellTokens.cellSubtitleFontSize, cellTokens.cellSubtitleFontStyle, cellTokens.cellSubtitleFontWeight, cellTokens.cellSubtitleLetterSpacing, cellTokens.cellSubtitleLineHeight),
-      m: /*#__PURE__*/css(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], cellTokens.cellWidth, cellTokens.cellPadding, cellTokens.cellPaddingLeftContent, cellTokens.cellPaddingContent, cellTokens.cellPaddingRightContent, cellTokens.cellTextboxGap, cellTokens.cellGap, cellTokens.cellLabelFontFamily, cellTokens.cellLabelFontSize, cellTokens.cellLabelFontStyle, cellTokens.cellLabelFontWeight, cellTokens.cellLabelLetterSpacing, cellTokens.cellLabelLineHeight, cellTokens.cellTitleFontFamily, cellTokens.cellTitleFontSize, cellTokens.cellTitleFontStyle, cellTokens.cellTitleFontWeight, cellTokens.cellTitleLetterSpacing, cellTokens.cellTitleLineHeight, cellTokens.cellSubtitleFontFamily, cellTokens.cellSubtitleFontSize, cellTokens.cellSubtitleFontStyle, cellTokens.cellSubtitleFontWeight, cellTokens.cellSubtitleLetterSpacing, cellTokens.cellSubtitleLineHeight),
-      s: /*#__PURE__*/css(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], cellTokens.cellWidth, cellTokens.cellPadding, cellTokens.cellPaddingLeftContent, cellTokens.cellPaddingContent, cellTokens.cellPaddingRightContent, cellTokens.cellTextboxGap, cellTokens.cellGap, cellTokens.cellLabelFontFamily, cellTokens.cellLabelFontSize, cellTokens.cellLabelFontStyle, cellTokens.cellLabelFontWeight, cellTokens.cellLabelLetterSpacing, cellTokens.cellLabelLineHeight, cellTokens.cellTitleFontFamily, cellTokens.cellTitleFontSize, cellTokens.cellTitleFontStyle, cellTokens.cellTitleFontWeight, cellTokens.cellTitleLetterSpacing, cellTokens.cellTitleLineHeight, cellTokens.cellSubtitleFontFamily, cellTokens.cellSubtitleFontSize, cellTokens.cellSubtitleFontStyle, cellTokens.cellSubtitleFontWeight, cellTokens.cellSubtitleLetterSpacing, cellTokens.cellSubtitleLineHeight),
-      xs: /*#__PURE__*/css(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], cellTokens.cellWidth, cellTokens.cellPadding, cellTokens.cellPaddingLeftContent, cellTokens.cellPaddingContent, cellTokens.cellPaddingRightContent, cellTokens.cellTextboxGap, cellTokens.cellGap, cellTokens.cellLabelFontFamily, cellTokens.cellLabelFontSize, cellTokens.cellLabelFontStyle, cellTokens.cellLabelFontWeight, cellTokens.cellLabelLetterSpacing, cellTokens.cellLabelLineHeight, cellTokens.cellTitleFontFamily, cellTokens.cellTitleFontSize, cellTokens.cellTitleFontStyle, cellTokens.cellTitleFontWeight, cellTokens.cellTitleLetterSpacing, cellTokens.cellTitleLineHeight, cellTokens.cellSubtitleFontFamily, cellTokens.cellSubtitleFontSize, cellTokens.cellSubtitleFontStyle, cellTokens.cellSubtitleFontWeight, cellTokens.cellSubtitleLetterSpacing, cellTokens.cellSubtitleLineHeight)
-    },
-    stretching: {
-      auto: /*#__PURE__*/css([""]),
-      filled: /*#__PURE__*/css([""]),
-      fixed: /*#__PURE__*/css([""])
-    }
-  }
-};

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

@@ -1,6 +0,0 @@
-import { cellConfig, Textbox, TextLabel, TextSubtitle, TextTitle } from '../../../../components/Cell';
-import { component, mergeConfig } from '../../../../engines';
-import { config } from './Cell.config';
-var mergedConfig = /*#__PURE__*/mergeConfig(cellConfig, config);
-export var Cell = /*#__PURE__*/component(mergedConfig);
-export { Textbox, TextLabel, TextSubtitle, TextTitle };

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

@@ -1,131 +0,0 @@
-import React from 'react';
-import type { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import styled from 'styled-components';
-
-import { WithTheme } from '../../../_helpers';
-import { Avatar } from '../Avatar/Avatar';
-import { IconChevronLeft } from '../../../../components/_Icon';
-
-import { Cell, Textbox, TextTitle } from './Cell';
-
-type StoryProps = ComponentProps<typeof Cell> & {
-    itemsCount?: number;
-    enableLeftContent?: boolean;
-    enableRightContent?: boolean;
-};
-type Story = StoryObj<StoryProps>;
-
-const sizes = ['l', 'm', 's', 'xs'];
-const stretchingValues = ['fixed', 'filled', 'auto'];
-const alignLeft = ['top', 'center', 'bottom'];
-const alignRight = ['top', 'center', 'bottom'];
-
-type SizesCell = 'xs' | 'l' | 'm' | 's' | undefined;
-type SizesAvatar = 'l' | 'm' | 's';
-
-const getSize = (size: SizesCell): SizesAvatar => {
-    if (size === 'xs' || !size) {
-        return 's';
-    }
-
-    return size;
-};
-
-const meta: Meta<typeof Cell> = {
-    title: 'plasma_b2c/Cell',
-    decorators: [WithTheme],
-    argTypes: {
-        size: {
-            options: sizes,
-            control: {
-                type: 'select',
-            },
-        },
-        stretching: {
-            options: stretchingValues,
-            control: {
-                type: 'select',
-            },
-        },
-        alignLeft: {
-            options: alignLeft,
-            control: {
-                type: 'select',
-            },
-        },
-        alignRight: {
-            options: alignRight,
-            control: {
-                type: 'select',
-            },
-        },
-    },
-};
-
-export default meta;
-
-const ChevronRight = styled(IconChevronLeft)`
-    transform: rotate(180deg);
-    color: var(--text-secondary);
-`;
-
-export const Default: Story = {
-    args: {
-        size: 'm',
-        stretching: 'filled',
-        enableLeftContent: false,
-        enableRightContent: false,
-        alignLeft: 'center',
-        alignRight: 'center',
-        title: 'Title',
-        subtitle: 'Subtitle',
-        label: 'Label',
-    },
-    render: ({ ...args }: StoryProps) => {
-        return (
-            <Cell
-                contentLeft={
-                    !args.enableLeftContent && (
-                        <Avatar size={getSize(args.size)} url="https://avatars.githubusercontent.com/u/1813468?v=4" />
-                    )
-                }
-                alignLeft={args.alignLeft}
-                contentRight={!args.enableRightContent && <ChevronRight color="inherit" size="xs" />}
-                alignRight={args.alignRight}
-                title={args.title}
-                subtitle={args.subtitle}
-                label={args.label}
-                {...args}
-            />
-        );
-    },
-};
-
-export const WithContentTextboxCustom: Story = {
-    args: {
-        size: 'm',
-        stretching: 'filled',
-    },
-    render: ({ ...args }: StoryProps) => {
-        const MyStyledText = styled.div`
-            font-size: 12px;
-            font-weight: 600;
-            opacity: 0.5;
-        `;
-        return (
-            <Cell
-                contentLeft={
-                    <Avatar size={getSize(args.size)} url="https://avatars.githubusercontent.com/u/1813468?v=4" />
-                }
-                contentRight={<ChevronRight color="inherit" size="xs" />}
-                {...args}
-            >
-                <Textbox>
-                    <TextTitle>Title</TextTitle>
-                    <MyStyledText>My styled Text</MyStyledText>
-                </Textbox>
-            </Cell>
-        );
-    },
-};

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

@@ -1,25 +0,0 @@
-import { css } from 'styled-components';
-import { cellTokens } from '../../../../components/Cell';
-export var config = {
-  defaults: {
-    view: 'default',
-    size: 'm',
-    stretching: 'filled'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;"], cellTokens.cellColor, cellTokens.cellLabelColor, cellTokens.cellTitleColor, cellTokens.cellSubtitleColor, cellTokens.cellBackgroundColor)
-    },
-    size: {
-      l: /*#__PURE__*/css(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], cellTokens.cellWidth, cellTokens.cellPadding, cellTokens.cellPaddingLeftContent, cellTokens.cellPaddingContent, cellTokens.cellPaddingRightContent, cellTokens.cellTextboxGap, cellTokens.cellGap, cellTokens.cellLabelFontFamily, cellTokens.cellLabelFontSize, cellTokens.cellLabelFontStyle, cellTokens.cellLabelFontWeight, cellTokens.cellLabelLetterSpacing, cellTokens.cellLabelLineHeight, cellTokens.cellTitleFontFamily, cellTokens.cellTitleFontSize, cellTokens.cellTitleFontStyle, cellTokens.cellTitleFontWeight, cellTokens.cellTitleLetterSpacing, cellTokens.cellTitleLineHeight, cellTokens.cellSubtitleFontFamily, cellTokens.cellSubtitleFontSize, cellTokens.cellSubtitleFontStyle, cellTokens.cellSubtitleFontWeight, cellTokens.cellSubtitleLetterSpacing, cellTokens.cellSubtitleLineHeight),
-      m: /*#__PURE__*/css(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], cellTokens.cellWidth, cellTokens.cellPadding, cellTokens.cellPaddingLeftContent, cellTokens.cellPaddingContent, cellTokens.cellPaddingRightContent, cellTokens.cellTextboxGap, cellTokens.cellGap, cellTokens.cellLabelFontFamily, cellTokens.cellLabelFontSize, cellTokens.cellLabelFontStyle, cellTokens.cellLabelFontWeight, cellTokens.cellLabelLetterSpacing, cellTokens.cellLabelLineHeight, cellTokens.cellTitleFontFamily, cellTokens.cellTitleFontSize, cellTokens.cellTitleFontStyle, cellTokens.cellTitleFontWeight, cellTokens.cellTitleLetterSpacing, cellTokens.cellTitleLineHeight, cellTokens.cellSubtitleFontFamily, cellTokens.cellSubtitleFontSize, cellTokens.cellSubtitleFontStyle, cellTokens.cellSubtitleFontWeight, cellTokens.cellSubtitleLetterSpacing, cellTokens.cellSubtitleLineHeight),
-      s: /*#__PURE__*/css(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], cellTokens.cellWidth, cellTokens.cellPadding, cellTokens.cellPaddingLeftContent, cellTokens.cellPaddingContent, cellTokens.cellPaddingRightContent, cellTokens.cellTextboxGap, cellTokens.cellGap, cellTokens.cellLabelFontFamily, cellTokens.cellLabelFontSize, cellTokens.cellLabelFontStyle, cellTokens.cellLabelFontWeight, cellTokens.cellLabelLetterSpacing, cellTokens.cellLabelLineHeight, cellTokens.cellTitleFontFamily, cellTokens.cellTitleFontSize, cellTokens.cellTitleFontStyle, cellTokens.cellTitleFontWeight, cellTokens.cellTitleLetterSpacing, cellTokens.cellTitleLineHeight, cellTokens.cellSubtitleFontFamily, cellTokens.cellSubtitleFontSize, cellTokens.cellSubtitleFontStyle, cellTokens.cellSubtitleFontWeight, cellTokens.cellSubtitleLetterSpacing, cellTokens.cellSubtitleLineHeight),
-      xs: /*#__PURE__*/css(["", ":15rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], cellTokens.cellWidth, cellTokens.cellPadding, cellTokens.cellPaddingLeftContent, cellTokens.cellPaddingContent, cellTokens.cellPaddingRightContent, cellTokens.cellTextboxGap, cellTokens.cellGap, cellTokens.cellGap, cellTokens.cellLabelFontFamily, cellTokens.cellLabelFontSize, cellTokens.cellLabelFontStyle, cellTokens.cellLabelFontWeight, cellTokens.cellLabelLetterSpacing, cellTokens.cellLabelLineHeight, cellTokens.cellTitleFontFamily, cellTokens.cellTitleFontSize, cellTokens.cellTitleFontStyle, cellTokens.cellTitleFontWeight, cellTokens.cellTitleLetterSpacing, cellTokens.cellTitleLineHeight, cellTokens.cellSubtitleFontFamily, cellTokens.cellSubtitleFontSize, cellTokens.cellSubtitleFontStyle, cellTokens.cellSubtitleFontWeight, cellTokens.cellSubtitleLetterSpacing, cellTokens.cellSubtitleLineHeight)
-    },
-    stretching: {
-      auto: /*#__PURE__*/css([""]),
-      filled: /*#__PURE__*/css([""]),
-      fixed: /*#__PURE__*/css([""])
-    }
-  }
-};

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

@@ -1,6 +0,0 @@
-import { cellConfig, Textbox, TextLabel, TextSubtitle, TextTitle } from '../../../../components/Cell';
-import { component, mergeConfig } from '../../../../engines';
-import { config } from './Cell.config';
-var mergedConfig = /*#__PURE__*/mergeConfig(cellConfig, config);
-export var Cell = /*#__PURE__*/component(mergedConfig);
-export { Textbox, TextLabel, TextSubtitle, TextTitle };

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

@@ -1,131 +0,0 @@
-import React from 'react';
-import type { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import styled from 'styled-components';
-
-import { WithTheme } from '../../../_helpers';
-import { Avatar } from '../Avatar/Avatar';
-import { IconChevronLeft } from '../../../../components/_Icon';
-
-import { Cell, Textbox, TextTitle } from './Cell';
-
-type StoryProps = ComponentProps<typeof Cell> & {
-    itemsCount?: number;
-    enableLeftContent?: boolean;
-    enableRightContent?: boolean;
-};
-type Story = StoryObj<StoryProps>;
-
-const sizes = ['l', 'm', 's', 'xs'];
-const stretchingValues = ['fixed', 'filled', 'auto'];
-const alignLeft = ['top', 'center', 'bottom'];
-const alignRight = ['top', 'center', 'bottom'];
-
-type SizesCell = 'xs' | 'l' | 'm' | 's' | undefined;
-type SizesAvatar = 'l' | 'm' | 's';
-
-const getSize = (size: SizesCell): SizesAvatar => {
-    if (size === 'xs' || !size) {
-        return 's';
-    }
-
-    return size;
-};
-
-const meta: Meta<typeof Cell> = {
-    title: 'plasma_web/Cell',
-    decorators: [WithTheme],
-    argTypes: {
-        size: {
-            options: sizes,
-            control: {
-                type: 'select',
-            },
-        },
-        stretching: {
-            options: stretchingValues,
-            control: {
-                type: 'select',
-            },
-        },
-        alignLeft: {
-            options: alignLeft,
-            control: {
-                type: 'select',
-            },
-        },
-        alignRight: {
-            options: alignRight,
-            control: {
-                type: 'select',
-            },
-        },
-    },
-};
-
-export default meta;
-
-const ChevronRight = styled(IconChevronLeft)`
-    transform: rotate(180deg);
-    color: var(--text-secondary);
-`;
-
-export const Default: Story = {
-    args: {
-        size: 'm',
-        stretching: 'filled',
-        enableLeftContent: false,
-        enableRightContent: false,
-        alignLeft: 'center',
-        alignRight: 'center',
-        title: 'Title',
-        subtitle: 'Subtitle',
-        label: 'Label',
-    },
-    render: ({ ...args }: StoryProps) => {
-        return (
-            <Cell
-                contentLeft={
-                    !args.enableLeftContent && (
-                        <Avatar size={getSize(args.size)} url="https://avatars.githubusercontent.com/u/1813468?v=4" />
-                    )
-                }
-                alignLeft={args.alignLeft}
-                contentRight={!args.enableRightContent && <ChevronRight color="inherit" size="xs" />}
-                alignRight={args.alignRight}
-                title={args.title}
-                subtitle={args.subtitle}
-                label={args.label}
-                {...args}
-            />
-        );
-    },
-};
-
-export const WithContentTextboxCustom: Story = {
-    args: {
-        size: 'm',
-        stretching: 'filled',
-    },
-    render: ({ ...args }: StoryProps) => {
-        const MyStyledText = styled.div`
-            font-size: 12px;
-            font-weight: 600;
-            opacity: 0.5;
-        `;
-        return (
-            <Cell
-                contentLeft={
-                    <Avatar size={getSize(args.size)} url="https://avatars.githubusercontent.com/u/1813468?v=4" />
-                }
-                contentRight={<ChevronRight color="inherit" size="xs" />}
-                {...args}
-            >
-                <Textbox>
-                    <TextTitle>Title</TextTitle>
-                    <MyStyledText>My styled Text</MyStyledText>
-                </Textbox>
-            </Cell>
-        );
-    },
-};

package/types/components/Cell/Cell.d.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-import { RootProps } from '../../engines';
-import type { CellProps } from './Cell.types';
-export declare const cellRoot: (Root: RootProps<HTMLSelectElement, CellProps>) => React.ForwardRefExoticComponent<CellProps & React.RefAttributes<HTMLSelectElement>>;
-export declare const cellConfig: {
-    name: string;
-    tag: string;
-    layout: (Root: RootProps<HTMLSelectElement, CellProps>) => React.ForwardRefExoticComponent<CellProps & React.RefAttributes<HTMLSelectElement>>;
-    base: string;
-    variations: {
-        view: {
-            css: import("@linaria/core").LinariaClassName;
-        };
-        size: {
-            css: import("@linaria/core").LinariaClassName;
-        };
-        stretching: {
-            css: import("@linaria/core").LinariaClassName;
-        };
-    };
-    defaults: {
-        view: string;
-        size: string;
-        stretching: string;
-    };
-};
-//# sourceMappingURL=Cell.d.ts.map

package/types/components/Cell/Cell.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../src/components/Cell/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQ9C,eAAO,MAAM,QAAQ,SAAU,UAAU,iBAAiB,EAAE,SAAS,CAAC,wFAoCjE,CAAC;AAEN,eAAO,MAAM,UAAU;;;mBAtCQ,UAAU,iBAAiB,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;CA2DrE,CAAC"}

package/types/components/Cell/Cell.styles.d.ts

@@ -1,10 +0,0 @@
-import type { AlignProp } from './Cell.types';
-export declare const CellContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CellContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CellLeft: import("styled-components").StyledComponent<"div", any, {
-    align: AlignProp;
-}, never>;
-export declare const CellRight: import("styled-components").StyledComponent<"div", any, {
-    align: AlignProp;
-}, never>;
-//# sourceMappingURL=Cell.styles.d.ts.map

package/types/components/Cell/Cell.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Cell.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Cell/Cell.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAS9C,eAAO,MAAM,kBAAkB,oEAM9B,CAAC;AAEF,eAAO,MAAM,WAAW,oEAIvB,CAAC;AAEF,eAAO,MAAM,QAAQ;WAAuB,SAAS;SAGpD,CAAC;AAEF,eAAO,MAAM,SAAS;WAAuB,SAAS;SAIrD,CAAC"}

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

@@ -1,43 +0,0 @@
-export declare const tokens: {
-    cellColor: string;
-    cellBackgroundColor: string;
-    cellPadding: string;
-    cellPaddingLeftContent: string;
-    cellPaddingContent: string;
-    cellPaddingRightContent: string;
-    cellTextboxGap: string;
-    cellGap: string;
-    cellWidth: string;
-    cellLabelColor: string;
-    cellLabelFontFamily: string;
-    cellLabelFontSize: string;
-    cellLabelFontStyle: string;
-    cellLabelFontWeight: string;
-    cellLabelLetterSpacing: string;
-    cellLabelLineHeight: string;
-    cellTitleColor: string;
-    cellTitleFontFamily: string;
-    cellTitleFontSize: string;
-    cellTitleFontStyle: string;
-    cellTitleFontWeight: string;
-    cellTitleLetterSpacing: string;
-    cellTitleLineHeight: string;
-    cellSubtitleColor: string;
-    cellSubtitleFontFamily: string;
-    cellSubtitleFontSize: string;
-    cellSubtitleFontStyle: string;
-    cellSubtitleFontWeight: string;
-    cellSubtitleLetterSpacing: string;
-    cellSubtitleLineHeight: string;
-};
-export declare const classes: {
-    autoStretching: string;
-    filledStretching: string;
-    fixedStretching: string;
-    cellWrapper: string;
-    cellRoot: string;
-    cellContent: string;
-    cellLeftContent: string;
-    cellRightContent: string;
-};
-//# sourceMappingURL=Cell.tokens.d.ts.map

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

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

package/types/components/Cell/Cell.types.d.ts

@@ -1,45 +0,0 @@
-import type { ReactNode } from 'react';
-import type { TextboxProps } from './Textbox/Textbox.types';
-export declare type AlignProp = 'center' | 'top' | 'bottom';
-declare type CustomCellProps = {
-    /**
-     * Размер
-     */
-    size?: string;
-    /**
-     * Размер
-     */
-    view: string;
-    /**
-     * Слот для контента слева, например `Icon`
-     */
-    contentLeft?: ReactNode;
-    /**
-     * Слот для контента спарва, например `Icon`
-     */
-    contentRight?: ReactNode;
-    /**
-     * Слот для контента спарва, например `Icon`
-     */
-    content?: ReactNode;
-    /**
-     * Вертикальное выравнивание контента слева.
-     */
-    alignLeft?: AlignProp;
-    /**
-     * Вертикальное выравнивание контента справа.
-     */
-    alignRight?: AlignProp;
-    /**
-     * Ширина cell
-     * @description
-     * Может принимать три значения:
-     * fixed - кнопка фиксированной ширины;
-     * filled - кнопка занимает всю доступную ширину
-     * auto - кнопка растягивается в зависимости от контента
-     */
-    stretching?: 'fixed' | 'filled' | 'auto';
-};
-export declare type CellProps = CustomCellProps & TextboxProps;
-export {};
-//# sourceMappingURL=Cell.types.d.ts.map

package/types/components/Cell/Cell.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Cell.types.d.ts","sourceRoot":"","sources":["../../../src/components/Cell/Cell.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,oBAAY,SAAS,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEpD,aAAK,eAAe,GAAG;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CAC5C,CAAC;AAEF,oBAAY,SAAS,GAAG,eAAe,GAAG,YAAY,CAAC"}

package/types/components/Cell/Textbox/Textbox.d.ts

@@ -1,4 +0,0 @@
-import React, { HTMLAttributes } from 'react';
-import type { TextboxProps } from './Textbox.types';
-export declare const Textbox: React.FC<HTMLAttributes<HTMLDivElement> & TextboxProps>;
-//# sourceMappingURL=Textbox.d.ts.map

package/types/components/Cell/Textbox/Textbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Textbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Cell/Textbox/Textbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAMpD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,YAAY,CAmB3E,CAAC"}

package/types/components/Cell/Textbox/Textbox.styles.d.ts

@@ -1,2 +0,0 @@
-export declare const TextboxStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-//# sourceMappingURL=Textbox.styles.d.ts.map

package/types/components/Cell/Textbox/Textbox.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Textbox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Cell/Textbox/Textbox.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,oEAIzB,CAAC"}

package/types/components/Cell/Textbox/Textbox.types.d.ts

@@ -1,35 +0,0 @@
-import type { HTMLAttributes, ReactNode } from 'react';
-export declare type AlignLeftProp = 'center' | 'top' | 'bottom';
-export declare type AlignRightProp = 'center' | 'top';
-declare type CustomTextboxProps = {
-    /**
-     * Слот для Title
-     */
-    title?: ReactNode;
-    /**
-     * Слот для Subtitle
-     */
-    subtitle?: ReactNode;
-    /**
-     * Слот для Label
-     */
-    label?: ReactNode;
-    children?: undefined;
-} | {
-    /**
-     * Слот для Title
-     */
-    title?: undefined;
-    /**
-     * Слот для Subtitle
-     */
-    subtitle?: undefined;
-    /**
-     * Слот для Label
-     */
-    label?: undefined;
-    children?: ReactNode;
-};
-export declare type TextboxProps = HTMLAttributes<HTMLDivElement> & CustomTextboxProps;
-export {};
-//# sourceMappingURL=Textbox.types.d.ts.map