@salutejs/plasma-new-hope 0.84.0-canary.1208.9187471531.0 → 0.84.0-canary.1213.9186968808.0

package/styled-components/cjs/components/Range/Range.template-doc.mdx

@@ -1,323 +0,0 @@
----
-id: range
-title: Range
----
-
-import { PropsTable, Description } from '@site/src/components';
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-
-# Range
-<Description name="Range" />
-<PropsTable name="Range" exclude={['css']} />
-
-## Использование
-Компонент `Range` представляет собой два поля ввода какого-либо диапазона. К примеру диапазон цен или дат.
-
-```tsx live
-import React, {useState} from 'react';
-import { Range, Button } from '@salutejs/{{ package }}';
-import { IconSearch } from '@salutejs/plasma-icons';
-
-export function App() {
-    const [firstValue, setFirstValue] = useState('');
-    const [secondValue, setSecondValue] = useState('');
-
-    const ActionButton = () => {
-        return (
-            <Button view="clear" size="l">
-                <IconSearch size="s" />
-            </Button>
-        );
-    };
-
-    return (
-        <div>
-            <Range
-                firstValue={firstValue}
-                secondValue={secondValue}
-                label="Лейбл"
-                leftHelper="Подсказка к полю"
-                firstPlaceholder="Заполните поле 1"
-                secondPlaceholder="Заполните поле 2"
-                contentRight={<ActionButton />}
-                dividerVariant="dash"
-                onChangeFirstValue={(e) => {
-                    setFirstValue(e.target.value);
-                }}
-                onChangeSecondValue={(e) => {
-                    setSecondValue(e.target.value);
-                }}
-            />
-        </div>
-    );
-}
-```
-
-### Размер Range
-Размер Range задаётся с помощью свойства `size`:
-
-```tsx live
-import React from 'react';
-import { Range } from '@salutejs/{{ package }}';
-
-export function App() {
-    return (
-        <div style=\{{ display: "flex", flexDirection: "column", gap: "2rem" }}>
-            <Range
-                view="default"
-                size="l"
-                label="Лейбл"
-                leftHelper="Подсказка к полю"
-                firstPlaceholder="Заполните поле 1"
-                secondPlaceholder="Заполните поле 2"
-                dividerVariant="dash"
-            />
-            
-            <Range
-                view="default"
-                size="m"
-                label="Лейбл"
-                leftHelper="Подсказка к полю"
-                firstPlaceholder="Заполните поле 1"
-                secondPlaceholder="Заполните поле 2"
-                dividerVariant="dash"
-            />
-
-            <Range
-                view="default"
-                size="s"
-                label="Лейбл"
-                leftHelper="Подсказка к полю"
-                firstPlaceholder="Заполните поле 1"
-                secondPlaceholder="Заполните поле 2"
-                dividerVariant="dash"
-            />
-
-            <Range
-                view="default"
-                size="xs"
-                label="Лейбл"
-                leftHelper="Подсказка к полю"
-                firstPlaceholder="Заполните поле 1"
-                secondPlaceholder="Заполните поле 2"
-                dividerVariant="dash"
-            />
-        </div>
-    );
-}
-```
-
-### Вид разделителя
-Вид разделителя задается с помощью свойства `dividerVariant`:
-
-<Tabs>
-    <TabItem value="dash" label="Dash" default>
-        ```tsx live
-            import React from 'react';
-            import { Range } from '@salutejs/{{ package }}';
-
-            export function App() {
-                return (
-                    <div>
-                        <Range
-                            view="default"
-                            size="l"
-                            label="Лейбл"
-                            leftHelper="Подсказка к полю"
-                            firstPlaceholder="Заполните поле 1"
-                            secondPlaceholder="Заполните поле 2"
-                            dividerVariant="dash"
-                        />
-                    </div>
-                );
-            }
-        ```
-    </TabItem>
-
-    <TabItem value="none" label="None">
-        При таком варианте свойства `firstTextfieldTextBefore` и `secondTextfieldTextBefore` становятся обязательными:
-
-        ```tsx live
-            import React from 'react';
-            import { Range } from '@salutejs/{{ package }}';
-
-            export function App() {
-                return (
-                    <div>
-                        <Range
-                            view="default"
-                            size="l"
-                            label="Лейбл"
-                            firstValue="10:00"
-                            secondValue="15:45"
-                            leftHelper="Подсказка к полю"
-                            firstTextfieldTextBefore="С"
-                            secondTextfieldTextBefore="ДО"
-                            dividerVariant="none"
-                        />
-                    </div>
-                );
-            }
-        ```
-    </TabItem>
-
-    <TabItem value="icon" label="Icon">
-        При таком варианте свойства `dividerIcon` становится обязательным:
-
-        ```tsx live
-            import React from 'react';
-            import { Range } from '@salutejs/{{ package }}';
-            import { IconSber } from '@salutejs/plasma-icons';
-
-            export function App() {
-                return (
-                    <div>
-                        <Range
-                            view="default"
-                            size="l"
-                            label="Лейбл"
-                            firstValue="10:00"
-                            secondValue="15:45"
-                            leftHelper="Подсказка к полю"
-                            firstTextfieldTextBefore="С"
-                            secondTextfieldTextBefore="ДО"
-                            dividerVariant="icon"
-                            dividerIcon={<IconSber size="s" />}
-                        />
-                    </div>
-                );
-            }
-        ```
-    </TabItem>
-</Tabs>
-
-### Валидация и индикация успешного ввода
-За индикацию ошибки или успешного ввода отвечают `firstValueError`, `secondValueError`, `firstValueSuccess`, `secondValueSuccess`.
-В данном примере валидация происходит при нажатии клавиши `Enter` после ввода значений:
-
-```tsx live
-import React, {useState, ChangeEvent, Dispatch, SetStateAction} from 'react';
-import { Range, Button } from '@salutejs/{{ package }}';
-import { IconSearch } from '@salutejs/plasma-icons';
-
-export function App() {
-    const [firstValue, setFirstValue] = useState('');
-    const [secondValue, setSecondValue] = useState('');
-
-    const [firstValueError, setFirstValueError] = useState(false);
-    const [secondValueError, setSecondValueError] = useState(false);
-
-    const [firstValueSuccess, setFirstValueSuccess] = useState(false);
-    const [secondValueSuccess, setSecondValueSuccess] = useState(false);
-
-    const checkValue = (value: string) => /^([1-9][0-9]*|)$/.test(value);
-
-    const handleChangeValue = (
-        e: ChangeEvent<HTMLInputElement>,
-        setter: Dispatch<SetStateAction<string>>,
-        error: boolean,
-        errorSetter: Dispatch<SetStateAction<boolean>>,
-        success: boolean,
-        successSetter: Dispatch<SetStateAction<boolean>>,
-    ) => {
-        const { value } = e.target;
-        if (!checkValue(value)) {
-            return;
-        }
-
-        if (error) {
-            errorSetter(false);
-        }
-
-        if (success) {
-            successSetter(false);
-        }
-
-        setter(value);
-    };
-
-    const firstValueConstraint = (value: number) =>
-        value <= 0 || value >= 9 || (secondValue && value >= Number(secondValue) && !secondValueError);
-    const secondValueConstraint = (value: number) =>
-        value <= 0 || value > 10 || (firstValue && value <= Number(firstValue) && !firstValueError);
-
-    const handleCommitValue = (
-        value: string,
-        constraint: (currentValue: number) => boolean,
-        errorSetter: Dispatch<SetStateAction<boolean>>,
-        successSetter: Dispatch<SetStateAction<boolean>>,
-    ) => {
-        if (!value) {
-            return;
-        }
-
-        if (!checkValue(value)) {
-            return errorSetter(true);
-        }
-
-        if (constraint(Number(value))) {
-            return errorSetter(true);
-        }
-
-        successSetter(true);
-    };
-
-    const ActionButton = () => {
-        return (
-            <Button view="clear" size="l">
-                <IconSearch size="s" />
-            </Button>
-        );
-    };
-
-    return (
-        <div>
-            <Range
-                size="l"
-                view="default"
-                firstValue={firstValue}
-                secondValue={secondValue}
-                label="Введите кол-во товара"
-                leftHelper="Кол-во товара не может быть меньше 1 и превышать 10"
-                firstPlaceholder="1"
-                secondPlaceholder="5"
-                contentRight={<ActionButton />}
-                dividerVariant="dash"
-                firstValueError={firstValueError}
-                secondValueError={secondValueError}
-                firstValueSuccess={firstValueSuccess}
-                secondValueSuccess={secondValueSuccess}
-                onChangeFirstValue={(e) => {
-                    handleChangeValue(
-                        e,
-                        setFirstValue,
-                        firstValueError,
-                        setFirstValueError,
-                        firstValueSuccess,
-                        setFirstValueSuccess,
-                    );
-                }}
-                onChangeSecondValue={(e) => {
-                    handleChangeValue(
-                        e,
-                        setSecondValue,
-                        secondValueError,
-                        setSecondValueError,
-                        secondValueSuccess,
-                        setSecondValueSuccess,
-                    );
-                }}
-                onSearchFirstValue={(e) => {
-                    const { value } = e.target as HTMLInputElement;
-                    handleCommitValue(value, firstValueConstraint, setFirstValueError, setFirstValueSuccess);
-                }}
-                onSearchSecondValue={(e) => {
-                    const { value } = e.target as HTMLInputElement;
-                    handleCommitValue(value, secondValueConstraint, setSecondValueError, setSecondValueSuccess);
-                }}
-            />
-        </div>
-    );
-}
-```

