@salutejs/plasma-new-hope 0.325.0-canary.1954.15208821137.0 → 0.325.0-canary.1970.15211531960.0

package/styled-components/cjs/examples/plasma_b2c/components/List/List.stories.tsx

@@ -1,60 +0,0 @@
-import React from 'react';
-import type { Meta } from '@storybook/react';
-import styled from 'styled-components';
-
-import { IconChevronLeft } from '../../../../components/_Icon';
-import { WithTheme } from '../../../_helpers';
-
-import { List, ListItem } from './List';
-
-const ChevronRight = styled(IconChevronLeft)`
-    transform: rotate(180deg);
-`;
-
-const meta: Meta<typeof List> = {
-    title: 'b2c/Data Display/List',
-    component: List,
-    decorators: [WithTheme],
-    argTypes: {
-        size: {
-            options: ['xl', 'l', 'm', 's', 'xs'],
-            control: {
-                type: 'select',
-            },
-        },
-        view: {
-            options: ['default'],
-            control: {
-                type: 'select',
-            },
-        },
-        variant: {
-            options: ['normal', 'tight'],
-            control: {
-                type: 'select',
-            },
-        },
-    },
-};
-
-export default meta;
-
-export const Default: Story = {
-    args: {
-        view: 'default',
-        size: 'm',
-        variant: 'normal',
-    },
-    render: ({ view, size, ...rest }: StoryProps) => {
-        return (
-            <List view={view} size={size} {...rest}>
-                <ListItem contentRight={<ChevronRight color="inherit" size="xs" />}>Test Item 1</ListItem>
-                <ListItem contentRight={<ChevronRight color="inherit" size="xs" />}>Test Item 2</ListItem>
-                <ListItem contentRight={<ChevronRight color="inherit" size="xs" />} disabled>
-                    Test Item 3
-                </ListItem>
-                <ListItem contentRight={<ChevronRight color="inherit" size="xs" />}>Test Item 4</ListItem>
-            </List>
-        );
-    },
-};

