@salutejs/plasma-new-hope 0.175.2-dev.0 → 0.176.0-canary.1511.11555353496.0

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

@@ -0,0 +1,197 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var plasmaCore = require('@salutejs/plasma-core');
+var NumberInput_tokens = require('../../NumberInput.tokens.js');
+var index = require('../../../../utils/index.js');
+var index$1 = require('../../utils/index.js');
+var constants = require('../../../../utils/constants.js');
+var Input_styles = require('./Input.styles.js');
+var useDidMountEffect = require('../../../../hooks/useDidMountEffect.js');
+var isNumber = require('../../../../utils/isNumber.js');
+
+var _StyledSpinner;
+var _excluded = ["value", "min", "max", "isLoading", "loader", "disabled", "segmentation", "textBefore", "textAfter", "isManualInput", "setInnerValue", "onChange", "onBlur", "onKeyDown"];
+var NumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var value = _ref.value,
+    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,
+    setInnerValue = _ref.setInnerValue,
+    onChange = _ref.onChange,
+    onBlur = _ref.onBlur,
+    onKeyDown = _ref.onKeyDown,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _useState = React.useState(value ? "".concat(String(value).length, "ch") : '1ch'),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    dynamicWidth = _useState2[0],
+    setDynamicWidth = _useState2[1];
+  var _useState3 = React.useState(Number(value)),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    lastValidValue = _useState4[0],
+    setLastValidValue = _useState4[1];
+  var _useState5 = React.useState(undefined),
+    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+    errorClass = _useState6[0],
+    setErrorClass = _useState6[1];
+  var _useState7 = React.useState(),
+    _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
+    errorValue = _useState8[0],
+    setErrorValue = _useState8[1];
+  var _useState9 = React.useState(false),
+    _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
+    isEditing = _useState10[0],
+    setIsEditing = _useState10[1];
+  var inputHelperRef = React.useRef(null);
+  var wrapperRef = React.useRef(null);
+  var textWrapperRef = React.useRef(null);
+  var inputRef = React.useRef(null);
+  var inputForkRef = plasmaCore.useForkRef(inputRef, ref);
+  var solidViewClass = segmentation === 'solid' ? NumberInput_tokens.classes.solidView : undefined;
+  var manualInputClass = isManualInput ? NumberInput_tokens.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");
+    }
+    if (value) {
+      return "".concat(String(value).length, "ch");
+    }
+    return '1ch';
+  };
+  var setValues = function setValues(event, newValue) {
+    setLastValidValue(newValue);
+    setInnerValue(newValue);
+    if (onChange) {
+      onChange(event, newValue);
+    }
+  };
+  var handleManualInputChange = function handleManualInputChange(event) {
+    var _textWrapperRef$curre, _wrapperRef$current;
+    if (!isManualInput || disabled) {
+      return;
+    }
+    var newValue = event.target.value;
+    if (!newValue) {
+      setInnerValue('');
+      if (onChange) {
+        onChange(event, '');
+      }
+      return;
+    }
+    var cleanValue = newValue.replace(/[^-.\d]/g, '');
+    if (cleanValue.endsWith('.')) {
+      setInnerValue(cleanValue);
+      if (onChange) {
+        onChange(event, cleanValue);
+      }
+      return;
+    }
+    var isValid = index$1.numberPettern.test(cleanValue);
+    if (!isValid) {
+      setValues(event, lastValidValue);
+      return;
+    }
+    var resValue = Number(cleanValue);
+    if (max && resValue > max) {
+      setErrorClass(NumberInput_tokens.classes.errorAnimation);
+      setErrorValue(max);
+      return;
+    }
+    if (min && resValue < min) {
+      setErrorClass(NumberInput_tokens.classes.errorAnimation);
+      setErrorValue(min);
+      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)) {
+      wrapperRef.current.scrollLeft = textWrapperRef.current.offsetWidth - textWrapperRef.current.offsetLeft || 0;
+    }
+    setValues(event, resValue);
+  };
+  var handleClickInputWrapper = function handleClickInputWrapper() {
+    if (!isManualInput || !inputRef.current) {
+      return;
+    }
+    if (!isEditing) {
+      inputRef.current.select();
+    }
+    setIsEditing(true);
+  };
+  var handleBlur = function handleBlur(event) {
+    setIsEditing(false);
+    if (!value || !isNumber.isNumber(value)) {
+      setValues(null, lastValidValue);
+    } else if (String(value).endsWith('.')) {
+      setValues(null, Number(value));
+    }
+    if (onBlur) {
+      onBlur(event);
+    }
+  };
+  var handleKeyDown = function handleKeyDown(event) {
+    if (!isManualInput || disabled) {
+      return;
+    }
+    if (event.keyCode === constants.keyCodes.Enter) {
+      event.preventDefault();
+      if (!value || !isNumber.isNumber(value)) {
+        setValues(null, lastValidValue);
+      } else if (String(value).endsWith('.')) {
+        setValues(null, Number(value));
+      }
+      if (onKeyDown) {
+        onKeyDown(event);
+      }
+    }
+  };
+  var handleEndErrorAnimation = function handleEndErrorAnimation(correctValue) {
+    setErrorClass(undefined);
+    setValues(null, correctValue);
+  };
+  React.useEffect(function () {
+    setDynamicWidth(getInputWidth());
+  }, []);
+  useDidMountEffect.useDidMountEffect(function () {
+    setDynamicWidth(getInputWidth(false));
+  }, [value]);
+  return /*#__PURE__*/React.createElement(Input_styles.InputWrapper, {
+    ref: wrapperRef,
+    className: index.cx(solidViewClass, errorClass, manualInputClass),
+    isManualInput: Boolean(isManualInput),
+    onClick: handleClickInputWrapper
+  }, /*#__PURE__*/React.createElement(Input_styles.TextWrapper, {
+    ref: textWrapperRef
+  }, textBefore && /*#__PURE__*/React.createElement(Input_styles.AdditionalText, {
+    className: NumberInput_tokens.classes.textBefore
+  }, textBefore), isLoading ? /*#__PURE__*/React.createElement(Input_styles.Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React.createElement(Input_styles.StyledSpinner, null))) : /*#__PURE__*/React.createElement(Input_styles.DynamicInput, null, /*#__PURE__*/React.createElement(Input_styles.Input, _rollupPluginBabelHelpers.extends({
+    ref: inputForkRef,
+    dynamicWidth: dynamicWidth,
+    value: value,
+    isManualInput: Boolean(isManualInput),
+    tabIndex: disabled || !isManualInput ? -1 : 0,
+    onChange: handleManualInputChange,
+    onBlur: handleBlur,
+    onKeyDown: handleKeyDown,
+    onAnimationEnd: function onAnimationEnd() {
+      return handleEndErrorAnimation(Number(errorValue));
+    }
+  }, rest)), /*#__PURE__*/React.createElement(Input_styles.InputWidthHelper, {
+    ref: inputHelperRef
+  }, value)), textAfter && /*#__PURE__*/React.createElement(Input_styles.AdditionalText, {
+    className: NumberInput_tokens.classes.textAfter
+  }, textAfter)));
+});
+
+exports.NumberInput = NumberInput;
+//# sourceMappingURL=Input.js.map