package/styled-components/cjs/components/Range/Range.tokens.js

@@ -1,104 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.tokens = exports.classes = void 0;
-var classes = exports.classes = {
-  rangeError: 'range-error',
-  rangeValueError: 'range-value-error',
-  rangeSuccess: 'range-success',
-  rangeValueSuccess: 'range-value-success'
-};
-var tokens = exports.tokens = {
-  background: '--plasma-range-background',
-  backgroundError: '--plasma-range-background-error',
-  backgroundSuccess: '--plasma-range-background-success',
-  backgroundReadOnly: '--plasma-range-background-readonly',
-  borderRadius: '--plasma-range-border-radius',
-  borderWidth: '--plasma-range-border-width',
-  borderColor: '--plasma-range-border-color',
-  borderColorError: '--plasma-range-border-color-error',
-  borderColorSuccess: '--plasma-range-border-color-success',
-  borderColorReadOnly: '--plasma-range-border-color-readonly',
-  /** Токены разделителя */
-  dividerColor: '--plasma-range__divider-color',
-  dividerColorReadOnly: '--plasma-range__divider-color-readonly',
-  dividerPadding: '--plasma-range__divider-padding',
-  dividerFontFamily: '--plasma-range__divider-font-family',
-  dividerFontStyle: '--plasma-range__divider-font-style',
-  dividerFontSize: '--plasma-range__divider-font-size',
-  dividerFontWeight: '--plasma-range__divider-font-weight',
-  dividerLetterSpacing: '--plasma-range__divider-letter-spacing',
-  dividerLineHeight: '--plasma-range__divider-line-height',
-  /** Токены слотов для контента */
-  leftContentMargin: '--plasma-range__left-content-margin',
-  rightContentMargin: '--plasma-range__right-content-margin',
-  /** Токены лейбла */
-  labelColor: '--plasma-range__label-color',
-  labelColorReadOnly: '--plasma-range__label-color-readonly',
-  labelOffset: '--plasma-range__label-offset',
-  labelFontFamily: '--plasma-range__label-font-family',
-  labelFontStyle: '--plasma-range__label-font-style',
-  labelFontSize: '--plasma-range__label-font-size',
-  labelFontWeight: '--plasma-range__label-font-weight',
-  labelLetterSpacing: '--plasma-range__label-letter-spacing',
-  labelLineHeight: '--plasma-range__label-line-height',
-  /** Токены вспомогательного текста */
-  leftHelperColor: '--plasma-range__left-helper-color',
-  leftHelperColorReadOnly: '--plasma-range__left-helper-color-readonly',
-  leftHelperOffset: '--plasma-range__left-helper-offset',
-  leftHelperFontFamily: '--plasma-range__left-helper-font-family',
-  leftHelperFontStyle: '--plasma-range__left-helper-font-style',
-  leftHelperFontSize: '--plasma-range__left-helper-font-size',
-  leftHelperFontWeight: '--plasma-range__left-helper-font-weight',
-  leftHelperLetterSpacing: '--plasma-range__left-helper-letter-spacing',
-  leftHelperLineHeight: '--plasma-range__left-helper-line-height',
-  /** Прозрачность для всего компонента в состоянии disabled */
-  disabledOpacity: '--plasma-range-disabled-opacity',
-  /** Цвет обводки поля ввода при фокусе */
-  focusColor: '--plasma-range-focus-color',
-  /** Токены полей ввода */
-  textFieldColor: '--plasma-range-textfield-color',
-  textFieldFocusColor: '--plasma-range-textfield-focus-color',
-  textFieldPlaceholderColor: '--plasma-range-textfield-placeholder-color',
-  textFieldCaretColor: '--plasma-range-textfield-caret-color',
-  textFieldBackgroundColor: '--plasma-range-textfield-background-color',
-  textFieldBackgroundColorHover: '--plasma-range-textfield-background-color-hover',
-  textFieldBackgroundColorFocus: '--plasma-range-textfield-background-color-focus',
-  textFieldBackgroundErrorColor: '--plasma-range-textfield-background-color-error',
-  textFieldBackgroundErrorColorHover: '--plasma-range-textfield-background-color-error-hover',
-  textFieldBackgroundErrorColorFocus: '--plasma-range-textfield-background-color-error-focus',
-  textFieldBackgroundSuccessColor: '--plasma-range-textfield-background-color-success',
-  textFieldBackgroundSuccessColorHover: '--plasma-range-textfield-background-color-success-hover',
-  textFieldBackgroundSuccessColorFocus: '--plasma-range-textfield-background-color-success-focus',
-  textFieldBorderColor: '--plasma-range-textfield-border-color',
-  textFieldBorderColorHover: '--plasma-range-textfield-border-color-hover',
-  textFieldBorderColorFocus: '--plasma-range-textfield-border-color-focus',
-  textFieldBorderColorError: '--plasma-range-textfield-border-color-error',
-  textFieldBorderColorErrorHover: '--plasma-range-textfield-border-color-error-hover',
-  textFieldBorderColorErrorFocus: '--plasma-range-textfield-border-color-error-focus',
-  textFieldBorderColorSuccess: '--plasma-range-textfield-border-color-success',
-  textFieldBorderColorSuccessHover: '--plasma-range-textfield-border-color-success-hover',
-  textFieldBorderColorSuccessFocus: '--plasma-range-textfield-border-color-success-focus',
-  textFieldColorReadOnly: '--plasma-range-textfield-color-readonly',
-  textFieldBackgroundColorReadOnly: '--plasma-range-textfield-background-color-readonly',
-  textFieldBorderColorReadOnly: '--plasma-range-textfield-border-color-readonly',
-  textFieldPlaceholderColorReadOnly: '--plasma-range-textfield-placeholder-color-readonly',
-  textFieldHeight: '--plasma-range-textfield-height',
-  textFieldBorderWidth: '--plasma-range-textfield-border-width',
-  textFieldBorderRadius: '--plasma-range-textfield-border-radius',
-  textFieldPadding: '--plasma-range-textfield-padding',
-  textFieldLeftContentMargin: '--plasma-range-textfield__left-content-margin',
-  textFieldRightContentMargin: '--plasma-range-textfield__right-content-margin',
-  textFieldFontFamily: '--plasma-range-textfield-font-family',
-  textFieldFontStyle: '--plasma-range-textfield-font-style',
-  textFieldFontSize: '--plasma-range-textfield-font-size',
-  textFieldFontWeight: '--plasma-range-textfield-font-weight',
-  textFieldLetterSpacing: '--plasma-range-textfield-letter-spacing',
-  textFieldLineHeight: '--plasma-range-textfield-line-height',
-  textFieldTextBeforeColor: '--plasma-range-textfield__before-text-color',
-  textFieldTextAfterColor: '--plasma-range-textfield__after-text-color',
-  textFieldTextBeforeMargin: '--plasma-range-textfield__before-text-margin',
-  textFieldTextAfterMargin: '--plasma-range-textfield__after-text-margin'
-};

