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

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

@@ -1,59 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "TextLabel", {
-  enumerable: true,
-  get: function get() {
-    return _TextLabel.TextLabel;
-  }
-});
-Object.defineProperty(exports, "TextSubtitle", {
-  enumerable: true,
-  get: function get() {
-    return _TextSubtitle.TextSubtitle;
-  }
-});
-Object.defineProperty(exports, "TextTitle", {
-  enumerable: true,
-  get: function get() {
-    return _TextTitle.TextTitle;
-  }
-});
-Object.defineProperty(exports, "Textbox", {
-  enumerable: true,
-  get: function get() {
-    return _Textbox.Textbox;
-  }
-});
-Object.defineProperty(exports, "cellClasses", {
-  enumerable: true,
-  get: function get() {
-    return _Cell2.classes;
-  }
-});
-Object.defineProperty(exports, "cellConfig", {
-  enumerable: true,
-  get: function get() {
-    return _Cell.cellConfig;
-  }
-});
-Object.defineProperty(exports, "cellRoot", {
-  enumerable: true,
-  get: function get() {
-    return _Cell.cellRoot;
-  }
-});
-Object.defineProperty(exports, "cellTokens", {
-  enumerable: true,
-  get: function get() {
-    return _Cell2.tokens;
-  }
-});
-var _TextLabel = /*#__PURE__*/require("./Textbox/ui/TextLabel");
-var _TextTitle = /*#__PURE__*/require("./Textbox/ui/TextTitle");
-var _TextSubtitle = /*#__PURE__*/require("./Textbox/ui/TextSubtitle");
-var _Cell = /*#__PURE__*/require("./Cell");
-var _Cell2 = /*#__PURE__*/require("./Cell.tokens");
-var _Textbox = /*#__PURE__*/require("./Textbox/Textbox");

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

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.base = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

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

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

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

@@ -1,9 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.base = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Cell = /*#__PURE__*/require("../../Cell.tokens");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{width:var(", ");}&.", "{width:100%;}&.", "{width:auto;}"], _Cell.classes.fixedStretching, _Cell.tokens.cellWidth, _Cell.classes.filledStretching, _Cell.classes.autoStretching);

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

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

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

