@salutejs/plasma-new-hope 0.324.0-canary.1970.15068833000.0 → 0.324.0-canary.1970.15206656683.0

package/styled-components/cjs/components/Slider/components/Single/Single.styles.js

@@ -22,7 +22,7 @@ var StyledRangeValue = exports.StyledRangeValue = /*#__PURE__*/_styledComponents
 })(["color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");transition:opacity 0.1s ease-in-out;&.", ",&.", "{opacity:0;}&.", "{color:var(", ");}"], _Slider.tokens.rangeValueColor, _Slider.tokens.valueFontFamily, _Slider.tokens.valueFontSize, _Slider.tokens.valueFontStyle, _Slider.tokens.valueFontWeight, _Slider.tokens.valueLetterSpacing, _Slider.tokens.valueLineHeight, _Slider.classes.hideMinValue, _Slider.classes.hideMaxValue, _Slider.classes.activeRangeValue, _Slider.tokens.labelColor);
 var SliderBaseWrapper = exports.SliderBaseWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1qm4elt-4"
-})(["display:flex;flex:1;position:relative;&.", "{display:grid;grid-template-areas:'a a' 'b c';", "{grid-area:a;}", "{grid-area:b;&.", "{grid-area:c;justify-self:end;}}}&.", "{align-items:center;", "{margin-right:var(", ");&.", "{margin-right:0;margin-left:var(", ");}}}"], _Slider.classes.rangeValuesPlacementOuter, _SliderBase.Slider, StyledRangeValue, _Slider.classes.maxRangeValue, _Slider.classes.rangeValuesPlacementInner, StyledRangeValue, _Slider.tokens.rangeValueHorizontalMargin, _Slider.classes.maxRangeValue, _Slider.tokens.rangeValueHorizontalMargin);
+})(["display:flex;flex:1;position:relative;&.", "{display:grid;grid-template-areas:'a a' 'b c';", "{grid-area:a;}", "{width:fit-content;grid-area:b;&.", "{grid-area:c;justify-self:end;}}}&.", "{align-items:center;", "{margin-right:var(", ");&.", "{margin-right:0;margin-left:var(", ");}}}"], _Slider.classes.rangeValuesPlacementOuter, _SliderBase.Slider, StyledRangeValue, _Slider.classes.maxRangeValue, _Slider.classes.rangeValuesPlacementInner, StyledRangeValue, _Slider.tokens.rangeValueHorizontalMargin, _Slider.classes.maxRangeValue, _Slider.tokens.rangeValueHorizontalMargin);
 var SingleWrapper = exports.SingleWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1qm4elt-5"
 })(["display:flex;opacity:var(", ");&.", "{flex-direction:column;", "{margin-bottom:var(", ");}}&.", "{", "{margin-right:var(", ");}", ":not(:has(", ")):has(", "){margin-right:var(", ");}", ":has(", "){margin-right:var(", ");}}&.", "{flex-direction:column;align-items:center;&.", "{", "{flex-direction:column-reverse;}&.", "{", "{flex-direction:column;}&.", "{", "{flex-direction:column-reverse;}}}&.", "{", "{flex-direction:column;}}}", "{align-items:center;}", "{width:var(", ");}&.", "{", "{margin-right:0;margin-bottom:var(", ");}}&.", "{align-items:flex-end;", "{flex-direction:row-reverse;}}&.", "{align-items:flex-start;}&.", "{flex-direction:column-reverse;", "{margin-top:var(", ");margin-right:0;margin-bottom:0;}}}&.", "{flex-direction:column;align-items:center;justify-content:center;", "{flex-direction:column;align-items:center;justify-content:center;}&.", "{", "{position:static;bottom:0;left:0;margin-bottom:var(", ");&.", "{left:0;right:0;bottom:0;margin-top:var(", ");margin-bottom:0;}}}&.", ",&.", "{", "{display:grid;grid-template-areas:'b a' 'c a';flex-direction:unset;align-items:unset;justify-content:unset;width:unset;}", "{grid-area:a;}", "{grid-area:b;align-self:start;justify-self:end;&.", "{grid-area:c;align-self:end;}}}&.", "{", "{grid-template-areas:'a b' 'a c';}", "{justify-self:start;}}}"], _Slider.tokens.disabledOpacity, _Slider.classes.labelPlacementOuter, LabelWrapper, _Slider.tokens.labelWrapperMarginBottom, _Slider.classes.labelPlacementInner, LabelWrapper, _Slider.tokens.labelWrapperMarginRight, LabelWrapper, Label, LabelContent, _Slider.tokens.labelWrapperOnlyIconMarginRight, LabelWrapper, Label, _Slider.tokens.labelWrapperMarginRight, _Slider.classes.verticalOrientation, _Slider.classes.labelAlignCenter, LabelWrapper, _Slider.classes.labelPlacementBottom, LabelWrapper, _Slider.classes.labelContentReversed, LabelWrapper, _Slider.classes.labelContentReversed, LabelWrapper, LabelWrapper, SliderBaseWrapper, _Slider.tokens.size, _Slider.classes.labelPlacementInner, LabelWrapper, _Slider.tokens.labelWrapperVerticalMargin, _Slider.classes.labelAlignLeft, LabelWrapper, _Slider.classes.labelAlignRight, _Slider.classes.labelPlacementBottom, LabelWrapper, _Slider.tokens.labelWrapperVerticalMargin, _Slider.classes.verticalOrientation, SliderBaseWrapper, _Slider.classes.labelAlignCenter, StyledRangeValue, _Slider.tokens.rangeValueVerticalMargin, _Slider.classes.maxRangeValue, _Slider.tokens.rangeValueVerticalMargin, _Slider.classes.labelAlignLeft, _Slider.classes.labelAlignRight, SliderBaseWrapper, _SliderBase.Slider, StyledRangeValue, _Slider.classes.maxRangeValue, _Slider.classes.labelAlignRight, SliderBaseWrapper, StyledRangeValue);

