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

package/styled-components/es/components/NumberInput/variations/_background-type/tokens.json

@@ -0,0 +1,6 @@
+[
+    "--plasma-number-input_background-color",
+    "--plasma-number-input_background-color-hover",
+    "--plasma-number-input_border-color",
+    "--plasma-number-input_border-color-hover"
+]

package/styled-components/es/components/NumberInput/variations/_disabled/base.js

@@ -0,0 +1,3 @@
+import { css } from 'styled-components';
+import { classes, tokens } from '../../NumberInput.tokens';
+export var base = /*#__PURE__*/css(["&&.", "{pointer-events:none;opacity:var(", ");cursor:not-allowed;}"], classes.disabled, tokens.disabledOpacity);

package/styled-components/es/components/NumberInput/variations/_disabled/tokens.json

@@ -0,0 +1,4 @@
+{
+    "type": "boolean",
+    "tokens": ["--plasma-number-input_disabled-opacity"]
+}

package/styled-components/es/components/NumberInput/variations/_segmentation/base.js

@@ -0,0 +1,6 @@
+import { css } from 'styled-components';
+import { classes, privateTokens, tokens } from '../../NumberInput.tokens';
+import { StyledIconButton } from '../../ui/ActionButton/ActionButton.styles';
+import { AdditionalText, Input, InputWrapper, StyledSpinner } from '../../ui/Input/Input.styles';
+import { spinnerTokens } from '../../../Spinner';
+export var base = /*#__PURE__*/css(["", "{border-radius:var(", ");}", "{", ":var(", ");&.", ",&.", "{", ":var(", ",var(", "));}&.", "{border-radius:var(", ") var(", ") var(", ") var(", ");}&.", "{border-radius:var(", ") var(", ") var(", ") var(", ");}}&.", "{", "{border-radius:var(", ");}}&.", "{position:relative;&:before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:calc(100% - var(", ") * 2);height:100%;background:var(", ");}", "{position:relative;color:var(", ");&:not(", ").", ":focus-within{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}}", "{:hover,:active{background-color:var(", ");color:var(", ");}&.", ",&.", "{opacity:1;svg{opacity:var(", ");}:hover,:active{color:var(", ");svg{opacity:var(", ");}}}}&.", "{", "{&.", ",&.", "{:hover,:active{background-color:transparent;}}}}", "{", ":var(", ");}", "{caret-color:var(", ",var(", "));&:not(.", "){color:var(", ");}}", "{color:var(", ");}}"], InputWrapper, tokens.inputWrapperBorderRadius, StyledIconButton, privateTokens.segmentationBorderRadius, tokens.iconButtonRadius, classes.segmentedView, classes.solidView, privateTokens.segmentationBorderRadius, tokens.iconButtonSegmentationRadius, tokens.iconButtonRadius, classes.actionButtonDecrement, tokens.iconButtonRadius, privateTokens.segmentationBorderRadius, privateTokens.segmentationBorderRadius, tokens.iconButtonRadius, classes.actionButtonIncrement, privateTokens.segmentationBorderRadius, tokens.iconButtonRadius, tokens.iconButtonRadius, privateTokens.segmentationBorderRadius, classes.segmentedView, InputWrapper, tokens.iconButtonSegmentationRadius, classes.solidView, tokens.iconButtonWidth, tokens.backgroundColorSolid, InputWrapper, tokens.colorSolid, classes.errorAnimation, classes.manualInput, tokens.backgroundColorSolidFocus, tokens.inputWrapperBorderWidth, tokens.borderColorSolidFocus, StyledIconButton, tokens.iconButtonBackgroundColor, tokens.iconButtonColorSolidHover, classes.actionButtonDecrementDisabled, classes.actionButtonIncrementDisabled, tokens.actionButtonDisabledOpacity, tokens.iconButtonColor, tokens.actionButtonDisabledOpacity, classes.clearView, StyledIconButton, classes.actionButtonDecrementDisabled, classes.actionButtonIncrementDisabled, StyledSpinner, spinnerTokens.color, tokens.loaderSpinnerColorSolid, Input, tokens.caretColorSolid, tokens.caretColor, classes.errorAnimation, tokens.colorSolid, AdditionalText, tokens.additionalTextColorSolid);

