@salutejs/plasma-new-hope 0.74.0-canary.1176.8645254725.0 → 0.74.0-dev.0

package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js

@@ -5,37 +5,37 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.config = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Checkbox = /*#__PURE__*/require("../../../../components/Checkbox");
 var config = exports.config = {
   defaults: {
-    view: 'accent'
+    view: 'accent',
+    focused: 'true'
   },
   variations: {
     /**
      * Размер контрола.
      */
     size: {
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.188rem 0;", ":0.875rem;", ":0.25rem;", ":0.0625rem;", ":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-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);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerMargin, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.188rem 0;", ":1.25rem;", ":0.375rem;", ":0.1875rem;", ":0.75rem;", ":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);", ":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);"], _Checkbox.checkboxTokens.margin, _Checkbox.checkboxTokens.triggerMargin, _Checkbox.checkboxTokens.triggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Checkbox.checkboxTokens.contentTopOffset, _Checkbox.checkboxTokens.contentLeftOffset, _Checkbox.checkboxTokens.labelFontFamily, _Checkbox.checkboxTokens.labelFontSize, _Checkbox.checkboxTokens.labelFontStyle, _Checkbox.checkboxTokens.labelFontWeight, _Checkbox.checkboxTokens.labelLetterSpacing, _Checkbox.checkboxTokens.labelLineHeight, _Checkbox.checkboxTokens.descriptionFontFamily, _Checkbox.checkboxTokens.descriptionFontSize, _Checkbox.checkboxTokens.descriptionFontStyle, _Checkbox.checkboxTokens.descriptionFontWeight, _Checkbox.checkboxTokens.descriptionLetterSpacing, _Checkbox.checkboxTokens.descriptionLineHeight)
+      s: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-margin:0 0 0.188rem 0.188rem;--plasma-checkbox-trigger-margin:0.188rem 0;--plasma-checkbox-trigger-size:0.875rem;--plasma-checkbox-trigger-border-radius:0.25rem;--plasma-checkbox-content-top-offset:0.0625rem;--plasma-checkbox-content-left-offset:0.5625rem;--plasma-checkbox-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-checkbox-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-checkbox-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-checkbox-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-checkbox-description-font-family:var(--plasma-typo-body-xs-font-family);--plasma-checkbox-description-font-size:var(--plasma-typo-body-xs-font-size);--plasma-checkbox-description-font-style:var(--plasma-typo-body-xs-font-style);--plasma-checkbox-description-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-typo-body-xs-line-height);"]),
+      m: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-margin:0 0 0.188rem 0.188rem;--plasma-checkbox-trigger-margin:0.188rem 0;--plasma-checkbox-trigger-size:1.25rem;--plasma-checkbox-trigger-border-radius:0.375rem;--plasma-checkbox-content-top-offset:0.1875rem;--plasma-checkbox-content-left-offset:0.75rem;--plasma-checkbox-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-checkbox-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-checkbox-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-checkbox-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-checkbox-description-font-family:var(--plasma-typo-body-s-font-family);--plasma-checkbox-description-font-size:var(--plasma-typo-body-s-font-size);--plasma-checkbox-description-font-style:var(--plasma-typo-body-s-font-style);--plasma-checkbox-description-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-typo-body-s-line-height);"])
     },
     /**
      * Вид контрола.
      */
     view: {
-      primary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBorderColor),
-      secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBorderColor),
-      tertiary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBorderColor),
-      paragraph: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-paragraph);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBorderColor),
-      accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBorderColor),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBorderColor),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBorderColor),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], _Checkbox.checkboxTokens.fillColor, _Checkbox.checkboxTokens.iconColor, _Checkbox.checkboxTokens.descriptionColor, _Checkbox.checkboxTokens.triggerBorderColor)
+      primary: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-fill-color:var(--text-primary);--plasma-checkbox-icon-color:var(--inverse-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
+      secondary: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-fill-color:var(--text-secondary);--plasma-checkbox-icon-color:var(--inverse-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
+      tertiary: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-fill-color:var(--text-tertiary);--plasma-checkbox-icon-color:var(--inverse-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
+      paragraph: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-fill-color:var(--text-paragraph);--plasma-checkbox-icon-color:var(--inverse-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
+      accent: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-fill-color:var(--text-accent);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
+      positive: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-fill-color:var(--text-positive);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
+      warning: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-fill-color:var(--text-warning);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
+      negative: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-fill-color:var(--text-negative);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"])
     },
     disabled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Checkbox.checkboxTokens.disabledOpacity)
+      "true": /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-disabled-opacity:0.4;"])
     },
     focused: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);"], _Checkbox.checkboxTokens.focusColor)
+      "true": /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-focus-color:var(--text-accent);"])
     }
   }
 };

