@salutejs/plasma-new-hope 0.324.0-canary.1984.15159659604.0 → 0.324.0-canary.1985.15205350468.0

package/styled-components/cjs/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';

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

@@ -19,6 +19,7 @@ var VirtualList = exports.VirtualList = function VirtualList(_ref) {
   return /*#__PURE__*/_react["default"].createElement(_rcVirtualList["default"], {
     data: items,
     height: (0, _utils.getHeightAsNumber)(listMaxHeight),
+    fullHeight: false,
     itemHeight: 100,
     itemKey: "id",
     onScroll: onScroll

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

@@ -10,6 +10,7 @@ var _Link = /*#__PURE__*/require("../Link");
 var _engines = /*#__PURE__*/require("../../engines");
 var _Icon = /*#__PURE__*/require("../_Icon");
 var _mixins = /*#__PURE__*/require("../../mixins");
+var _Link2 = /*#__PURE__*/require("../Link/Link.tokens");
 var _Breadcrumbs = /*#__PURE__*/require("./Breadcrumbs.tokens");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -17,10 +18,10 @@ var mergedLinkConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Link.linkConfig);
 var Link = /*#__PURE__*/(0, _engines.component)(mergedLinkConfig);
 var StyledLink = exports.StyledLink = /*#__PURE__*/(0, _styledComponents["default"])(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(_Breadcrumbs.tokens.breadcrumbsColor, ")") : "var(".concat(_Breadcrumbs.tokens.breadcrumbsColorText, ")");
-}, _Breadcrumbs.tokens.breadcrumbsOpacity, function (_ref2) {
+}, _Link2.tokens.linkColor, _Link2.tokens.linkColorHover, _Link2.tokens.linkColorActive, _Link2.tokens.linkDisabledOpacity, _Breadcrumbs.tokens.breadcrumbsOpacity, function (_ref2) {
   var isHref = _ref2.isHref;
   return isHref ? 1 : "var(".concat(_Breadcrumbs.tokens.breadcrumbsOpacity, ")");
 }, /*#__PURE__*/(0, _mixins.addFocus)({

package/styled-components/cjs/components/Calendar/hooks/useMonths.js

@@ -18,8 +18,7 @@ var useMonths = exports.useMonths = function useMonths(_ref) {
     min = _ref.min,
     max = _ref.max,
     _ref$locale = _ref.locale,
-    locale = _ref$locale === void 0 ? 'ru' : _ref$locale,
-    includeEdgeDates = _ref.includeEdgeDates;
+    locale = _ref$locale === void 0 ? 'ru' : _ref$locale;
   return (0, _react.useMemo)(function () {
     var months = _utils.SHORT_MONTH_NAME[locale].map(function (monthName, monthIndex) {
       return {
@@ -44,7 +43,6 @@ var useMonths = exports.useMonths = function useMonths(_ref) {
         type: _types.CalendarState.Months,
         min: min,
         max: max,
-        includeEdgeDates: includeEdgeDates,
         eventList: eventList,
         disabledList: disabledList
       });

package/styled-components/cjs/components/Calendar/hooks/useQuarters.js

@@ -16,8 +16,7 @@ var useQuarters = exports.useQuarters = function useQuarters(_ref) {
     eventList = _ref.eventList,
     disabledList = _ref.disabledList,
     min = _ref.min,
-    max = _ref.max,
-    includeEdgeDates = _ref.includeEdgeDates;
+    max = _ref.max;
   return (0, _react.useMemo)(function () {
     var quarters = _utils.QUARTER_NAMES.map(function (quarterName) {
       var _quarterDates$quarter = _utils.quarterDates[quarterName],
@@ -43,7 +42,6 @@ var useQuarters = exports.useQuarters = function useQuarters(_ref) {
         type: _types.CalendarState.Quarters,
         min: min,
         max: max,
-        includeEdgeDates: includeEdgeDates,
         eventList: eventList,
         disabledList: disabledList
       });

package/styled-components/cjs/components/Calendar/hooks/useYears.js

@@ -17,8 +17,7 @@ var useYears = exports.useYears = function useYears(_ref) {
     eventList = _ref.eventList,
     disabledList = _ref.disabledList,
     min = _ref.min,
-    max = _ref.max,
-    includeEdgeDates = _ref.includeEdgeDates;
+    max = _ref.max;
   return (0, _react.useMemo)(function () {
     // type-coverage:ignore-next-line
     var years = Array.from(Array(_utils.YEAR_RENDER_COUNT), function (_, i) {
@@ -43,7 +42,6 @@ var useYears = exports.useYears = function useYears(_ref) {
         type: _types.CalendarState.Years,
         min: min,
         max: max,
-        includeEdgeDates: includeEdgeDates,
         eventList: eventList,
         disabledList: disabledList
       });

package/styled-components/cjs/components/Calendar/utils/getDateWithModification.js

@@ -48,7 +48,7 @@ var normalizeDate = function normalizeDate(date, type) {
     date.setMonth(0);
   }
 };
-var isDisabledNextDate = function isDisabledNextDate(_ref, type, max, includeEdgeDates) {
+var isDisabledNextDate = function isDisabledNextDate(_ref, type, max) {
   var year = _ref.year,
     monthIndex = _ref.monthIndex,
     day = _ref.day;
@@ -60,13 +60,13 @@ var isDisabledNextDate = function isDisabledNextDate(_ref, type, max, includeEdg
   var currentDate = new Date(year, monthIndex, day);
   dateOperationHandler[type].add(currentDate);
   var isOut = true;
-  while (isOut && includeEdgeDates ? currentDate < maxDate : currentDate <= maxDate) {
-    isOut = includeEdgeDates ? maxDate < currentDate : maxDate <= currentDate;
+  while (isOut && currentDate <= maxDate) {
+    isOut = maxDate <= currentDate;
     dateOperationHandler[type].add(currentDate);
   }
   return isOut;
 };
-var isDisabledPreviousDate = function isDisabledPreviousDate(_ref2, type, min, includeEdgeDates) {
+var isDisabledPreviousDate = function isDisabledPreviousDate(_ref2, type, min) {
   var year = _ref2.year,
     monthIndex = _ref2.monthIndex,
     day = _ref2.day;
@@ -78,58 +78,54 @@ var isDisabledPreviousDate = function isDisabledPreviousDate(_ref2, type, min, i
   var currentDate = new Date(year, monthIndex, day);
   dateOperationHandler[type].subtract(currentDate);
   var isOut = true;
-  while (isOut && includeEdgeDates ? currentDate > minDate : currentDate >= minDate) {
-    isOut = includeEdgeDates ? minDate > currentDate : minDate >= currentDate;
+  while (isOut && currentDate >= minDate) {
+    isOut = minDate >= currentDate;
     dateOperationHandler[type].subtract(currentDate);
   }
   return isOut;
 };
-var getDisabledDates = function getDisabledDates(list, type, min, max, includeEdgeDates) {
+var getDisabledDates = function getDisabledDates(list, type, min, max) {
   var disabledDate = [];
-  if (isDisabledPreviousDate(list[0], type, min, includeEdgeDates)) {
+  if (isDisabledPreviousDate(list[0], type, min)) {
     disabledDate.push('previous');
   }
-  if (isDisabledNextDate(list[list.length - 1], type, max, includeEdgeDates)) {
+  if (isDisabledNextDate(list[list.length - 1], type, max)) {
     disabledDate.push('next');
   }
   return disabledDate.join(',');
 };
-var isDisabledArrowLeft = function isDisabledArrowLeft(date, min, includeEdgeDates) {
+var isDisabledArrowLeft = function isDisabledArrowLeft(date, min) {
   var currentDate = new Date(date);
   currentDate.setDate(currentDate.getDate() - 1);
-  var disableCondition = min && (includeEdgeDates ? min > currentDate : min >= currentDate);
-  return disableCondition;
+  return min && min >= currentDate || min && min >= date;
 };
-var isDisabledArrowRight = function isDisabledArrowRight(date, max, includeEdgeDates) {
+var isDisabledArrowRight = function isDisabledArrowRight(date, max) {
   var currentDate = new Date(date);
   currentDate.setDate(currentDate.getDate() + 1);
-  var disableCondition = max && (includeEdgeDates ? max < currentDate : max <= currentDate);
-  return disableCondition;
+  return max && max <= currentDate || max && max <= date;
 };
-var isDisabledArrowUp = function isDisabledArrowUp(date, min, includeEdgeDates) {
+var isDisabledArrowUp = function isDisabledArrowUp(date, min) {
   var currentDate = new Date(date);
   currentDate.setDate(date.getDate() - 7);
-  var disableCondition = min && (includeEdgeDates ? min > currentDate : min >= currentDate);
-  return disableCondition;
+  return min && min >= currentDate;
 };
-var isDisabledArrowDown = function isDisabledArrowDown(date, max, includeEdgeDates) {
+var isDisabledArrowDown = function isDisabledArrowDown(date, max) {
   var currentDate = new Date(date);
   currentDate.setDate(date.getDate() + 7);
-  var disableCondition = max && (includeEdgeDates ? max < currentDate : max <= currentDate);
-  return disableCondition;
+  return max && max <= currentDate;
 };
-var getDisabledArrowKey = function getDisabledArrowKey(currentDate, min, max, includeEdgeDates) {
+var getDisabledArrowKey = function getDisabledArrowKey(currentDate, min, max) {
   var disabledArrowKey = [];
-  if (isDisabledArrowLeft(currentDate, min, includeEdgeDates)) {
+  if (isDisabledArrowLeft(currentDate, min)) {
     disabledArrowKey.push('left');
   }
-  if (isDisabledArrowRight(currentDate, max, includeEdgeDates)) {
+  if (isDisabledArrowRight(currentDate, max)) {
     disabledArrowKey.push('right');
   }
-  if (isDisabledArrowDown(currentDate, max, includeEdgeDates)) {
+  if (isDisabledArrowDown(currentDate, max)) {
     disabledArrowKey.push('down');
   }
-  if (isDisabledArrowUp(currentDate, min, includeEdgeDates)) {
+  if (isDisabledArrowUp(currentDate, min)) {
     disabledArrowKey.push('up');
   }
   return disabledArrowKey.join(',');
@@ -158,7 +154,7 @@ var getDatesWithModifications = exports.getDatesWithModifications = function get
     var date = _ref5.date;
     return date;
   });
-  var disabledDates = getDisabledDates(datesList, type, min, max, includeEdgeDates);
+  var disabledDates = getDisabledDates(datesList, type, min, max);
   return dates.map(function (dateItem) {
     var date = dateItem.date;
     var year = date.year,
@@ -183,7 +179,7 @@ var getDatesWithModifications = exports.getDatesWithModifications = function get
     dateItem.events = eventsMap.get(keyDate);
     dateItem.disabled = disabledDatesMap.has(keyDate) || isOutOfMinMaxRange;
     dateItem.isOutOfMinMaxRange = isOutOfMinMaxRange;
-    dateItem.disabledArrowKey = getDisabledArrowKey(currentDate, min, max, includeEdgeDates);
+    dateItem.disabledArrowKey = getDisabledArrowKey(currentDate, min, max);
     dateItem.disabledDates = disabledDates;
     return dateItem;
   });

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

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

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

@@ -16,7 +16,7 @@ var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_EmptyState.emptyState
 var EmptyState = /*#__PURE__*/(0, _engines.component)(mergedConfig);
 var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].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;}"], _Combobox.constants.background, _Combobox.constants.boxShadow, _Combobox.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;}"], _Combobox.constants.background, _Combobox.constants.boxShadow, _Combobox.tokens.borderRadius, function (_ref) {
   var listWidth = _ref.listWidth;
   return listWidth || '100%';
 }, function (_ref2) {

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

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.VirtualList = void 0;
 var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
 var _rcVirtualList = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("rc-virtual-list"));
-var _ui = /*#__PURE__*/require("../Inner/ui");
 var _utils = /*#__PURE__*/require("../../../../../utils");
+var _ui = /*#__PURE__*/require("../Inner/ui");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var VirtualList = exports.VirtualList = function VirtualList(_ref) {
   var items = _ref.items,
@@ -16,6 +16,7 @@ var VirtualList = exports.VirtualList = function VirtualList(_ref) {
   return /*#__PURE__*/_react["default"].createElement(_rcVirtualList["default"], {
     data: items,
     height: (0, _utils.getHeightAsNumber)(listMaxHeight),
+    fullHeight: false,
     itemHeight: 100,
     itemKey: "id",
     onScroll: onScroll

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tokens = void 0;
+var tokens = exports.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/cjs/components/Link/Link.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -5,4 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[disabled]{opacity:var(--plasma-link-disabled-opacity);cursor:not-allowed;:hover,:active{color:var(--plasma-link-color);}::before{opacity:1;}}"]);
+var _Link = /*#__PURE__*/require("../Link.tokens");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[disabled]{opacity:var(", ");cursor:not-allowed;:hover,:active{color:var(", ");}::before{opacity:1;}}"], _Link.tokens.linkDisabledOpacity, _Link.tokens.linkColor);

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

@@ -5,4 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.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;}"]);
+var _Link = /*#__PURE__*/require("../Link.tokens");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.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;}"], _Link.tokens.linkColorFocus);

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

@@ -5,7 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
+var _Link = /*#__PURE__*/require("../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(_Link.tokens.linkColor, "));\n\n    ::before {\n        opacity: 1;\n    }\n");
 };
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.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'));
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");color:var(", ");::before{border-bottom:var(", ") solid currentColor;}&:hover{", ";}&:active{", ";}&:visited{", ";}&:visited:hover{", ";}&:visited:active{", ";}"], _Link.tokens.linkFontFamily, _Link.tokens.linkColor, _Link.tokens.linkUnderlineBorder, /*#__PURE__*/getColor(_Link.tokens.linkColorHover), /*#__PURE__*/getColor(_Link.tokens.linkColorActive), /*#__PURE__*/getColor(_Link.tokens.linkColorVisited), /*#__PURE__*/getColor(_Link.tokens.linkColorVisitedHover), /*#__PURE__*/getColor(_Link.tokens.linkColorVisitedActive));

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

@@ -15,4 +15,11 @@ Object.defineProperty(exports, "linkRoot", {
     return _Link.linkRoot;
   }
 });
-var _Link = /*#__PURE__*/require("./Link");
+Object.defineProperty(exports, "linkTokens", {
+  enumerable: true,
+  get: function get() {
+    return _Link2.tokens;
+  }
+});
+var _Link = /*#__PURE__*/require("./Link");
+var _Link2 = /*#__PURE__*/require("./Link.tokens");

package/styled-components/cjs/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/cjs/components/Select/Select.styles.js

@@ -12,7 +12,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].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;"], _Select.constants.background, _Select.constants.boxShadow, _Select.tokens.dropdownBorderWidth, _Select.tokens.dropdownBorderColor, _Select.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;"], _Select.constants.background, _Select.constants.boxShadow, _Select.tokens.dropdownBorderWidth, _Select.tokens.dropdownBorderColor, _Select.tokens.borderRadius, function (_ref) {
   var listWidth = _ref.listWidth;
   return listWidth || '100%';
 }, function (_ref2) {

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

@@ -16,6 +16,7 @@ var VirtualList = exports.VirtualList = function VirtualList(_ref) {
   return /*#__PURE__*/_react["default"].createElement(_rcVirtualList["default"], {
     data: items,
     height: (0, _utils.getHeightAsNumber)(listMaxHeight),
+    fullHeight: false,
     itemHeight: 100,
     itemKey: "id",
     onScroll: onScroll

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/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/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,