@@ -1,9 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.base = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Cell = /*#__PURE__*/require("../../Cell.tokens");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["color:var(", ");background-color:var(", ");width:100%;display:flex;align-items:center;gap:var(", ");&:focus{outline:0 none;}"], _Cell.tokens.cellColor, _Cell.tokens.cellBackgroundColor, _Cell.tokens.cellGap);

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

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

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

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Cell = /*#__PURE__*/require("../../../../components/Cell");
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 'm',
-    stretching: 'filled'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;"], _Cell.cellTokens.cellColor, _Cell.cellTokens.cellLabelColor, _Cell.cellTokens.cellTitleColor, _Cell.cellTokens.cellSubtitleColor, _Cell.cellTokens.cellBackgroundColor)
-    },
-    size: {
-      l: /*#__PURE__*/(0, _styledComponents.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);"], _Cell.cellTokens.cellWidth, _Cell.cellTokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellLabelFontFamily, _Cell.cellTokens.cellLabelFontSize, _Cell.cellTokens.cellLabelFontStyle, _Cell.cellTokens.cellLabelFontWeight, _Cell.cellTokens.cellLabelLetterSpacing, _Cell.cellTokens.cellLabelLineHeight, _Cell.cellTokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Cell.cellTokens.cellSubtitleFontFamily, _Cell.cellTokens.cellSubtitleFontSize, _Cell.cellTokens.cellSubtitleFontStyle, _Cell.cellTokens.cellSubtitleFontWeight, _Cell.cellTokens.cellSubtitleLetterSpacing, _Cell.cellTokens.cellSubtitleLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.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);"], _Cell.cellTokens.cellWidth, _Cell.cellTokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellLabelFontFamily, _Cell.cellTokens.cellLabelFontSize, _Cell.cellTokens.cellLabelFontStyle, _Cell.cellTokens.cellLabelFontWeight, _Cell.cellTokens.cellLabelLetterSpacing, _Cell.cellTokens.cellLabelLineHeight, _Cell.cellTokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Cell.cellTokens.cellSubtitleFontFamily, _Cell.cellTokens.cellSubtitleFontSize, _Cell.cellTokens.cellSubtitleFontStyle, _Cell.cellTokens.cellSubtitleFontWeight, _Cell.cellTokens.cellSubtitleLetterSpacing, _Cell.cellTokens.cellSubtitleLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.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);"], _Cell.cellTokens.cellWidth, _Cell.cellTokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellLabelFontFamily, _Cell.cellTokens.cellLabelFontSize, _Cell.cellTokens.cellLabelFontStyle, _Cell.cellTokens.cellLabelFontWeight, _Cell.cellTokens.cellLabelLetterSpacing, _Cell.cellTokens.cellLabelLineHeight, _Cell.cellTokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Cell.cellTokens.cellSubtitleFontFamily, _Cell.cellTokens.cellSubtitleFontSize, _Cell.cellTokens.cellSubtitleFontStyle, _Cell.cellTokens.cellSubtitleFontWeight, _Cell.cellTokens.cellSubtitleLetterSpacing, _Cell.cellTokens.cellSubtitleLineHeight),
-      xs: /*#__PURE__*/(0, _styledComponents.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);"], _Cell.cellTokens.cellWidth, _Cell.cellTokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellLabelFontFamily, _Cell.cellTokens.cellLabelFontSize, _Cell.cellTokens.cellLabelFontStyle, _Cell.cellTokens.cellLabelFontWeight, _Cell.cellTokens.cellLabelLetterSpacing, _Cell.cellTokens.cellLabelLineHeight, _Cell.cellTokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Cell.cellTokens.cellSubtitleFontFamily, _Cell.cellTokens.cellSubtitleFontSize, _Cell.cellTokens.cellSubtitleFontStyle, _Cell.cellTokens.cellSubtitleFontWeight, _Cell.cellTokens.cellSubtitleLetterSpacing, _Cell.cellTokens.cellSubtitleLineHeight)
-    },
-    stretching: {
-      auto: /*#__PURE__*/(0, _styledComponents.css)([""]),
-      filled: /*#__PURE__*/(0, _styledComponents.css)([""]),
-      fixed: /*#__PURE__*/(0, _styledComponents.css)([""])
-    }
-  }
-};

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

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Cell = void 0;
-Object.defineProperty(exports, "TextLabel", {
-  enumerable: true,
-  get: function get() {
-    return _Cell.TextLabel;
-  }
-});
-Object.defineProperty(exports, "TextSubtitle", {
-  enumerable: true,
-  get: function get() {
-    return _Cell.TextSubtitle;
-  }
-});
-Object.defineProperty(exports, "TextTitle", {
-  enumerable: true,
-  get: function get() {
-    return _Cell.TextTitle;
-  }
-});
-Object.defineProperty(exports, "Textbox", {
-  enumerable: true,
-  get: function get() {
-    return _Cell.Textbox;
-  }
-});
-var _Cell = /*#__PURE__*/require("../../../../components/Cell");
-var _engines = /*#__PURE__*/require("../../../../engines");
-var _Cell2 = /*#__PURE__*/require("./Cell.config");
-var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Cell.cellConfig, _Cell2.config);
-var Cell = exports.Cell = /*#__PURE__*/(0, _engines.component)(mergedConfig);