package/cjs/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 { numberPettern } 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            setInnerValue,\n            onChange,\n            onBlur,\n            onKeyDown,\n            ...rest\n        },\n        ref,\n    ) => {\n        const [dynamicWidth, setDynamicWidth] = useState(value ? `${String(value).length}ch` : '1ch');\n        const [lastValidValue, setLastValidValue] = useState(Number(value));\n        const [errorClass, setErrorClass] = useState<string | undefined>(undefined);\n        const [errorValue, setErrorValue] = useState<number>();\n        const [isEditing, setIsEditing] = useState(false);\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 '1ch';\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 handleManualInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n            if (!isManualInput || disabled) {\n                return;\n            }\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(/[^-.\\d]/g, '');\n            if (cleanValue.endsWith('.')) {\n                setInnerValue(cleanValue);\n\n                if (onChange) {\n                    onChange(event, cleanValue);\n                }\n                return;\n            }\n\n            const isValid = numberPettern.test(cleanValue);\n\n            if (!isValid) {\n                setValues(event, lastValidValue);\n                return;\n            }\n\n            const resValue = Number(cleanValue);\n            if (max && resValue > max) {\n                setErrorClass(classes.errorAnimation);\n                setErrorValue(max);\n                return;\n            }\n\n            if (min && resValue < min) {\n                setErrorClass(classes.errorAnimation);\n                setErrorValue(min);\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, resValue);\n        };\n\n        const handleClickInputWrapper = () => {\n            if (!isManualInput || !inputRef.current) {\n                return;\n            }\n\n            if (!isEditing) {\n                inputRef.current.select();\n            }\n\n            setIsEditing(true);\n        };\n\n        const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n            setIsEditing(false);\n\n            if (!value || !isNumber(value)) {\n                setValues(null, lastValidValue);\n            } else if (String(value).endsWith('.')) {\n                setValues(null, Number(value));\n            }\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                if (!value || !isNumber(value)) {\n                    setValues(null, lastValidValue);\n                } else if (String(value).endsWith('.')) {\n                    setValues(null, Number(value));\n                }\n\n                if (onKeyDown) {\n                    onKeyDown(event);\n                }\n            }\n        };\n\n        const handleEndErrorAnimation = (correctValue: number) => {\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                    {textBefore && <AdditionalText className={classes.textBefore}>{textBefore}</AdditionalText>}\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                    {textAfter && <AdditionalText className={classes.textAfter}>{textAfter}</AdditionalText>}\n                </TextWrapper>\n            </InputWrapper>\n        );\n    },\n);\n"],"names":["NumberInput","forwardRef","_ref","ref","value","min","max","isLoading","loader","disabled","segmentation","textBefore","textAfter","isManualInput","setInnerValue","onChange","onBlur","onKeyDown","rest","_objectWithoutProperties","_excluded","_useState","useState","concat","String","length","_useState2","_slicedToArray","dynamicWidth","setDynamicWidth","_useState3","Number","_useState4","lastValidValue","setLastValidValue","_useState5","undefined","_useState6","errorClass","setErrorClass","_useState7","_useState8","errorValue","setErrorValue","_useState9","_useState10","isEditing","setIsEditing","inputHelperRef","useRef","wrapperRef","textWrapperRef","inputRef","inputForkRef","useForkRef","solidViewClass","classes","solidView","manualInputClass","manualInput","getInputWidth","_inputHelperRef$curre","firstRender","arguments","current","clientWidth","_inputHelperRef$curre2","setValues","event","newValue","handleManualInputChange","_textWrapperRef$curre","_wrapperRef$current","target","cleanValue","replace","endsWith","isValid","numberPettern","test","resValue","errorAnimation","scrollLeft","offsetWidth","offsetLeft","handleClickInputWrapper","select","handleBlur","isNumber","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/cjs/components/NumberInput/ui/Input/Input.styles.js

