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

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,10 +27,9 @@ var config = {
                 ":var(--text-primary-hover);",
                 ":var(--text-primary-active);",
                 ":0;"
-            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
+            ], _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);",
@@ -38,10 +37,9 @@ var config = {
                 ":var(--text-secondary-hover);",
                 ":var(--text-secondary-active);",
                 ":0;"
-            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
+            ], _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);",
@@ -49,10 +47,9 @@ var config = {
                 ":var(--text-tertiary-hover);",
                 ":var(--text-tertiary-active);",
                 ":0;"
-            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
+            ], _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);",
@@ -60,10 +57,9 @@ var config = {
                 ":var(--text-paragraph-hover);",
                 ":var(--text-paragraph-active);",
                 ":0;"
-            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
+            ], _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);",
@@ -71,10 +67,9 @@ var config = {
                 ":var(--text-accent-hover);",
                 ":var(--text-accent-active);",
                 ":0;"
-            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
+            ], _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);",
@@ -82,10 +77,9 @@ var config = {
                 ":var(--text-positive-hover);",
                 ":var(--text-positive-active);",
                 ":0;"
-            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
+            ], _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);",
@@ -93,10 +87,9 @@ var config = {
                 ":var(--text-warning-hover);",
                 ":var(--text-warning-active);",
                 ":0;"
-            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
+            ], _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);",
@@ -104,10 +97,9 @@ var config = {
                 ":var(--text-negative-hover);",
                 ":var(--text-negative-active);",
                 ":0;"
-            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder),
+            ], _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;",
@@ -115,7 +107,162 @@ var config = {
                 ":inherit;",
                 ":inherit;",
                 ":0.0625rem;"
-            ], _Linktokens.tokens.linkFontFamily, _Linktokens.tokens.linkColor, _Linktokens.tokens.linkColorHover, _Linktokens.tokens.linkColorActive, _Linktokens.tokens.linkColorVisited, _Linktokens.tokens.linkColorVisitedHover, _Linktokens.tokens.linkColorVisitedActive, _Linktokens.tokens.linkUnderlineBorder)
+            ], _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)
         },
         disabled: {
             true: (0, _styledcomponents.css)([

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

@@ -56,6 +56,7 @@ 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([
@@ -91,6 +92,9 @@ export var linkConfig = {
         view: {
             css: viewCSS
         },
+        size: {
+            css: sizeCSS
+        },
         disabled: {
             css: disabledCSS,
             attrs: true

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

@@ -7,6 +7,11 @@ 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/_size/base.js

@@ -0,0 +1,11 @@
+import { css } from "styled-components";
+import { tokens } from "../Link.tokens";
+export var base = css([
+    "font-family:var(",
+    ");font-size:var(",
+    ");font-style:var(",
+    ");font-weight:var(",
+    ");letter-spacing:var(",
+    ");line-height:var(",
+    ");"
+], tokens.linkFontFamily, tokens.linkFontSize, tokens.linkFontStyle, tokens.linkFontWeight, tokens.linkLetterSpacing, tokens.linkLineHeight);

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

@@ -4,8 +4,7 @@ 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([
-    "font-family:var(",
-    ");color:var(",
+    "color:var(",
     ");::before{border-bottom:var(",
     ") solid currentColor;}&:hover{",
     ";}&:active{",
@@ -13,4 +12,4 @@ export var base = css([
     ";}&:visited:hover{",
     ";}&:visited:active{",
     ";}"
-], tokens.linkFontFamily, tokens.linkColor, tokens.linkUnderlineBorder, getColor(tokens.linkColorHover), getColor(tokens.linkColorActive), getColor(tokens.linkColorVisited), getColor(tokens.linkColorVisitedHover), getColor(tokens.linkColorVisitedActive));
+], 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.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.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");
 export var StyledEllipse = styled.div.withConfig({
     displayName: "Radiobox.styles__StyledEllipse",
-    componentId: "sc-fb115d12-0"
+    componentId: "sc-d4478364-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-checkbox-description-margin-top',
+    descriptionMarginTop: '--plasma-radiobox-description-margin-top',
     descriptionFontFamily: '--plasma-radiobox-description-font-family',
     descriptionFontSize: '--plasma-radiobox-description-font-size',
     descriptionFontStyle: '--plasma-radiobox-description-font-style',
@@ -18,10 +18,11 @@ 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-checkbox-trigger-border-width',
+    triggerBorderWidth: '--plasma-radiobox-trigger-border-width',
     triggerBorderColor: '--plasma-radiobox-trigger-border-color',
-    triggerBorderCheckedColor: '--plasma-checkbox-trigger-border-checked-color',
+    triggerBorderCheckedColor: '--plasma-radiobox-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,12 +56,13 @@ import { getStaticVariants, getDynamicVariants, getIntersectionStyles } from "./
 export { styled, css };
 var Root = styled.div.withConfig({
     displayName: "styled-components__Root",
-    componentId: "sc-c11bf644-0"
+    componentId: "sc-65192c13-0"
 })([
     "",
     ";",
     ";",
     ";",
+    ";",
     ";"
 ], function(param) {
     var base = param.base;
@@ -75,9 +76,12 @@ 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;
+    var tag = componentConfig.tag, base = componentConfig.base, intersections = componentConfig.intersections, invariants = componentConfig.invariants;
     var staticVariants = getStaticVariants(componentConfig);
     var dynamicVariants = getDynamicVariants(componentConfig);
     return /*#__PURE__*/ forwardRef(function(props, ref) {
@@ -87,7 +91,8 @@ var Root = styled.div.withConfig({
             base: base,
             staticVariants: staticVariants,
             dynamicVariants: dynamicVariants,
-            intersectionStyles: intersectionStyles
+            intersectionStyles: intersectionStyles,
+            invariants: invariants
         }, props), {
             ref: ref
         }));

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

@@ -0,0 +1,7 @@
+import { component, mergeConfig } from "../../../engines";
+import { comboboxNewConfig } from "../../..";
+import { config } from "./Combobox.config";
+var mergedConfig = mergeConfig(comboboxNewConfig, config);
+var ComboboxComponent = component(mergedConfig);
+var Combobox = ComboboxComponent;
+export { Combobox };