package/styled-components/cjs/examples/plasma_web/components/List/List.config.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _List = /*#__PURE__*/require("../../../../components/List");
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 's',
-    variant: 'normal'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-primary);", ":transparent;", ":var(--surface-transparent-secondary);", ":transparent;", ":transparent;"], _List.listTokens.listItemColor, _List.listTokens.listItemColorHover, _List.listTokens.listItemBackground, _List.listTokens.listItemBackgroundHover, _List.listTokens.listItemBorderColor, _List.listTokens.listItemBorderColorHover)
-    },
-    size: {
-      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":0.5rem;", ":0.5rem;", ":0.5rem;", ":0.5rem;", ":0rem;", ":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);"], _List.listTokens.listItemPaddingTop, _List.listTokens.listItemPaddingLeft, _List.listTokens.listItemPaddingRight, _List.listTokens.listItemPaddingBottom, _List.listTokens.listItemBorderRadius, _List.listTokens.listItemBorderWidth, _List.listTokens.listItemGap, _List.listTokens.listItemFontFamily, _List.listTokens.listItemFontSize, _List.listTokens.listItemFontStyle, _List.listTokens.listItemFontWeight, _List.listTokens.listItemLetterSpacing, _List.listTokens.listItemLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.689rem;", ":0.75rem;", ":0.75rem;", ":0.689rem;", ":0.625rem;", ":0rem;", ":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);"], _List.listTokens.listItemPaddingTop, _List.listTokens.listItemPaddingLeft, _List.listTokens.listItemPaddingRight, _List.listTokens.listItemPaddingBottom, _List.listTokens.listItemBorderRadius, _List.listTokens.listItemBorderWidth, _List.listTokens.listItemGap, _List.listTokens.listItemFontFamily, _List.listTokens.listItemFontSize, _List.listTokens.listItemFontStyle, _List.listTokens.listItemFontWeight, _List.listTokens.listItemLetterSpacing, _List.listTokens.listItemLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":0.875rem;", ":0.875rem;", ":0.75rem;", ":0.75rem;", ":0rem;", ":0.5rem;", ":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);"], _List.listTokens.listItemPaddingTop, _List.listTokens.listItemPaddingLeft, _List.listTokens.listItemPaddingRight, _List.listTokens.listItemPaddingBottom, _List.listTokens.listItemBorderRadius, _List.listTokens.listItemBorderWidth, _List.listTokens.listItemGap, _List.listTokens.listItemFontFamily, _List.listTokens.listItemFontSize, _List.listTokens.listItemFontStyle, _List.listTokens.listItemFontWeight, _List.listTokens.listItemLetterSpacing, _List.listTokens.listItemLineHeight),
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem;", ":1rem;", ":1rem;", ":1rem;", ":0.875rem;", ":0rem;", ":0.5rem;", ":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);"], _List.listTokens.listItemPaddingTop, _List.listTokens.listItemPaddingLeft, _List.listTokens.listItemPaddingRight, _List.listTokens.listItemPaddingBottom, _List.listTokens.listItemBorderRadius, _List.listTokens.listItemBorderWidth, _List.listTokens.listItemGap, _List.listTokens.listItemFontFamily, _List.listTokens.listItemFontSize, _List.listTokens.listItemFontStyle, _List.listTokens.listItemFontWeight, _List.listTokens.listItemLetterSpacing, _List.listTokens.listItemLineHeight),
-      xl: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.3125rem;", ":1.125rem;", ":1.125rem;", ":1.3125rem;", ":1rem;", ":0rem;", ":0.5rem;", ":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);"], _List.listTokens.listItemPaddingTop, _List.listTokens.listItemPaddingLeft, _List.listTokens.listItemPaddingRight, _List.listTokens.listItemPaddingBottom, _List.listTokens.listItemBorderRadius, _List.listTokens.listItemBorderWidth, _List.listTokens.listItemGap, _List.listTokens.listItemFontFamily, _List.listTokens.listItemFontSize, _List.listTokens.listItemFontStyle, _List.listTokens.listItemFontWeight, _List.listTokens.listItemLetterSpacing, _List.listTokens.listItemLineHeight)
-    },
-    variant: {
-      normal: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;", ":0rem;"], _List.listTokens.listDisabledOpacity, _List.listTokens.listItemVariantDifference),
-      tight: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.25rem;", ":0.4;"], _List.listTokens.listItemVariantDifference, _List.listTokens.listDisabledOpacity)
-    },
-    disabled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":red;"], _List.listTokens.listItemBackground)
-    }
-  }
-};

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

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ListItem = exports.List = void 0;
-var _List = /*#__PURE__*/require("../../../../components/List");
-var _engines = /*#__PURE__*/require("../../../../engines");
-var _List2 = /*#__PURE__*/require("./List.config");
-var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_List.listConfig, _List2.config);
-var List = exports.List = /*#__PURE__*/(0, _engines.component)(mergedConfig);
-var ListItem = exports.ListItem = _List.ListItem;

package/styled-components/cjs/examples/plasma_web/components/List/List.stories.tsx

