@salutejs/plasma-new-hope 0.89.0-canary.1225.9545827287.0 → 0.89.0-canary.1233.9546931519.0

package/styled-components/cjs/examples/plasma_web/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 styled from 'styled-components';
-
-import { Button } from '../Button/Button';
-import { WithTheme } from '../../../_helpers';
-import { Body } from '../../../typograpy/components/Body/Body';
-
-import { Sheet } from './Sheet';
-
-const meta: Meta<typeof Sheet> = {
-    title: 'plasma_web/Sheet',
-    decorators: [WithTheme],
-    args: {
-        withBlur: false,
-        withOverlay: true,
-        withTransition: true,
-        hasHandle: true,
-        isHeaderFixed: false,
-        isFooterFixed: false,
-    },
-};
-
-export default meta;
-
-type StorySheetProps = ComponentProps<typeof Sheet> & {
-    storyHasHeader: boolean;
-    storyHasFooter: boolean;
-};
-
-const StyledBody = styled(Body)`
-    padding-bottom: 300px;
-`;
-
-const StoryDefault = ({
-    withOverlay,
-    withTransition,
-    storyHasFooter,
-    isFooterFixed,
-    storyHasHeader,
-    isHeaderFixed,
-    hasHandle,
-    withBlur,
-}: StorySheetProps) => {
-    const [opened, setOpened] = useState(false);
-
-    return (
-        <>
-            <Button onClick={() => setOpened(true)}>Открыть</Button>
-            <Sheet
-                opened={opened}
-                withOverlay={withOverlay}
-                withTransition={withTransition}
-                onClose={() => setOpened(false)}
-                hasHandle={hasHandle}
-                withBlur={withBlur}
-                contentHeader={
-                    storyHasHeader ? (
-                        <div>
-                            <h4>header</h4>
-                        </div>
-                    ) : undefined
-                }
-                isHeaderFixed={isHeaderFixed}
-                contentFooter={
-                    storyHasFooter ? (
-                        <div>
-                            <p>footer</p>
-                        </div>
-                    ) : undefined
-                }
-                isFooterFixed={isFooterFixed}
-            >
-                <StyledBody>body</StyledBody>
-            </Sheet>
-        </>
-    );
-};
-
-export const Default: StoryObj<StorySheetProps> = {
-    args: {
-        storyHasHeader: true,
-        storyHasFooter: true,
-    },
-    render: (args) => <StoryDefault {...args} />,
-};
-
-const StoryWithoutOverlay = () => {
-    const [opened, setOpened] = useState(false);
-
-    return (
-        <>
-            <Button onClick={() => setOpened(true)}>Открыть</Button>
-            <Sheet opened={opened} withOverlay={false} onClose={() => setOpened(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,
-    storyHasFooter,
-    isFooterFixed,
-    storyHasHeader,
-    isHeaderFixed,
-    hasHandle,
-    withBlur,
-}: StorySheetProps) => {
-    const [opened, setOpened] = useState(false);
-
-    return (
-        <>
-            <Button onClick={() => setOpened(true)}>Открыть</Button>
-            <Sheet
-                opened={opened}
-                withOverlay={withOverlay}
-                withTransition={withTransition}
-                onClose={() => setOpened(false)}
-                hasHandle={hasHandle}
-                withBlur={withBlur}
-                contentHeader={
-                    storyHasHeader ? (
-                        <div>
-                            <h4>header</h4>
-                        </div>
-                    ) : undefined
-                }
-                isHeaderFixed={isHeaderFixed}
-                contentFooter={
-                    storyHasFooter ? (
-                        <div>
-                            <p>footer</p>
-                        </div>
-                    ) : undefined
-                }
-                isFooterFixed={isFooterFixed}
-            >
-                <Body>
-                    <Button onClick={() => setOpened(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={() => setOpened(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>
-                </Body>
-            </Sheet>
-        </>
-    );
-};
-
-export const WithScroll: StoryObj<StorySheetProps> = {
-    args: {
-        storyHasHeader: true,
-        storyHasFooter: true,
-    },
-    render: (args) => <StoryWithScroll {...args} />,
-};
-
-const StoryWithInsideScroll = ({
-    withOverlay,
-    withTransition,
-    storyHasFooter,
-    isFooterFixed,
-    storyHasHeader,
-    isHeaderFixed,
-    hasHandle,
-    withBlur,
-}: StorySheetProps) => {
-    const [opened, setOpened] = useState(false);
-
-    return (
-        <>
-            <Button onClick={() => setOpened(true)}>Открыть</Button>
-            <Sheet
-                opened={opened}
-                withOverlay={withOverlay}
-                withTransition={withTransition}
-                onClose={() => setOpened(false)}
-                hasHandle={hasHandle}
-                withBlur={withBlur}
-                contentHeader={
-                    storyHasHeader ? (
-                        <div>
-                            <h4>header</h4>
-                        </div>
-                    ) : undefined
-                }
-                isHeaderFixed={isHeaderFixed}
-                contentFooter={
-                    storyHasFooter ? (
-                        <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>
-                <Body>Lorem ipsum dolor sit amet consectetur adipisicing elit.</Body>
-            </Sheet>
-        </>
-    );
-};
-
-export const WithInsideScroll: StoryObj<StorySheetProps> = {
-    args: {
-        storyHasHeader: true,
-        storyHasFooter: true,
-    },
-    render: (args) => <StoryWithInsideScroll {...args} />,
-};
-
-const StoryWithDoubleScroll = ({
-    withOverlay,
-    withTransition,
-    storyHasFooter,
-    isFooterFixed,
-    storyHasHeader,
-    isHeaderFixed,
-    hasHandle,
-    withBlur,
-}: StorySheetProps) => {
-    const [opened, setOpened] = useState(false);
-
-    return (
-        <>
-            <Button onClick={() => setOpened(true)}>Открыть</Button>
-            <Sheet
-                opened={opened}
-                withOverlay={withOverlay}
-                withTransition={withTransition}
-                onClose={() => setOpened(false)}
-                hasHandle={hasHandle}
-                withBlur={withBlur}
-                contentHeader={
-                    storyHasHeader ? (
-                        <div>
-                            <h4>header</h4>
-                        </div>
-                    ) : undefined
-                }
-                isHeaderFixed={isHeaderFixed}
-                contentFooter={
-                    storyHasFooter ? (
-                        <div>
-                            <p>footer</p>
-                        </div>
-                    ) : undefined
-                }
-                isFooterFixed={isFooterFixed}
-            >
-                <Body>
-                    <Button onClick={() => setOpened(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={() => setOpened(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>
-                </Body>
-            </Sheet>
-        </>
-    );
-};
-
-export const WithDoubleScroll: StoryObj<StorySheetProps> = {
-    args: {
-        storyHasHeader: true,
-        storyHasFooter: true,
-    },
-    render: (args) => <StoryWithDoubleScroll {...args} />,
-};

package/styled-components/es/components/Select/Select.template-doc.mdx

@@ -1,115 +0,0 @@
----
-id: select
-title: Select
----
-
-import { PropsTable, Description } from '@site/src/components';
-
-# Select
-<Description name="Select" />
-<PropsTable name="Select" />
-
-```tsx live
-import React, { useState } from 'react';
-import { Select } from '@salutejs/{{ package }}';
-
-export function App() {
-    const items = [
-        { value: 'each', label: 'Каждый' },
-        { value: 'hunter', label: 'Охотник', isDisabled: true },
-        { value: 'wants', label: 'Желает' },
-        {
-            value: 'toKnow',
-            label: 'Знать',
-            items: [
-                { value: '_fullText', label: 'Каждый охотник желает знать, где сидит фазан' },
-                { value: '_thePheasant', label: 'Фазан' },
-                { value: '_is', label: 'Сидит' },
-            ],
-        },
-        { value: 'where', label: 'Где' },
-        { value: 'is', label: 'Сидит' },
-        { value: 'thePheasant', label: 'Фазан' },
-        { value: 'fullText', label: 'Каждый охотник желает знать, где сидит фазан' },
-    ];
-
-    const [value, setValue] = useState(null);
-
-    return (
-        <div style=\{{ maxWidth: '20rem' }}>
-            <div style=\{{ marginBottom: '1rem' }}>
-                <Select
-                    value={value}
-                    items={items}
-                    onChange={(v) => {
-                        setValue(v);
-                    }}
-                    placeholder="Выберите пример"
-                    helperText="Заполните пример"
-                    status="success"
-                />
-            </div>
-            <div>
-                <Select value={null} items={[]} placeholder="Another select" />
-            </div>
-        </div>
-    );
-}
-```
-
-### Управление высотой выпадающего меню
-Что бы задать высоту и `scroll` для выпадающего меню можно использовать **props** для компонента `Select`:
-- **listOverflow**
-- **listHeight**
-
-> Эти **props** необязательные, если их не указать будет использовано значение - [initial](https://developer.mozilla.org/en-US/docs/Web/CSS/initial)
-
-```tsx live
-import React, { useState, useCallback } from 'react';
-import { Select, Modal, ModalsProvider, H3, Button } from '@salutejs/{{ package }}';
-
-export function App() {
-    const [value, setValue] = useState(null);
-    const [isOpenA, setIsOpenA] = useState(false);
-
-    const onCloseA = useCallback(() => setIsOpenA(false), []);
-
-    const items = [
-        { value: 'each', label: 'Каждый' },
-        { value: 'hunter', label: 'Охотник', isDisabled: true },
-        { value: 'wants', label: 'Желает' },
-        {
-            value: 'toKnow',
-            label: 'Знать',
-            items: [
-                { value: '_fullText', label: 'Каждый охотник желает знать, где сидит фазан' },
-                { value: '_thePheasant', label: 'Фазан' },
-                { value: '_is', label: 'Сидит' },
-            ],
-        },
-        { value: 'where', label: 'Где' },
-        { value: 'is', label: 'Сидит' },
-        { value: 'thePheasant', label: 'Фазан' },
-        { value: 'fullText', label: 'Каждый охотник желает знать, где сидит фазан' },
-    ];
-
-    return (
-        <section>
-            <ModalsProvider>
-                <Button text="Open modal" onClick={() => setIsOpenA(true)} />
-
-                <Modal style=\{{ "height": "20rem" }} id="modalA" isOpen={isOpenA} onClose={onCloseA}>
-                    <H3>Фильтр</H3>
-                    <Select
-                        value={value}
-                        onChange={setValue}
-                        items={items}
-                        listHeight={11}
-                        listOverflow="scroll"
-                    />
-                </Modal>
-            </ModalsProvider>
-        </section>
-    );
-}
-```

package/styled-components/es/components/Select/hooks/index.js

@@ -1 +0,0 @@
-export { useKeyNavigation } from './useKeyNavigation';

package/styled-components/es/components/Select/ui/SelectChip/SelectChip.js

@@ -1,31 +0,0 @@
-import React, { forwardRef, useCallback } from 'react';
-import { StyledChip } from './SelectChip.styles';
-/**
- * Чип, отображающий выбранный элемент
- */
-export var SelectChip = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var value = _ref.value,
-    text = _ref.text,
-    index = _ref.index,
-    disabled = _ref.disabled,
-    readOnly = _ref.readOnly,
-    onClick = _ref.onClick,
-    onClear = _ref.onClear,
-    onKeyDown = _ref.onKeyDown;
-  var onClearHandle = useCallback(function () {
-    onClear(value, text);
-  }, [onClear, value, text]);
-  var onKeyDownHandle = useCallback(function (event) {
-    onKeyDown === null || onKeyDown === void 0 || onKeyDown(value, text, index, event);
-  }, [onKeyDown]);
-  return /*#__PURE__*/React.createElement(StyledChip, {
-    ref: ref,
-    tabIndex: -1,
-    disabled: disabled,
-    readOnly: readOnly,
-    onClick: onClick,
-    onClear: onClearHandle,
-    onKeyDown: onKeyDownHandle,
-    text: "".concat(text)
-  });
-});

package/styled-components/es/components/Select/ui/SelectChip/SelectChip.styles.js

@@ -1,19 +0,0 @@
-import styled from 'styled-components';
-import { chipConfig, chipTokens } from '../../../Chip';
-import { component, mergeConfig } from '../../../../engines';
-import { tokens } from '../../Select.tokens';
-import { addFocus } from '../../../../mixins';
-
-// issue #823
-var mergedConfig = /*#__PURE__*/mergeConfig(chipConfig);
-var Chip = /*#__PURE__*/component(mergedConfig);
-
-// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части
-export var StyledChip = /*#__PURE__*/styled(Chip).withConfig({
-  componentId: "plasma-new-hope__sc-1ymdswn-0"
-})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", " &[readonly]{opacity:var(", ");}"], chipTokens.color, tokens.chipColor, chipTokens.background, tokens.chipBackground, chipTokens.colorHover, tokens.chipColorHover, chipTokens.backgroundHover, tokens.chipBackgroundHover, chipTokens.colorActive, tokens.chipColorActive, chipTokens.backgroundActive, tokens.chipBackgroundActive, chipTokens.backgroundReadOnly, tokens.chipBackgroundReadOnly, chipTokens.colorReadOnly, tokens.chipColorReadOnly, chipTokens.backgroundReadOnlyHover, tokens.chipBackgroundReadOnlyHover, chipTokens.colorReadOnlyHover, tokens.chipColorReadOnlyHover, chipTokens.borderRadius, tokens.chipBorderRadius, chipTokens.width, tokens.chipWidth, chipTokens.height, tokens.chipHeight, chipTokens.paddingRight, tokens.chipPaddingRight, chipTokens.paddingLeft, tokens.chipPaddingLeft, chipTokens.fontFamily, tokens.chipFontFamily, chipTokens.fontSize, tokens.chipFontSize, chipTokens.fontStyle, tokens.chipFontStyle, chipTokens.fontWeight, tokens.chipFontWeight, chipTokens.letterSpacing, tokens.chipLetterSpacing, chipTokens.lineHeight, tokens.chipLineHeight, chipTokens.clearContentMarginLeft, tokens.chipClearContentMarginLeft, chipTokens.clearContentMarginRight, tokens.chipClearContentMarginRight, chipTokens.scaleHover, tokens.chipScaleHover, chipTokens.scaleActive, tokens.chipScaleActive, chipTokens.closeIconSize, tokens.chipCloseIconSize, chipTokens.closeIconColor, tokens.chipCloseIconColor, chipTokens.focusColor, tokens.focusColor, /*#__PURE__*/addFocus({
-  outlineOffset: '0.125rem',
-  outlineSize: '0.0625rem',
-  outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.chipBorderRadius, ") - 0.1rem)"),
-  outlineColor: /*#__PURE__*/"var(".concat(tokens.focusColor, ")")
-}), tokens.chipOpacityReadonly);

package/styled-components/es/components/Select/ui/SelectDivider/SelectDivider.js

@@ -1,23 +0,0 @@
-import { dropdownDividerRoot } from '../../../Dropdown';
-import { base as viewCSS } from './variations/_view/base';
-import { base as sizeCSS } from './variations/_size/base';
-import { base } from './SelectDivider.styles';
-export var selectDividerRoot = dropdownDividerRoot;
-export var selectDividerConfig = {
-  name: 'SelectDivider',
-  tag: 'div',
-  layout: selectDividerRoot,
-  base: base,
-  variations: {
-    view: {
-      css: viewCSS
-    },
-    size: {
-      css: sizeCSS
-    }
-  },
-  defaults: {
-    view: 'primary',
-    size: 'm'
-  }
-};

package/styled-components/es/components/Select/ui/SelectDivider/SelectDivider.styles.js

@@ -1,7 +0,0 @@
-import { css } from 'styled-components';
-import { tokens } from '../../Select.tokens';
-import { dropdownTokens } from '../../../Dropdown';
-
-// NOTE: Необходимое переопределение токенов из компонента DropdownItem т.к. используются его части
-export var mappingOverride = /*#__PURE__*/css(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], dropdownTokens.dividerColor, tokens.dividerColor, dropdownTokens.dividerWidth, tokens.dividerWidth, dropdownTokens.dividerHeight, tokens.dividerHeight, dropdownTokens.dividerMarginTop, tokens.dividerMarginTop, dropdownTokens.dividerMarginRight, tokens.dividerMarginRight, dropdownTokens.dividerMarginBottom, tokens.dividerMarginBottom, dropdownTokens.dividerMarginLeft, tokens.dividerMarginLeft);
-export var base = mappingOverride;

package/styled-components/es/components/Select/ui/SelectDivider/variations/_size/base.js

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

package/styled-components/es/components/Select/ui/SelectDivider/variations/_size/tokens.json

@@ -1,8 +0,0 @@
-[
-    "--plasma-select-divider-width",
-    "--plasma-select-divider-height",
-    "--plasma-select-divider-margin-top",
-    "--plasma-select-divider-margin-right",
-    "--plasma-select-divider-margin-bottom",
-    "--plasma-select-divider-margin-left"
-]

package/styled-components/es/components/Select/ui/SelectDivider/variations/_view/base.js

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

package/styled-components/es/components/Select/ui/SelectDivider/variations/_view/tokens.json

@@ -1 +0,0 @@
-["--plasma-select-divider-color"]

package/styled-components/es/components/Select/ui/SelectFooter/SelectFooter.js

@@ -1,23 +0,0 @@
-import { dropdownFooterRoot } from '../../../Dropdown';
-import { base as viewCSS } from './variations/_view/base';
-import { base as sizeCSS } from './variations/_size/base';
-import { base } from './SelectFooter.styles';
-export var selectFooterRoot = dropdownFooterRoot;
-export var selectFooterConfig = {
-  name: 'SelectFooter',
-  tag: 'div',
-  layout: selectFooterRoot,
-  base: base,
-  variations: {
-    view: {
-      css: viewCSS
-    },
-    size: {
-      css: sizeCSS
-    }
-  },
-  defaults: {
-    view: 'primary',
-    size: 'm'
-  }
-};

package/styled-components/es/components/Select/ui/SelectFooter/SelectFooter.styles.js

@@ -1,7 +0,0 @@
-import { css } from 'styled-components';
-import { tokens } from '../../Select.tokens';
-import { dropdownTokens } from '../../../Dropdown';
-
-// NOTE: Необходимое переопределение токенов из компонента DropdownItem т.к. используются его части
-export var mappingOverride = /*#__PURE__*/css(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], dropdownTokens.footerBackground, tokens.footerBackground, dropdownTokens.footerWidth, tokens.footerWidth, dropdownTokens.footerHeight, tokens.footerHeight, dropdownTokens.footerPaddingTop, tokens.footerPaddingTop, dropdownTokens.footerPaddingRight, tokens.footerPaddingRight, dropdownTokens.footerPaddingBottom, tokens.footerPaddingBottom, dropdownTokens.footerPaddingLeft, tokens.footerPaddingLeft, dropdownTokens.footerMarginTop, tokens.footerMarginTop, dropdownTokens.footerMarginRight, tokens.footerMarginRight, dropdownTokens.footerMarginBottom, tokens.footerMarginBottom, dropdownTokens.footerMarginLeft, tokens.footerMarginLeft, dropdownTokens.footerFontFamily, tokens.footerFontFamily, dropdownTokens.footerFontSize, tokens.footerFontSize, dropdownTokens.footerFontStyle, tokens.footerFontStyle, dropdownTokens.footerFontWeightBold, tokens.footerFontWeightBold, dropdownTokens.footerFontLetterSpacing, tokens.footerFontLetterSpacing, dropdownTokens.footerFontLineHeight, tokens.footerFontLineHeight);
-export var base = mappingOverride;

package/styled-components/es/components/Select/ui/SelectFooter/variations/_size/base.js

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

package/styled-components/es/components/Select/ui/SelectFooter/variations/_size/tokens.json

@@ -1,12 +0,0 @@
-[
-    "--plasma-select-footer-width",
-    "--plasma-select-footer-height",
-    "--plasma-select-footer-padding-top",
-    "--plasma-select-footer-padding-right",
-    "--plasma-select-footer-padding-bottom",
-    "--plasma-select-footer-padding-left",
-    "--plasma-select-footer-margin-top",
-    "--plasma-select-footer-margin-right",
-    "--plasma-select-footer-margin-bottom",
-    "--plasma-select-footer-margin-left"
-]

package/styled-components/es/components/Select/ui/SelectFooter/variations/_view/base.js

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

package/styled-components/es/components/Select/ui/SelectFooter/variations/_view/tokens.json

@@ -1,9 +0,0 @@
-[
-    "--plasma-select-footer-background",
-    "--plasma-select-footer-font-family",
-    "--plasma-select-footer-font-size",
-    "--plasma-select-footer-font-style",
-    "--plasma-select-footer-letter-spacing",
-    "--plasma-select-footer-line-height",
-    "--plasma-select-footer-font-weight"
-]

package/styled-components/es/components/Select/ui/SelectGroup/SelectGroup.js

@@ -1,23 +0,0 @@
-import { dropdownGroupRoot } from '../../../Dropdown';
-import { base as viewCSS } from './variations/_view/base';
-import { base as sizeCSS } from './variations/_size/base';
-import { base } from './SelectGroup.styles';
-export var selectGroupRoot = dropdownGroupRoot;
-export var selectGroupConfig = {
-  name: 'SelectGroup',
-  tag: 'div',
-  layout: selectGroupRoot,
-  base: base,
-  variations: {
-    view: {
-      css: viewCSS
-    },
-    size: {
-      css: sizeCSS
-    }
-  },
-  defaults: {
-    view: 'primary',
-    size: 'm'
-  }
-};