@@ -0,0 +1,96 @@
+import './Input.styles_fhgb95.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+var common = require('../../../../engines/common.js');
+var Spinner$1 = require('../../../Spinner/Spinner.js');
+
+var mergedConfig = /*#__PURE__*/common.mergeConfig(Spinner$1.spinnerConfig);
+var Spinner = /*#__PURE__*/common.component(mergedConfig);
+var _exp = function _exp() {
+  return function (_ref) {
+    var isManualInput = _ref.isManualInput;
+    return isManualInput ? 'text' : 'default';
+  };
+};
+var InputWrapper = /*#__PURE__*/react.styled('div')({
+  name: "InputWrapper",
+  "class": "i1s8bsh6",
+  propsAsIs: false,
+  vars: {
+    "i1s8bsh6-0": [/*#__PURE__*/_exp()]
+  }
+});
+var TextWrapper = /*#__PURE__*/react.styled('div')({
+  name: "TextWrapper",
+  "class": "t6wb9c",
+  propsAsIs: false
+});
+var AdditionalText = /*#__PURE__*/react.styled('span')({
+  name: "AdditionalText",
+  "class": "az36kha",
+  propsAsIs: false
+});
+var Loader = /*#__PURE__*/react.styled('div')({
+  name: "Loader",
+  "class": "l1u6icqf",
+  propsAsIs: false
+});
+var _exp2 = function _exp2() {
+  return Spinner;
+};
+var StyledSpinner = /*#__PURE__*/react.styled(_exp2())({
+  name: "StyledSpinner",
+  "class": "s1ft73sv",
+  propsAsIs: true
+});
+var DynamicInput = /*#__PURE__*/react.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__*/react.styled('input')({
+  name: "Input",
+  "class": "i1tgbhg7",
+  propsAsIs: false,
+  vars: {
+    "i1tgbhg7-0": [/*#__PURE__*/_exp3()],
+    "i1tgbhg7-1": [/*#__PURE__*/_exp4()],
+    "i1tgbhg7-2": [/*#__PURE__*/_exp5()]
+  }
+});
+var InputWidthHelper = /*#__PURE__*/react.styled('span')({
+  name: "InputWidthHelper",
+  "class": "i1il5xze",
+  propsAsIs: false
+});
+
+exports.AdditionalText = AdditionalText;
+exports.DynamicInput = DynamicInput;
+exports.Input = Input;
+exports.InputWidthHelper = InputWidthHelper;
+exports.InputWrapper = InputWrapper;
+exports.Loader = Loader;
+exports.StyledSpinner = StyledSpinner;
+exports.TextWrapper = TextWrapper;
+//# sourceMappingURL=Input.styles.js.map