package/styled-components/es/components/NumberInput/variations/_segmentation/tokens.json

@@ -0,0 +1 @@
+["--plasma-number-input_icon-button_segmentation_radius", "--plasma-number-input_background-color-solid"]

package/styled-components/es/components/NumberInput/variations/_shape/base.js

@@ -0,0 +1,5 @@
+import { css } from 'styled-components';
+import { tokens } from '../../NumberInput.tokens';
+import { iconButtonTokens } from '../../../IconButton';
+import { StyledIconButton } from '../../ui/ActionButton/ActionButton.styles';
+export var base = /*#__PURE__*/css(["", "{", ":var(", ");}"], StyledIconButton, iconButtonTokens.iconButtonRadius, tokens.iconButtonRadius);

package/styled-components/es/components/NumberInput/variations/_shape/tokens.json

@@ -0,0 +1 @@
+["--plasma-number-input_icon-button_radius"]

package/styled-components/es/components/NumberInput/variations/_size/base.js

@@ -0,0 +1,7 @@
+import { css } from 'styled-components';
+import { classes, privateTokens, tokens } from '../../NumberInput.tokens';
+import { iconButtonTokens } from '../../../IconButton';
+import { StyledIconButton } from '../../ui/ActionButton/ActionButton.styles';
+import { AdditionalText, DynamicInput, Input, InputWrapper, StyledSpinner, TextWrapper } from '../../ui/Input/Input.styles';
+import { spinnerTokens } from '../../../Spinner';
+export var base = /*#__PURE__*/css(["width:var(", ");min-width:var(", ");", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}", "{margin:var(", ");}", "{height:var(", ");padding:var(", ");}", ",", ",", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{&.", "{margin-right:var(", ");}&.", "{margin-left:var(", ");}}", "{", ":var(", ");}"], privateTokens.inputWidth, tokens.rootMinWidth, StyledIconButton, iconButtonTokens.iconButtonHeight, tokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, tokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, tokens.iconButtonPadding, iconButtonTokens.iconButtonFontFamily, tokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, tokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, tokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, tokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, tokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, tokens.iconButtonLineHeight, InputWrapper, tokens.inputWrapperMargin, TextWrapper, tokens.textWrapperHeight, tokens.textWrapperPadding, DynamicInput, Input, AdditionalText, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, AdditionalText, classes.textBefore, tokens.textBeforeMarginRight, classes.textAfter, tokens.textAfterMarginLeft, StyledSpinner, spinnerTokens.size, tokens.loaderSpinnerSize);

package/styled-components/es/components/NumberInput/variations/_size/tokens.json

@@ -0,0 +1,22 @@
+[
+    "--plasma-number-input_icon-button_height",
+    "--plasma-number-input_icon-button_width",
+    "--plasma-number-input_icon-button_padding",
+    "--plasma-number-input_icon-button_font-family",
+    "--plasma-number-input_icon-button_font-size",
+    "--plasma-number-input_icon-button_font-style",
+    "--plasma-number-input_icon-button_font-weight",
+    "--plasma-number-input_icon-button_letter-spacing",
+    "--plasma-number-input_icon-button_line-height",
+    "--plasma-number-input_font-family",
+    "--plasma-number-input_font-style",
+    "--plasma-number-input_font-size",
+    "--plasma-number-input_font-weight",
+    "--plasma-number-input_letter-spacing",
+    "--plasma-number-input_line-height",
+    "--plasma-number-input_text-wrapper_height",
+    "--plasma-number-input_text-wrapper_padding",
+    "--plasma-number-input_loader-spinner_size",
+    "--plasma-number-input_text-before_margin-right",
+    "--plasma-number-input_text-after_margin-left"
+]

package/styled-components/es/components/NumberInput/variations/_view/base.js