package/styled-components/cjs/components/TextField/TextField.js

@@ -413,7 +413,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
       "aria-labelledby": labelId,
       "aria-describedby": helperTextId,
       placeholder: innerPlaceholderValue,
-      className: (0, _utils.cx)(hasValueClass, keepPlaceholderClass, classTextEllipsis),
+      className: (0, _utils.cx)(hasValueClass, keepPlaceholderClass, classTextEllipsis, readOnly && _TextField2.classes.readOnlyInput),
       disabled: disabled,
       readOnly: !disabled && readOnly,
       onInput: handleInput,

package/styled-components/cjs/components/TextField/TextField.tokens.js

@@ -21,7 +21,8 @@ var classes = exports.classes = {
   requiredAlignRight: 'required-align-right',
   inputWrapper: 'input-wrapper',
   inputTextEllipsis: 'textfield-input-text-ellipsis',
-  contentRightCompensationMargin: 'textfield-content-right-compensation-margin'
+  contentRightCompensationMargin: 'textfield-content-right-compensation-margin',
+  readOnlyInput: 'textfield-readonly-input'
 };
 var tokens = exports.tokens = {
   color: '--plasma-textfield-color',

package/styled-components/cjs/components/TextField/variations/_label-placement/base.js

@@ -7,4 +7,4 @@ exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _TextField = /*#__PURE__*/require("../../TextField.tokens");
 var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ":focus ~ ", ",", ".", " ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:100%;}&.", " ", "{color:var(", ");}}"], _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColor, _TextField.classes.innerLabelPlacement, _TextField2.InputContainer, _TextField.tokens.contentLabelInnerPadding, _TextField2.Input, _TextField2.Label, _TextField2.Input, _TextField.classes.hasValue, _TextField2.Label, _TextField2.Input, _TextField.classes.keepPlaceholder, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.labelInnerPadding, _TextField.tokens.labelInnerFontFamily, _TextField.tokens.labelInnerFontSize, _TextField.tokens.labelInnerFontStyle, _TextField.tokens.labelInnerFontWeight, _TextField.tokens.labelInnerLetterSpacing, _TextField.tokens.labelInnerLineHeight, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.classes.clear, _TextField2.Label, _TextField.tokens.clearPlaceholderColor);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ":not(.", "):focus ~ ", ",", ".", " ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:100%;}&.", " ", "{color:var(", ");}}"], _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColor, _TextField.classes.innerLabelPlacement, _TextField2.InputContainer, _TextField.tokens.contentLabelInnerPadding, _TextField2.Input, _TextField.classes.readOnlyInput, _TextField2.Label, _TextField2.Input, _TextField.classes.hasValue, _TextField2.Label, _TextField2.Input, _TextField.classes.keepPlaceholder, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.labelInnerPadding, _TextField.tokens.labelInnerFontFamily, _TextField.tokens.labelInnerFontSize, _TextField.tokens.labelInnerFontStyle, _TextField.tokens.labelInnerFontWeight, _TextField.tokens.labelInnerLetterSpacing, _TextField.tokens.labelInnerLineHeight, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.classes.clear, _TextField2.Label, _TextField.tokens.clearPlaceholderColor);

package/styled-components/cjs/examples/plasma_b2c/components/Autocomplete/Autocomplete.stories.tsx

@@ -199,6 +199,15 @@ const meta: Meta<StoryProps> = {
             control: { type: 'text' },
             if: { arg: 'hasHint', truthy: true },
         },
+        listWidth: {
+            control: { type: 'text' },
+        },
+        listMaxHeight: {
+            control: { type: 'text' },
+        },
+        virtual: {
+            control: { type: 'boolean' },
+        },
     },
     args: {
         view: 'default',
@@ -212,8 +221,6 @@ const meta: Meta<StoryProps> = {
         placeholder: 'Заполните поле',
         keepPlaceholder: false,
         leftHelper: 'Введите имя Алексей',
-        listWidth: '100%',
-        listMaxHeight: '200px',
         threshold: 2,
         enableContentLeft: true,
         enableContentRight: true,
@@ -230,6 +237,7 @@ const meta: Meta<StoryProps> = {
         hintPlacement: 'auto',
         hintWidth: '10rem',
         hintHasArrow: true,
+        virtual: false,
     },
 };
 

package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js

@@ -36,12 +36,17 @@ var config = exports.config = {
       sr: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":2.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
       xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
       xsr: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":2rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor)
-    },
-    disabled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _IconButton.iconButtonTokens.iconButtonDisabledOpacity)
-    },
-    focused: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-accent);"], _IconButton.iconButtonTokens.iconButtonFocusColor)
     }
-  }
+    // disabled: {
+    //     true: css`
+    //         ${iconButtonTokens.iconButtonDisabledOpacity}: 0.4;
+    //     `,
+    // },
+    // focused: {
+    //     true: css`
+    //         ${iconButtonTokens.iconButtonFocusColor}: var(--surface-accent);
+    //     `,
+    // },
+  },
+  invariants: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;", ":var(--surface-accent);"], _IconButton.iconButtonTokens.iconButtonDisabledOpacity, _IconButton.iconButtonTokens.iconButtonFocusColor)
 };