package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.config = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Radiobox = /*#__PURE__*/require("../../../../components/Radiobox");
 var config = exports.config = {
   defaults: {
     view: 'accent',
@@ -16,27 +15,27 @@ var config = exports.config = {
      * Размер контрола.
      */
     size: {
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.188rem 0;", ":1rem;", ":1.125rem;", ":0.5rem;", ":0.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-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);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerMargin, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.188rem 0;", ":1.375rem;", ":1.125rem;", ":0.625rem;", ":0.25rem;", ":0.625rem;", ":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);", ":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);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerMargin, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
+      s: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-margin:0 0 0.188rem 0.188rem;--plasma-radiobox-trigger-margin:0.188rem 0;--plasma-radiobox-trigger-size:1rem;--plasma-radiobox-trigger-border-radius 1.125rem;--plasma-radiobox-ellipse-size 0.5rem;--plasma-radiobox-content-top-offset:0.1rem;--plasma-radiobox-content-left-offset 0.5rem;--plasma-radiobox-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-radiobox-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-radiobox-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-radiobox-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-radiobox-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-radiobox-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-radiobox-description-font-family:var(--plasma-typo-body-xs-font-family);--plasma-radiobox-description-font-size:var(--plasma-typo-body-xs-font-size);--plasma-radiobox-description-font-style:var(--plasma-typo-body-xs-font-style);--plasma-radiobox-description-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-radiobox-description-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-radiobox-description-line-height:var(--plasma-typo-body-xs-line-height);"]),
+      m: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-margin:0 0 0.188rem 0.188rem;--plasma-radiobox-trigger-margin:0.188rem 0;--plasma-radiobox-trigger-size:1.375rem;--plasma-radiobox-trigger-border-radius 1.125rem;--plasma-radiobox-ellipse-size 0.625rem;--plasma-radiobox-content-top-offset:0.25rem;--plasma-radiobox-content-left-offset 0.6875rem;--plasma-radiobox-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-radiobox-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-radiobox-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-radiobox-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-radiobox-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-radiobox-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-radiobox-description-font-family:var(--plasma-typo-body-s-font-family);--plasma-radiobox-description-font-size:var(--plasma-typo-body-s-font-size);--plasma-radiobox-description-font-style:var(--plasma-typo-body-s-font-style);--plasma-radiobox-description-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-radiobox-description-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-radiobox-description-line-height:var(--plasma-typo-body-s-line-height);"])
     },
     /**
      * Вид контрола.
      */
     view: {
-      primary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBorderColor),
-      secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBorderColor),
-      tertiary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBorderColor),
-      paragraph: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-paragraph);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBorderColor),
-      accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBorderColor),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBorderColor),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBorderColor),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBorderColor)
+      primary: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-fill-color:var(--text-primary);--plasma-radiobox-ellipse-color:var(--inverse-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
+      secondary: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-fill-color:var(--text-secondary);--plasma-radiobox-ellipse-color:var(--inverse-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
+      tertiary: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-fill-color:var(--text-tertiary);--plasma-radiobox-ellipse-color:var(--inverse-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
+      paragraph: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-fill-color:var(--text-paragraph);--plasma-radiobox-ellipse-color:var(--inverse-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
+      accent: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-fill-color:var(--text-accent);--plasma-radiobox-ellipse-color:var(--on-dark-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
+      positive: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-fill-color:var(--text-positive);--plasma-radiobox-ellipse-color:var(--on-dark-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
+      warning: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-fill-color:var(--text-warning);--plasma-radiobox-ellipse-color:var(--on-dark-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
+      negative: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-fill-color:var(--text-negative);--plasma-radiobox-ellipse-color:var(--on-dark-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"])
     },
     disabled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Radiobox.radioboxTokens.disabledOpacity)
+      "true": /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-disabled-opacity:0.4;"])
     },
     focused: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);"], _Radiobox.radioboxTokens.focusColor)
+      "true": /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-focus-color:var(--text-accent);"])
     }
   }
 };

package/styled-components/cjs/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx

@@ -34,6 +34,9 @@ const meta: Meta<TooltipProps> = {
     title: 'sds_engineer/Tooltip',
     decorators: [WithTheme],
     component: Tooltip,
+    parameters: {
+        docs: { story: { inline: false, iframeHeight: '20rem' } },
+    },
 };
 
 export default meta;

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

@@ -1,18 +1,39 @@
-var _Indeterminate, _Done;
 var _excluded = ["size", "view", "focused", "disabled", "id", "label", "description", "indeterminate", "style", "className", "singleLine", "aria-label"];
+var _templateObject, _Indeterminate, _Done;
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import React, { forwardRef, useEffect, useMemo, useRef } from 'react';
+import { css } from 'styled-components';
+import styled from 'styled-components';
 import { safeUseId, useForkRef, extractTextFrom } from '@salutejs/plasma-core';
+import { applyNoUserSelect, applyEllipsis } from '../../mixins';
 import { cx } from '../../utils';
-import { base as viewCSS } from './variations/_view/base';
-import { base as sizeCSS } from './variations/_size/base';
-import { base as disabledCSS } from './variations/_disabled/base';
-import { base as focusedCSS } from './variations/_focused/base';
+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';
 import { Done, Indeterminate } from './IconsSvg';
-import { StyledContent, StyledContentWrapper, StyledDescription, StyledInput, StyledLabel, StyledTrigger, base } from './Checkbox.styles';
-import { classes } from './Checkbox.tokens';
+export var StyledInput = /*#__PURE__*/styled.input.withConfig({
+  componentId: "plasma-new-hope__sc-1lv7grl-0"
+})(["position:absolute;&:focus{outline:0 none;}width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);"]);
+export var StyledTrigger = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1lv7grl-1"
+})(["margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;flex-shrink:0;flex-grow:0;input:not(:indeterminate) + label & div{transform:scale(0);transition:transform 0.15s ease-in-out;}input:checked + label & div{transform:scale(1);}"]);
+export var StyledContentWrapper = /*#__PURE__*/styled.label.withConfig({
+  componentId: "plasma-new-hope__sc-1lv7grl-2"
+})(["position:relative;align-items:flex-start;display:flex;width:100%;cursor:inherit;"]);
+export var StyledContent = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1lv7grl-3"
+})(["display:flex;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);"]);
+export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
+  componentId: "plasma-new-hope__sc-1lv7grl-4"
+})(["font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);"]);
+export var StyledDescription = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1lv7grl-5"
+})(["margin-top:0.25rem;color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);"]);
+var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    .single-line {\n        ", ";\n    }\n\n    margin: var(--plasma-checkbox-margin);\n\n    &.reset-margins {\n        margin: 0;\n    }\n\n    ", ";\n\n    position: relative;\n    align-items: flex-start;\n    display: flex;\n    cursor: pointer;\n"])), /*#__PURE__*/applyEllipsis(), /*#__PURE__*/applyNoUserSelect());
 export var checkboxRoot = function checkboxRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
     var size = props.size,