package/cjs/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/cjs/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/cjs/components/NumberInput/utils/index.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var numberPettern = /^(-)?\d+(\.\d+)?$/;
+
+exports.numberPettern = numberPettern;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/NumberInput/utils/index.ts"],"sourcesContent":["export const numberPettern = /^(-)?\\d+(\\.\\d+)?$/;\n"],"names":["numberPettern"],"mappings":";;;;AAAO,IAAMA,aAAa,GAAG;;;;"}

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

@@ -0,0 +1,9 @@
+import './base_dx9knv.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "b15uqx38";
+
+exports.base = base;
+//# sourceMappingURL=base.js.map

package/cjs/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/cjs/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/cjs/components/NumberInput/variations/_disabled/base.js

@@ -0,0 +1,9 @@
+import './base_1sl0mh8.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "bmqk5v5";
+
+exports.base = base;
+//# sourceMappingURL=base.js.map

package/cjs/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/cjs/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/cjs/components/NumberInput/variations/_segmentation/base.js

@@ -0,0 +1,9 @@
+import './base_1mg9wqg.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "bpps6rw";
+
+exports.base = base;
+//# sourceMappingURL=base.js.map

package/cjs/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        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        }\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        &.${classes.clearView} {\n            ${StyledIconButton} {\n                &.${classes.actionButtonDecrementDisabled}, &.${classes.actionButtonIncrementDisabled} {\n                    :hover,\n                    :active {\n                        background-color: transparent;\n                    }\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                        svg {\n                            opacity: var(${tokens.actionButtonDisabledOpacity});\n                        }\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,GA6FhB;;;;"}

package/cjs/components/NumberInput/variations/_segmentation/base_1mg9wqg.css

@@ -0,0 +1 @@
+.bpps6rw .i1s8bsh6{border-radius:var(--plasma-number-input_input-wrapper_border-radius);}.bpps6rw .sj0ab1b{--plasma_private-segemntation-border-radius:var(--plasma-number-input_icon-button_radius);}.bpps6rw .sj0ab1b.segmented-view,.bpps6rw .sj0ab1b.solid-view{--plasma_private-segemntation-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-segemntation-border-radius) var(--plasma_private-segemntation-border-radius) var(--plasma-number-input_icon-button_radius);}.bpps6rw .sj0ab1b.action-button-increment{border-radius:var(--plasma_private-segemntation-border-radius) var(--plasma-number-input_icon-button_radius) var(--plasma-number-input_icon-button_radius) var(--plasma_private-segemntation-border-radius);}.bpps6rw.segmented-view .i1s8bsh6{border-radius:var(--plasma-number-input_icon-button_segmentation_radius);}.bpps6rw.solid-view{position:relative;}.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);}.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.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.clear-view .sj0ab1b.action-button-decrement-disabled,.bpps6rw.solid-view.clear-view .sj0ab1b.action-button-increment-disabled{opacity:1;}.bpps6rw.solid-view.clear-view .sj0ab1b.action-button-decrement-disabled svg,.bpps6rw.solid-view.clear-view .sj0ab1b.action-button-increment-disabled svg{opacity:var(--plasma-number-input_action-button_disabled-opacity);}.bpps6rw.solid-view.clear-view .sj0ab1b.action-button-decrement-disabled:hover svg,.bpps6rw.solid-view.clear-view .sj0ab1b.action-button-increment-disabled:hover svg,.bpps6rw.solid-view.clear-view .sj0ab1b.action-button-decrement-disabled:active svg,.bpps6rw.solid-view.clear-view .sj0ab1b.action-button-increment-disabled:active svg{opacity:var(--plasma-number-input_action-button_disabled-opacity);}.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/cjs/components/NumberInput/variations/_shape/base.js