package/styled-components/cjs/examples/plasma_b2c/components/Link/Link.config.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.config = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
+var _Link = /*#__PURE__*/require("../../../../components/Link/Link.tokens");
 var config = exports.config = {
   defaults: {
     view: 'accent',
@@ -12,21 +13,21 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-primary);--plasma-link-color-hover:var(--text-primary-hover);--plasma-link-color-active:var(--text-primary-active);--plasma-link-color-visited:var(--text-primary);--plasma-link-color-visited-hover:var(--text-primary-hover);--plasma-link-color-visited-active:var(--text-primary-active);--plasma-link-underline-border:0;"]),
-      secondary: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-secondary);--plasma-link-color-hover:var(--text-secondary-hover);--plasma-link-color-active:var(--text-secondary-active);--plasma-link-color-visited:var(--text-secondary);--plasma-link-color-visited-hover:var(--text-secondary-hover);--plasma-link-color-visited-active:var(--text-secondary-active);--plasma-link-underline-border:0;"]),
-      tertiary: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-tertiary);--plasma-link-color-hover:var(--text-tertiary-hover);--plasma-link-color-active:var(--text-tertiary-active);--plasma-link-color-visited:var(--text-tertiary);--plasma-link-color-visited-hover:var(--text-tertiary-hover);--plasma-link-color-visited-active:var(--text-tertiary-active);--plasma-link-underline-border:0;"]),
-      paragraph: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-paragraph);--plasma-link-color-hover:var(--text-paragraph-hover);--plasma-link-color-active:var(--text-paragraph-active);--plasma-link-color-visited:var(--text-paragraph);--plasma-link-color-visited-hover:var(--text-paragraph-hover);--plasma-link-color-visited-active:var(--text-paragraph-active);--plasma-link-underline-border:0;"]),
-      accent: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-accent);--plasma-link-color-hover:var(--text-accent-hover);--plasma-link-color-active:var(--text-accent-active);--plasma-link-color-visited:var(--text-accent);--plasma-link-color-visited-hover:var(--text-accent-hover);--plasma-link-color-visited-active:var(--text-accent-active);--plasma-link-underline-border:0;"]),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-positive);--plasma-link-color-hover:var(--text-positive-hover);--plasma-link-color-active:var(--text-positive-active);--plasma-link-color-visited:var(--text-positive);--plasma-link-color-visited-hover:var(--text-positive-hover);--plasma-link-color-visited-active:var(--text-positive-active);--plasma-link-underline-border:0;"]),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-warning);--plasma-link-color-hover:var(--text-warning-hover);--plasma-link-color-active:var(--text-warning-active);--plasma-link-color-visited:var(--text-warning);--plasma-link-color-visited-hover:var(--text-warning-hover);--plasma-link-color-visited-active:var(--text-warning-active);--plasma-link-underline-border:0;"]),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-negative);--plasma-link-color-hover:var(--text-negative-hover);--plasma-link-color-active:var(--text-negative-active);--plasma-link-color-visited:var(--text-negative);--plasma-link-color-visited-hover:var(--text-negative-hover);--plasma-link-color-visited-active:var(--text-negative-active);--plasma-link-underline-border:0;"]),
-      clear: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:inherit;--plasma-link-color-hover:inherit;--plasma-link-color-active:inherit;--plasma-link-color-visited:inherit;--plasma-link-color-visited-hover:inherit;--plasma-link-color-visited-active:inherit;--plasma-link-underline-border:0.0625rem;"])
+      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-primary);", ":var(--text-primary-hover);", ":var(--text-primary-active);", ":var(--text-primary);", ":var(--text-primary-hover);", ":var(--text-primary-active);", ":0;"], _Link.tokens.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
+      secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":0;"], _Link.tokens.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
+      tertiary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-tertiary);", ":var(--text-tertiary-hover);", ":var(--text-tertiary-active);", ":var(--text-tertiary);", ":var(--text-tertiary-hover);", ":var(--text-tertiary-active);", ":0;"], _Link.tokens.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
+      paragraph: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-paragraph);", ":var(--text-paragraph-hover);", ":var(--text-paragraph-active);", ":var(--text-paragraph);", ":var(--text-paragraph-hover);", ":var(--text-paragraph-active);", ":0;"], _Link.tokens.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
+      accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-accent);", ":var(--text-accent-hover);", ":var(--text-accent-active);", ":var(--text-accent);", ":var(--text-accent-hover);", ":var(--text-accent-active);", ":0;"], _Link.tokens.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
+      positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-positive);", ":var(--text-positive-hover);", ":var(--text-positive-active);", ":var(--text-positive);", ":var(--text-positive-hover);", ":var(--text-positive-active);", ":0;"], _Link.tokens.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
+      warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-warning);", ":var(--text-warning-hover);", ":var(--text-warning-active);", ":var(--text-warning);", ":var(--text-warning-hover);", ":var(--text-warning-active);", ":0;"], _Link.tokens.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
+      negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-negative);", ":var(--text-negative-hover);", ":var(--text-negative-active);", ":var(--text-negative);", ":var(--text-negative-hover);", ":var(--text-negative-active);", ":0;"], _Link.tokens.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
+      clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":0.0625rem;"], _Link.tokens.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder)
     },
     disabled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-disabled-opacity:0.4;"])
+      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Link.tokens.linkDisabledOpacity)
     },
     focused: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-focus-color:var(--text-accent);"])
+      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);"], _Link.tokens.linkColorFocus)
     }
   }
 };

package/styled-components/cjs/examples/plasma_web/components/Autocomplete/Autocomplete.stories.tsx

@@ -199,6 +199,15 @@ const meta: Meta<StoryProps> = {
             control: { type: 'text' },
             if: { arg: 'hasHint', truthy: true },
         },
