@salutejs/plasma-new-hope 0.91.0-dev.0 → 0.92.0-canary.1233.9662754485.0

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'
-  }
-};

package/styled-components/es/components/Select/ui/SelectGroup/SelectGroup.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(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], dropdownTokens.groupBackground, tokens.groupBackground, dropdownTokens.groupWidth, tokens.groupWidth, dropdownTokens.groupHeight, tokens.groupHeight, dropdownTokens.groupPaddingTop, tokens.groupPaddingTop, dropdownTokens.groupPaddingRight, tokens.groupPaddingRight, dropdownTokens.groupPaddingBottom, tokens.groupPaddingBottom, dropdownTokens.groupPaddingLeft, tokens.groupPaddingLeft, dropdownTokens.groupMarginTop, tokens.groupMarginTop, dropdownTokens.groupMarginRight, tokens.groupMarginRight, dropdownTokens.groupMarginBottom, tokens.groupMarginBottom, dropdownTokens.groupMarginLeft, tokens.groupMarginLeft, dropdownTokens.groupLabelFontFamily, tokens.groupLabelFontFamily, dropdownTokens.groupLabelFontSize, tokens.groupLabelFontSize, dropdownTokens.groupLabelFontStyle, tokens.groupLabelFontStyle, dropdownTokens.groupLabelFontWeight, tokens.groupLabelFontWeight, dropdownTokens.groupLabelLetterSpacing, tokens.groupLabelLetterSpacing, dropdownTokens.groupLabelLineHeight, tokens.groupLabelLineHeight, dropdownTokens.groupLabelColor, tokens.groupLabelColor, dropdownTokens.groupLabelPaddingTop, tokens.groupLabelPaddingTop, dropdownTokens.groupLabelPaddingRight, tokens.groupLabelPaddingRight, dropdownTokens.groupLabelPaddingBottom, tokens.groupLabelPaddingBottom, dropdownTokens.groupLabelPaddingLeft, tokens.groupLabelPaddingLeft, dropdownTokens.groupLabelMarginTop, tokens.groupLabelMarginTop, dropdownTokens.groupLabelMarginRight, tokens.groupLabelMarginRight, dropdownTokens.groupLabelMarginBottom, tokens.groupLabelMarginBottom, dropdownTokens.groupLabelMarginLeft, tokens.groupLabelMarginLeft);
-export var base = mappingOverride;

package/styled-components/es/components/Select/ui/SelectGroup/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/SelectGroup/variations/_size/tokens.json

@@ -1,20 +0,0 @@
-[
-    "--plasma-select-group-width",
-    "--plasma-select-group-height",
-    "--plasma-select-group-padding-top",
-    "--plasma-select-group-padding-right",
-    "--plasma-select-group-padding-bottom",
-    "--plasma-select-group-padding-left",
-    "--plasma-select-group-margin-top",
-    "--plasma-select-group-margin-right",
-    "--plasma-select-group-margin-bottom",
-    "--plasma-select-group-margin-left",
-    "--plasma-select-group-label-padding-top",
-    "--plasma-select-group-label-padding-right",
-    "--plasma-select-group-label-padding-bottom",
-    "--plasma-select-group-label-padding-left",
-    "--plasma-select-group-label-margin-top",
-    "--plasma-select-group-label-margin-right",
-    "--plasma-select-group-label-margin-bottom",
-    "--plasma-select-group-label-margin-left"
-]

package/styled-components/es/components/Select/ui/SelectGroup/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/SelectGroup/variations/_view/tokens.json

@@ -1,10 +0,0 @@
-[
-    "--plasma-select-group-background",
-    "--plasma-select-group-label-color",
-    "--plasma-select-group-label-font-family",
-    "--plasma-select-group-label-font-size",
-    "--plasma-select-group-label-font-style",
-    "--plasma-select-group-label-font-weight",
-    "--plasma-select-group-label-letter-spacing",
-    "--plasma-select-group-label-line-height"
-]

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

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

package/styled-components/es/components/Select/ui/SelectHeader/SelectHeader.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.headerBackground, tokens.headerBackground, dropdownTokens.headerWidth, tokens.headerWidth, dropdownTokens.headerHeight, tokens.headerHeight, dropdownTokens.headerPaddingTop, tokens.headerPaddingTop, dropdownTokens.headerPaddingRight, tokens.headerPaddingRight, dropdownTokens.headerPaddingBottom, tokens.headerPaddingBottom, dropdownTokens.headerPaddingLeft, tokens.headerPaddingLeft, dropdownTokens.headerMarginTop, tokens.headerMarginTop, dropdownTokens.headerMarginRight, tokens.headerMarginRight, dropdownTokens.headerMarginBottom, tokens.headerMarginBottom, dropdownTokens.headerMarginLeft, tokens.headerMarginLeft, dropdownTokens.headerFontFamily, tokens.headerFontFamily, dropdownTokens.headerFontSize, tokens.headerFontSize, dropdownTokens.headerFontStyle, tokens.headerFontStyle, dropdownTokens.headerFontWeightBold, tokens.headerFontWeightBold, dropdownTokens.headerFontLetterSpacing, tokens.headerFontLetterSpacing, dropdownTokens.headerFontLineHeight, tokens.headerFontLineHeight);
-export var base = mappingOverride;

package/styled-components/es/components/Select/ui/SelectHeader/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/SelectHeader/variations/_size/tokens.json

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

package/styled-components/es/components/Select/ui/SelectHeader/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/SelectHeader/variations/_view/tokens.json

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

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

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

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