@@ -1,60 +0,0 @@
-import React from 'react';
-import type { Meta } from '@storybook/react';
-import styled from 'styled-components';
-
-import { IconChevronLeft } from '../../../../components/_Icon';
-import { WithTheme } from '../../../_helpers';
-
-import { List, ListItem } from './List';
-
-const ChevronRight = styled(IconChevronLeft)`
-    transform: rotate(180deg);
-`;
-
-const meta: Meta<typeof List> = {
-    title: 'web/Data Display/List',
-    component: List,
-    decorators: [WithTheme],
-    argTypes: {
-        size: {
-            options: ['xl', 'l', 'm', 's', 'xs'],
-            control: {
-                type: 'select',
-            },
-        },
-        view: {
-            options: ['default'],
-            control: {
-                type: 'select',
-            },
-        },
-        variant: {
-            options: ['normal', 'tight'],
-            control: {
-                type: 'select',
-            },
-        },
-    },
-};
-
-export default meta;
-
-export const Default: Story = {
-    args: {
-        view: 'default',
-        size: 'm',
-        variant: 'normal',
-    },
-    render: ({ view, size, ...rest }: StoryProps) => {
-        return (
-            <List view={view} size={size} {...rest}>
-                <ListItem contentRight={<ChevronRight color="inherit" size="xs" />}>Test Item 1</ListItem>
-                <ListItem contentRight={<ChevronRight color="inherit" size="xs" />}>Test Item 2</ListItem>
-                <ListItem contentRight={<ChevronRight color="inherit" size="xs" />} disabled>
-                    Test Item 3
-                </ListItem>
-                <ListItem contentRight={<ChevronRight color="inherit" size="xs" />}>Test Item 4</ListItem>
-            </List>
-        );
-    },
-};

package/styled-components/es/components/List/List.js

@@ -1,50 +0,0 @@
-import React, { forwardRef } from 'react';
-import { cx } from "../../utils";
-import { base } from "./List.styles";
-import { classes } from "./List.tokens";
-import { base as variantCSS } from "./variations/_variant/base";
-import { base as viewCSS } from "./variations/_view/base";
-import { base as sizeCSS } from "./variations/_size/base";
-import { base as disabledCSS } from "./variations/_disabled/base";
-export var listRoot = function listRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
-    var size = _ref.size,
-      view = _ref.view,
-      variant = _ref.variant,
-      disabled = _ref.disabled,
-      className = _ref.className,
-      children = _ref.children;
-    return /*#__PURE__*/React.createElement(Root, {
-      ref: outerRootRef,
-      size: size,
-      view: view,
-      variant: variant,
-      disabled: disabled,
-      className: cx(classes.listRoot, className)
-    }, children);
-  });
-};
-export var listConfig = {
-  name: 'List',
-  tag: 'ul',
-  layout: listRoot,
-  base: base,
-  variations: {
-    view: {
-      css: viewCSS
-    },
-    size: {
-      css: sizeCSS
-    },
-    variant: {
-      css: variantCSS
-    },
-    disabled: {
-      css: disabledCSS
-    }
-  },
-  defaults: {
-    view: 'default',
-    size: 'm'
-  }
-};

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

@@ -1,3 +0,0 @@
-import { css } from 'styled-components';
-import { tokens } from "./List.tokens";
-export var base = /*#__PURE__*/css(["display:flex;flex-direction:column;gap:var(", ");align-items:stretch;height:auto;width:100%;list-style-type:none;padding:0;margin:0;"], tokens.listGap);

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

@@ -1,33 +0,0 @@
-export var classes = {
-  listRoot: 'list-root',
-  listItem: 'list-item',
-  filledStretching: 'list-stretching-filled',
-  fixedStretching: 'list-stretching-fixed'
-};
-export var tokens = {
-  listGap: '--plasma-list-gap',
-  listWidth: '--plasma-list-width',
-  listItemBackground: '--plasma-list-item-background',
-  listItemBackgroundHover: '--plasma-list-item-background-hover',
-  listItemBorderRadius: '--plasma-list-item-border-radius',
-  listItemPaddingLeft: '--plasma-list-item-padding-left',
-  listItemPaddingRight: '--plasma-list-item-padding-right',
-  listItemPaddingTop: '--plasma-list-item-padding-top',
-  listItemPaddingBottom: '--plasma-list-item-padding-bottom',
-  listItemBorderColor: '--plasma-list-item-border-color',
-  listItemBorderColorHover: '--plasma-list-item-border-color-hover',
-  listItemBorderWidth: '--plasma-list-item-border-width',
-  listItemIconLeftColor: '--plasma-list-item-color-icon-left',
-  listItemIconRightColor: '--plasma-list-item-color-icon-right',
-  listItemGap: '--plasma-list-item-gap',
-  listItemVariantDifference: '--plasma-list-item-variant-difference',
-  listItemColor: '--plasma-list-item-color',
-  listItemColorHover: '--plasma-list-item-color-hover',
-  listItemFontFamily: '--plasma-list-item-font-family',
-  listItemFontSize: '--plasma-list-item-font-size',
-  listItemFontStyle: '--plasma-list-item-font-style',
-  listItemFontWeight: '--plasma-list-item-font-weight',
-  listItemLetterSpacing: '--plasma-list-item-letter-spacing',
-  listItemLineHeight: '--plasma-list-item-line-height',
-  listDisabledOpacity: '--plasma-list-disabled-opacity'
-};

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

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

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

