@salutejs/plasma-new-hope 0.183.1-canary.1535.11680166109.0 → 0.184.0-canary.1511.11700617196.0

package/emotion/es/examples/plasma_web/components/NumberInput/NumberInput.js

@@ -0,0 +1,5 @@
+import { numberInputConfig } from '../../../../components/NumberInput';
+import { component, mergeConfig } from '../../../../engines';
+import { config } from './NumberInput.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(numberInputConfig, config);
+export var NumberInput = /*#__PURE__*/component(mergedConfig);

package/emotion/es/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx

@@ -0,0 +1,108 @@
+import React, { ComponentProps, useState } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+
+import { WithTheme } from '../../../_helpers';
+
+import { NumberInput } from './NumberInput';
+
+const onChange = action('onChange');
+const onDecrement = action('onDecrement');
+const onIncrement = action('onIncrement');
+
+const views = ['default', 'secondary', 'accent', 'clear'];
+const sizes = ['l', 'm', 's', 'xs'];
+const shapes = ['cornered', 'pilled'];
+const inputBackgroundTypes = ['fill', 'clear'];
+const segmentation = ['default', 'segmented', 'solid'];
+
+const meta: Meta<typeof NumberInput> = {
+    title: 'plasma_web/NumberInput',
+    component: NumberInput,
+    decorators: [WithTheme],
+    argTypes: {
+        min: {
+            control: {
+                type: 'number',
+            },
+        },
+        max: {
+            control: {
+                type: 'number',
+            },
+        },
+        view: {
+            options: views,
+            control: {
+                type: 'select',
+            },
+        },
+        size: {
+            options: sizes,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        shape: {
+            options: shapes,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        inputBackgroundType: {
+            options: inputBackgroundTypes,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        segmentation: {
+            options: segmentation,
+            control: {
+                type: 'select',
+            },
+        },
+    },
+};
+
+export default meta;
+
+type StoryPropsDefault = ComponentProps<typeof NumberInput>;
+
+const StoryDefault = (args: StoryPropsDefault) => {
+    const [value, setValue] = useState(5);
+
+    const handleChange = (_: any, newValue: number) => {
+        setValue(newValue);
+        onChange(newValue);
+    };
+
+    return (
+        <NumberInput
+            {...args}
+            value={value}
+            onChange={handleChange}
+            onDecrement={onDecrement}
+            onIncrement={onIncrement}
+        />
+    );
+};
+
+export const Default: StoryObj<StoryPropsDefault> = {
+    args: {
+        view: 'default',
+        size: 'l',
+        shape: 'cornered',
+        inputBackgroundType: 'fill',
+        segmentation: 'default',
+        min: 0,
+        max: 9,
+        step: 1,
+        width: 188,
+        isManualInput: false,
+        textBefore: '',
+        textAfter: '',
+        isLoading: false,
+        disabled: false,
+    },
+    render: StoryDefault,
+};

package/emotion/es/index.js

@@ -61,4 +61,5 @@ export * from './components/EmptyState';
 export * from './components/Editable';
 export * from './components/Mask';
 export * from './components/Attach';
-export * from './components/ViewContainer';
+export * from './components/ViewContainer';
+export * from './components/NumberInput';

package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js

@@ -65,7 +65,6 @@ var RangeDatePopover = function RangeDatePopover(_ref) {
       disabledYearList: disabledYearList,
       min: min,
       max: max,
-      type: type,
       locale: lang,
       includeEdgeDates: includeEdgeDates,
       onChangeValue: onChangeValue,

package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeDatePopover.js","sources":["../../../../../src/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getPlacements } from '../../../../utils';\nimport { StyledPopover } from '../RangeDate.styles';\n\nimport type { RangeDatePopoverProps } from './RangeDatePopover.types';\nimport { StyledCalendar, StyledCalendarDouble } from './RangeDatePopover.styles';\n\nexport const RangeDatePopover = ({\n    rootWrapper: Root,\n    target,\n\n    isOpen,\n    opened,\n    isDoubleCalendar,\n\n    calendarValue,\n    min,\n    max,\n    includeEdgeDates,\n    eventList,\n    disabledList,\n    eventMonthList,\n    disabledMonthList,\n    eventQuarterList,\n    disabledQuarterList,\n    eventYearList,\n    disabledYearList,\n\n    frame = 'document',\n    usePortal = false,\n    placement = ['top', 'bottom'],\n    closeOnOverlayClick = true,\n    closeOnEsc,\n    offset,\n\n    type,\n    size,\n    lang = 'ru',\n\n    onChangeValue,\n    onChangeStartOfRange,\n\n    onToggle,\n}: RangeDatePopoverProps) => {\n    const innerIsOpen = Boolean(isOpen || opened);\n\n    if (isDoubleCalendar) {\n        return (\n            <StyledPopover\n                opened={innerIsOpen}\n                frame={frame}\n                usePortal={usePortal}\n                onToggle={onToggle}\n                offset={offset}\n                placement={getPlacements(placement)}\n                trigger=\"click\"\n                closeOnOverlayClick={closeOnOverlayClick}\n                isFocusTrapped={false}\n                target={target}\n                preventOverflow={false}\n            >\n                <Root>\n                    <StyledCalendarDouble\n                        size={size}\n                        value={calendarValue}\n                        eventList={eventList}\n                        disabledList={disabledList}\n                        eventMonthList={eventMonthList}\n                        disabledMonthList={disabledMonthList}\n                        eventQuarterList={eventQuarterList}\n                        disabledQuarterList={disabledQuarterList}\n                        eventYearList={eventYearList}\n                        disabledYearList={disabledYearList}\n                        min={min}\n                        max={max}\n                        type={type}\n                        locale={lang}\n                        includeEdgeDates={includeEdgeDates}\n                        onChangeValue={onChangeValue}\n                        onChangeStartOfRange={onChangeStartOfRange}\n                    />\n                </Root>\n            </StyledPopover>\n        );\n    }\n\n    return (\n        <StyledPopover\n            opened={innerIsOpen}\n            frame={frame}\n            usePortal={usePortal}\n            onToggle={onToggle}\n            offset={offset}\n            placement={getPlacements(placement)}\n            trigger=\"click\"\n            closeOnOverlayClick={closeOnOverlayClick}\n            isFocusTrapped={false}\n            target={target}\n            preventOverflow={false}\n            closeOnEsc={closeOnEsc}\n        >\n            <Root>\n                <StyledCalendar\n                    size={size}\n                    value={calendarValue}\n                    eventList={eventList}\n                    disabledList={disabledList}\n                    eventMonthList={eventMonthList}\n                    disabledMonthList={disabledMonthList}\n                    eventQuarterList={eventQuarterList}\n                    disabledQuarterList={disabledQuarterList}\n                    eventYearList={eventYearList}\n                    disabledYearList={disabledYearList}\n                    min={min}\n                    max={max}\n                    type={type}\n                    locale={lang}\n                    includeEdgeDates={includeEdgeDates}\n                    onChangeValue={onChangeValue}\n                    onChangeStartOfRange={onChangeStartOfRange}\n                />\n            </Root>\n        </StyledPopover>\n    );\n};\n"],"names":["RangeDatePopover","_ref","Root","rootWrapper","target","isOpen","opened","isDoubleCalendar","calendarValue","min","max","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$frame","frame","_ref$usePortal","usePortal","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","closeOnEsc","offset","type","size","_ref$lang","lang","onChangeValue","onChangeStartOfRange","onToggle","innerIsOpen","Boolean","React","createElement","StyledPopover","getPlacements","trigger","isFocusTrapped","preventOverflow","StyledCalendarDouble","value","locale","StyledCalendar"],"mappings":"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"}
+{"version":3,"file":"RangeDatePopover.js","sources":["../../../../../src/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getPlacements } from '../../../../utils';\nimport { StyledPopover } from '../RangeDate.styles';\n\nimport type { RangeDatePopoverProps } from './RangeDatePopover.types';\nimport { StyledCalendar, StyledCalendarDouble } from './RangeDatePopover.styles';\n\nexport const RangeDatePopover = ({\n    rootWrapper: Root,\n    target,\n\n    isOpen,\n    opened,\n    isDoubleCalendar,\n\n    calendarValue,\n    min,\n    max,\n    includeEdgeDates,\n    eventList,\n    disabledList,\n    eventMonthList,\n    disabledMonthList,\n    eventQuarterList,\n    disabledQuarterList,\n    eventYearList,\n    disabledYearList,\n\n    frame = 'document',\n    usePortal = false,\n    placement = ['top', 'bottom'],\n    closeOnOverlayClick = true,\n    closeOnEsc,\n    offset,\n\n    type,\n    size,\n    lang = 'ru',\n\n    onChangeValue,\n    onChangeStartOfRange,\n\n    onToggle,\n}: RangeDatePopoverProps) => {\n    const innerIsOpen = Boolean(isOpen || opened);\n\n    if (isDoubleCalendar) {\n        return (\n            <StyledPopover\n                opened={innerIsOpen}\n                frame={frame}\n                usePortal={usePortal}\n                onToggle={onToggle}\n                offset={offset}\n                placement={getPlacements(placement)}\n                trigger=\"click\"\n                closeOnOverlayClick={closeOnOverlayClick}\n                isFocusTrapped={false}\n                target={target}\n                preventOverflow={false}\n            >\n                <Root>\n                    <StyledCalendarDouble\n                        size={size}\n                        value={calendarValue}\n                        eventList={eventList}\n                        disabledList={disabledList}\n                        eventMonthList={eventMonthList}\n                        disabledMonthList={disabledMonthList}\n                        eventQuarterList={eventQuarterList}\n                        disabledQuarterList={disabledQuarterList}\n                        eventYearList={eventYearList}\n                        disabledYearList={disabledYearList}\n                        min={min}\n                        max={max}\n                        locale={lang}\n                        includeEdgeDates={includeEdgeDates}\n                        onChangeValue={onChangeValue}\n                        onChangeStartOfRange={onChangeStartOfRange}\n                    />\n                </Root>\n            </StyledPopover>\n        );\n    }\n\n    return (\n        <StyledPopover\n            opened={innerIsOpen}\n            frame={frame}\n            usePortal={usePortal}\n            onToggle={onToggle}\n            offset={offset}\n            placement={getPlacements(placement)}\n            trigger=\"click\"\n            closeOnOverlayClick={closeOnOverlayClick}\n            isFocusTrapped={false}\n            target={target}\n            preventOverflow={false}\n            closeOnEsc={closeOnEsc}\n        >\n            <Root>\n                <StyledCalendar\n                    size={size}\n                    value={calendarValue}\n                    eventList={eventList}\n                    disabledList={disabledList}\n                    eventMonthList={eventMonthList}\n                    disabledMonthList={disabledMonthList}\n                    eventQuarterList={eventQuarterList}\n                    disabledQuarterList={disabledQuarterList}\n                    eventYearList={eventYearList}\n                    disabledYearList={disabledYearList}\n                    min={min}\n                    max={max}\n                    type={type}\n                    locale={lang}\n                    includeEdgeDates={includeEdgeDates}\n                    onChangeValue={onChangeValue}\n                    onChangeStartOfRange={onChangeStartOfRange}\n                />\n            </Root>\n        </StyledPopover>\n    );\n};\n"],"names":["RangeDatePopover","_ref","Root","rootWrapper","target","isOpen","opened","isDoubleCalendar","calendarValue","min","max","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$frame","frame","_ref$usePortal","usePortal","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","closeOnEsc","offset","type","size","_ref$lang","lang","onChangeValue","onChangeStartOfRange","onToggle","innerIsOpen","Boolean","React","createElement","StyledPopover","getPlacements","trigger","isFocusTrapped","preventOverflow","StyledCalendarDouble","value","locale","StyledCalendar"],"mappings":"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"}

package/es/components/NumberInput/NumberInput.css

@@ -0,0 +1,52 @@
+.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
+
+.Button_styles_1sopr3d_bzw1898__8219590b{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1sopr3d_bzw1898__8219590b.Button_styles_1sopr3d_buttonContentRelaxed__8219590b{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
+.Button_styles_1sopr3d_bdfuqwe__8219590b{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Button_styles_1sopr3d_l9ypozh__8219590b{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
+.Button_styles_1sopr3d_l4dfhbg__8219590b{position:absolute;}
+.Button_styles_1sopr3d_srdlazt__8219590b{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
+.Button_styles_1sopr3d_s7rggv0__8219590b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-left-content-margin);-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);}
+.Button_styles_1sopr3d_s1rjh7ra__8219590b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);}
+.Button_styles_1sopr3d_b9ga1dj__8219590b{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1sopr3d_b9ga1dj__8219590b{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_b9ga1dj__8219590b.Button_styles_1sopr3d_buttonSquare__8219590b{width:var(--plasma-button-height);padding:0;}
+
+.base_jfbpjg_b1ty39ru__57cb1989{color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.base_jfbpjg_b1ty39ru__57cb1989.base_jfbpjg_buttonLoading__57cb1989{background:var(--plasma-button-loading-background-color);}.base_jfbpjg_b1ty39ru__57cb1989:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_jfbpjg_b1ty39ru__57cb1989:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
+
+.base_1alzrso_be0ha5g__cdc67255{height:var(--plasma-button-height);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);}
+
+.base_do83p2_b169l30m__044ccc85[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.base_do83p2_b169l30m__044ccc85[disabled]:hover,.base_do83p2_b169l30m__044ccc85[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}
+
+.base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + 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;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
+
+.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFixed__bd4ad37e{width:var(--plasma-button-width);}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingFilled__bd4ad37e{width:100%;}.base_hy8dc_bdz31nb__bd4ad37e.base_hy8dc_buttonStretchingAuto__bd4ad37e{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+
+.IconButton_styles_403on7_b1ua728l__d34a8ea7{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_403on7_b1ua728l__d34a8ea7{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonSquare__d34a8ea7{width:var(--plasma-button-height);padding:0;}.IconButton_styles_403on7_b1ua728l__d34a8ea7:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:focus{outline:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + 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;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_focusVisible__d34a8ea7:focus::before,.IconButton_styles_403on7_b1ua728l__d34a8ea7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:hover,.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFixed__d34a8ea7{width:var(--plasma-button-width);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFilled__d34a8ea7{width:100%;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingAuto__d34a8ea7{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+
+.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;}
+
+.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_tnfbb5_bhi37xj__884e17c8 .base_tnfbb5_sj0ab1b__884e17c8{--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_tnfbb5_bhi37xj__884e17c8 .base_tnfbb5_sj0ab1b__884e17c8.base_tnfbb5_actionButtonDecrementDisabled__884e17c8,.base_tnfbb5_bhi37xj__884e17c8 .base_tnfbb5_sj0ab1b__884e17c8.base_tnfbb5_actionButtonIncrementDisabled__884e17c8{opacity:var(--plasma-number-input_action-button_disabled-opacity);cursor:not-allowed;}.base_tnfbb5_bhi37xj__884e17c8 .base_tnfbb5_sj0ab1b__884e17c8.base_tnfbb5_actionButtonDecrementDisabled__884e17c8:hover,.base_tnfbb5_bhi37xj__884e17c8 .base_tnfbb5_sj0ab1b__884e17c8.base_tnfbb5_actionButtonIncrementDisabled__884e17c8:hover,.base_tnfbb5_bhi37xj__884e17c8 .base_tnfbb5_sj0ab1b__884e17c8.base_tnfbb5_actionButtonDecrementDisabled__884e17c8:active,.base_tnfbb5_bhi37xj__884e17c8 .base_tnfbb5_sj0ab1b__884e17c8.base_tnfbb5_actionButtonIncrementDisabled__884e17c8:active{scale:none;color:var(--plasma-number-input_icon-button_color);background-color:var(--plasma-number-input_icon-button_background-color);}.base_tnfbb5_bhi37xj__884e17c8.base_tnfbb5_bhi37xj__884e17c8 .base_tnfbb5_i1s8bsh6__884e17c8.base_tnfbb5_manualInputNumberInput__884e17c8: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_tnfbb5_bhi37xj__884e17c8.base_tnfbb5_bhi37xj__884e17c8 .base_tnfbb5_i1s8bsh6__884e17c8.base_tnfbb5_manualInputNumberInput__884e17c8.base_tnfbb5_errorAnimation__884e17c8{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_tnfbb5_shakingErrorBhi37xj__884e17c8 0.3s forwards;animation:base_tnfbb5_shakingErrorBhi37xj__884e17c8 0.3s forwards;}.base_tnfbb5_bhi37xj__884e17c8.base_tnfbb5_bhi37xj__884e17c8 .base_tnfbb5_i1s8bsh6__884e17c8.base_tnfbb5_manualInputNumberInput__884e17c8.base_tnfbb5_errorAnimation__884e17c8 .base_tnfbb5_i1tgbhg7__884e17c8{color:var(--plasma-number-input_error-color);-webkit-animation:base_tnfbb5_fadeErrorBhi37xj__884e17c8 0.3s forwards;animation:base_tnfbb5_fadeErrorBhi37xj__884e17c8 0.3s forwards;}.base_tnfbb5_bhi37xj__884e17c8.base_tnfbb5_bhi37xj__884e17c8 .base_tnfbb5_i1s8bsh6__884e17c8.base_tnfbb5_manualInputNumberInput__884e17c8.base_tnfbb5_errorAnimation__884e17c8: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_tnfbb5_shakingErrorBhi37xj__884e17c8{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@keyframes base_tnfbb5_shakingErrorBhi37xj__884e17c8{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@-webkit-keyframes base_tnfbb5_fadeErrorBhi37xj__884e17c8{50%{opacity:1;}100%{opacity:0;}}@keyframes base_tnfbb5_fadeErrorBhi37xj__884e17c8{50%{opacity:1;}100%{opacity:0;}}.base_tnfbb5_bhi37xj__884e17c8 .base_tnfbb5_s1ft73sv__884e17c8{--plasma-spinner-color:var(--plasma-number-input_loader-spinner_color);}.base_tnfbb5_bhi37xj__884e17c8 .base_tnfbb5_i1tgbhg7__884e17c8{color:var(--plasma-number-input_color);caret-color:var(--plasma-number-input_caret_color);}.base_tnfbb5_bhi37xj__884e17c8 .base_tnfbb5_az36kha__884e17c8{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_14s5rot_bpps6rw__6339f446 .base_14s5rot_i1s8bsh6__6339f446{border-radius:var(--plasma-number-input_input-wrapper_border-radius);}.base_14s5rot_bpps6rw__6339f446 .base_14s5rot_sj0ab1b__6339f446{--plasma_private-segmentation-border-radius:var(--plasma-number-input_icon-button_radius);}.base_14s5rot_bpps6rw__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_segmentedView__6339f446,.base_14s5rot_bpps6rw__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_solidView__6339f446{--plasma_private-segmentation-border-radius:var(--plasma-number-input_icon-button_segmentation_radius,var(--plasma-number-input_icon-button_radius));}.base_14s5rot_bpps6rw__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonDecrement__6339f446{border-radius:var(--plasma-number-input_icon-button_radius) var(--plasma_private-segmentation-border-radius) var(--plasma_private-segmentation-border-radius) var(--plasma-number-input_icon-button_radius);}.base_14s5rot_bpps6rw__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonIncrement__6339f446{border-radius:var(--plasma_private-segmentation-border-radius) var(--plasma-number-input_icon-button_radius) var(--plasma-number-input_icon-button_radius) var(--plasma_private-segmentation-border-radius);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_segmentedView__6339f446 .base_14s5rot_i1s8bsh6__6339f446{border-radius:var(--plasma-number-input_icon-button_segmentation_radius);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446{--plasma_private-number-input_top-box-shadow:inset 0 var(--plasma-number-input_input-border-width) var(--plasma-number-input_wrapper_border-color);--plasma_private-number-input_bottom-box-shadow:inset 0 calc(-1 * var(--plasma-number-input_input-border-width)) var(--plasma-number-input_wrapper_border-color);--plasma_private-number-input_left-box-shadow:inset var(--plasma-number-input_input-border-width) 0 var(--plasma-number-input_wrapper_border-color);--plasma_private-number-input_right-box-shadow:inset calc(-1 * var(--plasma-number-input_input-border-width)) 0 var(--plasma-number-input_wrapper_border-color);position:relative;}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446.base_14s5rot_numberInputFocused__6339f446:not(number-input-loading),.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446.base_14s5rot_numberInputFocused__6339f446:not(number-input-disabled){--plasma_private-number-input_top-box-shadow:inset 0 var(--plasma-number-input_input-border-width) var(--plasma-number-input_wrapper_border-color_focus);--plasma_private-number-input_bottom-box-shadow:inset 0 calc(-1 * var(--plasma-number-input_input-border-width)) var(--plasma-number-input_wrapper_border-color_focus);--plasma_private-number-input_left-box-shadow:inset var(--plasma-number-input_input-border-width) 0 var(--plasma-number-input_wrapper_border-color_focus);--plasma_private-number-input_right-box-shadow:inset calc(-1 * var(--plasma-number-input_input-border-width)) 0 var(--plasma-number-input_wrapper_border-color_focus);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446:before{content:'';position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:calc(100% - var(--plasma-number-input_icon-button_width) * 2);height:100%;background:var(--plasma-number-input_background-color-solid);box-shadow:var(--plasma_private-number-input_top-box-shadow),var(--plasma_private-number-input_bottom-box-shadow);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_i1s8bsh6__6339f446{position:relative;color:var(--plasma-number-input_color-solid);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_i1s8bsh6__6339f446:not(error-animation).base_14s5rot_manualInputNumberInput__6339f446: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_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonDecrement__6339f446{box-shadow:var(--plasma_private-number-input_bottom-box-shadow),var(--plasma_private-number-input_top-box-shadow),var(--plasma_private-number-input_left-box-shadow);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonIncrement__6339f446{box-shadow:var(--plasma_private-number-input_bottom-box-shadow),var(--plasma_private-number-input_top-box-shadow),var(--plasma_private-number-input_right-box-shadow);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446:hover,.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446:active{background-color:var(--plasma-number-input_icon-button_background-color);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446:hover{color:var(--plasma-number-input_icon-button_color_solid-hover);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446:active{color:var(--plasma-number-input_icon-button_color_solid-active);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonDecrementDisabled__6339f446,.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonIncrementDisabled__6339f446{opacity:1;}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonDecrementDisabled__6339f446 svg,.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonIncrementDisabled__6339f446 svg{opacity:var(--plasma-number-input_action-button_disabled-opacity);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonDecrementDisabled__6339f446:hover,.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonIncrementDisabled__6339f446:hover,.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonDecrementDisabled__6339f446:active,.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonIncrementDisabled__6339f446:active{color:var(--plasma-number-input_icon-button_color);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonDecrementDisabled__6339f446:hover svg,.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonIncrementDisabled__6339f446:hover svg,.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonDecrementDisabled__6339f446:active svg,.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonIncrementDisabled__6339f446:active svg{opacity:var(--plasma-number-input_action-button_disabled-opacity);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446.base_14s5rot_clearView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonDecrementDisabled__6339f446:hover,.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446.base_14s5rot_clearView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonIncrementDisabled__6339f446:hover,.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446.base_14s5rot_clearView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonDecrementDisabled__6339f446:active,.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446.base_14s5rot_clearView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonIncrementDisabled__6339f446:active{background-color:transparent;}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_s1ft73sv__6339f446{--plasma-spinner-color:var(--plasma-number-input_loader-spinner_color-solid);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_i1tgbhg7__6339f446{caret-color:var(--plasma-number-input_caret_color-solid,var(--plasma-number-input_caret_color));}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_i1tgbhg7__6339f446:not(.base_14s5rot_errorAnimation__6339f446){color:var(--plasma-number-input_color-solid);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_az36kha__6339f446{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/es/components/NumberInput/NumberInput.js

@@ -0,0 +1,191 @@
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { forwardRef, useState } from 'react';
+import { cx } from '../../utils/index.js';
+import { classes, privateTokens } from './NumberInput.tokens.js';
+import { base } from './NumberInput.styles.js';
+import { base as base$1 } from './variations/_view/base.js';
+import { base as base$2 } from './variations/_size/base.js';
+import { base as base$3 } from './variations/_shape/base.js';
+import { base as base$4 } from './variations/_background-type/base.js';
+import { base as base$5 } from './variations/_segmentation/base.js';
+import { base as base$6 } from './variations/_disabled/base.js';
+import { ActionButton } from './ui/ActionButton/ActionButton.js';
+import { IconMinus } from '../_Icon/Icons/IconMinus.js';
+import { NumberInput } from './ui/Input/Input.js';
+import { IconPlus } from '../_Icon/Icons/IconPlus.js';
+import { getSizeValueFromProp } from '../../utils/getSizeValueFromProp.js';
+
+var _excluded = ["className", "style", "width", "value", "min", "max", "step", "isLoading", "loader", "size", "view", "clear", "shape", "segmentation", "inputBackgroundType", "disabled", "textBefore", "textAfter", "customIncrementButton", "incrementIcon", "customDecrementButton", "decrementIcon", "isManualInput", "onChange", "onIncrement", "onDecrement"];
+var numberInputRoot = function numberInputRoot(Root) {
+  return /*#__PURE__*/forwardRef(function (_ref, ref) {
+    var _ref2;
+    var className = _ref.className,
+      style = _ref.style,
+      width = _ref.width,
+      value = _ref.value,
+      min = _ref.min,
+      max = _ref.max,
+      _ref$step = _ref.step,
+      step = _ref$step === void 0 ? 1 : _ref$step,
+      isLoading = _ref.isLoading,
+      loader = _ref.loader,
+      size = _ref.size,
+      view = _ref.view,
+      clear = _ref.clear,
+      shape = _ref.shape,
+      segmentation = _ref.segmentation,
+      _ref$inputBackgroundT = _ref.inputBackgroundType,
+      inputBackgroundType = _ref$inputBackgroundT === void 0 ? 'fill' : _ref$inputBackgroundT,
+      disabled = _ref.disabled,
+      textBefore = _ref.textBefore,
+      textAfter = _ref.textAfter,
+      customIncrementButton = _ref.customIncrementButton,
+      incrementIcon = _ref.incrementIcon,
+      customDecrementButton = _ref.customDecrementButton,
+      decrementIcon = _ref.decrementIcon,
+      isManualInput = _ref.isManualInput,
+      onChange = _ref.onChange,
+      onIncrement = _ref.onIncrement,
+      onDecrement = _ref.onDecrement,
+      rest = _objectWithoutProperties(_ref, _excluded);
+    var _useState = useState((_ref2 = value !== null && value !== void 0 ? value : min) !== null && _ref2 !== void 0 ? _ref2 : 0),
+      _useState2 = _slicedToArray(_useState, 2),
+      innerValue = _useState2[0],
+      setInnerValue = _useState2[1];
+    var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isInputFocused = _useState4[0],
+      setIsInputFocused = _useState4[1];
+    var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      isAnimationRun = _useState6[0],
+      setIsAnimationRun = _useState6[1];
+    var innerWidth = width ? getSizeValueFromProp(width) : '100%';
+    var actionIconSize = size === 'xs' ? 'xs' : 's';
+    var solidViewClass = segmentation === 'solid' ? classes.solidView : undefined;
+    var segmentedViewClass = segmentation === 'segmented' ? classes.segmentedView : undefined;
+    var clearViewClass = clear ? classes.clearView : undefined;
+    var disabledClass = disabled ? classes.disabled : undefined;
+    var loadingClass = isLoading ? classes.loading : undefined;
+    var focusedClass = isInputFocused ? classes.focused : undefined;
+    var isMinValue = function isMinValue(currentValue) {
+      return min !== undefined && currentValue <= min;
+    };
+    var isMaxValue = function isMaxValue(currentValue) {
+      return max !== undefined && currentValue >= max;
+    };
+    var decrementButtonDisabled = isMinValue(Number(innerValue)) && !isAnimationRun || isLoading ? classes.actionButtonDecrementDisabled : undefined;
+    var incrementButtonDisabled = isMaxValue(Number(innerValue)) && !isAnimationRun || isLoading ? classes.actionButtonIncrementDisabled : undefined;
+    var handleDecrement = function handleDecrement() {
+      if (isLoading || disabled || isAnimationRun) {
+        return;
+      }
+      var diffValue = Number(innerValue) - step;
+      var resValue = min && isMinValue(diffValue) ? min : diffValue;
+      setInnerValue(resValue);
+      if (onDecrement) {
+        onDecrement(resValue);
+      }
+      if (onChange) {
+        onChange(null, resValue);
+      }
+    };
+    var handleIncrement = function handleIncrement() {
+      if (isLoading || disabled || isAnimationRun) {
+        return;
+      }
+      var diffValue = Number(innerValue) + step;
+      var resValue = max && isMaxValue(diffValue) ? max : diffValue;
+      setInnerValue(resValue);
+      if (onIncrement) {
+        onIncrement(resValue);
+      }
+      if (onChange) {
+        onChange(null, resValue);
+      }
+    };
+    return /*#__PURE__*/React.createElement(Root, _extends({
+      view: view,
+      size: size,
+      disabled: disabled,
+      clear: clear,
+      shape: shape,
+      segmentation: segmentation,
+      isLoading: isLoading
+    }, segmentation === 'solid' ? {
+      inputBackgroundType: 'clear'
+    } : {
+      inputBackgroundType: inputBackgroundType
+    }, {
+      className: cx(className, solidViewClass, segmentedViewClass, clearViewClass, disabledClass, loadingClass, focusedClass),
+      style: _objectSpread2(_objectSpread2({}, style), {}, _defineProperty({}, privateTokens.inputWidth, innerWidth))
+    }), customDecrementButton || /*#__PURE__*/React.createElement(ActionButton, {
+      className: cx(classes.actionButtonDecrement, decrementButtonDisabled, solidViewClass, segmentedViewClass),
+      icon: decrementIcon || /*#__PURE__*/React.createElement(IconMinus, {
+        color: "inherit",
+        size: actionIconSize
+      }),
+      onClick: handleDecrement
+    }), /*#__PURE__*/React.createElement(NumberInput, _extends({
+      ref: ref,
+      segmentation: segmentation,
+      value: innerValue,
+      min: min,
+      max: max,
+      isManualInput: isManualInput,
+      textBefore: textBefore,
+      textAfter: textAfter,
+      isLoading: isLoading,
+      loader: loader,
+      disabled: disabled,
+      isInputFocused: isInputFocused,
+      setIsInputFocused: setIsInputFocused,
+      setIsAnimationRun: setIsAnimationRun,
+      setInnerValue: setInnerValue,
+      onChange: onChange
+    }, rest)), customIncrementButton || /*#__PURE__*/React.createElement(ActionButton, {
+      className: cx(classes.actionButtonIncrement, incrementButtonDisabled, solidViewClass, segmentedViewClass),
+      icon: incrementIcon || /*#__PURE__*/React.createElement(IconPlus, {
+        color: "inherit",
+        size: actionIconSize
+      }),
+      onClick: handleIncrement
+    }));
+  });
+};
+var numberInputConfig = {
+  name: 'NumberInput',
+  tag: 'div',
+  layout: numberInputRoot,
+  base: base,
+  variations: {
+    view: {
+      css: base$1
+    },
+    size: {
+      css: base$2
+    },
+    shape: {
+      css: base$3
+    },
+    inputBackgroundType: {
+      css: base$4
+    },
+    segmentation: {
+      css: base$5
+    },
+    disabled: {
+      css: base$6,
+      attrs: true
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 'l',
+    shape: 'cornered',
+    segmentation: 'default'
+  }
+};
+
+export { numberInputConfig, numberInputRoot };
+//# sourceMappingURL=NumberInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","sources":["../../../src/components/NumberInput/NumberInput.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef, useState } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx, getSizeValueFromProp } from '../../utils';\nimport { IconMinus, IconPlus } from '../_Icon';\n\nimport type { NumberInputProps, NumberInputRootProps } from './NumberInput.types';\nimport { ActionButton, NumberInput } from './ui';\nimport { classes, privateTokens } from './NumberInput.tokens';\nimport { base } from './NumberInput.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { base as inputBackgroundTypeCSS } from './variations/_background-type/base';\nimport { base as segmentationCSS } from './variations/_segmentation/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\n\nexport const numberInputRoot = (Root: RootProps<HTMLDivElement, NumberInputRootProps>) =>\n    forwardRef<HTMLInputElement, NumberInputProps>(\n        (\n            {\n                className,\n                style,\n                width,\n                value,\n                min,\n                max,\n                step = 1,\n                isLoading,\n                loader,\n                size,\n                view,\n                clear,\n                shape,\n                segmentation,\n                inputBackgroundType = 'fill',\n                disabled,\n                textBefore,\n                textAfter,\n                customIncrementButton,\n                incrementIcon,\n                customDecrementButton,\n                decrementIcon,\n                isManualInput,\n                onChange,\n                onIncrement,\n                onDecrement,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [innerValue, setInnerValue] = useState<number | string>(value ?? min ?? 0);\n            const [isInputFocused, setIsInputFocused] = useState(false);\n            const [isAnimationRun, setIsAnimationRun] = useState(false);\n\n            const innerWidth = width ? getSizeValueFromProp(width) : '100%';\n\n            const actionIconSize = size === 'xs' ? 'xs' : 's';\n            const solidViewClass = segmentation === 'solid' ? classes.solidView : undefined;\n            const segmentedViewClass = segmentation === 'segmented' ? classes.segmentedView : undefined;\n            const clearViewClass = clear ? classes.clearView : undefined;\n            const disabledClass = disabled ? classes.disabled : undefined;\n            const loadingClass = isLoading ? classes.loading : undefined;\n            const focusedClass = isInputFocused ? classes.focused : undefined;\n\n            const isMinValue = (currentValue: number) => min !== undefined && currentValue <= min;\n            const isMaxValue = (currentValue: number) => max !== undefined && currentValue >= max;\n\n            const decrementButtonDisabled =\n                (isMinValue(Number(innerValue)) && !isAnimationRun) || isLoading\n                    ? classes.actionButtonDecrementDisabled\n                    : undefined;\n            const incrementButtonDisabled =\n                (isMaxValue(Number(innerValue)) && !isAnimationRun) || isLoading\n                    ? classes.actionButtonIncrementDisabled\n                    : undefined;\n\n            const handleDecrement = () => {\n                if (isLoading || disabled || isAnimationRun) {\n                    return;\n                }\n\n                const diffValue = Number(innerValue) - step;\n                const resValue = min && isMinValue(diffValue) ? min : diffValue;\n\n                setInnerValue(resValue);\n\n                if (onDecrement) {\n                    onDecrement(resValue);\n                }\n\n                if (onChange) {\n                    onChange(null, resValue);\n                }\n            };\n\n            const handleIncrement = () => {\n                if (isLoading || disabled || isAnimationRun) {\n                    return;\n                }\n\n                const diffValue = Number(innerValue) + step;\n                const resValue = max && isMaxValue(diffValue) ? max : diffValue;\n\n                setInnerValue(resValue);\n\n                if (onIncrement) {\n                    onIncrement(resValue);\n                }\n\n                if (onChange) {\n                    onChange(null, resValue);\n                }\n            };\n\n            return (\n                <Root\n                    view={view}\n                    size={size}\n                    disabled={disabled}\n                    clear={clear}\n                    shape={shape}\n                    segmentation={segmentation}\n                    isLoading={isLoading}\n                    {...(segmentation === 'solid' ? { inputBackgroundType: 'clear' } : { inputBackgroundType })}\n                    className={cx(\n                        className,\n                        solidViewClass,\n                        segmentedViewClass,\n                        clearViewClass,\n                        disabledClass,\n                        loadingClass,\n                        focusedClass,\n                    )}\n                    style={\n                        {\n                            ...style,\n                            [privateTokens.inputWidth]: innerWidth,\n                        } as CSSProperties\n                    }\n                >\n                    {customDecrementButton || (\n                        <ActionButton\n                            className={cx(\n                                classes.actionButtonDecrement,\n                                decrementButtonDisabled,\n                                solidViewClass,\n                                segmentedViewClass,\n                            )}\n                            icon={decrementIcon || <IconMinus color=\"inherit\" size={actionIconSize} />}\n                            onClick={handleDecrement}\n                        />\n                    )}\n                    <NumberInput\n                        ref={ref}\n                        segmentation={segmentation}\n                        value={innerValue}\n                        min={min}\n                        max={max}\n                        isManualInput={isManualInput}\n                        textBefore={textBefore}\n                        textAfter={textAfter}\n                        isLoading={isLoading}\n                        loader={loader}\n                        disabled={disabled}\n                        isInputFocused={isInputFocused}\n                        setIsInputFocused={setIsInputFocused}\n                        setIsAnimationRun={setIsAnimationRun}\n                        setInnerValue={setInnerValue}\n                        onChange={onChange}\n                        {...rest}\n                    />\n                    {customIncrementButton || (\n                        <ActionButton\n                            className={cx(\n                                classes.actionButtonIncrement,\n                                incrementButtonDisabled,\n                                solidViewClass,\n                                segmentedViewClass,\n                            )}\n                            icon={incrementIcon || <IconPlus color=\"inherit\" size={actionIconSize} />}\n                            onClick={handleIncrement}\n                        />\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const numberInputConfig = {\n    name: 'NumberInput',\n    tag: 'div',\n    layout: numberInputRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        shape: {\n            css: shapeCSS,\n        },\n        inputBackgroundType: {\n            css: inputBackgroundTypeCSS,\n        },\n        segmentation: {\n            css: segmentationCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'l',\n        shape: 'cornered',\n        segmentation: 'default',\n    },\n};\n"],"names":["numberInputRoot","Root","forwardRef","_ref","ref","_ref2","className","style","width","value","min","max","_ref$step","step","isLoading","loader","size","view","clear","shape","segmentation","_ref$inputBackgroundT","inputBackgroundType","disabled","textBefore","textAfter","customIncrementButton","incrementIcon","customDecrementButton","decrementIcon","isManualInput","onChange","onIncrement","onDecrement","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","innerValue","setInnerValue","_useState3","_useState4","isInputFocused","setIsInputFocused","_useState5","_useState6","isAnimationRun","setIsAnimationRun","innerWidth","getSizeValueFromProp","actionIconSize","solidViewClass","classes","solidView","undefined","segmentedViewClass","segmentedView","clearViewClass","clearView","disabledClass","loadingClass","loading","focusedClass","focused","isMinValue","currentValue","isMaxValue","decrementButtonDisabled","Number","actionButtonDecrementDisabled","incrementButtonDisabled","actionButtonIncrementDisabled","handleDecrement","diffValue","resValue","handleIncrement","React","createElement","_extends","cx","_objectSpread","_defineProperty","privateTokens","inputWidth","ActionButton","actionButtonDecrement","icon","IconMinus","color","onClick","NumberInput","actionButtonIncrement","IconPlus","numberInputConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","shapeCSS","inputBackgroundTypeCSS","segmentationCSS","disabledCSS","attrs","defaults"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.styles.js","sources":["../../../src/components/NumberInput/NumberInput.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css`\n    display: flex;\n    align-items: center;\n`;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAGhB;;;;"}

package/es/components/NumberInput/NumberInput.styles_jeawjl.css

@@ -0,0 +1 @@
+.bwds6g{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;}

package/es/components/NumberInput/NumberInput.tokens.js

@@ -0,0 +1,96 @@
+var classes = {
+  actionButtonDecrement: 'action-button-decrement',
+  actionButtonDecrementDisabled: 'action-button-decrement-disabled',
+  actionButtonIncrement: 'action-button-increment',
+  actionButtonIncrementDisabled: 'action-button-increment-disabled',
+  textBefore: 'text-before',
+  textAfter: 'text-after',
+  solidView: 'solid-view',
+  segmentedView: 'segmented-view',
+  clearView: 'clear-view',
+  errorAnimation: 'error-animation',
+  disabled: 'number-input-disabled',
+  loading: 'number-input-loading',
+  focused: 'number-input-focused',
+  manualInput: 'manual-input-number-input'
+};
+var privateTokens = {
+  inputWidth: '--plasma_private-number-input_width',
+  segmentationBorderRadius: '--plasma_private-segmentation-border-radius',
+  segmentationInputBorderRadius: '--plasma_private-segmentation_input_border-radius',
+  topBoxShadow: '--plasma_private-number-input_top-box-shadow',
+  bottomBoxShadow: '--plasma_private-number-input_bottom-box-shadow',
+  leftBoxShadow: '--plasma_private-number-input_left-box-shadow',
+  rightBoxShadow: '--plasma_private-number-input_right-box-shadow'
+};
+var tokens = {
+  // Root size tokens
+  rootMinWidth: '--plasma-number-input_min-width',
+  disabledOpacity: '--plasma-number-input_disabled-opacity',
+  rootBorderWidth: '--plasma-number-input_input-border-width',
+  wrapperBorderColor: '--plasma-number-input_wrapper_border-color',
+  wrapperBorderColorFocus: '--plasma-number-input_wrapper_border-color_focus',
+  // Action button view tokens
+  iconButtonColor: '--plasma-number-input_icon-button_color',
+  iconButtonBackgroundColor: '--plasma-number-input_icon-button_background-color',
+  iconButtonColorHover: '--plasma-number-input_icon-button_color-hover',
+  iconButtonColorSolidHover: '--plasma-number-input_icon-button_color_solid-hover',
+  iconButtonBackgroundColorHover: '--plasma-number-input_icon-button_background-color-hover',
+  iconButtonColorActive: '--plasma-number-input_icon-button_color-active',
+  iconButtonColorSolidActive: '--plasma-number-input_icon-button_color_solid-active',
+  iconButtonBackgroundColorActive: '--plasma-number-input_icon-button_background-color-active',
+  actionButtonDisabledOpacity: '--plasma-number-input_action-button_disabled-opacity',
+  // Action button size tokens
+  iconButtonHeight: '--plasma-number-input_icon-button_height',
+  iconButtonWidth: '--plasma-number-input_icon-button_width',
+  iconButtonPadding: '--plasma-number-input_icon-button_padding',
+  iconButtonRadius: '--plasma-number-input_icon-button_radius',
+  iconButtonSegmentationRadius: '--plasma-number-input_icon-button_segmentation_radius',
+  iconButtonFontFamily: '--plasma-number-input_icon-button_font-family',
+  iconButtonFontSize: '--plasma-number-input_icon-button_font-size',
+  iconButtonFontStyle: '--plasma-number-input_icon-button_font-style',
+  iconButtonFontWeight: '--plasma-number-input_icon-button_font-weight',
+  iconButtonLetterSpacing: '--plasma-number-input_icon-button_letter-spacing',
+  iconButtonLineHeight: '--plasma-number-input_icon-button_line-height',
+  // Input size tokens
+  inputWrapperBorderWidth: '--plasma-number-input_input-wrapper_border-width',
+  inputWrapperMargin: '--plasma-number-input_input-wrapper_margin',
+  inputWrapperBorderRadius: '--plasma-number-input_input-wrapper_border-radius',
+  textWrapperHeight: '--plasma-number-input_text-wrapper_height',
+  textWrapperPadding: '--plasma-number-input_text-wrapper_padding',
+  fontFamily: '--plasma-number-input_font-family',
+  fontStyle: '--plasma-number-input_font-style',
+  fontSize: '--plasma-number-input_font-size',
+  fontWeight: '--plasma-number-input_font-weight',
+  letterSpacing: '--plasma-number-input_letter-spacing',
+  lineHeight: '--plasma-number-input_line-height',
+  textBeforeMarginRight: '--plasma-number-input_text-before_margin-right',
+  textAfterMarginLeft: '--plasma-number-input_text-after_margin-left',
+  // Input view tokens
+  caretColor: '--plasma-number-input_caret_color',
+  caretColorSolid: '--plasma-number-input_caret_color-solid',
+  color: '--plasma-number-input_color',
+  colorSolid: '--plasma-number-input_color-solid',
+  backgroundColor: '--plasma-number-input_background-color',
+  backgroundColorHover: '--plasma-number-input_background-color-hover',
+  backgroundColorFocus: '--plasma-number-input_background-color-focus',
+  backgroundColorSolidFocus: '--plasma-number-input_background-color-solid-focus',
+  backgroundColorSolid: '--plasma-number-input_background-color-solid',
+  borderColor: '--plasma-number-input_border-color',
+  borderColorHover: '--plasma-number-input_border-color-hover',
+  borderColorFocus: '--plasma-number-input_border-color-focus',
+  borderColorSolidFocus: '--plasma-number-input_border-color-solid-focus',
+  borderColorSolid: '--plasma-number-input_border-color-solid',
+  additionalTextColor: '--plasma-number-input_additional-text_color',
+  additionalTextColorSolid: '--plasma-number-input_additional-text_color-solid',
+  errorColor: '--plasma-number-input_error-color',
+  backgroundErrorColor: '--plasma-number-input_background_error-color',
+  borderErrorColor: '--plasma-number-input_border_error-color',
+  // Loader tokens
+  loaderSpinnerSize: '--plasma-number-input_loader-spinner_size',
+  loaderSpinnerColor: '--plasma-number-input_loader-spinner_color',
+  loaderSpinnerColorSolid: '--plasma-number-input_loader-spinner_color-solid'
+};
+
+export { classes, privateTokens, tokens };
+//# sourceMappingURL=NumberInput.tokens.js.map