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

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

@@ -4,14 +4,18 @@ import styled from 'styled-components';
 import { disableProps } from '@salutejs/plasma-sb-utils';
 import type { StoryObj, Meta } from '@storybook/react';
 
+import { IconMic } from '../../../../components/_Icon';
 import { WithTheme } from '../../../_helpers';
 
 import { Slider } from './Slider';
 
 const sizes = ['l', 'm', 's'];
+const pointerSizes = ['small', 'large', 'none'];
 const views = ['default', 'accent', 'gradient'];
-const labelPlacements = ['outer', 'inner'];
-const rangeValuesPlacement = ['outer', 'inner'];
+const sliderAligns = ['center', 'left', 'right', 'none'];
+const labelPlacements = ['top', 'left'];
+const scaleAligns = ['side', 'bottom'];
+const orientations: Array<string> = ['vertical', 'horizontal'];
 
 const meta: Meta<typeof Slider> = {
     title: 'plasma_web/Slider',
@@ -30,9 +34,24 @@ const meta: Meta<typeof Slider> = {
                 type: 'inline-radio',
             },
         },
+        pointerSize: {
+            options: pointerSizes,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        orientation: {
+            options: orientations,
+            control: {
+                type: 'select',
+            },
+        },
         ...disableProps([
             'value',
             'onChangeCommitted',
+            'onChangeTextField',
+            'onBlurTextField',
+            'onKeyDownTextField',
             'ariaLabel',
             'onChange',
             'fontSizeMultiplier',
@@ -40,6 +59,14 @@ const meta: Meta<typeof Slider> = {
             'settings',
             'hasHoverAnimation',
             'type',
+            'labelContentLeft',
+            'rangeValuesPlacement',
+            'name',
+            'defaultValue',
+            'labelContent',
+            'showRangeValues',
+            'hideMinValueDiff',
+            'hideMaxValueDiff',
         ]),
     },
 };
@@ -52,8 +79,9 @@ type StorySingleProps = StoryProps;
 type StorySingle = StoryObj<StorySingleProps>;
 type StoryDouble = StoryObj<StoryProps>;
 