@@ -46,8 +67,8 @@ export var checkboxRoot = function checkboxRoot(Root) {
     var isLabelAriaHidden = typeof label === 'string';
     var canFocused = focused ? 0 : -1;
     var hasContent = label || description;
-    var singleLineClass = singleLine ? classes.singleLine : undefined;
-    var resetMargins = !hasContent ? classes.resetMargins : undefined;
+    var singleLineClass = singleLine ? 'single-line' : undefined;
+    var resetMargins = !hasContent ? 'reset-margins' : undefined;
     return /*#__PURE__*/React.createElement(Root, {
       view: view,
       size: size,
@@ -67,7 +88,7 @@ export var checkboxRoot = function checkboxRoot(Root) {
     })), /*#__PURE__*/React.createElement(StyledContentWrapper, {
       htmlFor: checkboxId
     }, /*#__PURE__*/React.createElement(StyledTrigger, {
-      className: cx(classes.checkboxTrigger, resetMargins)
+      className: cx('checkbox-trigger', resetMargins)
     }, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/React.createElement(Indeterminate, null)) : _Done || (_Done = /*#__PURE__*/React.createElement(Done, null))), hasContent && /*#__PURE__*/React.createElement(StyledContent, {
       className: singleLineClass
     }, label && /*#__PURE__*/React.createElement(StyledLabel, {

package/styled-components/es/components/Checkbox/IconsSvg.js

@@ -1,5 +1,5 @@
+var _path, _path2;
 import React from 'react';
-import { tokens } from './Checkbox.tokens';
 export var Done = function Done() {
   return /*#__PURE__*/React.createElement("div", {
     style: {
@@ -10,12 +10,12 @@ export var Done = function Done() {
     viewBox: "0 0 18 18",
     fill: "none",
     style: {
-      width: "var(".concat(tokens.triggerSize, ")")
+      width: 'var(--plasma-checkbox-trigger-size)'
     }
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "var(".concat(tokens.iconColor, ")"),
+  }, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "var(--plasma-checkbox-icon-color)",
     d: "m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z"
-  })));
+  }))));
 };
 export var Indeterminate = function Indeterminate() {
   return /*#__PURE__*/React.createElement("div", {
@@ -27,12 +27,12 @@ export var Indeterminate = function Indeterminate() {
     viewBox: "0 0 18 18",
     fill: "none",
     style: {
-      width: "var(".concat(tokens.triggerSize, ")")
+      width: 'var(--plasma-checkbox-trigger-size)'
     }
-  }, /*#__PURE__*/React.createElement("path", {
+  }, _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
     strokeLinecap: "round",
     strokeWidth: "2",
-    stroke: "var(".concat(tokens.iconColor, ")"),
+    stroke: "var(--plasma-checkbox-icon-color)",
     d: "m5.09449,9.0315l8,0"
-  })));
+  }))));
 };

package/styled-components/es/components/Checkbox/_disabled/base.js

@@ -0,0 +1,2 @@
+import { css } from 'styled-components';
+export var base = /*#__PURE__*/css(["input:disabled + label{opacity:var(--plasma-checkbox-disabled-opacity);}input:disabled + label{cursor:not-allowed;}"]);

package/styled-components/es/components/Checkbox/_focused/base.js