package/styled-components/cjs/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/cjs/examples/plasma_web/components/Cell/Cell.config.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Cell = /*#__PURE__*/require("../../../../components/Cell");
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 'm',
-    stretching: 'filled'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;"], _Cell.cellTokens.cellColor, _Cell.cellTokens.cellLabelColor, _Cell.cellTokens.cellTitleColor, _Cell.cellTokens.cellSubtitleColor, _Cell.cellTokens.cellBackgroundColor)
-    },
-    size: {
-      l: /*#__PURE__*/(0, _styledComponents.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);"], _Cell.cellTokens.cellWidth, _Cell.cellTokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellLabelFontFamily, _Cell.cellTokens.cellLabelFontSize, _Cell.cellTokens.cellLabelFontStyle, _Cell.cellTokens.cellLabelFontWeight, _Cell.cellTokens.cellLabelLetterSpacing, _Cell.cellTokens.cellLabelLineHeight, _Cell.cellTokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Cell.cellTokens.cellSubtitleFontFamily, _Cell.cellTokens.cellSubtitleFontSize, _Cell.cellTokens.cellSubtitleFontStyle, _Cell.cellTokens.cellSubtitleFontWeight, _Cell.cellTokens.cellSubtitleLetterSpacing, _Cell.cellTokens.cellSubtitleLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.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);"], _Cell.cellTokens.cellWidth, _Cell.cellTokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellLabelFontFamily, _Cell.cellTokens.cellLabelFontSize, _Cell.cellTokens.cellLabelFontStyle, _Cell.cellTokens.cellLabelFontWeight, _Cell.cellTokens.cellLabelLetterSpacing, _Cell.cellTokens.cellLabelLineHeight, _Cell.cellTokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Cell.cellTokens.cellSubtitleFontFamily, _Cell.cellTokens.cellSubtitleFontSize, _Cell.cellTokens.cellSubtitleFontStyle, _Cell.cellTokens.cellSubtitleFontWeight, _Cell.cellTokens.cellSubtitleLetterSpacing, _Cell.cellTokens.cellSubtitleLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.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);"], _Cell.cellTokens.cellWidth, _Cell.cellTokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellLabelFontFamily, _Cell.cellTokens.cellLabelFontSize, _Cell.cellTokens.cellLabelFontStyle, _Cell.cellTokens.cellLabelFontWeight, _Cell.cellTokens.cellLabelLetterSpacing, _Cell.cellTokens.cellLabelLineHeight, _Cell.cellTokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Cell.cellTokens.cellSubtitleFontFamily, _Cell.cellTokens.cellSubtitleFontSize, _Cell.cellTokens.cellSubtitleFontStyle, _Cell.cellTokens.cellSubtitleFontWeight, _Cell.cellTokens.cellSubtitleLetterSpacing, _Cell.cellTokens.cellSubtitleLineHeight),
-      xs: /*#__PURE__*/(0, _styledComponents.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);"], _Cell.cellTokens.cellWidth, _Cell.cellTokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellGap, _Cell.cellTokens.cellLabelFontFamily, _Cell.cellTokens.cellLabelFontSize, _Cell.cellTokens.cellLabelFontStyle, _Cell.cellTokens.cellLabelFontWeight, _Cell.cellTokens.cellLabelLetterSpacing, _Cell.cellTokens.cellLabelLineHeight, _Cell.cellTokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Cell.cellTokens.cellSubtitleFontFamily, _Cell.cellTokens.cellSubtitleFontSize, _Cell.cellTokens.cellSubtitleFontStyle, _Cell.cellTokens.cellSubtitleFontWeight, _Cell.cellTokens.cellSubtitleLetterSpacing, _Cell.cellTokens.cellSubtitleLineHeight)
-    },
-    stretching: {
-      auto: /*#__PURE__*/(0, _styledComponents.css)([""]),
-      filled: /*#__PURE__*/(0, _styledComponents.css)([""]),
-      fixed: /*#__PURE__*/(0, _styledComponents.css)([""])
-    }
-  }
-};

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

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Cell = void 0;
-Object.defineProperty(exports, "TextLabel", {
-  enumerable: true,
-  get: function get() {
-    return _Cell.TextLabel;
-  }
-});
-Object.defineProperty(exports, "TextSubtitle", {
-  enumerable: true,
-  get: function get() {
-    return _Cell.TextSubtitle;
-  }
-});
-Object.defineProperty(exports, "TextTitle", {
-  enumerable: true,
-  get: function get() {
-    return _Cell.TextTitle;
-  }
-});
-Object.defineProperty(exports, "Textbox", {
-  enumerable: true,
-  get: function get() {
-    return _Cell.Textbox;
-  }
-});
-var _Cell = /*#__PURE__*/require("../../../../components/Cell");
-var _engines = /*#__PURE__*/require("../../../../engines");
-var _Cell2 = /*#__PURE__*/require("./Cell.config");
-var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Cell.cellConfig, _Cell2.config);
-var Cell = exports.Cell = /*#__PURE__*/(0, _engines.component)(mergedConfig);

package/styled-components/cjs/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/styled-components/es/components/Cell/Cell.js

@@ -1,62 +0,0 @@
-import React, { forwardRef } from 'react';
-import { cx } from '../../utils';
-import { CellLeft, CellRight, CellContentWrapper, CellContent } from './Cell.styles';
-import { classes } from './Cell.tokens';
-import { base as viewCSS } from './variations/_view/base';
-import { base as sizeCSS } from './variations/_size/base';
-import { base as stretchingCSS } from './variations/_stretching/base';
-import { Textbox } from './Textbox/Textbox';
-export var cellRoot = function cellRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
-    var size = _ref.size,
-      view = _ref.view,
-      contentLeft = _ref.contentLeft,
-      contentRight = _ref.contentRight,
-      _ref$alignLeft = _ref.alignLeft,
-      alignLeft = _ref$alignLeft === void 0 ? 'center' : _ref$alignLeft,
-      _ref$alignRight = _ref.alignRight,
-      alignRight = _ref$alignRight === void 0 ? 'center' : _ref$alignRight,
-      children = _ref.children,
-      title = _ref.title,
-      subtitle = _ref.subtitle,
-      label = _ref.label,
-      stretching = _ref.stretching;
-    var stretchingClass = classes["".concat(stretching, "Stretching")];
-    return /*#__PURE__*/React.createElement(Root, {
-      ref: outerRootRef,
-      size: size,
-      view: view,
-      className: cx(stretchingClass, classes.cellRoot)
-    }, contentLeft && /*#__PURE__*/React.createElement(CellLeft, {
-      align: alignLeft
-    }, contentLeft), /*#__PURE__*/React.createElement(CellContentWrapper, null, /*#__PURE__*/React.createElement(CellContent, null, title || subtitle || label ? /*#__PURE__*/React.createElement(Textbox, {
-      label: label,
-      title: title,
-      subtitle: subtitle
-    }) : children && children), contentRight && /*#__PURE__*/React.createElement(CellRight, {
-      align: alignRight
-    }, contentRight)));
-  });
-};
-export var cellConfig = {
-  name: 'Cell',
-  tag: 'div',
-  layout: cellRoot,
-  base: '',
-  variations: {
-    view: {
-      css: viewCSS
-    },
-    size: {
-      css: sizeCSS
-    },
-    stretching: {
-      css: stretchingCSS
-    }
-  },
-  defaults: {
-    view: 'default',
-    size: 'm',
-    stretching: 'filled'
-  }
-};

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