package/styled-components/cjs/components/Range/Range.types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/styled-components/cjs/components/Range/index.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "rangeConfig", {
-  enumerable: true,
-  get: function get() {
-    return _Range.rangeConfig;
-  }
-});
-Object.defineProperty(exports, "rangeRoot", {
-  enumerable: true,
-  get: function get() {
-    return _Range.rangeRoot;
-  }
-});
-Object.defineProperty(exports, "rangeTokens", {
-  enumerable: true,
-  get: function get() {
-    return _Range2.tokens;
-  }
-});
-var _Range = /*#__PURE__*/require("./Range");
-var _Range2 = /*#__PURE__*/require("./Range.tokens");

package/styled-components/cjs/components/Range/utils/index.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getSearchHandler = exports.getChangeHandler = void 0;
-var getChangeHandler = exports.getChangeHandler = function getChangeHandler(changeHandler, disabled, readOnly) {
-  return function (event) {
-    if (disabled || readOnly) {
-      return;
-    }
-    changeHandler === null || changeHandler === void 0 || changeHandler(event, event.target.value);
-  };
-};
-var getSearchHandler = exports.getSearchHandler = function getSearchHandler(searchHandler, disabled, readOnly) {
-  return function (value, event) {
-    if (disabled || readOnly) {
-      return;
-    }
-    searchHandler === null || searchHandler === void 0 || searchHandler(event, value);
-  };
-};

