@salutejs/plasma-new-hope 0.88.0-canary.1225.9415530810.0 → 0.88.0-canary.1233.9420319803.0

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

@@ -1,341 +0,0 @@
-import React, { useState } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import type { ComponentProps } from 'react';
-import { Body1 } from '@salutejs/plasma-core';
-import styled from 'styled-components';
-
-import { Button } from '../Button/Button';
-import { WithTheme } from '../../../_helpers';
-
-import { Sheet } from './Sheet';
-
-const meta: Meta<typeof Sheet> = {
-    title: 'plasma_b2c/Sheet',
-    decorators: [WithTheme],
-    args: {
-        withBlur: false,
-        withOverlay: true,
-        withTransition: true,
-        hasHandle: true,
-        isHeaderFixed: false,
-        isFooterFixed: false,
-    },
-};
-
-export default meta;
-
-type StorySheetProps = ComponentProps<typeof Sheet> & {
-    hasHeader: boolean;
-    hasFooter: boolean;
-};
-
-const StyledBody = styled(Body1)`
-    padding-bottom: 300px;
-`;
-
-const StoryDefault = ({
-    withOverlay,
-    withTransition,
-    hasFooter,
-    isFooterFixed,
-    hasHeader,
-    isHeaderFixed,
-    hasHandle,
-    withBlur,
-}: StorySheetProps) => {
-    const [isOpen, setIsOpen] = useState(false);
-
-    return (
-        <>
-            <Button onClick={() => setIsOpen(true)}>Открыть</Button>
-            <Sheet
-                isOpen={isOpen}
-                withOverlay={withOverlay}
-                withTransition={withTransition}
-                onClose={() => setIsOpen(false)}
-                hasHandle={hasHandle}
-                withBlur={withBlur}
-                contentHeader={
-                    hasHeader ? (
-                        <div>
-                            <h4>header</h4>
-                        </div>
-                    ) : undefined
-                }
-                isHeaderFixed={isHeaderFixed}
-                contentFooter={
-                    hasFooter ? (
-                        <div>
-                            <p>footer</p>
-                        </div>
-                    ) : undefined
-                }
-                isFooterFixed={isFooterFixed}
-            >
-                <StyledBody>body</StyledBody>
-            </Sheet>
-        </>
-    );
-};
-
-export const Default: StoryObj<StorySheetProps> = {
-    args: {
-        hasHeader: true,
-        hasFooter: true,
-    },
-    render: (args) => <StoryDefault {...args} />,
-};
-
-const StoryWithoutOverlay = () => {
-    const [isOpen, setIsOpen] = useState(false);
-
-    return (
-        <>
-            <Button onClick={() => setIsOpen(true)}>Открыть</Button>
-            <Sheet isOpen={isOpen} withOverlay={false} onClose={() => setIsOpen(false)}>
-                <StyledBody>
-                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
-                    consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel illum ea
-                    fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos nostrum
-                    placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt ullam,
-                    dolorem labore quaerat vero maxime ab ipsa nihil.
-                </StyledBody>
-            </Sheet>
-        </>
-    );
-};
-
-export const WithoutOverlay: StoryObj = {
-    render: () => <StoryWithoutOverlay />,
-};
-
-const StoryWithScroll = ({
-    withOverlay,
-    withTransition,
-    hasFooter,
-    isFooterFixed,
-    hasHeader,
-    isHeaderFixed,
-    hasHandle,
-    withBlur,
-}: StorySheetProps) => {
-    const [isOpen, setIsOpen] = useState(false);
-
-    return (
-        <>
-            <Button onClick={() => setIsOpen(true)}>Открыть</Button>
-            <Sheet
-                isOpen={isOpen}
-                withOverlay={withOverlay}
-                withTransition={withTransition}
-                onClose={() => setIsOpen(false)}
-                hasHandle={hasHandle}
-                withBlur={withBlur}
-                contentHeader={
-                    hasHeader ? (
-                        <div>
-                            <h4>header</h4>
-                        </div>
-                    ) : undefined
-                }
-                isHeaderFixed={isHeaderFixed}
-                contentFooter={
-                    hasFooter ? (
-                        <div>
-                            <p>footer</p>
-                        </div>
-                    ) : undefined
-                }
-                isFooterFixed={isFooterFixed}
-            >
-                <Body1>
-                    <Button onClick={() => setIsOpen(false)}>Закрыть</Button>
-                    <p>
-                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
-                        consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel
-                        illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos
-                        nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt
-                        ullam, dolorem labore quaerat vero maxime ab ipsa nihil.
-                    </p>
-                    <Button onClick={() => setIsOpen(false)}>Закрыть</Button>
-                    <p>
-                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
-                        consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel
-                        illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos
-                        nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt
-                        ullam, dolorem labore quaerat vero maxime ab ipsa nihil.
-                    </p>
-                </Body1>
-            </Sheet>
-        </>
-    );
-};
-
-export const WithScroll: StoryObj<StorySheetProps> = {
-    args: {
-        hasHeader: true,
-        hasFooter: true,
-    },
-    render: (args) => <StoryWithScroll {...args} />,
-};
-
-const StoryWithInsideScroll = ({
-    withOverlay,
-    withTransition,
-    hasFooter,
-    isFooterFixed,
-    hasHeader,
-    isHeaderFixed,
-    hasHandle,
-    withBlur,
-}: StorySheetProps) => {
-    const [isOpen, setIsOpen] = useState(false);
-
-    return (
-        <>
-            <Button onClick={() => setIsOpen(true)}>Открыть</Button>
-            <Sheet
-                isOpen={isOpen}
-                withOverlay={withOverlay}
-                withTransition={withTransition}
-                onClose={() => setIsOpen(false)}
-                hasHandle={hasHandle}
-                withBlur={withBlur}
-                contentHeader={
-                    hasHeader ? (
-                        <div>
-                            <h4>header</h4>
-                        </div>
-                    ) : undefined
-                }
-                isHeaderFixed={isHeaderFixed}
-                contentFooter={
-                    hasFooter ? (
-                        <div>
-                            <p>footer</p>
-                        </div>
-                    ) : undefined
-                }
-                isFooterFixed={isFooterFixed}
-            >
-                <p>Вложенные кнопки</p>
-                <div
-                    style={{
-                        height: '150px',
-                        overflow: 'scroll',
-                        display: 'flex',
-                        flexDirection: 'column',
-                        gap: '1rem',
-                    }}
-                >
-                    <Button>Кнопка 1</Button>
-                    <Button>Кнопка 2</Button>
-                    <Button>Кнопка 3</Button>
-                    <Button>Кнопка 4</Button>
-                    <Button>Кнопка 5</Button>
-                    <Button>Кнопка 6</Button>
-                    <Button>Кнопка 7</Button>
-                    <Button>Кнопка 8</Button>
-                </div>
-                <Body1>Lorem ipsum dolor sit amet consectetur adipisicing elit.</Body1>
-            </Sheet>
-        </>
-    );
-};
-
-export const WithInsideScroll: StoryObj<StorySheetProps> = {
-    args: {
-        hasHeader: true,
-        hasFooter: true,
-    },
-    render: (args) => <StoryWithInsideScroll {...args} />,
-};
-
-const StoryWithDoubleScroll = ({
-    withOverlay,
-    withTransition,
-    hasFooter,
-    isFooterFixed,
-    hasHeader,
-    isHeaderFixed,
-    hasHandle,
-    withBlur,
-}: StorySheetProps) => {
-    const [isOpen, setIsOpen] = useState(false);
-
-    return (
-        <>
-            <Button onClick={() => setIsOpen(true)}>Открыть</Button>
-            <Sheet
-                isOpen={isOpen}
-                withOverlay={withOverlay}
-                withTransition={withTransition}
-                onClose={() => setIsOpen(false)}
-                hasHandle={hasHandle}
-                withBlur={withBlur}
-                contentHeader={
-                    hasHeader ? (
-                        <div>
-                            <h4>header</h4>
-                        </div>
-                    ) : undefined
-                }
-                isHeaderFixed={isHeaderFixed}
-                contentFooter={
-                    hasFooter ? (
-                        <div>
-                            <p>footer</p>
-                        </div>
-                    ) : undefined
-                }
-                isFooterFixed={isFooterFixed}
-            >
-                <Body1>
-                    <Button onClick={() => setIsOpen(false)}>Закрыть</Button>
-                    <p>Вложенные кнопки</p>
-                    <div
-                        style={{
-                            height: '150px',
-                            overflow: 'scroll',
-                            display: 'flex',
-                            flexDirection: 'column',
-                            gap: '1rem',
-                        }}
-                    >
-                        <Button>Кнопка 1</Button>
-                        <Button>Кнопка 2</Button>
-                        <Button>Кнопка 3</Button>
-                        <Button>Кнопка 4</Button>
-                        <Button>Кнопка 5</Button>
-                        <Button>Кнопка 6</Button>
-                        <Button>Кнопка 7</Button>
-                        <Button>Кнопка 8</Button>
-                    </div>
-                    <p>
-                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
-                        consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel
-                        illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos
-                        nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt
-                        ullam, dolorem labore quaerat vero maxime ab ipsa nihil.
-                    </p>
-                    <Button onClick={() => setIsOpen(false)}>Закрыть</Button>
-                    <p>
-                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
-                        consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel
-                        illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos
-                        nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt
-                        ullam, dolorem labore quaerat vero maxime ab ipsa nihil.
-                    </p>
-                </Body1>
-            </Sheet>
-        </>
-    );
-};
-
-export const WithDoubleScroll: StoryObj<StorySheetProps> = {
-    args: {
-        hasHeader: true,
-        hasFooter: true,
-    },
-    render: (args) => <StoryWithDoubleScroll {...args} />,
-};

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