@@ -1,3 +0,0 @@
-export { listRoot, listConfig } from "./List";
-export { ListItem } from "./ui/ListItem";
-export { tokens as listTokens, classes as listClasses } from "./List.tokens";

package/styled-components/es/components/List/ui/ListItem.js

@@ -1,17 +0,0 @@
-var _excluded = ["children", "contentRight", "disabled"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import { StyledListItem, CellItem } from "./ListItem.styles";
-export var ListItem = function ListItem(_ref) {
-  var children = _ref.children,
-    contentRight = _ref.contentRight,
-    disabled = _ref.disabled,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(StyledListItem, _extends({
-    disabled: disabled
-  }, rest), /*#__PURE__*/React.createElement(CellItem, {
-    contentRight: contentRight
-  }, children));
-};

package/styled-components/es/components/List/ui/ListItem.styles.js

@@ -1,12 +0,0 @@
-import styled from 'styled-components';
-import { tokens } from "../List.tokens";
-import { cellConfig, cellTokens } from "../../Cell";
-import { component, mergeConfig } from "../../../engines";
-var mergedCellConfig = /*#__PURE__*/mergeConfig(cellConfig);
-var Cell = /*#__PURE__*/component(mergedCellConfig);
-export var CellItem = /*#__PURE__*/styled(Cell).withConfig({
-  componentId: "plasma-new-hope__sc-1roh0z4-0"
-})(["", ":100%;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":var(", ");", ":var(", ");", ":transparent;"], cellTokens.cellWidth, cellTokens.cellPadding, cellTokens.cellPaddingLeftContent, cellTokens.cellPaddingContent, cellTokens.cellPaddingRightContent, cellTokens.cellTextboxGap, cellTokens.cellGap, tokens.listItemGap, cellTokens.cellColor, tokens.listItemColor, cellTokens.cellBackgroundColor);
-export var StyledListItem = /*#__PURE__*/styled.li.withConfig({
-  componentId: "plasma-new-hope__sc-1roh0z4-1"
-})(["padding:calc(var(", ") - var(", ")) var(", ") calc(var(", ") - var(", ")) var(", ");border-radius:var(", ");background:var(", ");border:var(", ") solid var(", ");box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");&:hover{background:var(", ");border-color:var(", ");color:var(", ");}&[disabled]{cursor:not-allowed;opacity:var(", ");}"], tokens.listItemPaddingTop, tokens.listItemVariantDifference, tokens.listItemPaddingRight, tokens.listItemPaddingBottom, tokens.listItemVariantDifference, tokens.listItemPaddingLeft, tokens.listItemBorderRadius, tokens.listItemBackground, tokens.listItemBorderWidth, tokens.listItemBorderColor, tokens.listItemColor, tokens.listItemFontSize, tokens.listItemFontWeight, tokens.listItemFontFamily, tokens.listItemFontStyle, tokens.listItemLineHeight, tokens.listItemLetterSpacing, tokens.listItemBackgroundHover, tokens.listItemBorderColorHover, tokens.listItemColorHover, tokens.listDisabledOpacity);

package/styled-components/es/components/List/ui/ListItem.types.js

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

package/styled-components/es/components/List/variations/_disabled/base.js

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

package/styled-components/es/components/List/variations/_disabled/tokens.json

@@ -1 +0,0 @@
-[]

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

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

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

@@ -1 +0,0 @@
-[]

package/styled-components/es/components/List/variations/_variant/base.js

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

package/styled-components/es/components/List/variations/_variant/tokens.json

@@ -1 +0,0 @@
-[]

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

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

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

@@ -1 +0,0 @@
-[]

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

@@ -1,28 +0,0 @@
-import { css } from 'styled-components';
-import { listTokens } from "../../../../components/List";
-export var config = {
-  defaults: {
-    view: 'default',
-    size: 's',
-    variant: 'normal'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-primary);", ":transparent;", ":var(--surface-transparent-secondary);", ":transparent;", ":transparent;"], listTokens.listItemColor, listTokens.listItemColorHover, listTokens.listItemBackground, listTokens.listItemBackgroundHover, listTokens.listItemBorderColor, listTokens.listItemBorderColorHover)
-    },
-    size: {
-      xs: /*#__PURE__*/css(["", ":0.5rem;", ":0.5rem;", ":0.5rem;", ":0.5rem;", ":0.5rem;", ":0rem;", ":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);"], listTokens.listItemPaddingTop, listTokens.listItemPaddingLeft, listTokens.listItemPaddingRight, listTokens.listItemPaddingBottom, listTokens.listItemBorderRadius, listTokens.listItemBorderWidth, listTokens.listItemGap, listTokens.listItemFontFamily, listTokens.listItemFontSize, listTokens.listItemFontStyle, listTokens.listItemFontWeight, listTokens.listItemLetterSpacing, listTokens.listItemLineHeight),
-      s: /*#__PURE__*/css(["", ":0.689rem;", ":0.75rem;", ":0.75rem;", ":0.689rem;", ":0.625rem;", ":0rem;", ":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);"], listTokens.listItemPaddingTop, listTokens.listItemPaddingLeft, listTokens.listItemPaddingRight, listTokens.listItemPaddingBottom, listTokens.listItemBorderRadius, listTokens.listItemBorderWidth, listTokens.listItemGap, listTokens.listItemFontFamily, listTokens.listItemFontSize, listTokens.listItemFontStyle, listTokens.listItemFontWeight, listTokens.listItemLetterSpacing, listTokens.listItemLineHeight),
-      m: /*#__PURE__*/css(["", ":0.75rem;", ":0.875rem;", ":0.875rem;", ":0.75rem;", ":0.75rem;", ":0rem;", ":0.5rem;", ":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);"], listTokens.listItemPaddingTop, listTokens.listItemPaddingLeft, listTokens.listItemPaddingRight, listTokens.listItemPaddingBottom, listTokens.listItemBorderRadius, listTokens.listItemBorderWidth, listTokens.listItemGap, listTokens.listItemFontFamily, listTokens.listItemFontSize, listTokens.listItemFontStyle, listTokens.listItemFontWeight, listTokens.listItemLetterSpacing, listTokens.listItemLineHeight),
-      l: /*#__PURE__*/css(["", ":1rem;", ":1rem;", ":1rem;", ":1rem;", ":0.875rem;", ":0rem;", ":0.5rem;", ":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);"], listTokens.listItemPaddingTop, listTokens.listItemPaddingLeft, listTokens.listItemPaddingRight, listTokens.listItemPaddingBottom, listTokens.listItemBorderRadius, listTokens.listItemBorderWidth, listTokens.listItemGap, listTokens.listItemFontFamily, listTokens.listItemFontSize, listTokens.listItemFontStyle, listTokens.listItemFontWeight, listTokens.listItemLetterSpacing, listTokens.listItemLineHeight),
-      xl: /*#__PURE__*/css(["", ":1.3125rem;", ":1.125rem;", ":1.125rem;", ":1.3125rem;", ":1rem;", ":0rem;", ":0.5rem;", ":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);"], listTokens.listItemPaddingTop, listTokens.listItemPaddingLeft, listTokens.listItemPaddingRight, listTokens.listItemPaddingBottom, listTokens.listItemBorderRadius, listTokens.listItemBorderWidth, listTokens.listItemGap, listTokens.listItemFontFamily, listTokens.listItemFontSize, listTokens.listItemFontStyle, listTokens.listItemFontWeight, listTokens.listItemLetterSpacing, listTokens.listItemLineHeight)
-    },
-    variant: {
-      normal: /*#__PURE__*/css(["", ":0.4;", ":0rem;"], listTokens.listDisabledOpacity, listTokens.listItemVariantDifference),
-      tight: /*#__PURE__*/css(["", ":0.25rem;", ":0.4;"], listTokens.listItemVariantDifference, listTokens.listDisabledOpacity)
-    },
-    disabled: {
-      "true": /*#__PURE__*/css(["", ":red;"], listTokens.listItemBackground)
-    }
-  }
-};

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

@@ -1,6 +0,0 @@
-import { listConfig, ListItem as ListItemComponent } from "../../../../components/List";
-import { component, mergeConfig } from "../../../../engines";
-import { config } from "./List.config";
-var mergedConfig = /*#__PURE__*/mergeConfig(listConfig, config);
-export var List = /*#__PURE__*/component(mergedConfig);
-export var ListItem = ListItemComponent;

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

@@ -1,60 +0,0 @@
-import React from 'react';
-import type { Meta } from '@storybook/react';
-import styled from 'styled-components';
-
-import { IconChevronLeft } from '../../../../components/_Icon';
-import { WithTheme } from '../../../_helpers';
-
-import { List, ListItem } from './List';
-
-const ChevronRight = styled(IconChevronLeft)`
-    transform: rotate(180deg);
-`;
-
-const meta: Meta<typeof List> = {
-    title: 'b2c/Data Display/List',
-    component: List,
-    decorators: [WithTheme],
-    argTypes: {
-        size: {
-            options: ['xl', 'l', 'm', 's', 'xs'],
-            control: {
-                type: 'select',
-            },
-        },
-        view: {
-            options: ['default'],
-            control: {
-                type: 'select',
-            },
-        },
-        variant: {
-            options: ['normal', 'tight'],
-            control: {
-                type: 'select',
-            },
-        },
-    },
-};
-
-export default meta;
-
-export const Default: Story = {
-    args: {
-        view: 'default',
-        size: 'm',
-        variant: 'normal',
-    },
-    render: ({ view, size, ...rest }: StoryProps) => {
-        return (
-            <List view={view} size={size} {...rest}>
-                <ListItem contentRight={<ChevronRight color="inherit" size="xs" />}>Test Item 1</ListItem>
-                <ListItem contentRight={<ChevronRight color="inherit" size="xs" />}>Test Item 2</ListItem>
-                <ListItem contentRight={<ChevronRight color="inherit" size="xs" />} disabled>
-                    Test Item 3
-                </ListItem>
-                <ListItem contentRight={<ChevronRight color="inherit" size="xs" />}>Test Item 4</ListItem>
-            </List>
-        );
-    },
-};

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

@@ -1,28 +0,0 @@
-import { css } from 'styled-components';
-import { listTokens } from "../../../../components/List";
-export var config = {
-  defaults: {
-    view: 'default',
-    size: 's',
-    variant: 'normal'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-primary);", ":transparent;", ":var(--surface-transparent-secondary);", ":transparent;", ":transparent;"], listTokens.listItemColor, listTokens.listItemColorHover, listTokens.listItemBackground, listTokens.listItemBackgroundHover, listTokens.listItemBorderColor, listTokens.listItemBorderColorHover)
-    },
-    size: {
-      xs: /*#__PURE__*/css(["", ":0.5rem;", ":0.5rem;", ":0.5rem;", ":0.5rem;", ":0.5rem;", ":0rem;", ":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);"], listTokens.listItemPaddingTop, listTokens.listItemPaddingLeft, listTokens.listItemPaddingRight, listTokens.listItemPaddingBottom, listTokens.listItemBorderRadius, listTokens.listItemBorderWidth, listTokens.listItemGap, listTokens.listItemFontFamily, listTokens.listItemFontSize, listTokens.listItemFontStyle, listTokens.listItemFontWeight, listTokens.listItemLetterSpacing, listTokens.listItemLineHeight),
-      s: /*#__PURE__*/css(["", ":0.689rem;", ":0.75rem;", ":0.75rem;", ":0.689rem;", ":0.625rem;", ":0rem;", ":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);"], listTokens.listItemPaddingTop, listTokens.listItemPaddingLeft, listTokens.listItemPaddingRight, listTokens.listItemPaddingBottom, listTokens.listItemBorderRadius, listTokens.listItemBorderWidth, listTokens.listItemGap, listTokens.listItemFontFamily, listTokens.listItemFontSize, listTokens.listItemFontStyle, listTokens.listItemFontWeight, listTokens.listItemLetterSpacing, listTokens.listItemLineHeight),
-      m: /*#__PURE__*/css(["", ":0.75rem;", ":0.875rem;", ":0.875rem;", ":0.75rem;", ":0.75rem;", ":0rem;", ":0.5rem;", ":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);"], listTokens.listItemPaddingTop, listTokens.listItemPaddingLeft, listTokens.listItemPaddingRight, listTokens.listItemPaddingBottom, listTokens.listItemBorderRadius, listTokens.listItemBorderWidth, listTokens.listItemGap, listTokens.listItemFontFamily, listTokens.listItemFontSize, listTokens.listItemFontStyle, listTokens.listItemFontWeight, listTokens.listItemLetterSpacing, listTokens.listItemLineHeight),
-      l: /*#__PURE__*/css(["", ":1rem;", ":1rem;", ":1rem;", ":1rem;", ":0.875rem;", ":0rem;", ":0.5rem;", ":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);"], listTokens.listItemPaddingTop, listTokens.listItemPaddingLeft, listTokens.listItemPaddingRight, listTokens.listItemPaddingBottom, listTokens.listItemBorderRadius, listTokens.listItemBorderWidth, listTokens.listItemGap, listTokens.listItemFontFamily, listTokens.listItemFontSize, listTokens.listItemFontStyle, listTokens.listItemFontWeight, listTokens.listItemLetterSpacing, listTokens.listItemLineHeight),
-      xl: /*#__PURE__*/css(["", ":1.3125rem;", ":1.125rem;", ":1.125rem;", ":1.3125rem;", ":1rem;", ":0rem;", ":0.5rem;", ":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);"], listTokens.listItemPaddingTop, listTokens.listItemPaddingLeft, listTokens.listItemPaddingRight, listTokens.listItemPaddingBottom, listTokens.listItemBorderRadius, listTokens.listItemBorderWidth, listTokens.listItemGap, listTokens.listItemFontFamily, listTokens.listItemFontSize, listTokens.listItemFontStyle, listTokens.listItemFontWeight, listTokens.listItemLetterSpacing, listTokens.listItemLineHeight)
-    },
-    variant: {
-      normal: /*#__PURE__*/css(["", ":0.4;", ":0rem;"], listTokens.listDisabledOpacity, listTokens.listItemVariantDifference),
-      tight: /*#__PURE__*/css(["", ":0.25rem;", ":0.4;"], listTokens.listItemVariantDifference, listTokens.listDisabledOpacity)
-    },
-    disabled: {
-      "true": /*#__PURE__*/css(["", ":red;"], listTokens.listItemBackground)
-    }
-  }
-};

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

