@salutejs/plasma-new-hope 0.187.0-canary.1539.11742294440.0 → 0.187.0-dev.0

package/es/components/NumberInput/ui/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../../../src/components/NumberInput/ui/Input/Input.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { KeyboardEvent, ChangeEvent, FocusEvent } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { classes } from '../../NumberInput.tokens';\nimport { cx, isNumber } from '../../../../utils';\nimport { useDidMountEffect } from '../../../../hooks';\nimport { defaultCharacterWidth, excludingNumberSchema, numberSchema } from '../../utils';\nimport { keyCodes } from '../../../../utils/constants';\n\nimport type { InputProps } from './Input.types';\nimport {\n    AdditionalText,\n    Input,\n    InputWrapper,\n    DynamicInput,\n    InputWidthHelper,\n    TextWrapper,\n    StyledSpinner,\n    Loader,\n} from './Input.styles';\n\nexport const NumberInput = forwardRef<HTMLInputElement, InputProps>(\n    (\n        {\n            value,\n            min,\n            max,\n            isLoading,\n            loader,\n            disabled,\n            segmentation,\n            textBefore,\n            textAfter,\n            isManualInput,\n            isInputFocused,\n            setIsInputFocused,\n            setIsAnimationRun,\n            setInnerValue,\n            onChange,\n            onBlur,\n            onKeyDown,\n            ...rest\n        },\n        ref,\n    ) => {\n        const [dynamicWidth, setDynamicWidth] = useState(value ? `${String(value).length}ch` : defaultCharacterWidth);\n        const [lastValidValue, setLastValidValue] = useState(Number(value));\n        const [errorClass, setErrorClass] = useState<string | undefined>(undefined);\n        const [errorValue, setErrorValue] = useState<number>();\n\n        const inputHelperRef = useRef<HTMLSpanElement>(null);\n        const wrapperRef = useRef<HTMLDivElement>(null);\n        const textWrapperRef = useRef<HTMLDivElement>(null);\n        const inputRef = useRef<HTMLInputElement>(null);\n        const inputForkRef = useForkRef(inputRef, ref);\n\n        const solidViewClass = segmentation === 'solid' ? classes.solidView : undefined;\n        const manualInputClass = isManualInput ? classes.manualInput : undefined;\n\n        const getInputWidth = (firstRender = true) => {\n            if (!firstRender && inputHelperRef.current?.clientWidth) {\n                return `${inputHelperRef.current?.clientWidth}px`;\n            }\n\n            if (value) {\n                return `${String(value).length}ch`;\n            }\n\n            return defaultCharacterWidth;\n        };\n\n        const setValues = (event: ChangeEvent<HTMLInputElement> | null, newValue: number) => {\n            setLastValidValue(newValue);\n            setInnerValue(newValue);\n\n            if (onChange) {\n                onChange(event, newValue);\n            }\n        };\n\n        const validateValue = (newValue: number | string) => {\n            if (!newValue || !isNumber(newValue)) {\n                setValues(null, lastValidValue);\n                setIsAnimationRun(false);\n                return;\n            }\n\n            if (String(newValue).endsWith('.')) {\n                setValues(null, Number(newValue));\n                setIsAnimationRun(false);\n                return;\n            }\n\n            const resValue = Number(newValue);\n            if (max !== undefined && resValue > max) {\n                setErrorClass(classes.errorAnimation);\n                setErrorValue(max);\n                setIsAnimationRun(true);\n                return;\n            }\n\n            if (min !== undefined && resValue < min) {\n                setErrorClass(classes.errorAnimation);\n                setErrorValue(min);\n                setIsAnimationRun(true);\n            }\n\n            setIsAnimationRun(false);\n        };\n\n        const handleManualInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n            if (!isManualInput || disabled) {\n                return;\n            }\n\n            setIsAnimationRun(true);\n\n            const { value: newValue } = event.target;\n\n            if (!newValue) {\n                setInnerValue('');\n\n                if (onChange) {\n                    onChange(event, '');\n                }\n                return;\n            }\n\n            const cleanValue = newValue.replace(excludingNumberSchema, '');\n            if (cleanValue.endsWith('.') || cleanValue === '-') {\n                setInnerValue(cleanValue);\n\n                if (onChange) {\n                    onChange(event, cleanValue);\n                }\n                return;\n            }\n\n            const isValid = numberSchema.test(cleanValue);\n\n            if (!isValid) {\n                setValues(event, lastValidValue);\n                return;\n            }\n\n            if (\n                textWrapperRef?.current &&\n                wrapperRef?.current &&\n                textWrapperRef?.current?.clientWidth > wrapperRef?.current?.clientWidth\n            ) {\n                wrapperRef.current.scrollLeft =\n                    textWrapperRef.current.offsetWidth - textWrapperRef.current.offsetLeft || 0;\n            }\n\n            setValues(event, Number(cleanValue));\n        };\n\n        const handleClickInputWrapper = () => {\n            if (!isManualInput || !inputRef.current) {\n                return;\n            }\n\n            if (!isInputFocused) {\n                inputRef.current.select();\n            }\n\n            setIsInputFocused(true);\n        };\n\n        const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n            validateValue(value);\n            setIsInputFocused(false);\n\n            if (onBlur) {\n                onBlur(event);\n            }\n        };\n\n        const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n            if (!isManualInput || disabled) {\n                return;\n            }\n\n            if (event.keyCode === keyCodes.Enter) {\n                event.preventDefault();\n\n                validateValue(value);\n\n                if (onKeyDown) {\n                    onKeyDown(event);\n                }\n            }\n        };\n\n        const handleEndErrorAnimation = (correctValue: number) => {\n            setIsAnimationRun(false);\n            setIsInputFocused(false);\n\n            setErrorClass(undefined);\n            setValues(null, correctValue);\n        };\n\n        useEffect(() => {\n            setDynamicWidth(getInputWidth());\n        }, []);\n\n        useDidMountEffect(() => {\n            setDynamicWidth(getInputWidth(false));\n        }, [value]);\n\n        return (\n            <InputWrapper\n                ref={wrapperRef}\n                className={cx(solidViewClass, errorClass, manualInputClass)}\n                isManualInput={Boolean(isManualInput)}\n                onClick={handleClickInputWrapper}\n            >\n                <TextWrapper ref={textWrapperRef}>\n                    {!isLoading && textBefore && (\n                        <AdditionalText className={classes.textBefore}>{textBefore}</AdditionalText>\n                    )}\n                    {isLoading ? (\n                        <Loader>{loader || <StyledSpinner />}</Loader>\n                    ) : (\n                        <DynamicInput>\n                            <Input\n                                ref={inputForkRef}\n                                dynamicWidth={dynamicWidth}\n                                value={value}\n                                isManualInput={Boolean(isManualInput)}\n                                tabIndex={disabled || !isManualInput ? -1 : 0}\n                                onChange={handleManualInputChange}\n                                onBlur={handleBlur}\n                                onKeyDown={handleKeyDown}\n                                onAnimationEnd={() => handleEndErrorAnimation(Number(errorValue))}\n                                {...rest}\n                            />\n                            <InputWidthHelper ref={inputHelperRef}>{value}</InputWidthHelper>\n                        </DynamicInput>\n                    )}\n                    {!isLoading && textAfter && (\n                        <AdditionalText className={classes.textAfter}>{textAfter}</AdditionalText>\n                    )}\n                </TextWrapper>\n            </InputWrapper>\n        );\n    },\n);\n"],"names":["NumberInput","forwardRef","_ref","ref","value","min","max","isLoading","loader","disabled","segmentation","textBefore","textAfter","isManualInput","isInputFocused","setIsInputFocused","setIsAnimationRun","setInnerValue","onChange","onBlur","onKeyDown","rest","_objectWithoutProperties","_excluded","_useState","useState","concat","String","length","defaultCharacterWidth","_useState2","_slicedToArray","dynamicWidth","setDynamicWidth","_useState3","Number","_useState4","lastValidValue","setLastValidValue","_useState5","undefined","_useState6","errorClass","setErrorClass","_useState7","_useState8","errorValue","setErrorValue","inputHelperRef","useRef","wrapperRef","textWrapperRef","inputRef","inputForkRef","useForkRef","solidViewClass","classes","solidView","manualInputClass","manualInput","getInputWidth","_inputHelperRef$curre","firstRender","arguments","current","clientWidth","_inputHelperRef$curre2","setValues","event","newValue","validateValue","isNumber","endsWith","resValue","errorAnimation","handleManualInputChange","_textWrapperRef$curre","_wrapperRef$current","target","cleanValue","replace","excludingNumberSchema","isValid","numberSchema","test","scrollLeft","offsetWidth","offsetLeft","handleClickInputWrapper","select","handleBlur","handleKeyDown","keyCode","keyCodes","Enter","preventDefault","handleEndErrorAnimation","correctValue","useEffect","useDidMountEffect","React","createElement","InputWrapper","className","cx","Boolean","onClick","TextWrapper","AdditionalText","Loader","_StyledSpinner","StyledSpinner","DynamicInput","Input","_extends","tabIndex","onAnimationEnd","InputWidthHelper"],"mappings":"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"}

package/es/components/NumberInput/ui/Input/Input.styles.js

@@ -0,0 +1,85 @@
+import './Input.styles_fhgb95.css';
+import { styled } from '@linaria/react';
+import { component, mergeConfig } from '../../../../engines/common.js';
+import { spinnerConfig } from '../../../Spinner/Spinner.js';
+
+var mergedConfig = /*#__PURE__*/mergeConfig(spinnerConfig);
+var Spinner = /*#__PURE__*/component(mergedConfig);
+var _exp = function _exp() {
+  return function (_ref) {
+    var isManualInput = _ref.isManualInput;
+    return isManualInput ? 'text' : 'default';
+  };
+};
+var InputWrapper = /*#__PURE__*/styled('div')({
+  name: "InputWrapper",
+  "class": "i1s8bsh6",
+  propsAsIs: false,
+  vars: {
+    "i1s8bsh6-0": [/*#__PURE__*/_exp()]
+  }
+});
+var TextWrapper = /*#__PURE__*/styled('div')({
+  name: "TextWrapper",
+  "class": "t6wb9c",
+  propsAsIs: false
+});
+var AdditionalText = /*#__PURE__*/styled('span')({
+  name: "AdditionalText",
+  "class": "az36kha",
+  propsAsIs: false
+});
+var Loader = /*#__PURE__*/styled('div')({
+  name: "Loader",
+  "class": "l1u6icqf",
+  propsAsIs: false
+});
+var _exp2 = function _exp2() {
+  return Spinner;
+};
+var StyledSpinner = /*#__PURE__*/styled(_exp2())({
+  name: "StyledSpinner",
+  "class": "s1ft73sv",
+  propsAsIs: true
+});
+var DynamicInput = /*#__PURE__*/styled('div')({
+  name: "DynamicInput",
+  "class": "d1n4jo6t",
+  propsAsIs: false
+});
+var _exp3 = function _exp3() {
+  return function (_ref2) {
+    var dynamicWidth = _ref2.dynamicWidth;
+    return dynamicWidth;
+  };
+};
+var _exp4 = function _exp4() {
+  return function (_ref3) {
+    var isManualInput = _ref3.isManualInput;
+    return isManualInput ? 'text' : 'default';
+  };
+};
+var _exp5 = function _exp5() {
+  return function (_ref4) {
+    var isManualInput = _ref4.isManualInput;
+    return isManualInput ? 'initial' : 'none';
+  };
+};
+var Input = /*#__PURE__*/styled('input')({
+  name: "Input",
+  "class": "i1tgbhg7",
+  propsAsIs: false,
+  vars: {
+    "i1tgbhg7-0": [/*#__PURE__*/_exp3()],
+    "i1tgbhg7-1": [/*#__PURE__*/_exp4()],
+    "i1tgbhg7-2": [/*#__PURE__*/_exp5()]
+  }
+});
+var InputWidthHelper = /*#__PURE__*/styled('span')({
+  name: "InputWidthHelper",
+  "class": "i1il5xze",
+  propsAsIs: false
+});
+
+export { AdditionalText, DynamicInput, Input, InputWidthHelper, InputWrapper, Loader, StyledSpinner, TextWrapper };
+//# sourceMappingURL=Input.styles.js.map