@@ -1,24 +0,0 @@
-import { css } from 'styled-components';
-import { selectTokens } from '../../../../components/Select';
-export var config = {
-  defaults: {
-    target: 'button-like',
-    view: 'default',
-    size: 'm'
-  },
-  variations: {
-    target: {
-      'textField-like': /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary-hover);", ":var(--text-tertiary-active);", ":var(--text-accent);"], selectTokens.targetColor, selectTokens.targetLabelColor, selectTokens.targetArrowColor, selectTokens.targetBorderColor, selectTokens.targetBorderColorHover, selectTokens.targetBorderColorActive, selectTokens.targetBorderColorOpen),
-      'button-like': /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary-hover);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":600 !important;"], selectTokens.targetColor, selectTokens.targetLabelColor, selectTokens.targetArrowColor, selectTokens.targetBackgroundColor, selectTokens.targetBackgroundColorHover, selectTokens.targetBackgroundColorActive, selectTokens.targetBackgroundColorOpen, selectTokens.targetFontWeight)
-    },
-    size: {
-      xs: /*#__PURE__*/css(["", ":100%;", ":auto;", ":0.5rem;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":var(--surface-transparent-tertiary);", ":0.063rem;", ":0;", ":0.5rem;", ":0;", ":0.375rem;", ":auto;", ":1rem;", ":0.5rem;", ":0.5rem;", ":0.5rem;", ":0.375rem;", ":0.375rem;", ":1.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);", ":0.25rem;", ":0.125rem;", ":auto;", ":1.25rem;", ":0.375rem;", ":0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":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);", ":0.5rem;", ":2rem;", ":100%;", ":0.5rem;", ":0 2.5rem 0 0.75rem;", ":0 2.625rem 0 0.375rem;", ":0 2.625rem 0 0.625rem;", ":0.5rem;", ":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);"], selectTokens.width, selectTokens.height, selectTokens.borderRadius, selectTokens.paddingTop, selectTokens.paddingRight, selectTokens.paddingBottom, selectTokens.paddingLeft, selectTokens.dividerColor, selectTokens.dividerHeight, selectTokens.dividerMarginTop, selectTokens.dividerMarginRight, selectTokens.dividerMarginBottom, selectTokens.dividerMarginLeft, selectTokens.itemWidth, selectTokens.itemHeight, selectTokens.itemPaddingTop, selectTokens.itemPaddingRight, selectTokens.itemPaddingBottom, selectTokens.itemPaddingLeft, selectTokens.itemBorderRadius, selectTokens.itemContentLeftWidth, selectTokens.itemFontFamily, selectTokens.itemFontSize, selectTokens.itemFontStyle, selectTokens.itemFontWeightBold, selectTokens.itemFontLetterSpacing, selectTokens.itemFontLineHeight, selectTokens.chipGap, selectTokens.chipBorderRadius, selectTokens.chipWidth, selectTokens.chipHeight, selectTokens.chipPaddingRight, selectTokens.chipPaddingLeft, selectTokens.chipClearContentMarginLeft, selectTokens.chipClearContentMarginRight, selectTokens.chipCloseIconSize, selectTokens.chipFontFamily, selectTokens.chipFontSize, selectTokens.chipFontStyle, selectTokens.chipFontWeight, selectTokens.chipLetterSpacing, selectTokens.chipLineHeight, selectTokens.targetArrowRight, selectTokens.targetHeight, selectTokens.targetWidth, selectTokens.targetRadius, selectTokens.targetPadding, selectTokens.targetPaddingHasChips, selectTokens.targetPaddingWithInput, selectTokens.targetInnerTop, selectTokens.targetLabelInnerTop, selectTokens.targetFontFamily, selectTokens.targetFontSize, selectTokens.targetFontStyle, selectTokens.targetFontWeight, selectTokens.targetLetterSpacing, selectTokens.targetLineHeight, selectTokens.targetLabelInnerFontFamily, selectTokens.targetLabelInnerFontSize, selectTokens.targetLabelInnerFontStyle, selectTokens.targetLabelInnerFontWeight, selectTokens.targetLabelInnerLetterSpacing, selectTokens.targetLabelInnerLineHeight),
-      s: /*#__PURE__*/css(["", ":100%;", ":auto;", ":0.625rem;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":var(--surface-transparent-tertiary);", ":0.063rem;", ":0;", ":0.75rem;", ":0;", ":0.75rem;", ":auto;", ":1.5rem;", ":0.5rem;", ":0.75rem;", ":0.5rem;", ":0.75rem;", ":0.5rem;", ":1.75rem;", ":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);", ":0.25rem;", ":0.25rem;", ":auto;", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":0.375rem;", ":0rem;", ":0.75rem;", ":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);", ":0.75rem;", ":2.5rem;", ":100%;", ":0.625rem;", ":0 3rem 0 1rem;", ":0 3.125rem 0 0.375rem;", ":0 3.125rem 0 0.625rem;", ":0.5rem;", ":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-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);"], selectTokens.width, selectTokens.height, selectTokens.borderRadius, selectTokens.paddingTop, selectTokens.paddingRight, selectTokens.paddingBottom, selectTokens.paddingLeft, selectTokens.dividerColor, selectTokens.dividerHeight, selectTokens.dividerMarginTop, selectTokens.dividerMarginRight, selectTokens.dividerMarginBottom, selectTokens.dividerMarginLeft, selectTokens.itemWidth, selectTokens.itemHeight, selectTokens.itemPaddingTop, selectTokens.itemPaddingRight, selectTokens.itemPaddingBottom, selectTokens.itemPaddingLeft, selectTokens.itemBorderRadius, selectTokens.itemContentLeftWidth, selectTokens.itemFontFamily, selectTokens.itemFontSize, selectTokens.itemFontStyle, selectTokens.itemFontWeightBold, selectTokens.itemFontLetterSpacing, selectTokens.itemFontLineHeight, selectTokens.chipGap, selectTokens.chipBorderRadius, selectTokens.chipWidth, selectTokens.chipHeight, selectTokens.chipPaddingRight, selectTokens.chipPaddingLeft, selectTokens.chipClearContentMarginLeft, selectTokens.chipClearContentMarginRight, selectTokens.chipCloseIconSize, selectTokens.chipFontFamily, selectTokens.chipFontSize, selectTokens.chipFontStyle, selectTokens.chipFontWeight, selectTokens.chipLetterSpacing, selectTokens.chipLineHeight, selectTokens.targetArrowRight, selectTokens.targetHeight, selectTokens.targetWidth, selectTokens.targetRadius, selectTokens.targetPadding, selectTokens.targetPaddingHasChips, selectTokens.targetPaddingWithInput, selectTokens.targetInnerTop, selectTokens.targetLabelInnerTop, selectTokens.targetFontFamily, selectTokens.targetFontSize, selectTokens.targetFontStyle, selectTokens.targetFontWeight, selectTokens.targetLetterSpacing, selectTokens.targetLineHeight, selectTokens.targetLabelInnerFontFamily, selectTokens.targetLabelInnerFontSize, selectTokens.targetLabelInnerFontStyle, selectTokens.targetLabelInnerFontWeight, selectTokens.targetLabelInnerLetterSpacing, selectTokens.targetLabelInnerLineHeight),
-      m: /*#__PURE__*/css(["", ":100%;", ":auto;", ":0.75rem;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":var(--surface-transparent-tertiary);", ":0.063rem;", ":0;", ":0.875rem;", ":0;", ":0.875rem;", ":auto;", ":1.5rem;", ":0.75rem;", ":0.875rem;", ":0.75rem;", ":0.875rem;", ":0.625rem;", ":1.75rem;", ":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);", ":0.25rem;", ":0.375rem;", ":auto;", ":2.25rem;", ":0.875rem;", ":0.625rem;", ":0.5rem;", ":0rem;", ":1rem;", ":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);", ":0.875rem;", ":3rem;", ":100%;", ":0.75rem;", ":0 3.25rem 0 1.25rem;", ":0 3.375rem 0 0.375rem;", ":0 3.375rem 0 0.625rem;", ":0.5rem;", ":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-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);"], selectTokens.width, selectTokens.height, selectTokens.borderRadius, selectTokens.paddingTop, selectTokens.paddingRight, selectTokens.paddingBottom, selectTokens.paddingLeft, selectTokens.dividerColor, selectTokens.dividerHeight, selectTokens.dividerMarginTop, selectTokens.dividerMarginRight, selectTokens.dividerMarginBottom, selectTokens.dividerMarginLeft, selectTokens.itemWidth, selectTokens.itemHeight, selectTokens.itemPaddingTop, selectTokens.itemPaddingRight, selectTokens.itemPaddingBottom, selectTokens.itemPaddingLeft, selectTokens.itemBorderRadius, selectTokens.itemContentLeftWidth, selectTokens.itemFontFamily, selectTokens.itemFontSize, selectTokens.itemFontStyle, selectTokens.itemFontWeightBold, selectTokens.itemFontLetterSpacing, selectTokens.itemFontLineHeight, selectTokens.chipGap, selectTokens.chipBorderRadius, selectTokens.chipWidth, selectTokens.chipHeight, selectTokens.chipPaddingRight, selectTokens.chipPaddingLeft, selectTokens.chipClearContentMarginLeft, selectTokens.chipClearContentMarginRight, selectTokens.chipCloseIconSize, selectTokens.chipFontFamily, selectTokens.chipFontSize, selectTokens.chipFontStyle, selectTokens.chipFontWeight, selectTokens.chipLetterSpacing, selectTokens.chipLineHeight, selectTokens.targetArrowRight, selectTokens.targetHeight, selectTokens.targetWidth, selectTokens.targetRadius, selectTokens.targetPadding, selectTokens.targetPaddingHasChips, selectTokens.targetPaddingWithInput, selectTokens.targetInnerTop, selectTokens.targetLabelInnerTop, selectTokens.targetFontFamily, selectTokens.targetFontSize, selectTokens.targetFontStyle, selectTokens.targetFontWeight, selectTokens.targetLetterSpacing, selectTokens.targetLineHeight, selectTokens.targetLabelInnerFontFamily, selectTokens.targetLabelInnerFontSize, selectTokens.targetLabelInnerFontStyle, selectTokens.targetLabelInnerFontWeight, selectTokens.targetLabelInnerLetterSpacing, selectTokens.targetLabelInnerLineHeight),
-      l: /*#__PURE__*/css(["", ":100%;", ":auto;", ":0.875rem;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":var(--surface-transparent-tertiary);", ":0.063rem;", ":0;", ":1rem;", ":0;", ":1rem;", ":auto;", ":1.5rem;", ":1rem;", ":1rem;", ":1rem;", ":1rem;", ":0.75rem;", ":1.875rem;", ":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);", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1rem;", ":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);", ":1rem;", ":3.5rem;", ":100%;", ":0.875rem;", ":0 3.5rem 0 1.5rem;", ":0 3.625rem 0 0.375rem;", ":0 3.625rem 0 0.625rem;", ":0.5rem;", ":0.375rem;", ":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-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);"], selectTokens.width, selectTokens.height, selectTokens.borderRadius, selectTokens.paddingTop, selectTokens.paddingRight, selectTokens.paddingBottom, selectTokens.paddingLeft, selectTokens.dividerColor, selectTokens.dividerHeight, selectTokens.dividerMarginTop, selectTokens.dividerMarginRight, selectTokens.dividerMarginBottom, selectTokens.dividerMarginLeft, selectTokens.itemWidth, selectTokens.itemHeight, selectTokens.itemPaddingTop, selectTokens.itemPaddingRight, selectTokens.itemPaddingBottom, selectTokens.itemPaddingLeft, selectTokens.itemBorderRadius, selectTokens.itemContentLeftWidth, selectTokens.itemFontFamily, selectTokens.itemFontSize, selectTokens.itemFontStyle, selectTokens.itemFontWeightBold, selectTokens.itemFontLetterSpacing, selectTokens.itemFontLineHeight, selectTokens.chipGap, selectTokens.chipBorderRadius, selectTokens.chipWidth, selectTokens.chipHeight, selectTokens.chipPaddingRight, selectTokens.chipPaddingLeft, selectTokens.chipClearContentMarginLeft, selectTokens.chipClearContentMarginRight, selectTokens.chipCloseIconSize, selectTokens.chipFontFamily, selectTokens.chipFontSize, selectTokens.chipFontStyle, selectTokens.chipFontWeight, selectTokens.chipLetterSpacing, selectTokens.chipLineHeight, selectTokens.targetArrowRight, selectTokens.targetHeight, selectTokens.targetWidth, selectTokens.targetRadius, selectTokens.targetPadding, selectTokens.targetPaddingHasChips, selectTokens.targetPaddingWithInput, selectTokens.targetInnerTop, selectTokens.targetLabelInnerTop, selectTokens.targetFontFamily, selectTokens.targetFontSize, selectTokens.targetFontStyle, selectTokens.targetFontWeight, selectTokens.targetLetterSpacing, selectTokens.targetLineHeight, selectTokens.targetLabelInnerFontFamily, selectTokens.targetLabelInnerFontSize, selectTokens.targetLabelInnerFontStyle, selectTokens.targetLabelInnerFontWeight, selectTokens.targetLabelInnerLetterSpacing, selectTokens.targetLabelInnerLineHeight)
-    },
-    view: {
-      "default": /*#__PURE__*/css(["", ":var(--surface-solid-card);", ":var(--shadow-down-soft-s);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":0.4;", ":var(--surface-accent);"], selectTokens.background, selectTokens.boxShadow, selectTokens.itemBackground, selectTokens.itemBackgroundHover, selectTokens.itemBackgroundSelectedHover, selectTokens.itemColor, selectTokens.itemContentLeftColor, selectTokens.chipCloseIconColor, selectTokens.chipColor, selectTokens.chipBackground, selectTokens.chipColorHover, selectTokens.chipBackgroundHover, selectTokens.chipColorActive, selectTokens.chipBackgroundActive, selectTokens.chipBackgroundReadOnly, selectTokens.chipColorReadOnly, selectTokens.chipBackgroundReadOnlyHover, selectTokens.chipColorReadOnlyHover, selectTokens.chipOpacityReadonly, selectTokens.disabledOpacity, selectTokens.focusColor)
-    }
-  }
-};

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