@@ -0,0 +1,7 @@
+import { css } from 'styled-components';
+import { classes, tokens } from '../../NumberInput.tokens';
+import { iconButtonTokens } from '../../../IconButton';
+import { StyledIconButton } from '../../ui/ActionButton/ActionButton.styles';
+import { AdditionalText, Input, InputWrapper, StyledSpinner } from '../../ui/Input/Input.styles';
+import { spinnerTokens } from '../../../Spinner';
+export var base = /*#__PURE__*/css(["", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", ",&.", "{opacity:var(", ");cursor:not-allowed;:hover,:active{scale:none;color:var(", ");background-color:var(", ");}}}&& ", "{&.", ":focus-within{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}&.", ".", "{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");animation:shakingError 0.5s forwards;", "{color:var(", ");animation:fadeError 0.5s forwards;}&:focus-within{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}}@keyframes shakingError{12.5%{transform:translateX(0.188rem);}25%{transform:translateX(-0.188rem);}37.5%{transform:translateX(0.188rem);}50%{transform:translateX(-0.188rem);}62.5%{transform:translateX(0.188rem);}75%{transform:translateX(-0.188rem);}87.5%{transform:translateX(0.188rem);}100%{transform:translateX(-0.188rem);}}@keyframes fadeError{50%{opacity:1;}100%{opacity:0;}}}", "{", ":var(", ");}", "{color:var(", ");caret-color:var(", ");}", "{color:var(", ");}"], StyledIconButton, iconButtonTokens.iconButtonColor, tokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, tokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, tokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, tokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, tokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive, tokens.iconButtonBackgroundColorActive, classes.actionButtonDecrementDisabled, classes.actionButtonIncrementDisabled, tokens.actionButtonDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, InputWrapper, classes.manualInput, tokens.backgroundColorFocus, tokens.inputWrapperBorderWidth, tokens.borderColorFocus, classes.manualInput, classes.errorAnimation, tokens.backgroundErrorColor, tokens.inputWrapperBorderWidth, tokens.borderErrorColor, Input, tokens.errorColor, tokens.backgroundErrorColor, tokens.inputWrapperBorderWidth, tokens.borderErrorColor, StyledSpinner, spinnerTokens.color, tokens.loaderSpinnerColor, Input, tokens.color, tokens.caretColor, AdditionalText, tokens.additionalTextColor);

package/styled-components/es/components/NumberInput/variations/_view/tokens.json

@@ -0,0 +1,14 @@
+[
+    "--plasma-number-input_icon-button_color",
+    "--plasma-number-input_icon-button_background-color",
+    "--plasma-number-input_icon-button_color-hover",
+    "--plasma-number-input_icon-button_background-color-hover",
+    "--plasma-number-input_icon-button_color-active",
+    "--plasma-number-input_icon-button_background-color-active",
+    "--plasma-number-input_loader-spinner_color",
+    "--plasma-number-input_color",
+    "--plasma-number-input_additional-text_color",
+    "--plasma-number-input_action-button_disabled-opacity",
+    "--plasma-number-input_background-color-focus",
+    "--plasma-number-input_border-color-focus"
+]

package/styled-components/es/components/Pagination/Pagination.js

@@ -1,3 +1,4 @@
+var _PaginationShorter;
 var _excluded = ["value", "perPage", "slots", "view", "viewCurrentPage", "type", "size", "pilled", "square", "disabledPages", "count", "hasQuickJump", "hasPerPage", "perPageList", "isCommonButtonStyles", "placeholderQuickJump", "textQuickJump", "textPerPage", "leftContent", "rightContent", "listWidth", "onChangePageValue", "onChangePerPageValue"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -131,11 +132,10 @@ export var paginationRoot = function paginationRoot(Root) {
     }, /*#__PURE__*/React.createElement(PaginationPages, null, leftContent && /*#__PURE__*/React.createElement(PaginationButtonGroup, {
       isCommonButtonStyles: isCommonButtonStyles
     }, leftContent), sections && sections.map(function (section, indexSection) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, indexSection !== 0 && /*#__PURE__*/React.createElement(PaginationShorter, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, indexSection !== 0 && (_PaginationShorter || (_PaginationShorter = /*#__PURE__*/React.createElement(PaginationShorter, {
         stretching: "fixed",
-        disabled: true,
-        className: classes.buttonDisabled
-      }, "..."), /*#__PURE__*/React.createElement(PaginationSection, {
+        disabled: true
+      }, "..."))), /*#__PURE__*/React.createElement(PaginationSection, {
         key: indexSection
       }, section.map(function (pageValue) {
         return /*#__PURE__*/React.createElement(PaginationButton, {
@@ -146,7 +146,7 @@ export var paginationRoot = function paginationRoot(Root) {
             return handlerSetPage(pageValue);
           },
           disabled: disabled.includes(pageValue),
-          className: cx(classes.paginationPageButton, isActiveButton(pageValue), disabled.includes(pageValue) ? classes.buttonDisabled : '')
+          className: cx(classes.paginationPageButton, isActiveButton(pageValue))
         }, pageValue);
       })));
     }), rightContent && /*#__PURE__*/React.createElement(PaginationButtonGroup, {

package/styled-components/es/components/Pagination/Pagination.styles.js

@@ -25,7 +25,7 @@ export var PaginationButtonGroup = /*#__PURE__*/styled(ButtonGroup).withConfig({
 })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], buttonGroupTokens.buttonColor, tokens.buttonColor, buttonGroupTokens.buttonBackgroundColor, tokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, tokens.buttonHoverColor, buttonGroupTokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, tokens.buttonActiveColor, buttonGroupTokens.buttonBackgroundColorActive, tokens.buttonBackgroundColorActive, buttonGroupTokens.buttonFontFamily, tokens.paginationFontFamily, buttonGroupTokens.buttonFontSize, tokens.paginationFontSize, buttonGroupTokens.buttonFontStyle, tokens.paginationFontStyle, buttonGroupTokens.buttonFontWeight, tokens.paginationFontWeight, buttonGroupTokens.buttonLetterSpacing, tokens.paginationLetterSpacing, buttonGroupTokens.buttonLineHeight, tokens.paginationLineHeight, buttonGroupTokens.buttonWidth, tokens.buttonWidth, buttonGroupTokens.buttonHeight, tokens.buttonHeight, buttonGroupTokens.buttonDefaultRadius, tokens.buttonRadius, buttonGroupTokens.buttonSideRadius, tokens.buttonRadius, buttonGroupTokens.buttonSegmentedRadius, tokens.buttonRadius, buttonGroupTokens.buttonRadiusCircle, tokens.buttonRadius);
 export var PaginationButton = /*#__PURE__*/styled(Button).withConfig({
   componentId: "plasma-new-hope__sc-13na7gd-5"
-})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ",var(", "));", ":var(", ",var(", "));}:focus{outline:none;}", ""], buttonTokens.buttonColor, tokens.buttonColor, buttonTokens.buttonBackgroundColor, tokens.buttonBackgroundColor, buttonTokens.buttonColorHover, tokens.buttonHoverColor, buttonTokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, tokens.buttonActiveColor, buttonTokens.buttonBackgroundColorActive, tokens.buttonBackgroundColorActive, buttonTokens.buttonFontFamily, tokens.paginationFontFamily, buttonTokens.buttonFontSize, tokens.paginationFontSize, buttonTokens.buttonFontStyle, tokens.paginationFontStyle, buttonTokens.buttonFontWeight, tokens.paginationFontWeight, buttonTokens.buttonLetterSpacing, tokens.paginationLetterSpacing, buttonTokens.buttonLineHeight, tokens.paginationLineHeight, buttonTokens.buttonWidth, tokens.buttonWidth, buttonTokens.buttonHeight, tokens.buttonHeight, buttonTokens.buttonRadius, tokens.buttonRadius, buttonTokens.buttonDisabledOpacity, tokens.buttonDisabledOpacity, buttonTokens.buttonFocusColor, tokens.buttonFocusColor, classes.paginationPageButtonActive, buttonTokens.buttonColor, tokens.paginationCurrentButtonColor, buttonTokens.buttonBackgroundColor, tokens.paginationCurrentButtonBackgroundColor, buttonTokens.buttonColorHover, tokens.paginationCurrentButtonHoverColor, buttonTokens.buttonBackgroundColorHover, tokens.paginationCurrentButtonHoverBackgroundColor, buttonTokens.buttonColorActive, tokens.paginationCurrentButtonActiveColor, buttonTokens.buttonBackgroundColorActive, tokens.paginationCurrentButtonActiveBackgroundColor, classes.buttonDisabled, buttonTokens.buttonColor, tokens.paginationDisabledButtonColor, tokens.buttonColor, buttonTokens.buttonBackgroundColor, tokens.paginationDisabledButtonBackgroundColor, tokens.buttonBackgroundColor, /*#__PURE__*/addFocus({
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}:focus{outline:none;}", ""], buttonTokens.buttonColor, tokens.buttonColor, buttonTokens.buttonBackgroundColor, tokens.buttonBackgroundColor, buttonTokens.buttonColorHover, tokens.buttonHoverColor, buttonTokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, tokens.buttonActiveColor, buttonTokens.buttonBackgroundColorActive, tokens.buttonBackgroundColorActive, buttonTokens.buttonFontFamily, tokens.paginationFontFamily, buttonTokens.buttonFontSize, tokens.paginationFontSize, buttonTokens.buttonFontStyle, tokens.paginationFontStyle, buttonTokens.buttonFontWeight, tokens.paginationFontWeight, buttonTokens.buttonLetterSpacing, tokens.paginationLetterSpacing, buttonTokens.buttonLineHeight, tokens.paginationLineHeight, buttonTokens.buttonWidth, tokens.buttonWidth, buttonTokens.buttonHeight, tokens.buttonHeight, buttonTokens.buttonRadius, tokens.buttonRadius, buttonTokens.buttonDisabledOpacity, tokens.buttonDisabledOpacity, buttonTokens.buttonFocusColor, tokens.buttonFocusColor, classes.paginationPageButtonActive, buttonTokens.buttonColor, tokens.paginationCurrentButtonColor, buttonTokens.buttonBackgroundColor, tokens.paginationCurrentButtonBackgroundColor, buttonTokens.buttonColorHover, tokens.paginationCurrentButtonHoverColor, buttonTokens.buttonBackgroundColorHover, tokens.paginationCurrentButtonHoverBackgroundColor, buttonTokens.buttonColorActive, tokens.paginationCurrentButtonActiveColor, buttonTokens.buttonBackgroundColorActive, tokens.paginationCurrentButtonActiveBackgroundColor, /*#__PURE__*/addFocus({
   outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',
   outlineSize: 'var(--plasma_private-btn-outline-size)',
   outlineRadius: 'var(--plasma_private-btn-br)',

package/styled-components/es/components/Pagination/Pagination.tokens.js

@@ -11,8 +11,7 @@ export var classes = {
   withHasPerPageSelect: 'pagination-has-perpage-select',
   paginationPageButton: 'pagination-page-button',
   paginationPageButtonActive: 'pagination-page-button-active',
-  paginationIconReverse: 'pagination-icon-reverse',
-  buttonDisabled: 'pagination-button-disabled'
+  paginationIconReverse: 'pagination-icon-reverse'
 };
 export var tokens = {
   paginationWidth: '--plasma-pagination-width',
@@ -36,8 +35,6 @@ export var tokens = {
   paginationCurrentButtonHoverColor: '--plasma-pagination-button-current-color-hover',
   paginationCurrentButtonActiveBackgroundColor: '--plasma-pagination-button-current-bg-color-active',
   paginationCurrentButtonActiveColor: '--plasma-pagination--button-current-color-active',
-  paginationDisabledButtonColor: '--plasma-pagination--button-color-disabled',
-  paginationDisabledButtonBackgroundColor: '--plasma-pagination--button-bg-color-disabled',
   buttonDisabledOpacity: '--plasma-pagination-button-disabled-opacity',
   buttonHeight: '--plasma-pagination-button-height',
   buttonWidthShorter: '--plasma-pagination-button-width-shorter',

package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js

@@ -9,7 +9,7 @@ export var SelectPerPageRoot = /*#__PURE__*/styled.div.withConfig({
 })(["display:flex;align-items:center;gap:0.5rem;"]);
 export var SelectPerPageSelect = /*#__PURE__*/styled(Select).withConfig({
   componentId: "plasma-new-hope__sc-1g304l9-1"
-})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":0.125rem;", ":0.125rem;", ":var(", ");", ":calc(var(", ") - 0.125rem);", ":0 0.375rem 0 0;", ":1.5rem;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], selectTokens.targetButtonColor, tokens.buttonColor, selectTokens.targetButtonColorHover, tokens.buttonColorHover, selectTokens.targetButtonColorActive, tokens.buttonColorActive, selectTokens.targetButtonBackgroundColor, tokens.buttonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, tokens.buttonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive, tokens.buttonBackgroundColorActive, selectTokens.targetHeight, tokens.buttonHeight, selectTokens.targetButtonPadding, tokens.selectTargetPadding, selectTokens.borderRadius, tokens.buttonRadius, selectTokens.targetButtonArrowColor, tokens.buttonArrowColor, selectTokens.targetButtonArrowColorHover, tokens.buttonArrowColorHover, selectTokens.targetButtonArrowColorActive, tokens.buttonArrowColorActive, selectTokens.targetButtonArrowMargin, tokens.buttonArrowMargin, selectTokens.padding, selectTokens.focusOffset, selectTokens.itemPadding, tokens.selectItemPadding, selectTokens.itemBorderRadius, tokens.buttonRadius, selectTokens.itemIconMargin, selectTokens.itemIconSize, selectTokens.itemHeight, tokens.selectItemHeight, selectTokens.fontFamily, tokens.paginationFontFamily, selectTokens.fontSize, tokens.paginationFontSize, selectTokens.fontStyle, tokens.paginationFontStyle, selectTokens.fontWeight, tokens.paginationFontWeight, selectTokens.fontLetterSpacing, tokens.paginationLetterSpacing, selectTokens.fontLineHeight, tokens.paginationLineHeight);
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":0.125rem;", ":0.125rem;", ":var(", ");", ":calc(var(", ") - 0.125rem);", ":0 0.375rem 0 0;", ":1.5rem;", ":var(", ");"], selectTokens.targetButtonColor, tokens.buttonColor, selectTokens.targetButtonColorHover, tokens.buttonColorHover, selectTokens.targetButtonColorActive, tokens.buttonColorActive, selectTokens.targetButtonBackgroundColor, tokens.buttonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, tokens.buttonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive, tokens.buttonBackgroundColorActive, selectTokens.targetHeight, tokens.buttonHeight, selectTokens.targetButtonPadding, tokens.selectTargetPadding, selectTokens.borderRadius, tokens.buttonRadius, selectTokens.targetButtonArrowColor, tokens.buttonArrowColor, selectTokens.targetButtonArrowColorHover, tokens.buttonArrowColorHover, selectTokens.targetButtonArrowColorActive, tokens.buttonArrowColorActive, selectTokens.targetButtonArrowMargin, tokens.buttonArrowMargin, selectTokens.padding, selectTokens.focusOffset, selectTokens.itemPadding, tokens.selectItemPadding, selectTokens.itemBorderRadius, tokens.buttonRadius, selectTokens.itemIconMargin, selectTokens.itemIconSize, selectTokens.itemHeight, tokens.selectItemHeight);
 export var SelectPerPageTypography = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-1g304l9-2"
 })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.paginationFontFamily, tokens.paginationFontSize, tokens.paginationFontStyle, tokens.paginationFontWeight, tokens.paginationLetterSpacing, tokens.paginationLineHeight);