package/styled-components/cjs/components/Range/variations/_disabled/base.js

@@ -1,9 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.base = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Range = /*#__PURE__*/require("../../Range.tokens");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[disabled]{opacity:var(", ");cursor:not-allowed;}"], _Range.tokens.disabledOpacity);

package/styled-components/cjs/components/Range/variations/_disabled/tokens.json

@@ -1,4 +0,0 @@
-{
-    "type": "boolean",
-    "tokens": ["--plasma-range-disabled-opacity"]
-}

package/styled-components/cjs/components/Range/variations/_readonly/base.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.base = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Range = /*#__PURE__*/require("../../Range.tokens");
-var _Range2 = /*#__PURE__*/require("../../Range.styles");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{cursor:default;", "{background:var(", ");}", "{display:block;color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}", ",", "{color:var(", ");}}"], _Range2.ContentWrapper, _Range.tokens.backgroundReadOnly, _Range2.StyledLabel, _Range.tokens.labelColorReadOnly, _Range2.LeftHelper, _Range.tokens.leftHelperColorReadOnly, _Range2.StyledDivider, _Range.tokens.dividerColorReadOnly, _Range2.StyledContentLeft, _Range2.StyledContentRight, _Range.tokens.textFieldColorReadOnly);

package/styled-components/cjs/components/Range/variations/_readonly/tokens.json