@@ -1,25 +0,0 @@
-import styled from 'styled-components';
-import { tokens } from './Cell.tokens';
-var alignToFlex = {
-  center: 'center',
-  top: 'flex-start',
-  bottom: 'flex-end'
-};
-export var CellContentWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-16emz3n-0"
-})(["display:flex;flex:auto;justify-content:space-between;gap:var(", ");height:auto;"], tokens.cellGap);
-export var CellContent = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-16emz3n-1"
-})(["display:flex;align-items:center;height:auto;"]);
-export var CellLeft = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-16emz3n-2"
-})(["display:flex;align-items:", ";"], function (_ref) {
-  var align = _ref.align;
-  return alignToFlex[align];
-});
-export var CellRight = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-16emz3n-3"
-})(["display:flex;align-items:", ";text-align:right;"], function (_ref2) {
-  var align = _ref2.align;
-  return alignToFlex[align];
-});

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

@@ -1,42 +0,0 @@
-export var tokens = {
-  cellColor: '--plasma-cell-color',
-  cellBackgroundColor: '--plasma-cell-background-color',
-  cellPadding: '--plasma-cell-padding',
-  cellPaddingLeftContent: '--plasma-cell-padding-left-content',
-  cellPaddingContent: '--plasma-cell-padding-content',
-  cellPaddingRightContent: '--plasma-cell-padding-right-content',
-  cellTextboxGap: '--plasma-cell-textbox-gap',
-  cellGap: '--plasma-cell-gap',
-  cellWidth: '--plasma-cell-width',
-  cellLabelColor: '--plasma-cell-label-color',
-  cellLabelFontFamily: '--plasma-cell-label-font-family',
-  cellLabelFontSize: '--plasma-cell-label-font-size',
-  cellLabelFontStyle: '--plasma-cell-label-font-style',
-  cellLabelFontWeight: '--plasma-cell-label-font-weight',
-  cellLabelLetterSpacing: '--plasma-cell-label-letter-spacing',
-  cellLabelLineHeight: '--plasma-cell-label-line-height',
-  cellTitleColor: '--plasma-cell-title-color',
-  cellTitleFontFamily: '--plasma-cell-title-font-family',
-  cellTitleFontSize: '--plasma-cell-title-font-size',
-  cellTitleFontStyle: '--plasma-cell-title-font-style',
-  cellTitleFontWeight: '--plasma-cell-title-font-weight',
-  cellTitleLetterSpacing: '--plasma-cell-title-letter-spacing',
-  cellTitleLineHeight: '--plasma-cell-title-line-height',
-  cellSubtitleColor: '--plasma-cell-subtitle-color',
-  cellSubtitleFontFamily: '--plasma-cell-subtitle-font-family',
-  cellSubtitleFontSize: '--plasma-cell-subtitle-font-size',
-  cellSubtitleFontStyle: '--plasma-cell-subtitle-font-style',
-  cellSubtitleFontWeight: '--plasma-cell-subtitle-font-weight',
-  cellSubtitleLetterSpacing: '--plasma-cell-subtitle-letter-spacing',
-  cellSubtitleLineHeight: '--plasma-cell-subtitle-line-height'
-};
-export var classes = {
-  autoStretching: 'cell-stretching-auto',
-  filledStretching: 'cell-stretching-filled',
-  fixedStretching: 'cell-stretching-fixed',
-  cellWrapper: 'cell-wrapper',
-  cellRoot: 'cell-root',
-  cellContent: 'cell-content',
-  cellLeftContent: 'cell-left-content',
-  cellRightContent: 'cell-right-content'
-};

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

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