package/styled-components/es/components/Slider/Slider.js

@@ -4,13 +4,10 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import React, { forwardRef } from 'react';
-import { cx } from '../../utils';
 import { base as viewCSS } from './variations/_view/base';
 import { base as sizeCSS } from './variations/_size/base';
 import { base as disabledCSS } from './variations/_disabled/base';
 import { SingleSlider, DoubleUncontrolled } from './components';
-import { classes } from './Slider.tokens';
-
 // TODO: проверить, можно ли обойтись без каста типов
 
 var isSingleValueProps = function isSingleValueProps(props, type) {
@@ -24,15 +21,9 @@ export var sliderRoot = function sliderRoot(Root) {
     var _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'single' : _ref$type,
       props = _objectWithoutProperties(_ref, _excluded);
-    if (isSingleValueProps(props, type)) {
-      return /*#__PURE__*/React.createElement(Root, _extends({}, props, {
-        className: cx(props.orientation === 'vertical' && classes.verticalOrientation, props.className),
-        ref: ref
-      }), /*#__PURE__*/React.createElement(SingleSlider, props));
-    }
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React.createElement(Root, _extends({}, props, {
       ref: ref
-    }, props), isDoubleValueProps(props, type) && /*#__PURE__*/React.createElement(DoubleUncontrolled, props));
+    }), isSingleValueProps(props, type) && /*#__PURE__*/React.createElement(SingleSlider, props), isDoubleValueProps(props, type) && /*#__PURE__*/React.createElement(DoubleUncontrolled, props));
   });
 };
 export var sliderConfig = {

package/styled-components/es/components/Slider/Slider.template-doc.mdx

@@ -76,29 +76,3 @@ export function App() {
     );
 }
 ```
-
-# Вертикальное отображение
-
-```tsx live
-import React from 'react';
-import { Slider  } from '@salutejs/{{ package }}';
-import { IconMic } from '@salutejs/plasma-icons';
-
-export function App() {
-    return (
-        <section style={{ height: '300px' }}>
-            <Slider
-                onChangeCommitted={() => {}}
-                min={0}
-                max={100}
-                value={30}
-                label="Громкость"
-                labelContent={<IconMic size="s" />}
-                orientation="vertical"
-                sliderAlign="center"
-                size="m"
-            />
-        </section>
-    );
-}
-```

package/styled-components/es/components/Slider/Slider.tokens.js

@@ -1,12 +1,6 @@
 export 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',
@@ -15,17 +9,13 @@ export var classes = {
   textFieldActive: 'slider-text-field-active',
   firstTextField: 'slider-first-text-field',
   secondTextField: 'slider-second-text-field',
-  activeRangeValue: 'slider-active-range-value',
-  verticalOrientation: 'slider-vertical-orientation',
-  valuePlacementLeft: 'slider-value-placement-left',
-  reversed: 'slider-reversed'
+  activeRangeValue: 'slider-active-range-value'
 };
 export var tokens = {
-  size: '--plasma-slider-size',
+  height: '--plasma-slider-height',
   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',
@@ -33,27 +23,31 @@ export 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',
-  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',
+  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',
   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',
-  railThickness: '--plasma-slider-rail-thickness',
+  railHeight: '--plasma-slider-rail-height',
   railBorderRadius: '--plasma-slider-rail-border-radius',
   railIndent: '--plasma-slider-rail-indent',
   fillColor: '--plasma-slider-fill-color',

package/styled-components/es/components/Slider/components/Double/Double.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "pointerSize", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize", "name"];
+var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize", "name"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -38,8 +38,6 @@ export var DoubleSlider = function DoubleSlider(_ref) {
     labelContentLeft = _ref.labelContentLeft,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'm' : _ref$size,
-    _ref$pointerSize = _ref.pointerSize,
-    pointerSize = _ref$pointerSize === void 0 ? 'small' : _ref$pointerSize,
     onChangeCommitted = _ref.onChangeCommitted,
     onChangeTextField = _ref.onChangeTextField,
     onBlurTextField = _ref.onBlurTextField,
@@ -66,30 +64,20 @@ export var DoubleSlider = function DoubleSlider(_ref) {
     setState = _useState2[1];
   var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    firstInputHovered = _useState4[0],
-    setFirstInputHovered = _useState4[1];
+    firstInputActive = _useState4[0],
+    setFirstInputActive = _useState4[1];
   var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    firstInputFocused = _useState6[0],
-    setFirstInputFocused = _useState6[1];
-  var _useState7 = useState(false),
+    secondInputActive = _useState6[0],
+    setSecondInputActive = _useState6[1];
+  var _useState7 = useState(value[0]),
     _useState8 = _slicedToArray(_useState7, 2),
-    secondInputHovered = _useState8[0],
-    setSecondInputHovered = _useState8[1];
-  var _useState9 = useState(false),
+    firstValue = _useState8[0],
+    setFirstValue = _useState8[1];
+  var _useState9 = useState(value[1]),
     _useState10 = _slicedToArray(_useState9, 2),
-    secondInputFocused = _useState10[0],
-    setSecondInputFocused = _useState10[1];
-  var firstInputActive = firstInputHovered || firstInputFocused;
-  var secondInputActive = secondInputHovered || secondInputFocused;
-  var _useState11 = useState(value[0]),
-    _useState12 = _slicedToArray(_useState11, 2),
-    firstValue = _useState12[0],
-    setFirstValue = _useState12[1];
-  var _useState13 = useState(value[1]),
-    _useState14 = _slicedToArray(_useState13, 2),
-    secondValue = _useState14[0],
-    setSecondValue = _useState14[1];
+    secondValue = _useState10[0],
+    setSecondValue = _useState10[1];
   var firstHandleRef = useRef(null);
   var secondHandleRef = useRef(null);
   var firstHandleValue = useRef(value[0]);
@@ -114,16 +102,6 @@ export var DoubleSlider = function DoubleSlider(_ref) {
       });
     });
   }, [value, stepSize, min, max, setFirstValue, setSecondValue]);
-  useEffect(function () {
-    var onMouseUp = function onMouseUp() {
-      setFirstInputFocused(false);
-      setSecondInputFocused(false);
-    };
-    window.addEventListener('mouseup', onMouseUp);
-    return function () {
-      window.removeEventListener('mouseup', onMouseUp);
-    };
-  }, []);
   var setStepSize = useCallback(function (newStepSize) {
     setState(function (prevState) {
       return _objectSpread(_objectSpread({}, prevState), {}, {
@@ -265,20 +243,16 @@ export var DoubleSlider = function DoubleSlider(_ref) {
     ariaLabelLeft = _ref3[0],
     ariaLabelRight = _ref3[1];
   var currentFirstSliderValue = Math.max(state.firstValue, min);
-  var settings = sizeData[size][pointerSize === 'large' ? 'large' : 'small'];
   return /*#__PURE__*/React.createElement(DoubleWrapper, null, hasLabelContent && /*#__PURE__*/React.createElement(LabelWrapper, null, labelContentLeft && /*#__PURE__*/React.createElement(LabelContentLeft, null, labelContentLeft), label && /*#__PURE__*/React.createElement(Label, null, label)), /*#__PURE__*/React.createElement(SliderWrapper, null, /*#__PURE__*/React.createElement(SliderBase, _extends({
     min: min,
     max: max,
-    size: size,
     disabled: disabled,
     setStepSize: setStepSize,
     railFillWidth: state.railFillWidth,
-    settings: settings,
-    railFillXPosition: state.railFillXPosition,
-    orientation: "horizontal"
+    settings: sizeData[size],
+    railFillXPosition: state.railFillXPosition
   }, rest), /*#__PURE__*/React.createElement(Handler, {
     ref: firstHandleRef,
-    size: pointerSize,
     stepSize: state.stepSize,
     multipleStepSize: multipleStepSize,
     onChangeCommitted: onFirstHandleChangeCommitted,
@@ -288,23 +262,18 @@ export var DoubleSlider = function DoubleSlider(_ref) {
     disabled: disabled,
     bounds: [min, state.secondValue],
     side: "left",
-    orientation: "horizontal",
-    position: state.xFirstHandle,
+    xPosition: state.xFirstHandle,
     zIndex: state.firstHandleZIndex,
     value: currentFirstSliderValue,
     ariaLabel: ariaLabelLeft,
-    onMouseDown: function onMouseDown() {
-      return setFirstInputFocused(true);
-    },
     onMouseEnter: function onMouseEnter() {
-      return setFirstInputHovered(true);
+      return setFirstInputActive(true);
     },
     onMouseLeave: function onMouseLeave() {
-      return setFirstInputHovered(false);
+      return setFirstInputActive(false);
     }
   }), /*#__PURE__*/React.createElement(Handler, {
     ref: secondHandleRef,
-    size: pointerSize,
     stepSize: state.stepSize,
     multipleStepSize: multipleStepSize,
     onChangeCommitted: onSecondHandleChangeCommitted,
@@ -315,19 +284,15 @@ export var DoubleSlider = function DoubleSlider(_ref) {
     disabled: disabled,
     bounds: [state.firstValue, max],
     side: "right",
-    orientation: "horizontal",
-    position: state.xSecondHandle,
+    xPosition: state.xSecondHandle,
     zIndex: state.secondHandleZIndex,
     value: Math.max(state.secondValue, min),
     ariaLabel: ariaLabelRight,
-    onMouseDown: function onMouseDown() {
-      return setSecondInputFocused(true);
-    },
     onMouseEnter: function onMouseEnter() {
-      return setSecondInputHovered(true);
+      return setSecondInputActive(true);
     },
     onMouseLeave: function onMouseLeave() {
-      return setSecondInputHovered(false);
+      return setSecondInputActive(false);
     }
   })), /*#__PURE__*/React.createElement(InputsWrapper, null, /*#__PURE__*/React.createElement(StyledInput, {
     className: cx(classes.firstTextField, firstInputActiveClass),