@@ -1,4 +0,0 @@
-{
-    "type": "boolean",
-    "tokens": ["--plasma-range-background-read-only"]
-}

package/styled-components/cjs/components/Range/variations/_size/base.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.base = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Range = /*#__PURE__*/require("../../Range.tokens");
-var _Range2 = /*#__PURE__*/require("../../Range.styles");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{width:inherit;border-radius:var(", ");}", "{padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");}", "{margin:var(", ");}", "{margin:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}"], _Range2.ContentWrapper, _Range.tokens.borderRadius, _Range2.StyledDivider, _Range.tokens.dividerPadding, _Range.tokens.dividerFontFamily, _Range.tokens.dividerFontSize, _Range.tokens.dividerFontStyle, _Range.tokens.dividerFontWeight, _Range.tokens.dividerLetterSpacing, _Range.tokens.dividerLineHeight, _Range2.StyledLabel, _Range.tokens.labelOffset, _Range.tokens.labelFontFamily, _Range.tokens.labelFontSize, _Range.tokens.labelFontStyle, _Range.tokens.labelFontWeight, _Range.tokens.labelLetterSpacing, _Range.tokens.labelLineHeight, _Range2.StyledContentLeft, _Range.tokens.leftContentMargin, _Range2.StyledContentRight, _Range.tokens.rightContentMargin, _Range2.LeftHelper, _Range.tokens.leftHelperOffset, _Range.tokens.leftHelperFontFamily, _Range.tokens.leftHelperFontSize, _Range.tokens.leftHelperFontStyle, _Range.tokens.leftHelperFontWeight, _Range.tokens.leftHelperLetterSpacing, _Range.tokens.leftHelperLineHeight);