package/es/components/NumberInput/ui/Input/Input.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.styles.js","sources":["../../../../../src/components/NumberInput/ui/Input/Input.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { spinnerConfig } from '../../../Spinner';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const InputWrapper = styled.div<{ isManualInput: boolean }>`\n    overflow-x: auto;\n    overflow-y: hidden;\n    flex: 1;\n    cursor: ${({ isManualInput }) => (isManualInput ? 'text' : 'default')};\n\n    ::-webkit-scrollbar {\n        display: none;\n    }\n\n    scrollbar-width: none;\n\n    overscroll-behavior: contain;\n`;\n\nexport const TextWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: fit-content;\n    margin: 0 auto;\n    box-sizing: border-box;\n`;\n\nexport const AdditionalText = styled.span``;\n\nexport const Loader = styled.div``;\n\nexport const StyledSpinner = styled(Spinner)``;\n\nexport const DynamicInput = styled.div`\n    position: relative;\n`;\n\nexport const Input = styled.input<{ dynamicWidth: string; isManualInput: boolean }>`\n    box-sizing: border-box;\n    appearance: none;\n    border: 0;\n    padding: 0;\n    background-color: transparent;\n    outline: none;\n    width: ${({ dynamicWidth }) => dynamicWidth};\n    box-sizing: border-box;\n    cursor: ${({ isManualInput }) => (isManualInput ? 'text' : 'default')};\n    pointer-events: ${({ isManualInput }) => (isManualInput ? 'initial' : 'none')};\n    transition: width 0.1s;\n`;\n\nexport const InputWidthHelper = styled.span`\n    position: absolute;\n    z-index: -999;\n    visibility: hidden;\n    top: 0;\n    left: 0;\n    opacity: 0;\n    height: 0;\n    white-space: pre;\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","_exp","_ref","isManualInput","InputWrapper","styled","name","class","propsAsIs","vars","TextWrapper","AdditionalText","Loader","_exp2","StyledSpinner","DynamicInput","_exp3","_ref2","dynamicWidth","_exp4","_ref3","_exp5","_ref4","Input","InputWidthHelper"],"mappings":"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"}

package/es/components/NumberInput/ui/Input/Input.styles_fhgb95.css

@@ -0,0 +1,8 @@
+.i1s8bsh6{overflow-x:auto;overflow-y:hidden;-webkit-flex:1;-ms-flex:1;flex:1;cursor:var(--i1s8bsh6-0);-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.i1s8bsh6::-webkit-scrollbar{display:none;}
+.t6wb9c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;box-sizing:border-box;}
+
+
+
+.d1n4jo6t{position:relative;}
+.i1tgbhg7{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:var(--i1tgbhg7-0);box-sizing:border-box;cursor:var(--i1tgbhg7-1);pointer-events:var(--i1tgbhg7-2);-webkit-transition:width 0.1s;transition:width 0.1s;}
+.i1il5xze{position:absolute;z-index:-999;visibility:hidden;top:0;left:0;opacity:0;height:0;white-space:pre;}

package/es/components/NumberInput/utils/index.js

@@ -0,0 +1,6 @@
+var defaultCharacterWidth = '1ch';
+var numberSchema = /^(-)?\d+(\.\d+)?$/;
+var excludingNumberSchema = /[^-.\d]/g;
+
+export { defaultCharacterWidth, excludingNumberSchema, numberSchema };
+//# sourceMappingURL=index.js.map

package/es/components/NumberInput/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/NumberInput/utils/index.ts"],"sourcesContent":["export const defaultCharacterWidth = '1ch';\nexport const numberSchema = /^(-)?\\d+(\\.\\d+)?$/;\nexport const excludingNumberSchema = /[^-.\\d]/g;\n"],"names":["defaultCharacterWidth","numberSchema","excludingNumberSchema"],"mappings":"AAAO,IAAMA,qBAAqB,GAAG,MAAK;AACnC,IAAMC,YAAY,GAAG,oBAAmB;AACxC,IAAMC,qBAAqB,GAAG;;;;"}

package/es/components/{Switch/_toggleSize → NumberInput/variations/_background-type}/base.js

@@ -1,5 +1,5 @@
-import './base_6i0904.css';
-var base = "b1wld3h3";
+import './base_dx9knv.css';
+var base = "b15uqx38";
 
 export { base };
 //# sourceMappingURL=base.js.map

package/es/components/NumberInput/variations/_background-type/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/NumberInput/variations/_background-type/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../NumberInput.tokens';\nimport { InputWrapper } from '../../ui/Input/Input.styles';\n\nexport const base = css`\n    ${InputWrapper} {\n        background-color: var(${tokens.backgroundColor});\n        box-shadow: inset 0 0 0 var(${tokens.inputWrapperBorderWidth}) var(${tokens.borderColor});\n\n        &.${classes.manualInput}:hover {\n            background-color: var(${tokens.backgroundColorHover});\n            box-shadow: inset 0 0 0 var(${tokens.inputWrapperBorderWidth}) var(${tokens.borderColorHover});\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAUhB;;;;"}

package/es/components/NumberInput/variations/_background-type/base_dx9knv.css

@@ -0,0 +1 @@
+.b15uqx38 .i1s8bsh6{background-color:var(--plasma-number-input_background-color);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border-color);}.b15uqx38 .i1s8bsh6.manual-input-number-input:hover{background-color:var(--plasma-number-input_background-color-hover);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border-color-hover);}

package/es/components/NumberInput/variations/_disabled/base.js

@@ -0,0 +1,5 @@
+import './base_1sl0mh8.css';
+var base = "bmqk5v5";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/NumberInput/variations/_disabled/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/NumberInput/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../NumberInput.tokens';\n\nexport const base = css`\n    &&.${classes.disabled} {\n        pointer-events: none;\n        opacity: var(${tokens.disabledOpacity});\n        cursor: not-allowed;\n    }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAMhB;;;;"}

package/es/components/NumberInput/variations/_disabled/base_1sl0mh8.css

@@ -0,0 +1 @@
+.bmqk5v5.bmqk5v5.number-input-disabled{pointer-events:none;opacity:var(--plasma-number-input_disabled-opacity);cursor:not-allowed;}

package/es/components/NumberInput/variations/_segmentation/base.js

