@salutejs/plasma-new-hope 0.170.0-canary.1490.11387458591.0 → 0.171.0-canary.1459.11400476651.0

package/styled-components/cjs/components/TextField/variations/_hint-view/tokens.json

@@ -0,0 +1,5 @@
+[
+    "--plasma-textfield__tooltip-background-color",
+    "--plasma-textfield__tooltip-box-shadow",
+    "--plasma-textfield__tooltip-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;margin-bottom:var(", ");color:var(", ");}}&.", "{", "{padding: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:var(", ");padding-top:calc(calc(var(", ") - var(", ")) / 2);padding-bottom:calc(calc(var(", ") - var(", ")) / 2);}&.", " ", "{color:var(", ");}}"], _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelOffset, _TextField.tokens.labelColor, _TextField.classes.innerLabelPlacement, _TextField2.InputContainer, _TextField.tokens.contentLabelInnerPadding, _TextField2.StyledTextAfter, _TextField2.StyledTextBefore, _TextField.tokens.contentLabelInnerPadding, _TextField2.Input, _TextField2.Label, _TextField2.Input, _TextField.classes.hasValue, _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.tokens.height, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _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(", ");}", ",", "{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:var(", ");padding-top:calc(calc(var(", ") - var(", ")) / 2);padding-bottom:calc(calc(var(", ") - var(", ")) / 2);}&.", " ", "{color:var(", ");}}"], _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColor, _TextField.classes.innerLabelPlacement, _TextField2.InputContainer, _TextField.tokens.contentLabelInnerPadding, _TextField2.StyledTextAfter, _TextField2.StyledTextBefore, _TextField.tokens.contentLabelInnerPadding, _TextField2.Input, _TextField2.Label, _TextField2.Input, _TextField.classes.hasValue, _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.tokens.height, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.tokens.height, _TextField.tokens.labelLineHeight, _TextField.classes.clear, _TextField2.Label, _TextField.tokens.clearPlaceholderColor);

package/styled-components/cjs/components/TextField/variations/_read-only/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)(["&[readonly]{", "{color:var(", ");background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}&.", " ", "{&:before{background-color:var(", ");}}", ":hover{background-color:var(", ");}", ":focus-within ", ",", "{color:var(", ");}", "{color:var(", ");cursor:default;min-width:unset;}", "{color:var(", ");}&.", " ", "{color:var(", ");}}"], _TextField2.InputWrapper, _TextField.tokens.colorReadOnly, /*#__PURE__*/String(_TextField.tokens.backgroundColorReadOnly), /*#__PURE__*/String(_TextField.tokens.borderWidth), /*#__PURE__*/String(_TextField.tokens.borderColorReadOnly), _TextField.classes.hasDivider, _TextField2.InputWrapper, /*#__PURE__*/String(_TextField.tokens.dividerColorReadOnly), _TextField2.InputWrapper, _TextField.tokens.backgroundColorReadOnly, _TextField2.InputWrapper, _TextField2.InputPlaceholder, _TextField2.InputPlaceholder, _TextField.tokens.placeholderColorReadOnly, _TextField2.Input, _TextField.tokens.colorReadOnly, _TextField2.LeftHelper, _TextField.tokens.leftHelperColorReadOnly, _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColorReadOnly);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{", "{color:var(", ");background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}&.", " ", "{&:before{background-color:var(", ");}}", ":hover{background-color:var(", ");}", ":focus-within ", ",", "{color:var(", ");}", "{color:var(", ");cursor:default;min-width:unset;}", "{color:var(", ");}", "{color:var(", ");}&.", " ", "{color:var(", ");}}"], _TextField2.InputWrapper, _TextField.tokens.colorReadOnly, /*#__PURE__*/String(_TextField.tokens.backgroundColorReadOnly), /*#__PURE__*/String(_TextField.tokens.borderWidth), /*#__PURE__*/String(_TextField.tokens.borderColorReadOnly), _TextField.classes.hasDivider, _TextField2.InputWrapper, /*#__PURE__*/String(_TextField.tokens.dividerColorReadOnly), _TextField2.InputWrapper, _TextField.tokens.backgroundColorReadOnly, _TextField2.InputWrapper, _TextField2.InputPlaceholder, _TextField2.InputPlaceholder, _TextField.tokens.placeholderColorReadOnly, _TextField2.Input, _TextField.tokens.colorReadOnly, _TextField2.TitleCaption, _TextField.tokens.titleCaptionColorReadOnly, _TextField2.LeftHelper, _TextField.tokens.leftHelperColorReadOnly, _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColorReadOnly);

package/styled-components/cjs/components/TextField/variations/_size/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)(["", "{width:100%;font:inherit;letter-spacing:inherit;line-height:inherit;}", "{width:100%;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{height:var(", ");border-radius:var(", ");padding:var(", ");&.", "{padding-top:var(", ");padding-bottom:var(", ");}&.", "{padding-left:var(", ");}&.", "{padding-right:var(", ");}}", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", ",", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");}", "{margin:var(", ");}"], _TextField2.Input, _TextField2.InputContainer, _TextField.tokens.fontFamily, _TextField.tokens.fontSize, _TextField.tokens.fontStyle, _TextField.tokens.fontWeight, _TextField.tokens.letterSpacing, _TextField.tokens.lineHeight, _TextField2.InputWrapper, _TextField.tokens.height, _TextField.tokens.borderRadius, _TextField.tokens.padding, _TextField.classes.hasChips, _TextField.tokens.paddingWithChips, _TextField.tokens.paddingWithChips, _TextField.classes.hasEmptyContentLeft, _TextField.tokens.paddingWithChips, _TextField.classes.hasEmptyContentRight, _TextField.tokens.paddingWithChips, _TextField2.Label, _TextField.tokens.labelFontFamily, _TextField.tokens.labelFontSize, _TextField.tokens.labelFontStyle, _TextField.tokens.labelFontWeight, _TextField.tokens.labelLetterSpacing, _TextField.tokens.labelLineHeight, _TextField2.LeftHelper, _TextField.tokens.leftHelperOffset, _TextField.tokens.leftHelperFontFamily, _TextField.tokens.leftHelperFontSize, _TextField.tokens.leftHelperFontStyle, _TextField.tokens.leftHelperFontWeight, _TextField.tokens.leftHelperLetterSpacing, _TextField.tokens.leftHelperLineHeight, _TextField2.StyledTextBefore, _TextField2.StyledTextAfter, _TextField.tokens.fontFamily, _TextField.tokens.fontSize, _TextField.tokens.fontStyle, _TextField.tokens.fontWeight, _TextField.tokens.letterSpacing, _TextField.tokens.lineHeight, _TextField2.StyledTextBefore, _TextField.tokens.textBeforeMargin, _TextField2.StyledTextAfter, _TextField.tokens.textAfterMargin);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{width:100%;font:inherit;letter-spacing:inherit;line-height:inherit;}", "{width:100%;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{height:var(", ");border-radius:var(", ");padding:var(", ");&.", "{padding-top:var(", ");padding-bottom:var(", ");}&.", "{padding-left:var(", ");}&.", "{padding-right:var(", ");}}", ",&:not(.", ") ", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");width:var(", ");height:var(", ");}", "{width:var(", ");height:var(", ");}", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", ",", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");}", "{margin:var(", ");}"], _TextField2.Input, _TextField2.InputContainer, _TextField.tokens.fontFamily, _TextField.tokens.fontSize, _TextField.tokens.fontStyle, _TextField.tokens.fontWeight, _TextField.tokens.letterSpacing, _TextField.tokens.lineHeight, _TextField2.InputWrapper, _TextField.tokens.height, _TextField.tokens.borderRadius, _TextField.tokens.padding, _TextField.classes.hasChips, _TextField.tokens.paddingWithChips, _TextField.tokens.paddingWithChips, _TextField.classes.hasEmptyContentLeft, _TextField.tokens.paddingWithChips, _TextField.classes.hasEmptyContentRight, _TextField.tokens.paddingWithChips, _TextField2.Label, _TextField.classes.innerLabelPlacement, _TextField2.StyledOptionalText, _TextField.tokens.labelFontFamily, _TextField.tokens.labelFontSize, _TextField.tokens.labelFontStyle, _TextField.tokens.labelFontWeight, _TextField.tokens.labelLetterSpacing, _TextField.tokens.labelLineHeight, _TextField2.StyledHintWrapper, _TextField.tokens.hintMargin, _TextField.tokens.hintTargetSize, _TextField.tokens.hintTargetSize, _TextField2.HintTargetWrapper, _TextField.tokens.hintTargetSize, _TextField.tokens.hintTargetSize, _TextField2.TitleCaption, _TextField.tokens.titleCaptionFontFamily, _TextField.tokens.titleCaptionFontSize, _TextField.tokens.titleCaptionFontStyle, _TextField.tokens.titleCaptionFontWeight, _TextField.tokens.titleCaptionLetterSpacing, _TextField.tokens.titleCaptionLineHeight, _TextField2.LeftHelper, _TextField.tokens.leftHelperOffset, _TextField.tokens.leftHelperFontFamily, _TextField.tokens.leftHelperFontSize, _TextField.tokens.leftHelperFontStyle, _TextField.tokens.leftHelperFontWeight, _TextField.tokens.leftHelperLetterSpacing, _TextField.tokens.leftHelperLineHeight, _TextField2.StyledTextBefore, _TextField2.StyledTextAfter, _TextField.tokens.fontFamily, _TextField.tokens.fontSize, _TextField.tokens.fontStyle, _TextField.tokens.fontWeight, _TextField.tokens.letterSpacing, _TextField.tokens.lineHeight, _TextField2.StyledTextBefore, _TextField.tokens.textBeforeMargin, _TextField2.StyledTextAfter, _TextField.tokens.textAfterMargin);