package/styled-components/cjs/components/Range/variations/_size/tokens.json

@@ -1,26 +0,0 @@
-[
-    "--plasma-range-border-radius",
-    "--plasma-range__left-content-margin",
-    "--plasma-range__right-content-margin",
-    "--plasma-range__label-offset",
-    "--plasma-range__label-font-family",
-    "--plasma-range__label-font-style",
-    "--plasma-range__label-font-size",
-    "--plasma-range__label-font-weight",
-    "--plasma-range__label-letter-spacing",
-    "--plasma-range__label-line-height",
-    "--plasma-range__left-helper-offset",
-    "--plasma-range__left-helper-font-family",
-    "--plasma-range__left-helper-font-style",
-    "--plasma-range__left-helper-font-size",
-    "--plasma-range__left-helper-font-weight",
-    "--plasma-range__left-helper-letter-spacing",
-    "--plasma-range__left-helper-line-height",
-    "--plasma-range__divider-padding",
-    "--plasma-range__divider-font-family",
-    "--plasma-range__divider-font-style",
-    "--plasma-range__divider-font-size",
-    "--plasma-range__divider-font-weight",
-    "--plasma-range__divider-letter-spacing",
-    "--plasma-range__divider-line-height"
-]

package/styled-components/cjs/components/Range/variations/_view/base.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.base = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Range = /*#__PURE__*/require("../../Range.tokens");
-var _Range2 = /*#__PURE__*/require("../../Range.styles");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");&.", "{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}&.", "{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}}", "{color:var(", ");}", "{display:block;color:var(", ");}", "{color:var(", ");}"], _Range2.ContentWrapper, _Range.tokens.background, _Range.tokens.borderWidth, _Range.tokens.borderColor, _Range.classes.rangeError, _Range.tokens.backgroundError, _Range.tokens.borderWidth, _Range.tokens.borderColorError, _Range.classes.rangeSuccess, _Range.tokens.backgroundSuccess, _Range.tokens.borderWidth, _Range.tokens.borderColorSuccess, _Range2.StyledDivider, _Range.tokens.dividerColor, _Range2.StyledLabel, _Range.tokens.labelColor, _Range2.LeftHelper, _Range.tokens.leftHelperColor);

package/styled-components/cjs/components/Range/variations/_view/tokens.json

@@ -1,6 +0,0 @@
-[
-    "--plasma-range-background",
-    "--plasma-range__label-color",
-    "--plasma-range__left-helper-color",
-    "--plasma-range__divider-color"
-]