@@ -0,0 +1,5 @@
+import './base_14s5rot.css';
+var base = "bpps6rw";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/NumberInput/variations/_segmentation/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/NumberInput/variations/_segmentation/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, privateTokens, tokens } from '../../NumberInput.tokens';\nimport { StyledIconButton } from '../../ui/ActionButton/ActionButton.styles';\nimport { AdditionalText, Input, InputWrapper, StyledSpinner } from '../../ui/Input/Input.styles';\nimport { spinnerTokens } from '../../../Spinner';\n\nexport const base = css`\n    ${InputWrapper} {\n        border-radius: var(${tokens.inputWrapperBorderRadius});\n    }\n\n    ${StyledIconButton} {\n        ${privateTokens.segmentationBorderRadius}: var(${tokens.iconButtonRadius});\n\n        &.${classes.segmentedView}, &.${classes.solidView} {\n            ${privateTokens.segmentationBorderRadius}: var(${tokens.iconButtonSegmentationRadius}, var(${tokens.iconButtonRadius}));\n        }\n\n        &.${classes.actionButtonDecrement} {\n            border-radius: var(${tokens.iconButtonRadius}) var(${privateTokens.segmentationBorderRadius}) var(${privateTokens.segmentationBorderRadius}) var(${tokens.iconButtonRadius});\n        }\n\n        &.${classes.actionButtonIncrement} {\n            border-radius: var(${privateTokens.segmentationBorderRadius}) var(${tokens.iconButtonRadius}) var(${tokens.iconButtonRadius}) var(${privateTokens.segmentationBorderRadius});\n        }\n    }\n\n    &.${classes.segmentedView} {\n        ${InputWrapper} {\n            border-radius: var(${tokens.iconButtonSegmentationRadius});\n        }\n    }\n\n    &.${classes.solidView} {            \n        ${privateTokens.topBoxShadow}: inset 0 var(${tokens.rootBorderWidth}) var(${tokens.wrapperBorderColor});\n        ${privateTokens.bottomBoxShadow}: inset 0 calc(-1 * var(${tokens.rootBorderWidth})) var(${tokens.wrapperBorderColor});\n        ${privateTokens.leftBoxShadow}: inset var(${tokens.rootBorderWidth}) 0 var(${tokens.wrapperBorderColor});\n        ${privateTokens.rightBoxShadow}: inset calc(-1 * var(${tokens.rootBorderWidth})) 0 var(${tokens.wrapperBorderColor});\n\n\n        &.${classes.focused}:not(${classes.loading}), &.${classes.focused}:not(${classes.disabled}) {\n            ${privateTokens.topBoxShadow}: inset 0 var(${tokens.rootBorderWidth}) var(${tokens.wrapperBorderColorFocus});\n            ${privateTokens.bottomBoxShadow}: inset 0 calc(-1 * var(${tokens.rootBorderWidth})) var(${tokens.wrapperBorderColorFocus});\n            ${privateTokens.leftBoxShadow}: inset var(${tokens.rootBorderWidth}) 0 var(${tokens.wrapperBorderColorFocus});\n            ${privateTokens.rightBoxShadow}: inset calc(-1 * var(${tokens.rootBorderWidth})) 0 var(${tokens.wrapperBorderColorFocus});\n        }\n\n        position: relative;\n\n        &:before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            width: calc(100% - var(${tokens.iconButtonWidth}) * 2);\n            height: 100%;\n            background: var(${tokens.backgroundColorSolid});\n            box-shadow: var(${privateTokens.topBoxShadow}), var(${privateTokens.bottomBoxShadow});\n        }\n\n        ${InputWrapper} {\n            position: relative;\n            color: var(${tokens.colorSolid});\n            \n            &:not(${classes.errorAnimation}).${classes.manualInput}:focus-within {\n                background-color: var(${tokens.backgroundColorSolidFocus});\n                box-shadow: inset 0 0 0 var(${tokens.inputWrapperBorderWidth}) var(${tokens.borderColorSolidFocus});\n            }\n        }\n\n        ${StyledIconButton} {\n            &.${classes.actionButtonDecrement} {\n                box-shadow: var(${privateTokens.bottomBoxShadow}), var(${privateTokens.topBoxShadow}), var(${privateTokens.leftBoxShadow});\n            }\n\n            &.${classes.actionButtonIncrement} {\n                box-shadow: var(${privateTokens.bottomBoxShadow}), var(${privateTokens.topBoxShadow}), var(${privateTokens.rightBoxShadow});\n            }\n\n            :hover,\n            :active {                \n                background-color: var(${tokens.iconButtonBackgroundColor});\n            }\n\n            :hover {                \n                color: var(${tokens.iconButtonColorSolidHover});\n            }\n\n            :active {                \n                color: var(${tokens.iconButtonColorSolidActive});\n            }\n\n            &.${classes.actionButtonDecrementDisabled}, &.${classes.actionButtonIncrementDisabled} {\n                opacity: 1;\n\n                svg {\n                    opacity: var(${tokens.actionButtonDisabledOpacity});\n                }\n\n                :hover,\n                :active {\n                    color: var(${tokens.iconButtonColor});\n\n                    svg {\n                        opacity: var(${tokens.actionButtonDisabledOpacity});\n                    }\n                }\n            }\n        }\n\n        &.${classes.clearView} {\n            ${StyledIconButton} {\n                &.${classes.actionButtonDecrementDisabled}, &.${classes.actionButtonIncrementDisabled} {\n                    :hover,\n                    :active {\n                        background-color: transparent;\n                    }\n                }\n            }\n        }\n\n        ${StyledSpinner} {\n            ${spinnerTokens.color}: var(${tokens.loaderSpinnerColorSolid});\n        }\n    \n        ${Input} {\n            caret-color: var(${tokens.caretColorSolid}, var(${tokens.caretColor}));\n\n            &:not(.${classes.errorAnimation}){\n                color: var(${tokens.colorSolid});\n            }\n        }\n    \n        ${AdditionalText} {\n            color: var(${tokens.additionalTextColorSolid});\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAOO,IAAMA,IAAI,GAoIhB;;;;"}

package/es/components/NumberInput/variations/_segmentation/base_14s5rot.css

@@ -0,0 +1 @@
+.bpps6rw .i1s8bsh6{border-radius:var(--plasma-number-input_input-wrapper_border-radius);}.bpps6rw .sj0ab1b{--plasma_private-segmentation-border-radius:var(--plasma-number-input_icon-button_radius);}.bpps6rw .sj0ab1b.segmented-view,.bpps6rw .sj0ab1b.solid-view{--plasma_private-segmentation-border-radius:var(--plasma-number-input_icon-button_segmentation_radius,var(--plasma-number-input_icon-button_radius));}.bpps6rw .sj0ab1b.action-button-decrement{border-radius:var(--plasma-number-input_icon-button_radius) var(--plasma_private-segmentation-border-radius) var(--plasma_private-segmentation-border-radius) var(--plasma-number-input_icon-button_radius);}.bpps6rw .sj0ab1b.action-button-increment{border-radius:var(--plasma_private-segmentation-border-radius) var(--plasma-number-input_icon-button_radius) var(--plasma-number-input_icon-button_radius) var(--plasma_private-segmentation-border-radius);}.bpps6rw.segmented-view .i1s8bsh6{border-radius:var(--plasma-number-input_icon-button_segmentation_radius);}.bpps6rw.solid-view{--plasma_private-number-input_top-box-shadow:inset 0 var(--plasma-number-input_input-border-width) var(--plasma-number-input_wrapper_border-color);--plasma_private-number-input_bottom-box-shadow:inset 0 calc(-1 * var(--plasma-number-input_input-border-width)) var(--plasma-number-input_wrapper_border-color);--plasma_private-number-input_left-box-shadow:inset var(--plasma-number-input_input-border-width) 0 var(--plasma-number-input_wrapper_border-color);--plasma_private-number-input_right-box-shadow:inset calc(-1 * var(--plasma-number-input_input-border-width)) 0 var(--plasma-number-input_wrapper_border-color);position:relative;}.bpps6rw.solid-view.number-input-focused:not(number-input-loading),.bpps6rw.solid-view.number-input-focused:not(number-input-disabled){--plasma_private-number-input_top-box-shadow:inset 0 var(--plasma-number-input_input-border-width) var(--plasma-number-input_wrapper_border-color_focus);--plasma_private-number-input_bottom-box-shadow:inset 0 calc(-1 * var(--plasma-number-input_input-border-width)) var(--plasma-number-input_wrapper_border-color_focus);--plasma_private-number-input_left-box-shadow:inset var(--plasma-number-input_input-border-width) 0 var(--plasma-number-input_wrapper_border-color_focus);--plasma_private-number-input_right-box-shadow:inset calc(-1 * var(--plasma-number-input_input-border-width)) 0 var(--plasma-number-input_wrapper_border-color_focus);}.bpps6rw.solid-view:before{content:'';position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:calc(100% - var(--plasma-number-input_icon-button_width) * 2);height:100%;background:var(--plasma-number-input_background-color-solid);box-shadow:var(--plasma_private-number-input_top-box-shadow),var(--plasma_private-number-input_bottom-box-shadow);}.bpps6rw.solid-view .i1s8bsh6{position:relative;color:var(--plasma-number-input_color-solid);}.bpps6rw.solid-view .i1s8bsh6:not(error-animation).manual-input-number-input:focus-within{background-color:var(--plasma-number-input_background-color-solid-focus);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border-color-solid-focus);}.bpps6rw.solid-view .sj0ab1b.action-button-decrement{box-shadow:var(--plasma_private-number-input_bottom-box-shadow),var(--plasma_private-number-input_top-box-shadow),var(--plasma_private-number-input_left-box-shadow);}.bpps6rw.solid-view .sj0ab1b.action-button-increment{box-shadow:var(--plasma_private-number-input_bottom-box-shadow),var(--plasma_private-number-input_top-box-shadow),var(--plasma_private-number-input_right-box-shadow);}.bpps6rw.solid-view .sj0ab1b:hover,.bpps6rw.solid-view .sj0ab1b:active{background-color:var(--plasma-number-input_icon-button_background-color);}.bpps6rw.solid-view .sj0ab1b:hover{color:var(--plasma-number-input_icon-button_color_solid-hover);}.bpps6rw.solid-view .sj0ab1b:active{color:var(--plasma-number-input_icon-button_color_solid-active);}.bpps6rw.solid-view .sj0ab1b.action-button-decrement-disabled,.bpps6rw.solid-view .sj0ab1b.action-button-increment-disabled{opacity:1;}.bpps6rw.solid-view .sj0ab1b.action-button-decrement-disabled svg,.bpps6rw.solid-view .sj0ab1b.action-button-increment-disabled svg{opacity:var(--plasma-number-input_action-button_disabled-opacity);}.bpps6rw.solid-view .sj0ab1b.action-button-decrement-disabled:hover,.bpps6rw.solid-view .sj0ab1b.action-button-increment-disabled:hover,.bpps6rw.solid-view .sj0ab1b.action-button-decrement-disabled:active,.bpps6rw.solid-view .sj0ab1b.action-button-increment-disabled:active{color:var(--plasma-number-input_icon-button_color);}.bpps6rw.solid-view .sj0ab1b.action-button-decrement-disabled:hover svg,.bpps6rw.solid-view .sj0ab1b.action-button-increment-disabled:hover svg,.bpps6rw.solid-view .sj0ab1b.action-button-decrement-disabled:active svg,.bpps6rw.solid-view .sj0ab1b.action-button-increment-disabled:active svg{opacity:var(--plasma-number-input_action-button_disabled-opacity);}.bpps6rw.solid-view.clear-view .sj0ab1b.action-button-decrement-disabled:hover,.bpps6rw.solid-view.clear-view .sj0ab1b.action-button-increment-disabled:hover,.bpps6rw.solid-view.clear-view .sj0ab1b.action-button-decrement-disabled:active,.bpps6rw.solid-view.clear-view .sj0ab1b.action-button-increment-disabled:active{background-color:transparent;}.bpps6rw.solid-view .s1ft73sv{--plasma-spinner-color:var(--plasma-number-input_loader-spinner_color-solid);}.bpps6rw.solid-view .i1tgbhg7{caret-color:var(--plasma-number-input_caret_color-solid,var(--plasma-number-input_caret_color));}.bpps6rw.solid-view .i1tgbhg7:not(.error-animation){color:var(--plasma-number-input_color-solid);}.bpps6rw.solid-view .az36kha{color:var(--plasma-number-input_additional-text_color-solid);}

package/es/components/NumberInput/variations/_shape/base.js

@@ -0,0 +1,5 @@
+import './base_k05biw.css';
+var base = "b1l31q8y";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/NumberInput/variations/_shape/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/NumberInput/variations/_shape/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../NumberInput.tokens';\nimport { iconButtonTokens } from '../../../IconButton';\nimport { StyledIconButton } from '../../ui/ActionButton/ActionButton.styles';\n\nexport const base = css`\n    ${StyledIconButton} {\n        ${iconButtonTokens.iconButtonRadius}: var(${tokens.iconButtonRadius});\n    }\n`;\n"],"names":["base"],"mappings":"AAMO,IAAMA,IAAI,GAIhB;;;;"}

package/es/components/NumberInput/variations/_shape/base_k05biw.css

@@ -0,0 +1 @@
+.b1l31q8y .sj0ab1b{--plasma-icon-button-radius:var(--plasma-number-input_icon-button_radius);}

package/es/components/NumberInput/variations/_size/base.js

@@ -0,0 +1,5 @@
+import './base_yqdmk4.css';
+var base = "b13wjeky";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/NumberInput/variations/_size/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/NumberInput/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, privateTokens, tokens } from '../../NumberInput.tokens';\nimport { iconButtonTokens } from '../../../IconButton';\nimport { StyledIconButton } from '../../ui/ActionButton/ActionButton.styles';\nimport {\n    AdditionalText,\n    DynamicInput,\n    Input,\n    InputWrapper,\n    StyledSpinner,\n    TextWrapper,\n} from '../../ui/Input/Input.styles';\nimport { spinnerTokens } from '../../../Spinner';\n\nexport const base = css`\n    width: var(${privateTokens.inputWidth});\n    min-width: var(${tokens.rootMinWidth});\n\n    ${StyledIconButton} {\n        ${iconButtonTokens.iconButtonHeight}: var(${tokens.iconButtonHeight});\n        ${iconButtonTokens.iconButtonWidth}: var(${tokens.iconButtonWidth});\n        ${iconButtonTokens.iconButtonPadding}: var(${tokens.iconButtonPadding});\n        ${iconButtonTokens.iconButtonFontFamily}: var(${tokens.iconButtonFontFamily});\n        ${iconButtonTokens.iconButtonFontSize}: var(${tokens.iconButtonFontSize});\n        ${iconButtonTokens.iconButtonFontStyle}: var(${tokens.iconButtonFontStyle});\n        ${iconButtonTokens.iconButtonFontWeight}: var(${tokens.iconButtonFontWeight});\n        ${iconButtonTokens.iconButtonLetterSpacing}: var(${tokens.iconButtonLetterSpacing});\n        ${iconButtonTokens.iconButtonLineHeight}: var(${tokens.iconButtonLineHeight});\n    }\n\n    ${InputWrapper} {\n        margin: var(${tokens.inputWrapperMargin});\n    }\n\n    ${TextWrapper} {\n        height: var(${tokens.textWrapperHeight});\n        padding: var(${tokens.textWrapperPadding});\n    }\n\n    ${DynamicInput}, ${Input}, ${AdditionalText} {\n        font-family: var(${tokens.fontFamily});\n        font-size: var(${tokens.fontSize});\n        font-style: var(${tokens.fontStyle});\n        font-weight: var(${tokens.fontWeight});\n        letter-spacing: var(${tokens.letterSpacing});\n        line-height: var(${tokens.lineHeight});\n    }\n\n    ${AdditionalText} {\n        &.${classes.textBefore} {\n            margin-right: var(${tokens.textBeforeMarginRight});\n        }\n\n        &.${classes.textAfter} {\n            margin-left: var(${tokens.textAfterMarginLeft});\n        }\n    }\n\n    ${StyledSpinner} {\n        ${spinnerTokens.size}: var(${tokens.loaderSpinnerSize});\n    }\n`;\n"],"names":["base"],"mappings":"AAeO,IAAMA,IAAI,GA+ChB;;;;"}

package/es/components/NumberInput/variations/_size/base_yqdmk4.css

@@ -0,0 +1 @@
+.b13wjeky{width:var(--plasma_private-number-input_width);min-width:var(--plasma-number-input_min-width);}.b13wjeky .sj0ab1b{--plasma-icon-button-height:var(--plasma-number-input_icon-button_height);--plasma-icon-button-width:var(--plasma-number-input_icon-button_width);--plasma-icon-button-padding:var(--plasma-number-input_icon-button_padding);--plasma-icon-button-font-family:var(--plasma-number-input_icon-button_font-family);--plasma-icon-button-font-size:var(--plasma-number-input_icon-button_font-size);--plasma-icon-button-font-style:var(--plasma-number-input_icon-button_font-style);--plasma-icon-button-font-weight:var(--plasma-number-input_icon-button_font-weight);--plasma-icon-button-letter-spacing:var(--plasma-number-input_icon-button_letter-spacing);--plasma-icon-button-line-height:var(--plasma-number-input_icon-button_line-height);}.b13wjeky .i1s8bsh6{margin:var(--plasma-number-input_input-wrapper_margin);}.b13wjeky .t6wb9c{height:var(--plasma-number-input_text-wrapper_height);padding:var(--plasma-number-input_text-wrapper_padding);}.b13wjeky .d1n4jo6t,.b13wjeky .i1tgbhg7,.b13wjeky .az36kha{font-family:var(--plasma-number-input_font-family);font-size:var(--plasma-number-input_font-size);font-style:var(--plasma-number-input_font-style);font-weight:var(--plasma-number-input_font-weight);-webkit-letter-spacing:var(--plasma-number-input_letter-spacing);-moz-letter-spacing:var(--plasma-number-input_letter-spacing);-ms-letter-spacing:var(--plasma-number-input_letter-spacing);letter-spacing:var(--plasma-number-input_letter-spacing);line-height:var(--plasma-number-input_line-height);}.b13wjeky .az36kha.text-before{margin-right:var(--plasma-number-input_text-before_margin-right);}.b13wjeky .az36kha.text-after{margin-left:var(--plasma-number-input_text-after_margin-left);}.b13wjeky .s1ft73sv{--plasma-spinner-size:var(--plasma-number-input_loader-spinner_size);}

package/es/components/NumberInput/variations/_view/base.js

@@ -0,0 +1,5 @@
+import './base_tnfbb5.css';
+var base = "bhi37xj";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/NumberInput/variations/_view/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/NumberInput/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../NumberInput.tokens';\nimport { iconButtonTokens } from '../../../IconButton';\nimport { StyledIconButton } from '../../ui/ActionButton/ActionButton.styles';\nimport { AdditionalText, Input, InputWrapper, StyledSpinner } from '../../ui/Input/Input.styles';\nimport { spinnerTokens } from '../../../Spinner';\n\nexport const base = css`\n    ${StyledIconButton} {\n        ${iconButtonTokens.iconButtonColor}: var(${tokens.iconButtonColor});\n        ${iconButtonTokens.iconButtonBackgroundColor}: var(${tokens.iconButtonBackgroundColor});\n        ${iconButtonTokens.iconButtonColorHover}: var(${tokens.iconButtonColorHover});\n        ${iconButtonTokens.iconButtonBackgroundColorHover}: var(${tokens.iconButtonBackgroundColorHover});\n        ${iconButtonTokens.iconButtonColorActive}: var(${tokens.iconButtonColorActive});\n        ${iconButtonTokens.iconButtonBackgroundColorActive}: var(${tokens.iconButtonBackgroundColorActive});\n\n        &.${classes.actionButtonDecrementDisabled}, &.${classes.actionButtonIncrementDisabled} {\n            opacity: var(${tokens.actionButtonDisabledOpacity});\n            cursor: not-allowed;\n\n            :hover,\n            :active {\n                scale: none;\n\n                color: var(${tokens.iconButtonColor});\n                background-color: var(${tokens.iconButtonBackgroundColor});\n            }\n        }\n    }\n\n    && ${InputWrapper}{\n        &.${classes.manualInput}:focus-within {\n            background-color: var(${tokens.backgroundColorFocus});\n            box-shadow: inset 0 0 0 var(${tokens.inputWrapperBorderWidth}) var(${tokens.borderColorFocus});\n        }\n\n        &.${classes.manualInput}.${classes.errorAnimation} {\n            background-color: var(${tokens.backgroundErrorColor});\n            box-shadow: inset 0 0 0 var(${tokens.inputWrapperBorderWidth}) var(${tokens.borderErrorColor});\n\n            animation: shakingError 0.3s forwards;\n\n            ${Input} {\n                color: var(${tokens.errorColor});\n                animation: fadeError 0.3s forwards;\n            }\n\n            &:focus-within {\n                background-color: var(${tokens.backgroundErrorColor});\n                box-shadow: inset 0 0 0 var(${tokens.inputWrapperBorderWidth}) var(${tokens.borderErrorColor});\n            }\n        }\n\n        @keyframes shakingError {\n            14% {\n                transform: translateX(-0.125rem);\n            }\n            28% {\n                transform: translateX(0.125rem);\n            }\n            42% {\n                transform: translateX(-0.125rem);\n            }\n            57% {\n                transform: translateX(0.125rem);\n            }\n            71% {\n                transform: translateX(-0.125rem);\n            }\n            85% {\n                transform: translateX(0.125rem);\n            }\n            100% {\n                transform: translateX(-0.125rem);\n            }\n        }\n\n        @keyframes fadeError {\n            50% {\n                opacity: 1;\n            }\n            100% {\n                opacity: 0;\n            }\n        }\n    }\n\n    ${StyledSpinner} {\n        ${spinnerTokens.color}: var(${tokens.loaderSpinnerColor});\n    }\n\n    ${Input} {\n        color: var(${tokens.color});\n        caret-color: var(${tokens.caretColor});\n    }\n\n    ${AdditionalText} {\n        color: var(${tokens.additionalTextColor});\n    }\n`;\n"],"names":["base"],"mappings":"AAQO,IAAMA,IAAI,GA4FhB;;;;"}

package/es/components/NumberInput/variations/_view/base_tnfbb5.css

@@ -0,0 +1 @@
+.bhi37xj .sj0ab1b{--plasma-icon-button-color:var(--plasma-number-input_icon-button_color);--plasma-icon-button-background-color:var(--plasma-number-input_icon-button_background-color);--plasma-icon-button-color-hover:var(--plasma-number-input_icon-button_color-hover);--plasma-icon-button-background-color-hover:var(--plasma-number-input_icon-button_background-color-hover);--plasma-icon-button-color-active:var(--plasma-number-input_icon-button_color-active);--plasma-icon-button-background-color-active:var(--plasma-number-input_icon-button_background-color-active);}.bhi37xj .sj0ab1b.action-button-decrement-disabled,.bhi37xj .sj0ab1b.action-button-increment-disabled{opacity:var(--plasma-number-input_action-button_disabled-opacity);cursor:not-allowed;}.bhi37xj .sj0ab1b.action-button-decrement-disabled:hover,.bhi37xj .sj0ab1b.action-button-increment-disabled:hover,.bhi37xj .sj0ab1b.action-button-decrement-disabled:active,.bhi37xj .sj0ab1b.action-button-increment-disabled:active{scale:none;color:var(--plasma-number-input_icon-button_color);background-color:var(--plasma-number-input_icon-button_background-color);}.bhi37xj.bhi37xj .i1s8bsh6.manual-input-number-input:focus-within{background-color:var(--plasma-number-input_background-color-focus);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border-color-focus);}.bhi37xj.bhi37xj .i1s8bsh6.manual-input-number-input.error-animation{background-color:var(--plasma-number-input_background_error-color);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border_error-color);-webkit-animation:shakingError-bhi37xj 0.3s forwards;animation:shakingError-bhi37xj 0.3s forwards;}.bhi37xj.bhi37xj .i1s8bsh6.manual-input-number-input.error-animation .i1tgbhg7{color:var(--plasma-number-input_error-color);-webkit-animation:fadeError-bhi37xj 0.3s forwards;animation:fadeError-bhi37xj 0.3s forwards;}.bhi37xj.bhi37xj .i1s8bsh6.manual-input-number-input.error-animation:focus-within{background-color:var(--plasma-number-input_background_error-color);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border_error-color);}@-webkit-keyframes shakingError-bhi37xj{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@keyframes shakingError-bhi37xj{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@-webkit-keyframes fadeError-bhi37xj{50%{opacity:1;}100%{opacity:0;}}@keyframes fadeError-bhi37xj{50%{opacity:1;}100%{opacity:0;}}.bhi37xj .s1ft73sv{--plasma-spinner-color:var(--plasma-number-input_loader-spinner_color);}.bhi37xj .i1tgbhg7{color:var(--plasma-number-input_color);caret-color:var(--plasma-number-input_caret_color);}.bhi37xj .az36kha{color:var(--plasma-number-input_additional-text_color);}

package/es/components/Switch/Switch.css

@@ -1,16 +1,12 @@
-.base_1tcl212_bm1v11h__e2c572a3 .base_1tcl212_s10fscgc__e2c572a3{font-family:var(--plasma-switch-font-family);font-style:var(--plasma-switch-font-style);font-weight:var(--plasma-switch-font-weight);-webkit-letter-spacing:var(--plasma-switch-letter-spacing);-moz-letter-spacing:var(--plasma-switch-letter-spacing);-ms-letter-spacing:var(--plasma-switch-letter-spacing);letter-spacing:var(--plasma-switch-letter-spacing);line-height:var(--plasma-switch-line-height);font-size:var(--plasma-switch-font-size);}.base_1tcl212_bm1v11h__e2c572a3 .base_1tcl212_sdjnckq__e2c572a3{font-family:var(--plasma-switch-description-font-family);font-style:var(--plasma-switch-description-font-style);font-weight:var(--plasma-switch-description-font-weight);-webkit-letter-spacing:var(--plasma-switch-description-letter-spacing);-moz-letter-spacing:var(--plasma-switch-description-letter-spacing);-ms-letter-spacing:var(--plasma-switch-description-letter-spacing);letter-spacing:var(--plasma-switch-description-letter-spacing);line-height:var(--plasma-switch-description-line-height);font-size:var(--plasma-switch-description-font-size);}.base_1tcl212_bm1v11h__e2c572a3 .base_1tcl212_s1ilr5eq__e2c572a3{margin:var(--plasma_private-switch__label-offset,0);}
+.base_1rjzpi4_bm1v11h__7f59456d{font-family:var(--plasma-switch-font-family);font-style:var(--plasma-switch-font-style);font-weight:var(--plasma-switch-font-weight);-webkit-letter-spacing:var(--plasma-switch-letter-spacing);-moz-letter-spacing:var(--plasma-switch-letter-spacing);-ms-letter-spacing:var(--plasma-switch-letter-spacing);letter-spacing:var(--plasma-switch-letter-spacing);line-height:var(--plasma-switch-line-height);font-size:var(--plasma-switch-font-size);}.base_1rjzpi4_bm1v11h__7f59456d .base_1rjzpi4_ssthlx1__7f59456d{-webkit-flex:0 0 var(--plasma-switch__track-width);-ms-flex:0 0 var(--plasma-switch__track-width);flex:0 0 var(--plasma-switch__track-width);width:var(--plasma-switch__track-width);height:var(--plasma-switch__track-height);border-radius:var(--plasma-switch__track-border-radius);}.base_1rjzpi4_bm1v11h__7f59456d .base_1rjzpi4_ssthlx1__7f59456d::after{width:var(--plasma-switch__thumb-size);height:var(--plasma-switch__thumb-size);border-radius:var(--plasma-switch__thumb-border-radius);margin:auto var(--plasma-switch__thumb-offset);}.base_1rjzpi4_bm1v11h__7f59456d .base_1rjzpi4_sdjnckq__7f59456d{margin:var(--plasma_private-switch__label-offset,0);}.base_1rjzpi4_bm1v11h__7f59456d:active:not([disabled]) .base_1rjzpi4_ssthlx1__7f59456d::after{width:calc(var(--plasma-switch__thumb-size) * var(--plasma-switch__thumb-scale,1));}
 
-.base_6i0904_b1wld3h3__fa866566 .base_6i0904_s2cs3kf__fa866566{-webkit-flex:0 0 var(--plasma-switch__track-width);-ms-flex:0 0 var(--plasma-switch__track-width);flex:0 0 var(--plasma-switch__track-width);width:var(--plasma-switch__track-width);height:var(--plasma-switch__track-height);border-radius:var(--plasma-switch__track-border-radius);}.base_6i0904_b1wld3h3__fa866566 .base_6i0904_s2cs3kf__fa866566::after{width:var(--plasma-switch__thumb-size);height:var(--plasma-switch__thumb-size);border-radius:var(--plasma-switch__thumb-border-radius);margin:auto var(--plasma-switch__thumb-offset);}.base_6i0904_b1wld3h3__fa866566:active:not([disabled]) .base_6i0904_s2cs3kf__fa866566::after{width:calc(var(--plasma-switch__thumb-size) * var(--plasma-switch__thumb-scale,1));}
+.base_1mtyz12_b1g0jmh3__d9dd5109 .base_1mtyz12_ssthlx1__d9dd5109{background-color:var(--plasma-switch__track_checked_false-bg-color);}.base_1mtyz12_b1g0jmh3__d9dd5109 .base_1mtyz12_s10fscgc__d9dd5109:not([disabled]) ~ .base_1mtyz12_ssthlx1__d9dd5109:hover{background-color:var(--plasma-switch__track_checked_false_hovered_true-bg-color,var(--plasma-switch__track_checked_false-bg-color));}.base_1mtyz12_b1g0jmh3__d9dd5109 .base_1mtyz12_s10fscgc__d9dd5109:checked ~ .base_1mtyz12_ssthlx1__d9dd5109{background-color:var(--plasma-switch__track_checked_true-bg-color);}.base_1mtyz12_b1g0jmh3__d9dd5109 .base_1mtyz12_s10fscgc__d9dd5109:checked:not([disabled]) ~ .base_1mtyz12_ssthlx1__d9dd5109:hover{background-color:var(--plasma-switch__track_checked_true_hovered_true-bg-color,var(--plasma-switch__track_checked_true-bg-color));}.base_1mtyz12_b1g0jmh3__d9dd5109 .base_1mtyz12_ssthlx1__d9dd5109::after{background-color:var(--plasma-switch__thumb-bg-color);box-shadow:var(--plasma-switch__thumb-box-shadow);}.base_1mtyz12_b1g0jmh3__d9dd5109 .base_1mtyz12_s10fscgc__d9dd5109:checked ~ .base_1mtyz12_ssthlx1__d9dd5109::after{box-shadow:var(--plasma-switch__thumb-box-shadow_checked_true,var(--plasma-switch__thumb-box-shadow));}
 
-.base_yxkf3s_b1g0jmh3__d59e59a0 .base_yxkf3s_s2cs3kf__d59e59a0{background-color:var(--plasma-switch__track_checked_false-bg-color);}.base_yxkf3s_b1g0jmh3__d59e59a0 .base_yxkf3s_ssthlx1__d59e59a0:not([disabled]) ~ .base_yxkf3s_s2cs3kf__d59e59a0:hover{background-color:var(--plasma-switch__track_checked_false_hovered_true-bg-color,var(--plasma-switch__track_checked_false-bg-color));}.base_yxkf3s_b1g0jmh3__d59e59a0 .base_yxkf3s_ssthlx1__d59e59a0:checked ~ .base_yxkf3s_s2cs3kf__d59e59a0{background-color:var(--plasma-switch__track_checked_true-bg-color);}.base_yxkf3s_b1g0jmh3__d59e59a0 .base_yxkf3s_ssthlx1__d59e59a0:checked:not([disabled]) ~ .base_yxkf3s_s2cs3kf__d59e59a0:hover{background-color:var(--plasma-switch__track_checked_true_hovered_true-bg-color,var(--plasma-switch__track_checked_true-bg-color));}.base_yxkf3s_b1g0jmh3__d59e59a0 .base_yxkf3s_s2cs3kf__d59e59a0::after{background-color:var(--plasma-switch__thumb-bg-color);box-shadow:var(--plasma-switch__thumb-box-shadow);}.base_yxkf3s_b1g0jmh3__d59e59a0 .base_yxkf3s_ssthlx1__d59e59a0:checked ~ .base_yxkf3s_s2cs3kf__d59e59a0::after{box-shadow:var(--plasma-switch__thumb-box-shadow_checked_true,var(--plasma-switch__thumb-box-shadow));}.base_yxkf3s_b1g0jmh3__d59e59a0 .base_yxkf3s_s1ilr5eq__d59e59a0{color:var(--plasma-switch__label-color);}.base_yxkf3s_b1g0jmh3__d59e59a0 .base_yxkf3s_sdjnckq__d59e59a0{color:var(--plasma-switch__description-color);}
-
-.base_sz3n0x_bvwxj2r__a36bed54 .base_sz3n0x_s2cs3kf__a36bed54::before{content:'';position:absolute;inset:-0.125rem;display:block;box-sizing:content-box;border-radius:calc(0.125rem + var(--plasma-switch__track-border-radius));border:0.125rem solid transparent;pointer-events:none;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;}.base_sz3n0x_bvwxj2r__a36bed54 .base_sz3n0x_ssthlx1__a36bed54.base_sz3n0x_focusVisible__a36bed54 ~ .base_sz3n0x_s2cs3kf__a36bed54::before{box-shadow:0 0 0 0.125rem var(--plasma-switch__track-focus-color);}
+.base_j4murk_bvwxj2r__5f9cab46 .base_j4murk_ssthlx1__5f9cab46::before{content:'';position:absolute;inset:-0.125rem;display:block;box-sizing:content-box;border-radius:calc(0.125rem + var(--plasma-switch__track-border-radius));border:0.125rem solid transparent;pointer-events:none;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;}.base_j4murk_bvwxj2r__5f9cab46 .base_j4murk_s10fscgc__5f9cab46.base_j4murk_focusVisible__5f9cab46 ~ .base_j4murk_ssthlx1__5f9cab46::before{box-shadow:0 0 0 0.125rem var(--plasma-switch__track-focus-color);}
 
 .base_15j754u_bnochw__b189000a{opacity:var(--plasma-switch-disabled-opacity);}.base_15j754u_bnochw__b189000a[disabled]{cursor:not-allowed;}
 
-.Switch_styles_bei7bh_b1fcyfkl__af9471a3{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-switch-vertical-gap);cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}.Switch_styles_bei7bh_b1fcyfkl__af9471a3:focus{outline:0 none;}
-.Switch_styles_bei7bh_s10fscgc__af9471a3{width:100%;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Switch_styles_bei7bh_s10fscgc__af9471a3.Switch_styles_bei7bh_switchLabelPositionBefore__af9471a3{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;--plasma_private-switch__label-offset:0 var(--plasma-switch__label-offset) 0 0;}.Switch_styles_bei7bh_s10fscgc__af9471a3.Switch_styles_bei7bh_switchLabelPositionAfter__af9471a3{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;--plasma_private-switch__label-offset:0 0 0 var(--plasma-switch__label-offset);}
-.Switch_styles_bei7bh_sdjnckq__af9471a3{position:relative;}
-.Switch_styles_bei7bh_ssthlx1__af9471a3{position:absolute;right:0;margin:0;opacity:0;}.Switch_styles_bei7bh_ssthlx1__af9471a3:focus{outline:0 none;}
-.Switch_styles_bei7bh_s1ilr5eq__af9471a3{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Switch_styles_bei7bh_s2cs3kf__af9471a3{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color 0.15s ease-in-out 0.1s;transition:background-color 0.15s ease-in-out 0.1s;}.Switch_styles_bei7bh_s2cs3kf__af9471a3::after{content:'';position:absolute;right:auto;left:0;-webkit-transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;}.Switch_styles_bei7bh_ssthlx1__af9471a3:checked ~ .Switch_styles_bei7bh_s2cs3kf__af9471a3::after{right:0;left:auto;}
+.Switch_styles_1kk0qzz_b1fcyfkl__d172ad46{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}.Switch_styles_1kk0qzz_b1fcyfkl__d172ad46:focus{outline:0 none;}.Switch_styles_1kk0qzz_b1fcyfkl__d172ad46.Switch_styles_1kk0qzz_switchLabelPositionBefore__d172ad46{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;--plasma_private-switch__label-offset:0 var(--plasma-switch__label-offset) 0 0;}.Switch_styles_1kk0qzz_b1fcyfkl__d172ad46.Switch_styles_1kk0qzz_switchLabelPositionAfter__d172ad46{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;--plasma_private-switch__label-offset:0 0 0 var(--plasma-switch__label-offset);}
+.Switch_styles_1kk0qzz_s10fscgc__d172ad46{position:absolute;right:0;margin:0;opacity:0;}.Switch_styles_1kk0qzz_s10fscgc__d172ad46:focus{outline:0 none;}
+.Switch_styles_1kk0qzz_sdjnckq__d172ad46{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Switch_styles_1kk0qzz_ssthlx1__d172ad46{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color 0.15s ease-in-out 0.1s;transition:background-color 0.15s ease-in-out 0.1s;}.Switch_styles_1kk0qzz_ssthlx1__d172ad46::after{content:'';position:absolute;right:auto;left:0;-webkit-transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;}.Switch_styles_1kk0qzz_s10fscgc__d172ad46:checked ~ .Switch_styles_1kk0qzz_ssthlx1__d172ad46::after{right:0;left:auto;}

package/es/components/Switch/Switch.js

@@ -1,27 +1,24 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef } from 'react';
 import { base as base$1 } from './_size/base.js';
-import { base as base$3 } from './_toggleSize/base.js';
 import { base as base$2 } from './_view/base.js';
-import { base as base$5 } from './_focused/base.js';
-import { base as base$4 } from './_disabled/base.js';
+import { base as base$4 } from './_focused/base.js';
+import { base as base$3 } from './_disabled/base.js';
 import { cx } from '../../utils/index.js';
-import { StyledContent, StyledInput, StyledLabel, StyledTrigger, StyledDescription, base } from './Switch.styles.js';
+import { StyledInput, StyledLabel, StyledTrigger, base } from './Switch.styles.js';
 import { classes } from './Switch.tokens.js';
 
 var _StyledTrigger;
-var _excluded = ["size", "toggleSize", "view", "focused", "outlined", "disabled", "labelPosition", "label", "description", "id", "style", "className", "checked", "pressed", "defaultChecked"];
+var _excluded = ["size", "view", "focused", "outlined", "disabled", "labelPosition", "label", "id", "style", "className", "checked", "pressed", "defaultChecked"];
 var switchRoot = function switchRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
     var size = props.size,
-      toggleSize = props.toggleSize,
       view = props.view,
       focused = props.focused,
       outlined = props.outlined,
       disabled = props.disabled,
       labelPosition = props.labelPosition,
       label = props.label,
-      description = props.description,
       id = props.id,
       style = props.style,
       className = props.className,
@@ -33,15 +30,12 @@ var switchRoot = function switchRoot(Root) {
     return /*#__PURE__*/React.createElement(Root, {
       view: view,
       size: size,
-      toggleSize: toggleSize,
       disabled: disabled,
       focused: focused !== null && focused !== void 0 ? focused : outlined,
       labelPosition: labelPosition,
       id: id,
       style: style,
-      className: cx(className)
-    }, /*#__PURE__*/React.createElement(StyledContent, {
-      className: cx(classes["".concat(labelPosition, "SwitchLabelPosition")])
+      className: cx(className, classes["".concat(labelPosition, "SwitchLabelPosition")])
     }, /*#__PURE__*/React.createElement(StyledInput, _extends({}, rest, {
       ref: ref,
       role: "switch",
@@ -54,7 +48,7 @@ var switchRoot = function switchRoot(Root) {
       tabIndex: -1
     }, label), _StyledTrigger || (_StyledTrigger = /*#__PURE__*/React.createElement(StyledTrigger, {
       "aria-hidden": true
-    }))), description && /*#__PURE__*/React.createElement(StyledDescription, null, description));
+    })));
   });
 };
 var switchConfig = {
@@ -69,15 +63,12 @@ var switchConfig = {
     view: {
       css: base$2
     },
-    toggleSize: {
-      css: base$3
-    },
     disabled: {
-      css: base$4,
+      css: base$3,
       attrs: true
     },
     focused: {
-      css: base$5
+      css: base$4
     }
   },
   defaults: {

package/es/components/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { base as sizeCSS } from '../Switch/_size/base';\nimport { base as toggleSizeCSS } from '../Switch/_toggleSize/base';\nimport { base as viewCSS } from '../Switch/_view/base';\nimport { base as focusedCSS } from '../Switch/_focused/base';\nimport { base as disabledCSS } from '../Switch/_disabled/base';\nimport { cx } from '../../utils';\n\nimport { StyledContent, StyledDescription, StyledInput, StyledLabel, StyledTrigger, base } from './Switch.styles';\nimport { SwitchProps } from './Switch.types';\nimport { classes } from './Switch.tokens';\n\nexport const switchRoot = (Root: RootProps<HTMLInputElement, SwitchProps>) =>\n    forwardRef<HTMLInputElement, SwitchProps>((props, ref) => {\n        const {\n            size,\n            toggleSize,\n            view,\n            focused,\n            outlined,\n            disabled,\n            labelPosition,\n\n            label,\n            description,\n\n            id,\n            style,\n            className,\n\n            // singleLine,\n\n            checked,\n            pressed,\n            defaultChecked,\n\n            ...rest\n        } = props;\n\n        const exactChecked = Boolean((checked ?? pressed) !== undefined ? checked ?? pressed : defaultChecked);\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                toggleSize={toggleSize}\n                disabled={disabled}\n                focused={focused ?? outlined}\n                labelPosition={labelPosition}\n                id={id}\n                style={style}\n                className={cx(className)}\n            >\n                <StyledContent className={cx(classes[`${labelPosition}SwitchLabelPosition` as keyof typeof classes])}>\n                    <StyledInput\n                        {...rest}\n                        ref={ref}\n                        role=\"switch\"\n                        aria-checked={exactChecked}\n                        type=\"checkbox\"\n                        checked={checked ?? pressed}\n                        defaultChecked={defaultChecked}\n                        disabled={disabled}\n                    />\n                    <StyledLabel tabIndex={-1}>{label}</StyledLabel>\n                    <StyledTrigger aria-hidden />\n                </StyledContent>\n                {description && <StyledDescription>{description}</StyledDescription>}\n            </Root>\n        );\n    });\n\nexport const switchConfig = {\n    name: 'Switch',\n    tag: 'label',\n    base,\n    layout: switchRoot,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        toggleSize: {\n            css: toggleSizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n    },\n    defaults: {\n        size: 's',\n        view: 'default',\n    },\n};\n"],"names":["switchRoot","Root","forwardRef","props","ref","size","toggleSize","view","focused","outlined","disabled","labelPosition","label","description","id","style","className","checked","pressed","defaultChecked","rest","_objectWithoutProperties","_excluded","exactChecked","Boolean","undefined","React","createElement","cx","StyledContent","classes","concat","StyledInput","_extends","role","type","StyledLabel","tabIndex","_StyledTrigger","StyledTrigger","StyledDescription","switchConfig","name","tag","base","layout","variations","css","sizeCSS","viewCSS","toggleSizeCSS","disabledCSS","attrs","focusedCSS","defaults"],"mappings":";;;;;;;;;;;;;IAcaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAA8C,EAAA;AAAA,EAAA,oBACrEC,UAAU,CAAgC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACtD,IAAA,IACIC,IAAI,GAsBJF,KAAK,CAtBLE,IAAI;MACJC,UAAU,GAqBVH,KAAK,CArBLG,UAAU;MACVC,IAAI,GAoBJJ,KAAK,CApBLI,IAAI;MACJC,OAAO,GAmBPL,KAAK,CAnBLK,OAAO;MACPC,QAAQ,GAkBRN,KAAK,CAlBLM,QAAQ;MACRC,QAAQ,GAiBRP,KAAK,CAjBLO,QAAQ;MACRC,aAAa,GAgBbR,KAAK,CAhBLQ,aAAa;MAEbC,KAAK,GAcLT,KAAK,CAdLS,KAAK;MACLC,WAAW,GAaXV,KAAK,CAbLU,WAAW;MAEXC,EAAE,GAWFX,KAAK,CAXLW,EAAE;MACFC,KAAK,GAULZ,KAAK,CAVLY,KAAK;MACLC,SAAS,GASTb,KAAK,CATLa,SAAS;MAITC,OAAO,GAKPd,KAAK,CALLc,OAAO;MACPC,OAAO,GAIPf,KAAK,CAJLe,OAAO;MACPC,cAAc,GAGdhB,KAAK,CAHLgB,cAAc;AAEXC,MAAAA,IAAI,GAAAC,wBAAA,CACPlB,KAAK,EAAAmB,SAAA,CAAA,CAAA;IAET,IAAMC,YAAY,GAAGC,OAAO,CAAC,CAACP,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,OAAO,GAAIC,OAAO,MAAMO,SAAS,GAAGR,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAPA,OAAO,GAAIC,OAAO,GAAGC,cAAc,CAAC,CAAA;AAEtG,IAAA,oBACIO,KAAA,CAAAC,aAAA,CAAC1B,IAAI,EAAA;AACDM,MAAAA,IAAI,EAAEA,IAAK;AACXF,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,UAAU,EAAEA,UAAW;AACvBI,MAAAA,QAAQ,EAAEA,QAAS;AACnBF,MAAAA,OAAO,EAAEA,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,OAAO,GAAIC,QAAS;AAC7BE,MAAAA,aAAa,EAAEA,aAAc;AAC7BG,MAAAA,EAAE,EAAEA,EAAG;AACPC,MAAAA,KAAK,EAAEA,KAAM;MACbC,SAAS,EAAEY,EAAE,CAACZ,SAAS,CAAA;AAAE,KAAA,eAEzBU,KAAA,CAAAC,aAAA,CAACE,aAAa,EAAA;MAACb,SAAS,EAAEY,EAAE,CAACE,OAAO,IAAAC,MAAA,CAAIpB,aAAa,EAA8C,qBAAA,CAAA,CAAA,CAAA;KAC/Fe,eAAAA,KAAA,CAAAC,aAAA,CAACK,WAAW,EAAAC,QAAA,KACJb,IAAI,EAAA;AACRhB,MAAAA,GAAG,EAAEA,GAAI;AACT8B,MAAAA,IAAI,EAAC,QAAQ;AACb,MAAA,cAAA,EAAcX,YAAa;AAC3BY,MAAAA,IAAI,EAAC,UAAU;AACflB,MAAAA,OAAO,EAAEA,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,OAAO,GAAIC,OAAQ;AAC5BC,MAAAA,cAAc,EAAEA,cAAe;AAC/BT,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAA,CACtB,CAAC,eACFgB,KAAA,CAAAC,aAAA,CAACS,WAAW,EAAA;AAACC,MAAAA,QAAQ,EAAE,CAAC,CAAA;KAAIzB,EAAAA,KAAmB,CAAC,EAAA0B,cAAA,KAAAA,cAAA,gBAChDZ,KAAA,CAAAC,aAAA,CAACY,aAAa,EAAA;AAAC,MAAA,aAAA,EAAA,IAAA;AAAW,KAAE,CAAC,CAClB,CAAC,EACf1B,WAAW,iBAAIa,KAAA,CAAAC,aAAA,CAACa,iBAAiB,EAAE3B,IAAAA,EAAAA,WAA+B,CACjE,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM4B,YAAY,GAAG;AACxBC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,GAAG,EAAE,OAAO;AACZC,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,MAAM,EAAE7C,UAAU;AAClB8C,EAAAA,UAAU,EAAE;AACRzC,IAAAA,IAAI,EAAE;AACF0C,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDzC,IAAAA,IAAI,EAAE;AACFwC,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACD3C,IAAAA,UAAU,EAAE;AACRyC,MAAAA,GAAG,EAAEG,MAAAA;KACR;AACDxC,IAAAA,QAAQ,EAAE;AACNqC,MAAAA,GAAG,EAAEI,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACD5C,IAAAA,OAAO,EAAE;AACLuC,MAAAA,GAAG,EAAEM,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNjD,IAAAA,IAAI,EAAE,GAAG;AACTE,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;"}
+{"version":3,"file":"Switch.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { base as sizeCSS } from '../Switch/_size/base';\nimport { base as viewCSS } from '../Switch/_view/base';\nimport { base as focusedCSS } from '../Switch/_focused/base';\nimport { base as disabledCSS } from '../Switch/_disabled/base';\nimport { cx } from '../../utils';\n\nimport { StyledInput, StyledLabel, StyledTrigger, base } from './Switch.styles';\nimport { SwitchProps } from './Switch.types';\nimport { classes } from './Switch.tokens';\n\nexport const switchRoot = (Root: RootProps<HTMLInputElement, SwitchProps>) =>\n    forwardRef<HTMLInputElement, SwitchProps>((props, ref) => {\n        const {\n            size,\n            view,\n            focused,\n            outlined,\n            disabled,\n            labelPosition,\n\n            label,\n\n            id,\n            style,\n            className,\n\n            // singleLine,\n\n            checked,\n            pressed,\n            defaultChecked,\n\n            ...rest\n        } = props;\n\n        const exactChecked = Boolean((checked ?? pressed) !== undefined ? checked ?? pressed : defaultChecked);\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                disabled={disabled}\n                focused={focused ?? outlined}\n                labelPosition={labelPosition}\n                id={id}\n                style={style}\n                className={cx(className, classes[`${labelPosition}SwitchLabelPosition` as keyof typeof classes])}\n            >\n                <StyledInput\n                    {...rest}\n                    ref={ref}\n                    role=\"switch\"\n                    aria-checked={exactChecked}\n                    type=\"checkbox\"\n                    checked={checked ?? pressed}\n                    defaultChecked={defaultChecked}\n                    disabled={disabled}\n                />\n                <StyledLabel tabIndex={-1}>{label}</StyledLabel>\n                <StyledTrigger aria-hidden />\n            </Root>\n        );\n    });\n\nexport const switchConfig = {\n    name: 'Switch',\n    tag: 'label',\n    base,\n    layout: switchRoot,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n    },\n    defaults: {\n        size: 's',\n        view: 'default',\n    },\n};\n"],"names":["switchRoot","Root","forwardRef","props","ref","size","view","focused","outlined","disabled","labelPosition","label","id","style","className","checked","pressed","defaultChecked","rest","_objectWithoutProperties","_excluded","exactChecked","Boolean","undefined","React","createElement","cx","classes","concat","StyledInput","_extends","role","type","StyledLabel","tabIndex","_StyledTrigger","StyledTrigger","switchConfig","name","tag","base","layout","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","focusedCSS","defaults"],"mappings":"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"}

package/es/components/Switch/Switch.styles.js

@@ -1,32 +1,22 @@
-import './Switch.styles_bei7bh.css';
+import './Switch.styles_1kk0qzz.css';
 import { styled } from '@linaria/react';
 
 var base = "b1fcyfkl";
-var StyledContent = /*#__PURE__*/styled('div')({
-  name: "StyledContent",
-  "class": "s10fscgc",
-  propsAsIs: false
-});
-var StyledDescription = /*#__PURE__*/styled('div')({
-  name: "StyledDescription",
-  "class": "sdjnckq",
-  propsAsIs: false
-});
 var StyledInput = /*#__PURE__*/styled('input')({
   name: "StyledInput",
-  "class": "ssthlx1",
+  "class": "s10fscgc",
   propsAsIs: false
 });
 var StyledLabel = /*#__PURE__*/styled('span')({
   name: "StyledLabel",
-  "class": "s1ilr5eq",
+  "class": "sdjnckq",
   propsAsIs: false
 });
 var StyledTrigger = /*#__PURE__*/styled('div')({
   name: "StyledTrigger",
-  "class": "s2cs3kf",
+  "class": "ssthlx1",
   propsAsIs: false
 });
 
-export { StyledContent, StyledDescription, StyledInput, StyledLabel, StyledTrigger, base };
+export { StyledInput, StyledLabel, StyledTrigger, base };
 //# sourceMappingURL=Switch.styles.js.map

package/es/components/Switch/Switch.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.styles.js","sources":["../../../src/components/Switch/Switch.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { applyEllipsis } from '../../mixins';\n\nimport { classes, tokens } from './Switch.tokens';\n\nexport const base = css`\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    gap: var(${tokens.verticalGap});\n\n    cursor: pointer;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n    &:focus {\n        outline: 0 none;\n    }\n`;\n\nexport const StyledContent = styled.div`\n    width: 100%;\n    position: relative;\n    display: flex;\n    align-items: center;\n\n    &.${classes.beforeSwitchLabelPosition} {\n        justify-content: space-between;\n\n        ${tokens.labelOffsetPrivate}: 0 var(${tokens.labelOffset}) 0 0;\n    }\n\n    &.${classes.afterSwitchLabelPosition} {\n        justify-content: start;\n        flex-direction: row-reverse;\n\n        ${tokens.labelOffsetPrivate}: 0 0 0 var(${tokens.labelOffset});\n    }\n`;\n\nexport const StyledDescription = styled.div`\n    position: relative;\n`;\n\nexport const StyledInput = styled.input`\n    position: absolute;\n    right: 0;\n    margin: 0;\n    opacity: 0;\n\n    &:focus {\n        outline: 0 none;\n    }\n`;\n\nexport const StyledLabel = styled.span`\n    user-select: none;\n\n    // TODO: multiline switch\n    ${applyEllipsis()}\n`;\n\nexport const StyledTrigger = styled.div`\n    position: relative;\n    display: flex;\n    align-items: center;\n    transition: background-color 0.15s ease-in-out 0.1s;\n\n    ::after {\n        content: '';\n        position: absolute;\n        right: auto;\n        left: 0;\n\n        transition: width 0.15s ease-in-out 0s, left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s;\n    }\n\n    ${StyledInput}:checked ~ &::after {\n        right: 0;\n        left: auto;\n    }\n`;\n"],"names":["base","StyledContent","styled","name","class","propsAsIs","StyledDescription","StyledInput","StyledLabel","StyledTrigger"],"mappings":";;AAOO,IAAMA,IAAI,GAYhB,WAAA;AAEM,IAAMC,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAkBlC,EAAA;AAEM,IAAMC,iBAAiB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEtC,EAAA;AAEM,IAAME,WAAW,gBAAGL,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAShC,EAAA;AAEM,IAAMG,WAAW,gBAAGN,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKhC,EAAA;AAEM,IAAMI,aAAa,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAmBlC;;;;"}
+{"version":3,"file":"Switch.styles.js","sources":["../../../src/components/Switch/Switch.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { applyEllipsis } from '../../mixins';\n\nimport { classes, tokens } from './Switch.tokens';\n\nexport const base = css`\n    position: relative;\n    display: flex;\n    align-items: center;\n\n    cursor: pointer;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n    &:focus {\n        outline: 0 none;\n    }\n\n    &.${classes.beforeSwitchLabelPosition} {\n        justify-content: space-between;\n\n        ${tokens.labelOffsetPrivate}: 0 var(${tokens.labelOffset}) 0 0;\n    }\n\n    &.${classes.afterSwitchLabelPosition} {\n        justify-content: start;\n        flex-direction: row-reverse;\n\n        ${tokens.labelOffsetPrivate}: 0 0 0 var(${tokens.labelOffset});\n    }\n`;\n\nexport const StyledInput = styled.input`\n    position: absolute;\n    right: 0;\n    margin: 0;\n    opacity: 0;\n\n    &:focus {\n        outline: 0 none;\n    }\n`;\n\nexport const StyledLabel = styled.span`\n    user-select: none;\n\n    // TODO: multiline switch\n    ${applyEllipsis()}\n`;\n\nexport const StyledTrigger = styled.div`\n    position: relative;\n    display: flex;\n    align-items: center;\n    transition: background-color 0.15s ease-in-out 0.1s;\n\n    ::after {\n        content: '';\n        position: absolute;\n        right: auto;\n        left: 0;\n\n        transition: width 0.15s ease-in-out 0s, left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s;\n    }\n\n    ${StyledInput}:checked ~ &::after {\n        right: 0;\n        left: auto;\n    }\n`;\n"],"names":["base","StyledInput","styled","name","class","propsAsIs","StyledLabel","StyledTrigger"],"mappings":";;AAOO,IAAMA,IAAI,GAwBhB,WAAA;AAEM,IAAMC,WAAW,gBAAGC,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAShC,EAAA;AAEM,IAAMC,WAAW,gBAAGJ,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKhC,EAAA;AAEM,IAAME,aAAa,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAmBlC;;;;"}