@@ -0,0 +1,20 @@
+import { css } from 'styled-components';
+import { addFocus } from '../../../mixins';
+export var base = /*#__PURE__*/css([".checkbox-trigger{", "}input[data-focus-visible-added] + label .checkbox-trigger{border-color:transparent;", "}input[data-focus-visible-added]:checked + label .checkbox-trigger,input[type='checkbox'][data-focus-visible-added]:indeterminate + label .checkbox-trigger{", "}"], /*#__PURE__*/addFocus({
+  outlineOffset: '0',
+  outlineSize: '0.125rem',
+  outlineRadius: 'var(--plasma-checkbox-trigger-border-radius)',
+  outlineColor: 'transparent'
+}), /*#__PURE__*/addFocus({
+  outlineOffset: '-0.188rem',
+  outlineSize: '0.125rem',
+  outlineRadius: 'var(--plasma-checkbox-trigger-border-radius)',
+  outlineColor: 'var(--plasma-checkbox-focus-color)',
+  customFocusRules: "\n                &::before {\n                    box-shadow: 0 0 0 0.125rem var(--plasma-checkbox-focus-color);\n                }\n            "
+}), /*#__PURE__*/addFocus({
+  outlineOffset: '-0.125rem',
+  outlineSize: '0.063rem',
+  outlineRadius: 'calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem)',
+  outlineColor: 'var(--plasma-checkbox-focus-color)',
+  customFocusRules: "\n                &::before {\n                    box-shadow: 0 0 0 0.063rem var(--plasma-checkbox-focus-color);\n                }\n            "
+}));

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

@@ -0,0 +1,2 @@
+import { css } from 'styled-components';
+export var base = /*#__PURE__*/css(["input[type='checkbox']:indeterminate + label .checkbox-trigger{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}input:checked + label .checkbox-trigger{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}"]);

package/styled-components/es/components/Checkbox/_view/tokens.json

@@ -0,0 +1 @@
+["--plasma-checkbox-fill-color", "--plasma-checkbox-icon-color"]

package/styled-components/es/components/Checkbox/index.js

@@ -1,2 +1 @@
-export { checkboxRoot, checkboxConfig } from './Checkbox';
-export { tokens as checkboxTokens } from './Checkbox.tokens';
+export { checkboxRoot, checkboxConfig } from './Checkbox';

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

@@ -12,7 +12,7 @@ export var StyledArrow = /*#__PURE__*/styled.div.withConfig({
 })(["width:var(", ");height:var(", ");&::before{position:absolute;width:var(", ");height:var(", ");mask-image:var(", ");background:var(", ");content:'';transform:rotate(0deg);}"], /*#__PURE__*/String(tokens.arrowMaskWidth), /*#__PURE__*/String(tokens.arrowMaskHeight), /*#__PURE__*/String(tokens.arrowMaskWidth), /*#__PURE__*/String(tokens.arrowMaskHeight), /*#__PURE__*/String(tokens.arrowMaskImage), /*#__PURE__*/String(tokens.arrowBackground));
 export var StyledPopover = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-tnpyex-3"
-})(["position:absolute;z-index:", ";&[data-popper-placement^='top'] > .", "{bottom:calc(0px - var(", "));}&[data-popper-placement^='bottom'] > .", "{top:calc(0px - var(", "));&::before{transform:rotate(180deg);}}&[data-popper-placement^='left'] > .", "{right:calc(0px - var(", "));&::before{transform:rotate(-90deg);}}&[data-popper-placement^='right'] > .", "{left:calc(0px - var(", "));&::before{transform:rotate(90deg);}}&[data-popper-placement^='top-start'] > .", "{bottom:calc(0px - var(", "));left:var(", ") !important;transform:unset !important;}&[data-popper-placement^='top-end'] > .", "{bottom:calc(0px - var(", "));left:unset !important;right:var(", ") !important;transform:unset !important;}&[data-popper-placement^='bottom-start'] > .", "{top:calc(0px - var(", "));left:var(", ") !important;transform:unset !important;&::before{transform:rotate(180deg);}}&[data-popper-placement^='bottom-end'] > .", "{top:calc(0px - var(", "));left:unset !important;right:var(", ") !important;transform:unset !important;&::before{transform:rotate(180deg);}}"], function (_ref) {
+})(["position:absolute;z-index:", ";&[data-popper-placement^='top'] > .", "{bottom:calc(0px - var(", "));}&[data-popper-placement^='bottom'] > .", "{top:calc(0px - var(", "));&::before{transform:rotate(180deg);}}&[data-popper-placement^='left'] > .", "{right:calc(0px - var(", "));&::before{transform:rotate(-90deg);}}&[data-popper-placement^='right'] > .", "{left:calc(0px - var(", "));&::before{transform:rotate(90deg);}}&[data-popper-placement^='top-start'] > .", "{bottom:calc(0px - var(", "));left:var(", ") !important;transform:unset !important;}&[data-popper-placement^='top-end'] > .", "{bottom:calc(0px - var(", "));left:unset !important;right:var(", ") !important;transform:unset !important;}&[data-popper-placement^='bottom-start'] > .", "{top:calc(0px - var(", "));left:var(", ") !important;transform:unset !important;&::before{transform:rotate(180deg);}}&[data-popper-placement^='bottom-end'] > .", "{top:calc(0px - var(", "));left:unset !important;right:var(", ") !important;transform:unset !important;&::before{transform:rotate(180deg);}}&[data-popper-placement^='left-start'] > .", ",&[data-popper-placement^='right-start'] > .", "{top:var(", ") !important;transform:unset !important;}&[data-popper-placement^='left-end'] > .", ",&[data-popper-placement^='right-end'] > .", "{top:unset !important;bottom:var(", ") !important;transform:unset !important;}"], function (_ref) {
   var zIndex = _ref.zIndex;
   return zIndex || DEFAULT_Z_INDEX;
-}, classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowEdgeMargin));
+}, classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, classes.arrow, /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, classes.arrow, /*#__PURE__*/String(tokens.arrowEdgeMargin));

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