package/styled-components/cjs/components/TextField/variations/_view/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)(["", "{--plasma_private-textfield-border-color:var(", ");--plasma_private-textfield-bg-color:var(", ");color:var(", ");background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(", ") var(--plasma_private-textfield-border-color);caret-color:var(", ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}", ":hover{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );}", "{color:var(", ");}", "{color:var(", ");}", ":focus-within{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );", "{color:var(", ");}}", "{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}"], _TextField2.InputWrapper, /*#__PURE__*/String(_TextField.tokens.borderColor), /*#__PURE__*/String(_TextField.tokens.backgroundColor), _TextField.tokens.color, _TextField.tokens.borderWidth, _TextField.tokens.caretColor, _TextField2.InputWrapper, _TextField.tokens.borderColorHover, /*#__PURE__*/String(_TextField.tokens.borderColor), _TextField.tokens.backgroundColorHover, /*#__PURE__*/String(_TextField.tokens.backgroundColor), _TextField2.Input, _TextField.tokens.color, _TextField2.InputPlaceholder, _TextField.tokens.placeholderColor, _TextField2.InputWrapper, _TextField.tokens.borderColorFocus, /*#__PURE__*/String(_TextField.tokens.borderColor), _TextField.tokens.backgroundColorFocus, /*#__PURE__*/String(_TextField.tokens.backgroundColor), _TextField2.InputPlaceholder, _TextField.tokens.placeholderColorFocus, _TextField2.LeftHelper, _TextField.tokens.leftHelperColor, _TextField2.StyledTextBefore, _TextField.tokens.textBeforeColor, _TextField2.StyledTextAfter, _TextField.tokens.textAfterColor);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{--plasma_private-textfield-border-color:var(", ");--plasma_private-textfield-bg-color:var(", ");color:var(", ");background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(", ") var(--plasma_private-textfield-border-color);caret-color:var(", ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}", ":hover{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );}", "{color:var(", ");}", "{color:var(", ");}", ":focus-within{--plasma_private-textfield-border-color:var(", ",var(", "));--plasma_private-textfield-bg-color:var( ", ",var(", ") );", "{color:var(", ");}}", "{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}"], _TextField2.InputWrapper, /*#__PURE__*/String(_TextField.tokens.borderColor), /*#__PURE__*/String(_TextField.tokens.backgroundColor), _TextField.tokens.color, _TextField.tokens.borderWidth, _TextField.tokens.caretColor, _TextField2.InputWrapper, _TextField.tokens.borderColorHover, /*#__PURE__*/String(_TextField.tokens.borderColor), _TextField.tokens.backgroundColorHover, /*#__PURE__*/String(_TextField.tokens.backgroundColor), _TextField2.Input, _TextField.tokens.color, _TextField2.InputPlaceholder, _TextField.tokens.placeholderColor, _TextField2.InputWrapper, _TextField.tokens.borderColorFocus, /*#__PURE__*/String(_TextField.tokens.borderColor), _TextField.tokens.backgroundColorFocus, /*#__PURE__*/String(_TextField.tokens.backgroundColor), _TextField2.InputPlaceholder, _TextField.tokens.placeholderColorFocus, _TextField2.TitleCaption, _TextField.tokens.titleCaptionColor, _TextField2.LeftHelper, _TextField.tokens.leftHelperColor, _TextField2.StyledTextBefore, _TextField.tokens.textBeforeColor, _TextField2.StyledTextAfter, _TextField.tokens.textAfterColor);

package/styled-components/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InfoCircleOutline = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _path;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var InfoCircleOutline = exports.InfoCircleOutline = function InfoCircleOutline(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+    width: "100%",
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM13 8C13 8.55228 12.5523 9 12 9C11.4477 9 11 8.55228 11 8C11 7.44772 11.4477 7 12 7C12.5523 7 13 7.44772 13 8ZM12 10.25C12.4142 10.25 12.75 10.5858 12.75 11V17C12.75 17.4142 12.4142 17.75 12 17.75C11.5858 17.75 11.25 17.4142 11.25 17V11C11.25 10.5858 11.5858 10.25 12 10.25Z",
+    fill: "currentColor"
+  })));
+};

package/styled-components/cjs/components/_Icon/Icons/IconInfoCircleOutline.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconInfoCircleOutline = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _InfoCircleOutline = /*#__PURE__*/require("../Icon.assets/InfoCircleOutline");
+var _IconRoot = /*#__PURE__*/require("../IconRoot");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var IconInfoCircleOutline = exports.IconInfoCircleOutline = function IconInfoCircleOutline(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 's' : _ref$size,
+    color = _ref.color,
+    className = _ref.className;
+  return /*#__PURE__*/_react["default"].createElement(_IconRoot.IconRoot, {
+    className: className,
+    size: size,
+    color: color,
+    icon: _InfoCircleOutline.InfoCircleOutline
+  });
+};

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

@@ -141,6 +141,12 @@ Object.defineProperty(exports, "IconDone", {
     return _IconDone.IconDone;
   }
 });