package/es/components/Switch/Switch.styles_1kk0qzz.css

@@ -0,0 +1,4 @@
+.b1fcyfkl{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}.b1fcyfkl:focus{outline:0 none;}.b1fcyfkl.switch-label-position-before{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;--plasma_private-switch__label-offset:0 var(--plasma-switch__label-offset) 0 0;}.b1fcyfkl.switch-label-position-after{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;--plasma_private-switch__label-offset:0 0 0 var(--plasma-switch__label-offset);}
+.s10fscgc{position:absolute;right:0;margin:0;opacity:0;}.s10fscgc:focus{outline:0 none;}
+.sdjnckq{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.ssthlx1{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color 0.15s ease-in-out 0.1s;transition:background-color 0.15s ease-in-out 0.1s;}.ssthlx1::after{content:'';position:absolute;right:auto;left:0;-webkit-transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;}.s10fscgc:checked ~ .ssthlx1::after{right:0;left:auto;}

package/es/components/Switch/Switch.tokens.js

@@ -5,22 +5,11 @@ var tokens = {
   fontWeight: '--plasma-switch-font-weight',
   letterSpacing: '--plasma-switch-letter-spacing',
   lineHeight: '--plasma-switch-line-height',
-  /* Токены description */
-  descriptionFontFamily: '--plasma-switch-description-font-family',
-  descriptionFontStyle: '--plasma-switch-description-font-style',
-  descriptionFontSize: '--plasma-switch-description-font-size',
-  descriptionFontWeight: '--plasma-switch-description-font-weight',
-  descriptionLetterSpacing: '--plasma-switch-description-letter-spacing',
-  descriptionLineHeight: '--plasma-switch-description-line-height',
   /* Цвет подписи */
   labelColor: '--plasma-switch__label-color',
   labelOffset: '--plasma-switch__label-offset',
-  /* Цвет описания */
-  descriptionColor: '--plasma-switch__description-color',
-  descriptionOffset: '--plasma-switch__description-offset',
   /** Прозрачность для всего компонента в состоянии disabled */
   disabledOpacity: '--plasma-switch-disabled-opacity',
-  verticalGap: '--plasma-switch-vertical-gap',
   trackWidth: '--plasma-switch__track-width',
   trackHeight: '--plasma-switch__track-height',
   trackBorderRadius: '--plasma-switch__track-border-radius',

package/es/components/Switch/Switch.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.tokens.js","sources":["../../../src/components/Switch/Switch.tokens.ts"],"sourcesContent":["export const tokens = {\n    fontFamily: '--plasma-switch-font-family',\n    fontStyle: '--plasma-switch-font-style',\n    fontSize: '--plasma-switch-font-size',\n    fontWeight: '--plasma-switch-font-weight',\n    letterSpacing: '--plasma-switch-letter-spacing',\n    lineHeight: '--plasma-switch-line-height',\n\n    /* Токены description */\n    descriptionFontFamily: '--plasma-switch-description-font-family',\n    descriptionFontStyle: '--plasma-switch-description-font-style',\n    descriptionFontSize: '--plasma-switch-description-font-size',\n    descriptionFontWeight: '--plasma-switch-description-font-weight',\n    descriptionLetterSpacing: '--plasma-switch-description-letter-spacing',\n    descriptionLineHeight: '--plasma-switch-description-line-height',\n\n    /* Цвет подписи */\n    labelColor: '--plasma-switch__label-color',\n    labelOffset: '--plasma-switch__label-offset',\n\n    /* Цвет описания */\n    descriptionColor: '--plasma-switch__description-color',\n    descriptionOffset: '--plasma-switch__description-offset',\n\n    /** Прозрачность для всего компонента в состоянии disabled */\n    disabledOpacity: '--plasma-switch-disabled-opacity',\n\n    verticalGap: '--plasma-switch-vertical-gap',\n    trackWidth: '--plasma-switch__track-width',\n    trackHeight: '--plasma-switch__track-height',\n    trackBorderRadius: '--plasma-switch__track-border-radius',\n    // NOTE: could be intersection with checked\n    trackBackgroundColorOn: '--plasma-switch__track_checked_true-bg-color',\n    trackBackgroundColorOnHover: '--plasma-switch__track_checked_true_hovered_true-bg-color',\n    trackBackgroundColorOff: '--plasma-switch__track_checked_false-bg-color',\n    trackBackgroundColorOffHover: '--plasma-switch__track_checked_false_hovered_true-bg-color',\n\n    trackFocusColor: '--plasma-switch__track-focus-color',\n\n    thumbSize: '--plasma-switch__thumb-size',\n    thumbOffset: '--plasma-switch__thumb-offset',\n    thumbBorderRadius: '--plasma-switch__thumb-border-radius',\n\n    thumbPressScale: '--plasma-switch__thumb-scale',\n\n    thumbBackgroundColor: '--plasma-switch__thumb-bg-color',\n    thumbBoxShadow: '--plasma-switch__thumb-box-shadow',\n    thumbBoxShadowOn: '--plasma-switch__thumb-box-shadow_checked_true',\n\n    labelOffsetPrivate: '--plasma_private-switch__label-offset',\n};\n\nexport const classes = {\n    beforeSwitchLabelPosition: 'switch-label-position-before',\n    afterSwitchLabelPosition: 'switch-label-position-after',\n};\n"],"names":["tokens","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","descriptionFontFamily","descriptionFontStyle","descriptionFontSize","descriptionFontWeight","descriptionLetterSpacing","descriptionLineHeight","labelColor","labelOffset","descriptionColor","descriptionOffset","disabledOpacity","verticalGap","trackWidth","trackHeight","trackBorderRadius","trackBackgroundColorOn","trackBackgroundColorOnHover","trackBackgroundColorOff","trackBackgroundColorOffHover","trackFocusColor","thumbSize","thumbOffset","thumbBorderRadius","thumbPressScale","thumbBackgroundColor","thumbBoxShadow","thumbBoxShadowOn","labelOffsetPrivate","classes","beforeSwitchLabelPosition","afterSwitchLabelPosition"],"mappings":"AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,SAAS,EAAE,4BAA4B;AACvCC,EAAAA,QAAQ,EAAE,2BAA2B;AACrCC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,aAAa,EAAE,gCAAgC;AAC/CC,EAAAA,UAAU,EAAE,6BAA6B;AAEzC;AACAC,EAAAA,qBAAqB,EAAE,yCAAyC;AAChEC,EAAAA,oBAAoB,EAAE,wCAAwC;AAC9DC,EAAAA,mBAAmB,EAAE,uCAAuC;AAC5DC,EAAAA,qBAAqB,EAAE,yCAAyC;AAChEC,EAAAA,wBAAwB,EAAE,4CAA4C;AACtEC,EAAAA,qBAAqB,EAAE,yCAAyC;AAEhE;AACAC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,WAAW,EAAE,+BAA+B;AAE5C;AACAC,EAAAA,gBAAgB,EAAE,oCAAoC;AACtDC,EAAAA,iBAAiB,EAAE,qCAAqC;AAExD;AACAC,EAAAA,eAAe,EAAE,kCAAkC;AAEnDC,EAAAA,WAAW,EAAE,8BAA8B;AAC3CC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,WAAW,EAAE,+BAA+B;AAC5CC,EAAAA,iBAAiB,EAAE,sCAAsC;AACzD;AACAC,EAAAA,sBAAsB,EAAE,8CAA8C;AACtEC,EAAAA,2BAA2B,EAAE,2DAA2D;AACxFC,EAAAA,uBAAuB,EAAE,+CAA+C;AACxEC,EAAAA,4BAA4B,EAAE,4DAA4D;AAE1FC,EAAAA,eAAe,EAAE,oCAAoC;AAErDC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,WAAW,EAAE,+BAA+B;AAC5CC,EAAAA,iBAAiB,EAAE,sCAAsC;AAEzDC,EAAAA,eAAe,EAAE,8BAA8B;AAE/CC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,EAAAA,gBAAgB,EAAE,gDAAgD;AAElEC,EAAAA,kBAAkB,EAAE,uCAAA;AACxB,EAAC;AAEM,IAAMC,OAAO,GAAG;AACnBC,EAAAA,yBAAyB,EAAE,8BAA8B;AACzDC,EAAAA,wBAAwB,EAAE,6BAAA;AAC9B;;;;"}
+{"version":3,"file":"Switch.tokens.js","sources":["../../../src/components/Switch/Switch.tokens.ts"],"sourcesContent":["export const tokens = {\n    fontFamily: '--plasma-switch-font-family',\n    fontStyle: '--plasma-switch-font-style',\n    fontSize: '--plasma-switch-font-size',\n    fontWeight: '--plasma-switch-font-weight',\n    letterSpacing: '--plasma-switch-letter-spacing',\n    lineHeight: '--plasma-switch-line-height',\n\n    /* Цвет подписи */\n    labelColor: '--plasma-switch__label-color',\n    labelOffset: '--plasma-switch__label-offset',\n\n    /** Прозрачность для всего компонента в состоянии disabled */\n    disabledOpacity: '--plasma-switch-disabled-opacity',\n\n    trackWidth: '--plasma-switch__track-width',\n    trackHeight: '--plasma-switch__track-height',\n    trackBorderRadius: '--plasma-switch__track-border-radius',\n    // NOTE: could be intersection with checked\n    trackBackgroundColorOn: '--plasma-switch__track_checked_true-bg-color',\n    trackBackgroundColorOnHover: '--plasma-switch__track_checked_true_hovered_true-bg-color',\n    trackBackgroundColorOff: '--plasma-switch__track_checked_false-bg-color',\n    trackBackgroundColorOffHover: '--plasma-switch__track_checked_false_hovered_true-bg-color',\n\n    trackFocusColor: '--plasma-switch__track-focus-color',\n\n    thumbSize: '--plasma-switch__thumb-size',\n    thumbOffset: '--plasma-switch__thumb-offset',\n    thumbBorderRadius: '--plasma-switch__thumb-border-radius',\n\n    thumbPressScale: '--plasma-switch__thumb-scale',\n\n    thumbBackgroundColor: '--plasma-switch__thumb-bg-color',\n    thumbBoxShadow: '--plasma-switch__thumb-box-shadow',\n    thumbBoxShadowOn: '--plasma-switch__thumb-box-shadow_checked_true',\n\n    labelOffsetPrivate: '--plasma_private-switch__label-offset',\n};\n\nexport const classes = {\n    beforeSwitchLabelPosition: 'switch-label-position-before',\n    afterSwitchLabelPosition: 'switch-label-position-after',\n};\n"],"names":["tokens","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","labelColor","labelOffset","disabledOpacity","trackWidth","trackHeight","trackBorderRadius","trackBackgroundColorOn","trackBackgroundColorOnHover","trackBackgroundColorOff","trackBackgroundColorOffHover","trackFocusColor","thumbSize","thumbOffset","thumbBorderRadius","thumbPressScale","thumbBackgroundColor","thumbBoxShadow","thumbBoxShadowOn","labelOffsetPrivate","classes","beforeSwitchLabelPosition","afterSwitchLabelPosition"],"mappings":"AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,SAAS,EAAE,4BAA4B;AACvCC,EAAAA,QAAQ,EAAE,2BAA2B;AACrCC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,aAAa,EAAE,gCAAgC;AAC/CC,EAAAA,UAAU,EAAE,6BAA6B;AAEzC;AACAC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,WAAW,EAAE,+BAA+B;AAE5C;AACAC,EAAAA,eAAe,EAAE,kCAAkC;AAEnDC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,WAAW,EAAE,+BAA+B;AAC5CC,EAAAA,iBAAiB,EAAE,sCAAsC;AACzD;AACAC,EAAAA,sBAAsB,EAAE,8CAA8C;AACtEC,EAAAA,2BAA2B,EAAE,2DAA2D;AACxFC,EAAAA,uBAAuB,EAAE,+CAA+C;AACxEC,EAAAA,4BAA4B,EAAE,4DAA4D;AAE1FC,EAAAA,eAAe,EAAE,oCAAoC;AAErDC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,WAAW,EAAE,+BAA+B;AAC5CC,EAAAA,iBAAiB,EAAE,sCAAsC;AAEzDC,EAAAA,eAAe,EAAE,8BAA8B;AAE/CC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,EAAAA,gBAAgB,EAAE,gDAAgD;AAElEC,EAAAA,kBAAkB,EAAE,uCAAA;AACxB,EAAC;AAEM,IAAMC,OAAO,GAAG;AACnBC,EAAAA,yBAAyB,EAAE,8BAA8B;AACzDC,EAAAA,wBAAwB,EAAE,6BAAA;AAC9B;;;;"}

package/es/components/Switch/_focused/base.js

@@ -1,4 +1,4 @@
-import './base_sz3n0x.css';
+import './base_j4murk.css';
 import 'focus-visible';
 
 // TODO: https://github.com/salute-developers/plasma/issues/885