@@ -1,18 +1,27 @@
-var _StyledEllipse;
 var _excluded = ["size", "view", "focused", "disabled", "id", "label", "description", "style", "className", "singleLine", "aria-label"];
+var _templateObject, _StyledEllipse;
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import React, { forwardRef, useMemo } from 'react';
+import { css } from 'styled-components';
+import styled from 'styled-components';
 import { safeUseId, extractTextFrom } from '@salutejs/plasma-core';
-import { StyledContentWrapper, StyledDescription, StyledInput, StyledLabel, StyledContent, StyledTrigger } from '../Checkbox/Checkbox.styles';
+import { applyNoUserSelect, applyEllipsis } from '../../mixins';
+import { StyledContentWrapper, StyledDescription, StyledInput, StyledLabel, StyledContent, StyledTrigger } from '../Checkbox/Checkbox';
 import { cx } from '../../utils';
-import { base as viewCSS } from './variations/_view/base';
-import { base as sizeCSS } from './variations/_size/base';
-import { base as disabledCSS } from './variations/_disabled/base';
-import { base as focusedCSS } from './variations/_focused/base';
-import { StyledEllipse, base } from './Radiobox.styles';
-import { classes } from './Radiobox.tokens';
+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';
+
+// NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части
+var mappingOverride = "\n    --plasma-checkbox-label-font-family: var(--plasma-radiobox-label-font-family);\n    --plasma-checkbox-label-font-size: var(--plasma-radiobox-label-font-size);\n    --plasma-checkbox-label-font-style: var(--plasma-radiobox-label-font-style);\n    --plasma-checkbox-label-font-weight: var(--plasma-radiobox-label-font-weight);\n    --plasma-checkbox-label-letter-spacing: var(--plasma-radiobox-label-letter-spacing);\n    --plasma-checkbox-label-line-height: var(--plasma-radiobox-label-line-height);\n    --plasma-checkbox-description-font-family: var(--plasma-radiobox-description-font-family);\n    --plasma-checkbox-description-font-size: var(--plasma-radiobox-description-font-size);\n    --plasma-checkbox-description-font-style: var(--plasma-radiobox-description-font-style);\n    --plasma-checkbox-description-font-weight: var(--plasma-radiobox-description-font-weight);\n    --plasma-checkbox-description-letter-spacing: var(--plasma-radiobox-description-letter-spacing);\n    --plasma-checkbox-description-line-height: var(--plasma-radiobox-description-line-height);\n    --plasma-checkbox-fill-color: var(--plasma-radiobox-fill-color);\n    --plasma-checkbox-description-color: var(--plasma-radiobox-description-color);\n    --plasma-checkbox-trigger-border-color: var(--plasma-radiobox-trigger-border-color);\n    --plasma-checkbox-content-top-offset: var(--plasma-radiobox-content-top-offset);\n    --plasma-checkbox-content-left-offset: var(--plasma-radiobox-content-left-offset);\n    --plasma-checkbox-trigger-size: var(--plasma-radiobox-trigger-size);\n    --plasma-checkbox-trigger-border-radius: var(--plasma-radiobox-trigger-border-radius);\n    --plasma-checkbox-trigger-margin: var(--plasma-radiobox-trigger-margin); \n";
+var StyledEllipse = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-fk5e49-0"
+})(["width:var(--plasma-radiobox-ellipse-size);height:var(--plasma-radiobox-ellipse-size);border-radius:var(--plasma-radiobox-ellipse-size);background-color:var(--plasma-radiobox-ellipse-color);transition:transform 0.3s ease-in-out;transform:scale(0);input:checked + label &{transform:scale(1);}"]);
+var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    ", ";\n\n    .single-line {\n        ", ";\n    }\n\n    margin: var(--plasma-radiobox-margin);\n\n    &.reset-margins {\n        margin: 0;\n    }\n\n    ", ";\n\n    position: relative;\n    align-items: flex-start;\n    display: flex;\n    cursor: pointer;\n"])), mappingOverride, /*#__PURE__*/applyEllipsis(), /*#__PURE__*/applyNoUserSelect());
 export var radioboxRoot = function radioboxRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
     var size = props.size,