+Object.defineProperty(exports, "IconInfoCircleOutline", {
+  enumerable: true,
+  get: function get() {
+    return _IconInfoCircleOutline.IconInfoCircleOutline;
+  }
+});
 Object.defineProperty(exports, "IconMic", {
   enumerable: true,
   get: function get() {
@@ -184,4 +190,5 @@ var _IconBlankDocOutline = /*#__PURE__*/require("./Icons/IconBlankDocOutline");
 var _IconBlankOutline = /*#__PURE__*/require("./Icons/IconBlankOutline");
 var _IconBlankPdfOutline = /*#__PURE__*/require("./Icons/IconBlankPdfOutline");
 var _IconBlankTxtOutline = /*#__PURE__*/require("./Icons/IconBlankTxtOutline");
-var _IconBlankXlsOutline = /*#__PURE__*/require("./Icons/IconBlankXlsOutline");
+var _IconBlankXlsOutline = /*#__PURE__*/require("./Icons/IconBlankXlsOutline");
+var _IconInfoCircleOutline = /*#__PURE__*/require("./Icons/IconInfoCircleOutline");

package/styled-components/cjs/examples/_helpers.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.WithTheme = void 0;
 exports.argTypesFromConfig = argTypesFromConfig;
 var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _themes = /*#__PURE__*/require("./themes");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -14,9 +15,19 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-// TODO: Удалить в отдельном пр из всех компонент
-var WithTheme = exports.WithTheme = function WithTheme(Story) {
-  return /*#__PURE__*/_react["default"].createElement(Story, null);
+var WithTheme = exports.WithTheme = function WithTheme(Story, context) {
+  var _themes$themeName;
+  var themeType = context.globals.theme;
+  var themeName = context.title.split('/')[0];
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    id: "theme-root",
+    className: _themes.themes === null || _themes.themes === void 0 || (_themes$themeName = _themes.themes[themeName]) === null || _themes$themeName === void 0 ? void 0 : _themes$themeName[themeType],
+    style: {
+      padding: '1rem',
+      minHeight: '100vh',
+      boxSizing: 'border-box'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(Story, null));
 };
 function argTypesFromConfig(config) {
   var exclude = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];

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

@@ -14,10 +14,10 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-secondary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":transparent;", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-accent);", ":var(--text-primary);"], _Autocomplete.autocompleteTokens.textFieldColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColorFocus, _Autocomplete.autocompleteTokens.textFieldBackgroundColor, _Autocomplete.autocompleteTokens.textFieldBackgroundColorFocus, _Autocomplete.autocompleteTokens.textFieldCaretColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColor, _Autocomplete.autocompleteTokens.textFieldTextBeforeColor, _Autocomplete.autocompleteTokens.textFieldTextAfterColor, _Autocomplete.autocompleteTokens.textFieldLabelColor, _Autocomplete.autocompleteTokens.textFieldLeftHelperColor, _Autocomplete.autocompleteTokens.textFieldFocusColor, _Autocomplete.autocompleteTokens.background, _Autocomplete.autocompleteTokens.boxShadow, _Autocomplete.autocompleteTokens.itemBackground, _Autocomplete.autocompleteTokens.itemBackgroundHover, _Autocomplete.autocompleteTokens.itemColor, _Autocomplete.autocompleteTokens.focusColor, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerColor),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":transparent;", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-accent);", ":var(--text-primary);"], _Autocomplete.autocompleteTokens.textFieldColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColorFocus, _Autocomplete.autocompleteTokens.textFieldBackgroundColor, _Autocomplete.autocompleteTokens.textFieldBackgroundColorFocus, _Autocomplete.autocompleteTokens.textFieldCaretColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColor, _Autocomplete.autocompleteTokens.textFieldTextBeforeColor, _Autocomplete.autocompleteTokens.textFieldTextAfterColor, _Autocomplete.autocompleteTokens.textFieldLabelColor, _Autocomplete.autocompleteTokens.textFieldLeftHelperColor, _Autocomplete.autocompleteTokens.textFieldFocusColor, _Autocomplete.autocompleteTokens.background, _Autocomplete.autocompleteTokens.boxShadow, _Autocomplete.autocompleteTokens.itemBackground, _Autocomplete.autocompleteTokens.itemBackgroundHover, _Autocomplete.autocompleteTokens.itemColor, _Autocomplete.autocompleteTokens.focusColor, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerColor),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":transparent;", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-accent);", ":var(--text-primary);"], _Autocomplete.autocompleteTokens.textFieldColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColorFocus, _Autocomplete.autocompleteTokens.textFieldBackgroundColor, _Autocomplete.autocompleteTokens.textFieldBackgroundColorFocus, _Autocomplete.autocompleteTokens.textFieldCaretColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColor, _Autocomplete.autocompleteTokens.textFieldTextBeforeColor, _Autocomplete.autocompleteTokens.textFieldTextAfterColor, _Autocomplete.autocompleteTokens.textFieldLabelColor, _Autocomplete.autocompleteTokens.textFieldLeftHelperColor, _Autocomplete.autocompleteTokens.textFieldFocusColor, _Autocomplete.autocompleteTokens.background, _Autocomplete.autocompleteTokens.boxShadow, _Autocomplete.autocompleteTokens.itemBackground, _Autocomplete.autocompleteTokens.itemBackgroundHover, _Autocomplete.autocompleteTokens.itemColor, _Autocomplete.autocompleteTokens.focusColor, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerColor),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":transparent;", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-accent);", ":var(--text-primary);"], _Autocomplete.autocompleteTokens.textFieldColor, _Autocomplete.autocompleteTokens.textFieldBackgroundColor, _Autocomplete.autocompleteTokens.textFieldBackgroundColorFocus, _Autocomplete.autocompleteTokens.textFieldCaretColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColor, _Autocomplete.autocompleteTokens.textFieldTextBeforeColor, _Autocomplete.autocompleteTokens.textFieldTextAfterColor, _Autocomplete.autocompleteTokens.textFieldLabelColor, _Autocomplete.autocompleteTokens.textFieldLeftHelperColor, _Autocomplete.autocompleteTokens.textFieldFocusColor, _Autocomplete.autocompleteTokens.background, _Autocomplete.autocompleteTokens.boxShadow, _Autocomplete.autocompleteTokens.itemBackground, _Autocomplete.autocompleteTokens.itemBackgroundHover, _Autocomplete.autocompleteTokens.itemColor, _Autocomplete.autocompleteTokens.focusColor, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerColor)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-secondary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-accent);", ":var(--text-primary);"], _Autocomplete.autocompleteTokens.textFieldColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColorFocus, _Autocomplete.autocompleteTokens.textFieldBackgroundColor, _Autocomplete.autocompleteTokens.textFieldBackgroundColorFocus, _Autocomplete.autocompleteTokens.textFieldCaretColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColor, _Autocomplete.autocompleteTokens.textFieldTextBeforeColor, _Autocomplete.autocompleteTokens.textFieldTextAfterColor, _Autocomplete.autocompleteTokens.textFieldLabelColor, _Autocomplete.autocompleteTokens.textFieldLeftHelperColor, _Autocomplete.autocompleteTokens.textFieldFocusColor, _Autocomplete.autocompleteTokens.background, _Autocomplete.autocompleteTokens.boxShadow, _Autocomplete.autocompleteTokens.itemBackground, _Autocomplete.autocompleteTokens.itemBackgroundHover, _Autocomplete.autocompleteTokens.itemColor, _Autocomplete.autocompleteTokens.focusColor, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerColor),
+      positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-colors-primary);", ":var(--text-tertiary);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-accent);", ":var(--text-primary);"], _Autocomplete.autocompleteTokens.textFieldColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColorFocus, _Autocomplete.autocompleteTokens.textFieldBackgroundColor, _Autocomplete.autocompleteTokens.textFieldBackgroundColorFocus, _Autocomplete.autocompleteTokens.textFieldCaretColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColor, _Autocomplete.autocompleteTokens.textFieldTextBeforeColor, _Autocomplete.autocompleteTokens.textFieldTextAfterColor, _Autocomplete.autocompleteTokens.textFieldLabelColor, _Autocomplete.autocompleteTokens.textFieldLeftHelperColor, _Autocomplete.autocompleteTokens.textFieldFocusColor, _Autocomplete.autocompleteTokens.background, _Autocomplete.autocompleteTokens.boxShadow, _Autocomplete.autocompleteTokens.itemBackground, _Autocomplete.autocompleteTokens.itemBackgroundHover, _Autocomplete.autocompleteTokens.itemColor, _Autocomplete.autocompleteTokens.focusColor, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerColor),
+      warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-colors-primary);", ":var(--text-tertiary);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-accent);", ":var(--text-primary);"], _Autocomplete.autocompleteTokens.textFieldColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColorFocus, _Autocomplete.autocompleteTokens.textFieldBackgroundColor, _Autocomplete.autocompleteTokens.textFieldBackgroundColorFocus, _Autocomplete.autocompleteTokens.textFieldCaretColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColor, _Autocomplete.autocompleteTokens.textFieldTextBeforeColor, _Autocomplete.autocompleteTokens.textFieldTextAfterColor, _Autocomplete.autocompleteTokens.textFieldLabelColor, _Autocomplete.autocompleteTokens.textFieldLeftHelperColor, _Autocomplete.autocompleteTokens.textFieldFocusColor, _Autocomplete.autocompleteTokens.background, _Autocomplete.autocompleteTokens.boxShadow, _Autocomplete.autocompleteTokens.itemBackground, _Autocomplete.autocompleteTokens.itemBackgroundHover, _Autocomplete.autocompleteTokens.itemColor, _Autocomplete.autocompleteTokens.focusColor, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerColor),
+      negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-colors-primary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-accent);", ":var(--text-primary);"], _Autocomplete.autocompleteTokens.textFieldColor, _Autocomplete.autocompleteTokens.textFieldBackgroundColor, _Autocomplete.autocompleteTokens.textFieldBackgroundColorFocus, _Autocomplete.autocompleteTokens.textFieldCaretColor, _Autocomplete.autocompleteTokens.textFieldPlaceholderColor, _Autocomplete.autocompleteTokens.textFieldTextBeforeColor, _Autocomplete.autocompleteTokens.textFieldTextAfterColor, _Autocomplete.autocompleteTokens.textFieldLabelColor, _Autocomplete.autocompleteTokens.textFieldLeftHelperColor, _Autocomplete.autocompleteTokens.textFieldFocusColor, _Autocomplete.autocompleteTokens.background, _Autocomplete.autocompleteTokens.boxShadow, _Autocomplete.autocompleteTokens.itemBackground, _Autocomplete.autocompleteTokens.itemBackgroundHover, _Autocomplete.autocompleteTokens.itemColor, _Autocomplete.autocompleteTokens.focusColor, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerColor)
     },
     size: {
       l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.875rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":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-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.875rem;", ":0.125rem;", ":1.0625rem 1rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":2rem 1rem 1rem 1rem;", ":0.5rem;", ":1.5rem;", ":0.5rem;"], _Autocomplete.autocompleteTokens.textFieldHeight, _Autocomplete.autocompleteTokens.textFieldPadding, _Autocomplete.autocompleteTokens.textFieldBorderRadius, _Autocomplete.autocompleteTokens.textFieldLeftContentMargin, _Autocomplete.autocompleteTokens.textFieldRightContentMargin, _Autocomplete.autocompleteTokens.textFieldTextBeforeMargin, _Autocomplete.autocompleteTokens.textFieldTextAfterMargin, _Autocomplete.autocompleteTokens.textFieldFontFamily, _Autocomplete.autocompleteTokens.textFieldFontSize, _Autocomplete.autocompleteTokens.textFieldFontStyle, _Autocomplete.autocompleteTokens.textFieldFontWeight, _Autocomplete.autocompleteTokens.textFieldLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLineHeight, _Autocomplete.autocompleteTokens.textFieldLabelOffset, _Autocomplete.autocompleteTokens.textFieldLabelFontFamily, _Autocomplete.autocompleteTokens.textFieldLabelFontSize, _Autocomplete.autocompleteTokens.textFieldLabelFontStyle, _Autocomplete.autocompleteTokens.textFieldLabelFontWeight, _Autocomplete.autocompleteTokens.textFieldLabelLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLabelLineHeight, _Autocomplete.autocompleteTokens.textFieldLeftHelperOffset, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontFamily, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontSize, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontStyle, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontWeight, _Autocomplete.autocompleteTokens.textFieldLeftHelperLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLeftHelperLineHeight, _Autocomplete.autocompleteTokens.textFieldLabelInnerPadding, _Autocomplete.autocompleteTokens.textFieldContentLabelInnerPadding, _Autocomplete.autocompleteTokens.borderRadius, _Autocomplete.autocompleteTokens.padding, _Autocomplete.autocompleteTokens.itemPadding, _Autocomplete.autocompleteTokens.itemBorderRadius, _Autocomplete.autocompleteTokens.itemFontFamily, _Autocomplete.autocompleteTokens.itemFontSize, _Autocomplete.autocompleteTokens.itemFontStyle, _Autocomplete.autocompleteTokens.itemFontWeight, _Autocomplete.autocompleteTokens.itemFontLetterSpacing, _Autocomplete.autocompleteTokens.itemFontLineHeight, _Autocomplete.autocompleteTokens.emptyStatePadding, _Autocomplete.autocompleteTokens.emptyStateGap, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerSize, _Autocomplete.autocompleteTokens.infiniteLoaderGap),
@@ -26,7 +26,7 @@ var config = exports.config = {
       xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.5rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":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-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":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-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":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-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.5rem;", ":0.125rem;", ":0.5625rem 0.5rem;", ":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-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem 0.5rem 0.5rem 0.5rem;", ":0.25rem;", ":1rem;", ":0.25rem;"], _Autocomplete.autocompleteTokens.textFieldHeight, _Autocomplete.autocompleteTokens.textFieldPadding, _Autocomplete.autocompleteTokens.textFieldBorderRadius, _Autocomplete.autocompleteTokens.textFieldLeftContentMargin, _Autocomplete.autocompleteTokens.textFieldRightContentMargin, _Autocomplete.autocompleteTokens.textFieldTextBeforeMargin, _Autocomplete.autocompleteTokens.textFieldTextAfterMargin, _Autocomplete.autocompleteTokens.textFieldFontFamily, _Autocomplete.autocompleteTokens.textFieldFontSize, _Autocomplete.autocompleteTokens.textFieldFontStyle, _Autocomplete.autocompleteTokens.textFieldFontWeight, _Autocomplete.autocompleteTokens.textFieldLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLineHeight, _Autocomplete.autocompleteTokens.textFieldLabelOffset, _Autocomplete.autocompleteTokens.textFieldLabelFontFamily, _Autocomplete.autocompleteTokens.textFieldLabelFontSize, _Autocomplete.autocompleteTokens.textFieldLabelFontStyle, _Autocomplete.autocompleteTokens.textFieldLabelFontWeight, _Autocomplete.autocompleteTokens.textFieldLabelLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLabelLineHeight, _Autocomplete.autocompleteTokens.textFieldLeftHelperOffset, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontFamily, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontSize, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontStyle, _Autocomplete.autocompleteTokens.textFieldLeftHelperFontWeight, _Autocomplete.autocompleteTokens.textFieldLeftHelperLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLeftHelperLineHeight, _Autocomplete.autocompleteTokens.textFieldLabelInnerPadding, _Autocomplete.autocompleteTokens.textFieldContentLabelInnerPadding, _Autocomplete.autocompleteTokens.borderRadius, _Autocomplete.autocompleteTokens.padding, _Autocomplete.autocompleteTokens.itemPadding, _Autocomplete.autocompleteTokens.itemBorderRadius, _Autocomplete.autocompleteTokens.itemFontFamily, _Autocomplete.autocompleteTokens.itemFontSize, _Autocomplete.autocompleteTokens.itemFontStyle, _Autocomplete.autocompleteTokens.itemFontWeight, _Autocomplete.autocompleteTokens.itemFontLetterSpacing, _Autocomplete.autocompleteTokens.itemFontLineHeight, _Autocomplete.autocompleteTokens.emptyStatePadding, _Autocomplete.autocompleteTokens.emptyStateGap, _Autocomplete.autocompleteTokens.infiniteLoaderSpinnerSize, _Autocomplete.autocompleteTokens.infiniteLoaderGap)
     },
     labelPlacement: {
-      inner: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":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-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Autocomplete.autocompleteTokens.textFieldPlaceholderColor, _Autocomplete.autocompleteTokens.textFieldLabelInnerFontFamily, _Autocomplete.autocompleteTokens.textFieldLabelInnerFontSize, _Autocomplete.autocompleteTokens.textFieldLabelInnerFontStyle, _Autocomplete.autocompleteTokens.textFieldLabelInnerFontWeight, _Autocomplete.autocompleteTokens.textFieldLabelInnerLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLabelInnerLineHeight),
+      inner: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-input-label-color,var(--plasma-input-placeholder-color,var(--plasma-colors-secondary)));", ":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-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Autocomplete.autocompleteTokens.textFieldPlaceholderColor, _Autocomplete.autocompleteTokens.textFieldLabelInnerFontFamily, _Autocomplete.autocompleteTokens.textFieldLabelInnerFontSize, _Autocomplete.autocompleteTokens.textFieldLabelInnerFontStyle, _Autocomplete.autocompleteTokens.textFieldLabelInnerFontWeight, _Autocomplete.autocompleteTokens.textFieldLabelInnerLetterSpacing, _Autocomplete.autocompleteTokens.textFieldLabelInnerLineHeight),
       outer: /*#__PURE__*/(0, _styledComponents.css)([""])
     },
     disabled: {

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

@@ -15,9 +15,9 @@ var config = exports.config = {
   variations: {
     view: {
       "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-secondary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;"], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldBackgroundColor, _Combobox.comboboxNewTokens.textFieldBackgroundColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;"], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldBackgroundColor, _Combobox.comboboxNewTokens.textFieldBackgroundColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;"], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldBackgroundColor, _Combobox.comboboxNewTokens.textFieldBackgroundColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;"], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldBackgroundColor, _Combobox.comboboxNewTokens.textFieldBackgroundColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly)
+      positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-colors-primary);", ":var(--text-tertiary);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;"], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldBackgroundColor, _Combobox.comboboxNewTokens.textFieldBackgroundColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly),
+      warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-colors-primary);", ":var(--text-tertiary);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;"], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldBackgroundColor, _Combobox.comboboxNewTokens.textFieldBackgroundColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly),
+      negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-colors-primary);", ":var(--text-tertiary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;"], _Combobox.comboboxNewTokens.textFieldColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColorFocus, _Combobox.comboboxNewTokens.textFieldBackgroundColor, _Combobox.comboboxNewTokens.textFieldBackgroundColorFocus, _Combobox.comboboxNewTokens.textFieldCaretColor, _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldTextBeforeColor, _Combobox.comboboxNewTokens.textFieldTextAfterColor, _Combobox.comboboxNewTokens.textFieldLabelColor, _Combobox.comboboxNewTokens.textFieldLeftHelperColor, _Combobox.comboboxNewTokens.textFieldFocusColor, _Combobox.comboboxNewTokens.textFieldChipCloseIconColor, _Combobox.comboboxNewTokens.textFieldChipColor, _Combobox.comboboxNewTokens.textFieldChipBackground, _Combobox.comboboxNewTokens.textFieldChipColorHover, _Combobox.comboboxNewTokens.textFieldChipBackgroundHover, _Combobox.comboboxNewTokens.textFieldChipColorActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundActive, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnly, _Combobox.comboboxNewTokens.textFieldChipColorReadOnly, _Combobox.comboboxNewTokens.textFieldChipBackgroundReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipColorReadOnlyHover, _Combobox.comboboxNewTokens.textFieldChipOpacityReadonly)
     },
     size: {
       l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":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-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1rem;", ":0.125rem;", ":0.875rem;", ":1.5rem;", ":1rem 1rem 1rem 0.875rem;", ":0.75rem 1rem 0.75rem 0.875rem;", ":0.75rem;", ":0 0.5rem 0 0;", ":1.5rem;", ":1.5rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], _Combobox.comboboxNewTokens.textFieldHeight, _Combobox.comboboxNewTokens.textFieldPadding, _Combobox.comboboxNewTokens.textFieldPaddingWithChips, _Combobox.comboboxNewTokens.textFieldBorderRadius, _Combobox.comboboxNewTokens.textFieldLeftContentMargin, _Combobox.comboboxNewTokens.textFieldRightContentMargin, _Combobox.comboboxNewTokens.textFieldTextBeforeMargin, _Combobox.comboboxNewTokens.textFieldTextAfterMargin, _Combobox.comboboxNewTokens.textFieldFontFamily, _Combobox.comboboxNewTokens.textFieldFontSize, _Combobox.comboboxNewTokens.textFieldFontStyle, _Combobox.comboboxNewTokens.textFieldFontWeight, _Combobox.comboboxNewTokens.textFieldLetterSpacing, _Combobox.comboboxNewTokens.textFieldLineHeight, _Combobox.comboboxNewTokens.textFieldLabelOffset, _Combobox.comboboxNewTokens.textFieldLabelFontFamily, _Combobox.comboboxNewTokens.textFieldLabelFontSize, _Combobox.comboboxNewTokens.textFieldLabelFontStyle, _Combobox.comboboxNewTokens.textFieldLabelFontWeight, _Combobox.comboboxNewTokens.textFieldLabelLetterSpacing, _Combobox.comboboxNewTokens.textFieldLabelLineHeight, _Combobox.comboboxNewTokens.textFieldLeftHelperOffset, _Combobox.comboboxNewTokens.textFieldLeftHelperFontFamily, _Combobox.comboboxNewTokens.textFieldLeftHelperFontSize, _Combobox.comboboxNewTokens.textFieldLeftHelperFontStyle, _Combobox.comboboxNewTokens.textFieldLeftHelperFontWeight, _Combobox.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _Combobox.comboboxNewTokens.textFieldLeftHelperLineHeight, _Combobox.comboboxNewTokens.textFieldLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldContentLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldChipGap, _Combobox.comboboxNewTokens.textFieldChipBorderRadius, _Combobox.comboboxNewTokens.textFieldChipWidth, _Combobox.comboboxNewTokens.textFieldChipHeight, _Combobox.comboboxNewTokens.textFieldChipPaddingRight, _Combobox.comboboxNewTokens.textFieldChipPaddingLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginRight, _Combobox.comboboxNewTokens.textFieldChipCloseIconSize, _Combobox.comboboxNewTokens.textFieldChipFontFamily, _Combobox.comboboxNewTokens.textFieldChipFontSize, _Combobox.comboboxNewTokens.textFieldChipFontStyle, _Combobox.comboboxNewTokens.textFieldChipFontWeight, _Combobox.comboboxNewTokens.textFieldChipLetterSpacing, _Combobox.comboboxNewTokens.textFieldChipLineHeight, _Combobox.comboboxNewTokens.emptyStatePadding, _Combobox.comboboxNewTokens.padding, _Combobox.comboboxNewTokens.borderRadius, _Combobox.comboboxNewTokens.itemHeight, _Combobox.comboboxNewTokens.itemPadding, _Combobox.comboboxNewTokens.itemPaddingTight, _Combobox.comboboxNewTokens.itemBorderRadius, _Combobox.comboboxNewTokens.itemIconMargin, _Combobox.comboboxNewTokens.itemIconSize, _Combobox.comboboxNewTokens.itemIconSizeTight, _Combobox.comboboxNewTokens.cellPadding, _Combobox.comboboxNewTokens.cellPaddingLeftContent, _Combobox.comboboxNewTokens.cellPaddingContent, _Combobox.comboboxNewTokens.cellPaddingRightContent, _Combobox.comboboxNewTokens.cellTextboxGap, _Combobox.comboboxNewTokens.cellGap, _Combobox.comboboxNewTokens.cellTitleFontFamily, _Combobox.comboboxNewTokens.cellTitleFontSize, _Combobox.comboboxNewTokens.cellTitleFontStyle, _Combobox.comboboxNewTokens.cellTitleFontWeight, _Combobox.comboboxNewTokens.cellTitleLetterSpacing, _Combobox.comboboxNewTokens.cellTitleLineHeight, _Combobox.comboboxNewTokens.fontFamily, _Combobox.comboboxNewTokens.fontSize, _Combobox.comboboxNewTokens.fontStyle, _Combobox.comboboxNewTokens.fontWeight, _Combobox.comboboxNewTokens.fontLetterSpacing, _Combobox.comboboxNewTokens.fontLineHeight, _Combobox.comboboxNewTokens.checkboxTriggerSize, _Combobox.comboboxNewTokens.checkboxTriggerSizeTight, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadius, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor, _Combobox.comboboxNewTokens.indicatorSize),
@@ -26,7 +26,7 @@ var config = exports.config = {
       xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.375rem;", ":0.5rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":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-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":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-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":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-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.125rem;", ":auto;", ":1.25rem;", ":0.375rem;", ":0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":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-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5rem 0.625rem 0.5rem 0.625rem;", ":0.125rem;", ":0.5rem;", ":1rem;", ":0.5rem 0.5rem 0.5rem 0.375rem;", ":0.25rem 0.5rem 0.25rem 0.375rem;", ":0.375rem;", ":0 0.25rem 0 0;", ":1rem;", ":1rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":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-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":0.375rem;"], _Combobox.comboboxNewTokens.textFieldHeight, _Combobox.comboboxNewTokens.textFieldPadding, _Combobox.comboboxNewTokens.textFieldPaddingWithChips, _Combobox.comboboxNewTokens.textFieldBorderRadius, _Combobox.comboboxNewTokens.textFieldLeftContentMargin, _Combobox.comboboxNewTokens.textFieldRightContentMargin, _Combobox.comboboxNewTokens.textFieldTextBeforeMargin, _Combobox.comboboxNewTokens.textFieldTextAfterMargin, _Combobox.comboboxNewTokens.textFieldFontFamily, _Combobox.comboboxNewTokens.textFieldFontSize, _Combobox.comboboxNewTokens.textFieldFontStyle, _Combobox.comboboxNewTokens.textFieldFontWeight, _Combobox.comboboxNewTokens.textFieldLetterSpacing, _Combobox.comboboxNewTokens.textFieldLineHeight, _Combobox.comboboxNewTokens.textFieldLabelOffset, _Combobox.comboboxNewTokens.textFieldLabelFontFamily, _Combobox.comboboxNewTokens.textFieldLabelFontSize, _Combobox.comboboxNewTokens.textFieldLabelFontStyle, _Combobox.comboboxNewTokens.textFieldLabelFontWeight, _Combobox.comboboxNewTokens.textFieldLabelLetterSpacing, _Combobox.comboboxNewTokens.textFieldLabelLineHeight, _Combobox.comboboxNewTokens.textFieldLeftHelperOffset, _Combobox.comboboxNewTokens.textFieldLeftHelperFontFamily, _Combobox.comboboxNewTokens.textFieldLeftHelperFontSize, _Combobox.comboboxNewTokens.textFieldLeftHelperFontStyle, _Combobox.comboboxNewTokens.textFieldLeftHelperFontWeight, _Combobox.comboboxNewTokens.textFieldLeftHelperLetterSpacing, _Combobox.comboboxNewTokens.textFieldLeftHelperLineHeight, _Combobox.comboboxNewTokens.textFieldLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldContentLabelInnerPadding, _Combobox.comboboxNewTokens.textFieldChipGap, _Combobox.comboboxNewTokens.textFieldChipBorderRadius, _Combobox.comboboxNewTokens.textFieldChipWidth, _Combobox.comboboxNewTokens.textFieldChipHeight, _Combobox.comboboxNewTokens.textFieldChipPaddingRight, _Combobox.comboboxNewTokens.textFieldChipPaddingLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginLeft, _Combobox.comboboxNewTokens.textFieldChipClearContentMarginRight, _Combobox.comboboxNewTokens.textFieldChipCloseIconSize, _Combobox.comboboxNewTokens.textFieldChipFontFamily, _Combobox.comboboxNewTokens.textFieldChipFontSize, _Combobox.comboboxNewTokens.textFieldChipFontStyle, _Combobox.comboboxNewTokens.textFieldChipFontWeight, _Combobox.comboboxNewTokens.textFieldChipLetterSpacing, _Combobox.comboboxNewTokens.textFieldChipLineHeight, _Combobox.comboboxNewTokens.emptyStatePadding, _Combobox.comboboxNewTokens.padding, _Combobox.comboboxNewTokens.borderRadius, _Combobox.comboboxNewTokens.itemHeight, _Combobox.comboboxNewTokens.itemPadding, _Combobox.comboboxNewTokens.itemPaddingTight, _Combobox.comboboxNewTokens.itemBorderRadius, _Combobox.comboboxNewTokens.itemIconMargin, _Combobox.comboboxNewTokens.itemIconSize, _Combobox.comboboxNewTokens.itemIconSizeTight, _Combobox.comboboxNewTokens.cellPadding, _Combobox.comboboxNewTokens.cellPaddingLeftContent, _Combobox.comboboxNewTokens.cellPaddingContent, _Combobox.comboboxNewTokens.cellPaddingRightContent, _Combobox.comboboxNewTokens.cellTextboxGap, _Combobox.comboboxNewTokens.cellGap, _Combobox.comboboxNewTokens.cellTitleFontFamily, _Combobox.comboboxNewTokens.cellTitleFontSize, _Combobox.comboboxNewTokens.cellTitleFontStyle, _Combobox.comboboxNewTokens.cellTitleFontWeight, _Combobox.comboboxNewTokens.cellTitleLetterSpacing, _Combobox.comboboxNewTokens.cellTitleLineHeight, _Combobox.comboboxNewTokens.fontFamily, _Combobox.comboboxNewTokens.fontSize, _Combobox.comboboxNewTokens.fontStyle, _Combobox.comboboxNewTokens.fontWeight, _Combobox.comboboxNewTokens.fontLetterSpacing, _Combobox.comboboxNewTokens.fontLineHeight, _Combobox.comboboxNewTokens.checkboxTriggerSize, _Combobox.comboboxNewTokens.checkboxTriggerSizeTight, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadius, _Combobox.comboboxNewTokens.checkboxTriggerBorderRadiusTight, _Combobox.comboboxNewTokens.checkboxFillColor, _Combobox.comboboxNewTokens.checkboxIconColor, _Combobox.comboboxNewTokens.checkboxTriggerBorderColor, _Combobox.comboboxNewTokens.indicatorSize)
     },
     labelPlacement: {
-      inner: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":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-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldLabelInnerFontFamily, _Combobox.comboboxNewTokens.textFieldLabelInnerFontSize, _Combobox.comboboxNewTokens.textFieldLabelInnerFontStyle, _Combobox.comboboxNewTokens.textFieldLabelInnerFontWeight, _Combobox.comboboxNewTokens.textFieldLabelInnerLetterSpacing, _Combobox.comboboxNewTokens.textFieldLabelInnerLineHeight),
+      inner: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-input-label-color,var(--plasma-input-placeholder-color,var(--plasma-colors-secondary)));", ":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-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Combobox.comboboxNewTokens.textFieldPlaceholderColor, _Combobox.comboboxNewTokens.textFieldLabelInnerFontFamily, _Combobox.comboboxNewTokens.textFieldLabelInnerFontSize, _Combobox.comboboxNewTokens.textFieldLabelInnerFontStyle, _Combobox.comboboxNewTokens.textFieldLabelInnerFontWeight, _Combobox.comboboxNewTokens.textFieldLabelInnerLetterSpacing, _Combobox.comboboxNewTokens.textFieldLabelInnerLineHeight),
       outer: /*#__PURE__*/(0, _styledComponents.css)([""])
     },
     disabled: {

package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Legacy/Combobox.config.js

@@ -19,7 +19,7 @@ var config = exports.config = {
       l: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":auto;", ":0.875rem;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":var(--surface-transparent-tertiary);", ":0.063rem;", ":0;", ":1rem;", ":0;", ":1rem;", ":auto;", ":1.5rem;", ":1rem;", ":1rem;", ":1rem;", ":1rem;", ":0.75rem;", ":1.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1rem;", ":3.5rem;", ":100%;", ":0.875rem;", ":0 3.5rem 0 1.5rem;", ":0 3.625rem 0 0.375rem;", ":0 3.625rem 0 0.625rem;", ":0.5rem;", ":0.375rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":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-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Combobox.comboboxOldTokens.width, _Combobox.comboboxOldTokens.height, _Combobox.comboboxOldTokens.borderRadius, _Combobox.comboboxOldTokens.paddingTop, _Combobox.comboboxOldTokens.paddingRight, _Combobox.comboboxOldTokens.paddingBottom, _Combobox.comboboxOldTokens.paddingLeft, _Combobox.comboboxOldTokens.dividerColor, _Combobox.comboboxOldTokens.dividerHeight, _Combobox.comboboxOldTokens.dividerMarginTop, _Combobox.comboboxOldTokens.dividerMarginRight, _Combobox.comboboxOldTokens.dividerMarginBottom, _Combobox.comboboxOldTokens.dividerMarginLeft, _Combobox.comboboxOldTokens.itemWidth, _Combobox.comboboxOldTokens.itemHeight, _Combobox.comboboxOldTokens.itemPaddingTop, _Combobox.comboboxOldTokens.itemPaddingRight, _Combobox.comboboxOldTokens.itemPaddingBottom, _Combobox.comboboxOldTokens.itemPaddingLeft, _Combobox.comboboxOldTokens.itemBorderRadius, _Combobox.comboboxOldTokens.itemContentLeftWidth, _Combobox.comboboxOldTokens.itemFontFamily, _Combobox.comboboxOldTokens.itemFontSize, _Combobox.comboboxOldTokens.itemFontStyle, _Combobox.comboboxOldTokens.itemFontWeightBold, _Combobox.comboboxOldTokens.itemFontLetterSpacing, _Combobox.comboboxOldTokens.itemFontLineHeight, _Combobox.comboboxOldTokens.chipGap, _Combobox.comboboxOldTokens.chipBorderRadius, _Combobox.comboboxOldTokens.chipWidth, _Combobox.comboboxOldTokens.chipHeight, _Combobox.comboboxOldTokens.chipPaddingRight, _Combobox.comboboxOldTokens.chipPaddingLeft, _Combobox.comboboxOldTokens.chipClearContentMarginLeft, _Combobox.comboboxOldTokens.chipClearContentMarginRight, _Combobox.comboboxOldTokens.chipCloseIconSize, _Combobox.comboboxOldTokens.chipFontFamily, _Combobox.comboboxOldTokens.chipFontSize, _Combobox.comboboxOldTokens.chipFontStyle, _Combobox.comboboxOldTokens.chipFontWeight, _Combobox.comboboxOldTokens.chipLetterSpacing, _Combobox.comboboxOldTokens.chipLineHeight, _Combobox.comboboxOldTokens.targetArrowRight, _Combobox.comboboxOldTokens.targetHeight, _Combobox.comboboxOldTokens.targetWidth, _Combobox.comboboxOldTokens.targetRadius, _Combobox.comboboxOldTokens.targetPadding, _Combobox.comboboxOldTokens.targetPaddingHasChips, _Combobox.comboboxOldTokens.targetPaddingWithInput, _Combobox.comboboxOldTokens.targetInnerTop, _Combobox.comboboxOldTokens.targetLabelInnerTop, _Combobox.comboboxOldTokens.targetFontFamily, _Combobox.comboboxOldTokens.targetFontSize, _Combobox.comboboxOldTokens.targetFontStyle, _Combobox.comboboxOldTokens.targetFontWeight, _Combobox.comboboxOldTokens.targetLetterSpacing, _Combobox.comboboxOldTokens.targetLineHeight, _Combobox.comboboxOldTokens.targetLabelInnerFontFamily, _Combobox.comboboxOldTokens.targetLabelInnerFontSize, _Combobox.comboboxOldTokens.targetLabelInnerFontStyle, _Combobox.comboboxOldTokens.targetLabelInnerFontWeight, _Combobox.comboboxOldTokens.targetLabelInnerLetterSpacing, _Combobox.comboboxOldTokens.targetLabelInnerLineHeight)
     },
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-card);", ":var(--shadow-down-soft-s);", ":transparent;", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":0.4;", ":var(--surface-accent);"], _Combobox.comboboxOldTokens.targetColor, _Combobox.comboboxOldTokens.targetLabelColor, _Combobox.comboboxOldTokens.targetArrowColor, _Combobox.comboboxOldTokens.targetBackgroundColor, _Combobox.comboboxOldTokens.targetBackgroundColorHover, _Combobox.comboboxOldTokens.targetBackgroundColorActive, _Combobox.comboboxOldTokens.targetBackgroundColorOpen, _Combobox.comboboxOldTokens.background, _Combobox.comboboxOldTokens.boxShadow, _Combobox.comboboxOldTokens.itemBackground, _Combobox.comboboxOldTokens.itemBackgroundHover, _Combobox.comboboxOldTokens.itemBackgroundSelectedHover, _Combobox.comboboxOldTokens.itemColor, _Combobox.comboboxOldTokens.itemContentLeftColor, _Combobox.comboboxOldTokens.chipCloseIconColor, _Combobox.comboboxOldTokens.chipColor, _Combobox.comboboxOldTokens.chipBackground, _Combobox.comboboxOldTokens.chipColorHover, _Combobox.comboboxOldTokens.chipBackgroundHover, _Combobox.comboboxOldTokens.chipColorActive, _Combobox.comboboxOldTokens.chipBackgroundActive, _Combobox.comboboxOldTokens.chipBackgroundReadOnly, _Combobox.comboboxOldTokens.chipColorReadOnly, _Combobox.comboboxOldTokens.chipBackgroundReadOnlyHover, _Combobox.comboboxOldTokens.chipColorReadOnlyHover, _Combobox.comboboxOldTokens.chipOpacityReadonly, _Combobox.comboboxOldTokens.disabledOpacity, _Combobox.comboboxOldTokens.focusColor)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-card);", ":var(--shadow-down-soft-s);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":0.4;", ":var(--surface-accent);"], _Combobox.comboboxOldTokens.targetColor, _Combobox.comboboxOldTokens.targetLabelColor, _Combobox.comboboxOldTokens.targetArrowColor, _Combobox.comboboxOldTokens.targetBackgroundColor, _Combobox.comboboxOldTokens.targetBackgroundColorHover, _Combobox.comboboxOldTokens.targetBackgroundColorActive, _Combobox.comboboxOldTokens.targetBackgroundColorOpen, _Combobox.comboboxOldTokens.background, _Combobox.comboboxOldTokens.boxShadow, _Combobox.comboboxOldTokens.itemBackground, _Combobox.comboboxOldTokens.itemBackgroundHover, _Combobox.comboboxOldTokens.itemBackgroundSelectedHover, _Combobox.comboboxOldTokens.itemColor, _Combobox.comboboxOldTokens.itemContentLeftColor, _Combobox.comboboxOldTokens.chipCloseIconColor, _Combobox.comboboxOldTokens.chipColor, _Combobox.comboboxOldTokens.chipBackground, _Combobox.comboboxOldTokens.chipColorHover, _Combobox.comboboxOldTokens.chipBackgroundHover, _Combobox.comboboxOldTokens.chipColorActive, _Combobox.comboboxOldTokens.chipBackgroundActive, _Combobox.comboboxOldTokens.chipBackgroundReadOnly, _Combobox.comboboxOldTokens.chipColorReadOnly, _Combobox.comboboxOldTokens.chipBackgroundReadOnlyHover, _Combobox.comboboxOldTokens.chipColorReadOnlyHover, _Combobox.comboboxOldTokens.chipOpacityReadonly, _Combobox.comboboxOldTokens.disabledOpacity, _Combobox.comboboxOldTokens.focusColor)
     }
   }
 };

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

