@salutejs/plasma-new-hope 0.326.1-canary.2043.15852251108.0 → 0.327.0-canary.1741.15775036215.0

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

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useState, useRef, useEffect } from 'react';
 import { useForkRef } from '@salutejs/plasma-core';
 import { classes } from '../../NumberInput.tokens.js';
@@ -9,77 +9,61 @@ import { InputWrapper, TextWrapper, AdditionalText, Loader, StyledSpinner, Dynam
 import { useDidMountEffect } from '../../../../hooks/useDidMountEffect.js';
 import { isNumber } from '../../../../utils/isNumber.js';
 
-var _StyledSpinner;
-var _excluded = ["value", "precision", "min", "max", "isLoading", "loader", "disabled", "segmentation", "textBefore", "textAfter", "isManualInput", "isInputFocused", "setIsInputFocused", "setIsAnimationRun", "setInnerValue", "onChange", "onBlur", "onKeyDown"];
-var NumberInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var value = _ref.value,
-    precision = _ref.precision,
-    min = _ref.min,
-    max = _ref.max,
-    isLoading = _ref.isLoading,
-    loader = _ref.loader,
-    disabled = _ref.disabled,
-    segmentation = _ref.segmentation,
-    textBefore = _ref.textBefore,
-    textAfter = _ref.textAfter,
-    isManualInput = _ref.isManualInput,
-    isInputFocused = _ref.isInputFocused,
-    setIsInputFocused = _ref.setIsInputFocused,
-    setIsAnimationRun = _ref.setIsAnimationRun,
-    setInnerValue = _ref.setInnerValue,
-    onChange = _ref.onChange,
-    onBlur = _ref.onBlur,
-    onKeyDown = _ref.onKeyDown,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(value ? "".concat(String(value).length, "ch") : defaultCharacterWidth),
-    _useState2 = _slicedToArray(_useState, 2),
-    dynamicWidth = _useState2[0],
-    setDynamicWidth = _useState2[1];
-  var _useState3 = useState(Number(value)),
-    _useState4 = _slicedToArray(_useState3, 2),
-    lastValidValue = _useState4[0],
-    setLastValidValue = _useState4[1];
-  var _useState5 = useState(undefined),
-    _useState6 = _slicedToArray(_useState5, 2),
-    errorClass = _useState6[0],
-    setErrorClass = _useState6[1];
-  var _useState7 = useState(),
-    _useState8 = _slicedToArray(_useState7, 2),
-    errorValue = _useState8[0],
-    setErrorValue = _useState8[1];
-  var inputHelperRef = useRef(null);
-  var wrapperRef = useRef(null);
-  var textWrapperRef = useRef(null);
-  var inputRef = useRef(null);
-  var inputForkRef = useForkRef(inputRef, ref);
-  var solidViewClass = segmentation === 'solid' ? classes.solidView : undefined;
-  var manualInputClass = isManualInput ? classes.manualInput : undefined;
-  var getInputWidth = function getInputWidth() {
-    var _inputHelperRef$curre;
-    var firstRender = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-    if (!firstRender && (_inputHelperRef$curre = inputHelperRef.current) !== null && _inputHelperRef$curre !== void 0 && _inputHelperRef$curre.clientWidth) {
-      var _inputHelperRef$curre2;
-      return "".concat((_inputHelperRef$curre2 = inputHelperRef.current) === null || _inputHelperRef$curre2 === void 0 ? void 0 : _inputHelperRef$curre2.clientWidth, "px");
+const NumberInput = /*#__PURE__*/forwardRef(({
+  value,
+  precision,
+  min,
+  max,
+  isLoading,
+  loader,
+  disabled,
+  segmentation,
+  textBefore,
+  textAfter,
+  isManualInput,
+  isInputFocused,
+  setIsInputFocused,
+  setIsAnimationRun,
+  setInnerValue,
+  onChange,
+  onBlur,
+  onKeyDown,
+  ...rest
+}, ref) => {
+  const [dynamicWidth, setDynamicWidth] = useState(value ? `${String(value).length}ch` : defaultCharacterWidth);
+  const [lastValidValue, setLastValidValue] = useState(Number(value));
+  const [errorClass, setErrorClass] = useState(undefined);
+  const [errorValue, setErrorValue] = useState();
+  const inputHelperRef = useRef(null);
+  const wrapperRef = useRef(null);
+  const textWrapperRef = useRef(null);
+  const inputRef = useRef(null);
+  const inputForkRef = useForkRef(inputRef, ref);
+  const solidViewClass = segmentation === 'solid' ? classes.solidView : undefined;
+  const manualInputClass = isManualInput ? classes.manualInput : undefined;
+  const getInputWidth = (firstRender = true) => {
+    if (!firstRender && inputHelperRef.current?.clientWidth) {
+      return `${inputHelperRef.current?.clientWidth}px`;
     }
     if (value) {
-      return "".concat(String(value).length, "ch");
+      return `${String(value).length}ch`;
     }
     return defaultCharacterWidth;
   };
-  var setValues = function setValues(event, newValue) {
+  const setValues = (event, newValue) => {
     setLastValidValue(newValue);
     setInnerValue(newValue);
     if (onChange) {
       onChange(event, newValue);
     }
   };
-  var validateValue = function validateValue(newValue) {
+  const validateValue = newValue => {
     if (!newValue || !isNumber(newValue)) {
       setValues(null, lastValidValue);
       setIsAnimationRun(false);
       return;
     }
-    var resValue = Number(newValue);
+    const resValue = Number(newValue);
     if (max !== undefined && resValue > max) {
       setErrorClass(classes.errorAnimation);
       setErrorValue(max);
@@ -98,18 +82,19 @@ var NumberInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
       return;
     }
     if (precision !== undefined) {
-      var preciseNewValue = Number(getPreciseValue(newValue, precision));
+      const preciseNewValue = Number(getPreciseValue(newValue, precision));
       setValues(null, preciseNewValue);
     }
     setIsAnimationRun(false);
   };
-  var handleManualInputChange = function handleManualInputChange(event) {
-    var _textWrapperRef$curre, _wrapperRef$current;
+  const handleManualInputChange = event => {
     if (!isManualInput || disabled) {
       return;
     }
     setIsAnimationRun(true);
-    var newValue = event.target.value;
+    const {
+      value: newValue
+    } = event.target;
     if (!newValue) {
       setInnerValue('');
       if (onChange) {
@@ -117,7 +102,7 @@ var NumberInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }
       return;
     }
-    var cleanValue = newValue.replace(excludingNumberSchema, '');
+    const cleanValue = newValue.replace(excludingNumberSchema, '');
     if (cleanValue.endsWith('.') || cleanValue === '-') {
       setInnerValue(cleanValue);
       if (onChange) {
@@ -125,17 +110,17 @@ var NumberInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }
       return;
     }
-    var isValid = numberSchema.test(cleanValue);
+    const isValid = numberSchema.test(cleanValue);
     if (!isValid) {
       setValues(event, lastValidValue);
       return;
     }
-    if (textWrapperRef !== null && textWrapperRef !== void 0 && textWrapperRef.current && wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current && (textWrapperRef === null || textWrapperRef === void 0 || (_textWrapperRef$curre = textWrapperRef.current) === null || _textWrapperRef$curre === void 0 ? void 0 : _textWrapperRef$curre.clientWidth) > (wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.clientWidth)) {
+    if (textWrapperRef?.current && wrapperRef?.current && textWrapperRef?.current?.clientWidth > wrapperRef?.current?.clientWidth) {
       wrapperRef.current.scrollLeft = textWrapperRef.current.offsetWidth - textWrapperRef.current.offsetLeft || 0;
     }
     setValues(event, cleanValue);
   };
-  var handleClickInputWrapper = function handleClickInputWrapper() {
+  const handleClickInputWrapper = () => {
     if (!isManualInput || !inputRef.current) {
       return;
     }
@@ -144,14 +129,14 @@ var NumberInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
     setIsInputFocused(true);
   };
-  var handleBlur = function handleBlur(event) {
+  const handleBlur = event => {
     validateValue(value);
     setIsInputFocused(false);
     if (onBlur) {
       onBlur(event);
     }
   };
-  var handleKeyDown = function handleKeyDown(event) {
+  const handleKeyDown = event => {
     if (!isManualInput || disabled) {
       return;
     }
@@ -163,16 +148,16 @@ var NumberInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }
     }
   };
-  var handleEndErrorAnimation = function handleEndErrorAnimation(correctValue) {
+  const handleEndErrorAnimation = correctValue => {
     setIsAnimationRun(false);
     setIsInputFocused(false);
     setErrorClass(undefined);
     setValues(null, correctValue);
   };
-  useEffect(function () {
+  useEffect(() => {
     setDynamicWidth(getInputWidth());
   }, []);
-  useDidMountEffect(function () {
+  useDidMountEffect(() => {
     setDynamicWidth(getInputWidth(false));
   }, [value]);
   return /*#__PURE__*/React.createElement(InputWrapper, {
@@ -184,7 +169,7 @@ var NumberInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
     ref: textWrapperRef
   }, !isLoading && textBefore && /*#__PURE__*/React.createElement(AdditionalText, {
     className: classes.textBefore
-  }, textBefore), isLoading ? /*#__PURE__*/React.createElement(Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React.createElement(StyledSpinner, null))) : /*#__PURE__*/React.createElement(DynamicInput, null, /*#__PURE__*/React.createElement(Input, _extends({
+  }, textBefore), isLoading ? /*#__PURE__*/React.createElement(Loader, null, loader || /*#__PURE__*/React.createElement(StyledSpinner, null)) : /*#__PURE__*/React.createElement(DynamicInput, null, /*#__PURE__*/React.createElement(Input, _extends({
     ref: inputForkRef,
     dynamicWidth: dynamicWidth,
     value: value,
@@ -193,9 +178,7 @@ var NumberInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onChange: handleManualInputChange,
     onBlur: handleBlur,
     onKeyDown: handleKeyDown,
-    onAnimationEnd: function onAnimationEnd() {
-      return handleEndErrorAnimation(Number(errorValue));
-    }
+    onAnimationEnd: () => handleEndErrorAnimation(Number(errorValue))
   }, rest)), /*#__PURE__*/React.createElement(InputWidthHelper, {
     ref: inputHelperRef
   }, value)), !isLoading && textAfter && /*#__PURE__*/React.createElement(AdditionalText, {

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

@@ -1 +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, getPreciseValue, 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            precision,\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 | string>(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 | string) => {\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            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                return;\n            }\n\n            if (String(newValue).endsWith('.')) {\n                setValues(null, Number(newValue));\n                setIsAnimationRun(false);\n                return;\n            }\n\n            if (precision !== undefined) {\n                const preciseNewValue = Number(getPreciseValue(newValue, precision));\n                setValues(null, preciseNewValue);\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, 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","precision","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","resValue","errorAnimation","endsWith","preciseNewValue","getPreciseValue","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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"}
+{"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, getPreciseValue, 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            precision,\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 | string>(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 | string) => {\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            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                return;\n            }\n\n            if (String(newValue).endsWith('.')) {\n                setValues(null, Number(newValue));\n                setIsAnimationRun(false);\n                return;\n            }\n\n            if (precision !== undefined) {\n                const preciseNewValue = Number(getPreciseValue(newValue, precision));\n                setValues(null, preciseNewValue);\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, 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","value","precision","min","max","isLoading","loader","disabled","segmentation","textBefore","textAfter","isManualInput","isInputFocused","setIsInputFocused","setIsAnimationRun","setInnerValue","onChange","onBlur","onKeyDown","rest","ref","dynamicWidth","setDynamicWidth","useState","String","length","defaultCharacterWidth","lastValidValue","setLastValidValue","Number","errorClass","setErrorClass","undefined","errorValue","setErrorValue","inputHelperRef","useRef","wrapperRef","textWrapperRef","inputRef","inputForkRef","useForkRef","solidViewClass","classes","solidView","manualInputClass","manualInput","getInputWidth","firstRender","current","clientWidth","setValues","event","newValue","validateValue","isNumber","resValue","errorAnimation","endsWith","preciseNewValue","getPreciseValue","handleManualInputChange","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","DynamicInput","Input","_extends","tabIndex","onAnimationEnd","InputWidthHelper"],"mappings":"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"}

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

@@ -1,83 +1,69 @@
 import './Input.styles_1s45hjc.css';
 import { styled } from '@linaria/react';
-import { component, mergeConfig } from '../../../../engines/common.js';
+import { mergeConfig, component } 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')({
+const mergedConfig = mergeConfig(spinnerConfig);
+const Spinner = component(mergedConfig);
+const _exp = /*#__PURE__*/() => ({
+  isManualInput
+}) => isManualInput ? 'text' : 'default';
+const InputWrapper = /*#__PURE__*/styled('div')({
   name: "InputWrapper",
-  "class": "i1s8bsh6",
+  class: "i1s8bsh6",
   propsAsIs: false,
   vars: {
-    "i1s8bsh6-0": [/*#__PURE__*/_exp()]
+    "i1s8bsh6-0": [_exp()]
   }
 });
-var TextWrapper = /*#__PURE__*/styled('div')({
+const TextWrapper = /*#__PURE__*/styled('div')({
   name: "TextWrapper",
-  "class": "t6wb9c",
+  class: "t6wb9c",
   propsAsIs: false
 });
-var AdditionalText = /*#__PURE__*/styled('span')({
+const AdditionalText = /*#__PURE__*/styled('span')({
   name: "AdditionalText",
-  "class": "az36kha",
+  class: "az36kha",
   propsAsIs: false
 });
-var Loader = /*#__PURE__*/styled('div')({
+const Loader = /*#__PURE__*/styled('div')({
   name: "Loader",
-  "class": "l1u6icqf",
+  class: "l1u6icqf",
   propsAsIs: false
 });
-var _exp2 = function _exp2() {
-  return Spinner;
-};
-var StyledSpinner = /*#__PURE__*/styled(_exp2())({
+const _exp2 = /*#__PURE__*/() => Spinner;
+const StyledSpinner = /*#__PURE__*/styled(_exp2())({
   name: "StyledSpinner",
-  "class": "s1ft73sv",
+  class: "s1ft73sv",
   propsAsIs: true
 });
-var DynamicInput = /*#__PURE__*/styled('div')({
+const DynamicInput = /*#__PURE__*/styled('div')({
   name: "DynamicInput",
-  "class": "d1n4jo6t",
+  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')({
+const _exp3 = /*#__PURE__*/() => ({
+  dynamicWidth
+}) => dynamicWidth;
+const _exp4 = /*#__PURE__*/() => ({
+  isManualInput
+}) => isManualInput ? 'text' : 'default';
+const _exp5 = /*#__PURE__*/() => ({
+  isManualInput
+}) => isManualInput ? 'initial' : 'none';
+const Input = /*#__PURE__*/styled('input')({
   name: "Input",
-  "class": "i1tgbhg7",
+  class: "i1tgbhg7",
   propsAsIs: false,
   vars: {
-    "i1tgbhg7-0": [/*#__PURE__*/_exp3()],
-    "i1tgbhg7-1": [/*#__PURE__*/_exp4()],
-    "i1tgbhg7-2": [/*#__PURE__*/_exp5()]
+    "i1tgbhg7-0": [_exp3()],
+    "i1tgbhg7-1": [_exp4()],
+    "i1tgbhg7-2": [_exp5()]
   }
 });
-var InputWidthHelper = /*#__PURE__*/styled('span')({
+const InputWidthHelper = /*#__PURE__*/styled('span')({
   name: "InputWidthHelper",
-  "class": "i1il5xze",
+  class: "i1il5xze",
   propsAsIs: false
 });
 

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

@@ -1 +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    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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"}
+{"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    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","isManualInput","InputWrapper","styled","name","class","propsAsIs","vars","TextWrapper","AdditionalText","Loader","_exp2","StyledSpinner","DynamicInput","_exp3","dynamicWidth","_exp4","_exp5","Input","InputWidthHelper"],"mappings":";;;;AAKA,MAAMA,YAAY,GAAGC,WAAW,CAACC,aAAa,CAAC,CAAA;AAC/C,MAAMC,OAAO,GAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,MAAAK,IAAA,gBALtBA,MAWJ,CAAC;AAAEC,EAAAA,aAAAA;AAAc,CAAC,KAAMA,aAAa,GAAG,MAAM,GAAG,SAAU,CAAA;AAJlE,MAAMC,YAAY,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,CAIpBP,IAA2D,EAAA,CAAA;AAAA,GAAA;AAAA,CASxE,EAAA;AAEM,MAAMQ,WAAW,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,KAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOhC,EAAA;AAEM,MAAMG,cAAc,gBAAGN,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAO,EAAA;AAEpC,MAAMI,MAAM,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAAC,MAAAK,KAAA,gBAjCjBA,MAmCkBb,OAAO,CAAA;AAApC,MAAMc,aAAa,gBAAGT,MAAM,CAAAQ,KAAA,EAAA,CAAA,CAAA;AAAAP,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAW,EAAA;AAEvC,MAAMO,YAAY,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEjC,EAAA;AAAC,MAAAQ,KAAA,gBAvCgBA,MAgDL,CAAC;AAAEC,EAAAA,YAAAA;AAAa,CAAC,KAAKA,YAAY,CAAA;AAAA,MAAAC,KAAA,gBAhD7BA,MAiDJ,CAAC;AAAEf,EAAAA,aAAAA;AAAc,CAAC,KAAMA,aAAa,GAAG,MAAM,GAAG,SAAU,CAAA;AAAA,MAAAgB,KAAA,gBAjDvDA,MAkDI,CAAC;AAAEhB,EAAAA,aAAAA;AAAc,CAAC,KAAMA,aAAa,GAAG,SAAS,GAAG,MAAO,CAAA;AAT1E,MAAMiB,KAAK,gBAAGf,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,CAOdO,KAAkC,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,CACjCE,KAA2D,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,CACnDC,KAA2D,EAAA,CAAA;AAAA,GAAA;AAAA,CAEhF,EAAA;AAEM,MAAME,gBAAgB,gBAAGhB,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CASrC;;;;"}

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

@@ -1,11 +1,11 @@
-var defaultCharacterWidth = '1ch';
-var numberSchema = /^(-)?\d+(\.\d+)?$/;
-var excludingNumberSchema = /[^-.\d]/g;
-var getPreciseValue = function getPreciseValue(value, precision) {
-  var innerValue = String(value);
+const defaultCharacterWidth = '1ch';
+const numberSchema = /^(-)?\d+(\.\d+)?$/;
+const excludingNumberSchema = /[^-.\d]/g;
+const getPreciseValue = (value, precision) => {
+  const innerValue = String(value);
   if (precision !== undefined) {
-    var factor = Math.pow(10, precision);
-    var preparedValue = Number(innerValue) < 0 ? Number(innerValue) - Number.EPSILON : Number(innerValue) + Number.EPSILON;
+    const factor = 10 ** precision;
+    const preparedValue = Number(innerValue) < 0 ? Number(innerValue) - Number.EPSILON : Number(innerValue) + Number.EPSILON;
     return String(Math.round(preparedValue * factor) / factor);
   }
   return innerValue;

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

@@ -1 +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\nexport const getPreciseValue = (value: number | string, precision?: number) => {\n    const innerValue = String(value);\n\n    if (precision !== undefined) {\n        const factor = 10 ** precision;\n        const preparedValue =\n            Number(innerValue) < 0 ? Number(innerValue) - Number.EPSILON : Number(innerValue) + Number.EPSILON;\n\n        return String(Math.round(preparedValue * factor) / factor);\n    }\n\n    return innerValue;\n};\n"],"names":["defaultCharacterWidth","numberSchema","excludingNumberSchema","getPreciseValue","value","precision","innerValue","String","undefined","factor","Math","pow","preparedValue","Number","EPSILON","round"],"mappings":"AAAO,IAAMA,qBAAqB,GAAG,MAAK;AACnC,IAAMC,YAAY,GAAG,oBAAmB;AACxC,IAAMC,qBAAqB,GAAG,WAAU;AAExC,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAAsB,EAAEC,SAAkB,EAAK;AAC3E,EAAA,IAAMC,UAAU,GAAGC,MAAM,CAACH,KAAK,CAAC,CAAA;EAEhC,IAAIC,SAAS,KAAKG,SAAS,EAAE;IACzB,IAAMC,MAAM,GAAAC,IAAA,CAAAC,GAAA,CAAG,EAAE,EAAIN,SAAS,CAAA,CAAA;IAC9B,IAAMO,aAAa,GACfC,MAAM,CAACP,UAAU,CAAC,GAAG,CAAC,GAAGO,MAAM,CAACP,UAAU,CAAC,GAAGO,MAAM,CAACC,OAAO,GAAGD,MAAM,CAACP,UAAU,CAAC,GAAGO,MAAM,CAACC,OAAO,CAAA;AAEtG,IAAA,OAAOP,MAAM,CAACG,IAAI,CAACK,KAAK,CAACH,aAAa,GAAGH,MAAM,CAAC,GAAGA,MAAM,CAAC,CAAA;AAC9D,GAAA;AAEA,EAAA,OAAOH,UAAU,CAAA;AACrB;;;;"}
+{"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\nexport const getPreciseValue = (value: number | string, precision?: number) => {\n    const innerValue = String(value);\n\n    if (precision !== undefined) {\n        const factor = 10 ** precision;\n        const preparedValue =\n            Number(innerValue) < 0 ? Number(innerValue) - Number.EPSILON : Number(innerValue) + Number.EPSILON;\n\n        return String(Math.round(preparedValue * factor) / factor);\n    }\n\n    return innerValue;\n};\n"],"names":["defaultCharacterWidth","numberSchema","excludingNumberSchema","getPreciseValue","value","precision","innerValue","String","undefined","factor","preparedValue","Number","EPSILON","Math","round"],"mappings":"AAAO,MAAMA,qBAAqB,GAAG,MAAK;AACnC,MAAMC,YAAY,GAAG,oBAAmB;AACxC,MAAMC,qBAAqB,GAAG,WAAU;MAElCC,eAAe,GAAGA,CAACC,KAAsB,EAAEC,SAAkB,KAAK;AAC3E,EAAA,MAAMC,UAAU,GAAGC,MAAM,CAACH,KAAK,CAAC,CAAA;EAEhC,IAAIC,SAAS,KAAKG,SAAS,EAAE;AACzB,IAAA,MAAMC,MAAM,GAAG,EAAE,IAAIJ,SAAS,CAAA;IAC9B,MAAMK,aAAa,GACfC,MAAM,CAACL,UAAU,CAAC,GAAG,CAAC,GAAGK,MAAM,CAACL,UAAU,CAAC,GAAGK,MAAM,CAACC,OAAO,GAAGD,MAAM,CAACL,UAAU,CAAC,GAAGK,MAAM,CAACC,OAAO,CAAA;AAEtG,IAAA,OAAOL,MAAM,CAACM,IAAI,CAACC,KAAK,CAACJ,aAAa,GAAGD,MAAM,CAAC,GAAGA,MAAM,CAAC,CAAA;AAC9D,GAAA;AAEA,EAAA,OAAOH,UAAU,CAAA;AACrB;;;;"}

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

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

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

@@ -1 +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;;;;"}
+{"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,MAAMA,IAAI,GAUhB;;;;"}

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

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

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

@@ -1 +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;;;;"}
+{"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,MAAMA,IAAI,GAMhB;;;;"}

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

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

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

@@ -1 +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;;;;"}
+{"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,MAAMA,IAAI,GAoIhB;;;;"}

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

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

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

@@ -1 +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;;;;"}
+{"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,MAAMA,IAAI,GAIhB;;;;"}

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

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

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

@@ -1 +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;;;;"}
+{"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,MAAMA,IAAI,GA+ChB;;;;"}