@@ -0,0 +1,9 @@
+import './base_k05biw.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "b1l31q8y";
+
+exports.base = base;
+//# sourceMappingURL=base.js.map

package/cjs/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/cjs/components/NumberInput/variations/_shape/base_k05biw.css

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

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

@@ -0,0 +1,9 @@
+import './base_yqdmk4.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "b13wjeky";
+
+exports.base = base;
+//# sourceMappingURL=base.js.map

package/cjs/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/cjs/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/cjs/components/NumberInput/variations/_view/base.js

@@ -0,0 +1,9 @@
+import './base_3gefjm.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base = "bhi37xj";
+
+exports.base = base;
+//# sourceMappingURL=base.js.map

package/cjs/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.5s forwards;\n\n            ${Input} {\n                color: var(${tokens.errorColor});\n                animation: fadeError 0.5s 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            12.5% {\n                transform: translateX(0.188rem);\n            }\n            25% {\n                transform: translateX(-0.188rem);\n            }\n            37.5% {\n                transform: translateX(0.188rem);\n            }\n            50% {\n                transform: translateX(-0.188rem);\n            }\n            62.5% {\n                transform: translateX(0.188rem);\n            }\n            75% {\n                transform: translateX(-0.188rem);\n            }\n            87.5% {\n                transform: translateX(0.188rem);\n            }\n            100% {\n                transform: translateX(-0.188rem);\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,GA+FhB;;;;"}

package/cjs/components/NumberInput/variations/_view/base_3gefjm.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.5s forwards;animation:shakingError-bhi37xj 0.5s forwards;}.bhi37xj.bhi37xj .i1s8bsh6.manual-input-number-input.error-animation .i1tgbhg7{color:var(--plasma-number-input_error-color);-webkit-animation:fadeError-bhi37xj 0.5s forwards;animation:fadeError-bhi37xj 0.5s 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{12.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}25%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}37.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}50%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}62.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}75%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}87.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}100%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}}@keyframes shakingError-bhi37xj{12.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}25%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}37.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}50%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}62.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}75%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}87.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}100%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}}@-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/cjs/index.css

