@salutejs/plasma-new-hope 0.321.0-canary.1877.14266570620.0 → 0.321.0-canary.1877.14356344984.0

package/styled-components/es/engines/utils.js

@@ -1,13 +1,13 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 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; }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-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 _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 export var getStaticVariants = function getStaticVariants(config) {
   if (!config.variations) {
     return [];

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

@@ -1,10 +1,10 @@
-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(); }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-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 _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 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; }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React from 'react';
 // TODO: Удалить в отдельном пр из всех компонент
 export var WithTheme = function WithTheme(Story) {
@@ -27,18 +27,16 @@ export function argTypesFromConfig(config) {
       var _step$value = _slicedToArray(_step.value, 2),
         key = _step$value[0],
         val = _step$value[1];
-      var control = {
-        control: {}
-      };
+      var control = {};
       if (val["true"]) {
-        control.control.type = 'boolean';
+        control.control = 'boolean';
         control.table = {
           defaultValue: {
-            summary: false
+            summary: ''
           }
         };
       } else {
-        control.control.type = 'select';
+        control.control = 'select';
         control.options = Object.keys(val).filter(function (name) {
           return name !== 'css';
         });
@@ -47,7 +45,7 @@ export function argTypesFromConfig(config) {
       if (defaultValue) {
         control.table = {
           defaultValue: {
-            summary: val["true"] ? Boolean(defaultValue) : defaultValue
+            summary: val["true"] ? '' : defaultValue
           }
         };
       }

package/styled-components/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.js

@@ -1,5 +1,5 @@
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 import { css } from '@linaria/core';
 import { chipGroupTokens as tokens } from '../../../../components/ChipGroup';
 export var config = {

package/styled-components/es/examples/plasma_b2c/components/Grid/Grid.config.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { css } from 'styled-components';

package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.config.js

@@ -1,13 +1,23 @@
 import { css } from 'styled-components';
 import { stepsTokens as tokens } from '../../../../components/Steps';
+var baseItemView = /*#__PURE__*/"\n    ".concat(tokens.activeTitleColor, ": var(--text-primary);\n    ").concat(tokens.activeTitleColorHover, ": var(--text-primary-hover);\n    ").concat(tokens.activeIndicatorBorder, ": solid var(--surface-solid-default);\n    ").concat(tokens.activeIndicatorColor, ": var(--text-primary);\n    ").concat(tokens.activeIndicatorBackground, ": var(--surface-clear);\n    \n    ").concat(tokens.completedIndicatorColor, ": var(--inverse-text-primary);\n    ").concat(tokens.completedIndicatorColorHover, ": var(--inverse-text-primary);\n    ").concat(tokens.completedIndicatorBackground, ": var(--surface-solid-default);\n    ").concat(tokens.completedIndicatorBackgroundHover, ": var(--surface-solid-default-hover);\n    ").concat(tokens.completedTitleColor, ": var(--text-primary);\n    ").concat(tokens.completedTitleColorHover, ": var(--text-primary-hover);\n\n    ").concat(tokens.inactiveTitleColor, ": var(--text-secondary);\n    ").concat(tokens.inactiveTitleColorHover, ": var(--text-secondary-hover);\n    ").concat(tokens.inactiveIndicatorColor, ": var(--text-secondary);\n    ").concat(tokens.inactiveIndicatorColorHover, ": var(--text-secondary);\n    ").concat(tokens.inactiveIndicatorBackground, ": var(--surface-transparent-secondary);\n    ").concat(tokens.inactiveIndicatorBackgroundHover, ": var(--surface-transparent-secondary-hover);\n\n    ").concat(tokens.contentColor, ": var(--text-secondary);\n    ").concat(tokens.focusColor, ": var(--surface-accent);\n\n    ").concat(tokens.disabledOpacity, ": 0.4;\n");
+var accentConfig = /*#__PURE__*/"\n    ".concat(tokens.completedTitleColor, ": var(--text-primary);\n    ").concat(tokens.completedTitleColorHover, ": var(--text-primary-hover);\n    \n    ").concat(tokens.completedIndicatorBackground, ": var(--surface-accent);\n    ").concat(tokens.completedIndicatorBackgroundHover, ": var(--surface-accent-hover);\n    \n    // \u0426\u0432\u0435\u0442 \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u0430 \u0432\u043D\u0443\u0442\u0440\u0438 \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u0430 Step\n    ").concat(tokens.completedIndicatorColor, ": var(--on-dark-text-primary);\n    ").concat(tokens.completedIndicatorColorHover, ": var(--on-dark-text-primary-hover);\n");
 export var config = {
   defaults: {
     size: 'm',
-    view: 'default'
+    view: 'default',
+    itemView: 'default'
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-primary-hover);", ":solid var(--surface-solid-default);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--inverse-text-primary);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--surface-solid-default-hover);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-secondary);", ":var(--surface-accent);", ":0.4;"], tokens.activeTitleColor, tokens.activeTitleColorHover, tokens.activeIndicatorBorder, tokens.activeIndicatorColor, tokens.activeIndicatorBackground, tokens.completedIndicatorColor, tokens.completedIndicatorColorHover, tokens.completedIndicatorBackground, tokens.completedIndicatorBackgroundHover, tokens.inactiveTitleColor, tokens.inactiveTitleColorHover, tokens.inactiveIndicatorColor, tokens.inactiveIndicatorColorHover, tokens.inactiveIndicatorBackground, tokens.inactiveIndicatorBackgroundHover, tokens.contentColor, tokens.focusColor, tokens.disabledOpacity)
+      "default": /*#__PURE__*/css(["", ":var(--surface-solid-default);"], tokens.dividerColor),
+      accent: /*#__PURE__*/css(["", ":var(--surface-accent);"], tokens.dividerColor)
+    },
+    itemView: {
+      "default": /*#__PURE__*/css(["", ";"], baseItemView),
+      negative: /*#__PURE__*/css(["", ";", ":var(--surface-negative);", ":var(--surface-negative-hover);", ":solid var(--surface-negative);", ":var(--text-negative);"], baseItemView, tokens.activeTitleColor, tokens.activeTitleColorHover, tokens.activeIndicatorBorder, tokens.activeIndicatorColor),
+      warning: /*#__PURE__*/css(["", ";", ":var(--surface-warning);", ":var(--surface-warning-hover);", ":solid var(--surface-warning);", ":var(--text-warning);"], baseItemView, tokens.activeTitleColor, tokens.activeTitleColorHover, tokens.activeIndicatorBorder, tokens.activeIndicatorColor),
+      positive: /*#__PURE__*/css(["", ";", ":var(--surface-positive);", ":var(--surface-positive-hover);", ":solid var(--surface-positive);", ":var(--text-positive);"], baseItemView, tokens.activeTitleColor, tokens.activeTitleColorHover, tokens.activeIndicatorBorder, tokens.activeIndicatorColor)
     },
     size: {
       l: /*#__PURE__*/css(["", ":1.5rem;", ":2.25rem;", ":0.5rem;", ":1rem;", ":0.75rem;", ":0.375rem;", ":2rem;", ":1.0625rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":1.5rem;", ":1.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-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);", ":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-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);", ":0.125rem;"], tokens.indicatorSize, tokens.activeIndicatorSize, tokens.bulletSize, tokens.activeBulletSize, tokens.titlePaddingTop, tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentVerticalPadding, tokens.verticalContentPaddingLeft, tokens.smallIndicatorIndentHeight, tokens.largeIndicatorIndentHeight, tokens.smallBulletIndentHeight, tokens.largeBulletIndentHeight, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.dividerThickness),
@@ -15,5 +25,22 @@ export var config = {
       s: /*#__PURE__*/css(["", ":1.5rem;", ":1.5rem;", ":0.5rem;", ":1rem;", ":0.5rem;", ":0.375rem;", ":1.5rem;", ":0.6875rem;", ":0.75rem;", ":0.5rem;", ":0.5rem;", ":1rem;", ":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);", ":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-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);", ":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.125rem;"], tokens.indicatorSize, tokens.activeIndicatorSize, tokens.bulletSize, tokens.activeBulletSize, tokens.titlePaddingTop, tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentVerticalPadding, tokens.verticalContentPaddingLeft, tokens.smallIndicatorIndentHeight, tokens.largeIndicatorIndentHeight, tokens.smallBulletIndentHeight, tokens.largeBulletIndentHeight, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.dividerThickness),
       xs: /*#__PURE__*/css(["", ":1.5rem;", ":1.5rem;", ":0.5rem;", ":1rem;", ":0.5rem;", ":0.25rem;", ":1.5rem;", ":0.5625rem;", ":0.75rem;", ":0.25rem;", ":0.25rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":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-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-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.125rem;"], tokens.indicatorSize, tokens.activeIndicatorSize, tokens.bulletSize, tokens.activeBulletSize, tokens.titlePaddingTop, tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentVerticalPadding, tokens.verticalContentPaddingLeft, tokens.smallIndicatorIndentHeight, tokens.largeIndicatorIndentHeight, tokens.smallBulletIndentHeight, tokens.largeBulletIndentHeight, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.dividerThickness)
     }
-  }
+  },
+  intersections: [{
+    view: 'accent',
+    itemView: 'default',
+    style: /*#__PURE__*/css(["", ":solid var(--text-accent);", ":var(--text-accent);", ";"], tokens.activeIndicatorBorder, tokens.activeIndicatorColor, accentConfig)
+  }, {
+    view: 'accent',
+    itemView: 'negative',
+    style: /*#__PURE__*/css(["", ";"], accentConfig)
+  }, {
+    view: 'accent',
+    itemView: 'warning',
+    style: /*#__PURE__*/css(["", ";"], accentConfig)
+  }, {
+    view: 'accent',
+    itemView: 'positive',
+    style: /*#__PURE__*/css(["", ";"], accentConfig)
+  }]
 };

package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx

@@ -1,14 +1,17 @@
 import React, { useState, useEffect } from 'react';
 import type { ComponentProps } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
-import { disableProps } from '@salutejs/plasma-sb-utils';
+import { getConfigVariations } from '@salutejs/plasma-sb-utils';
 
 import { IconMic } from '../../../../components/_Icon';
 import { argTypesFromConfig, WithTheme } from '../../../_helpers';
 import { StepItemProps } from '../../../../components/Steps/ui';
 
+import { config } from './Steps.config';
 import { Steps, mergedConfig } from './Steps';
 
+const { views, sizes } = getConfigVariations(config);
+
 const meta: Meta<typeof Steps> = {
     title: 'b2c/Navigation/Steps',
     decorators: [WithTheme],
@@ -133,9 +136,11 @@ const DefaultStory = (args) => {
 
 export const Default: Story = {
     args: {
+        view: 'default',
+        itemView: 'default',
+        size: 'm',
         maxWidth: '100%',
         quantity: 6,
-        size: 'm',
         title: 'Title',
         content: 'Content',
         contentAlign: 'left',
@@ -153,10 +158,22 @@ export const Default: Story = {
                 type: 'text',
             },
         },
+        view: {
+            options: views,
+            control: {
+                type: 'select',
+            },
+        },
+        itemView: {
+            options: ['default', 'negative', 'warning', 'positive'],
+            control: {
+                type: 'select',
+            },
+        },
         size: {
-            options: ['xs', 's', 'm', 'l'],
+            options: sizes,
             control: {
-                type: 'inline-radio',
+                type: 'select',
             },
         },
         orientation: {
@@ -189,7 +206,6 @@ export const Default: Story = {
                 type: 'boolean',
             },
         },
-        ...disableProps(['view']),
     },
     render: (args) => <DefaultStory {...args} />,
 };

package/styled-components/es/examples/plasma_b2c/components/Table/Table.config.js

@@ -11,9 +11,9 @@ export var config = {
       clear: /*#__PURE__*/css(["", ":transparent;"], tokens.borderColor)
     },
     size: {
-      l: /*#__PURE__*/css(["", ":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);", ":3.125rem;", ":3.125rem;", ":0.375rem 1rem;", ":0.375rem 1rem;", ":0.125rem;", ":transparent;", ":1.25rem;", ":0.375rem;", ":0.5rem;", ":3rem;", ":100%;", ":0.25rem;", ":0.875rem;", ":0 0.75rem;", ":var(--surface-transparent-tertiary);", ":0.75rem 0;", ":0.375rem 1rem;", ":2.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.125rem;", ":0.875rem;", ":1.5rem;", ":0.75rem 0.875rem;", ":0.75rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":0;", ":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;", ":0.375rem;", ":0.5rem 1rem;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.headerRowHeight, tokens.rowHeight, tokens.cellPadding, tokens.checkboxCellPadding, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerSize, tokens.checkboxTriggerBorderRadius, tokens.editableCellIconGap, tokens.editableCellIconButtonWidth, tokens.editableCellIconButtonHeight, tokens.editableCellPadding, tokens.editableCellInputBorderRadius, tokens.editableCellInputPadding, tokens.editableCellInputBackground, tokens.filterCheckboxPadding, tokens.filterDividerMargin, tokens.buttonHeight, tokens.buttonFontFamily, tokens.buttonFontSize, tokens.buttonFontStyle, tokens.buttonFontWeight, tokens.buttonLetterSpacing, tokens.buttonLineHeight, tokens.selectPadding, tokens.selectBorderRadius, tokens.selectItemHeight, tokens.selectItemPadding, tokens.selectItemBorderRadius, tokens.selectItemIconMargin, tokens.selectItemIconSize, tokens.selectCellPadding, tokens.selectCellTitleFontFamily, tokens.selectCellTitleFontSize, tokens.selectCellTitleFontStyle, tokens.selectCellTitleFontWeight, tokens.selectCellTitleLetterSpacing, tokens.selectCellTitleLineHeight, tokens.selectCheckboxTriggerSize, tokens.selectCheckboxTriggerBorderRadius, tokens.selectControlPanelPadding, tokens.selectControlPanelGap, tokens.linkButtonFontFamily, tokens.linkButtonFontSize, tokens.linkButtonFontStyle, tokens.linkButtonFontWeight, tokens.linkButtonLetterSpacing, tokens.linkButtonLineHeight),
-      m: /*#__PURE__*/css(["", ":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);", ":2.75rem;", ":2.75rem;", ":0.25rem 0.875rem;", ":0.25rem 0.75rem;", ":0.125rem;", ":transparent;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":2.5rem;", ":100%;", ":0.25rem;", ":0.625rem;", ":0 0.625rem;", ":var(--surface-transparent-tertiary);", ":0.5rem 0;", ":0.375rem 0.875rem;", ":2rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.125rem;", ":0.75rem;", ":1.5rem;", ":0.5rem 0.625rem;", ":0.625rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":0;", ":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);", ":1.25rem;", ":0.375rem;", ":0.25rem 0.875rem;", ":0.625rem;", ":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);"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.headerRowHeight, tokens.rowHeight, tokens.cellPadding, tokens.checkboxCellPadding, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerSize, tokens.checkboxTriggerBorderRadius, tokens.editableCellIconGap, tokens.editableCellIconButtonWidth, tokens.editableCellIconButtonHeight, tokens.editableCellPadding, tokens.editableCellInputBorderRadius, tokens.editableCellInputPadding, tokens.editableCellInputBackground, tokens.filterCheckboxPadding, tokens.filterDividerMargin, tokens.buttonHeight, tokens.buttonFontFamily, tokens.buttonFontSize, tokens.buttonFontStyle, tokens.buttonFontWeight, tokens.buttonLetterSpacing, tokens.buttonLineHeight, tokens.selectPadding, tokens.selectBorderRadius, tokens.selectItemHeight, tokens.selectItemPadding, tokens.selectItemBorderRadius, tokens.selectItemIconMargin, tokens.selectItemIconSize, tokens.selectCellPadding, tokens.selectCellTitleFontFamily, tokens.selectCellTitleFontSize, tokens.selectCellTitleFontStyle, tokens.selectCellTitleFontWeight, tokens.selectCellTitleLetterSpacing, tokens.selectCellTitleLineHeight, tokens.selectCheckboxTriggerSize, tokens.selectCheckboxTriggerBorderRadius, tokens.selectControlPanelPadding, tokens.selectControlPanelGap, tokens.linkButtonFontFamily, tokens.linkButtonFontSize, tokens.linkButtonFontStyle, tokens.linkButtonFontWeight, tokens.linkButtonLetterSpacing, tokens.linkButtonLineHeight),
-      s: /*#__PURE__*/css(["", ":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);", ":2.125rem;", ":2.125rem;", ":0.125rem 0.625rem;", ":0.125rem;", ":transparent;", ":0.875rem;", ":0.25rem;", ":0.25rem;", ":2rem;", ":100%;", ":0.125rem;", ":0.5rem;", ":0 0.375rem;", ":var(--surface-transparent-tertiary);", ":0.5rem 0;", ":0.25rem 0.625rem;", ":1.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.125rem;", ":0.625rem;", ":1rem;", ":0.5rem;", ":0.5rem;", ":0 0.25rem 0 0;", ":1rem;", ":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-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.875rem;", ":0.25rem;", ":0.25rem 0.625rem;", ":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-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.headerRowHeight, tokens.rowHeight, tokens.checkboxCellPadding, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerSize, tokens.checkboxTriggerBorderRadius, tokens.editableCellIconGap, tokens.editableCellIconButtonWidth, tokens.editableCellIconButtonHeight, tokens.editableCellPadding, tokens.editableCellInputBorderRadius, tokens.editableCellInputPadding, tokens.editableCellInputBackground, tokens.filterCheckboxPadding, tokens.filterDividerMargin, tokens.buttonHeight, tokens.buttonFontFamily, tokens.buttonFontSize, tokens.buttonFontStyle, tokens.buttonFontWeight, tokens.buttonLetterSpacing, tokens.buttonLineHeight, tokens.selectPadding, tokens.selectBorderRadius, tokens.selectItemHeight, tokens.selectItemPadding, tokens.selectItemBorderRadius, tokens.selectItemIconMargin, tokens.selectItemIconSize, tokens.selectCellPadding, tokens.selectCellTitleFontFamily, tokens.selectCellTitleFontSize, tokens.selectCellTitleFontStyle, tokens.selectCellTitleFontWeight, tokens.selectCellTitleLetterSpacing, tokens.selectCellTitleLineHeight, tokens.selectCheckboxTriggerSize, tokens.selectCheckboxTriggerBorderRadius, tokens.selectControlPanelPadding, tokens.selectControlPanelGap, tokens.linkButtonFontFamily, tokens.linkButtonFontSize, tokens.linkButtonFontStyle, tokens.linkButtonFontWeight, tokens.linkButtonLetterSpacing, tokens.linkButtonLineHeight)
+      l: /*#__PURE__*/css(["", ":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);", ":3.125rem;", ":3.125rem;", ":0.375rem 1rem;", ":0.375rem 1rem;", ":0.125rem;", ":transparent;", ":1.25rem;", ":0.375rem;", ":0.5rem;", ":3rem;", ":100%;", ":0.25rem;", ":0.875rem;", ":0 0.75rem;", ":var(--surface-transparent-tertiary);", ":0.75rem 0;", ":0.375rem 1rem;", ":2.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.125rem;", ":0.875rem;", ":1.5rem;", ":0.75rem 0.875rem;", ":0.75rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":0;", ":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;", ":0.375rem;", ":0.125rem;", ":transparent;", ":0.5rem 1rem;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.headerRowHeight, tokens.rowHeight, tokens.cellPadding, tokens.checkboxCellPadding, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerSize, tokens.checkboxTriggerBorderRadius, tokens.editableCellIconGap, tokens.editableCellIconButtonWidth, tokens.editableCellIconButtonHeight, tokens.editableCellPadding, tokens.editableCellInputBorderRadius, tokens.editableCellInputPadding, tokens.editableCellInputBackground, tokens.filterCheckboxPadding, tokens.filterDividerMargin, tokens.buttonHeight, tokens.buttonFontFamily, tokens.buttonFontSize, tokens.buttonFontStyle, tokens.buttonFontWeight, tokens.buttonLetterSpacing, tokens.buttonLineHeight, tokens.selectPadding, tokens.selectBorderRadius, tokens.selectItemHeight, tokens.selectItemPadding, tokens.selectItemBorderRadius, tokens.selectItemIconMargin, tokens.selectItemIconSize, tokens.selectCellPadding, tokens.selectCellTitleFontFamily, tokens.selectCellTitleFontSize, tokens.selectCellTitleFontStyle, tokens.selectCellTitleFontWeight, tokens.selectCellTitleLetterSpacing, tokens.selectCellTitleLineHeight, tokens.selectCheckboxTriggerSize, tokens.selectCheckboxTriggerBorderRadius, tokens.selectCheckboxTriggerBorderWidth, tokens.selectCheckboxTriggerBorderCheckedColor, tokens.selectControlPanelPadding, tokens.selectControlPanelGap, tokens.linkButtonFontFamily, tokens.linkButtonFontSize, tokens.linkButtonFontStyle, tokens.linkButtonFontWeight, tokens.linkButtonLetterSpacing, tokens.linkButtonLineHeight),
+      m: /*#__PURE__*/css(["", ":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);", ":2.75rem;", ":2.75rem;", ":0.25rem 0.875rem;", ":0.25rem 0.75rem;", ":0.125rem;", ":transparent;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":2.5rem;", ":100%;", ":0.25rem;", ":0.625rem;", ":0 0.625rem;", ":var(--surface-transparent-tertiary);", ":0.5rem 0;", ":0.375rem 0.875rem;", ":2rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.125rem;", ":0.75rem;", ":1.5rem;", ":0.5rem 0.625rem;", ":0.625rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":0;", ":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);", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":transparent;", ":0.25rem 0.875rem;", ":0.625rem;", ":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);"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.headerRowHeight, tokens.rowHeight, tokens.cellPadding, tokens.checkboxCellPadding, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerSize, tokens.checkboxTriggerBorderRadius, tokens.editableCellIconGap, tokens.editableCellIconButtonWidth, tokens.editableCellIconButtonHeight, tokens.editableCellPadding, tokens.editableCellInputBorderRadius, tokens.editableCellInputPadding, tokens.editableCellInputBackground, tokens.filterCheckboxPadding, tokens.filterDividerMargin, tokens.buttonHeight, tokens.buttonFontFamily, tokens.buttonFontSize, tokens.buttonFontStyle, tokens.buttonFontWeight, tokens.buttonLetterSpacing, tokens.buttonLineHeight, tokens.selectPadding, tokens.selectBorderRadius, tokens.selectItemHeight, tokens.selectItemPadding, tokens.selectItemBorderRadius, tokens.selectItemIconMargin, tokens.selectItemIconSize, tokens.selectCellPadding, tokens.selectCellTitleFontFamily, tokens.selectCellTitleFontSize, tokens.selectCellTitleFontStyle, tokens.selectCellTitleFontWeight, tokens.selectCellTitleLetterSpacing, tokens.selectCellTitleLineHeight, tokens.selectCheckboxTriggerSize, tokens.selectCheckboxTriggerBorderRadius, tokens.selectCheckboxTriggerBorderWidth, tokens.selectCheckboxTriggerBorderCheckedColor, tokens.selectControlPanelPadding, tokens.selectControlPanelGap, tokens.linkButtonFontFamily, tokens.linkButtonFontSize, tokens.linkButtonFontStyle, tokens.linkButtonFontWeight, tokens.linkButtonLetterSpacing, tokens.linkButtonLineHeight),
+      s: /*#__PURE__*/css(["", ":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);", ":2.125rem;", ":2.125rem;", ":0.125rem 0.5rem;", ":0.125rem 0.625rem;", ":0.125rem;", ":transparent;", ":0.875rem;", ":0.25rem;", ":0.25rem;", ":2rem;", ":100%;", ":0.125rem;", ":0.5rem;", ":0 0.375rem;", ":var(--surface-transparent-tertiary);", ":0.5rem 0;", ":0.25rem 0.625rem;", ":1.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.125rem;", ":0.625rem;", ":1rem;", ":0.5rem;", ":0.5rem;", ":0 0.25rem 0 0;", ":1rem;", ":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-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.875rem;", ":0.25rem;", ":0.125rem;", ":transparent;", ":0.25rem 0.625rem;", ":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-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.headerRowHeight, tokens.rowHeight, tokens.cellPadding, tokens.checkboxCellPadding, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerSize, tokens.checkboxTriggerBorderRadius, tokens.editableCellIconGap, tokens.editableCellIconButtonWidth, tokens.editableCellIconButtonHeight, tokens.editableCellPadding, tokens.editableCellInputBorderRadius, tokens.editableCellInputPadding, tokens.editableCellInputBackground, tokens.filterCheckboxPadding, tokens.filterDividerMargin, tokens.buttonHeight, tokens.buttonFontFamily, tokens.buttonFontSize, tokens.buttonFontStyle, tokens.buttonFontWeight, tokens.buttonLetterSpacing, tokens.buttonLineHeight, tokens.selectPadding, tokens.selectBorderRadius, tokens.selectItemHeight, tokens.selectItemPadding, tokens.selectItemBorderRadius, tokens.selectItemIconMargin, tokens.selectItemIconSize, tokens.selectCellPadding, tokens.selectCellTitleFontFamily, tokens.selectCellTitleFontSize, tokens.selectCellTitleFontStyle, tokens.selectCellTitleFontWeight, tokens.selectCellTitleLetterSpacing, tokens.selectCellTitleLineHeight, tokens.selectCheckboxTriggerSize, tokens.selectCheckboxTriggerBorderRadius, tokens.selectCheckboxTriggerBorderWidth, tokens.selectCheckboxTriggerBorderCheckedColor, tokens.selectControlPanelPadding, tokens.selectControlPanelGap, tokens.linkButtonFontFamily, tokens.linkButtonFontSize, tokens.linkButtonFontStyle, tokens.linkButtonFontWeight, tokens.linkButtonLetterSpacing, tokens.linkButtonLineHeight)
     }
   }
 };

package/styled-components/es/examples/plasma_web/components/ChipGroup /ChipGroup.config.js

@@ -1,5 +1,5 @@
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 import { css } from '@linaria/core';
 import { chipGroupTokens as tokens } from '../../../../components/ChipGroup';
 export var config = {

package/styled-components/es/examples/plasma_web/components/Grid/Grid.config.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { css } from 'styled-components';

package/styled-components/es/examples/plasma_web/components/Steps/Steps.config.js

@@ -1,13 +1,23 @@
 import { css } from 'styled-components';
 import { stepsTokens as tokens } from '../../../../components/Steps';
+var baseItemView = /*#__PURE__*/"\n    ".concat(tokens.activeTitleColor, ": var(--text-primary);\n    ").concat(tokens.activeTitleColorHover, ": var(--text-primary-hover);\n    ").concat(tokens.activeIndicatorBorder, ": solid var(--surface-solid-default);\n    ").concat(tokens.activeIndicatorColor, ": var(--text-primary);\n    ").concat(tokens.activeIndicatorBackground, ": var(--surface-clear);\n    \n    ").concat(tokens.completedIndicatorColor, ": var(--inverse-text-primary);\n    ").concat(tokens.completedIndicatorColorHover, ": var(--inverse-text-primary);\n    ").concat(tokens.completedIndicatorBackground, ": var(--surface-solid-default);\n    ").concat(tokens.completedIndicatorBackgroundHover, ": var(--surface-solid-default-hover);\n    ").concat(tokens.completedTitleColor, ": var(--text-primary);\n    ").concat(tokens.completedTitleColorHover, ": var(--text-primary-hover);\n\n    ").concat(tokens.inactiveTitleColor, ": var(--text-secondary);\n    ").concat(tokens.inactiveTitleColorHover, ": var(--text-secondary-hover);\n    ").concat(tokens.inactiveIndicatorColor, ": var(--text-secondary);\n    ").concat(tokens.inactiveIndicatorColorHover, ": var(--text-secondary);\n    ").concat(tokens.inactiveIndicatorBackground, ": var(--surface-transparent-secondary);\n    ").concat(tokens.inactiveIndicatorBackgroundHover, ": var(--surface-transparent-secondary-hover);\n\n    ").concat(tokens.contentColor, ": var(--text-secondary);\n    ").concat(tokens.focusColor, ": var(--surface-accent);\n\n    ").concat(tokens.disabledOpacity, ": 0.4;\n");
+var accentConfig = /*#__PURE__*/"\n    ".concat(tokens.completedTitleColor, ": var(--text-primary);\n    ").concat(tokens.completedTitleColorHover, ": var(--text-primary-hover);\n    \n    ").concat(tokens.completedIndicatorBackground, ": var(--surface-accent);\n    ").concat(tokens.completedIndicatorBackgroundHover, ": var(--surface-accent-hover);\n    \n    // \u0426\u0432\u0435\u0442 \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u0430 \u0432\u043D\u0443\u0442\u0440\u0438 \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u0430 Step\n    ").concat(tokens.completedIndicatorColor, ": var(--on-dark-text-primary);\n    ").concat(tokens.completedIndicatorColorHover, ": var(--on-dark-text-primary-hover);\n");
 export var config = {
   defaults: {
     size: 'm',
-    view: 'default'
+    view: 'default',
+    itemView: 'default'
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-primary-hover);", ":solid var(--surface-solid-default);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--inverse-text-primary);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--surface-solid-default-hover);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-secondary);", ":var(--surface-accent);", ":0.4;"], tokens.activeTitleColor, tokens.activeTitleColorHover, tokens.activeIndicatorBorder, tokens.activeIndicatorColor, tokens.activeIndicatorBackground, tokens.completedIndicatorColor, tokens.completedIndicatorColorHover, tokens.completedIndicatorBackground, tokens.completedIndicatorBackgroundHover, tokens.inactiveTitleColor, tokens.inactiveTitleColorHover, tokens.inactiveIndicatorColor, tokens.inactiveIndicatorColorHover, tokens.inactiveIndicatorBackground, tokens.inactiveIndicatorBackgroundHover, tokens.contentColor, tokens.focusColor, tokens.disabledOpacity)
+      "default": /*#__PURE__*/css(["", ":var(--surface-solid-default);"], tokens.dividerColor),
+      accent: /*#__PURE__*/css(["", ":var(--surface-accent);"], tokens.dividerColor)
+    },
+    itemView: {
+      "default": /*#__PURE__*/css(["", ";"], baseItemView),
+      negative: /*#__PURE__*/css(["", ";", ":var(--surface-negative);", ":var(--surface-negative-hover);", ":solid var(--surface-negative);", ":var(--text-negative);"], baseItemView, tokens.activeTitleColor, tokens.activeTitleColorHover, tokens.activeIndicatorBorder, tokens.activeIndicatorColor),
+      warning: /*#__PURE__*/css(["", ";", ":var(--surface-warning);", ":var(--surface-warning-hover);", ":solid var(--surface-warning);", ":var(--text-warning);"], baseItemView, tokens.activeTitleColor, tokens.activeTitleColorHover, tokens.activeIndicatorBorder, tokens.activeIndicatorColor),
+      positive: /*#__PURE__*/css(["", ";", ":var(--surface-positive);", ":var(--surface-positive-hover);", ":solid var(--surface-positive);", ":var(--text-positive);"], baseItemView, tokens.activeTitleColor, tokens.activeTitleColorHover, tokens.activeIndicatorBorder, tokens.activeIndicatorColor)
     },
     size: {
       l: /*#__PURE__*/css(["", ":1.5rem;", ":2.25rem;", ":0.5rem;", ":1rem;", ":0.75rem;", ":0.375rem;", ":2rem;", ":1.0625rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":1.5rem;", ":1.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-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);", ":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-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);", ":0.125rem;"], tokens.indicatorSize, tokens.activeIndicatorSize, tokens.bulletSize, tokens.activeBulletSize, tokens.titlePaddingTop, tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentVerticalPadding, tokens.verticalContentPaddingLeft, tokens.smallIndicatorIndentHeight, tokens.largeIndicatorIndentHeight, tokens.smallBulletIndentHeight, tokens.largeBulletIndentHeight, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.dividerThickness),
@@ -15,5 +25,22 @@ export var config = {
       s: /*#__PURE__*/css(["", ":1.5rem;", ":1.5rem;", ":0.5rem;", ":1rem;", ":0.5rem;", ":0.375rem;", ":1.5rem;", ":0.6875rem;", ":0.75rem;", ":0.5rem;", ":0.5rem;", ":1rem;", ":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);", ":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-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);", ":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.125rem;"], tokens.indicatorSize, tokens.activeIndicatorSize, tokens.bulletSize, tokens.activeBulletSize, tokens.titlePaddingTop, tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentVerticalPadding, tokens.verticalContentPaddingLeft, tokens.smallIndicatorIndentHeight, tokens.largeIndicatorIndentHeight, tokens.smallBulletIndentHeight, tokens.largeBulletIndentHeight, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.dividerThickness),
       xs: /*#__PURE__*/css(["", ":1.5rem;", ":1.5rem;", ":0.5rem;", ":1rem;", ":0.5rem;", ":0.25rem;", ":1.5rem;", ":0.5625rem;", ":0.75rem;", ":0.25rem;", ":0.25rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":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-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-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.125rem;"], tokens.indicatorSize, tokens.activeIndicatorSize, tokens.bulletSize, tokens.activeBulletSize, tokens.titlePaddingTop, tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentVerticalPadding, tokens.verticalContentPaddingLeft, tokens.smallIndicatorIndentHeight, tokens.largeIndicatorIndentHeight, tokens.smallBulletIndentHeight, tokens.largeBulletIndentHeight, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.dividerThickness)
     }
-  }
+  },
+  intersections: [{
+    view: 'accent',
+    itemView: 'default',
+    style: /*#__PURE__*/css(["", ":solid var(--text-accent);", ":var(--text-accent);", ";"], tokens.activeIndicatorBorder, tokens.activeIndicatorColor, accentConfig)
+  }, {
+    view: 'accent',
+    itemView: 'negative',
+    style: /*#__PURE__*/css(["", ";"], accentConfig)
+  }, {
+    view: 'accent',
+    itemView: 'warning',
+    style: /*#__PURE__*/css(["", ";"], accentConfig)
+  }, {
+    view: 'accent',
+    itemView: 'positive',
+    style: /*#__PURE__*/css(["", ";"], accentConfig)
+  }]
 };

package/styled-components/es/examples/plasma_web/components/Steps/Steps.stories.tsx

@@ -1,14 +1,17 @@
 import React, { useState, useEffect } from 'react';
 import type { ComponentProps } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
-import { disableProps } from '@salutejs/plasma-sb-utils';
+import { getConfigVariations } from '@salutejs/plasma-sb-utils';
 
 import { IconMic } from '../../../../components/_Icon';
 import { argTypesFromConfig, WithTheme } from '../../../_helpers';
 import { StepItemProps } from '../../../../components/Steps/ui';
 
+import { config } from './Steps.config';
 import { Steps, mergedConfig } from './Steps';
 
+const { views, sizes } = getConfigVariations(config);
+
 const meta: Meta<typeof Steps> = {
     title: 'web/Navigation/Steps',
     decorators: [WithTheme],
@@ -133,9 +136,11 @@ const DefaultStory = (args) => {
 
 export const Default: Story = {
     args: {
+        view: 'default',
+        itemView: 'default',
+        size: 'm',
         maxWidth: '100%',
         quantity: 6,
-        size: 'm',
         title: 'Title',
         content: 'Content',
         contentAlign: 'left',
@@ -153,10 +158,22 @@ export const Default: Story = {
                 type: 'text',
             },
         },
+        view: {
+            options: views,
+            control: {
+                type: 'select',
+            },
+        },
+        itemView: {
+            options: ['default', 'negative', 'warning', 'positive'],
+            control: {
+                type: 'select',
+            },
+        },
         size: {
-            options: ['xs', 's', 'm', 'l'],
+            options: sizes,
             control: {
-                type: 'inline-radio',
+                type: 'select',
             },
         },
         orientation: {
@@ -189,7 +206,6 @@ export const Default: Story = {
                 type: 'boolean',
             },
         },
-        ...disableProps(['view']),
     },
     render: (args) => <DefaultStory {...args} />,
 };

package/styled-components/es/examples/plasma_web/components/Table/Table.config.js

@@ -11,9 +11,9 @@ export var config = {
       clear: /*#__PURE__*/css(["", ":transparent;"], tokens.borderColor)
     },
     size: {
-      l: /*#__PURE__*/css(["", ":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);", ":3.125rem;", ":3.125rem;", ":0.375rem 1rem;", ":0.375rem 1rem;", ":0.125rem;", ":transparent;", ":1.25rem;", ":0.375rem;", ":0.5rem;", ":3rem;", ":100%;", ":0.25rem;", ":0.875rem;", ":0 0.75rem;", ":var(--surface-transparent-tertiary);", ":0.75rem 0;", ":0.375rem 1rem;", ":2.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.125rem;", ":0.875rem;", ":1.5rem;", ":0.75rem 0.875rem;", ":0.75rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":0;", ":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;", ":0.375rem;", ":0.5rem 1rem;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.headerRowHeight, tokens.rowHeight, tokens.cellPadding, tokens.checkboxCellPadding, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerSize, tokens.checkboxTriggerBorderRadius, tokens.editableCellIconGap, tokens.editableCellIconButtonWidth, tokens.editableCellIconButtonHeight, tokens.editableCellPadding, tokens.editableCellInputBorderRadius, tokens.editableCellInputPadding, tokens.editableCellInputBackground, tokens.filterCheckboxPadding, tokens.filterDividerMargin, tokens.buttonHeight, tokens.buttonFontFamily, tokens.buttonFontSize, tokens.buttonFontStyle, tokens.buttonFontWeight, tokens.buttonLetterSpacing, tokens.buttonLineHeight, tokens.selectPadding, tokens.selectBorderRadius, tokens.selectItemHeight, tokens.selectItemPadding, tokens.selectItemBorderRadius, tokens.selectItemIconMargin, tokens.selectItemIconSize, tokens.selectCellPadding, tokens.selectCellTitleFontFamily, tokens.selectCellTitleFontSize, tokens.selectCellTitleFontStyle, tokens.selectCellTitleFontWeight, tokens.selectCellTitleLetterSpacing, tokens.selectCellTitleLineHeight, tokens.selectCheckboxTriggerSize, tokens.selectCheckboxTriggerBorderRadius, tokens.selectControlPanelPadding, tokens.selectControlPanelGap, tokens.linkButtonFontFamily, tokens.linkButtonFontSize, tokens.linkButtonFontStyle, tokens.linkButtonFontWeight, tokens.linkButtonLetterSpacing, tokens.linkButtonLineHeight),
-      m: /*#__PURE__*/css(["", ":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);", ":2.75rem;", ":2.75rem;", ":0.25rem 0.875rem;", ":0.25rem 0.75rem;", ":0.125rem;", ":transparent;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":2.5rem;", ":100%;", ":0.25rem;", ":0.625rem;", ":0 0.625rem;", ":var(--surface-transparent-tertiary);", ":0.5rem 0;", ":0.375rem 0.875rem;", ":2rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.125rem;", ":0.75rem;", ":1.5rem;", ":0.5rem 0.625rem;", ":0.625rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":0;", ":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);", ":1.25rem;", ":0.375rem;", ":0.25rem 0.875rem;", ":0.625rem;", ":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);"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.headerRowHeight, tokens.rowHeight, tokens.cellPadding, tokens.checkboxCellPadding, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerSize, tokens.checkboxTriggerBorderRadius, tokens.editableCellIconGap, tokens.editableCellIconButtonWidth, tokens.editableCellIconButtonHeight, tokens.editableCellPadding, tokens.editableCellInputBorderRadius, tokens.editableCellInputPadding, tokens.editableCellInputBackground, tokens.filterCheckboxPadding, tokens.filterDividerMargin, tokens.buttonHeight, tokens.buttonFontFamily, tokens.buttonFontSize, tokens.buttonFontStyle, tokens.buttonFontWeight, tokens.buttonLetterSpacing, tokens.buttonLineHeight, tokens.selectPadding, tokens.selectBorderRadius, tokens.selectItemHeight, tokens.selectItemPadding, tokens.selectItemBorderRadius, tokens.selectItemIconMargin, tokens.selectItemIconSize, tokens.selectCellPadding, tokens.selectCellTitleFontFamily, tokens.selectCellTitleFontSize, tokens.selectCellTitleFontStyle, tokens.selectCellTitleFontWeight, tokens.selectCellTitleLetterSpacing, tokens.selectCellTitleLineHeight, tokens.selectCheckboxTriggerSize, tokens.selectCheckboxTriggerBorderRadius, tokens.selectControlPanelPadding, tokens.selectControlPanelGap, tokens.linkButtonFontFamily, tokens.linkButtonFontSize, tokens.linkButtonFontStyle, tokens.linkButtonFontWeight, tokens.linkButtonLetterSpacing, tokens.linkButtonLineHeight),
-      s: /*#__PURE__*/css(["", ":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);", ":2.125rem;", ":2.125rem;", ":0.125rem 0.625rem;", ":0.125rem;", ":transparent;", ":0.875rem;", ":0.25rem;", ":0.25rem;", ":2rem;", ":100%;", ":0.125rem;", ":0.5rem;", ":0 0.375rem;", ":var(--surface-transparent-tertiary);", ":0.5rem 0;", ":0.25rem 0.625rem;", ":1.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.125rem;", ":0.625rem;", ":1rem;", ":0.5rem;", ":0.5rem;", ":0 0.25rem 0 0;", ":1rem;", ":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-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.875rem;", ":0.25rem;", ":0.25rem 0.625rem;", ":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-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.headerRowHeight, tokens.rowHeight, tokens.checkboxCellPadding, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerSize, tokens.checkboxTriggerBorderRadius, tokens.editableCellIconGap, tokens.editableCellIconButtonWidth, tokens.editableCellIconButtonHeight, tokens.editableCellPadding, tokens.editableCellInputBorderRadius, tokens.editableCellInputPadding, tokens.editableCellInputBackground, tokens.filterCheckboxPadding, tokens.filterDividerMargin, tokens.buttonHeight, tokens.buttonFontFamily, tokens.buttonFontSize, tokens.buttonFontStyle, tokens.buttonFontWeight, tokens.buttonLetterSpacing, tokens.buttonLineHeight, tokens.selectPadding, tokens.selectBorderRadius, tokens.selectItemHeight, tokens.selectItemPadding, tokens.selectItemBorderRadius, tokens.selectItemIconMargin, tokens.selectItemIconSize, tokens.selectCellPadding, tokens.selectCellTitleFontFamily, tokens.selectCellTitleFontSize, tokens.selectCellTitleFontStyle, tokens.selectCellTitleFontWeight, tokens.selectCellTitleLetterSpacing, tokens.selectCellTitleLineHeight, tokens.selectCheckboxTriggerSize, tokens.selectCheckboxTriggerBorderRadius, tokens.selectControlPanelPadding, tokens.selectControlPanelGap, tokens.linkButtonFontFamily, tokens.linkButtonFontSize, tokens.linkButtonFontStyle, tokens.linkButtonFontWeight, tokens.linkButtonLetterSpacing, tokens.linkButtonLineHeight)
+      l: /*#__PURE__*/css(["", ":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);", ":3.125rem;", ":3.125rem;", ":0.375rem 1rem;", ":0.375rem 1rem;", ":0.125rem;", ":transparent;", ":1.25rem;", ":0.375rem;", ":0.5rem;", ":3rem;", ":100%;", ":0.25rem;", ":0.875rem;", ":0 0.75rem;", ":var(--surface-transparent-tertiary);", ":0.75rem 0;", ":0.375rem 1rem;", ":2.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.125rem;", ":0.875rem;", ":1.5rem;", ":0.75rem 0.875rem;", ":0.75rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":0;", ":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;", ":0.375rem;", ":0.125rem;", ":transparent;", ":0.5rem 1rem;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.headerRowHeight, tokens.rowHeight, tokens.cellPadding, tokens.checkboxCellPadding, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerSize, tokens.checkboxTriggerBorderRadius, tokens.editableCellIconGap, tokens.editableCellIconButtonWidth, tokens.editableCellIconButtonHeight, tokens.editableCellPadding, tokens.editableCellInputBorderRadius, tokens.editableCellInputPadding, tokens.editableCellInputBackground, tokens.filterCheckboxPadding, tokens.filterDividerMargin, tokens.buttonHeight, tokens.buttonFontFamily, tokens.buttonFontSize, tokens.buttonFontStyle, tokens.buttonFontWeight, tokens.buttonLetterSpacing, tokens.buttonLineHeight, tokens.selectPadding, tokens.selectBorderRadius, tokens.selectItemHeight, tokens.selectItemPadding, tokens.selectItemBorderRadius, tokens.selectItemIconMargin, tokens.selectItemIconSize, tokens.selectCellPadding, tokens.selectCellTitleFontFamily, tokens.selectCellTitleFontSize, tokens.selectCellTitleFontStyle, tokens.selectCellTitleFontWeight, tokens.selectCellTitleLetterSpacing, tokens.selectCellTitleLineHeight, tokens.selectCheckboxTriggerSize, tokens.selectCheckboxTriggerBorderRadius, tokens.selectCheckboxTriggerBorderWidth, tokens.selectCheckboxTriggerBorderCheckedColor, tokens.selectControlPanelPadding, tokens.selectControlPanelGap, tokens.linkButtonFontFamily, tokens.linkButtonFontSize, tokens.linkButtonFontStyle, tokens.linkButtonFontWeight, tokens.linkButtonLetterSpacing, tokens.linkButtonLineHeight),
+      m: /*#__PURE__*/css(["", ":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);", ":2.75rem;", ":2.75rem;", ":0.25rem 0.875rem;", ":0.25rem 0.75rem;", ":0.125rem;", ":transparent;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":2.5rem;", ":100%;", ":0.25rem;", ":0.625rem;", ":0 0.625rem;", ":var(--surface-transparent-tertiary);", ":0.5rem 0;", ":0.375rem 0.875rem;", ":2rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.125rem;", ":0.75rem;", ":1.5rem;", ":0.5rem 0.625rem;", ":0.625rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":0;", ":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);", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":transparent;", ":0.25rem 0.875rem;", ":0.625rem;", ":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);"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.headerRowHeight, tokens.rowHeight, tokens.cellPadding, tokens.checkboxCellPadding, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerSize, tokens.checkboxTriggerBorderRadius, tokens.editableCellIconGap, tokens.editableCellIconButtonWidth, tokens.editableCellIconButtonHeight, tokens.editableCellPadding, tokens.editableCellInputBorderRadius, tokens.editableCellInputPadding, tokens.editableCellInputBackground, tokens.filterCheckboxPadding, tokens.filterDividerMargin, tokens.buttonHeight, tokens.buttonFontFamily, tokens.buttonFontSize, tokens.buttonFontStyle, tokens.buttonFontWeight, tokens.buttonLetterSpacing, tokens.buttonLineHeight, tokens.selectPadding, tokens.selectBorderRadius, tokens.selectItemHeight, tokens.selectItemPadding, tokens.selectItemBorderRadius, tokens.selectItemIconMargin, tokens.selectItemIconSize, tokens.selectCellPadding, tokens.selectCellTitleFontFamily, tokens.selectCellTitleFontSize, tokens.selectCellTitleFontStyle, tokens.selectCellTitleFontWeight, tokens.selectCellTitleLetterSpacing, tokens.selectCellTitleLineHeight, tokens.selectCheckboxTriggerSize, tokens.selectCheckboxTriggerBorderRadius, tokens.selectCheckboxTriggerBorderWidth, tokens.selectCheckboxTriggerBorderCheckedColor, tokens.selectControlPanelPadding, tokens.selectControlPanelGap, tokens.linkButtonFontFamily, tokens.linkButtonFontSize, tokens.linkButtonFontStyle, tokens.linkButtonFontWeight, tokens.linkButtonLetterSpacing, tokens.linkButtonLineHeight),
+      s: /*#__PURE__*/css(["", ":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);", ":2.125rem;", ":2.125rem;", ":0.125rem 0.5rem;", ":0.125rem 0.625rem;", ":0.125rem;", ":transparent;", ":0.875rem;", ":0.25rem;", ":0.25rem;", ":2rem;", ":100%;", ":0.125rem;", ":0.5rem;", ":0 0.375rem;", ":var(--surface-transparent-tertiary);", ":0.5rem 0;", ":0.25rem 0.625rem;", ":1.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.125rem;", ":0.625rem;", ":1rem;", ":0.5rem;", ":0.5rem;", ":0 0.25rem 0 0;", ":1rem;", ":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-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.875rem;", ":0.25rem;", ":0.125rem;", ":transparent;", ":0.25rem 0.625rem;", ":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-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.headerRowHeight, tokens.rowHeight, tokens.cellPadding, tokens.checkboxCellPadding, tokens.checkboxTriggerBorderWidth, tokens.checkboxTriggerBorderCheckedColor, tokens.checkboxTriggerSize, tokens.checkboxTriggerBorderRadius, tokens.editableCellIconGap, tokens.editableCellIconButtonWidth, tokens.editableCellIconButtonHeight, tokens.editableCellPadding, tokens.editableCellInputBorderRadius, tokens.editableCellInputPadding, tokens.editableCellInputBackground, tokens.filterCheckboxPadding, tokens.filterDividerMargin, tokens.buttonHeight, tokens.buttonFontFamily, tokens.buttonFontSize, tokens.buttonFontStyle, tokens.buttonFontWeight, tokens.buttonLetterSpacing, tokens.buttonLineHeight, tokens.selectPadding, tokens.selectBorderRadius, tokens.selectItemHeight, tokens.selectItemPadding, tokens.selectItemBorderRadius, tokens.selectItemIconMargin, tokens.selectItemIconSize, tokens.selectCellPadding, tokens.selectCellTitleFontFamily, tokens.selectCellTitleFontSize, tokens.selectCellTitleFontStyle, tokens.selectCellTitleFontWeight, tokens.selectCellTitleLetterSpacing, tokens.selectCellTitleLineHeight, tokens.selectCheckboxTriggerSize, tokens.selectCheckboxTriggerBorderRadius, tokens.selectCheckboxTriggerBorderWidth, tokens.selectCheckboxTriggerBorderCheckedColor, tokens.selectControlPanelPadding, tokens.selectControlPanelGap, tokens.linkButtonFontFamily, tokens.linkButtonFontSize, tokens.linkButtonFontStyle, tokens.linkButtonFontWeight, tokens.linkButtonLetterSpacing, tokens.linkButtonLineHeight)
     }
   }
 };

package/styled-components/es/hooks/useForceUpdate.js

@@ -1,9 +1,9 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-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 _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 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; }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { useCallback, useState } from 'react';
 export var useForceUpdate = function useForceUpdate() {
   var _useState = useState(),

package/styled-components/es/hooks/useUniqId.js

@@ -1,9 +1,9 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-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 _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 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; }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { useState, useContext } from 'react';
 import { SSRContext } from '../components/SSRProvider';
 var noSSRId = 0;

package/styled-components/es/mixins/applySpacing.js

@@ -1,13 +1,13 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-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 _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 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; }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var baseSpacing = {