npm - @salutejs/plasma-new-hope - Versions diffs - 0.176.0-canary.1506.11570845312.0 → 0.176.0-canary.1511.11569320253.0 - Mend

@salutejs/plasma-new-hope 0.176.0-canary.1506.11570845312.0 → 0.176.0-canary.1511.11569320253.0

Files changed (919) hide show

package/es/components/NumberInput/ui/Input/Input.css ADDED Viewed

@@ -0,0 +1,15 @@
+.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
+.base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
+.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
+.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
+.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;}

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

@@ -0,0 +1,195 @@
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, 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';
+import { cx } from '../../../../utils/index.js';
+import { numberPettern } from '../../utils/index.js';
+import { keyCodes } from '../../../../utils/constants.js';
+import { InputWrapper, TextWrapper, AdditionalText, Loader, StyledSpinner, DynamicInput, Input, InputWidthHelper } from './Input.styles.js';
+import { useDidMountEffect } from '../../../../hooks/useDidMountEffect.js';
+import { isNumber } from '../../../../utils/isNumber.js';
+var _StyledSpinner;
+var _excluded = ["value", "min", "max", "isLoading", "loader", "disabled", "segmentation", "textBefore", "textAfter", "isManualInput", "setInnerValue", "onChange", "onBlur", "onKeyDown"];
+var NumberInput = /*#__PURE__*/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 = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(value ? "".concat(String(value).length, "ch") : '1ch'),
+    _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 _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    isEditing = _useState10[0],
+    setIsEditing = _useState10[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");
+    }
+    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 validateValue = function validateValue(newValue) {
+    console.log(newValue);
+    if (!newValue || !isNumber(newValue)) {
+      setValues(null, lastValidValue);
+      return;
+    }
+    if (String(newValue).endsWith('.')) {
+      setValues(null, Number(newValue));
+      return;
+    }
+    var resValue = Number(newValue);
+    if (max && resValue > max) {
+      setErrorClass(classes.errorAnimation);
+      setErrorValue(max);
+      return;
+    }
+    if (min && resValue < min) {
+      setErrorClass(classes.errorAnimation);
+      setErrorValue(min);
+    }
+  };
+  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 = numberPettern.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)) {
+      wrapperRef.current.scrollLeft = textWrapperRef.current.offsetWidth - textWrapperRef.current.offsetLeft || 0;
+    }
+    setValues(event, Number(cleanValue));
+  };
+  var handleClickInputWrapper = function handleClickInputWrapper() {
+    if (!isManualInput || !inputRef.current) {
+      return;
+    }
+    if (!isEditing) {
+      inputRef.current.select();
+    }
+    setIsEditing(true);
+  };
+  var handleBlur = function handleBlur(event) {
+    setIsEditing(false);
+    validateValue(value);
+    if (onBlur) {
+      onBlur(event);
+    }
+  };
+  var handleKeyDown = function handleKeyDown(event) {
+    if (!isManualInput || disabled) {
+      return;
+    }
+    if (event.keyCode === keyCodes.Enter) {
+      event.preventDefault();
+      validateValue(value);
+      if (onKeyDown) {
+        onKeyDown(event);
+      }
+    }
+  };
+  var handleEndErrorAnimation = function handleEndErrorAnimation(correctValue) {
+    setErrorClass(undefined);
+    setValues(null, correctValue);
+  };
+  useEffect(function () {
+    setDynamicWidth(getInputWidth());
+  }, []);
+  useDidMountEffect(function () {
+    setDynamicWidth(getInputWidth(false));
+  }, [value]);
+  return /*#__PURE__*/React.createElement(InputWrapper, {
+    ref: wrapperRef,
+    className: cx(solidViewClass, errorClass, manualInputClass),
+    isManualInput: Boolean(isManualInput),
+    onClick: handleClickInputWrapper
+  }, /*#__PURE__*/React.createElement(TextWrapper, {
+    ref: textWrapperRef
+  }, 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({
+    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(InputWidthHelper, {
+    ref: inputHelperRef
+  }, value)), textAfter && /*#__PURE__*/React.createElement(AdditionalText, {
+    className: classes.textAfter
+  }, textAfter)));
+});
+export { NumberInput };
+//# sourceMappingURL=Input.js.map

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