+        listWidth: {
+            control: { type: 'text' },
+        },
+        listMaxHeight: {
+            control: { type: 'text' },
+        },
+        virtual: {
+            control: { type: 'boolean' },
+        },
     },
     args: {
         view: 'default',
@@ -212,8 +221,6 @@ const meta: Meta<StoryProps> = {
         placeholder: 'Заполните поле',
         keepPlaceholder: false,
         leftHelper: 'Введите имя Алексей',
-        listWidth: '100%',
-        listMaxHeight: '200px',
         threshold: 2,
         enableContentLeft: true,
         enableContentRight: true,
@@ -230,6 +237,7 @@ const meta: Meta<StoryProps> = {
         hintPlacement: 'auto',
         hintWidth: '10rem',
         hintHasArrow: true,
+        virtual: false,
     },
 };
 

package/styled-components/cjs/examples/plasma_web/components/Link/Link.config.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.config = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
+var _Link = /*#__PURE__*/require("../../../../components/Link/Link.tokens");
 var config = exports.config = {
   defaults: {
     view: 'accent',
@@ -12,21 +13,21 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-primary);--plasma-link-color-hover:var(--text-primary-hover);--plasma-link-color-active:var(--text-primary-active);--plasma-link-color-visited:var(--text-primary);--plasma-link-color-visited-hover:var(--text-primary-hover);--plasma-link-color-visited-active:var(--text-primary-active);--plasma-link-underline-border:0;"]),
-      secondary: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-secondary);--plasma-link-color-hover:var(--text-secondary-hover);--plasma-link-color-active:var(--text-secondary-active);--plasma-link-color-visited:var(--text-secondary);--plasma-link-color-visited-hover:var(--text-secondary-hover);--plasma-link-color-visited-active:var(--text-secondary-active);--plasma-link-underline-border:0;"]),
-      tertiary: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-tertiary);--plasma-link-color-hover:var(--text-tertiary-hover);--plasma-link-color-active:var(--text-tertiary-active);--plasma-link-color-visited:var(--text-tertiary);--plasma-link-color-visited-hover:var(--text-tertiary-hover);--plasma-link-color-visited-active:var(--text-tertiary-active);--plasma-link-underline-border:0;"]),
-      paragraph: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-paragraph);--plasma-link-color-hover:var(--text-paragraph-hover);--plasma-link-color-active:var(--text-paragraph-active);--plasma-link-color-visited:var(--text-paragraph);--plasma-link-color-visited-hover:var(--text-paragraph-hover);--plasma-link-color-visited-active:var(--text-paragraph-active);--plasma-link-underline-border:0;"]),
-      accent: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-accent);--plasma-link-color-hover:var(--text-accent-hover);--plasma-link-color-active:var(--text-accent-active);--plasma-link-color-visited:var(--text-accent);--plasma-link-color-visited-hover:var(--text-accent-hover);--plasma-link-color-visited-active:var(--text-accent-active);--plasma-link-underline-border:0;"]),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-positive);--plasma-link-color-hover:var(--text-positive-hover);--plasma-link-color-active:var(--text-positive-active);--plasma-link-color-visited:var(--text-positive);--plasma-link-color-visited-hover:var(--text-positive-hover);--plasma-link-color-visited-active:var(--text-positive-active);--plasma-link-underline-border:0;"]),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-warning);--plasma-link-color-hover:var(--text-warning-hover);--plasma-link-color-active:var(--text-warning-active);--plasma-link-color-visited:var(--text-warning);--plasma-link-color-visited-hover:var(--text-warning-hover);--plasma-link-color-visited-active:var(--text-warning-active);--plasma-link-underline-border:0;"]),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-negative);--plasma-link-color-hover:var(--text-negative-hover);--plasma-link-color-active:var(--text-negative-active);--plasma-link-color-visited:var(--text-negative);--plasma-link-color-visited-hover:var(--text-negative-hover);--plasma-link-color-visited-active:var(--text-negative-active);--plasma-link-underline-border:0;"]),
-      clear: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:inherit;--plasma-link-color-hover:inherit;--plasma-link-color-active:inherit;--plasma-link-color-visited:inherit;--plasma-link-color-visited-hover:inherit;--plasma-link-color-visited-active:inherit;--plasma-link-underline-border:0.0625rem;"])
+      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-primary);", ":var(--text-primary-hover);", ":var(--text-primary-active);", ":var(--text-primary);", ":var(--text-primary-hover);", ":var(--text-primary-active);", ":0;"], _Link.tokens.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
+      secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":0;"], _Link.tokens.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
+      tertiary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-tertiary);", ":var(--text-tertiary-hover);", ":var(--text-tertiary-active);", ":var(--text-tertiary);", ":var(--text-tertiary-hover);", ":var(--text-tertiary-active);", ":0;"], _Link.tokens.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
+      paragraph: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-paragraph);", ":var(--text-paragraph-hover);", ":var(--text-paragraph-active);", ":var(--text-paragraph);", ":var(--text-paragraph-hover);", ":var(--text-paragraph-active);", ":0;"], _Link.tokens.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
+      accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-accent);", ":var(--text-accent-hover);", ":var(--text-accent-active);", ":var(--text-accent);", ":var(--text-accent-hover);", ":var(--text-accent-active);", ":0;"], _Link.tokens.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
+      positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-positive);", ":var(--text-positive-hover);", ":var(--text-positive-active);", ":var(--text-positive);", ":var(--text-positive-hover);", ":var(--text-positive-active);", ":0;"], _Link.tokens.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
+      warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-warning);", ":var(--text-warning-hover);", ":var(--text-warning-active);", ":var(--text-warning);", ":var(--text-warning-hover);", ":var(--text-warning-active);", ":0;"], _Link.tokens.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
+      negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":var(--text-negative);", ":var(--text-negative-hover);", ":var(--text-negative-active);", ":var(--text-negative);", ":var(--text-negative-hover);", ":var(--text-negative-active);", ":0;"], _Link.tokens.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder),
+      clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-font-family);", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":0.0625rem;"], _Link.tokens.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkColorHover, _Link.tokens.linkColorActive, _Link.tokens.linkColorVisited, _Link.tokens.linkColorVisitedHover, _Link.tokens.linkColorVisitedActive, _Link.tokens.linkUnderlineBorder)
     },
     disabled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-disabled-opacity:0.4;"])
+      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Link.tokens.linkDisabledOpacity)
     },
     focused: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-focus-color:var(--text-accent);"])
+      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);"], _Link.tokens.linkColorFocus)
     }
   }
 };

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

@@ -17,10 +17,6 @@ import { SuggestionItem, StyledTextField, VirtualList } from "./ui";
 import { Ul, InfiniteLoaderWrapper, base, StyledLeftHelper } from "./Autocomplete.styles";
 import { useKeyNavigation } from "./hooks/useKeyboardNavigation";
 