-const SliderWrapper = styled.div`
-    width: 25rem;
+const SliderWrapper = styled.div<{ isVertical?: boolean }>`
+    width: ${({ isVertical }) => (isVertical ? 'auto' : '25rem')};
+    height: ${({ isVertical }) => (isVertical ? '25rem' : 'auto')};
 `;
 
 const StoryDefault = (args: StorySingleProps) => {
@@ -67,41 +95,86 @@ const StoryDefault = (args: StorySingleProps) => {
         setValue(values);
     };
 
+    const { hasIcon, showIcon, orientation, labelPlacement, labelVerticalPlacement, ...rest } = args;
+    const isVertical = orientation === 'vertical';
+
     return (
-        <SliderWrapper>
-            <Slider value={value} onChangeCommitted={onChangeCommittedHandle} onChange={onChangeHandle} {...args} />
+        <SliderWrapper isVertical={isVertical}>
+            <Slider
+                value={value}
+                orientation={orientation}
+                labelPlacement={labelPlacement}
+                labelContent={showIcon ? <IconMic size={rest.size === 's' ? 'xs' : 's'} /> : null}
+                onChangeCommitted={onChangeCommittedHandle}
+                onChange={onChangeHandle}
+                {...rest}
+            />
         </SliderWrapper>
     );
 };
 
 export const Default: StorySingle = {
     argTypes: {
+        sliderAlign: {
+            options: sliderAligns,
+            control: {
+                type: 'inline-radio',
+            },
+            if: { arg: 'orientation', eq: 'vertical' },
+        },
         labelPlacement: {
             options: labelPlacements,
             control: {
                 type: 'inline-radio',
             },
+            if: { arg: 'orientation', eq: 'horizontal' },
+        },
+        labelReversed: {
+            control: {
+                type: 'boolean',
+                expanded: true,
+            },
+            if: { arg: 'orientation', eq: 'vertical' },
+        },
+        scaleAlign: {
+            options: scaleAligns,
+            control: {
+                type: 'inline-radio',
+            },
+            if: { arg: 'orientation', eq: 'horizontal' },
         },
-        rangeValuesPlacement: {
-            options: rangeValuesPlacement,
+        orientation: {
+            options: orientations,
             control: {
                 type: 'inline-radio',
             },
         },
+        reversed: {
+            control: {
+                type: 'boolean',
+            },
+            if: { arg: 'orientation', eq: 'vertical' },
+        },
     },
     args: {
         view: 'default',
         size: 'm',
+        pointerSize: 'small',
         min: 0,
         max: 100,
-        disabled: false,
-        ariaLabel: 'Цена товара',
+        orientation: 'horizontal',
+        ariaLabel: 'Цена микрофона',
         multipleStepSize: 10,
-        label: 'Цена товара',
-        labelPlacement: 'outer',
-        rangeValuesPlacement: 'outer',
-        showRangeValues: true,
+        label: 'Цена микрофона',
+        labelPlacement: 'top',
+        sliderAlign: 'center',
+        scaleAlign: 'bottom',
+        showScale: true,
         showCurrentValue: false,
+        showIcon: true,
+        reversed: false,
+        labelReversed: false,
+        disabled: false,
     },
     render: (args) => <StoryDefault {...args} />,
 };
@@ -141,7 +214,7 @@ const StoryMultipleValues = (args: StoryProps) => {
     };
 
     return (
-        <SliderWrapper>
+        <SliderWrapper isVertical={args.orientation === 'vertical'}>
             <Slider
                 value={value}
                 onKeyDownTextField={onKeyDownTextField}
@@ -158,6 +231,7 @@ export const MultipleValues: StoryDouble = {
     args: {
         view: 'default',
         size: 'm',
+        pointerSize: 'small',
         min: 0,
         max: 100,
         disabled: false,
@@ -165,5 +239,14 @@ export const MultipleValues: StoryDouble = {
         ariaLabel: ['Минимальная цена товара', 'Максимальная цена товара'],
         multipleStepSize: 10,
     },
+    argTypes: {
+        pointerSize: {
+            options: ['small', 'large'],
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        ...disableProps(['orientation']),
+    },
     render: (args) => <StoryMultipleValues {...args} />,
 };

package/es/components/NumberInput/NumberInput.css

@@ -47,6 +47,6 @@
 
 .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_1jt83uh_bpps6rw__e5ecf98f .base_1jt83uh_i1s8bsh6__e5ecf98f{border-radius:var(--plasma-number-input_input-wrapper_border-radius);}.base_1jt83uh_bpps6rw__e5ecf98f .base_1jt83uh_sj0ab1b__e5ecf98f{--plasma_private-segemntation-border-radius:var(--plasma-number-input_icon-button_radius);}.base_1jt83uh_bpps6rw__e5ecf98f .base_1jt83uh_sj0ab1b__e5ecf98f.base_1jt83uh_segmentedView__e5ecf98f,.base_1jt83uh_bpps6rw__e5ecf98f .base_1jt83uh_sj0ab1b__e5ecf98f.base_1jt83uh_solidView__e5ecf98f{--plasma_private-segemntation-border-radius:var(--plasma-number-input_icon-button_segmentation_radius,var(--plasma-number-input_icon-button_radius));}.base_1jt83uh_bpps6rw__e5ecf98f .base_1jt83uh_sj0ab1b__e5ecf98f.base_1jt83uh_actionButtonDecrement__e5ecf98f{border-radius:var(--plasma-number-input_icon-button_radius) var(--plasma_private-segemntation-border-radius) var(--plasma_private-segemntation-border-radius) var(--plasma-number-input_icon-button_radius);}.base_1jt83uh_bpps6rw__e5ecf98f .base_1jt83uh_sj0ab1b__e5ecf98f.base_1jt83uh_actionButtonIncrement__e5ecf98f{border-radius:var(--plasma_private-segemntation-border-radius) var(--plasma-number-input_icon-button_radius) var(--plasma-number-input_icon-button_radius) var(--plasma_private-segemntation-border-radius);}.base_1jt83uh_bpps6rw__e5ecf98f.base_1jt83uh_segmentedView__e5ecf98f .base_1jt83uh_i1s8bsh6__e5ecf98f{border-radius:var(--plasma-number-input_icon-button_segmentation_radius);}.base_1jt83uh_bpps6rw__e5ecf98f.base_1jt83uh_solidView__e5ecf98f{position:relative;}.base_1jt83uh_bpps6rw__e5ecf98f.base_1jt83uh_solidView__e5ecf98f:before{content:'';position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:calc(100% - var(--plasma-number-input_icon-button_width) * 2);height:100%;background:var(--plasma-number-input_background-color-solid);}.base_1jt83uh_bpps6rw__e5ecf98f.base_1jt83uh_solidView__e5ecf98f .base_1jt83uh_i1s8bsh6__e5ecf98f{position:relative;color:var(--plasma-number-input_color-solid);}.base_1jt83uh_bpps6rw__e5ecf98f.base_1jt83uh_solidView__e5ecf98f .base_1jt83uh_i1s8bsh6__e5ecf98f:not(error-animation).base_1jt83uh_manualInputNumberInput__e5ecf98f: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_1jt83uh_bpps6rw__e5ecf98f.base_1jt83uh_solidView__e5ecf98f .base_1jt83uh_sj0ab1b__e5ecf98f:hover,.base_1jt83uh_bpps6rw__e5ecf98f.base_1jt83uh_solidView__e5ecf98f .base_1jt83uh_sj0ab1b__e5ecf98f:active{background-color:var(--plasma-number-input_icon-button_background-color);color:var(--plasma-number-input_icon-button_color_solid-hover);}.base_1jt83uh_bpps6rw__e5ecf98f.base_1jt83uh_solidView__e5ecf98f .base_1jt83uh_sj0ab1b__e5ecf98f.base_1jt83uh_actionButtonDecrementDisabled__e5ecf98f,.base_1jt83uh_bpps6rw__e5ecf98f.base_1jt83uh_solidView__e5ecf98f .base_1jt83uh_sj0ab1b__e5ecf98f.base_1jt83uh_actionButtonIncrementDisabled__e5ecf98f{opacity:1;}.base_1jt83uh_bpps6rw__e5ecf98f.base_1jt83uh_solidView__e5ecf98f .base_1jt83uh_sj0ab1b__e5ecf98f.base_1jt83uh_actionButtonDecrementDisabled__e5ecf98f svg,.base_1jt83uh_bpps6rw__e5ecf98f.base_1jt83uh_solidView__e5ecf98f .base_1jt83uh_sj0ab1b__e5ecf98f.base_1jt83uh_actionButtonIncrementDisabled__e5ecf98f svg{opacity:var(--plasma-number-input_action-button_disabled-opacity);}.base_1jt83uh_bpps6rw__e5ecf98f.base_1jt83uh_solidView__e5ecf98f .base_1jt83uh_sj0ab1b__e5ecf98f.base_1jt83uh_actionButtonDecrementDisabled__e5ecf98f:hover,.base_1jt83uh_bpps6rw__e5ecf98f.base_1jt83uh_solidView__e5ecf98f .base_1jt83uh_sj0ab1b__e5ecf98f.base_1jt83uh_actionButtonIncrementDisabled__e5ecf98f:hover,.base_1jt83uh_bpps6rw__e5ecf98f.base_1jt83uh_solidView__e5ecf98f .base_1jt83uh_sj0ab1b__e5ecf98f.base_1jt83uh_actionButtonDecrementDisabled__e5ecf98f:active,.base_1jt83uh_bpps6rw__e5ecf98f.base_1jt83uh_solidView__e5ecf98f .base_1jt83uh_sj0ab1b__e5ecf98f.base_1jt83uh_actionButtonIncrementDisabled__e5ecf98f:active{color:var(--plasma-number-input_icon-button_color);}.base_1jt83uh_bpps6rw__e5ecf98f.base_1jt83uh_solidView__e5ecf98f .base_1jt83uh_sj0ab1b__e5ecf98f.base_1jt83uh_actionButtonDecrementDisabled__e5ecf98f:hover svg,.base_1jt83uh_bpps6rw__e5ecf98f.base_1jt83uh_solidView__e5ecf98f .base_1jt83uh_sj0ab1b__e5ecf98f.base_1jt83uh_actionButtonIncrementDisabled__e5ecf98f:hover svg,.base_1jt83uh_bpps6rw__e5ecf98f.base_1jt83uh_solidView__e5ecf98f .base_1jt83uh_sj0ab1b__e5ecf98f.base_1jt83uh_actionButtonDecrementDisabled__e5ecf98f:active svg,.base_1jt83uh_bpps6rw__e5ecf98f.base_1jt83uh_solidView__e5ecf98f .base_1jt83uh_sj0ab1b__e5ecf98f.base_1jt83uh_actionButtonIncrementDisabled__e5ecf98f:active svg{opacity:var(--plasma-number-input_action-button_disabled-opacity);}.base_1jt83uh_bpps6rw__e5ecf98f.base_1jt83uh_solidView__e5ecf98f.base_1jt83uh_clearView__e5ecf98f .base_1jt83uh_sj0ab1b__e5ecf98f.base_1jt83uh_actionButtonDecrementDisabled__e5ecf98f:hover,.base_1jt83uh_bpps6rw__e5ecf98f.base_1jt83uh_solidView__e5ecf98f.base_1jt83uh_clearView__e5ecf98f .base_1jt83uh_sj0ab1b__e5ecf98f.base_1jt83uh_actionButtonIncrementDisabled__e5ecf98f:hover,.base_1jt83uh_bpps6rw__e5ecf98f.base_1jt83uh_solidView__e5ecf98f.base_1jt83uh_clearView__e5ecf98f .base_1jt83uh_sj0ab1b__e5ecf98f.base_1jt83uh_actionButtonDecrementDisabled__e5ecf98f:active,.base_1jt83uh_bpps6rw__e5ecf98f.base_1jt83uh_solidView__e5ecf98f.base_1jt83uh_clearView__e5ecf98f .base_1jt83uh_sj0ab1b__e5ecf98f.base_1jt83uh_actionButtonIncrementDisabled__e5ecf98f:active{background-color:transparent;}.base_1jt83uh_bpps6rw__e5ecf98f.base_1jt83uh_solidView__e5ecf98f .base_1jt83uh_s1ft73sv__e5ecf98f{--plasma-spinner-color:var(--plasma-number-input_loader-spinner_color-solid);}.base_1jt83uh_bpps6rw__e5ecf98f.base_1jt83uh_solidView__e5ecf98f .base_1jt83uh_i1tgbhg7__e5ecf98f{caret-color:var(--plasma-number-input_caret_color-solid,var(--plasma-number-input_caret_color));}.base_1jt83uh_bpps6rw__e5ecf98f.base_1jt83uh_solidView__e5ecf98f .base_1jt83uh_i1tgbhg7__e5ecf98f:not(.base_1jt83uh_errorAnimation__e5ecf98f){color:var(--plasma-number-input_color-solid);}.base_1jt83uh_bpps6rw__e5ecf98f.base_1jt83uh_solidView__e5ecf98f .base_1jt83uh_az36kha__e5ecf98f{color:var(--plasma-number-input_additional-text_color-solid);}
+.base_3r9a58_bpps6rw__58dbcb57 .base_3r9a58_i1s8bsh6__58dbcb57{border-radius:var(--plasma-number-input_input-wrapper_border-radius);}.base_3r9a58_bpps6rw__58dbcb57 .base_3r9a58_sj0ab1b__58dbcb57{--plasma_private-segemntation-border-radius:var(--plasma-number-input_icon-button_radius);}.base_3r9a58_bpps6rw__58dbcb57 .base_3r9a58_sj0ab1b__58dbcb57.base_3r9a58_segmentedView__58dbcb57,.base_3r9a58_bpps6rw__58dbcb57 .base_3r9a58_sj0ab1b__58dbcb57.base_3r9a58_solidView__58dbcb57{--plasma_private-segemntation-border-radius:var(--plasma-number-input_icon-button_segmentation_radius,var(--plasma-number-input_icon-button_radius));}.base_3r9a58_bpps6rw__58dbcb57 .base_3r9a58_sj0ab1b__58dbcb57.base_3r9a58_actionButtonDecrement__58dbcb57{border-radius:var(--plasma-number-input_icon-button_radius) var(--plasma_private-segemntation-border-radius) var(--plasma_private-segemntation-border-radius) var(--plasma-number-input_icon-button_radius);}.base_3r9a58_bpps6rw__58dbcb57 .base_3r9a58_sj0ab1b__58dbcb57.base_3r9a58_actionButtonIncrement__58dbcb57{border-radius:var(--plasma_private-segemntation-border-radius) var(--plasma-number-input_icon-button_radius) var(--plasma-number-input_icon-button_radius) var(--plasma_private-segemntation-border-radius);}.base_3r9a58_bpps6rw__58dbcb57.base_3r9a58_segmentedView__58dbcb57 .base_3r9a58_i1s8bsh6__58dbcb57{border-radius:var(--plasma-number-input_icon-button_segmentation_radius);}.base_3r9a58_bpps6rw__58dbcb57.base_3r9a58_solidView__58dbcb57{position:relative;}.base_3r9a58_bpps6rw__58dbcb57.base_3r9a58_solidView__58dbcb57:before{content:'';position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:calc(100% - var(--plasma-number-input_icon-button_width) * 2);height:100%;background:var(--plasma-number-input_background-color-solid);}.base_3r9a58_bpps6rw__58dbcb57.base_3r9a58_solidView__58dbcb57 .base_3r9a58_i1s8bsh6__58dbcb57{position:relative;color:var(--plasma-number-input_color-solid);}.base_3r9a58_bpps6rw__58dbcb57.base_3r9a58_solidView__58dbcb57 .base_3r9a58_i1s8bsh6__58dbcb57:not(error-animation).base_3r9a58_manualInputNumberInput__58dbcb57: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_3r9a58_bpps6rw__58dbcb57.base_3r9a58_solidView__58dbcb57 .base_3r9a58_sj0ab1b__58dbcb57:hover,.base_3r9a58_bpps6rw__58dbcb57.base_3r9a58_solidView__58dbcb57 .base_3r9a58_sj0ab1b__58dbcb57:active{background-color:var(--plasma-number-input_icon-button_background-color);}.base_3r9a58_bpps6rw__58dbcb57.base_3r9a58_solidView__58dbcb57 .base_3r9a58_sj0ab1b__58dbcb57:hover{color:var(--plasma-number-input_icon-button_color_solid-hover);}.base_3r9a58_bpps6rw__58dbcb57.base_3r9a58_solidView__58dbcb57 .base_3r9a58_sj0ab1b__58dbcb57:active{color:var(--plasma-number-input_icon-button_color_solid-active);}.base_3r9a58_bpps6rw__58dbcb57.base_3r9a58_solidView__58dbcb57 .base_3r9a58_sj0ab1b__58dbcb57.base_3r9a58_actionButtonDecrementDisabled__58dbcb57,.base_3r9a58_bpps6rw__58dbcb57.base_3r9a58_solidView__58dbcb57 .base_3r9a58_sj0ab1b__58dbcb57.base_3r9a58_actionButtonIncrementDisabled__58dbcb57{opacity:1;}.base_3r9a58_bpps6rw__58dbcb57.base_3r9a58_solidView__58dbcb57 .base_3r9a58_sj0ab1b__58dbcb57.base_3r9a58_actionButtonDecrementDisabled__58dbcb57 svg,.base_3r9a58_bpps6rw__58dbcb57.base_3r9a58_solidView__58dbcb57 .base_3r9a58_sj0ab1b__58dbcb57.base_3r9a58_actionButtonIncrementDisabled__58dbcb57 svg{opacity:var(--plasma-number-input_action-button_disabled-opacity);}.base_3r9a58_bpps6rw__58dbcb57.base_3r9a58_solidView__58dbcb57 .base_3r9a58_sj0ab1b__58dbcb57.base_3r9a58_actionButtonDecrementDisabled__58dbcb57:hover,.base_3r9a58_bpps6rw__58dbcb57.base_3r9a58_solidView__58dbcb57 .base_3r9a58_sj0ab1b__58dbcb57.base_3r9a58_actionButtonIncrementDisabled__58dbcb57:hover,.base_3r9a58_bpps6rw__58dbcb57.base_3r9a58_solidView__58dbcb57 .base_3r9a58_sj0ab1b__58dbcb57.base_3r9a58_actionButtonDecrementDisabled__58dbcb57:active,.base_3r9a58_bpps6rw__58dbcb57.base_3r9a58_solidView__58dbcb57 .base_3r9a58_sj0ab1b__58dbcb57.base_3r9a58_actionButtonIncrementDisabled__58dbcb57:active{color:var(--plasma-number-input_icon-button_color);}.base_3r9a58_bpps6rw__58dbcb57.base_3r9a58_solidView__58dbcb57 .base_3r9a58_sj0ab1b__58dbcb57.base_3r9a58_actionButtonDecrementDisabled__58dbcb57:hover svg,.base_3r9a58_bpps6rw__58dbcb57.base_3r9a58_solidView__58dbcb57 .base_3r9a58_sj0ab1b__58dbcb57.base_3r9a58_actionButtonIncrementDisabled__58dbcb57:hover svg,.base_3r9a58_bpps6rw__58dbcb57.base_3r9a58_solidView__58dbcb57 .base_3r9a58_sj0ab1b__58dbcb57.base_3r9a58_actionButtonDecrementDisabled__58dbcb57:active svg,.base_3r9a58_bpps6rw__58dbcb57.base_3r9a58_solidView__58dbcb57 .base_3r9a58_sj0ab1b__58dbcb57.base_3r9a58_actionButtonIncrementDisabled__58dbcb57:active svg{opacity:var(--plasma-number-input_action-button_disabled-opacity);}.base_3r9a58_bpps6rw__58dbcb57.base_3r9a58_solidView__58dbcb57.base_3r9a58_clearView__58dbcb57 .base_3r9a58_sj0ab1b__58dbcb57.base_3r9a58_actionButtonDecrementDisabled__58dbcb57:hover,.base_3r9a58_bpps6rw__58dbcb57.base_3r9a58_solidView__58dbcb57.base_3r9a58_clearView__58dbcb57 .base_3r9a58_sj0ab1b__58dbcb57.base_3r9a58_actionButtonIncrementDisabled__58dbcb57:hover,.base_3r9a58_bpps6rw__58dbcb57.base_3r9a58_solidView__58dbcb57.base_3r9a58_clearView__58dbcb57 .base_3r9a58_sj0ab1b__58dbcb57.base_3r9a58_actionButtonDecrementDisabled__58dbcb57:active,.base_3r9a58_bpps6rw__58dbcb57.base_3r9a58_solidView__58dbcb57.base_3r9a58_clearView__58dbcb57 .base_3r9a58_sj0ab1b__58dbcb57.base_3r9a58_actionButtonIncrementDisabled__58dbcb57:active{background-color:transparent;}.base_3r9a58_bpps6rw__58dbcb57.base_3r9a58_solidView__58dbcb57 .base_3r9a58_s1ft73sv__58dbcb57{--plasma-spinner-color:var(--plasma-number-input_loader-spinner_color-solid);}.base_3r9a58_bpps6rw__58dbcb57.base_3r9a58_solidView__58dbcb57 .base_3r9a58_i1tgbhg7__58dbcb57{caret-color:var(--plasma-number-input_caret_color-solid,var(--plasma-number-input_caret_color));}.base_3r9a58_bpps6rw__58dbcb57.base_3r9a58_solidView__58dbcb57 .base_3r9a58_i1tgbhg7__58dbcb57:not(.base_3r9a58_errorAnimation__58dbcb57){color:var(--plasma-number-input_color-solid);}.base_3r9a58_bpps6rw__58dbcb57.base_3r9a58_solidView__58dbcb57 .base_3r9a58_az36kha__58dbcb57{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.tokens.js

@@ -23,11 +23,12 @@ var tokens = {
   disabledOpacity: '--plasma-number-input_disabled-opacity',
   // Action button view tokens
   iconButtonColor: '--plasma-number-input_icon-button_color',
-  iconButtonColorSolidHover: '--plasma-number-input_icon-button_color_solid-hover',
   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

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

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.tokens.js","sources":["../../../src/components/NumberInput/NumberInput.tokens.ts"],"sourcesContent":["export const classes = {\n    actionButtonDecrement: 'action-button-decrement',\n    actionButtonDecrementDisabled: 'action-button-decrement-disabled',\n    actionButtonIncrement: 'action-button-increment',\n    actionButtonIncrementDisabled: 'action-button-increment-disabled',\n    textBefore: 'text-before',\n    textAfter: 'text-after',\n    solidView: 'solid-view',\n    segmentedView: 'segmented-view',\n    clearView: 'clear-view',\n    errorAnimation: 'error-animation',\n    disabled: 'number-input-disabled',\n    manualInput: 'manual-input-number-input',\n};\n\nexport const privateTokens = {\n    inputWidth: '--plasma_private-number-input_width',\n    segmentationBorderRadius: '--plasma_private-segemntation-border-radius',\n    segmentationInputBorderRadius: '--plasma_private-segemntation_input_border-radius',\n};\n\nexport const tokens = {\n    // Root size tokens\n    rootMinWidth: '--plasma-number-input_min-width',\n    disabledOpacity: '--plasma-number-input_disabled-opacity',\n\n    // Action button view tokens\n    iconButtonColor: '--plasma-number-input_icon-button_color',\n    iconButtonColorSolidHover: '--plasma-number-input_icon-button_color_solid-hover',\n    iconButtonBackgroundColor: '--plasma-number-input_icon-button_background-color',\n    iconButtonColorHover: '--plasma-number-input_icon-button_color-hover',\n    iconButtonBackgroundColorHover: '--plasma-number-input_icon-button_background-color-hover',\n    iconButtonColorActive: '--plasma-number-input_icon-button_color-active',\n    iconButtonBackgroundColorActive: '--plasma-number-input_icon-button_background-color-active',\n\n    actionButtonDisabledOpacity: '--plasma-number-input_action-button_disabled-opacity',\n\n    // Action button size tokens\n    iconButtonHeight: '--plasma-number-input_icon-button_height',\n    iconButtonWidth: '--plasma-number-input_icon-button_width',\n    iconButtonPadding: '--plasma-number-input_icon-button_padding',\n    iconButtonRadius: '--plasma-number-input_icon-button_radius',\n    iconButtonSegmentationRadius: '--plasma-number-input_icon-button_segmentation_radius',\n    iconButtonFontFamily: '--plasma-number-input_icon-button_font-family',\n    iconButtonFontSize: '--plasma-number-input_icon-button_font-size',\n    iconButtonFontStyle: '--plasma-number-input_icon-button_font-style',\n    iconButtonFontWeight: '--plasma-number-input_icon-button_font-weight',\n    iconButtonLetterSpacing: '--plasma-number-input_icon-button_letter-spacing',\n    iconButtonLineHeight: '--plasma-number-input_icon-button_line-height',\n\n    // Input size tokens\n    inputWrapperBorderWidth: '--plasma-number-input_input-wrapper_border-width',\n    inputWrapperMargin: '--plasma-number-input_input-wrapper_margin',\n    inputWrapperBorderRadius: '--plasma-number-input_input-wrapper_border-radius',\n    textWrapperHeight: '--plasma-number-input_text-wrapper_height',\n    textWrapperPadding: '--plasma-number-input_text-wrapper_padding',\n\n    fontFamily: '--plasma-number-input_font-family',\n    fontStyle: '--plasma-number-input_font-style',\n    fontSize: '--plasma-number-input_font-size',\n    fontWeight: '--plasma-number-input_font-weight',\n    letterSpacing: '--plasma-number-input_letter-spacing',\n    lineHeight: '--plasma-number-input_line-height',\n\n    textBeforeMarginRight: '--plasma-number-input_text-before_margin-right',\n    textAfterMarginLeft: '--plasma-number-input_text-after_margin-left',\n\n    // Input view tokens\n    caretColor: '--plasma-number-input_caret_color',\n    caretColorSolid: '--plasma-number-input_caret_color-solid',\n    color: '--plasma-number-input_color',\n    colorSolid: '--plasma-number-input_color-solid',\n    backgroundColor: '--plasma-number-input_background-color',\n    backgroundColorHover: '--plasma-number-input_background-color-hover',\n    backgroundColorFocus: '--plasma-number-input_background-color-focus',\n    backgroundColorSolidFocus: '--plasma-number-input_background-color-solid-focus',\n    backgroundColorSolid: '--plasma-number-input_background-color-solid',\n    borderColor: '--plasma-number-input_border-color',\n    borderColorHover: '--plasma-number-input_border-color-hover',\n    borderColorFocus: '--plasma-number-input_border-color-focus',\n    borderColorSolidFocus: '--plasma-number-input_border-color-solid-focus',\n    borderColorSolid: '--plasma-number-input_border-color-solid',\n    additionalTextColor: '--plasma-number-input_additional-text_color',\n    additionalTextColorSolid: '--plasma-number-input_additional-text_color-solid',\n\n    errorColor: '--plasma-number-input_error-color',\n    backgroundErrorColor: '--plasma-number-input_background_error-color',\n    borderErrorColor: '--plasma-number-input_border_error-color',\n\n    // Loader tokens\n    loaderSpinnerSize: '--plasma-number-input_loader-spinner_size',\n    loaderSpinnerColor: '--plasma-number-input_loader-spinner_color',\n    loaderSpinnerColorSolid: '--plasma-number-input_loader-spinner_color-solid',\n};\n"],"names":["classes","actionButtonDecrement","actionButtonDecrementDisabled","actionButtonIncrement","actionButtonIncrementDisabled","textBefore","textAfter","solidView","segmentedView","clearView","errorAnimation","disabled","manualInput","privateTokens","inputWidth","segmentationBorderRadius","segmentationInputBorderRadius","tokens","rootMinWidth","disabledOpacity","iconButtonColor","iconButtonColorSolidHover","iconButtonBackgroundColor","iconButtonColorHover","iconButtonBackgroundColorHover","iconButtonColorActive","iconButtonBackgroundColorActive","actionButtonDisabledOpacity","iconButtonHeight","iconButtonWidth","iconButtonPadding","iconButtonRadius","iconButtonSegmentationRadius","iconButtonFontFamily","iconButtonFontSize","iconButtonFontStyle","iconButtonFontWeight","iconButtonLetterSpacing","iconButtonLineHeight","inputWrapperBorderWidth","inputWrapperMargin","inputWrapperBorderRadius","textWrapperHeight","textWrapperPadding","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","textBeforeMarginRight","textAfterMarginLeft","caretColor","caretColorSolid","color","colorSolid","backgroundColor","backgroundColorHover","backgroundColorFocus","backgroundColorSolidFocus","backgroundColorSolid","borderColor","borderColorHover","borderColorFocus","borderColorSolidFocus","borderColorSolid","additionalTextColor","additionalTextColorSolid","errorColor","backgroundErrorColor","borderErrorColor","loaderSpinnerSize","loaderSpinnerColor","loaderSpinnerColorSolid"],"mappings":"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"}
+{"version":3,"file":"NumberInput.tokens.js","sources":["../../../src/components/NumberInput/NumberInput.tokens.ts"],"sourcesContent":["export const classes = {\n    actionButtonDecrement: 'action-button-decrement',\n    actionButtonDecrementDisabled: 'action-button-decrement-disabled',\n    actionButtonIncrement: 'action-button-increment',\n    actionButtonIncrementDisabled: 'action-button-increment-disabled',\n    textBefore: 'text-before',\n    textAfter: 'text-after',\n    solidView: 'solid-view',\n    segmentedView: 'segmented-view',\n    clearView: 'clear-view',\n    errorAnimation: 'error-animation',\n    disabled: 'number-input-disabled',\n    manualInput: 'manual-input-number-input',\n};\n\nexport const privateTokens = {\n    inputWidth: '--plasma_private-number-input_width',\n    segmentationBorderRadius: '--plasma_private-segemntation-border-radius',\n    segmentationInputBorderRadius: '--plasma_private-segemntation_input_border-radius',\n};\n\nexport const tokens = {\n    // Root size tokens\n    rootMinWidth: '--plasma-number-input_min-width',\n    disabledOpacity: '--plasma-number-input_disabled-opacity',\n\n    // Action button view tokens\n    iconButtonColor: '--plasma-number-input_icon-button_color',\n    iconButtonBackgroundColor: '--plasma-number-input_icon-button_background-color',\n    iconButtonColorHover: '--plasma-number-input_icon-button_color-hover',\n    iconButtonColorSolidHover: '--plasma-number-input_icon-button_color_solid-hover',\n    iconButtonBackgroundColorHover: '--plasma-number-input_icon-button_background-color-hover',\n    iconButtonColorActive: '--plasma-number-input_icon-button_color-active',\n    iconButtonColorSolidActive: '--plasma-number-input_icon-button_color_solid-active',\n    iconButtonBackgroundColorActive: '--plasma-number-input_icon-button_background-color-active',\n\n    actionButtonDisabledOpacity: '--plasma-number-input_action-button_disabled-opacity',\n\n    // Action button size tokens\n    iconButtonHeight: '--plasma-number-input_icon-button_height',\n    iconButtonWidth: '--plasma-number-input_icon-button_width',\n    iconButtonPadding: '--plasma-number-input_icon-button_padding',\n    iconButtonRadius: '--plasma-number-input_icon-button_radius',\n    iconButtonSegmentationRadius: '--plasma-number-input_icon-button_segmentation_radius',\n    iconButtonFontFamily: '--plasma-number-input_icon-button_font-family',\n    iconButtonFontSize: '--plasma-number-input_icon-button_font-size',\n    iconButtonFontStyle: '--plasma-number-input_icon-button_font-style',\n    iconButtonFontWeight: '--plasma-number-input_icon-button_font-weight',\n    iconButtonLetterSpacing: '--plasma-number-input_icon-button_letter-spacing',\n    iconButtonLineHeight: '--plasma-number-input_icon-button_line-height',\n\n    // Input size tokens\n    inputWrapperBorderWidth: '--plasma-number-input_input-wrapper_border-width',\n    inputWrapperMargin: '--plasma-number-input_input-wrapper_margin',\n    inputWrapperBorderRadius: '--plasma-number-input_input-wrapper_border-radius',\n    textWrapperHeight: '--plasma-number-input_text-wrapper_height',\n    textWrapperPadding: '--plasma-number-input_text-wrapper_padding',\n\n    fontFamily: '--plasma-number-input_font-family',\n    fontStyle: '--plasma-number-input_font-style',\n    fontSize: '--plasma-number-input_font-size',\n    fontWeight: '--plasma-number-input_font-weight',\n    letterSpacing: '--plasma-number-input_letter-spacing',\n    lineHeight: '--plasma-number-input_line-height',\n\n    textBeforeMarginRight: '--plasma-number-input_text-before_margin-right',\n    textAfterMarginLeft: '--plasma-number-input_text-after_margin-left',\n\n    // Input view tokens\n    caretColor: '--plasma-number-input_caret_color',\n    caretColorSolid: '--plasma-number-input_caret_color-solid',\n    color: '--plasma-number-input_color',\n    colorSolid: '--plasma-number-input_color-solid',\n    backgroundColor: '--plasma-number-input_background-color',\n    backgroundColorHover: '--plasma-number-input_background-color-hover',\n    backgroundColorFocus: '--plasma-number-input_background-color-focus',\n    backgroundColorSolidFocus: '--plasma-number-input_background-color-solid-focus',\n    backgroundColorSolid: '--plasma-number-input_background-color-solid',\n    borderColor: '--plasma-number-input_border-color',\n    borderColorHover: '--plasma-number-input_border-color-hover',\n    borderColorFocus: '--plasma-number-input_border-color-focus',\n    borderColorSolidFocus: '--plasma-number-input_border-color-solid-focus',\n    borderColorSolid: '--plasma-number-input_border-color-solid',\n    additionalTextColor: '--plasma-number-input_additional-text_color',\n    additionalTextColorSolid: '--plasma-number-input_additional-text_color-solid',\n\n    errorColor: '--plasma-number-input_error-color',\n    backgroundErrorColor: '--plasma-number-input_background_error-color',\n    borderErrorColor: '--plasma-number-input_border_error-color',\n\n    // Loader tokens\n    loaderSpinnerSize: '--plasma-number-input_loader-spinner_size',\n    loaderSpinnerColor: '--plasma-number-input_loader-spinner_color',\n    loaderSpinnerColorSolid: '--plasma-number-input_loader-spinner_color-solid',\n};\n"],"names":["classes","actionButtonDecrement","actionButtonDecrementDisabled","actionButtonIncrement","actionButtonIncrementDisabled","textBefore","textAfter","solidView","segmentedView","clearView","errorAnimation","disabled","manualInput","privateTokens","inputWidth","segmentationBorderRadius","segmentationInputBorderRadius","tokens","rootMinWidth","disabledOpacity","iconButtonColor","iconButtonBackgroundColor","iconButtonColorHover","iconButtonColorSolidHover","iconButtonBackgroundColorHover","iconButtonColorActive","iconButtonColorSolidActive","iconButtonBackgroundColorActive","actionButtonDisabledOpacity","iconButtonHeight","iconButtonWidth","iconButtonPadding","iconButtonRadius","iconButtonSegmentationRadius","iconButtonFontFamily","iconButtonFontSize","iconButtonFontStyle","iconButtonFontWeight","iconButtonLetterSpacing","iconButtonLineHeight","inputWrapperBorderWidth","inputWrapperMargin","inputWrapperBorderRadius","textWrapperHeight","textWrapperPadding","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","textBeforeMarginRight","textAfterMarginLeft","caretColor","caretColorSolid","color","colorSolid","backgroundColor","backgroundColorHover","backgroundColorFocus","backgroundColorSolidFocus","backgroundColorSolid","borderColor","borderColorHover","borderColorFocus","borderColorSolidFocus","borderColorSolid","additionalTextColor","additionalTextColorSolid","errorColor","backgroundErrorColor","borderErrorColor","loaderSpinnerSize","loaderSpinnerColor","loaderSpinnerColorSolid"],"mappings":"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"}

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

@@ -170,7 +170,7 @@ var NumberInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onClick: handleClickInputWrapper
   }, /*#__PURE__*/React.createElement(TextWrapper, {
     ref: textWrapperRef
-  }, textBefore && /*#__PURE__*/React.createElement(AdditionalText, {
+  }, !isLoading && textBefore && /*#__PURE__*/React.createElement(AdditionalText, {
     className: classes.textBefore
   }, textBefore), isLoading ? /*#__PURE__*/React.createElement(Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React.createElement(StyledSpinner, null))) : /*#__PURE__*/React.createElement(DynamicInput, null, /*#__PURE__*/React.createElement(Input, _extends({
     ref: inputForkRef,
@@ -186,7 +186,7 @@ var NumberInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
   }, rest)), /*#__PURE__*/React.createElement(InputWidthHelper, {
     ref: inputHelperRef
-  }, value)), textAfter && /*#__PURE__*/React.createElement(AdditionalText, {
+  }, value)), !isLoading && textAfter && /*#__PURE__*/React.createElement(AdditionalText, {
     className: classes.textAfter
   }, textAfter)));
 });

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../../src/components/NumberInput/ui/Input/Input.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { KeyboardEvent, ChangeEvent, FocusEvent } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { classes } from '../../NumberInput.tokens';\nimport { cx, isNumber } from '../../../../utils';\nimport { useDidMountEffect } from '../../../../hooks';\nimport { 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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"}
+{"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                    {!isLoading && textBefore && (\n                        <AdditionalText className={classes.textBefore}>{textBefore}</AdditionalText>\n                    )}\n                    {isLoading ? (\n                        <Loader>{loader || <StyledSpinner />}</Loader>\n                    ) : (\n                        <DynamicInput>\n                            <Input\n                                ref={inputForkRef}\n                                dynamicWidth={dynamicWidth}\n                                value={value}\n                                isManualInput={Boolean(isManualInput)}\n                                tabIndex={disabled || !isManualInput ? -1 : 0}\n                                onChange={handleManualInputChange}\n                                onBlur={handleBlur}\n                                onKeyDown={handleKeyDown}\n                                onAnimationEnd={() => handleEndErrorAnimation(Number(errorValue))}\n                                {...rest}\n                            />\n                            <InputWidthHelper ref={inputHelperRef}>{value}</InputWidthHelper>\n                        </DynamicInput>\n                    )}\n                    {!isLoading && textAfter && (\n                        <AdditionalText className={classes.textAfter}>{textAfter}</AdditionalText>\n                    )}\n                </TextWrapper>\n            </InputWrapper>\n        );\n    },\n);\n"],"names":["NumberInput","forwardRef","_ref","ref","value","min","max","isLoading","loader","disabled","segmentation","textBefore","textAfter","isManualInput","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/variations/_segmentation/base.js

@@ -1,4 +1,4 @@
-import './base_1jt83uh.css';
+import './base_3r9a58.css';
 var base = "bpps6rw";
 
 export { base };

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

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/NumberInput/variations/_segmentation/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, privateTokens, tokens } from '../../NumberInput.tokens';\nimport { StyledIconButton } from '../../ui/ActionButton/ActionButton.styles';\nimport { AdditionalText, Input, InputWrapper, StyledSpinner } from '../../ui/Input/Input.styles';\nimport { spinnerTokens } from '../../../Spinner';\n\nexport const base = css`\n    ${InputWrapper} {\n        border-radius: var(${tokens.inputWrapperBorderRadius});\n    }\n\n    ${StyledIconButton} {\n        ${privateTokens.segmentationBorderRadius}: var(${tokens.iconButtonRadius});\n\n        &.${classes.segmentedView}, &.${classes.solidView} {\n            ${privateTokens.segmentationBorderRadius}: var(${tokens.iconButtonSegmentationRadius}, var(${tokens.iconButtonRadius}));\n        }\n\n        &.${classes.actionButtonDecrement} {\n            border-radius: var(${tokens.iconButtonRadius}) var(${privateTokens.segmentationBorderRadius}) var(${privateTokens.segmentationBorderRadius}) var(${tokens.iconButtonRadius});\n        }\n\n        &.${classes.actionButtonIncrement} {\n            border-radius: var(${privateTokens.segmentationBorderRadius}) var(${tokens.iconButtonRadius}) var(${tokens.iconButtonRadius}) var(${privateTokens.segmentationBorderRadius});\n        }\n    }\n\n    &.${classes.segmentedView} {\n        ${InputWrapper} {\n            border-radius: var(${tokens.iconButtonSegmentationRadius});\n        }\n    }\n\n    &.${classes.solidView} {\n        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;;;;"}
+{"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            }\n\n            :hover {                \n                color: var(${tokens.iconButtonColorSolidHover});\n            }\n\n            :active {                \n                color: var(${tokens.iconButtonColorSolidActive});\n            }\n\n            &.${classes.actionButtonDecrementDisabled}, &.${classes.actionButtonIncrementDisabled} {\n                opacity: 1;\n\n                svg {\n                    opacity: var(${tokens.actionButtonDisabledOpacity});\n                }\n\n                :hover,\n                :active {\n                    color: var(${tokens.iconButtonColor});\n\n                    svg {\n                        opacity: var(${tokens.actionButtonDisabledOpacity});\n                    }\n                }\n            }\n        }\n\n        &.${classes.clearView} {\n            ${StyledIconButton} {\n                &.${classes.actionButtonDecrementDisabled}, &.${classes.actionButtonIncrementDisabled} {\n                    :hover,\n                    :active {\n                        background-color: transparent;\n                    }\n                }\n            }\n        }\n\n        ${StyledSpinner} {\n            ${spinnerTokens.color}: var(${tokens.loaderSpinnerColorSolid});\n        }\n    \n        ${Input} {\n            caret-color: var(${tokens.caretColorSolid}, var(${tokens.caretColor}));\n\n            &:not(.${classes.errorAnimation}){\n                color: var(${tokens.colorSolid});\n            }\n        }\n    \n        ${AdditionalText} {\n            color: var(${tokens.additionalTextColorSolid});\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAOO,IAAMA,IAAI,GA8GhB;;;;"}

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

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

package/es/components/Slider/Slider.css

@@ -1,20 +1,22 @@
-.Handler_styles_8crx5z_h1tnrnip__2d4342c7{cursor:pointer;position:absolute;z-index:1;top:0;left:0;}
-.Handler_styles_8crx5z_s12uu2lj__2d4342c7{position:absolute;z-index:1;top:var(--plasma-slider-current-value-top-offset);text-align:center;width:100%;margin-left:-0.125rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:var(--plasma-slider-current-value-font-family);font-size:var(--plasma-slider-current-value-font-size);font-style:var(--plasma-slider-current-value-font-style);font-weight:var(--plasma-slider-current-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-current-value-letter-spacing);letter-spacing:var(--plasma-slider-current-value-letter-spacing);line-height:var(--plasma-slider-current-value-line-height);}
+.base_1s3f6q8_b1c93yiw__8f5ba4a1.base_1s3f6q8_sliderVerticalOrientation__8f5ba4a1{height:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
 
-.Thumb_styles_4w4gzn_tqbdf8b__14129a5b{width:var(--plasma-slider-thumb-size);height:var(--plasma-slider-thumb-size);position:relative;left:-0.125rem;top:-0.125rem;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.125rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:after{background:var(--plasma-slider-thumb-border-color);margin:-0.125rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):hover:after,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[disabled]{cursor:not-allowed;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:focus{outline:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b::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:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b.Thumb_styles_4w4gzn_focusVisible__14129a5b:focus::before,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
+.Handler_styles_irtcgm_s1tnrnip__e8f853c5{position:absolute;z-index:1;top:var(--plasma-slider-current-value-top-offset);text-align:center;width:100%;margin-left:-0.125rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:var(--plasma-slider-value-font-family);font-size:var(--plasma-slider-value-font-size);font-style:var(--plasma-slider-value-font-style);font-weight:var(--plasma-slider-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-value-letter-spacing);letter-spacing:var(--plasma-slider-value-letter-spacing);line-height:var(--plasma-slider-value-line-height);}
+.Handler_styles_irtcgm_h12uu2lj__e8f853c5{cursor:pointer;position:absolute;z-index:1;top:0;left:0;bottom:0;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;--thumb-size:var(--h12uu2lj-0);}.Handler_styles_irtcgm_h12uu2lj__e8f853c5.Handler_styles_irtcgm_sliderVerticalOrientation__e8f853c5{right:0;bottom:auto;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Handler_styles_irtcgm_h12uu2lj__e8f853c5.Handler_styles_irtcgm_sliderVerticalOrientation__e8f853c5 .Handler_styles_irtcgm_s1tnrnip__e8f853c5{margin:0;top:0;bottom:0;right:0;left:calc(var(--plasma-slider-size) - (var(--plasma-slider-size) - var(--thumb-size)) / 2 + 0.25rem);-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.Handler_styles_irtcgm_h12uu2lj__e8f853c5.Handler_styles_irtcgm_sliderValuePlacementLeft__e8f853c5 .Handler_styles_irtcgm_s1tnrnip__e8f853c5{left:auto;right:calc(var(--plasma-slider-size) - (var(--plasma-slider-size) - var(--thumb-size)) / 2 + 0.3125rem);-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
 
-.SliderBase_styles_9s4eb3_s33crq1__d6fac54b{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:var(--plasma-slider-height);}
-.SliderBase_styles_9s4eb3_rnaoqfb__d6fac54b{height:100%;}
-.SliderBase_styles_9s4eb3_r1bro5xo__d6fac54b{position:relative;top:50%;height:var(--plasma-slider-rail-height);border-radius:var(--plasma-slider-rail-border-radius);background-color:var(--plasma-slider-rail-background-color);overflow:hidden;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
-.SliderBase_styles_9s4eb3_fdg7yhg__d6fac54b{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
-.SliderBase_styles_9s4eb3_i17ya4q3__d6fac54b{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
+.Thumb_styles_uyn20e_tqbdf8b__de0962c7{width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);min-height:var(--thumb-size);position:relative;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.0625rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:after{background:var(--plasma-slider-thumb-border-color);margin:-0.0625rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:not([disabled]):hover:after,.Thumb_styles_uyn20e_tqbdf8b__de0962c7:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_uyn20e_tqbdf8b__de0962c7[disabled]{cursor:not-allowed;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:focus{outline:none;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7.Thumb_styles_uyn20e_focusVisible__de0962c7:focus::before,.Thumb_styles_uyn20e_tqbdf8b__de0962c7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
 
-.Single_styles_1r9f1e0_l1p4kc08__4db690dd{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
+.SliderBase_styles_1qt1224_r33crq1__8fd7c64a{position:relative;top:50%;height:var(--plasma-slider-rail-thickness);border-radius:var(--plasma-slider-rail-border-radius);background-color:var(--plasma-slider-rail-background-color);overflow:hidden;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
+.SliderBase_styles_1qt1224_snaoqfb__8fd7c64a{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:var(--plasma-slider-size);}.SliderBase_styles_1qt1224_snaoqfb__8fd7c64a.SliderBase_styles_1qt1224_sliderVerticalOrientation__8fd7c64a{width:var(--plasma-slider-size);height:auto;}.SliderBase_styles_1qt1224_snaoqfb__8fd7c64a.SliderBase_styles_1qt1224_sliderVerticalOrientation__8fd7c64a .SliderBase_styles_1qt1224_r33crq1__8fd7c64a{top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:var(--plasma-slider-rail-thickness);height:100%;}
+.SliderBase_styles_1qt1224_r1bro5xo__8fd7c64a{height:100%;}
+.SliderBase_styles_1qt1224_fdg7yhg__8fd7c64a{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
+.SliderBase_styles_1qt1224_i17ya4q3__8fd7c64a{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
 
-.Single_styles_1r9f1e0_lozb535__4db690dd{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
-.Single_styles_1r9f1e0_s1w9icbd__4db690dd{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-range-value-font-family);font-size:var(--plasma-slider-range-value-font-size);font-style:var(--plasma-slider-range-value-font-style);font-weight:var(--plasma-slider-range-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-range-value-letter-spacing);letter-spacing:var(--plasma-slider-range-value-letter-spacing);line-height:var(--plasma-slider-range-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderHideMinValue__4db690dd,.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderHideMaxValue__4db690dd{opacity:0;}.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderActiveRangeValue__4db690dd{color:var(--plasma-slider-label-color);}
-.Single_styles_1r9f1e0_s1d2sfgl__4db690dd{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementOuter__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd{position:absolute;bottom:var(--plasma-slider-range-value-bottom-offset);left:0;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementOuter__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderMaxRangeValue__4db690dd{left:unset;right:0;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd{margin-right:var(--plasma-slider-range-min-value-margin);}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderMaxRangeValue__4db690dd{margin-right:0;margin-left:var(--plasma-slider-range-max-value-margin);}
-.Single_styles_1r9f1e0_ss3ujqx__4db690dd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementOuter__4db690dd{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementOuter__4db690dd .Single_styles_1r9f1e0_l1p4kc08__4db690dd{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementInner__4db690dd .Single_styles_1r9f1e0_l1p4kc08__4db690dd{margin-right:var(--plasma-slider-label-wrapper-margin-right);}
+.Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
+.Single_styles_1h7n2s2_ly2gexi__5fe9b6cf{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.Single_styles_1h7n2s2_lozb535__5fe9b6cf{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
+.Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-value-font-family);font-size:var(--plasma-slider-value-font-size);font-style:var(--plasma-slider-value-font-style);font-weight:var(--plasma-slider-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-value-letter-spacing);letter-spacing:var(--plasma-slider-value-letter-spacing);line-height:var(--plasma-slider-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderHideMinValue__5fe9b6cf,.Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderHideMaxValue__5fe9b6cf{opacity:0;}.Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderActiveRangeValue__5fe9b6cf{color:var(--plasma-slider-label-color);}
+.Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf.Single_styles_1h7n2s2_sliderRangeValuesPlacementOuter__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf{position:absolute;bottom:calc(var(--plasma-slider-rail-thickness) * -1.5 - var(--plasma-slider-range-value-bottom-offset));left:0;}.Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf.Single_styles_1h7n2s2_sliderRangeValuesPlacementOuter__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderMaxRangeValue__5fe9b6cf{left:unset;right:0;}.Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf.Single_styles_1h7n2s2_sliderRangeValuesPlacementInner__5fe9b6cf{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf.Single_styles_1h7n2s2_sliderRangeValuesPlacementInner__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf{margin-right:var(--plasma-slider-range-value-horizontal-margin);}.Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf.Single_styles_1h7n2s2_sliderRangeValuesPlacementInner__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderMaxRangeValue__5fe9b6cf{margin-right:0;margin-left:var(--plasma-slider-range-value-horizontal-margin);}
+.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementOuter__5fe9b6cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementOuter__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementInner__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignCenter__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignCenter__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementBottom__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignCenter__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementBottom__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelContentReversed__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignCenter__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelContentReversed__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf .Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf{width:var(--plasma-slider-size);}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementInner__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{margin-right:0;margin-bottom:var(--plasma-slider-label-wrapper-vertical-margin);}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignLeft__5fe9b6cf{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignLeft__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignRight__5fe9b6cf{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementBottom__5fe9b6cf{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementBottom__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{margin-top:var(--plasma-slider-label-wrapper-vertical-margin);margin-right:0;margin-bottom:0;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-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;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf .Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-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;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignCenter__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf{position:static;bottom:0;left:0;margin-bottom:var(--plasma-slider-range-value-vertical-margin);}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignCenter__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderMaxRangeValue__5fe9b6cf{left:0;right:0;bottom:0;margin-top:var(--plasma-slider-range-value-vertical-margin);margin-bottom:0;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignLeft__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf,.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignRight__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf{margin-right:0;margin-bottom:0;position:absolute;top:0;right:calc( var(--plasma-slider-rail-thickness) / 2 + var(--plasma-slider-size) / 2 + var(--plasma-slider-range-value-horizontal-offset) );}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignLeft__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderMaxRangeValue__5fe9b6cf,.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignRight__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderMaxRangeValue__5fe9b6cf{margin-right:0;margin-left:0;top:auto;bottom:0;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignRight__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf{left:calc(var(--plasma-slider-size) + var(--plasma-slider-rail-thickness));}
 
 .base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i13qvwoy__5f4dd9b9{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i19ry60d__5f4dd9b9{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasChips__5f4dd9b9{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasEmptyContentLeft__5f4dd9b9{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasEmptyContentRight__5f4dd9b9{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_l1gjsnfi__5f4dd9b9,.base_1xdmaqh_b13ve66i__5f4dd9b9:not(.base_1xdmaqh_labelPlacementInner__5f4dd9b9) .base_1xdmaqh_s16itze4__5f4dd9b9{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s1skqnhr__5f4dd9b9{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_hgy0im1__5f4dd9b9{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_t600610__5f4dd9b9{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_l7hnwwb__5f4dd9b9{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_smqgwd8__5f4dd9b9,.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s14qvple__5f4dd9b9{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_smqgwd8__5f4dd9b9{margin:var(--plasma-textfield__before-text-margin);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s14qvple__5f4dd9b9{margin:var(--plasma-textfield__after-text-margin);}
 

package/es/components/Slider/Slider.js

@@ -1,12 +1,15 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, typeof as _typeof } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef } from 'react';
+import { cx } from '../../utils/index.js';
 import { base } from './variations/_view/base.js';
 import { base as base$1 } from './variations/_size/base.js';
 import { base as base$2 } from './variations/_disabled/base.js';
+import { classes } from './Slider.tokens.js';
 import { SingleSlider } from './components/Single/Single.js';
 import { DoubleUncontrolled } from './components/DoubleUncontrolled/DoubleUncontrolled.js';
 
 var _excluded = ["type"];
+
 // TODO: проверить, можно ли обойтись без каста типов
 
 var isSingleValueProps = function isSingleValueProps(props, type) {
@@ -20,9 +23,15 @@ var sliderRoot = function sliderRoot(Root) {
     var _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'single' : _ref$type,
       props = _objectWithoutProperties(_ref, _excluded);
-    return /*#__PURE__*/React.createElement(Root, _extends({}, props, {
+    if (isSingleValueProps(props, type)) {
+      return /*#__PURE__*/React.createElement(Root, _extends({}, props, {
+        className: cx(props.orientation === 'vertical' && classes.verticalOrientation, props.className),
+        ref: ref
+      }), /*#__PURE__*/React.createElement(SingleSlider, props));
+    }
+    return /*#__PURE__*/React.createElement(Root, _extends({
       ref: ref
-    }), isSingleValueProps(props, type) && /*#__PURE__*/React.createElement(SingleSlider, props), isDoubleValueProps(props, type) && /*#__PURE__*/React.createElement(DoubleUncontrolled, props));
+    }, props), isDoubleValueProps(props, type) && /*#__PURE__*/React.createElement(DoubleUncontrolled, props));
   });
 };
 var sliderConfig = {