@@ -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 validateValue = (newValue: number | string) => {\n console.log(newValue);\n if (!newValue || !isNumber(newValue)) {\n setValues(null, lastValidValue);\n return;\n }\n\n if (String(newValue).endsWith('.')) {\n setValues(null, Number(newValue));\n return;\n }\n\n const resValue = Number(newValue);\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 }\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 if (\n textWrapperRef?.current &&\n wrapperRef?.current &&\n textWrapperRef?.current?.clientWidth > wrapperRef?.current?.clientWidth\n ) {\n wrapperRef.current.scrollLeft =\n textWrapperRef.current.offsetWidth - textWrapperRef.current.offsetLeft || 0;\n }\n\n setValues(event, Number(cleanValue));\n };\n\n const handleClickInputWrapper = () => {\n if (!isManualInput || !inputRef.current) {\n return;\n }\n\n if (!isEditing) {\n inputRef.current.select();\n }\n\n setIsEditing(true);\n };\n\n const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n setIsEditing(false);\n validateValue(value);\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 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","validateValue","console","log","isNumber","endsWith","resValue","errorAnimation","handleManualInputChange","_textWrapperRef$curre","_wrapperRef$current","target","cleanValue","replace","isValid","numberPettern","test","scrollLeft","offsetWidth","offsetLeft","handleClickInputWrapper","select","handleBlur","handleKeyDown","keyCode","keyCodes","Enter","preventDefault","handleEndErrorAnimation","correctValue","useEffect","useDidMountEffect","React","createElement","InputWrapper","className","cx","Boolean","onClick","TextWrapper","AdditionalText","Loader","_StyledSpinner","StyledSpinner","DynamicInput","Input","_extends","tabIndex","onAnimationEnd","InputWidthHelper"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@

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

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

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

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

@@ -0,0 +1,4 @@
+var numberPettern = /^(-)?\d+(\.\d+)?$/;
+export { numberPettern };
+//# sourceMappingURL=index.js.map

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

	@@ -0,0 +1 @@
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/es/components/NumberInput/variations/_background-type/base.js ADDED Viewed

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

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

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

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

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

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

@@ -0,0 +1 @@

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

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

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

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

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

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