@@ -103,7 +103,7 @@ type StoryDrawerProps = ComponentProps<typeof Drawer> & {
 };
 
 const StyledWrapper = styled.div`
-    height: 100vh;
+    height: 100%;
     width: 100%;
     display: flex;
     flex-direction: column;
@@ -188,6 +188,11 @@ const StoryDrawerDemo = ({
                     </StyledContentWrapper>
                     <StyledSection />
                 </StyledWrapper>
+                <StyledContent>
+                    <Heading style={{ margin: '2rem' }} size="h2">
+                        Some basic content
+                    </Heading>
+                </StyledContent>
             </PopupProvider>
         </SSRProvider>
     );

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

@@ -65,7 +65,7 @@ export const Default: StoryObj<ComponentProps<typeof IconButton>> = {
     argTypes: { ...disableProps(['children']) },
     render: (args) => (
         <IconButton {...args}>
-            <IconChevronLeft color="inherit" size={getSizeForIcon(args.size)} />
+            <IconChevronLeft size={getSizeForIcon(args.size)} />
         </IconButton>
     ),
 };

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

@@ -83,11 +83,11 @@ const StyledButton = styled(Button)`
 `;
 
 const StyledWrapper = styled.div`
-    height: 100vh;
+    height: 1200px;
 `;
 
 const Content = styled.div`
