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

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

@@ -27,11 +27,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/cjs/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/cjs/components/NumberInput/ui/Input/Input.js

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

package/cjs/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":";;;;;;;;;;;;;;;;;AAsBO,IAAMA,WAAW,gBAAGC,gBAAU,CACjC,UAAAC,IAAA,EAkBIC,GAAG,EACF;AAAA,EAAA,IAjBGC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,GAAG,GAAAH,IAAA,CAAHG,GAAG;IACHC,GAAG,GAAAJ,IAAA,CAAHI,GAAG;IACHC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACTC,MAAM,GAAAN,IAAA,CAANM,MAAM;IACNC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,YAAY,GAAAR,IAAA,CAAZQ,YAAY;IACZC,UAAU,GAAAT,IAAA,CAAVS,UAAU;IACVC,SAAS,GAAAV,IAAA,CAATU,SAAS;IACTC,aAAa,GAAAX,IAAA,CAAbW,aAAa;IACbC,aAAa,GAAAZ,IAAA,CAAbY,aAAa;IACbC,QAAQ,GAAAb,IAAA,CAARa,QAAQ;IACRC,MAAM,GAAAd,IAAA,CAANc,MAAM;IACNC,SAAS,GAAAf,IAAA,CAATe,SAAS;AACNC,IAAAA,IAAI,GAAAC,iDAAA,CAAAjB,IAAA,EAAAkB,SAAA,CAAA,CAAA;AAIX,EAAA,IAAAC,SAAA,GAAwCC,cAAQ,CAAClB,KAAK,MAAAmB,MAAA,CAAMC,MAAM,CAACpB,KAAK,CAAC,CAACqB,MAAM,EAAA,IAAA,CAAA,GAAO,KAAK,CAAC;IAAAC,UAAA,GAAAC,uCAAA,CAAAN,SAAA,EAAA,CAAA,CAAA;AAAtFO,IAAAA,YAAY,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,eAAe,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;EACpC,IAAAI,UAAA,GAA4CR,cAAQ,CAACS,MAAM,CAAC3B,KAAK,CAAC,CAAC;IAAA4B,UAAA,GAAAL,uCAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAA5DG,IAAAA,cAAc,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,iBAAiB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AACxC,EAAA,IAAAG,UAAA,GAAoCb,cAAQ,CAAqBc,SAAS,CAAC;IAAAC,UAAA,GAAAV,uCAAA,CAAAQ,UAAA,EAAA,CAAA,CAAA;AAApEG,IAAAA,UAAU,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,aAAa,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAChC,EAAA,IAAAG,UAAA,GAAoClB,cAAQ,EAAU;IAAAmB,UAAA,GAAAd,uCAAA,CAAAa,UAAA,EAAA,CAAA,CAAA;AAA/CE,IAAAA,UAAU,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,aAAa,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAChC,EAAA,IAAAG,UAAA,GAAkCtB,cAAQ,CAAC,KAAK,CAAC;IAAAuB,WAAA,GAAAlB,uCAAA,CAAAiB,UAAA,EAAA,CAAA,CAAA;AAA1CE,IAAAA,SAAS,GAAAD,WAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,YAAY,GAAAF,WAAA,CAAA,CAAA,CAAA,CAAA;AAE9B,EAAA,IAAMG,cAAc,GAAGC,YAAM,CAAkB,IAAI,CAAC,CAAA;AACpD,EAAA,IAAMC,UAAU,GAAGD,YAAM,CAAiB,IAAI,CAAC,CAAA;AAC/C,EAAA,IAAME,cAAc,GAAGF,YAAM,CAAiB,IAAI,CAAC,CAAA;AACnD,EAAA,IAAMG,QAAQ,GAAGH,YAAM,CAAmB,IAAI,CAAC,CAAA;AAC/C,EAAA,IAAMI,YAAY,GAAGC,qBAAU,CAACF,QAAQ,EAAEjD,GAAG,CAAC,CAAA;EAE9C,IAAMoD,cAAc,GAAG7C,YAAY,KAAK,OAAO,GAAG8C,0BAAO,CAACC,SAAS,GAAGrB,SAAS,CAAA;EAC/E,IAAMsB,gBAAgB,GAAG7C,aAAa,GAAG2C,0BAAO,CAACG,WAAW,GAAGvB,SAAS,CAAA;AAExE,EAAA,IAAMwB,aAAa,GAAG,SAAhBA,aAAaA,GAA2B;AAAA,IAAA,IAAAC,qBAAA,CAAA;AAAA,IAAA,IAAvBC,WAAW,GAAAC,SAAA,CAAAtC,MAAA,GAAA,CAAA,IAAAsC,SAAA,CAAA,CAAA,CAAA,KAAA3B,SAAA,GAAA2B,SAAA,CAAA,CAAA,CAAA,GAAG,IAAI,CAAA;AACrC,IAAA,IAAI,CAACD,WAAW,IAAAD,CAAAA,qBAAA,GAAIb,cAAc,CAACgB,OAAO,MAAA,IAAA,IAAAH,qBAAA,KAAA,KAAA,CAAA,IAAtBA,qBAAA,CAAwBI,WAAW,EAAE;AAAA,MAAA,IAAAC,sBAAA,CAAA;AACrD,MAAA,OAAA,EAAA,CAAA3C,MAAA,CAAA,CAAA2C,sBAAA,GAAUlB,cAAc,CAACgB,OAAO,MAAA,IAAA,IAAAE,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAtBA,sBAAA,CAAwBD,WAAW,EAAA,IAAA,CAAA,CAAA;AACjD,KAAA;AAEA,IAAA,IAAI7D,KAAK,EAAE;AACP,MAAA,OAAA,EAAA,CAAAmB,MAAA,CAAUC,MAAM,CAACpB,KAAK,CAAC,CAACqB,MAAM,EAAA,IAAA,CAAA,CAAA;AAClC,KAAA;AAEA,IAAA,OAAO,KAAK,CAAA;GACf,CAAA;EAED,IAAM0C,SAAS,GAAG,SAAZA,SAASA,CAAIC,KAA2C,EAAEC,QAAgB,EAAK;IACjFnC,iBAAiB,CAACmC,QAAQ,CAAC,CAAA;IAC3BvD,aAAa,CAACuD,QAAQ,CAAC,CAAA;AAEvB,IAAA,IAAItD,QAAQ,EAAE;AACVA,MAAAA,QAAQ,CAACqD,KAAK,EAAEC,QAAQ,CAAC,CAAA;AAC7B,KAAA;GACH,CAAA;AAED,EAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAID,QAAyB,EAAK;AACjDE,IAAAA,OAAO,CAACC,GAAG,CAACH,QAAQ,CAAC,CAAA;IACrB,IAAI,CAACA,QAAQ,IAAI,CAACI,iBAAQ,CAACJ,QAAQ,CAAC,EAAE;AAClCF,MAAAA,SAAS,CAAC,IAAI,EAAElC,cAAc,CAAC,CAAA;AAC/B,MAAA,OAAA;AACJ,KAAA;IAEA,IAAIT,MAAM,CAAC6C,QAAQ,CAAC,CAACK,QAAQ,CAAC,GAAG,CAAC,EAAE;AAChCP,MAAAA,SAAS,CAAC,IAAI,EAAEpC,MAAM,CAACsC,QAAQ,CAAC,CAAC,CAAA;AACjC,MAAA,OAAA;AACJ,KAAA;AAEA,IAAA,IAAMM,QAAQ,GAAG5C,MAAM,CAACsC,QAAQ,CAAC,CAAA;AACjC,IAAA,IAAI/D,GAAG,IAAIqE,QAAQ,GAAGrE,GAAG,EAAE;AACvBiC,MAAAA,aAAa,CAACiB,0BAAO,CAACoB,cAAc,CAAC,CAAA;MACrCjC,aAAa,CAACrC,GAAG,CAAC,CAAA;AAClB,MAAA,OAAA;AACJ,KAAA;AAEA,IAAA,IAAID,GAAG,IAAIsE,QAAQ,GAAGtE,GAAG,EAAE;AACvBkC,MAAAA,aAAa,CAACiB,0BAAO,CAACoB,cAAc,CAAC,CAAA;MACrCjC,aAAa,CAACtC,GAAG,CAAC,CAAA;AACtB,KAAA;GACH,CAAA;AAED,EAAA,IAAMwE,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIT,KAAoC,EAAK;IAAA,IAAAU,qBAAA,EAAAC,mBAAA,CAAA;AACtE,IAAA,IAAI,CAAClE,aAAa,IAAIJ,QAAQ,EAAE;AAC5B,MAAA,OAAA;AACJ,KAAA;AAEA,IAAA,IAAe4D,QAAQ,GAAKD,KAAK,CAACY,MAAM,CAAhC5E,KAAK,CAAA;IAEb,IAAI,CAACiE,QAAQ,EAAE;MACXvD,aAAa,CAAC,EAAE,CAAC,CAAA;AAEjB,MAAA,IAAIC,QAAQ,EAAE;AACVA,QAAAA,QAAQ,CAACqD,KAAK,EAAE,EAAE,CAAC,CAAA;AACvB,OAAA;AACA,MAAA,OAAA;AACJ,KAAA;IAEA,IAAMa,UAAU,GAAGZ,QAAQ,CAACa,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAA;AACnD,IAAA,IAAID,UAAU,CAACP,QAAQ,CAAC,GAAG,CAAC,EAAE;MAC1B5D,aAAa,CAACmE,UAAU,CAAC,CAAA;AAEzB,MAAA,IAAIlE,QAAQ,EAAE;AACVA,QAAAA,QAAQ,CAACqD,KAAK,EAAEa,UAAU,CAAC,CAAA;AAC/B,OAAA;AACA,MAAA,OAAA;AACJ,KAAA;AAEA,IAAA,IAAME,OAAO,GAAGC,qBAAa,CAACC,IAAI,CAACJ,UAAU,CAAC,CAAA;IAE9C,IAAI,CAACE,OAAO,EAAE;AACVhB,MAAAA,SAAS,CAACC,KAAK,EAAEnC,cAAc,CAAC,CAAA;AAChC,MAAA,OAAA;AACJ,KAAA;IAEA,IACIkB,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,IAAdA,cAAc,CAAEa,OAAO,IACvBd,UAAU,KAAVA,IAAAA,IAAAA,UAAU,eAAVA,UAAU,CAAEc,OAAO,IACnB,CAAAb,cAAc,KAAdA,IAAAA,IAAAA,cAAc,KAAA2B,KAAAA,CAAAA,IAAAA,CAAAA,qBAAA,GAAd3B,cAAc,CAAEa,OAAO,MAAA,IAAA,IAAAc,qBAAA,KAAvBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAAyBb,WAAW,KAAGf,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAA,KAAA,CAAA,IAAA,CAAA6B,mBAAA,GAAV7B,UAAU,CAAEc,OAAO,MAAA,IAAA,IAAAe,mBAAA,KAAnBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAA,CAAqBd,WAAW,CACzE,EAAA;AACEf,MAAAA,UAAU,CAACc,OAAO,CAACsB,UAAU,GACzBnC,cAAc,CAACa,OAAO,CAACuB,WAAW,GAAGpC,cAAc,CAACa,OAAO,CAACwB,UAAU,IAAI,CAAC,CAAA;AACnF,KAAA;AAEArB,IAAAA,SAAS,CAACC,KAAK,EAAErC,MAAM,CAACkD,UAAU,CAAC,CAAC,CAAA;GACvC,CAAA;AAED,EAAA,IAAMQ,uBAAuB,GAAG,SAA1BA,uBAAuBA,GAAS;AAClC,IAAA,IAAI,CAAC5E,aAAa,IAAI,CAACuC,QAAQ,CAACY,OAAO,EAAE;AACrC,MAAA,OAAA;AACJ,KAAA;IAEA,IAAI,CAAClB,SAAS,EAAE;AACZM,MAAAA,QAAQ,CAACY,OAAO,CAAC0B,MAAM,EAAE,CAAA;AAC7B,KAAA;IAEA3C,YAAY,CAAC,IAAI,CAAC,CAAA;GACrB,CAAA;AAED,EAAA,IAAM4C,UAAU,GAAG,SAAbA,UAAUA,CAAIvB,KAAmC,EAAK;IACxDrB,YAAY,CAAC,KAAK,CAAC,CAAA;IACnBuB,aAAa,CAAClE,KAAK,CAAC,CAAA;AAEpB,IAAA,IAAIY,MAAM,EAAE;MACRA,MAAM,CAACoD,KAAK,CAAC,CAAA;AACjB,KAAA;GACH,CAAA;AAED,EAAA,IAAMwB,aAAa,GAAG,SAAhBA,aAAaA,CAAIxB,KAAsC,EAAK;AAC9D,IAAA,IAAI,CAACvD,aAAa,IAAIJ,QAAQ,EAAE;AAC5B,MAAA,OAAA;AACJ,KAAA;AAEA,IAAA,IAAI2D,KAAK,CAACyB,OAAO,KAAKC,kBAAQ,CAACC,KAAK,EAAE;MAClC3B,KAAK,CAAC4B,cAAc,EAAE,CAAA;MAEtB1B,aAAa,CAAClE,KAAK,CAAC,CAAA;AAEpB,MAAA,IAAIa,SAAS,EAAE;QACXA,SAAS,CAACmD,KAAK,CAAC,CAAA;AACpB,OAAA;AACJ,KAAA;GACH,CAAA;AAED,EAAA,IAAM6B,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIC,YAAoB,EAAK;IACtD3D,aAAa,CAACH,SAAS,CAAC,CAAA;AACxB+B,IAAAA,SAAS,CAAC,IAAI,EAAE+B,YAAY,CAAC,CAAA;GAChC,CAAA;AAEDC,EAAAA,eAAS,CAAC,YAAM;AACZtE,IAAAA,eAAe,CAAC+B,aAAa,EAAE,CAAC,CAAA;GACnC,EAAE,EAAE,CAAC,CAAA;AAENwC,EAAAA,mCAAiB,CAAC,YAAM;AACpBvE,IAAAA,eAAe,CAAC+B,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;AACzC,GAAC,EAAE,CAACxD,KAAK,CAAC,CAAC,CAAA;AAEX,EAAA,oBACIiG,KAAA,CAAAC,aAAA,CAACC,yBAAY,EAAA;AACTpG,IAAAA,GAAG,EAAE+C,UAAW;IAChBsD,SAAS,EAAEC,QAAE,CAAClD,cAAc,EAAEjB,UAAU,EAAEoB,gBAAgB,CAAE;AAC5D7C,IAAAA,aAAa,EAAE6F,OAAO,CAAC7F,aAAa,CAAE;AACtC8F,IAAAA,OAAO,EAAElB,uBAAAA;AAAwB,GAAA,eAEjCY,KAAA,CAAAC,aAAA,CAACM,wBAAW,EAAA;AAACzG,IAAAA,GAAG,EAAEgD,cAAAA;AAAe,GAAA,EAC5BxC,UAAU,iBAAI0F,KAAA,CAAAC,aAAA,CAACO,2BAAc,EAAA;IAACL,SAAS,EAAEhD,0BAAO,CAAC7C,UAAAA;AAAW,GAAA,EAAEA,UAA2B,CAAC,EAC1FJ,SAAS,gBACN8F,KAAA,CAAAC,aAAA,CAACQ,mBAAM,QAAEtG,MAAM,IAAAuG,cAAA,KAAAA,cAAA,gBAAIV,KAAA,CAAAC,aAAA,CAACU,0BAAa,EAAE,IAAA,CAAC,CAAS,CAAC,gBAE9CX,KAAA,CAAAC,aAAA,CAACW,yBAAY,qBACTZ,KAAA,CAAAC,aAAA,CAACY,kBAAK,EAAAC,iCAAA,CAAA;AACFhH,IAAAA,GAAG,EAAEkD,YAAa;AAClBzB,IAAAA,YAAY,EAAEA,YAAa;AAC3BxB,IAAAA,KAAK,EAAEA,KAAM;AACbS,IAAAA,aAAa,EAAE6F,OAAO,CAAC7F,aAAa,CAAE;IACtCuG,QAAQ,EAAE3G,QAAQ,IAAI,CAACI,aAAa,GAAG,CAAC,CAAC,GAAG,CAAE;AAC9CE,IAAAA,QAAQ,EAAE8D,uBAAwB;AAClC7D,IAAAA,MAAM,EAAE2E,UAAW;AACnB1E,IAAAA,SAAS,EAAE2E,aAAc;IACzByB,cAAc,EAAE,SAAAA,cAAA,GAAA;AAAA,MAAA,OAAMpB,uBAAuB,CAAClE,MAAM,CAACW,UAAU,CAAC,CAAC,CAAA;AAAA,KAAA;GAC7DxB,EAAAA,IAAI,CACX,CAAC,eACFmF,KAAA,CAAAC,aAAA,CAACgB,6BAAgB,EAAA;AAACnH,IAAAA,GAAG,EAAE6C,cAAAA;GAAiB5C,EAAAA,KAAwB,CACtD,CACjB,EACAQ,SAAS,iBAAIyF,KAAA,CAAAC,aAAA,CAACO,2BAAc,EAAA;IAACL,SAAS,EAAEhD,0BAAO,CAAC5C,SAAAA;GAAYA,EAAAA,SAA0B,CAC9E,CACH,CAAC,CAAA;AAEvB,CACJ;;;;"}
+{"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/cjs/components/NumberInput/variations/_segmentation/base.js

@@ -1,4 +1,4 @@
-import './base_1jt83uh.css';
+import './base_3r9a58.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/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/cjs/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/cjs/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/cjs/components/Slider/Slider.js

@@ -4,13 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
+var index = require('../../utils/index.js');
 var base = require('./variations/_view/base.js');
 var base$1 = require('./variations/_size/base.js');
 var base$2 = require('./variations/_disabled/base.js');
+var Slider_tokens = require('./Slider.tokens.js');
 var Single = require('./components/Single/Single.js');
 var DoubleUncontrolled = require('./components/DoubleUncontrolled/DoubleUncontrolled.js');
 
 var _excluded = ["type"];
+
 // TODO: проверить, можно ли обойтись без каста типов
 
 var isSingleValueProps = function isSingleValueProps(props, type) {
@@ -24,9 +27,15 @@ var sliderRoot = function sliderRoot(Root) {
     var _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'single' : _ref$type,
       props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-    return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({}, props, {
+    if (isSingleValueProps(props, type)) {
+      return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({}, props, {
+        className: index.cx(props.orientation === 'vertical' && Slider_tokens.classes.verticalOrientation, props.className),
+        ref: ref
+      }), /*#__PURE__*/React.createElement(Single.SingleSlider, props));
+    }
+    return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
       ref: ref
-    }), isSingleValueProps(props, type) && /*#__PURE__*/React.createElement(Single.SingleSlider, props), isDoubleValueProps(props, type) && /*#__PURE__*/React.createElement(DoubleUncontrolled.DoubleUncontrolled, props));
+    }, props), isDoubleValueProps(props, type) && /*#__PURE__*/React.createElement(DoubleUncontrolled.DoubleUncontrolled, props));
   });
 };
 var sliderConfig = {

package/cjs/components/Slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootPropsOmitOnChangeAndDefaultValue } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { SingleSlider, DoubleUncontrolled } from './components';\nimport type { SingleSliderProps, DoubleUncontrolledProps } from './components';\nimport { SliderProps } from './Slider.types';\n\n// TODO: проверить, можно ли обойтись без каста типов\n\nconst isSingleValueProps = (props: SliderProps, type: string): props is SingleSliderProps =>\n    typeof props.value === 'number' || (type === 'single' && typeof props.value !== 'object');\n\nconst isDoubleValueProps = (props: SliderProps, type: string): props is DoubleUncontrolledProps =>\n    typeof props.value === 'object' || type === 'double';\n\nexport const sliderRoot = (Root: RootPropsOmitOnChangeAndDefaultValue<HTMLDivElement, SliderProps>) =>\n    forwardRef<HTMLDivElement, SliderProps>(({ type = 'single', ...props }, ref) => {\n        return (\n            <Root {...props} ref={ref}>\n                {isSingleValueProps(props, type) && <SingleSlider {...props} />}\n                {isDoubleValueProps(props, type) && <DoubleUncontrolled {...props} />}\n            </Root>\n        );\n    });\n\nexport const sliderConfig = {\n    name: 'Slider',\n    tag: 'div',\n    layout: sliderRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["isSingleValueProps","props","type","value","_typeof","isDoubleValueProps","sliderRoot","Root","forwardRef","_ref","ref","_ref$type","_objectWithoutProperties","_excluded","React","createElement","_extends","SingleSlider","DoubleUncontrolled","sliderConfig","name","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","disabled","disabledCSS","attrs","defaults"],"mappings":";;;;;;;;;;;;;AAWA;;AAEA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAAkB,EAAEC,IAAY,EAAA;AAAA,EAAA,OACxD,OAAOD,KAAK,CAACE,KAAK,KAAK,QAAQ,IAAKD,IAAI,KAAK,QAAQ,IAAIE,gCAAA,CAAOH,KAAK,CAACE,KAAK,MAAK,QAAS,CAAA;AAAA,CAAA,CAAA;AAE7F,IAAME,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIJ,KAAkB,EAAEC,IAAY,EAAA;EAAA,OACxDE,gCAAA,CAAOH,KAAK,CAACE,KAAK,MAAK,QAAQ,IAAID,IAAI,KAAK,QAAQ,CAAA;AAAA,CAAA,CAAA;IAE3CI,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAuE,EAAA;AAAA,EAAA,oBAC9FC,gBAAU,CAA8B,UAAAC,IAAA,EAAgCC,GAAG,EAAK;AAAA,IAAA,IAAAC,SAAA,GAAAF,IAAA,CAArCP,IAAI;AAAJA,MAAAA,IAAI,GAAAS,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;AAAKV,MAAAA,KAAK,GAAAW,iDAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;IAChE,oBACIC,KAAA,CAAAC,aAAA,CAACR,IAAI,EAAAS,iCAAA,KAAKf,KAAK,EAAA;AAAES,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,CAAA,EACrBV,kBAAkB,CAACC,KAAK,EAAEC,IAAI,CAAC,iBAAIY,KAAA,CAAAC,aAAA,CAACE,mBAAY,EAAKhB,KAAQ,CAAC,EAC9DI,kBAAkB,CAACJ,KAAK,EAAEC,IAAI,CAAC,iBAAIY,KAAA,CAAAC,aAAA,CAACG,qCAAkB,EAAKjB,KAAQ,CAClE,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMkB,YAAY,GAAG;AACxBC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEhB,UAAU;AAClBiB,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,WAAAA;KACR;AACDC,IAAAA,QAAQ,EAAE;AACNJ,MAAAA,GAAG,EAAEK,WAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNR,IAAAA,IAAI,EAAE,SAAS;AACfG,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}
+{"version":3,"file":"Slider.js","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootPropsOmitOnChangeAndDefaultValue } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { SingleSlider, DoubleUncontrolled } from './components';\nimport type { SingleSliderProps, DoubleUncontrolledProps } from './components';\nimport { SliderProps } from './Slider.types';\nimport { classes } from './Slider.tokens';\n\n// TODO: проверить, можно ли обойтись без каста типов\n\nconst isSingleValueProps = (props: SliderProps, type: string): props is SingleSliderProps =>\n    typeof props.value === 'number' || (type === 'single' && typeof props.value !== 'object');\n\nconst isDoubleValueProps = (props: SliderProps, type: string): props is DoubleUncontrolledProps =>\n    typeof props.value === 'object' || type === 'double';\n\nexport const sliderRoot = (Root: RootPropsOmitOnChangeAndDefaultValue<HTMLDivElement, SliderProps>) =>\n    forwardRef<HTMLDivElement, SliderProps>(({ type = 'single', ...props }, ref) => {\n        if (isSingleValueProps(props, type)) {\n            return (\n                <Root\n                    {...props}\n                    className={cx(props.orientation === 'vertical' && classes.verticalOrientation, props.className)}\n                    ref={ref}\n                >\n                    <SingleSlider {...props} />\n                </Root>\n            );\n        }\n\n        return (\n            <Root ref={ref} {...props}>\n                {isDoubleValueProps(props, type) && <DoubleUncontrolled {...props} />}\n            </Root>\n        );\n    });\n\nexport const sliderConfig = {\n    name: 'Slider',\n    tag: 'div',\n    layout: sliderRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["isSingleValueProps","props","type","value","_typeof","isDoubleValueProps","sliderRoot","Root","forwardRef","_ref","ref","_ref$type","_objectWithoutProperties","_excluded","React","createElement","_extends","className","cx","orientation","classes","verticalOrientation","SingleSlider","DoubleUncontrolled","sliderConfig","name","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","disabled","disabledCSS","attrs","defaults"],"mappings":";;;;;;;;;;;;;;;;AAaA;;AAEA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAAkB,EAAEC,IAAY,EAAA;AAAA,EAAA,OACxD,OAAOD,KAAK,CAACE,KAAK,KAAK,QAAQ,IAAKD,IAAI,KAAK,QAAQ,IAAIE,gCAAA,CAAOH,KAAK,CAACE,KAAK,MAAK,QAAS,CAAA;AAAA,CAAA,CAAA;AAE7F,IAAME,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIJ,KAAkB,EAAEC,IAAY,EAAA;EAAA,OACxDE,gCAAA,CAAOH,KAAK,CAACE,KAAK,MAAK,QAAQ,IAAID,IAAI,KAAK,QAAQ,CAAA;AAAA,CAAA,CAAA;IAE3CI,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAuE,EAAA;AAAA,EAAA,oBAC9FC,gBAAU,CAA8B,UAAAC,IAAA,EAAgCC,GAAG,EAAK;AAAA,IAAA,IAAAC,SAAA,GAAAF,IAAA,CAArCP,IAAI;AAAJA,MAAAA,IAAI,GAAAS,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;AAAKV,MAAAA,KAAK,GAAAW,iDAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;AAChE,IAAA,IAAIb,kBAAkB,CAACC,KAAK,EAAEC,IAAI,CAAC,EAAE;MACjC,oBACIY,KAAA,CAAAC,aAAA,CAACR,IAAI,EAAAS,iCAAA,KACGf,KAAK,EAAA;AACTgB,QAAAA,SAAS,EAAEC,QAAE,CAACjB,KAAK,CAACkB,WAAW,KAAK,UAAU,IAAIC,qBAAO,CAACC,mBAAmB,EAAEpB,KAAK,CAACgB,SAAS,CAAE;AAChGP,QAAAA,GAAG,EAAEA,GAAAA;OAELI,CAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACO,mBAAY,EAAKrB,KAAQ,CACxB,CAAC,CAAA;AAEf,KAAA;AAEA,IAAA,oBACIa,KAAA,CAAAC,aAAA,CAACR,IAAI,EAAAS,iCAAA,CAAA;AAACN,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,EAAKT,KAAK,CACpBI,EAAAA,kBAAkB,CAACJ,KAAK,EAAEC,IAAI,CAAC,iBAAIY,KAAA,CAAAC,aAAA,CAACQ,qCAAkB,EAAKtB,KAAQ,CAClE,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMuB,YAAY,GAAG;AACxBC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAErB,UAAU;AAClBsB,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,WAAAA;KACR;AACDC,IAAAA,QAAQ,EAAE;AACNJ,MAAAA,GAAG,EAAEK,WAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNR,IAAAA,IAAI,EAAE,SAAS;AACfG,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}