@@ -1,8 +0,0 @@
-import { css } from 'styled-components';
-import { tokens } from '../../Select.tokens';
-import { dropdownTokens } from '../../../Dropdown';
-import { baseContent as dropdownItemBase } from '../../../Dropdown/ui/DropdownItemOld/DropdownItem.styles';
-
-// NOTE: Необходимое переопределение токенов из компонента DropdownItem т.к. используются его части
-export var mappingOverride = /*#__PURE__*/"\n    ".concat(dropdownTokens.itemBackground, ": var(").concat(tokens.itemBackground, ");\n    ").concat(dropdownTokens.itemColor, ": var(").concat(tokens.itemColor, ");\n    ").concat(dropdownTokens.itemBackgroundHover, ": var(").concat(tokens.itemBackgroundHover, ");\n    ").concat(dropdownTokens.itemBackgroundSelected, ": var(").concat(tokens.itemBackgroundSelected, ");\n    ").concat(dropdownTokens.itemColorSelected, ": var(").concat(tokens.itemColorSelected, ");\n    ").concat(dropdownTokens.itemBackgroundSelectedHover, ": var(").concat(tokens.itemBackgroundSelectedHover, ");\n    ").concat(dropdownTokens.itemColorSelectedHover, ": var(").concat(tokens.itemColorSelectedHover, ");\n    ").concat(dropdownTokens.itemContentLeftColor, ": var(").concat(tokens.itemContentLeftColor, ");\n    ").concat(dropdownTokens.itemContentRightColor, ": var(").concat(tokens.itemContentRightColor, ");\n    ").concat(dropdownTokens.disabledOpacity, ": var(").concat(tokens.disabledOpacity, ");\n    ").concat(dropdownTokens.focusColor, ": var(").concat(tokens.focusColor, ");\n    ").concat(dropdownTokens.itemWidth, ": var(").concat(tokens.itemWidth, ");\n    ").concat(dropdownTokens.itemHeight, ": var(").concat(tokens.itemHeight, ");\n    ").concat(dropdownTokens.itemBorderRadius, ": var(").concat(tokens.itemBorderRadius, ");\n    ").concat(dropdownTokens.itemPaddingTop, ": var(").concat(tokens.itemPaddingTop, ");\n    ").concat(dropdownTokens.itemPaddingRight, ": var(").concat(tokens.itemPaddingRight, ");\n    ").concat(dropdownTokens.itemPaddingBottom, ": var(").concat(tokens.itemPaddingBottom, ");\n    ").concat(dropdownTokens.itemPaddingLeft, ": var(").concat(tokens.itemPaddingLeft, ");\n    ").concat(dropdownTokens.itemMarginTop, ": var(").concat(tokens.itemMarginTop, ");\n    ").concat(dropdownTokens.itemMarginRight, ": var(").concat(tokens.itemMarginRight, ");\n    ").concat(dropdownTokens.itemMarginBottom, ": var(").concat(tokens.itemMarginBottom, ");\n    ").concat(dropdownTokens.itemMarginLeft, ": var(").concat(tokens.itemMarginLeft, ");\n    ").concat(dropdownTokens.itemFontFamily, ": var(").concat(tokens.itemFontFamily, ");\n    ").concat(dropdownTokens.itemFontSize, ": var(").concat(tokens.itemFontSize, ");\n    ").concat(dropdownTokens.itemFontStyle, ": var(").concat(tokens.itemFontStyle, ");\n    ").concat(dropdownTokens.itemFontWeightBold, ": var(").concat(tokens.itemFontWeightBold, ");\n    ").concat(dropdownTokens.itemFontLetterSpacing, ": var(").concat(tokens.itemFontLetterSpacing, ");\n    ").concat(dropdownTokens.itemFontLineHeight, ": var(").concat(tokens.itemFontLineHeight, ");\n    ").concat(dropdownTokens.itemContentLeftWidth, ": var(").concat(tokens.itemContentLeftWidth, ");\n    ").concat(dropdownTokens.itemContentRightWidth, ": var(").concat(tokens.itemContentRightWidth, ");\n");
-export var base = /*#__PURE__*/css(["", ";", ";"], dropdownItemBase, mappingOverride);

package/styled-components/es/components/Select/ui/SelectItem/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/SelectItem/variations/_size/tokens.json

@@ -1,19 +0,0 @@
-[
-    "--plasma-select-item-width",
-    "--plasma-select-item-height",
-    "--plasma-select-item-padding-top",
-    "--plasma-select-item-padding-right",
-    "--plasma-select-item-padding-bottom",
-    "--plasma-select-item-padding-left",
-    "--plasma-select-item-margin-top",
-    "--plasma-select-item-margin-right",
-    "--plasma-select-item-margin-bottom",
-    "--plasma-select-item-margin-left",
-    "--plasma-select-item-border-radius",
-    "--plasma-select-item-font-family",
-    "--plasma-select-item-font-size",
-    "--plasma-select-item-font-style",
-    "--plasma-select-item-letter-spacing",
-    "--plasma-select-item-line-height",
-    "--plasma-select-item-font-weight"
-]

package/styled-components/es/components/Select/ui/SelectItem/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/SelectItem/variations/_view/tokens.json

@@ -1,9 +0,0 @@
-[
-    "--plasma-select-item-background",
-    "--plasma-select-item-color",
-    "--plasma-select-item-background-hover",
-    "--plasma-select-item-background-selected",
-    "--plasma-select-item-color-selected",
-    "--plasma-select-item-background-selected-hover",
-    "--plasma-select-item-color-selected-hover"
-]