-    background: var(--surface-solid-secondary);
+    background: var(--plasma-colors-surface-solid02);
     padding: 1rem;
 `;
 
@@ -285,28 +285,26 @@ const StoryModalAnimationDemo = ({ placement, offsetX, offsetY, ...rest }: Story
 
     return (
         <SSRProvider>
-            <StyledWrapper>
-                <PopupProvider>
-                    <Button view="default" text="Открыть новое модальное окно" onClick={() => setIsOpen(!isOpen)} />
-                    <StyledModalAnimation
-                        id="modal"
-                        frame="theme-root"
-                        withAnimation
-                        onClose={() => setIsOpen(false)}
-                        opened={isOpen}
-                        placement={placement}
-                        offset={[offsetX, offsetY]}
-                        initialFocusRef={ref}
-                        {...rest}
-                    >
-                        <Content>
-                            <TextField value="Text" onChange={() => {}} />
-                            <TextField ref={ref} value="Text2" onChange={() => {}} />
-                            <Button text="Закрыть" onClick={close} />
-                        </Content>
-                    </StyledModalAnimation>
-                </PopupProvider>
-            </StyledWrapper>
+            <PopupProvider>
+                <Button view="default" text="Открыть новое модальное окно" onClick={() => setIsOpen(!isOpen)} />
+                <StyledModalAnimation
+                    id="modal"
+                    frame="theme-root"
+                    withAnimation
+                    onClose={() => setIsOpen(false)}
+                    opened={isOpen}
+                    placement={placement}
+                    offset={[offsetX, offsetY]}
+                    initialFocusRef={ref}
+                    {...rest}
+                >
+                    <Content>
+                        <TextField value="Text" onChange={() => {}} />
+                        <TextField ref={ref} value="Text2" onChange={() => {}} />
+                        <Button text="Закрыть" onClick={close} />
+                    </Content>
+                </StyledModalAnimation>
+            </PopupProvider>
         </SSRProvider>
     );
 };

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

@@ -1,5 +1,4 @@
 import React, { useCallback, useRef, useState } from 'react';
-import styled from 'styled-components';
 import type { ComponentProps } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 
@@ -26,10 +25,6 @@ const longText = `JavaScript frameworks are an essential part of modern front-en
 providing developers with proven tools for building scalable, interactive web applications.
 `;
 
-const StyledWrapper = styled.div`
-    height: 100vh;
-`;
-
 const getNotificationProps = (i: number) => ({
     title: titles[i % 3],
     children: texts[i % 3],
@@ -127,9 +122,7 @@ const StoryLiveDemo = ({ timeout, ...rest }: StoryLiveDemoProps) => {
 
     return (
         <NotificationsProvider>
-            <StyledWrapper>
-                <Button text="Добавить уведомление" onClick={handleClick} />
-            </StyledWrapper>
+            <Button text="Добавить уведомление" onClick={handleClick} />
         </NotificationsProvider>
     );
 };
@@ -166,13 +159,11 @@ const StoryWithModal = ({ timeout }: StoryWithModalProps) => {
     return (
         <NotificationsProvider>
             <PopupProvider>
-                <StyledWrapper>
-                    <Button text="Open modal" onClick={() => setIsModalOpen(true)} />
-                    <Modal frame="theme-root" opened={isModalOpen} onClose={() => setIsModalOpen(false)}>
-                        <div>Hello!</div>
-                        <Button view="primary" text="Add notification" onClick={handleClick} />
-                    </Modal>
-                </StyledWrapper>
+                <Button text="Open modal" onClick={() => setIsModalOpen(true)} />
+                <Modal frame="theme-root" opened={isModalOpen} onClose={() => setIsModalOpen(false)}>
+                    <div>Hello!</div>
+                    <Button view="primary" text="Add notification" onClick={handleClick} />
+                </Modal>
             </PopupProvider>
         </NotificationsProvider>
     );

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

@@ -78,7 +78,7 @@ type StoryPopoverProps = ComponentProps<typeof Popover> & {
 };
 
 const StyledContent = styled.div`