package/cjs/components/Slider/Slider.tokens.js

@@ -5,6 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var classes = {
   labelPlacementOuter: 'slider-label-placement-outer',
   labelPlacementInner: 'slider-label-placement-inner',
+  labelPlacementBottom: 'slider-label-placement-bottom',
+  labelAlignLeft: 'slider-label-align-left',
+  labelAlignCenter: 'slider-label-align-center',
+  labelAlignRight: 'slider-label-align-right',
+  labelAlignNone: 'slider-label-align-none',
+  labelContentReversed: 'slider-label-content-reversed',
   rangeValuesPlacementOuter: 'slider-range-values-placement-outer',
   rangeValuesPlacementInner: 'slider-range-values-placement-inner',
   maxRangeValue: 'slider-max-range-value',
@@ -13,13 +19,17 @@ var classes = {
   textFieldActive: 'slider-text-field-active',
   firstTextField: 'slider-first-text-field',
   secondTextField: 'slider-second-text-field',
-  activeRangeValue: 'slider-active-range-value'
+  activeRangeValue: 'slider-active-range-value',
+  verticalOrientation: 'slider-vertical-orientation',
+  valuePlacementLeft: 'slider-value-placement-left',
+  reversed: 'slider-reversed'
 };
 var tokens = {
-  height: '--plasma-slider-height',
+  size: '--plasma-slider-size',
   labelWrapperGap: '--plasma-slider-label-wrapper-gap',
   labelWrapperMarginBottom: '--plasma-slider-label-wrapper-margin-bottom',
   labelWrapperMarginRight: '--plasma-slider-label-wrapper-margin-right',
+  labelWrapperVerticalMargin: '--plasma-slider-label-wrapper-vertical-margin',
   labelColor: '--plasma-slider-label-color',
   labelFontFamily: '--plasma-slider-label-font-family',
   labelFontSize: '--plasma-slider-label-font-size',
@@ -27,31 +37,27 @@ var tokens = {
   labelFontWeight: '--plasma-slider-label-font-weight',
   labelLetterSpacing: '--plasma-slider-label-letter-spacing',
   labelLineHeight: '--plasma-slider-label-line-height',
-  rangeMinValueMargin: '--plasma-slider-range-min-value-margin',
-  rangeMaxValueMargin: '--plasma-slider-range-max-value-margin',
   rangeValueBottomOffset: '--plasma-slider-range-value-bottom-offset',
+  rangeValueHorizontalMargin: '--plasma-slider-range-value-horizontal-margin',
+  rangeValueHorizontalOffset: '--plasma-slider-range-value-horizontal-offset',
+  rangeValueVerticalMargin: '--plasma-slider-range-value-vertical-margin',
   rangeValueColor: '--plasma-slider-range-value-color',
-  rangeValueFontFamily: '--plasma-slider-range-value-font-family',
-  rangeValueFontSize: '--plasma-slider-range-value-font-size',
-  rangeValueFontStyle: '--plasma-slider-range-value-font-style',
-  rangeValueFontWeight: '--plasma-slider-range-value-font-weight',
-  rangeValueLetterSpacing: '--plasma-slider-range-value-letter-spacing',
-  rangeValueLineHeight: '--plasma-slider-range-value-line-height',
+  valueFontFamily: '--plasma-slider-value-font-family',
+  valueFontSize: '--plasma-slider-value-font-size',
+  valueFontStyle: '--plasma-slider-value-font-style',
+  valueFontWeight: '--plasma-slider-value-font-weight',
+  valueLetterSpacing: '--plasma-slider-value-letter-spacing',
+  valueLineHeight: '--plasma-slider-value-line-height',
   doubleWrapperGap: '--plasma-slider-double-wrapper-gap',
   thumbSize: '--plasma-slider-thumb-size',
+  thumbSizeLarge: '--plasma-slider-thumb-size-large',
   thumbBorder: '--plasma-slider-thumb-border',
   thumbBorderColor: '--plasma-slider-thumb-border-color',
   thumbBackgroundColor: '--plasma-slider-thumb-background-color',
   thumbFocusBorderColor: '--plasma-slider-thumb-focus-border-color',
   currentValueTopOffset: '--plasma-slider-current-value-top-offset',
-  currentValueFontFamily: '--plasma-slider-current-value-font-family',
-  currentValueFontSize: '--plasma-slider-current-value-font-size',
-  currentValueFontStyle: '--plasma-slider-current-value-font-style',
-  currentValueFontWeight: '--plasma-slider-current-value-font-weight',
-  currentValueLetterSpacing: '--plasma-slider-current-value-letter-spacing',
-  currentValueLineHeight: '--plasma-slider-current-value-line-height',
   railBackgroundColor: '--plasma-slider-rail-background-color',
-  railHeight: '--plasma-slider-rail-height',
+  railThickness: '--plasma-slider-rail-thickness',
   railBorderRadius: '--plasma-slider-rail-border-radius',
   railIndent: '--plasma-slider-rail-indent',
   fillColor: '--plasma-slider-fill-color',

package/cjs/components/Slider/Slider.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.tokens.js","sources":["../../../src/components/Slider/Slider.tokens.ts"],"sourcesContent":["export const classes = {\n    labelPlacementOuter: 'slider-label-placement-outer',\n    labelPlacementInner: 'slider-label-placement-inner',\n    rangeValuesPlacementOuter: 'slider-range-values-placement-outer',\n    rangeValuesPlacementInner: 'slider-range-values-placement-inner',\n    maxRangeValue: 'slider-max-range-value',\n    hideMinValue: 'slider-hide-min-value',\n    hideMaxValue: 'slider-hide-max-value',\n    textFieldActive: 'slider-text-field-active',\n    firstTextField: 'slider-first-text-field',\n    secondTextField: 'slider-second-text-field',\n    activeRangeValue: 'slider-active-range-value',\n};\n\nexport const tokens = {\n    height: '--plasma-slider-height',\n\n    labelWrapperGap: '--plasma-slider-label-wrapper-gap',\n    labelWrapperMarginBottom: '--plasma-slider-label-wrapper-margin-bottom',\n    labelWrapperMarginRight: '--plasma-slider-label-wrapper-margin-right',\n\n    labelColor: '--plasma-slider-label-color',\n    labelFontFamily: '--plasma-slider-label-font-family',\n    labelFontSize: '--plasma-slider-label-font-size',\n    labelFontStyle: '--plasma-slider-label-font-style',\n    labelFontWeight: '--plasma-slider-label-font-weight',\n    labelLetterSpacing: '--plasma-slider-label-letter-spacing',\n    labelLineHeight: '--plasma-slider-label-line-height',\n\n    rangeMinValueMargin: '--plasma-slider-range-min-value-margin',\n    rangeMaxValueMargin: '--plasma-slider-range-max-value-margin',\n    rangeValueBottomOffset: '--plasma-slider-range-value-bottom-offset',\n\n    rangeValueColor: '--plasma-slider-range-value-color',\n    rangeValueFontFamily: '--plasma-slider-range-value-font-family',\n    rangeValueFontSize: '--plasma-slider-range-value-font-size',\n    rangeValueFontStyle: '--plasma-slider-range-value-font-style',\n    rangeValueFontWeight: '--plasma-slider-range-value-font-weight',\n    rangeValueLetterSpacing: '--plasma-slider-range-value-letter-spacing',\n    rangeValueLineHeight: '--plasma-slider-range-value-line-height',\n\n    doubleWrapperGap: '--plasma-slider-double-wrapper-gap',\n\n    thumbSize: '--plasma-slider-thumb-size',\n    thumbBorder: '--plasma-slider-thumb-border',\n    thumbBorderColor: '--plasma-slider-thumb-border-color',\n    thumbBackgroundColor: '--plasma-slider-thumb-background-color',\n\n    thumbFocusBorderColor: '--plasma-slider-thumb-focus-border-color',\n\n    currentValueTopOffset: '--plasma-slider-current-value-top-offset',\n\n    currentValueFontFamily: '--plasma-slider-current-value-font-family',\n    currentValueFontSize: '--plasma-slider-current-value-font-size',\n    currentValueFontStyle: '--plasma-slider-current-value-font-style',\n    currentValueFontWeight: '--plasma-slider-current-value-font-weight',\n    currentValueLetterSpacing: '--plasma-slider-current-value-letter-spacing',\n    currentValueLineHeight: '--plasma-slider-current-value-line-height',\n\n    railBackgroundColor: '--plasma-slider-rail-background-color',\n    railHeight: '--plasma-slider-rail-height',\n    railBorderRadius: '--plasma-slider-rail-border-radius',\n    railIndent: '--plasma-slider-rail-indent',\n\n    fillColor: '--plasma-slider-fill-color',\n\n    textFieldWrapperGap: '--plasma-slider-text-field-wrapper-gap',\n\n    textFieldFontFamily: '--plasma-slider-text-field-font-family',\n    textFieldFontSize: '--plasma-slider-text-field-font-size',\n    textFieldFontStyle: '--plasma-slider-text-field-font-style',\n    textFieldFontWeight: '--plasma-slider-text-field-font-weight',\n    textFieldLetterSpacing: '--plasma-slider-text-field-letter-spacing',\n    textFieldLineHeight: '--plasma-slider-text-field-line-height',\n\n    textFieldHeight: '--plasma-slider-text-field-height',\n    textFieldPadding: '--plasma-slider-text-field-padding',\n    textFieldBorderRadius: '--plasma-slider-text-field-border-radius',\n\n    textFieldColor: '--plasma-slider-text-field-color',\n    textFieldActiveColor: '--plasma-slider-text-field-active-color',\n    textFieldBackgroundColor: '--plasma-slider-text-field-background-color',\n    textFieldCaretColor: '--plasma-slider-text-field-caret-color',\n    textFieldPlaceholderColor: '--plasma-slider-text-field-placeholder-color',\n    textFiledFocusColor: '--plasma-slider-text-field-focus-color',\n\n    disabledOpacity: '--plasma-slider-disabled-opacity',\n};\n"],"names":["classes","labelPlacementOuter","labelPlacementInner","rangeValuesPlacementOuter","rangeValuesPlacementInner","maxRangeValue","hideMinValue","hideMaxValue","textFieldActive","firstTextField","secondTextField","activeRangeValue","tokens","height","labelWrapperGap","labelWrapperMarginBottom","labelWrapperMarginRight","labelColor","labelFontFamily","labelFontSize","labelFontStyle","labelFontWeight","labelLetterSpacing","labelLineHeight","rangeMinValueMargin","rangeMaxValueMargin","rangeValueBottomOffset","rangeValueColor","rangeValueFontFamily","rangeValueFontSize","rangeValueFontStyle","rangeValueFontWeight","rangeValueLetterSpacing","rangeValueLineHeight","doubleWrapperGap","thumbSize","thumbBorder","thumbBorderColor","thumbBackgroundColor","thumbFocusBorderColor","currentValueTopOffset","currentValueFontFamily","currentValueFontSize","currentValueFontStyle","currentValueFontWeight","currentValueLetterSpacing","currentValueLineHeight","railBackgroundColor","railHeight","railBorderRadius","railIndent","fillColor","textFieldWrapperGap","textFieldFontFamily","textFieldFontSize","textFieldFontStyle","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldHeight","textFieldPadding","textFieldBorderRadius","textFieldColor","textFieldActiveColor","textFieldBackgroundColor","textFieldCaretColor","textFieldPlaceholderColor","textFiledFocusColor","disabledOpacity"],"mappings":"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"}
+{"version":3,"file":"Slider.tokens.js","sources":["../../../src/components/Slider/Slider.tokens.ts"],"sourcesContent":["export const classes = {\n    labelPlacementOuter: 'slider-label-placement-outer',\n    labelPlacementInner: 'slider-label-placement-inner',\n    labelPlacementBottom: 'slider-label-placement-bottom',\n    labelAlignLeft: 'slider-label-align-left',\n    labelAlignCenter: 'slider-label-align-center',\n    labelAlignRight: 'slider-label-align-right',\n    labelAlignNone: 'slider-label-align-none',\n    labelContentReversed: 'slider-label-content-reversed',\n    rangeValuesPlacementOuter: 'slider-range-values-placement-outer',\n    rangeValuesPlacementInner: 'slider-range-values-placement-inner',\n    maxRangeValue: 'slider-max-range-value',\n    hideMinValue: 'slider-hide-min-value',\n    hideMaxValue: 'slider-hide-max-value',\n    textFieldActive: 'slider-text-field-active',\n    firstTextField: 'slider-first-text-field',\n    secondTextField: 'slider-second-text-field',\n    activeRangeValue: 'slider-active-range-value',\n    verticalOrientation: 'slider-vertical-orientation',\n    valuePlacementLeft: 'slider-value-placement-left',\n    reversed: 'slider-reversed',\n};\n\nexport const tokens = {\n    size: '--plasma-slider-size',\n\n    labelWrapperGap: '--plasma-slider-label-wrapper-gap',\n    labelWrapperMarginBottom: '--plasma-slider-label-wrapper-margin-bottom',\n    labelWrapperMarginRight: '--plasma-slider-label-wrapper-margin-right',\n    labelWrapperVerticalMargin: '--plasma-slider-label-wrapper-vertical-margin',\n\n    labelColor: '--plasma-slider-label-color',\n    labelFontFamily: '--plasma-slider-label-font-family',\n    labelFontSize: '--plasma-slider-label-font-size',\n    labelFontStyle: '--plasma-slider-label-font-style',\n    labelFontWeight: '--plasma-slider-label-font-weight',\n    labelLetterSpacing: '--plasma-slider-label-letter-spacing',\n    labelLineHeight: '--plasma-slider-label-line-height',\n\n    rangeValueBottomOffset: '--plasma-slider-range-value-bottom-offset',\n    rangeValueHorizontalMargin: '--plasma-slider-range-value-horizontal-margin',\n    rangeValueHorizontalOffset: '--plasma-slider-range-value-horizontal-offset',\n    rangeValueVerticalMargin: '--plasma-slider-range-value-vertical-margin',\n\n    rangeValueColor: '--plasma-slider-range-value-color',\n    valueFontFamily: '--plasma-slider-value-font-family',\n    valueFontSize: '--plasma-slider-value-font-size',\n    valueFontStyle: '--plasma-slider-value-font-style',\n    valueFontWeight: '--plasma-slider-value-font-weight',\n    valueLetterSpacing: '--plasma-slider-value-letter-spacing',\n    valueLineHeight: '--plasma-slider-value-line-height',\n\n    doubleWrapperGap: '--plasma-slider-double-wrapper-gap',\n\n    thumbSize: '--plasma-slider-thumb-size',\n    thumbSizeLarge: '--plasma-slider-thumb-size-large',\n    thumbBorder: '--plasma-slider-thumb-border',\n    thumbBorderColor: '--plasma-slider-thumb-border-color',\n    thumbBackgroundColor: '--plasma-slider-thumb-background-color',\n\n    thumbFocusBorderColor: '--plasma-slider-thumb-focus-border-color',\n\n    currentValueTopOffset: '--plasma-slider-current-value-top-offset',\n\n    railBackgroundColor: '--plasma-slider-rail-background-color',\n    railThickness: '--plasma-slider-rail-thickness',\n    railBorderRadius: '--plasma-slider-rail-border-radius',\n    railIndent: '--plasma-slider-rail-indent',\n\n    fillColor: '--plasma-slider-fill-color',\n\n    textFieldWrapperGap: '--plasma-slider-text-field-wrapper-gap',\n\n    textFieldFontFamily: '--plasma-slider-text-field-font-family',\n    textFieldFontSize: '--plasma-slider-text-field-font-size',\n    textFieldFontStyle: '--plasma-slider-text-field-font-style',\n    textFieldFontWeight: '--plasma-slider-text-field-font-weight',\n    textFieldLetterSpacing: '--plasma-slider-text-field-letter-spacing',\n    textFieldLineHeight: '--plasma-slider-text-field-line-height',\n\n    textFieldHeight: '--plasma-slider-text-field-height',\n    textFieldPadding: '--plasma-slider-text-field-padding',\n    textFieldBorderRadius: '--plasma-slider-text-field-border-radius',\n\n    textFieldColor: '--plasma-slider-text-field-color',\n    textFieldActiveColor: '--plasma-slider-text-field-active-color',\n    textFieldBackgroundColor: '--plasma-slider-text-field-background-color',\n    textFieldCaretColor: '--plasma-slider-text-field-caret-color',\n    textFieldPlaceholderColor: '--plasma-slider-text-field-placeholder-color',\n    textFiledFocusColor: '--plasma-slider-text-field-focus-color',\n\n    disabledOpacity: '--plasma-slider-disabled-opacity',\n};\n"],"names":["classes","labelPlacementOuter","labelPlacementInner","labelPlacementBottom","labelAlignLeft","labelAlignCenter","labelAlignRight","labelAlignNone","labelContentReversed","rangeValuesPlacementOuter","rangeValuesPlacementInner","maxRangeValue","hideMinValue","hideMaxValue","textFieldActive","firstTextField","secondTextField","activeRangeValue","verticalOrientation","valuePlacementLeft","reversed","tokens","size","labelWrapperGap","labelWrapperMarginBottom","labelWrapperMarginRight","labelWrapperVerticalMargin","labelColor","labelFontFamily","labelFontSize","labelFontStyle","labelFontWeight","labelLetterSpacing","labelLineHeight","rangeValueBottomOffset","rangeValueHorizontalMargin","rangeValueHorizontalOffset","rangeValueVerticalMargin","rangeValueColor","valueFontFamily","valueFontSize","valueFontStyle","valueFontWeight","valueLetterSpacing","valueLineHeight","doubleWrapperGap","thumbSize","thumbSizeLarge","thumbBorder","thumbBorderColor","thumbBackgroundColor","thumbFocusBorderColor","currentValueTopOffset","railBackgroundColor","railThickness","railBorderRadius","railIndent","fillColor","textFieldWrapperGap","textFieldFontFamily","textFieldFontSize","textFieldFontStyle","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldHeight","textFieldPadding","textFieldBorderRadius","textFieldColor","textFieldActiveColor","textFieldBackgroundColor","textFieldCaretColor","textFieldPlaceholderColor","textFiledFocusColor","disabledOpacity"],"mappings":"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"}