@@ -38,8 +47,8 @@ export var radioboxRoot = function radioboxRoot(Root) {
     var isLabelAriaHidden = typeof label === 'string';
     var canFocused = focused ? 0 : -1;
     var hasContent = label || description;
-    var singleLineClass = singleLine ? classes.singleLine : undefined;
-    var resetMargins = !hasContent ? classes.resetMargins : undefined;
+    var singleLineClass = singleLine ? 'single-line' : undefined;
+    var resetMargins = !hasContent ? 'reset-margins' : undefined;
     return /*#__PURE__*/React.createElement(Root, {
       view: view,
       size: size,
@@ -59,7 +68,7 @@ export var radioboxRoot = function radioboxRoot(Root) {
     })), /*#__PURE__*/React.createElement(StyledContentWrapper, {
       htmlFor: radioboxId
     }, /*#__PURE__*/React.createElement(StyledTrigger, {
-      className: cx(classes.radioboxTrigger, resetMargins)
+      className: cx('radiobox-trigger', resetMargins)
     }, _StyledEllipse || (_StyledEllipse = /*#__PURE__*/React.createElement(StyledEllipse, null))), hasContent && /*#__PURE__*/React.createElement(StyledContent, {
       className: singleLineClass
     }, label && /*#__PURE__*/React.createElement(StyledLabel, {

package/styled-components/es/components/Radiobox/_disabled/base.js

@@ -0,0 +1,2 @@
+import { css } from 'styled-components';
+export var base = /*#__PURE__*/css(["input:disabled + label{opacity:var(--plasma-radiobox-disabled-opacity);}input:disabled + label{cursor:not-allowed;}"]);

package/styled-components/es/components/Radiobox/_focused/base.js

@@ -0,0 +1,20 @@
+import { css } from 'styled-components';
+import { addFocus } from '../../../mixins';
+export var base = /*#__PURE__*/css([".radiobox-trigger{", "}input[data-focus-visible-added] + label .radiobox-trigger{border-color:transparent;", "}input[data-focus-visible-added]:checked + label .radiobox-trigger{", "}"], /*#__PURE__*/addFocus({
+  outlineOffset: '0',
+  outlineSize: '0.125rem',
+  outlineRadius: 'var(--plasma-radiobox-trigger-border-radius)',
+  outlineColor: 'transparent'
+}), /*#__PURE__*/addFocus({
+  outlineOffset: '-0.188rem',
+  outlineSize: '0.125rem',
+  outlineRadius: 'var(--plasma-radiobox-trigger-border-radius)',
+  outlineColor: 'var(--plasma-radiobox-focus-color)',
+  customFocusRules: "\n                &::before {\n                    box-shadow: 0 0 0 0.125rem var(--plasma-radiobox-focus-color);\n                }\n            "
+}), /*#__PURE__*/addFocus({
+  outlineOffset: '-0.125rem',
+  outlineSize: '0.063rem',
+  outlineRadius: 'calc(var(--plasma-radiobox-trigger-border-radius) + 0.125rem)',
+  outlineColor: 'var(--plasma-radiobox-focus-color)',
+  customFocusRules: "\n                &::before {\n                    box-shadow: 0 0 0 0.063rem var(--plasma-radiobox-focus-color);\n                }\n            "
+}));

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

@@ -0,0 +1,2 @@
+import { css } from 'styled-components';
+export var base = /*#__PURE__*/css(["input:checked + label .radiobox-trigger{border:none;background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-radiobox-fill-color);}"]);

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

@@ -1,3 +1,2 @@
 export { radioboxRoot, radioboxConfig } from './Radiobox';
-export { RadioGroup } from './RadioGroup';
-export { tokens as radioboxTokens } from './Radiobox.tokens';
+export { RadioGroup } from './RadioGroup';

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

@@ -11,4 +11,4 @@ export var TooltipRoot = /*#__PURE__*/styled.div.withConfig({
 }, classes.hasContentLeft);
 export var StyledContentLeft = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-1xahrz2-1"
-})(["margin-right:var(", ");height:var(", ");"], tokens.contentLeftMargin, tokens.textFontLineHeight);
+})(["align-self:center;margin-right:var(", ");height:var(", ");"], tokens.contentLeftMargin, tokens.textFontLineHeight);

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

@@ -1,35 +1,35 @@
 import { css } from 'styled-components';
-import { checkboxTokens } from '../../../../components/Checkbox';
 export var config = {
   defaults: {
-    view: 'accent'
+    view: 'accent',
+    focused: 'true'
   },
   variations: {
     /**
      * Размер контрола.
      */
     size: {
-      s: /*#__PURE__*/css(["", ":0;", ":0.188rem 0;", ":0.875rem;", ":0.25rem;", ":0.0625rem;", ":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-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);"], checkboxTokens.margin, checkboxTokens.triggerMargin, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight),
-      m: /*#__PURE__*/css(["", ":0;", ":0.188rem 0;", ":1.25rem;", ":0.375rem;", ":0.1875rem;", ":0.75rem;", ":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);", ":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);"], checkboxTokens.margin, checkboxTokens.triggerMargin, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight)
+      s: /*#__PURE__*/css(["--plasma-checkbox-margin:0 0 0.188rem 0.188rem;--plasma-checkbox-trigger-margin:0.188rem 0;--plasma-checkbox-trigger-size:0.875rem;--plasma-checkbox-trigger-border-radius:0.25rem;--plasma-checkbox-content-top-offset:0.0625rem;--plasma-checkbox-content-left-offset:0.5rem;--plasma-checkbox-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-checkbox-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-checkbox-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-checkbox-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-checkbox-description-font-family:var(--plasma-typo-body-xs-font-family);--plasma-checkbox-description-font-size:var(--plasma-typo-body-xs-font-size);--plasma-checkbox-description-font-style:var(--plasma-typo-body-xs-font-style);--plasma-checkbox-description-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-typo-body-xs-line-height);"]),
+      m: /*#__PURE__*/css(["--plasma-checkbox-margin:0 0 0.188rem 0.188rem;--plasma-checkbox-trigger-margin:0.188rem 0;--plasma-checkbox-trigger-size:1.25rem;--plasma-checkbox-trigger-border-radius:0.375rem;--plasma-checkbox-content-top-offset:0.1875rem;--plasma-checkbox-content-left-offset:0.75rem;--plasma-checkbox-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-checkbox-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-checkbox-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-checkbox-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-checkbox-description-font-family:var(--plasma-typo-body-s-font-family);--plasma-checkbox-description-font-size:var(--plasma-typo-body-s-font-size);--plasma-checkbox-description-font-style:var(--plasma-typo-body-s-font-style);--plasma-checkbox-description-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-typo-body-s-line-height);"])
     },
     /**
      * Вид контрола.
      */
     view: {
-      primary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
-      secondary: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
-      tertiary: /*#__PURE__*/css(["", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
-      paragraph: /*#__PURE__*/css(["", ":var(--text-paragraph);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
-      accent: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
-      positive: /*#__PURE__*/css(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
-      warning: /*#__PURE__*/css(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
-      negative: /*#__PURE__*/css(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor)
+      primary: /*#__PURE__*/css(["--plasma-checkbox-fill-color:var(--text-primary);--plasma-checkbox-icon-color:var(--inverse-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
+      secondary: /*#__PURE__*/css(["--plasma-checkbox-fill-color:var(--text-secondary);--plasma-checkbox-icon-color:var(--inverse-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
+      tertiary: /*#__PURE__*/css(["--plasma-checkbox-fill-color:var(--text-tertiary);--plasma-checkbox-icon-color:var(--inverse-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
+      paragraph: /*#__PURE__*/css(["--plasma-checkbox-fill-color:var(--text-paragraph);--plasma-checkbox-icon-color:var(--inverse-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
+      accent: /*#__PURE__*/css(["--plasma-checkbox-fill-color:var(--text-accent);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
+      positive: /*#__PURE__*/css(["--plasma-checkbox-fill-color:var(--text-positive);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
+      warning: /*#__PURE__*/css(["--plasma-checkbox-fill-color:var(--text-warning);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
+      negative: /*#__PURE__*/css(["--plasma-checkbox-fill-color:var(--text-negative);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"])
     },
     disabled: {
-      "true": /*#__PURE__*/css(["", ":0.4;"], checkboxTokens.disabledOpacity)
+      "true": /*#__PURE__*/css(["--plasma-checkbox-disabled-opacity:0.4;"])
     },
     focused: {
-      "true": /*#__PURE__*/css(["", ":var(--text-accent);"], checkboxTokens.focusColor)
+      "true": /*#__PURE__*/css(["--plasma-checkbox-focus-color:var(--text-accent);"])
     }
   }
 };

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

@@ -1,5 +1,4 @@
 import { css } from 'styled-components';
-import { radioboxTokens } from '../../../../components/Radiobox';
 export var config = {
   defaults: {
     view: 'accent',
@@ -10,27 +9,27 @@ export var config = {
      * Размер контрола.
      */
     size: {
-      s: /*#__PURE__*/css(["", ":0;", ":0.188rem 0;", ":1rem;", ":1.125rem;", ":0.5rem;", ":0.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-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);"], radioboxTokens.margin, radioboxTokens.triggerMargin, radioboxTokens.triggerSize, radioboxTokens.triggerBorderRadius, radioboxTokens.ellipseSize, radioboxTokens.contentTopOffset, radioboxTokens.contentLeftOffset, radioboxTokens.labelFontFamily, radioboxTokens.labelFontSize, radioboxTokens.labelFontStyle, radioboxTokens.labelFontWeight, radioboxTokens.labelLetterSpacing, radioboxTokens.labelLineHeight, radioboxTokens.descriptionFontFamily, radioboxTokens.descriptionFontSize, radioboxTokens.descriptionFontStyle, radioboxTokens.descriptionFontWeight, radioboxTokens.descriptionLetterSpacing, radioboxTokens.descriptionLineHeight),
-      m: /*#__PURE__*/css(["", ":0;", ":0.188rem 0;", ":1.375rem;", ":1.125rem;", ":0.625rem;", ":0.25rem;", ":0.625rem;", ":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);", ":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);"], radioboxTokens.margin, radioboxTokens.triggerMargin, radioboxTokens.triggerSize, radioboxTokens.triggerBorderRadius, radioboxTokens.ellipseSize, radioboxTokens.contentTopOffset, radioboxTokens.contentLeftOffset, radioboxTokens.labelFontFamily, radioboxTokens.labelFontSize, radioboxTokens.labelFontStyle, radioboxTokens.labelFontWeight, radioboxTokens.labelLetterSpacing, radioboxTokens.labelLineHeight, radioboxTokens.descriptionFontFamily, radioboxTokens.descriptionFontSize, radioboxTokens.descriptionFontStyle, radioboxTokens.descriptionFontWeight, radioboxTokens.descriptionLetterSpacing, radioboxTokens.descriptionLineHeight)
+      s: /*#__PURE__*/css(["--plasma-radiobox-margin:0 0 0.188rem 0.188rem;--plasma-radiobox-trigger-margin:0.188rem 0;--plasma-radiobox-trigger-size:1rem;--plasma-radiobox-trigger-border-radius 1.125rem;--plasma-radiobox-ellipse-size 0.5rem;--plasma-radiobox-content-top-offset:0.1rem;--plasma-radiobox-content-left-offset 0.5rem;--plasma-radiobox-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-radiobox-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-radiobox-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-radiobox-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-radiobox-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-radiobox-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-radiobox-description-font-family:var(--plasma-typo-body-xs-font-family);--plasma-radiobox-description-font-size:var(--plasma-typo-body-xs-font-size);--plasma-radiobox-description-font-style:var(--plasma-typo-body-xs-font-style);--plasma-radiobox-description-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-radiobox-description-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-radiobox-description-line-height:var(--plasma-typo-body-xs-line-height);"]),
+      m: /*#__PURE__*/css(["--plasma-radiobox-margin:0 0 0.188rem 0.188rem;--plasma-radiobox-trigger-margin:0.188rem 0;--plasma-radiobox-trigger-size:1.375rem;--plasma-radiobox-trigger-border-radius 1.125rem;--plasma-radiobox-ellipse-size 0.625rem;--plasma-radiobox-content-top-offset:0.25rem;--plasma-radiobox-content-left-offset 0.625rem;--plasma-radiobox-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-radiobox-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-radiobox-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-radiobox-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-radiobox-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-radiobox-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-radiobox-description-font-family:var(--plasma-typo-body-s-font-family);--plasma-radiobox-description-font-size:var(--plasma-typo-body-s-font-size);--plasma-radiobox-description-font-style:var(--plasma-typo-body-s-font-style);--plasma-radiobox-description-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-radiobox-description-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-radiobox-description-line-height:var(--plasma-typo-body-s-line-height);"])
     },
     /**
      * Вид контрола.
      */
     view: {
-      primary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
-      secondary: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
-      tertiary: /*#__PURE__*/css(["", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
-      paragraph: /*#__PURE__*/css(["", ":var(--text-paragraph);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
-      accent: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
-      positive: /*#__PURE__*/css(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
-      warning: /*#__PURE__*/css(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
-      negative: /*#__PURE__*/css(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor)
+      primary: /*#__PURE__*/css(["--plasma-radiobox-fill-color:var(--text-primary);--plasma-radiobox-ellipse-color:var(--inverse-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
+      secondary: /*#__PURE__*/css(["--plasma-radiobox-fill-color:var(--text-secondary);--plasma-radiobox-ellipse-color:var(--inverse-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
+      tertiary: /*#__PURE__*/css(["--plasma-radiobox-fill-color:var(--text-tertiary);--plasma-radiobox-ellipse-color:var(--inverse-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
+      paragraph: /*#__PURE__*/css(["--plasma-radiobox-fill-color:var(--text-paragraph);--plasma-radiobox-ellipse-color:var(--inverse-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
+      accent: /*#__PURE__*/css(["--plasma-radiobox-fill-color:var(--text-accent);--plasma-radiobox-ellipse-color:var(--on-dark-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
+      positive: /*#__PURE__*/css(["--plasma-radiobox-fill-color:var(--text-positive);--plasma-radiobox-ellipse-color:var(--on-dark-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
+      warning: /*#__PURE__*/css(["--plasma-radiobox-fill-color:var(--text-warning);--plasma-radiobox-ellipse-color:var(--on-dark-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
+      negative: /*#__PURE__*/css(["--plasma-radiobox-fill-color:var(--text-negative);--plasma-radiobox-ellipse-color:var(--on-dark-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"])
     },
     disabled: {
-      "true": /*#__PURE__*/css(["", ":0.4;"], radioboxTokens.disabledOpacity)
+      "true": /*#__PURE__*/css(["--plasma-radiobox-disabled-opacity:0.4;"])
     },
     focused: {
-      "true": /*#__PURE__*/css(["", ":var(--text-accent);"], radioboxTokens.focusColor)
+      "true": /*#__PURE__*/css(["--plasma-radiobox-focus-color:var(--text-accent);"])
     }
   }
 };

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

@@ -34,6 +34,9 @@ const meta: Meta<TooltipProps> = {
     title: 'plasma_b2c/Tooltip',
     decorators: [WithTheme],
     component: Tooltip,
+    parameters: {
+        docs: { story: { inline: false, iframeHeight: '20rem' } },
+    },
 };
 
 export default meta;