-    background: var(--surface-solid-tertiary);
+    background: var(--plasma-colors-surface-solid03);
     padding: 1rem;
     border-radius: 0.5rem;
 

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

@@ -58,13 +58,13 @@ const StyledButton = styled(Button)`
 `;
 
 const StyledWrapper = styled.div`
-    height: 100vh;
+    height: 1200px;
 `;
 
 const OtherContent = styled.div`
     width: 50%;
     height: 50%;
-    background: var(--surface-solid-tertiary);
+    background: var(--plasma-colors-surface-solid03);
     position: absolute;
 
     display: flex;
@@ -77,7 +77,7 @@ const OtherContent = styled.div`
 `;
 
 const Content = styled.div`
-    background: var(--surface-solid-secondary);
+    background: var(--plasma-colors-surface-solid02);
     padding: 1rem;
 `;
 

package/styled-components/cjs/examples/plasma_b2c/components/Segment/SegmentGroup.config.js

@@ -13,8 +13,8 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":transparent;", ":var(--text-accent);"], _Segment.segmentTokens.arrowColor, _Segment.segmentTokens.groupBackgroundColor, _Segment.segmentTokens.outlineFocusColor),
-      filled: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":transparent;", ":var(--text-accent);"], _Segment.segmentTokens.arrowColor, _Segment.segmentTokens.groupBackgroundColor, _Segment.segmentTokens.outlineFocusColor)
+      clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":transparent;", ":var(--plasma-colors-button-focused,var(--text-accent));"], _Segment.segmentTokens.arrowColor, _Segment.segmentTokens.groupBackgroundColor, _Segment.segmentTokens.outlineFocusColor),
+      filled: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":transparent;", ":var(--plasma-colors-button-focused,var(--text-accent));"], _Segment.segmentTokens.arrowColor, _Segment.segmentTokens.groupBackgroundColor, _Segment.segmentTokens.outlineFocusColor)
     },
     size: {
       xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.625rem;", ":1.125rem;", ":auto;", ":auto;", ":0.25rem 0.75rem;", ":0.75rem 0;"], _Segment.segmentTokens.groupBorderRadius, _Segment.segmentTokens.groupPilledBorderRadius, _Segment.segmentTokens.groupWidth, _Segment.segmentTokens.groupHeight, _Segment.segmentTokens.groupArrowPadding, _Segment.segmentTokens.groupVerticalArrowPadding),

package/styled-components/cjs/examples/plasma_b2c/components/Segment/SegmentItem.config.js

@@ -13,9 +13,9 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":transparent;", ":var(--text-primary-hover);", ":transparent;", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-primary-hover);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-accent);"], _Segment.segmentTokens.itemColor, _Segment.segmentTokens.itemBackgroundColor, _Segment.segmentTokens.itemColorHover, _Segment.segmentTokens.itemBackgroundColorHover, _Segment.segmentTokens.itemAdditionalColor, _Segment.segmentTokens.itemAdditionalColorHover, _Segment.segmentTokens.itemSelectedColor, _Segment.segmentTokens.itemSelectedBackgroundColor, _Segment.segmentTokens.itemSelectedColorHover, _Segment.segmentTokens.itemSelectedBackgroundColorHover, _Segment.segmentTokens.itemSelectedAdditionalColor, _Segment.segmentTokens.itemSelectedAdditionalColorHover, _Segment.segmentTokens.outlineFocusColor),
-      secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":transparent;", ":var(--text-primary-hover);", ":transparent;", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-card);", ":var(--text-primary-hover);", ":var(--surface-transparent-card);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-accent);"], _Segment.segmentTokens.itemColor, _Segment.segmentTokens.itemBackgroundColor, _Segment.segmentTokens.itemColorHover, _Segment.segmentTokens.itemBackgroundColorHover, _Segment.segmentTokens.itemAdditionalColor, _Segment.segmentTokens.itemAdditionalColorHover, _Segment.segmentTokens.itemSelectedColor, _Segment.segmentTokens.itemSelectedBackgroundColor, _Segment.segmentTokens.itemSelectedColorHover, _Segment.segmentTokens.itemSelectedBackgroundColorHover, _Segment.segmentTokens.itemSelectedAdditionalColor, _Segment.segmentTokens.itemSelectedAdditionalColorHover, _Segment.segmentTokens.outlineFocusColor),
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":transparent;", ":var(--text-primary-hover);", ":transparent;", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary-hover);", ":var(--surface-solid-default);", ":var(--inverse-text-secondary);", ":var(--inverse-text-secondary);", ":var(--text-accent);"], _Segment.segmentTokens.itemColor, _Segment.segmentTokens.itemBackgroundColor, _Segment.segmentTokens.itemColorHover, _Segment.segmentTokens.itemBackgroundColorHover, _Segment.segmentTokens.itemAdditionalColor, _Segment.segmentTokens.itemAdditionalColorHover, _Segment.segmentTokens.itemSelectedColor, _Segment.segmentTokens.itemSelectedBackgroundColor, _Segment.segmentTokens.itemSelectedColorHover, _Segment.segmentTokens.itemSelectedBackgroundColorHover, _Segment.segmentTokens.itemSelectedAdditionalColor, _Segment.segmentTokens.itemSelectedAdditionalColorHover, _Segment.segmentTokens.outlineFocusColor)
+      clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":transparent;", ":var(--text-primary-hover);", ":transparent;", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-primary-hover);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--plasma-colors-button-focused,var(--text-accent));"], _Segment.segmentTokens.itemColor, _Segment.segmentTokens.itemBackgroundColor, _Segment.segmentTokens.itemColorHover, _Segment.segmentTokens.itemBackgroundColorHover, _Segment.segmentTokens.itemAdditionalColor, _Segment.segmentTokens.itemAdditionalColorHover, _Segment.segmentTokens.itemSelectedColor, _Segment.segmentTokens.itemSelectedBackgroundColor, _Segment.segmentTokens.itemSelectedColorHover, _Segment.segmentTokens.itemSelectedBackgroundColorHover, _Segment.segmentTokens.itemSelectedAdditionalColor, _Segment.segmentTokens.itemSelectedAdditionalColorHover, _Segment.segmentTokens.outlineFocusColor),
+      secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":transparent;", ":var(--text-primary-hover);", ":transparent;", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-card);", ":var(--text-primary-hover);", ":var(--surface-transparent-card);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--plasma-colors-button-focused,var(--text-accent));"], _Segment.segmentTokens.itemColor, _Segment.segmentTokens.itemBackgroundColor, _Segment.segmentTokens.itemColorHover, _Segment.segmentTokens.itemBackgroundColorHover, _Segment.segmentTokens.itemAdditionalColor, _Segment.segmentTokens.itemAdditionalColorHover, _Segment.segmentTokens.itemSelectedColor, _Segment.segmentTokens.itemSelectedBackgroundColor, _Segment.segmentTokens.itemSelectedColorHover, _Segment.segmentTokens.itemSelectedBackgroundColorHover, _Segment.segmentTokens.itemSelectedAdditionalColor, _Segment.segmentTokens.itemSelectedAdditionalColorHover, _Segment.segmentTokens.outlineFocusColor),
+      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":transparent;", ":var(--text-primary-hover);", ":transparent;", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary-hover);", ":var(--surface-solid-default);", ":var(--inverse-text-secondary);", ":var(--inverse-text-secondary);", ":var(--plasma-colors-button-focused,var(--text-accent));"], _Segment.segmentTokens.itemColor, _Segment.segmentTokens.itemBackgroundColor, _Segment.segmentTokens.itemColorHover, _Segment.segmentTokens.itemBackgroundColorHover, _Segment.segmentTokens.itemAdditionalColor, _Segment.segmentTokens.itemAdditionalColorHover, _Segment.segmentTokens.itemSelectedColor, _Segment.segmentTokens.itemSelectedBackgroundColor, _Segment.segmentTokens.itemSelectedColorHover, _Segment.segmentTokens.itemSelectedBackgroundColorHover, _Segment.segmentTokens.itemSelectedAdditionalColor, _Segment.segmentTokens.itemSelectedAdditionalColorHover, _Segment.segmentTokens.outlineFocusColor)
     },
     size: {
       xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":auto;", ":2rem;", ":0.5rem 0.75rem;", ":0.5rem 0.5rem;", ":0.0625rem 0.125rem;", ":0.125rem;", ":0;", ":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);"], _Segment.segmentTokens.itemBorderRadius, _Segment.segmentTokens.itemWidth, _Segment.segmentTokens.itemHeight, _Segment.segmentTokens.itemPadding, _Segment.segmentTokens.itemPilledPadding, _Segment.segmentTokens.itemContentPadding, _Segment.segmentTokens.itemIconMargin, _Segment.segmentTokens.itemMarginLeft, _Segment.segmentTokens.fontFamily, _Segment.segmentTokens.fontSize, _Segment.segmentTokens.fontStyle, _Segment.segmentTokens.fontWeight, _Segment.segmentTokens.letterSpacing, _Segment.segmentTokens.lineHeight),