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

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

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Select = /*#__PURE__*/require("../../../../components/Select");
-var config = exports.config = {
-  defaults: {
-    target: 'button-like',
-    view: 'default',
-    size: 'm'
-  },
-  variations: {
-    target: {
-      'textField-like': /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary-hover);", ":var(--text-tertiary-active);", ":var(--text-accent);"], _Select.selectTokens.targetColor, _Select.selectTokens.targetLabelColor, _Select.selectTokens.targetArrowColor, _Select.selectTokens.targetBorderColor, _Select.selectTokens.targetBorderColorHover, _Select.selectTokens.targetBorderColorActive, _Select.selectTokens.targetBorderColorOpen),
-      'button-like': /*#__PURE__*/(0, _styledComponents.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;"], _Select.selectTokens.targetColor, _Select.selectTokens.targetLabelColor, _Select.selectTokens.targetArrowColor, _Select.selectTokens.targetBackgroundColor, _Select.selectTokens.targetBackgroundColorHover, _Select.selectTokens.targetBackgroundColorActive, _Select.selectTokens.targetBackgroundColorOpen, _Select.selectTokens.targetFontWeight)
-    },
-    size: {
-      xs: /*#__PURE__*/(0, _styledComponents.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);"], _Select.selectTokens.width, _Select.selectTokens.height, _Select.selectTokens.borderRadius, _Select.selectTokens.paddingTop, _Select.selectTokens.paddingRight, _Select.selectTokens.paddingBottom, _Select.selectTokens.paddingLeft, _Select.selectTokens.dividerColor, _Select.selectTokens.dividerHeight, _Select.selectTokens.dividerMarginTop, _Select.selectTokens.dividerMarginRight, _Select.selectTokens.dividerMarginBottom, _Select.selectTokens.dividerMarginLeft, _Select.selectTokens.itemWidth, _Select.selectTokens.itemHeight, _Select.selectTokens.itemPaddingTop, _Select.selectTokens.itemPaddingRight, _Select.selectTokens.itemPaddingBottom, _Select.selectTokens.itemPaddingLeft, _Select.selectTokens.itemBorderRadius, _Select.selectTokens.itemContentLeftWidth, _Select.selectTokens.itemFontFamily, _Select.selectTokens.itemFontSize, _Select.selectTokens.itemFontStyle, _Select.selectTokens.itemFontWeightBold, _Select.selectTokens.itemFontLetterSpacing, _Select.selectTokens.itemFontLineHeight, _Select.selectTokens.chipGap, _Select.selectTokens.chipBorderRadius, _Select.selectTokens.chipWidth, _Select.selectTokens.chipHeight, _Select.selectTokens.chipPaddingRight, _Select.selectTokens.chipPaddingLeft, _Select.selectTokens.chipClearContentMarginLeft, _Select.selectTokens.chipClearContentMarginRight, _Select.selectTokens.chipCloseIconSize, _Select.selectTokens.chipFontFamily, _Select.selectTokens.chipFontSize, _Select.selectTokens.chipFontStyle, _Select.selectTokens.chipFontWeight, _Select.selectTokens.chipLetterSpacing, _Select.selectTokens.chipLineHeight, _Select.selectTokens.targetArrowRight, _Select.selectTokens.targetHeight, _Select.selectTokens.targetWidth, _Select.selectTokens.targetRadius, _Select.selectTokens.targetPadding, _Select.selectTokens.targetPaddingHasChips, _Select.selectTokens.targetPaddingWithInput, _Select.selectTokens.targetInnerTop, _Select.selectTokens.targetLabelInnerTop, _Select.selectTokens.targetFontFamily, _Select.selectTokens.targetFontSize, _Select.selectTokens.targetFontStyle, _Select.selectTokens.targetFontWeight, _Select.selectTokens.targetLetterSpacing, _Select.selectTokens.targetLineHeight, _Select.selectTokens.targetLabelInnerFontFamily, _Select.selectTokens.targetLabelInnerFontSize, _Select.selectTokens.targetLabelInnerFontStyle, _Select.selectTokens.targetLabelInnerFontWeight, _Select.selectTokens.targetLabelInnerLetterSpacing, _Select.selectTokens.targetLabelInnerLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.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);"], _Select.selectTokens.width, _Select.selectTokens.height, _Select.selectTokens.borderRadius, _Select.selectTokens.paddingTop, _Select.selectTokens.paddingRight, _Select.selectTokens.paddingBottom, _Select.selectTokens.paddingLeft, _Select.selectTokens.dividerColor, _Select.selectTokens.dividerHeight, _Select.selectTokens.dividerMarginTop, _Select.selectTokens.dividerMarginRight, _Select.selectTokens.dividerMarginBottom, _Select.selectTokens.dividerMarginLeft, _Select.selectTokens.itemWidth, _Select.selectTokens.itemHeight, _Select.selectTokens.itemPaddingTop, _Select.selectTokens.itemPaddingRight, _Select.selectTokens.itemPaddingBottom, _Select.selectTokens.itemPaddingLeft, _Select.selectTokens.itemBorderRadius, _Select.selectTokens.itemContentLeftWidth, _Select.selectTokens.itemFontFamily, _Select.selectTokens.itemFontSize, _Select.selectTokens.itemFontStyle, _Select.selectTokens.itemFontWeightBold, _Select.selectTokens.itemFontLetterSpacing, _Select.selectTokens.itemFontLineHeight, _Select.selectTokens.chipGap, _Select.selectTokens.chipBorderRadius, _Select.selectTokens.chipWidth, _Select.selectTokens.chipHeight, _Select.selectTokens.chipPaddingRight, _Select.selectTokens.chipPaddingLeft, _Select.selectTokens.chipClearContentMarginLeft, _Select.selectTokens.chipClearContentMarginRight, _Select.selectTokens.chipCloseIconSize, _Select.selectTokens.chipFontFamily, _Select.selectTokens.chipFontSize, _Select.selectTokens.chipFontStyle, _Select.selectTokens.chipFontWeight, _Select.selectTokens.chipLetterSpacing, _Select.selectTokens.chipLineHeight, _Select.selectTokens.targetArrowRight, _Select.selectTokens.targetHeight, _Select.selectTokens.targetWidth, _Select.selectTokens.targetRadius, _Select.selectTokens.targetPadding, _Select.selectTokens.targetPaddingHasChips, _Select.selectTokens.targetPaddingWithInput, _Select.selectTokens.targetInnerTop, _Select.selectTokens.targetLabelInnerTop, _Select.selectTokens.targetFontFamily, _Select.selectTokens.targetFontSize, _Select.selectTokens.targetFontStyle, _Select.selectTokens.targetFontWeight, _Select.selectTokens.targetLetterSpacing, _Select.selectTokens.targetLineHeight, _Select.selectTokens.targetLabelInnerFontFamily, _Select.selectTokens.targetLabelInnerFontSize, _Select.selectTokens.targetLabelInnerFontStyle, _Select.selectTokens.targetLabelInnerFontWeight, _Select.selectTokens.targetLabelInnerLetterSpacing, _Select.selectTokens.targetLabelInnerLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.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);"], _Select.selectTokens.width, _Select.selectTokens.height, _Select.selectTokens.borderRadius, _Select.selectTokens.paddingTop, _Select.selectTokens.paddingRight, _Select.selectTokens.paddingBottom, _Select.selectTokens.paddingLeft, _Select.selectTokens.dividerColor, _Select.selectTokens.dividerHeight, _Select.selectTokens.dividerMarginTop, _Select.selectTokens.dividerMarginRight, _Select.selectTokens.dividerMarginBottom, _Select.selectTokens.dividerMarginLeft, _Select.selectTokens.itemWidth, _Select.selectTokens.itemHeight, _Select.selectTokens.itemPaddingTop, _Select.selectTokens.itemPaddingRight, _Select.selectTokens.itemPaddingBottom, _Select.selectTokens.itemPaddingLeft, _Select.selectTokens.itemBorderRadius, _Select.selectTokens.itemContentLeftWidth, _Select.selectTokens.itemFontFamily, _Select.selectTokens.itemFontSize, _Select.selectTokens.itemFontStyle, _Select.selectTokens.itemFontWeightBold, _Select.selectTokens.itemFontLetterSpacing, _Select.selectTokens.itemFontLineHeight, _Select.selectTokens.chipGap, _Select.selectTokens.chipBorderRadius, _Select.selectTokens.chipWidth, _Select.selectTokens.chipHeight, _Select.selectTokens.chipPaddingRight, _Select.selectTokens.chipPaddingLeft, _Select.selectTokens.chipClearContentMarginLeft, _Select.selectTokens.chipClearContentMarginRight, _Select.selectTokens.chipCloseIconSize, _Select.selectTokens.chipFontFamily, _Select.selectTokens.chipFontSize, _Select.selectTokens.chipFontStyle, _Select.selectTokens.chipFontWeight, _Select.selectTokens.chipLetterSpacing, _Select.selectTokens.chipLineHeight, _Select.selectTokens.targetArrowRight, _Select.selectTokens.targetHeight, _Select.selectTokens.targetWidth, _Select.selectTokens.targetRadius, _Select.selectTokens.targetPadding, _Select.selectTokens.targetPaddingHasChips, _Select.selectTokens.targetPaddingWithInput, _Select.selectTokens.targetInnerTop, _Select.selectTokens.targetLabelInnerTop, _Select.selectTokens.targetFontFamily, _Select.selectTokens.targetFontSize, _Select.selectTokens.targetFontStyle, _Select.selectTokens.targetFontWeight, _Select.selectTokens.targetLetterSpacing, _Select.selectTokens.targetLineHeight, _Select.selectTokens.targetLabelInnerFontFamily, _Select.selectTokens.targetLabelInnerFontSize, _Select.selectTokens.targetLabelInnerFontStyle, _Select.selectTokens.targetLabelInnerFontWeight, _Select.selectTokens.targetLabelInnerLetterSpacing, _Select.selectTokens.targetLabelInnerLineHeight),
-      l: /*#__PURE__*/(0, _styledComponents.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);"], _Select.selectTokens.width, _Select.selectTokens.height, _Select.selectTokens.borderRadius, _Select.selectTokens.paddingTop, _Select.selectTokens.paddingRight, _Select.selectTokens.paddingBottom, _Select.selectTokens.paddingLeft, _Select.selectTokens.dividerColor, _Select.selectTokens.dividerHeight, _Select.selectTokens.dividerMarginTop, _Select.selectTokens.dividerMarginRight, _Select.selectTokens.dividerMarginBottom, _Select.selectTokens.dividerMarginLeft, _Select.selectTokens.itemWidth, _Select.selectTokens.itemHeight, _Select.selectTokens.itemPaddingTop, _Select.selectTokens.itemPaddingRight, _Select.selectTokens.itemPaddingBottom, _Select.selectTokens.itemPaddingLeft, _Select.selectTokens.itemBorderRadius, _Select.selectTokens.itemContentLeftWidth, _Select.selectTokens.itemFontFamily, _Select.selectTokens.itemFontSize, _Select.selectTokens.itemFontStyle, _Select.selectTokens.itemFontWeightBold, _Select.selectTokens.itemFontLetterSpacing, _Select.selectTokens.itemFontLineHeight, _Select.selectTokens.chipGap, _Select.selectTokens.chipBorderRadius, _Select.selectTokens.chipWidth, _Select.selectTokens.chipHeight, _Select.selectTokens.chipPaddingRight, _Select.selectTokens.chipPaddingLeft, _Select.selectTokens.chipClearContentMarginLeft, _Select.selectTokens.chipClearContentMarginRight, _Select.selectTokens.chipCloseIconSize, _Select.selectTokens.chipFontFamily, _Select.selectTokens.chipFontSize, _Select.selectTokens.chipFontStyle, _Select.selectTokens.chipFontWeight, _Select.selectTokens.chipLetterSpacing, _Select.selectTokens.chipLineHeight, _Select.selectTokens.targetArrowRight, _Select.selectTokens.targetHeight, _Select.selectTokens.targetWidth, _Select.selectTokens.targetRadius, _Select.selectTokens.targetPadding, _Select.selectTokens.targetPaddingHasChips, _Select.selectTokens.targetPaddingWithInput, _Select.selectTokens.targetInnerTop, _Select.selectTokens.targetLabelInnerTop, _Select.selectTokens.targetFontFamily, _Select.selectTokens.targetFontSize, _Select.selectTokens.targetFontStyle, _Select.selectTokens.targetFontWeight, _Select.selectTokens.targetLetterSpacing, _Select.selectTokens.targetLineHeight, _Select.selectTokens.targetLabelInnerFontFamily, _Select.selectTokens.targetLabelInnerFontSize, _Select.selectTokens.targetLabelInnerFontStyle, _Select.selectTokens.targetLabelInnerFontWeight, _Select.selectTokens.targetLabelInnerLetterSpacing, _Select.selectTokens.targetLabelInnerLineHeight)
-    },
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.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);"], _Select.selectTokens.background, _Select.selectTokens.boxShadow, _Select.selectTokens.itemBackground, _Select.selectTokens.itemBackgroundHover, _Select.selectTokens.itemBackgroundSelectedHover, _Select.selectTokens.itemColor, _Select.selectTokens.itemContentLeftColor, _Select.selectTokens.chipCloseIconColor, _Select.selectTokens.chipColor, _Select.selectTokens.chipBackground, _Select.selectTokens.chipColorHover, _Select.selectTokens.chipBackgroundHover, _Select.selectTokens.chipColorActive, _Select.selectTokens.chipBackgroundActive, _Select.selectTokens.chipBackgroundReadOnly, _Select.selectTokens.chipColorReadOnly, _Select.selectTokens.chipBackgroundReadOnlyHover, _Select.selectTokens.chipColorReadOnlyHover, _Select.selectTokens.chipOpacityReadonly, _Select.selectTokens.disabledOpacity, _Select.selectTokens.focusColor)
-    }
-  }
-};

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

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SelectItem = exports.SelectHeader = exports.SelectGroup = exports.SelectFooter = exports.SelectDivider = exports.Select = void 0;
-var _Select = /*#__PURE__*/require("../../../../components/Select");
-var _engines = /*#__PURE__*/require("../../../../engines");
-var _Select2 = /*#__PURE__*/require("./Select.config");
-var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Select.selectConfig, _Select2.config);
-var Select = exports.Select = /*#__PURE__*/(0, _engines.component)(mergedConfig);
-var mergedItemConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Select.selectItemConfig);
-var SelectItem = exports.SelectItem = /*#__PURE__*/(0, _engines.component)(mergedItemConfig);
-var mergedDividerConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Select.selectDividerConfig);
-var SelectDivider = exports.SelectDivider = /*#__PURE__*/(0, _engines.component)(mergedDividerConfig);
-var mergedFooterConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Select.selectFooterConfig);
-var SelectFooter = exports.SelectFooter = /*#__PURE__*/(0, _engines.component)(mergedFooterConfig);
-var mergedGroupConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Select.selectGroupConfig);
-var SelectGroup = exports.SelectGroup = /*#__PURE__*/(0, _engines.component)(mergedGroupConfig);
-var mergedHeaderConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Select.selectHeaderConfig);
-var SelectHeader = exports.SelectHeader = /*#__PURE__*/(0, _engines.component)(mergedHeaderConfig);