-// Пороговое значение количества результирующих элементов в списке,
-// при котором возможна виртуализация (при virtual=true);
-var VIRTUAL_ITEM_AMOUNT_THRESHOLD = 10;
-
 /**
  * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.
  */
@@ -44,7 +40,8 @@ export var autocompleteRoot = function autocompleteRoot(Root) {
       textBefore = _ref.textBefore,
       textAfter = _ref.textAfter,
       onScroll = _ref.onScroll,
-      listMaxHeight = _ref.listMaxHeight,
+      _ref$listMaxHeight = _ref.listMaxHeight,
+      listMaxHeight = _ref$listMaxHeight === void 0 ? '25rem' : _ref$listMaxHeight,
       listWidth = _ref.listWidth,
       portal = _ref.portal,
       filter = _ref.filter,
@@ -116,7 +113,6 @@ export var autocompleteRoot = function autocompleteRoot(Root) {
       event.stopPropagation();
     };
     var finalResults = (suggestions === null || suggestions === void 0 ? void 0 : suggestions.filter(filter || defaultFilterCallback)) || [];
-    virtual = virtual && finalResults.length > VIRTUAL_ITEM_AMOUNT_THRESHOLD;
     var _useKeyNavigation = useKeyNavigation({
         isOpen: isOpen,
         setIsOpen: setIsOpen,

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

@@ -4,7 +4,7 @@ import { tokens } from "./Autocomplete.tokens";
 export var base = /*#__PURE__*/css([""]);
 export var Ul = /*#__PURE__*/styled.ul.withConfig({
   componentId: "plasma-new-hope__sc-ff6pwi-0"
-})(["box-sizing:border-box;background:var(", ");box-shadow:var(", ");border-radius:var(", ");height:auto;max-height:", ";overflow:auto;border:var(", ") solid var(", ");margin:var(", ") 0 0 0;padding:var(", ");"], tokens.background, tokens.boxShadow, tokens.borderRadius, function (_ref) {
+})(["background:var(", ");box-shadow:var(", ");border-radius:var(", ");height:auto;max-height:", ";overflow:auto;border:var(", ") solid var(", ");margin:var(", ") 0 0 0;padding:var(", ");"], tokens.background, tokens.boxShadow, tokens.borderRadius, function (_ref) {
   var virtual = _ref.virtual,
     listMaxHeight = _ref.listMaxHeight;
   return virtual ? 'auto' : listMaxHeight || 'auto';

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

@@ -478,7 +478,6 @@ type SuggestionItem = {
     </TabItem>
     <TabItem value="virtual" label="Virtual">
         Свойство `virtual` позволяет виртуализировать выпадающий список. Для настройки высоты списка можно использовать свойство `listMaxHeight`.
-        Примечание: работает только при количестве отфильтрованных suggestions > 10, в противном случае виртуализация выключается автоматически.
 
        ```tsx live
         import React from 'react';
@@ -504,7 +503,7 @@ type SuggestionItem = {
         import { Select, Cell } from '@salutejs/{{ package }}';
 
         export function App() {
-            const mockData = [
+            const items = [
                 { label: 'Алексей Смирнов' },
                 { label: 'Екатерина Иванова' },
             ];

package/styled-components/es/components/Autocomplete/ui/VirtualList/VirtualList.js

@@ -12,6 +12,7 @@ export var VirtualList = function VirtualList(_ref) {
   return /*#__PURE__*/React.createElement(List, {
     data: items,
     height: getHeightAsNumber(listMaxHeight),
+    fullHeight: false,
     itemHeight: 100,
     itemKey: "id",
     onScroll: onScroll

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

@@ -4,15 +4,16 @@ import { linkConfig } from "../Link";
 import { component, mergeConfig } from "../../engines";
 import { IconDisclosureRight } from "../_Icon";
 import { addFocus } from "../../mixins";
+import { tokens as linkTokens } from "../Link/Link.tokens";
 import { tokens } from "./Breadcrumbs.tokens";
 var mergedLinkConfig = /*#__PURE__*/mergeConfig(linkConfig);
 var Link = /*#__PURE__*/component(mergedLinkConfig);
 export var StyledLink = /*#__PURE__*/styled(Link).withConfig({
   componentId: "plasma-new-hope__sc-4bjoev-0"
-})(["--plasma__private-color:", ";--plasma-link-color:var(--plasma__private-color);--plasma-link-color-hover:var(--plasma__private-color);--plasma-link-color-active:var(--plasma__private-color);--plasma-link-disabled-opacity:var(", ");opacity:", ";cursor:pointer;", ""], function (_ref) {
+})(["--plasma__private-color:", ";", ":var(--plasma__private-color);", ":var(--plasma__private-color);", ":var(--plasma__private-color);", ":var(", ");opacity:", ";cursor:pointer;", ""], function (_ref) {
   var isHref = _ref.isHref;
   return isHref ? "var(".concat(tokens.breadcrumbsColor, ")") : "var(".concat(tokens.breadcrumbsColorText, ")");
-}, tokens.breadcrumbsOpacity, function (_ref2) {
+}, linkTokens.linkColor, linkTokens.linkColorHover, linkTokens.linkColorActive, linkTokens.linkDisabledOpacity, tokens.breadcrumbsOpacity, function (_ref2) {
   var isHref = _ref2.isHref;
   return isHref ? 1 : "var(".concat(tokens.breadcrumbsOpacity, ")");
 }, /*#__PURE__*/addFocus({

package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js

@@ -539,14 +539,14 @@ export var comboboxRoot = function comboboxRoot(Root) {
       virtual: virtual,
       listOverflow: listOverflow,
       onScroll: virtual ? undefined : onScroll
-    }, beforeList, virtual ? /*#__PURE__*/React.createElement(VirtualList, {
-      items: filteredItems,
-      listMaxHeight: listMaxHeight || listHeight,
-      onScroll: onScroll
-    }) : /*#__PURE__*/React.createElement(React.Fragment, null, isEmpty(filteredItems) ? /*#__PURE__*/React.createElement(StyledEmptyState, {
+    }, beforeList, isEmpty(filteredItems) ? /*#__PURE__*/React.createElement(StyledEmptyState, {
       className: classes.emptyStateWrapper,
       size: size,
       description: emptyStateDescription || 'Ничего не найдено'
+    }) : /*#__PURE__*/React.createElement(React.Fragment, null, virtual ? /*#__PURE__*/React.createElement(VirtualList, {
+      items: filteredItems,
+      listMaxHeight: listMaxHeight || listHeight,
+      onScroll: onScroll
     }) : filteredItems.map(function (item, index) {
       return /*#__PURE__*/React.createElement(Inner, {
         key: "".concat(index, "/0"),

package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js

@@ -8,7 +8,7 @@ var mergedConfig = /*#__PURE__*/mergeConfig(emptyStateConfig);
 var EmptyState = /*#__PURE__*/component(mergedConfig);
 export var Ul = /*#__PURE__*/styled.ul.withConfig({
   componentId: "plasma-new-hope__sc-2kddkg-0"
-})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";max-height:", ";overflow-y:", ";border:var(", ") solid var(", ");margin:", ";padding:var(", ") 0;.", "{box-shadow:none;}"], constants.background, constants.boxShadow, tokens.borderRadius, function (_ref) {
+})(["background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";max-height:", ";overflow-y:", ";border:var(", ") solid var(", ");margin:", ";padding:var(", ") 0;.", "{box-shadow:none;}"], constants.background, constants.boxShadow, tokens.borderRadius, function (_ref) {
   var listWidth = _ref.listWidth;
   return listWidth || '100%';
 }, function (_ref2) {

package/styled-components/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import List from 'rc-virtual-list';
-import { Item } from "../Inner/ui";
 import { getHeightAsNumber } from "../../../../../utils";
+import { Item } from "../Inner/ui";
 export var VirtualList = function VirtualList(_ref) {
   var items = _ref.items,
     listMaxHeight = _ref.listMaxHeight,
@@ -9,6 +9,7 @@ export var VirtualList = function VirtualList(_ref) {
   return /*#__PURE__*/React.createElement(List, {
     data: items,
     height: getHeightAsNumber(listMaxHeight),
+    fullHeight: false,
     itemHeight: 100,
     itemKey: "id",
     onScroll: onScroll

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

@@ -0,0 +1,12 @@
+export var tokens = {
+  linkColor: '--plasma-link-color',
+  linkColorHover: '--plasma-link-color-hover',
+  linkColorActive: '--plasma-link-color-active',
+  linkColorFocus: '--plasma-link-color-focus',
+  linkColorVisited: '--plasma-link-color-visited',
+  linkColorVisitedHover: '--plasma-link-color-visited-hover',
+  linkColorVisitedActive: '--plasma-link-color-visited-active',
+  linkFontFamily: '--plasma-link-font-family',
+  linkDisabledOpacity: '--plasma-link-disabled-opacity',
+  linkUnderlineBorder: '--plasma-link-underline-border'
+};

package/styled-components/es/components/Link/Link.types.js

@@ -0,0 +1 @@
+export {};

package/styled-components/es/components/Link/_disabled/base.js

@@ -1,2 +1,3 @@
 import { css } from 'styled-components';
-export var base = /*#__PURE__*/css(["&[disabled]{opacity:var(--plasma-link-disabled-opacity);cursor:not-allowed;:hover,:active{color:var(--plasma-link-color);}::before{opacity:1;}}"]);
+import { tokens } from "../Link.tokens";
+export var base = /*#__PURE__*/css(["&[disabled]{opacity:var(", ");cursor:not-allowed;:hover,:active{color:var(", ");}::before{opacity:1;}}"], tokens.linkDisabledOpacity, tokens.linkColor);

package/styled-components/es/components/Link/_focused/base.js

@@ -1,2 +1,3 @@
 import { css } from 'styled-components';
-export var base = /*#__PURE__*/css([":focus{outline:none;}:focus-visible::before{top:-0.0625rem;right:-0.0625rem;opacity:1;border-radius:0.375rem;box-shadow:0 0 0 0.0625rem var(--plasma-link-focus-color);border-bottom:none;}"]);
+import { tokens } from "../Link.tokens";
+export var base = /*#__PURE__*/css([":focus{outline:none;}:focus-visible::before{top:-0.0625rem;right:-0.0625rem;opacity:1;border-radius:0.375rem;box-shadow:0 0 0 0.0625rem var(", ");border-bottom:none;}"], tokens.linkColorFocus);

package/styled-components/es/components/Link/_view/base.js

@@ -1,5 +1,6 @@
 import { css } from 'styled-components';
+import { tokens } from "../Link.tokens";
 var getColor = function getColor(cssVar) {
-  return "\n    color: var(".concat(cssVar, ", var(--plasma-link-color));\n\n    ::before {\n        opacity: 1;\n    }\n");
+  return "\n    color: var(".concat(cssVar, ", var(").concat(tokens.linkColor, "));\n\n    ::before {\n        opacity: 1;\n    }\n");
 };
-export var base = /*#__PURE__*/css(["font-family:var(--plasma-link-font-family);color:var(--plasma-link-color);::before{border-bottom:var(--plasma-link-underline-border) solid currentColor;}&:hover{", ";}&:active{", ";}&:visited{", ";}&:visited:hover{", ";}&:visited:active{", ";}"], /*#__PURE__*/getColor('--plasma-link-color-hover'), /*#__PURE__*/getColor('--plasma-link-color-active'), /*#__PURE__*/getColor('--plasma-link-color-visited'), /*#__PURE__*/getColor('--plasma-link-color-visited-hover'), /*#__PURE__*/getColor('--plasma-link-color-visited-active'));
+export var base = /*#__PURE__*/css(["font-family:var(", ");color:var(", ");::before{border-bottom:var(", ") solid currentColor;}&:hover{", ";}&:active{", ";}&:visited{", ";}&:visited:hover{", ";}&:visited:active{", ";}"], tokens.linkFontFamily, tokens.linkColor, tokens.linkUnderlineBorder, /*#__PURE__*/getColor(tokens.linkColorHover), /*#__PURE__*/getColor(tokens.linkColorActive), /*#__PURE__*/getColor(tokens.linkColorVisited), /*#__PURE__*/getColor(tokens.linkColorVisitedHover), /*#__PURE__*/getColor(tokens.linkColorVisitedActive));

package/styled-components/es/components/Link/index.js

@@ -1 +1,2 @@
-export { linkRoot, linkConfig } from "./Link";
+export { linkRoot, linkConfig } from "./Link";
+export { tokens as linkTokens } from "./Link.tokens";

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

@@ -1,4 +1,4 @@
-var _excluded = ["maskFormat"];
+var _excluded = ["mask", "maskFormat"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -26,7 +26,8 @@ var defaultFormatChars = [{
 export var composeMask = function composeMask(InputComponent) {
   var MaskedInput = maskInputCompose(InputComponent);
   return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
-    var _ref$maskFormat = _ref.maskFormat,
+    var mask = _ref.mask,
+      _ref$maskFormat = _ref.maskFormat,
       maskFormat = _ref$maskFormat === void 0 ? defaultFormatChars : _ref$maskFormat,
       rest = _objectWithoutProperties(_ref, _excluded);
     // TODO: replace inside react-maskinput 'getReference' on 'forwardRef'
@@ -37,8 +38,14 @@ export var composeMask = function composeMask(InputComponent) {
     useImperativeHandle(outerRef, function () {
       return ref;
     }, [ref]);
+    if (!mask) {
+      return /*#__PURE__*/React.createElement(InputComponent, _extends({
+        ref: setRef
+      }, rest));
+    }
     return /*#__PURE__*/React.createElement(MaskedInput, _extends({
       getReference: setRef,
+      mask: mask,
       maskFormat: maskFormat
     }, rest));
   });

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

@@ -20,11 +20,12 @@ export var composeNumberFormat = function composeNumberFormat(InputComponent) {
         onChange(changeEvent, values);
       }
     };
-    var InputComponentWithoutEllipsis = function InputComponentWithoutEllipsis(props) {
+    var InputComponentWithoutEllipsis = /*#__PURE__*/forwardRef(function (props, ref) {
       return /*#__PURE__*/React.createElement(InputComponent, _extends({
+        ref: ref,
         _textEllipsisDisable: true
       }, props));
-    };
+    });
     return /*#__PURE__*/React.createElement(NumericFormat, _extends({
       thousandSeparator: thousandSeparator,
       decimalScale: decimalScale,

package/styled-components/es/components/PaginationDots/PaginationDot.js

@@ -10,16 +10,17 @@ export var DotBase = /*#__PURE__*/styled.li.withConfig({
   return isActive ? '1.75rem' : '0.375rem';
 }, function (_ref2) {
   var isActive = _ref2.isActive;
-  return isActive ? 'var(--text-primary)' : 'var(--surfaceTransparentTertiary)';
+  return isActive ? 'var(--text-primary)' : 'var(--surface-transparent-tertiary)';
 });
 
 /**
  * Элемент пагинации точками.
  * Стилизованный компонент, обладающий всеми свойствами ``div``.
+ * @deprecated
  */
 export var PaginationDot = /*#__PURE__*/styled(DotBase).withConfig({
   componentId: "plasma-new-hope__sc-1lu8gfj-1"
 })(["cursor:pointer;background:", ";&:hover{background:var(--text-accent);}"], function (_ref3) {
   var isActive = _ref3.isActive;
-  return isActive ? 'var(--text-accent)' : 'var(--surfaceTransparentTertiary)';
+  return isActive ? 'var(--text-accent)' : 'var(--surface-transparent-tertiary)';
 });

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

@@ -11,6 +11,7 @@ export var DotsBase = /*#__PURE__*/styled.ul.withConfig({
 /**
  * Оборачивающий компонент для пагинации точками.
  * Стилизованный компонент, обладающий всеми свойствами ``div``.
+ * @deprecated
  */
 export var PaginationDots = /*#__PURE__*/styled(DotsBase).withConfig({
   componentId: "plasma-new-hope__sc-1ritf0l-1"

package/styled-components/es/components/PaginationDots/SmartPaginationDots.js

@@ -8,6 +8,7 @@ import { PaginationDot } from "./PaginationDot";
 /**
  * Компонент для отображения точек пагинации
  * с возможностью ограничения количества видимых элементов.
+ * @deprecated
  */
 export var SmartPaginationDots = function SmartPaginationDots(_ref) {
   var items = _ref.items,

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

@@ -17,6 +17,7 @@ import { PropsTable, Description } from '@site/src/components';
 + `"primary"` – основная;
 + `"secondary"` – вторичная;
 + `"accent"` – акцентная;
++ `"info"` – информирующая;
 + `"success"` – успешное завершение;
 + `"warning"` – предупреждение;
 + `"error"` – ошибка;

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

@@ -4,7 +4,7 @@ import { getCorrectHeight } from "./utils";
 import { tokens, constants } from "./Select.tokens";
 export var Ul = /*#__PURE__*/styled.ul.withConfig({
   componentId: "plasma-new-hope__sc-le54jv-0"
-})(["box-sizing:border-box;background:var(", ");box-shadow:", ",inset 0 0 0 var(", ",0rem) var(", ",transparent);border-radius:var(", ");width:", ";max-height:", ";overflow-y:", ";margin:", ";padding:calc(var(", ") + var(", ",0rem)) 0;"], constants.background, constants.boxShadow, tokens.dropdownBorderWidth, tokens.dropdownBorderColor, tokens.borderRadius, function (_ref) {
+})(["background:var(", ");box-shadow:", ",inset 0 0 0 var(", ",0rem) var(", ",transparent);border-radius:var(", ");width:", ";max-height:", ";overflow-y:", ";margin:", ";padding:calc(var(", ") + var(", ",0rem)) 0;"], constants.background, constants.boxShadow, tokens.dropdownBorderWidth, tokens.dropdownBorderColor, tokens.borderRadius, function (_ref) {
   var listWidth = _ref.listWidth;
   return listWidth || '100%';
 }, function (_ref2) {

package/styled-components/es/components/Select/ui/VirtualList/VirtualList.js

@@ -9,6 +9,7 @@ export var VirtualList = function VirtualList(_ref) {
   return /*#__PURE__*/React.createElement(List, {
     data: items,
     height: getHeightAsNumber(listMaxHeight),
+    fullHeight: false,
     itemHeight: 100,
     itemKey: "id",
     onScroll: onScroll

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

@@ -15,7 +15,7 @@ export var StyledRangeValue = /*#__PURE__*/styled.span.withConfig({
 })(["color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");transition:opacity 0.1s ease-in-out;&.", ",&.", "{opacity:0;}&.", "{color:var(", ");}"], tokens.rangeValueColor, tokens.valueFontFamily, tokens.valueFontSize, tokens.valueFontStyle, tokens.valueFontWeight, tokens.valueLetterSpacing, tokens.valueLineHeight, classes.hideMinValue, classes.hideMaxValue, classes.activeRangeValue, tokens.labelColor);
 export var SliderBaseWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-1qm4elt-4"
-})(["display:flex;flex:1;position:relative;&.", "{display:grid;grid-template-areas:'a a' 'b c';", "{grid-area:a;}", "{grid-area:b;&.", "{grid-area:c;justify-self:end;}}}&.", "{align-items:center;", "{margin-right:var(", ");&.", "{margin-right:0;margin-left:var(", ");}}}"], classes.rangeValuesPlacementOuter, Slider, StyledRangeValue, classes.maxRangeValue, classes.rangeValuesPlacementInner, StyledRangeValue, tokens.rangeValueHorizontalMargin, classes.maxRangeValue, tokens.rangeValueHorizontalMargin);
+})(["display:flex;flex:1;position:relative;&.", "{display:grid;grid-template-areas:'a a' 'b c';", "{grid-area:a;}", "{width:fit-content;grid-area:b;&.", "{grid-area:c;justify-self:end;}}}&.", "{align-items:center;", "{margin-right:var(", ");&.", "{margin-right:0;margin-left:var(", ");}}}"], classes.rangeValuesPlacementOuter, Slider, StyledRangeValue, classes.maxRangeValue, classes.rangeValuesPlacementInner, StyledRangeValue, tokens.rangeValueHorizontalMargin, classes.maxRangeValue, tokens.rangeValueHorizontalMargin);
 export var SingleWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-1qm4elt-5"
 })(["display:flex;opacity:var(", ");&.", "{flex-direction:column;", "{margin-bottom:var(", ");}}&.", "{", "{margin-right:var(", ");}", ":not(:has(", ")):has(", "){margin-right:var(", ");}", ":has(", "){margin-right:var(", ");}}&.", "{flex-direction:column;align-items:center;&.", "{", "{flex-direction:column-reverse;}&.", "{", "{flex-direction:column;}&.", "{", "{flex-direction:column-reverse;}}}&.", "{", "{flex-direction:column;}}}", "{align-items:center;}", "{width:var(", ");}&.", "{", "{margin-right:0;margin-bottom:var(", ");}}&.", "{align-items:flex-end;", "{flex-direction:row-reverse;}}&.", "{align-items:flex-start;}&.", "{flex-direction:column-reverse;", "{margin-top:var(", ");margin-right:0;margin-bottom:0;}}}&.", "{flex-direction:column;align-items:center;justify-content:center;", "{flex-direction:column;align-items:center;justify-content:center;}&.", "{", "{position:static;bottom:0;left:0;margin-bottom:var(", ");&.", "{left:0;right:0;bottom:0;margin-top:var(", ");margin-bottom:0;}}}&.", ",&.", "{", "{display:grid;grid-template-areas:'b a' 'c a';flex-direction:unset;align-items:unset;justify-content:unset;width:unset;}", "{grid-area:a;}", "{grid-area:b;align-self:start;justify-self:end;&.", "{grid-area:c;align-self:end;}}}&.", "{", "{grid-template-areas:'a b' 'a c';}", "{justify-self:start;}}}"], tokens.disabledOpacity, classes.labelPlacementOuter, LabelWrapper, tokens.labelWrapperMarginBottom, classes.labelPlacementInner, LabelWrapper, tokens.labelWrapperMarginRight, LabelWrapper, Label, LabelContent, tokens.labelWrapperOnlyIconMarginRight, LabelWrapper, Label, tokens.labelWrapperMarginRight, classes.verticalOrientation, classes.labelAlignCenter, LabelWrapper, classes.labelPlacementBottom, LabelWrapper, classes.labelContentReversed, LabelWrapper, classes.labelContentReversed, LabelWrapper, LabelWrapper, SliderBaseWrapper, tokens.size, classes.labelPlacementInner, LabelWrapper, tokens.labelWrapperVerticalMargin, classes.labelAlignLeft, LabelWrapper, classes.labelAlignRight, classes.labelPlacementBottom, LabelWrapper, tokens.labelWrapperVerticalMargin, classes.verticalOrientation, SliderBaseWrapper, classes.labelAlignCenter, StyledRangeValue, tokens.rangeValueVerticalMargin, classes.maxRangeValue, tokens.rangeValueVerticalMargin, classes.labelAlignLeft, classes.labelAlignRight, SliderBaseWrapper, Slider, StyledRangeValue, classes.maxRangeValue, classes.labelAlignRight, SliderBaseWrapper, StyledRangeValue);