@@ -804,3 +804,26 @@
 .IconButton_styles_1q2jfs2_shuaj1a__7aea03a6{--plasma-icon-button-color:var(--plasma-attach-icon-button-cancel-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-cancel-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-cancel-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-cancel-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-cancel-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-cancel-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-cancel-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-cancel-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-cancel-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-cancel-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-cancel-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-cancel-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-cancel-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-cancel-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-cancel-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-cancel-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-cancel-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-cancel-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-cancel-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-cancel-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-cancel-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-cancel-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-cancel-spinner-size);}
 
 .ViewContainer_yiqfcb_bemjbnt__5b2a6776{position:relative;}
+
+.Input_styles_fhgb95_i1s8bsh6__3bed5c8f{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;}.Input_styles_fhgb95_i1s8bsh6__3bed5c8f::-webkit-scrollbar{display:none;}
+.Input_styles_fhgb95_t6wb9c__3bed5c8f{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;}
+
+
+
+.Input_styles_fhgb95_d1n4jo6t__3bed5c8f{position:relative;}
+.Input_styles_fhgb95_i1tgbhg7__3bed5c8f{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;}
+.Input_styles_fhgb95_i1il5xze__3bed5c8f{position:absolute;z-index:-999;visibility:hidden;top:0;left:0;opacity:0;height:0;white-space:pre;}
+
+.NumberInput_styles_jeawjl_bwds6g__9a871afb{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;}
+
+.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_sj0ab1b__00c46017{--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);}.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_sj0ab1b__00c46017.base_3gefjm_actionButtonDecrementDisabled__00c46017,.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_sj0ab1b__00c46017.base_3gefjm_actionButtonIncrementDisabled__00c46017{opacity:var(--plasma-number-input_action-button_disabled-opacity);cursor:not-allowed;}.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_sj0ab1b__00c46017.base_3gefjm_actionButtonDecrementDisabled__00c46017:hover,.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_sj0ab1b__00c46017.base_3gefjm_actionButtonIncrementDisabled__00c46017:hover,.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_sj0ab1b__00c46017.base_3gefjm_actionButtonDecrementDisabled__00c46017:active,.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_sj0ab1b__00c46017.base_3gefjm_actionButtonIncrementDisabled__00c46017:active{scale:none;color:var(--plasma-number-input_icon-button_color);background-color:var(--plasma-number-input_icon-button_background-color);}.base_3gefjm_bhi37xj__00c46017.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_i1s8bsh6__00c46017.base_3gefjm_manualInputNumberInput__00c46017: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);}.base_3gefjm_bhi37xj__00c46017.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_i1s8bsh6__00c46017.base_3gefjm_manualInputNumberInput__00c46017.base_3gefjm_errorAnimation__00c46017{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:base_3gefjm_shakingErrorBhi37xj__00c46017 0.5s forwards;animation:base_3gefjm_shakingErrorBhi37xj__00c46017 0.5s forwards;}.base_3gefjm_bhi37xj__00c46017.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_i1s8bsh6__00c46017.base_3gefjm_manualInputNumberInput__00c46017.base_3gefjm_errorAnimation__00c46017 .base_3gefjm_i1tgbhg7__00c46017{color:var(--plasma-number-input_error-color);-webkit-animation:base_3gefjm_fadeErrorBhi37xj__00c46017 0.5s forwards;animation:base_3gefjm_fadeErrorBhi37xj__00c46017 0.5s forwards;}.base_3gefjm_bhi37xj__00c46017.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_i1s8bsh6__00c46017.base_3gefjm_manualInputNumberInput__00c46017.base_3gefjm_errorAnimation__00c46017: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 base_3gefjm_shakingErrorBhi37xj__00c46017{12.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}25%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}37.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}50%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}62.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}75%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}87.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}100%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}}@keyframes base_3gefjm_shakingErrorBhi37xj__00c46017{12.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}25%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}37.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}50%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}62.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}75%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}87.5%{-webkit-transform:translateX(0.188rem);-ms-transform:translateX(0.188rem);transform:translateX(0.188rem);}100%{-webkit-transform:translateX(-0.188rem);-ms-transform:translateX(-0.188rem);transform:translateX(-0.188rem);}}@-webkit-keyframes base_3gefjm_fadeErrorBhi37xj__00c46017{50%{opacity:1;}100%{opacity:0;}}@keyframes base_3gefjm_fadeErrorBhi37xj__00c46017{50%{opacity:1;}100%{opacity:0;}}.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_s1ft73sv__00c46017{--plasma-spinner-color:var(--plasma-number-input_loader-spinner_color);}.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_i1tgbhg7__00c46017{color:var(--plasma-number-input_color);caret-color:var(--plasma-number-input_caret_color);}.base_3gefjm_bhi37xj__00c46017 .base_3gefjm_az36kha__00c46017{color:var(--plasma-number-input_additional-text_color);}
+
+.base_yqdmk4_b13wjeky__9b206d94{width:var(--plasma_private-number-input_width);min-width:var(--plasma-number-input_min-width);}.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_sj0ab1b__9b206d94{--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);}.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_i1s8bsh6__9b206d94{margin:var(--plasma-number-input_input-wrapper_margin);}.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_t6wb9c__9b206d94{height:var(--plasma-number-input_text-wrapper_height);padding:var(--plasma-number-input_text-wrapper_padding);}.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_d1n4jo6t__9b206d94,.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_i1tgbhg7__9b206d94,.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_az36kha__9b206d94{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);}.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_az36kha__9b206d94.base_yqdmk4_textBefore__9b206d94{margin-right:var(--plasma-number-input_text-before_margin-right);}.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_az36kha__9b206d94.base_yqdmk4_textAfter__9b206d94{margin-left:var(--plasma-number-input_text-after_margin-left);}.base_yqdmk4_b13wjeky__9b206d94 .base_yqdmk4_s1ft73sv__9b206d94{--plasma-spinner-size:var(--plasma-number-input_loader-spinner_size);}
+
+.base_k05biw_b1l31q8y__7da7a6d0 .base_k05biw_sj0ab1b__7da7a6d0{--plasma-icon-button-radius:var(--plasma-number-input_icon-button_radius);}
+
+.base_dx9knv_b15uqx38__1d74109c .base_dx9knv_i1s8bsh6__1d74109c{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);}.base_dx9knv_b15uqx38__1d74109c .base_dx9knv_i1s8bsh6__1d74109c.base_dx9knv_manualInputNumberInput__1d74109c: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);}
+
+.base_1mg9wqg_bpps6rw__b0f7c19c .base_1mg9wqg_i1s8bsh6__b0f7c19c{border-radius:var(--plasma-number-input_input-wrapper_border-radius);}.base_1mg9wqg_bpps6rw__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c{--plasma_private-segemntation-border-radius:var(--plasma-number-input_icon-button_radius);}.base_1mg9wqg_bpps6rw__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_segmentedView__b0f7c19c,.base_1mg9wqg_bpps6rw__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c{--plasma_private-segemntation-border-radius:var(--plasma-number-input_icon-button_segmentation_radius,var(--plasma-number-input_icon-button_radius));}.base_1mg9wqg_bpps6rw__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonDecrement__b0f7c19c{border-radius:var(--plasma-number-input_icon-button_radius) var(--plasma_private-segemntation-border-radius) var(--plasma_private-segemntation-border-radius) var(--plasma-number-input_icon-button_radius);}.base_1mg9wqg_bpps6rw__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonIncrement__b0f7c19c{border-radius:var(--plasma_private-segemntation-border-radius) var(--plasma-number-input_icon-button_radius) var(--plasma-number-input_icon-button_radius) var(--plasma_private-segemntation-border-radius);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_segmentedView__b0f7c19c .base_1mg9wqg_i1s8bsh6__b0f7c19c{border-radius:var(--plasma-number-input_icon-button_segmentation_radius);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c{position:relative;}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c: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);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c .base_1mg9wqg_i1s8bsh6__b0f7c19c{position:relative;color:var(--plasma-number-input_color-solid);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c .base_1mg9wqg_i1s8bsh6__b0f7c19c:not(error-animation).base_1mg9wqg_manualInputNumberInput__b0f7c19c: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);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonDecrementDisabled__b0f7c19c:hover,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonIncrementDisabled__b0f7c19c:hover,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonDecrementDisabled__b0f7c19c:active,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonIncrementDisabled__b0f7c19c:active{background-color:transparent;}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonDecrementDisabled__b0f7c19c,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonIncrementDisabled__b0f7c19c{opacity:1;}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonDecrementDisabled__b0f7c19c svg,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonIncrementDisabled__b0f7c19c svg{opacity:var(--plasma-number-input_action-button_disabled-opacity);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonDecrementDisabled__b0f7c19c:hover svg,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonIncrementDisabled__b0f7c19c:hover svg,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonDecrementDisabled__b0f7c19c:active svg,.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c.base_1mg9wqg_clearView__b0f7c19c .base_1mg9wqg_sj0ab1b__b0f7c19c.base_1mg9wqg_actionButtonIncrementDisabled__b0f7c19c:active svg{opacity:var(--plasma-number-input_action-button_disabled-opacity);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c .base_1mg9wqg_s1ft73sv__b0f7c19c{--plasma-spinner-color:var(--plasma-number-input_loader-spinner_color-solid);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c .base_1mg9wqg_i1tgbhg7__b0f7c19c{caret-color:var(--plasma-number-input_caret_color-solid,var(--plasma-number-input_caret_color));}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c .base_1mg9wqg_i1tgbhg7__b0f7c19c:not(.base_1mg9wqg_errorAnimation__b0f7c19c){color:var(--plasma-number-input_color-solid);}.base_1mg9wqg_bpps6rw__b0f7c19c.base_1mg9wqg_solidView__b0f7c19c .base_1mg9wqg_az36kha__b0f7c19c{color:var(--plasma-number-input_additional-text_color-solid);}
+
+.base_1sl0mh8_bmqk5v5__e93ebd2b.base_1sl0mh8_bmqk5v5__e93ebd2b.base_1sl0mh8_numberInputDisabled__e93ebd2b{pointer-events:none;opacity:var(--plasma-number-input_disabled-opacity);cursor:not-allowed;}

package/cjs/index.js

@@ -206,6 +206,8 @@ var Mask = require('./components/Mask/Mask.js');
 var Attach = require('./components/Attach/Attach.js');
 var Attach_tokens = require('./components/Attach/Attach.tokens.js');
 var ViewContainer = require('./components/ViewContainer/ViewContainer.js');
+var NumberInput = require('./components/NumberInput/NumberInput.js');
+var NumberInput_tokens = require('./components/NumberInput/NumberInput.tokens.js');
 
 
 
@@ -599,4 +601,8 @@ exports.attachRoot = Attach.attachRoot;
 exports.attachTokens = Attach_tokens.tokens;
 exports.viewContainerConfig = ViewContainer.viewContainerConfig;
 exports.viewContainerRoot = ViewContainer.viewContainerRoot;
+exports.numberInputConfig = NumberInput.numberInputConfig;
+exports.numberInputRoot = NumberInput.numberInputRoot;
+exports.numberInputClasses = NumberInput_tokens.classes;
+exports.numberInputTokens = NumberInput_tokens.tokens;
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}