@salutejs/plasma-new-hope 0.341.0-canary.1983.19295272379.0 → 0.341.0-canary.2326.19357856571.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.341.0-canary.1983.19295272379.0",
+  "version": "0.341.0-canary.2326.19357856571.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -137,5 +137,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "aad4d5c56c567c00125831b06278f00affab400b"
+  "gitHead": "db0b8042fcc671fa3b032ec0e3492ba82fc1c9c9"
 }

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

@@ -19,9 +19,8 @@ _export(exports, {
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _styledcomponents = require("styled-components");
 var _base = require("./_view/base");
-var _base1 = require("./_size/base");
-var _base2 = require("./_disabled/base");
-var _base3 = require("./_focused/base");
+var _base1 = require("./_disabled/base");
+var _base2 = require("./_focused/base");
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -151,15 +150,12 @@ var linkConfig = {
         view: {
             css: _base.base
         },
-        size: {
-            css: _base1.base
-        },
         disabled: {
-            css: _base2.base,
+            css: _base1.base,
             attrs: true
         },
         focused: {
-            css: _base3.base
+            css: _base2.base
         }
     },
     defaults: {

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

@@ -17,11 +17,6 @@ var tokens = {
     linkColorVisitedHover: '--plasma-link-color-visited-hover',
     linkColorVisitedActive: '--plasma-link-color-visited-active',
     linkFontFamily: '--plasma-link-font-family',
-    linkFontSize: '--plasma-link-font-size',
-    linkFontStyle: '--plasma-link-font-style',
-    linkFontWeight: '--plasma-link-font-weight',
-    linkLetterSpacing: '--plasma-link-letter-spacing',
-    linkLineHeight: '--plasma-link-line-height',
     linkDisabledOpacity: '--plasma-link-disabled-opacity',
     linkUnderlineBorder: '--plasma-link-underline-border'
 };

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

@@ -14,7 +14,8 @@ var getColor = function(cssVar) {
     return "\n    color: var(".concat(cssVar, ", var(").concat(_Linktokens.tokens.linkColor, "));\n\n    ::before {\n        opacity: 1;\n    }\n");
 };
 var base = (0, _styledcomponents.css)([
-    "color:var(",
+    "font-family:var(",
+    ");color:var(",
     ");::before{border-bottom:var(",
     ") solid currentColor;}&:hover{",
     ";}&:active{",
@@ -22,4 +23,4 @@ var base = (0, _styledcomponents.css)([
     ";}&:visited:hover{",
     ";}&:visited:active{",
     ";}"
-], _Linktokens.tokens.linkColor, _Linktokens.tokens.linkUnderlineBorder, getColor(_Linktokens.tokens.linkColorHover), getColor(_Linktokens.tokens.linkColorActive), getColor(_Linktokens.tokens.linkColorVisited), getColor(_Linktokens.tokens.linkColorVisitedHover), getColor(_Linktokens.tokens.linkColorVisitedActive));
+], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkUnderlineBorder, getColor(_Linktokens.tokens.linkColorHover), getColor(_Linktokens.tokens.linkColorActive), getColor(_Linktokens.tokens.linkColorVisited), getColor(_Linktokens.tokens.linkColorVisitedHover), getColor(_Linktokens.tokens.linkColorVisitedActive));

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

@@ -62,10 +62,10 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 // NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части
-var mappingOverride = "\n    ".concat(_Checkbox.checkboxTokens.labelFontFamily, ": var(").concat(_Radioboxtokens.tokens.labelFontFamily, ");\n    ").concat(_Checkbox.checkboxTokens.labelFontSize, ": var(").concat(_Radioboxtokens.tokens.labelFontSize, ");\n    ").concat(_Checkbox.checkboxTokens.labelFontStyle, ": var(").concat(_Radioboxtokens.tokens.labelFontStyle, ");\n    ").concat(_Checkbox.checkboxTokens.labelFontWeight, ": var(").concat(_Radioboxtokens.tokens.labelFontWeight, ");\n    ").concat(_Checkbox.checkboxTokens.labelLetterSpacing, ": var(").concat(_Radioboxtokens.tokens.labelLetterSpacing, ");\n    ").concat(_Checkbox.checkboxTokens.labelLineHeight, ": var(").concat(_Radioboxtokens.tokens.labelLineHeight, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionMarginTop, ": var(").concat(_Radioboxtokens.tokens.descriptionMarginTop, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionFontFamily, ": var(").concat(_Radioboxtokens.tokens.descriptionFontFamily, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionFontSize, ": var(").concat(_Radioboxtokens.tokens.descriptionFontSize, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionFontStyle, ": var(").concat(_Radioboxtokens.tokens.descriptionFontStyle, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionFontWeight, ": var(").concat(_Radioboxtokens.tokens.descriptionFontWeight, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionLetterSpacing, ": var(").concat(_Radioboxtokens.tokens.descriptionLetterSpacing, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionLineHeight, ": var(").concat(_Radioboxtokens.tokens.descriptionLineHeight, ");\n\n    ").concat(_Checkbox.checkboxTokens.fillColor, ": var(").concat(_Radioboxtokens.tokens.fillColor, ");\n    ").concat(_Checkbox.checkboxTokens.labelColor, ": var(").concat(_Radioboxtokens.tokens.labelColor, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionColor, ": var(").concat(_Radioboxtokens.tokens.descriptionColor, ");\n    ").concat(_Checkbox.checkboxTokens.triggerBorderWidth, ": var(").concat(_Radioboxtokens.tokens.triggerBorderWidth, ");\n    ").concat(_Checkbox.checkboxTokens.triggerBorderColor, ": var(").concat(_Radioboxtokens.tokens.triggerBorderColor, ");\n    ").concat(_Checkbox.checkboxTokens.triggerBorderCheckedColor, ": var(").concat(_Radioboxtokens.tokens.triggerBorderCheckedColor, ");\n    ").concat(_Checkbox.checkboxTokens.triggerBackgroundColor, ": var(").concat(_Radioboxtokens.tokens.triggerBackgroundColor, ");\n\n    ").concat(_Checkbox.checkboxTokens.contentTopOffset, ": var(").concat(_Radioboxtokens.tokens.contentTopOffset, ");\n    ").concat(_Checkbox.checkboxTokens.contentLeftOffset, ": var(").concat(_Radioboxtokens.tokens.contentLeftOffset, ");\n    ").concat(_Checkbox.checkboxTokens.triggerSize, ": var(").concat(_Radioboxtokens.tokens.triggerSize, ");\n    ").concat(_Checkbox.checkboxTokens.triggerBorderRadius, ": var(").concat(_Radioboxtokens.tokens.triggerBorderRadius, ");\n    ").concat(_Checkbox.checkboxTokens.triggerPadding, ": var(").concat(_Radioboxtokens.tokens.triggerPadding, ");\n");
+var mappingOverride = "\n    ".concat(_Checkbox.checkboxTokens.labelFontFamily, ": var(").concat(_Radioboxtokens.tokens.labelFontFamily, ");\n    ").concat(_Checkbox.checkboxTokens.labelFontSize, ": var(").concat(_Radioboxtokens.tokens.labelFontSize, ");\n    ").concat(_Checkbox.checkboxTokens.labelFontStyle, ": var(").concat(_Radioboxtokens.tokens.labelFontStyle, ");\n    ").concat(_Checkbox.checkboxTokens.labelFontWeight, ": var(").concat(_Radioboxtokens.tokens.labelFontWeight, ");\n    ").concat(_Checkbox.checkboxTokens.labelLetterSpacing, ": var(").concat(_Radioboxtokens.tokens.labelLetterSpacing, ");\n    ").concat(_Checkbox.checkboxTokens.labelLineHeight, ": var(").concat(_Radioboxtokens.tokens.labelLineHeight, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionMarginTop, ": var(").concat(_Radioboxtokens.tokens.descriptionMarginTop, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionFontFamily, ": var(").concat(_Radioboxtokens.tokens.descriptionFontFamily, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionFontSize, ": var(").concat(_Radioboxtokens.tokens.descriptionFontSize, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionFontStyle, ": var(").concat(_Radioboxtokens.tokens.descriptionFontStyle, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionFontWeight, ": var(").concat(_Radioboxtokens.tokens.descriptionFontWeight, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionLetterSpacing, ": var(").concat(_Radioboxtokens.tokens.descriptionLetterSpacing, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionLineHeight, ": var(").concat(_Radioboxtokens.tokens.descriptionLineHeight, ");\n\n    ").concat(_Checkbox.checkboxTokens.fillColor, ": var(").concat(_Radioboxtokens.tokens.fillColor, ");\n    ").concat(_Checkbox.checkboxTokens.descriptionColor, ": var(").concat(_Radioboxtokens.tokens.descriptionColor, ");\n    ").concat(_Checkbox.checkboxTokens.triggerBorderWidth, ": var(").concat(_Radioboxtokens.tokens.triggerBorderWidth, ");\n    ").concat(_Checkbox.checkboxTokens.triggerBorderColor, ": var(").concat(_Radioboxtokens.tokens.triggerBorderColor, ");\n    ").concat(_Checkbox.checkboxTokens.triggerBorderCheckedColor, ": var(").concat(_Radioboxtokens.tokens.triggerBorderCheckedColor, ");\n    ").concat(_Checkbox.checkboxTokens.triggerBackgroundColor, ": var(").concat(_Radioboxtokens.tokens.triggerBackgroundColor, ");\n\n    ").concat(_Checkbox.checkboxTokens.contentTopOffset, ": var(").concat(_Radioboxtokens.tokens.contentTopOffset, ");\n    ").concat(_Checkbox.checkboxTokens.contentLeftOffset, ": var(").concat(_Radioboxtokens.tokens.contentLeftOffset, ");\n    ").concat(_Checkbox.checkboxTokens.triggerSize, ": var(").concat(_Radioboxtokens.tokens.triggerSize, ");\n    ").concat(_Checkbox.checkboxTokens.triggerBorderRadius, ": var(").concat(_Radioboxtokens.tokens.triggerBorderRadius, ");\n    ").concat(_Checkbox.checkboxTokens.triggerPadding, ": var(").concat(_Radioboxtokens.tokens.triggerPadding, ");\n");
 var StyledEllipse = _styledcomponents.default.div.withConfig({
     displayName: "Radiobox.styles__StyledEllipse",
-    componentId: "sc-d4478364-0"
+    componentId: "sc-fb115d12-0"
 })([
     "width:var(",
     ");height:var(",

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

@@ -28,7 +28,7 @@ var tokens = {
     labelFontWeight: '--plasma-radiobox-label-font-weight',
     labelLetterSpacing: '--plasma-radiobox-label-letter-spacing',
     labelLineHeight: '--plasma-radiobox-label-line-height',
-    descriptionMarginTop: '--plasma-radiobox-description-margin-top',
+    descriptionMarginTop: '--plasma-checkbox-description-margin-top',
     descriptionFontFamily: '--plasma-radiobox-description-font-family',
     descriptionFontSize: '--plasma-radiobox-description-font-size',
     descriptionFontStyle: '--plasma-radiobox-description-font-style',
@@ -36,11 +36,10 @@ var tokens = {
     descriptionLetterSpacing: '--plasma-radiobox-description-letter-spacing',
     descriptionLineHeight: '--plasma-radiobox-description-line-height',
     fillColor: '--plasma-radiobox-fill-color',
-    labelColor: '--plasma-radiobox-label-color',
     descriptionColor: '--plasma-radiobox-description-color',
-    triggerBorderWidth: '--plasma-radiobox-trigger-border-width',
+    triggerBorderWidth: '--plasma-checkbox-trigger-border-width',
     triggerBorderColor: '--plasma-radiobox-trigger-border-color',
-    triggerBorderCheckedColor: '--plasma-radiobox-trigger-border-checked-color',
+    triggerBorderCheckedColor: '--plasma-checkbox-trigger-border-checked-color',
     triggerBackgroundColor: '--plasma-radiobox-trigger-background-color',
     contentTopOffset: '--plasma-radiobox-content-top-offset',
     contentLeftOffset: '--plasma-radiobox-content-left-offset',

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

@@ -117,13 +117,12 @@ function _object_spread_props(target, source) {
 }
 var Root = _styledcomponents.default.div.withConfig({
     displayName: "styled-components__Root",
-    componentId: "sc-65192c13-0"
+    componentId: "sc-c11bf644-0"
 })([
     "",
     ";",
     ";",
     ";",
-    ";",
     ";"
 ], function(param) {
     var base = param.base;
@@ -137,12 +136,9 @@ var Root = _styledcomponents.default.div.withConfig({
 }, function(param) {
     var intersectionStyles = param.intersectionStyles;
     return intersectionStyles;
-}, function(param) {
-    var invariants = param.invariants;
-    return invariants;
 });
 var _component = function(componentConfig) {
-    var tag = componentConfig.tag, base = componentConfig.base, intersections = componentConfig.intersections, invariants = componentConfig.invariants;
+    var tag = componentConfig.tag, base = componentConfig.base, intersections = componentConfig.intersections;
     var staticVariants = (0, _utils.getStaticVariants)(componentConfig);
     var dynamicVariants = (0, _utils.getDynamicVariants)(componentConfig);
     return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
@@ -152,8 +148,7 @@ var _component = function(componentConfig) {
             base: base,
             staticVariants: staticVariants,
             dynamicVariants: dynamicVariants,
-            intersectionStyles: intersectionStyles,
-            invariants: invariants
+            intersectionStyles: intersectionStyles
         }, props), {
             ref: ref
         }));

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

@@ -1 +1,16 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Combobox", {
+    enumerable: true,
+    get: function() {
+        return Combobox;
+    }
+});
+var _engines = require("../../../engines");
+var _ = require("../../..");
+var _Comboboxconfig = require("./Combobox.config");
+var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
+var ComboboxComponent = (0, _engines.component)(mergedConfig);
+var Combobox = ComboboxComponent;

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

@@ -13,13 +13,13 @@ var _Linktokens = require("../../../components/Link/Link.tokens");
 var config = {
     defaults: {
         view: 'accent',
-        size: 'm',
         focused: 'true'
     },
     variations: {
         view: {
             default: (0, _styledcomponents.css)([
                 "",
+                ":var(--plasma-typo-text-m-font-family);",
                 ":var(--text-primary);",
                 ":var(--text-primary-hover);",
                 ":var(--text-primary-active);",
@@ -27,9 +27,10 @@ var config = {
                 ":var(--text-primary-hover);",
                 ":var(--text-primary-active);",
                 ":0;"
-            ], _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
+            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
             secondary: (0, _styledcomponents.css)([
                 "",
+                ":var(--plasma-typo-text-m-font-family);",
                 ":var(--text-secondary);",
                 ":var(--text-secondary-hover);",
                 ":var(--text-secondary-active);",
@@ -37,9 +38,10 @@ var config = {
                 ":var(--text-secondary-hover);",
                 ":var(--text-secondary-active);",
                 ":0;"
-            ], _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
+            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
             tertiary: (0, _styledcomponents.css)([
                 "",
+                ":var(--plasma-typo-text-m-font-family);",
                 ":var(--text-tertiary);",
                 ":var(--text-tertiary-hover);",
                 ":var(--text-tertiary-active);",
@@ -47,9 +49,10 @@ var config = {
                 ":var(--text-tertiary-hover);",
                 ":var(--text-tertiary-active);",
                 ":0;"
-            ], _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
+            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
             paragraph: (0, _styledcomponents.css)([
                 "",
+                ":var(--plasma-typo-text-m-font-family);",
                 ":var(--text-paragraph);",
                 ":var(--text-paragraph-hover);",
                 ":var(--text-paragraph-active);",
@@ -57,9 +60,10 @@ var config = {
                 ":var(--text-paragraph-hover);",
                 ":var(--text-paragraph-active);",
                 ":0;"
-            ], _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
+            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
             accent: (0, _styledcomponents.css)([
                 "",
+                ":var(--plasma-typo-text-m-font-family);",
                 ":var(--text-accent);",
                 ":var(--text-accent-hover);",
                 ":var(--text-accent-active);",
@@ -67,9 +71,10 @@ var config = {
                 ":var(--text-accent-hover);",
                 ":var(--text-accent-active);",
                 ":0;"
-            ], _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
+            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
             positive: (0, _styledcomponents.css)([
                 "",
+                ":var(--plasma-typo-text-m-font-family);",
                 ":var(--text-positive);",
                 ":var(--text-positive-hover);",
                 ":var(--text-positive-active);",
@@ -77,9 +82,10 @@ var config = {
                 ":var(--text-positive-hover);",
                 ":var(--text-positive-active);",
                 ":0;"
-            ], _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
+            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
             warning: (0, _styledcomponents.css)([
                 "",
+                ":var(--plasma-typo-text-m-font-family);",
                 ":var(--text-warning);",
                 ":var(--text-warning-hover);",
                 ":var(--text-warning-active);",
@@ -87,9 +93,10 @@ var config = {
                 ":var(--text-warning-hover);",
                 ":var(--text-warning-active);",
                 ":0;"
-            ], _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
+            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
             negative: (0, _styledcomponents.css)([
                 "",
+                ":var(--plasma-typo-text-m-font-family);",
                 ":var(--text-negative);",
                 ":var(--text-negative-hover);",
                 ":var(--text-negative-active);",
@@ -97,9 +104,10 @@ var config = {
                 ":var(--text-negative-hover);",
                 ":var(--text-negative-active);",
                 ":0;"
-            ], _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
+            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
             clear: (0, _styledcomponents.css)([
                 "",
+                ":var(--plasma-typo-text-m-font-family);",
                 ":inherit;",
                 ":inherit;",
                 ":inherit;",
@@ -107,162 +115,7 @@ var config = {
                 ":inherit;",
                 ":inherit;",
                 ":0.0625rem;"
-            ], _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder)
-        },
-        size: {
-            l: (0, _styledcomponents.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);"
-            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
-            m: (0, _styledcomponents.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);"
-            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
-            s: (0, _styledcomponents.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);"
-            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
-            xs: (0, _styledcomponents.css)([
-                "",
-                ":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);"
-            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
-            xxs: (0, _styledcomponents.css)([
-                "",
-                ":var(--plasma-typo-body-xxs-font-family);",
-                ":var(--plasma-typo-body-xxs-font-size);",
-                ":var(--plasma-typo-body-xxs-font-style);",
-                ":var(--plasma-typo-body-xxs-font-weight);",
-                ":var(--plasma-typo-body-xxs-letter-spacing);",
-                ":var(--plasma-typo-body-xxs-line-height);"
-            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
-            h1: (0, _styledcomponents.css)([
-                "",
-                ":var(--plasma-typo-h1-font-family);",
-                ":var(--plasma-typo-h1-font-size);",
-                ":var(--plasma-typo-h1-font-style);",
-                ":var(--plasma-typo-h1-font-weight);",
-                ":var(--plasma-typo-h1-letter-spacing);",
-                ":var(--plasma-typo-h1-line-height);"
-            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
-            h2: (0, _styledcomponents.css)([
-                "",
-                ":var(--plasma-typo-h2-font-family);",
-                ":var(--plasma-typo-h2-font-size);",
-                ":var(--plasma-typo-h2-font-style);",
-                ":var(--plasma-typo-h2-font-weight);",
-                ":var(--plasma-typo-h2-letter-spacing);",
-                ":var(--plasma-typo-h2-line-height);"
-            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
-            h3: (0, _styledcomponents.css)([
-                "",
-                ":var(--plasma-typo-h3-font-family);",
-                ":var(--plasma-typo-h3-font-size);",
-                ":var(--plasma-typo-h3-font-style);",
-                ":var(--plasma-typo-h3-font-weight);",
-                ":var(--plasma-typo-h3-letter-spacing);",
-                ":var(--plasma-typo-h3-line-height);"
-            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
-            h4: (0, _styledcomponents.css)([
-                "",
-                ":var(--plasma-typo-h4-font-family);",
-                ":var(--plasma-typo-h4-font-size);",
-                ":var(--plasma-typo-h4-font-style);",
-                ":var(--plasma-typo-h4-font-weight);",
-                ":var(--plasma-typo-h4-letter-spacing);",
-                ":var(--plasma-typo-h4-line-height);"
-            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
-            h5: (0, _styledcomponents.css)([
-                "",
-                ":var(--plasma-typo-h5-font-family);",
-                ":var(--plasma-typo-h5-font-size);",
-                ":var(--plasma-typo-h5-font-style);",
-                ":var(--plasma-typo-h5-font-weight);",
-                ":var(--plasma-typo-h5-letter-spacing);",
-                ":var(--plasma-typo-h5-line-height);"
-            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
-            displayL: (0, _styledcomponents.css)([
-                "",
-                ":var(--plasma-typo-dspl-l-font-family);",
-                ":var(--plasma-typo-dspl-l-font-size);",
-                ":var(--plasma-typo-dspl-l-font-style);",
-                ":var(--plasma-typo-dspl-l-font-weight);",
-                ":var(--plasma-typo-dspl-l-letter-spacing);",
-                ":var(--plasma-typo-dspl-l-line-height);"
-            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
-            displayM: (0, _styledcomponents.css)([
-                "",
-                ":var(--plasma-typo-dspl-m-font-family);",
-                ":var(--plasma-typo-dspl-m-font-size);",
-                ":var(--plasma-typo-dspl-m-font-style);",
-                ":var(--plasma-typo-dspl-m-font-weight);",
-                ":var(--plasma-typo-dspl-m-letter-spacing);",
-                ":var(--plasma-typo-dspl-m-line-height);"
-            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
-            displayS: (0, _styledcomponents.css)([
-                "",
-                ":var(--plasma-typo-dspl-s-font-family);",
-                ":var(--plasma-typo-dspl-s-font-size);",
-                ":var(--plasma-typo-dspl-s-font-style);",
-                ":var(--plasma-typo-dspl-s-font-weight);",
-                ":var(--plasma-typo-dspl-s-letter-spacing);",
-                ":var(--plasma-typo-dspl-s-line-height);"
-            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
-            textL: (0, _styledcomponents.css)([
-                "",
-                ":var(--plasma-typo-text-l-font-family);",
-                ":var(--plasma-typo-text-l-font-size);",
-                ":var(--plasma-typo-text-l-font-style);",
-                ":var(--plasma-typo-text-l-font-weight);",
-                ":var(--plasma-typo-text-l-letter-spacing);",
-                ":var(--plasma-typo-text-l-line-height);"
-            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
-            textM: (0, _styledcomponents.css)([
-                "",
-                ":var(--plasma-typo-text-m-font-family);",
-                ":var(--plasma-typo-text-m-font-size);",
-                ":var(--plasma-typo-text-m-font-style);",
-                ":var(--plasma-typo-text-m-font-weight);",
-                ":var(--plasma-typo-text-m-letter-spacing);",
-                ":var(--plasma-typo-text-m-line-height);"
-            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
-            textS: (0, _styledcomponents.css)([
-                "",
-                ":var(--plasma-typo-text-s-font-family);",
-                ":var(--plasma-typo-text-s-font-size);",
-                ":var(--plasma-typo-text-s-font-style);",
-                ":var(--plasma-typo-text-s-font-weight);",
-                ":var(--plasma-typo-text-s-letter-spacing);",
-                ":var(--plasma-typo-text-s-line-height);"
-            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight),
-            textXs: (0, _styledcomponents.css)([
-                "",
-                ":var(--plasma-typo-text-xs-font-family);",
-                ":var(--plasma-typo-text-xs-font-size);",
-                ":var(--plasma-typo-text-xs-font-style);",
-                ":var(--plasma-typo-text-xs-font-weight);",
-                ":var(--plasma-typo-text-xs-letter-spacing);",
-                ":var(--plasma-typo-text-xs-line-height);"
-            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkFontSize, _Linktokens.tokens.linkFontStyle, _Linktokens.tokens.linkFontWeight, _Linktokens.tokens.linkLetterSpacing, _Linktokens.tokens.linkLineHeight)
+            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder)
         },
         disabled: {
             true: (0, _styledcomponents.css)([

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

@@ -56,7 +56,6 @@ function _object_without_properties_loose(source, excluded) {
 import React, { forwardRef } from "react";
 import { css } from "styled-components";
 import { base as viewCSS } from "./_view/base";
-import { base as sizeCSS } from "./_size/base";
 import { base as disabledCSS } from "./_disabled/base";
 import { base as focusedCSS } from "./_focused/base";
 var base = css([
@@ -92,9 +91,6 @@ export var linkConfig = {
         view: {
             css: viewCSS
         },
-        size: {
-            css: sizeCSS
-        },
         disabled: {
             css: disabledCSS,
             attrs: true

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

@@ -7,11 +7,6 @@ export var tokens = {
     linkColorVisitedHover: '--plasma-link-color-visited-hover',
     linkColorVisitedActive: '--plasma-link-color-visited-active',
     linkFontFamily: '--plasma-link-font-family',
-    linkFontSize: '--plasma-link-font-size',
-    linkFontStyle: '--plasma-link-font-style',
-    linkFontWeight: '--plasma-link-font-weight',
-    linkLetterSpacing: '--plasma-link-letter-spacing',
-    linkLineHeight: '--plasma-link-line-height',
     linkDisabledOpacity: '--plasma-link-disabled-opacity',
     linkUnderlineBorder: '--plasma-link-underline-border'
 };

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

@@ -4,7 +4,8 @@ var getColor = function(cssVar) {
     return "\n    color: var(".concat(cssVar, ", var(").concat(tokens.linkColor, "));\n\n    ::before {\n        opacity: 1;\n    }\n");
 };
 export var base = css([
-    "color:var(",
+    "font-family:var(",
+    ");color:var(",
     ");::before{border-bottom:var(",
     ") solid currentColor;}&:hover{",
     ";}&:active{",
@@ -12,4 +13,4 @@ export var base = css([
     ";}&:visited:hover{",
     ";}&:visited:active{",
     ";}"
-], tokens.linkColor, tokens.linkUnderlineBorder, getColor(tokens.linkColorHover), getColor(tokens.linkColorActive), getColor(tokens.linkColorVisited), getColor(tokens.linkColorVisitedHover), getColor(tokens.linkColorVisitedActive));
+], tokens.linkFontFamily, tokens.linkColor, tokens.linkUnderlineBorder, getColor(tokens.linkColorHover), getColor(tokens.linkColorActive), getColor(tokens.linkColorVisited), getColor(tokens.linkColorVisitedHover), getColor(tokens.linkColorVisitedActive));

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

@@ -4,10 +4,10 @@ import { checkboxTokens } from "../Checkbox";
 import { applyEllipsis, applyNoUserSelect } from "../../mixins";
 import { classes, tokens } from "./Radiobox.tokens";
 // NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части
-var mappingOverride = "\n    ".concat(checkboxTokens.labelFontFamily, ": var(").concat(tokens.labelFontFamily, ");\n    ").concat(checkboxTokens.labelFontSize, ": var(").concat(tokens.labelFontSize, ");\n    ").concat(checkboxTokens.labelFontStyle, ": var(").concat(tokens.labelFontStyle, ");\n    ").concat(checkboxTokens.labelFontWeight, ": var(").concat(tokens.labelFontWeight, ");\n    ").concat(checkboxTokens.labelLetterSpacing, ": var(").concat(tokens.labelLetterSpacing, ");\n    ").concat(checkboxTokens.labelLineHeight, ": var(").concat(tokens.labelLineHeight, ");\n    ").concat(checkboxTokens.descriptionMarginTop, ": var(").concat(tokens.descriptionMarginTop, ");\n    ").concat(checkboxTokens.descriptionFontFamily, ": var(").concat(tokens.descriptionFontFamily, ");\n    ").concat(checkboxTokens.descriptionFontSize, ": var(").concat(tokens.descriptionFontSize, ");\n    ").concat(checkboxTokens.descriptionFontStyle, ": var(").concat(tokens.descriptionFontStyle, ");\n    ").concat(checkboxTokens.descriptionFontWeight, ": var(").concat(tokens.descriptionFontWeight, ");\n    ").concat(checkboxTokens.descriptionLetterSpacing, ": var(").concat(tokens.descriptionLetterSpacing, ");\n    ").concat(checkboxTokens.descriptionLineHeight, ": var(").concat(tokens.descriptionLineHeight, ");\n\n    ").concat(checkboxTokens.fillColor, ": var(").concat(tokens.fillColor, ");\n    ").concat(checkboxTokens.labelColor, ": var(").concat(tokens.labelColor, ");\n    ").concat(checkboxTokens.descriptionColor, ": var(").concat(tokens.descriptionColor, ");\n    ").concat(checkboxTokens.triggerBorderWidth, ": var(").concat(tokens.triggerBorderWidth, ");\n    ").concat(checkboxTokens.triggerBorderColor, ": var(").concat(tokens.triggerBorderColor, ");\n    ").concat(checkboxTokens.triggerBorderCheckedColor, ": var(").concat(tokens.triggerBorderCheckedColor, ");\n    ").concat(checkboxTokens.triggerBackgroundColor, ": var(").concat(tokens.triggerBackgroundColor, ");\n\n    ").concat(checkboxTokens.contentTopOffset, ": var(").concat(tokens.contentTopOffset, ");\n    ").concat(checkboxTokens.contentLeftOffset, ": var(").concat(tokens.contentLeftOffset, ");\n    ").concat(checkboxTokens.triggerSize, ": var(").concat(tokens.triggerSize, ");\n    ").concat(checkboxTokens.triggerBorderRadius, ": var(").concat(tokens.triggerBorderRadius, ");\n    ").concat(checkboxTokens.triggerPadding, ": var(").concat(tokens.triggerPadding, ");\n");
+var mappingOverride = "\n    ".concat(checkboxTokens.labelFontFamily, ": var(").concat(tokens.labelFontFamily, ");\n    ").concat(checkboxTokens.labelFontSize, ": var(").concat(tokens.labelFontSize, ");\n    ").concat(checkboxTokens.labelFontStyle, ": var(").concat(tokens.labelFontStyle, ");\n    ").concat(checkboxTokens.labelFontWeight, ": var(").concat(tokens.labelFontWeight, ");\n    ").concat(checkboxTokens.labelLetterSpacing, ": var(").concat(tokens.labelLetterSpacing, ");\n    ").concat(checkboxTokens.labelLineHeight, ": var(").concat(tokens.labelLineHeight, ");\n    ").concat(checkboxTokens.descriptionMarginTop, ": var(").concat(tokens.descriptionMarginTop, ");\n    ").concat(checkboxTokens.descriptionFontFamily, ": var(").concat(tokens.descriptionFontFamily, ");\n    ").concat(checkboxTokens.descriptionFontSize, ": var(").concat(tokens.descriptionFontSize, ");\n    ").concat(checkboxTokens.descriptionFontStyle, ": var(").concat(tokens.descriptionFontStyle, ");\n    ").concat(checkboxTokens.descriptionFontWeight, ": var(").concat(tokens.descriptionFontWeight, ");\n    ").concat(checkboxTokens.descriptionLetterSpacing, ": var(").concat(tokens.descriptionLetterSpacing, ");\n    ").concat(checkboxTokens.descriptionLineHeight, ": var(").concat(tokens.descriptionLineHeight, ");\n\n    ").concat(checkboxTokens.fillColor, ": var(").concat(tokens.fillColor, ");\n    ").concat(checkboxTokens.descriptionColor, ": var(").concat(tokens.descriptionColor, ");\n    ").concat(checkboxTokens.triggerBorderWidth, ": var(").concat(tokens.triggerBorderWidth, ");\n    ").concat(checkboxTokens.triggerBorderColor, ": var(").concat(tokens.triggerBorderColor, ");\n    ").concat(checkboxTokens.triggerBorderCheckedColor, ": var(").concat(tokens.triggerBorderCheckedColor, ");\n    ").concat(checkboxTokens.triggerBackgroundColor, ": var(").concat(tokens.triggerBackgroundColor, ");\n\n    ").concat(checkboxTokens.contentTopOffset, ": var(").concat(tokens.contentTopOffset, ");\n    ").concat(checkboxTokens.contentLeftOffset, ": var(").concat(tokens.contentLeftOffset, ");\n    ").concat(checkboxTokens.triggerSize, ": var(").concat(tokens.triggerSize, ");\n    ").concat(checkboxTokens.triggerBorderRadius, ": var(").concat(tokens.triggerBorderRadius, ");\n    ").concat(checkboxTokens.triggerPadding, ": var(").concat(tokens.triggerPadding, ");\n");
 export var StyledEllipse = styled.div.withConfig({
     displayName: "Radiobox.styles__StyledEllipse",
-    componentId: "sc-d4478364-0"
+    componentId: "sc-fb115d12-0"
 })([
     "width:var(",
     ");height:var(",

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

@@ -10,7 +10,7 @@ export var tokens = {
     labelFontWeight: '--plasma-radiobox-label-font-weight',
     labelLetterSpacing: '--plasma-radiobox-label-letter-spacing',
     labelLineHeight: '--plasma-radiobox-label-line-height',
-    descriptionMarginTop: '--plasma-radiobox-description-margin-top',
+    descriptionMarginTop: '--plasma-checkbox-description-margin-top',
     descriptionFontFamily: '--plasma-radiobox-description-font-family',
     descriptionFontSize: '--plasma-radiobox-description-font-size',
     descriptionFontStyle: '--plasma-radiobox-description-font-style',
@@ -18,11 +18,10 @@ export var tokens = {
     descriptionLetterSpacing: '--plasma-radiobox-description-letter-spacing',
     descriptionLineHeight: '--plasma-radiobox-description-line-height',
     fillColor: '--plasma-radiobox-fill-color',
-    labelColor: '--plasma-radiobox-label-color',
     descriptionColor: '--plasma-radiobox-description-color',
-    triggerBorderWidth: '--plasma-radiobox-trigger-border-width',
+    triggerBorderWidth: '--plasma-checkbox-trigger-border-width',
     triggerBorderColor: '--plasma-radiobox-trigger-border-color',
-    triggerBorderCheckedColor: '--plasma-radiobox-trigger-border-checked-color',
+    triggerBorderCheckedColor: '--plasma-checkbox-trigger-border-checked-color',
     triggerBackgroundColor: '--plasma-radiobox-trigger-background-color',
     contentTopOffset: '--plasma-radiobox-content-top-offset',
     contentLeftOffset: '--plasma-radiobox-content-left-offset',

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

@@ -56,13 +56,12 @@ import { getStaticVariants, getDynamicVariants, getIntersectionStyles } from "./
 export { styled, css };
 var Root = styled.div.withConfig({
     displayName: "styled-components__Root",
-    componentId: "sc-65192c13-0"
+    componentId: "sc-c11bf644-0"
 })([
     "",
     ";",
     ";",
     ";",
-    ";",
     ";"
 ], function(param) {
     var base = param.base;
@@ -76,12 +75,9 @@ var Root = styled.div.withConfig({
 }, function(param) {
     var intersectionStyles = param.intersectionStyles;
     return intersectionStyles;
-}, function(param) {
-    var invariants = param.invariants;
-    return invariants;
 });
 /* eslint-disable no-underscore-dangle */ export var _component = function(componentConfig) {
-    var tag = componentConfig.tag, base = componentConfig.base, intersections = componentConfig.intersections, invariants = componentConfig.invariants;
+    var tag = componentConfig.tag, base = componentConfig.base, intersections = componentConfig.intersections;
     var staticVariants = getStaticVariants(componentConfig);
     var dynamicVariants = getDynamicVariants(componentConfig);
     return /*#__PURE__*/ forwardRef(function(props, ref) {
@@ -91,8 +87,7 @@ var Root = styled.div.withConfig({
             base: base,
             staticVariants: staticVariants,
             dynamicVariants: dynamicVariants,
-            intersectionStyles: intersectionStyles,
-            invariants: invariants
+            intersectionStyles: intersectionStyles
         }, props), {
             ref: ref
         }));