@@ -1,6 +0,0 @@
-import { listConfig, ListItem as ListItemComponent } from "../../../../components/List";
-import { component, mergeConfig } from "../../../../engines";
-import { config } from "./List.config";
-var mergedConfig = /*#__PURE__*/mergeConfig(listConfig, config);
-export var List = /*#__PURE__*/component(mergedConfig);
-export var ListItem = ListItemComponent;

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

@@ -1,60 +0,0 @@
-import React from 'react';
-import type { Meta } from '@storybook/react';
-import styled from 'styled-components';
-
-import { IconChevronLeft } from '../../../../components/_Icon';
-import { WithTheme } from '../../../_helpers';
-
-import { List, ListItem } from './List';
-
-const ChevronRight = styled(IconChevronLeft)`
-    transform: rotate(180deg);
-`;
-
-const meta: Meta<typeof List> = {
-    title: 'web/Data Display/List',
-    component: List,
-    decorators: [WithTheme],
-    argTypes: {
-        size: {
-            options: ['xl', 'l', 'm', 's', 'xs'],
-            control: {
-                type: 'select',
-            },
-        },
-        view: {
-            options: ['default'],
-            control: {
-                type: 'select',
-            },
-        },
-        variant: {
-            options: ['normal', 'tight'],
-            control: {
-                type: 'select',
-            },
-        },
-    },
-};
-
-export default meta;
-
-export const Default: Story = {
-    args: {
-        view: 'default',
-        size: 'm',
-        variant: 'normal',
-    },
-    render: ({ view, size, ...rest }: StoryProps) => {
-        return (
-            <List view={view} size={size} {...rest}>
-                <ListItem contentRight={<ChevronRight color="inherit" size="xs" />}>Test Item 1</ListItem>
-                <ListItem contentRight={<ChevronRight color="inherit" size="xs" />}>Test Item 2</ListItem>
-                <ListItem contentRight={<ChevronRight color="inherit" size="xs" />} disabled>
-                    Test Item 3
-                </ListItem>
-                <ListItem contentRight={<ChevronRight color="inherit" size="xs" />}>Test Item 4</ListItem>
-            </List>
-        );
-    },
-};