@@ -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 ${StyledIconButton} {\n :hover,\n :active { \n background-color: var(${tokens.iconButtonBackgroundColor});\n color: var(${tokens.iconButtonColorSolidHover});\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,GAuGhB;;;;"}

package/es/components/NumberInput/variations/_segmentation/base_1jt83uh.css ADDED Viewed

@@ -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 .sj0ab1b:hover,.bpps6rw.solid-view .sj0ab1b:active{background-color:var(--plasma-number-input_icon-button_background-color);color:var(--plasma-number-input_icon-button_color_solid-hover);}.bpps6rw.solid-view .sj0ab1b.action-button-decrement-disabled,.bpps6rw.solid-view .sj0ab1b.action-button-increment-disabled{opacity:1;}.bpps6rw.solid-view .sj0ab1b.action-button-decrement-disabled svg,.bpps6rw.solid-view .sj0ab1b.action-button-increment-disabled svg{opacity:var(--plasma-number-input_action-button_disabled-opacity);}.bpps6rw.solid-view .sj0ab1b.action-button-decrement-disabled:hover,.bpps6rw.solid-view .sj0ab1b.action-button-increment-disabled:hover,.bpps6rw.solid-view .sj0ab1b.action-button-decrement-disabled:active,.bpps6rw.solid-view .sj0ab1b.action-button-increment-disabled:active{color:var(--plasma-number-input_icon-button_color);}.bpps6rw.solid-view .sj0ab1b.action-button-decrement-disabled:hover svg,.bpps6rw.solid-view .sj0ab1b.action-button-increment-disabled:hover svg,.bpps6rw.solid-view .sj0ab1b.action-button-decrement-disabled:active svg,.bpps6rw.solid-view .sj0ab1b.action-button-increment-disabled:active svg{opacity:var(--plasma-number-input_action-button_disabled-opacity);}.bpps6rw.solid-view.clear-view .sj0ab1b.action-button-decrement-disabled:hover,.bpps6rw.solid-view.clear-view .sj0ab1b.action-button-increment-disabled:hover,.bpps6rw.solid-view.clear-view .sj0ab1b.action-button-decrement-disabled:active,.bpps6rw.solid-view.clear-view .sj0ab1b.action-button-increment-disabled:active{background-color:transparent;}.bpps6rw.solid-view .s1ft73sv{--plasma-spinner-color:var(--plasma-number-input_loader-spinner_color-solid);}.bpps6rw.solid-view .i1tgbhg7{caret-color:var(--plasma-number-input_caret_color-solid,var(--plasma-number-input_caret_color));}.bpps6rw.solid-view .i1tgbhg7:not(.error-animation){color:var(--plasma-number-input_color-solid);}.bpps6rw.solid-view .az36kha{color:var(--plasma-number-input_additional-text_color-solid);}

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

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

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

@@ -0,0 +1 @@

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

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

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

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

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

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

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

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

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

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

@@ -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/es/components/NumberInput/variations/_view/base_3gefjm.css ADDED Viewed

@@ -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/es/components/Pagination/Pagination.css CHANGED Viewed

@@ -38,13 +38,13 @@
 .ButtonGroup_styles_92nbdg_b181uun8__0ffde6c1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.Pagination_styles_1w5oej6_p1m4gnut__3b89d2a5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.Pagination_styles_1w5oej6_p1m4gnut__3b89d2a5.Pagination_styles_1w5oej6_paginationTypeCompact__3b89d2a5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;}.Pagination_styles_1w5oej6_p1m4gnut__3b89d2a5.Pagination_styles_1w5oej6_paginationTypeDefault__3b89d2a5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;gap:1rem;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
-.Pagination_styles_1w5oej6_p195n7xj__3b89d2a5{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;gap:0.25rem;margin:0 auto;}
-.Pagination_styles_1w5oej6_p19axp12__3b89d2a5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;gap:0.625rem;}.Pagination_styles_1w5oej6_p19axp12__3b89d2a5.Pagination_styles_1w5oej6_paginationTypeCompact__3b89d2a5{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Pagination_styles_1w5oej6_p19axp12__3b89d2a5.Pagination_styles_1w5oej6_paginationHasPerpageSelect__3b89d2a5{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Pagination_styles_1w5oej6_p19axp12__3b89d2a5.Pagination_styles_1w5oej6_paginationHasQuickJump__3b89d2a5{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
-.Pagination_styles_1w5oej6_p1rlzvhv__3b89d2a5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;}
-.Pagination_styles_1w5oej6_pivhg1z__3b89d2a5{--plasma-button-group-item-color:var(--plasma-pagination-button-color);--plasma-button-group-item-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-group-item-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-group-item-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-group-item-color-active:var(--plasma-pagination--button-color-active);--plasma-button-group-item-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-group-item-font-family:var(--plasma-pagination-font-family);--plasma-button-group-item-font-size:var(--plasma-pagination-font-size);--plasma-button-group-item-font-style:var(--plasma-pagination-font-style);--plasma-button-group-item-font-weight:var(--plasma-pagination-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-pagination-line-height);--plasma-button-group-item-width:var(--plasma-pagination-button-width);--plasma-button-group-item-height:var(--plasma-pagination-button-height);--plasma-button-group-item-default-radius:var(--plasma-pagination-button-radius);--plasma-button-group-side-item-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-segmented-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-radius-circle:var(--plasma-pagination-button-radius);}
-.Pagination_styles_1w5oej6_pshury3__3b89d2a5{--plasma-button-color:var(--plasma-pagination-button-color);--plasma-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-color-active:var(--plasma-pagination--button-color-active);--plasma-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-font-family:var(--plasma-pagination-font-family);--plasma-button-font-size:var(--plasma-pagination-font-size);--plasma-button-font-style:var(--plasma-pagination-font-style);--plasma-button-font-weight:var(--plasma-pagination-font-weight);--plasma-button-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-line-height:var(--plasma-pagination-line-height);--plasma-button-width:var(--plasma-pagination-button-width);--plasma-button-height:var(--plasma-pagination-button-height);--plasma-button-radius:var(--plasma-pagination-button-radius);--plasma-button-disabled-opacity:var(--plasma-pagination-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-pagination--button-color-focus);position:relative;}.Pagination_styles_1w5oej6_pshury3__3b89d2a5.Pagination_styles_1w5oej6_paginationPageButtonActive__3b89d2a5{--plasma-button-color:var(--plasma-pagination-button-current-color);--plasma-button-background-color:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-current-color-hover);--plasma-button-background-color-hover:var(--plasma-pagination-button-current-bg-color-hover);--plasma-button-color-active:var(--plasma-pagination--button-current-color-active);--plasma-button-background-color-active:var(--plasma-pagination-button-current-bg-color-active);}.Pagination_styles_1w5oej6_pshury3__3b89d2a5.Pagination_styles_1w5oej6_paginationButtonDisabled__3b89d2a5{--plasma-button-color:var(--plasma-pagination--button-color-disabled,var(--plasma-pagination-button-color));--plasma-button-background-color:var(--plasma-pagination--button-bg-color-disabled,var(--plasma-pagination-button-bg-color ));}.Pagination_styles_1w5oej6_pshury3__3b89d2a5:focus{outline:none;}.Pagination_styles_1w5oej6_pshury3__3b89d2a5::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-btn-br);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Pagination_styles_1w5oej6_pshury3__3b89d2a5.Pagination_styles_1w5oej6_focusVisible__3b89d2a5:focus::before,.Pagination_styles_1w5oej6_pshury3__3b89d2a5[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-pagination--button-color-focus);}
-.Pagination_styles_1w5oej6_pwlctp1__3b89d2a5.Pagination_styles_1w5oej6_pshury3__3b89d2a5{--plasma-button-width:var(--plasma-pagination-button-width-shorter);--plasma-button-padding:0;}
+.Pagination_styles_y6gcva_p1m4gnut__6a3d68ab{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-pagination-color);}.Pagination_styles_y6gcva_p1m4gnut__6a3d68ab.Pagination_styles_y6gcva_paginationTypeCompact__6a3d68ab{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;}.Pagination_styles_y6gcva_p1m4gnut__6a3d68ab.Pagination_styles_y6gcva_paginationTypeDefault__6a3d68ab{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;gap:1rem;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
+.Pagination_styles_y6gcva_p195n7xj__6a3d68ab{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;gap:0.25rem;margin:0 auto;}
+.Pagination_styles_y6gcva_p19axp12__6a3d68ab{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;gap:0.625rem;}.Pagination_styles_y6gcva_p19axp12__6a3d68ab.Pagination_styles_y6gcva_paginationTypeCompact__6a3d68ab{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Pagination_styles_y6gcva_p19axp12__6a3d68ab.Pagination_styles_y6gcva_paginationHasPerpageSelect__6a3d68ab{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Pagination_styles_y6gcva_p19axp12__6a3d68ab.Pagination_styles_y6gcva_paginationHasQuickJump__6a3d68ab{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
+.Pagination_styles_y6gcva_p1rlzvhv__6a3d68ab{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;}
+.Pagination_styles_y6gcva_pivhg1z__6a3d68ab{--plasma-button-group-item-color:var(--plasma-pagination-button-color);--plasma-button-group-item-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-group-item-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-group-item-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-group-item-color-active:var(--plasma-pagination--button-color-active);--plasma-button-group-item-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-group-item-font-family:var(--plasma-pagination-font-family);--plasma-button-group-item-font-size:var(--plasma-pagination-font-size);--plasma-button-group-item-font-style:var(--plasma-pagination-font-style);--plasma-button-group-item-font-weight:var(--plasma-pagination-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-pagination-line-height);--plasma-button-group-item-width:var(--plasma-pagination-button-width);--plasma-button-group-item-height:var(--plasma-pagination-button-height);--plasma-button-group-item-default-radius:var(--plasma-pagination-button-radius);--plasma-button-group-side-item-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-segmented-radius:var(--plasma-pagination-button-radius);--plasma-button-group-item-radius-circle:var(--plasma-pagination-button-radius);}
+.Pagination_styles_y6gcva_pshury3__6a3d68ab{--plasma-button-color:var(--plasma-pagination-button-color);--plasma-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-button-color-active:var(--plasma-pagination--button-color-active);--plasma-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-button-font-family:var(--plasma-pagination-font-family);--plasma-button-font-size:var(--plasma-pagination-font-size);--plasma-button-font-style:var(--plasma-pagination-font-style);--plasma-button-font-weight:var(--plasma-pagination-font-weight);--plasma-button-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-button-line-height:var(--plasma-pagination-line-height);--plasma-button-width:var(--plasma-pagination-button-width);--plasma-button-height:var(--plasma-pagination-button-height);--plasma-button-radius:var(--plasma-pagination-button-radius);--plasma-button-disabled-opacity:var(--plasma-pagination-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-pagination--button-color-focus);position:relative;}.Pagination_styles_y6gcva_pshury3__6a3d68ab.Pagination_styles_y6gcva_paginationPageButtonActive__6a3d68ab{--plasma-button-color:var(--plasma-pagination-button-current-color);--plasma-button-background-color:var(--plasma-pagination-button-current-bg-color);--plasma-button-color-hover:var(--plasma-pagination-button-current-color-hover);--plasma-button-background-color-hover:var(--plasma-pagination-button-current-bg-color-hover);--plasma-button-color-active:var(--plasma-pagination--button-current-color-active);--plasma-button-background-color-active:var(--plasma-pagination-button-current-bg-color-active);}.Pagination_styles_y6gcva_pshury3__6a3d68ab:focus{outline:none;}.Pagination_styles_y6gcva_pshury3__6a3d68ab::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-btn-outline-size));left:calc(-1 * var(--plasma_private-btn-outline-size));right:calc(-1 * var(--plasma_private-btn-outline-size));bottom:calc(-1 * var(--plasma_private-btn-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:var(--plasma_private-btn-br);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Pagination_styles_y6gcva_pshury3__6a3d68ab.Pagination_styles_y6gcva_focusVisible__6a3d68ab:focus::before,.Pagination_styles_y6gcva_pshury3__6a3d68ab[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-pagination--button-color-focus);}
+.Pagination_styles_y6gcva_pwlctp1__6a3d68ab.Pagination_styles_y6gcva_pshury3__6a3d68ab{--plasma-button-width:var(--plasma-pagination-button-width-shorter);--plasma-button-padding:0;}
 .base_ldqogv_b1fjr2lv__916b2a9f .base_ldqogv_paginationIconReverse__916b2a9f{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
@@ -138,6 +138,6 @@
 .Select_styles_768h42_ogpldc9__d1d95a37{display:block;margin-bottom:var(--plasma-select-label-offset);color:var(--text-primary);font-family:var(--plasma-select-label-font-family);font-size:var(--plasma-select-label-font-size);font-style:var(--plasma-select-label-font-style);font-weight:var(--plasma-select-label-font-weight);-webkit-letter-spacing:var(--plasma-select-label-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-label-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-label-font-letter-spacing);letter-spacing:var(--plasma-select-label-font-letter-spacing);line-height:var(--plasma-select-label-font-line-height);}
 .Select_styles_768h42_h2ef052__d1d95a37{margin-top:var(--plasma-select-helper-text-offset);color:var(--plasma-select-helper-text-color);font-family:var(--plasma-select-helper-text-font-family);font-size:var(--plasma-select-helper-text-font-size);font-style:var(--plasma-select-helper-text-font-style);font-weight:var(--plasma-select-helper-text-font-weight);-webkit-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing);letter-spacing:var(--plasma-select-helper-text-font-letter-spacing);line-height:var(--plasma-select-helper-text-font-line-height);}
-.PaginationSelectPerPage_styles_1fesyfv_s1e57mfu__09044c9e{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;gap:0.5rem;}
-.PaginationSelectPerPage_styles_1fesyfv_s5dck5y__09044c9e{--plasma-select-target-button-color:var(--plasma-pagination-button-color);--plasma-select-target-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-select-target-button-color-active:var(--plasma-pagination-button-color-active);--plasma-select-target-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-select-target-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-select-target-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-select-target-height:var(--plasma-pagination-button-height);--plasma-select-target-button-padding:var(--plasma-pagination-select-target-padding);--plasma-select-border-radius:var(--plasma-pagination-button-radius);--plasma-select-target-button-arrow-color:var(--plasma-pagination--button-arrow-color);--plasma-select-target-button-arrow-color-hover:var(--plasma-pagination--button-arrow-color-hover);--plasma-select-target-button-arrow-color-active:var(--plasma-pagination--button-arrow-color-active);--plasma-select-target-button-arrow-margin:var(--plasma-pagination--button-arrow-margin);--plasma-select-padding:0.125rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-padding:var(--plasma-pagination-select-item-padding);--plasma-select-item-border-radius:calc(var(--plasma-pagination-button-radius) - 0.125rem);--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-height:var(--plasma-pagination-select-item-height);--plasma-select-font-family:var(--plasma-pagination-font-family);--plasma-select-font-size:var(--plasma-pagination-font-size);--plasma-select-font-style:var(--plasma-pagination-font-style);--plasma-select-font-weight:var(--plasma-pagination-font-weight);--plasma-select-font-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-select-font-line-height:var(--plasma-pagination-line-height);}
-.PaginationSelectPerPage_styles_1fesyfv_squvg2e__09044c9e{font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}
+.PaginationSelectPerPage_styles_187mk6b_s1e57mfu__a3b3456a{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;gap:0.5rem;}
+.PaginationSelectPerPage_styles_187mk6b_s5dck5y__a3b3456a{--plasma-select-target-button-color:var(--plasma-pagination-button-color);--plasma-select-target-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-select-target-button-color-active:var(--plasma-pagination-button-color-active);--plasma-select-target-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-select-target-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-select-target-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-select-target-height:var(--plasma-pagination-button-height);--plasma-select-target-button-padding:var(--plasma-pagination-select-target-padding);--plasma-select-border-radius:var(--plasma-pagination-button-radius);--plasma-select-target-button-arrow-color:var(--plasma-pagination--button-arrow-color);--plasma-select-target-button-arrow-color-hover:var(--plasma-pagination--button-arrow-color-hover);--plasma-select-target-button-arrow-color-active:var(--plasma-pagination--button-arrow-color-active);--plasma-select-target-button-arrow-margin:var(--plasma-pagination--button-arrow-margin);--plasma-select-padding:0.125rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-padding:var(--plasma-pagination-select-item-padding);--plasma-select-item-border-radius:calc(var(--plasma-pagination-button-radius) - 0.125rem);--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-height:var(--plasma-pagination-select-item-height);}
+.PaginationSelectPerPage_styles_187mk6b_squvg2e__a3b3456a{font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}

package/es/components/Pagination/Pagination.js CHANGED Viewed

@@ -11,6 +11,7 @@ import { PaginationQuickJumpToPage } from './ui/PaginationQuickJumpToPage/Pagina
 import { PaginationSelectPerPage } from './ui/PaginationSelectPerPage/PaginationSelectPerPage.js';
 import { isNumber } from '../../utils/isNumber.js';
+var _PaginationShorter;
 var _excluded = ["value", "perPage", "slots", "view", "viewCurrentPage", "type", "size", "pilled", "square", "disabledPages", "count", "hasQuickJump", "hasPerPage", "perPageList", "isCommonButtonStyles", "placeholderQuickJump", "textQuickJump", "textPerPage", "leftContent", "rightContent", "listWidth", "onChangePageValue", "onChangePerPageValue"];
 var paginationRoot = function paginationRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, ref) {
@@ -125,11 +126,10 @@ var paginationRoot = function paginationRoot(Root) {
     }, /*#__PURE__*/React.createElement(PaginationPages, null, leftContent && /*#__PURE__*/React.createElement(PaginationButtonGroup, {
       isCommonButtonStyles: isCommonButtonStyles
     }, leftContent), sections && sections.map(function (section, indexSection) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, indexSection !== 0 && /*#__PURE__*/React.createElement(PaginationShorter, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, indexSection !== 0 && (_PaginationShorter || (_PaginationShorter = /*#__PURE__*/React.createElement(PaginationShorter, {
         stretching: "fixed",
-        disabled: true,
-        className: classes.buttonDisabled
-      }, "..."), /*#__PURE__*/React.createElement(PaginationSection, {
+        disabled: true
+      }, "..."))), /*#__PURE__*/React.createElement(PaginationSection, {
         key: indexSection
       }, section.map(function (pageValue) {
         return /*#__PURE__*/React.createElement(PaginationButton, {
@@ -140,7 +140,7 @@ var paginationRoot = function paginationRoot(Root) {
             return handlerSetPage(pageValue);
           },
           disabled: disabled.includes(pageValue),
-          className: cx(classes.paginationPageButton, isActiveButton(pageValue), disabled.includes(pageValue) ? classes.buttonDisabled : '')
+          className: cx(classes.paginationPageButton, isActiveButton(pageValue))
         }, pageValue);
       })));
     }), rightContent && /*#__PURE__*/React.createElement(PaginationButtonGroup, {