package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.config.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Range = /*#__PURE__*/require("../../../../components/Range");
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 'l'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-primary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-positive);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-accent);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-accent);"], _Range.rangeTokens.background, _Range.rangeTokens.backgroundError, _Range.rangeTokens.backgroundSuccess, _Range.rangeTokens.dividerColor, _Range.rangeTokens.labelColor, _Range.rangeTokens.leftHelperColor, _Range.rangeTokens.textFieldColor, _Range.rangeTokens.textFieldPlaceholderColor, _Range.rangeTokens.textFieldCaretColor, _Range.rangeTokens.textFieldBackgroundColorFocus, _Range.rangeTokens.textFieldBackgroundErrorColor, _Range.rangeTokens.textFieldBackgroundErrorColorFocus, _Range.rangeTokens.textFieldBackgroundSuccessColor, _Range.rangeTokens.textFieldBackgroundSuccessColorFocus, _Range.rangeTokens.textFieldTextBeforeColor, _Range.rangeTokens.textFieldTextAfterColor, _Range.rangeTokens.focusColor)
-    },
-    size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.875rem;", ":0 0.375rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0 0.375rem 0 1rem;", ":0;", ":0 0 0.75rem 0;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":3.5rem;", ":0.875rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem 0 0 0;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;"], _Range.rangeTokens.borderRadius, _Range.rangeTokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _Range.rangeTokens.labelOffset, _Range.rangeTokens.labelFontFamily, _Range.rangeTokens.labelFontStyle, _Range.rangeTokens.labelFontSize, _Range.rangeTokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _Range.rangeTokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _Range.rangeTokens.leftHelperOffset, _Range.rangeTokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _Range.rangeTokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":0 0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0 0.375rem 0 0.875rem;", ":0;", ":0 0 0.625rem 0;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":3rem;", ":0.75rem;", ":0.875rem 1rem 0.875rem 1rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.25rem 0 0 0;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;"], _Range.rangeTokens.borderRadius, _Range.rangeTokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _Range.rangeTokens.labelOffset, _Range.rangeTokens.labelFontFamily, _Range.rangeTokens.labelFontStyle, _Range.rangeTokens.labelFontSize, _Range.rangeTokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _Range.rangeTokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _Range.rangeTokens.leftHelperOffset, _Range.rangeTokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _Range.rangeTokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.625rem;", ":0 0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0 0.375rem 0 0.75rem;", ":0;", ":0 0 0.5rem 0;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":2.5rem;", ":0.625rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.25rem 0 0 0;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;"], _Range.rangeTokens.borderRadius, _Range.rangeTokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _Range.rangeTokens.labelOffset, _Range.rangeTokens.labelFontFamily, _Range.rangeTokens.labelFontStyle, _Range.rangeTokens.labelFontSize, _Range.rangeTokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _Range.rangeTokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _Range.rangeTokens.leftHelperOffset, _Range.rangeTokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _Range.rangeTokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin),
-      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":0 0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0 0.25rem 0 0.5rem;", ":0;", ":0 0 0.375rem 0;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":2rem;", ":0.5rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem 0 0 0;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;"], _Range.rangeTokens.borderRadius, _Range.rangeTokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _Range.rangeTokens.labelOffset, _Range.rangeTokens.labelFontFamily, _Range.rangeTokens.labelFontStyle, _Range.rangeTokens.labelFontSize, _Range.rangeTokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _Range.rangeTokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _Range.rangeTokens.leftHelperOffset, _Range.rangeTokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _Range.rangeTokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin)
-    },
-    disabled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Range.rangeTokens.disabledOpacity)
-    },
-    readOnly: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Range.rangeTokens.backgroundReadOnly, _Range.rangeTokens.labelColorReadOnly, _Range.rangeTokens.leftHelperColorReadOnly, _Range.rangeTokens.dividerColorReadOnly, _Range.rangeTokens.textFieldColorReadOnly, _Range.rangeTokens.textFieldBackgroundColorReadOnly, _Range.rangeTokens.textFieldPlaceholderColorReadOnly)
-    }
-  }
-};

package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Range = void 0;
-var _engines = /*#__PURE__*/require("../../../../engines");
-var _Range = /*#__PURE__*/require("../../../../components/Range");
-var _Range2 = /*#__PURE__*/require("./Range.config");
-var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Range.rangeConfig, _Range2.config);
-var Range = exports.Range = /*#__PURE__*/(0, _engines.component)(mergedConfig);