package/types/components/List/List.d.ts

@@ -1,43 +0,0 @@
-import React from 'react';
-import { RootProps } from '../../engines';
-import type { ListProps } from './List.types';
-export declare const listRoot: (Root: RootProps<HTMLDivElement, ListProps>) => React.ForwardRefExoticComponent<{
-    view?: string | undefined;
-    size?: string | undefined;
-    variant?: string | undefined;
-    disabled?: string | undefined;
-    children?: React.ReactNode;
-    className?: string | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export declare const listConfig: {
-    name: string;
-    tag: string;
-    layout: (Root: RootProps<HTMLDivElement, ListProps>) => React.ForwardRefExoticComponent<{
-        view?: string | undefined;
-        size?: string | undefined;
-        variant?: string | undefined;
-        disabled?: string | undefined;
-        children?: React.ReactNode;
-        className?: string | undefined;
-    } & React.RefAttributes<HTMLDivElement>>;
-    base: import("@linaria/core").LinariaClassName;
-    variations: {
-        view: {
-            css: import("@linaria/core").LinariaClassName;
-        };
-        size: {
-            css: import("@linaria/core").LinariaClassName;
-        };
-        variant: {
-            css: import("@linaria/core").LinariaClassName;
-        };
-        disabled: {
-            css: import("@linaria/core").LinariaClassName;
-        };
-    };
-    defaults: {
-        view: string;
-        size: string;
-    };
-};
-//# sourceMappingURL=List.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.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,cAAc,EAAE,SAAS,CAAC;;;;;;;wCAc7D,CAAC;AAEP,eAAO,MAAM,UAAU;;;mBAhBQ,UAAU,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuClE,CAAC"}

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

@@ -1,2 +0,0 @@
-export declare const base: import("@linaria/core").LinariaClassName;
-//# sourceMappingURL=List.styles.d.ts.map

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

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