@@ -1,15 +0,0 @@
-import { selectConfig, selectItemConfig, selectDividerConfig, selectFooterConfig, selectGroupConfig, selectHeaderConfig } from '../../../../components/Select';
-import { component, mergeConfig } from '../../../../engines';
-import { config } from './Select.config';
-var mergedConfig = /*#__PURE__*/mergeConfig(selectConfig, config);
-export var Select = /*#__PURE__*/component(mergedConfig);
-var mergedItemConfig = /*#__PURE__*/mergeConfig(selectItemConfig);
-export var SelectItem = /*#__PURE__*/component(mergedItemConfig);
-var mergedDividerConfig = /*#__PURE__*/mergeConfig(selectDividerConfig);
-export var SelectDivider = /*#__PURE__*/component(mergedDividerConfig);
-var mergedFooterConfig = /*#__PURE__*/mergeConfig(selectFooterConfig);
-export var SelectFooter = /*#__PURE__*/component(mergedFooterConfig);
-var mergedGroupConfig = /*#__PURE__*/mergeConfig(selectGroupConfig);
-export var SelectGroup = /*#__PURE__*/component(mergedGroupConfig);
-var mergedHeaderConfig = /*#__PURE__*/mergeConfig(selectHeaderConfig);
-export var SelectHeader = /*#__PURE__*/component(mergedHeaderConfig);