@salutejs/plasma-web 1.620.1-next-sbcom.0 → 1.621.0-dev.0

package/dist/styled-components/cjs/components/Dropzone/index.js

@@ -19,5 +19,5 @@ _export(exports, {
         return _styledcomponents.dropzoneTokens;
     }
 });
-var _Dropzone = require("./Dropzone");
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _Dropzone = require("./Dropzone");
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");

package/dist/styled-components/cjs/components/Editable/Editable.config.js

@@ -8,54 +8,28 @@ Object.defineProperty(exports, "config", {
         return config;
     }
 });
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--background-primary);\n                ",
-        ": var(--text-tertiary);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-accent);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 1rem;\n                ",
-        ": 1rem;\n                ",
-        ": -1rem;\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var config = {
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const config = {
     defaults: {
         view: 'default',
         size: 'm'
     },
     variations: {
         view: {
-            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.editableTokens.editButtonBackground, _styledcomponents.editableTokens.editButtonColor, _styledcomponents.editableTokens.editButtonColorHover, _styledcomponents.editableTokens.placeholderColor, _styledcomponents.editableTokens.caretColor)
+            default: (0, _styledcomponents.css)`
+                ${_styledcomponents.editableTokens.editButtonBackground}: var(--background-primary);
+                ${_styledcomponents.editableTokens.editButtonColor}: var(--text-tertiary);
+                ${_styledcomponents.editableTokens.editButtonColorHover}: var(--text-primary);
+                ${_styledcomponents.editableTokens.placeholderColor}: var(--text-secondary);
+                ${_styledcomponents.editableTokens.caretColor}: var(--text-accent);
+            `
         },
         size: {
-            m: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.editableTokens.editButtonPaddingLeft, _styledcomponents.editableTokens.textBoxPaddingRight, _styledcomponents.editableTokens.textBoxMarginRight)
+            m: (0, _styledcomponents.css)`
+                ${_styledcomponents.editableTokens.editButtonPaddingLeft}: 1rem;
+                ${_styledcomponents.editableTokens.textBoxPaddingRight}: 1rem;
+                ${_styledcomponents.editableTokens.textBoxMarginRight}: -1rem;
+            `
         }
     }
 };

package/dist/styled-components/cjs/components/Editable/Editable.js

@@ -16,9 +16,9 @@ _export(exports, {
         return typographyVariants;
     }
 });
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-var _Typography = /*#__PURE__*/ _interop_require_wildcard(require("../Typography"));
-var _Editableconfig = require("./Editable.config");
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _Typography = /*#__PURE__*/ _interop_require_wildcard(require("../Typography"));
+const _Editableconfig = require("./Editable.config");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -60,7 +60,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-var typographyVariants = _Typography;
-var finalConfig = (0, _styledcomponents.editableConfig)(typographyVariants);
-var mergedConfig = (0, _styledcomponents.mergeConfig)(finalConfig, _Editableconfig.config);
-var Editable = (0, _styledcomponents.component)(mergedConfig);
+const typographyVariants = _Typography;
+const finalConfig = (0, _styledcomponents.editableConfig)(typographyVariants);
+const mergedConfig = (0, _styledcomponents.mergeConfig)(finalConfig, _Editableconfig.config);
+const Editable = (0, _styledcomponents.component)(mergedConfig);

package/dist/styled-components/cjs/components/Editable/index.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "Editable", {
         return _Editable.Editable;
     }
 });
-var _Editable = require("./Editable");
+const _Editable = require("./Editable");

package/dist/styled-components/cjs/components/ElasticGrid/ElasticGrid.perftest.js

@@ -8,48 +8,43 @@ Object.defineProperty(exports, "Default", {
         return Default;
     }
 });
-var _react = /*#__PURE__*/ _interop_require_default(require("react"));
-var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
-var _ = require(".");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+const _ = require(".");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-var StyledElasticGrid = (0, _styledcomponents.default)(_.ElasticGrid).withConfig({
+const StyledElasticGrid = (0, _styledcomponents.default)(_.ElasticGrid).withConfig({
     displayName: "ElasticGrid.perftest__StyledElasticGrid",
     componentId: "sc-a45519ff-0"
 })([
-    "width:",
-    ";"
-], function(param) {
-    var $width = param.$width;
-    return $width;
-});
-var Item = _styledcomponents.default.div.withConfig({
+    `width:`,
+    `;`
+], ({ $width })=>$width);
+const Item = _styledcomponents.default.div.withConfig({
     displayName: "ElasticGrid.perftest__Item",
     componentId: "sc-a45519ff-1"
 })([
-    "width:100%;height:100px;background-color:#999;border-radius:10px;"
+    `width:100%;height:100px;background-color:#999;border-radius:10px;`
 ]);
-var defaultProps = {
+const defaultProps = {
     $width: '600px',
     itemsNumber: 5,
     minColWidth: 125,
     gapX: 8,
     gapY: 8
 };
-var arr = [
+const arr = [
     0,
     0,
     0,
     0,
     0
 ];
-var Default = function Default() {
-    return /*#__PURE__*/ _react.default.createElement(StyledElasticGrid, defaultProps, arr.map(function(_, k) {
-        return /*#__PURE__*/ _react.default.createElement(Item, {
+const Default = ()=>{
+    return /*#__PURE__*/ _react.default.createElement(StyledElasticGrid, defaultProps, arr.map((_, k)=>/*#__PURE__*/ _react.default.createElement(Item, {
             key: k
-        });
-    }));
+        })));
 };

package/dist/styled-components/cjs/components/ElasticGrid/index.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "ElasticGrid", {
         return _plasmahope.ElasticGrid;
     }
 });
-var _plasmahope = require("@salutejs/plasma-hope");
+const _plasmahope = require("@salutejs/plasma-hope");

package/dist/styled-components/cjs/components/EmbedIconButton/EmbedIconButton.config.js

@@ -8,206 +8,8 @@ Object.defineProperty(exports, "config", {
         return config;
     }
 });
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-clear);\n                ",
-        ": var(",
-        ");\n                ",
-        ": var(--text-primary-hover);\n                ",
-        ": var(--text-primary-active);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--surface-transparent-clear);\n                ",
-        ": var(",
-        ");\n                ",
-        ": var(--text-accent-hover);\n                ",
-        ": var(--text-accent-active);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--surface-transparent-clear);\n                ",
-        ": var(",
-        ");\n                ",
-        ": var(--text-secondary-hover);\n                ",
-        ": var(--text-secondary-active);\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-positive);\n                ",
-        ": var(--surface-transparent-clear);\n                ",
-        ": var(",
-        ");\n                ",
-        ": var(--text-positive-hover);\n                ",
-        ": var(--text-positive-active);\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject4() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-warning);\n                ",
-        ": var(--surface-transparent-clear);\n                ",
-        ": var(",
-        ");\n                ",
-        ": var(--text-warning-hover);\n                ",
-        ": var(--text-warning-active);\n            "
-    ]);
-    _templateObject4 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject5() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-negative);\n                ",
-        ": var(--surface-transparent-clear);\n                ",
-        ": var(",
-        ");\n                ",
-        ": var(--text-negative-hover);\n                ",
-        ": var(--text-negative-active);\n            "
-    ]);
-    _templateObject5 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject6() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-info);\n                ",
-        ": var(--surface-transparent-clear);\n                ",
-        ": var(",
-        ");\n                ",
-        ": var(--text-info-hover);\n                ",
-        ": var(--text-info-active);\n            "
-    ]);
-    _templateObject6 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject7() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 2.25rem;\n                ",
-        ": 2.25rem;\n                ",
-        ": 0rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": var(--plasma-typo-body-l-font-family);\n                ",
-        ": var(--plasma-typo-body-l-font-size);\n                ",
-        ": var(--plasma-typo-body-l-font-style);\n                ",
-        ": var(--plasma-typo-body-l-bold-font-weight);\n                ",
-        ": var(--plasma-typo-body-l-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-l-line-height);\n\n                ",
-        ": 1.75rem;\n                ",
-        ": inherit;\n            "
-    ]);
-    _templateObject7 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject8() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 1.5rem;\n                ",
-        ": 1.5rem;\n                ",
-        ": 0rem;\n                ",
-        ": 0.625rem;\n                ",
-        ": var(--plasma-typo-body-m-font-family);\n                ",
-        ": var(--plasma-typo-body-m-font-size);\n                ",
-        ": var(--plasma-typo-body-m-font-style);\n                ",
-        ": var(--plasma-typo-body-m-bold-font-weight);\n                ",
-        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-m-line-height);\n\n                ",
-        ": 1.25rem;\n                ",
-        ": inherit;\n            "
-    ]);
-    _templateObject8 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject9() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 1rem;\n                ",
-        ": 1rem;\n                ",
-        ": 0rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": var(--plasma-typo-body-s-font-family);\n                ",
-        ": var(--plasma-typo-body-s-font-size);\n                ",
-        ": var(--plasma-typo-body-s-font-style);\n                ",
-        ": var(--plasma-typo-body-s-bold-font-weight);\n                ",
-        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-s-line-height);\n\n                ",
-        ": 0.75rem;\n                ",
-        ": inherit;\n            "
-    ]);
-    _templateObject9 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject10() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.4;\n            "
-    ]);
-    _templateObject10 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject11() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--surface-accent);\n            "
-    ]);
-    _templateObject11 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var config = {
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const config = {
     defaults: {
         view: 'default',
         focused: 'true',
@@ -215,24 +17,112 @@ var config = {
     },
     variations: {
         view: {
-            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.embedIconButtonTokens.embedIconButtonColor, _styledcomponents.embedIconButtonTokens.embedIconButtonBackgroundColor, _styledcomponents.embedIconButtonTokens.embedIconButtonLoadingBackgroundColor, _styledcomponents.embedIconButtonTokens.embedIconButtonBackgroundColor, _styledcomponents.embedIconButtonTokens.embedIconButtonColorHover, _styledcomponents.embedIconButtonTokens.embedIconButtonColorActive),
-            accent: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.embedIconButtonTokens.embedIconButtonColor, _styledcomponents.embedIconButtonTokens.embedIconButtonBackgroundColor, _styledcomponents.embedIconButtonTokens.embedIconButtonLoadingBackgroundColor, _styledcomponents.embedIconButtonTokens.embedIconButtonBackgroundColor, _styledcomponents.embedIconButtonTokens.embedIconButtonColorHover, _styledcomponents.embedIconButtonTokens.embedIconButtonColorActive),
-            secondary: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.embedIconButtonTokens.embedIconButtonColor, _styledcomponents.embedIconButtonTokens.embedIconButtonBackgroundColor, _styledcomponents.embedIconButtonTokens.embedIconButtonLoadingBackgroundColor, _styledcomponents.embedIconButtonTokens.embedIconButtonBackgroundColor, _styledcomponents.embedIconButtonTokens.embedIconButtonColorHover, _styledcomponents.embedIconButtonTokens.embedIconButtonColorActive),
-            positive: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.embedIconButtonTokens.embedIconButtonColor, _styledcomponents.embedIconButtonTokens.embedIconButtonBackgroundColor, _styledcomponents.embedIconButtonTokens.embedIconButtonLoadingBackgroundColor, _styledcomponents.embedIconButtonTokens.embedIconButtonBackgroundColor, _styledcomponents.embedIconButtonTokens.embedIconButtonColorHover, _styledcomponents.embedIconButtonTokens.embedIconButtonColorActive),
-            warning: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.embedIconButtonTokens.embedIconButtonColor, _styledcomponents.embedIconButtonTokens.embedIconButtonBackgroundColor, _styledcomponents.embedIconButtonTokens.embedIconButtonLoadingBackgroundColor, _styledcomponents.embedIconButtonTokens.embedIconButtonBackgroundColor, _styledcomponents.embedIconButtonTokens.embedIconButtonColorHover, _styledcomponents.embedIconButtonTokens.embedIconButtonColorActive),
-            negative: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.embedIconButtonTokens.embedIconButtonColor, _styledcomponents.embedIconButtonTokens.embedIconButtonBackgroundColor, _styledcomponents.embedIconButtonTokens.embedIconButtonLoadingBackgroundColor, _styledcomponents.embedIconButtonTokens.embedIconButtonBackgroundColor, _styledcomponents.embedIconButtonTokens.embedIconButtonColorHover, _styledcomponents.embedIconButtonTokens.embedIconButtonColorActive),
-            info: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.embedIconButtonTokens.embedIconButtonColor, _styledcomponents.embedIconButtonTokens.embedIconButtonBackgroundColor, _styledcomponents.embedIconButtonTokens.embedIconButtonLoadingBackgroundColor, _styledcomponents.embedIconButtonTokens.embedIconButtonBackgroundColor, _styledcomponents.embedIconButtonTokens.embedIconButtonColorHover, _styledcomponents.embedIconButtonTokens.embedIconButtonColorActive)
+            default: (0, _styledcomponents.css)`
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonColor}: var(--text-primary);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonBackgroundColor}: var(--surface-transparent-clear);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${_styledcomponents.embedIconButtonTokens.embedIconButtonBackgroundColor});
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonColorHover}: var(--text-primary-hover);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonColorActive}: var(--text-primary-active);
+            `,
+            accent: (0, _styledcomponents.css)`
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonColor}: var(--text-accent);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonBackgroundColor}: var(--surface-transparent-clear);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${_styledcomponents.embedIconButtonTokens.embedIconButtonBackgroundColor});
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonColorHover}: var(--text-accent-hover);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonColorActive}: var(--text-accent-active);
+            `,
+            secondary: (0, _styledcomponents.css)`
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonColor}: var(--text-secondary);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonBackgroundColor}: var(--surface-transparent-clear);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${_styledcomponents.embedIconButtonTokens.embedIconButtonBackgroundColor});
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonColorHover}: var(--text-secondary-hover);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonColorActive}: var(--text-secondary-active);
+            `,
+            positive: (0, _styledcomponents.css)`
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonColor}: var(--text-positive);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonBackgroundColor}: var(--surface-transparent-clear);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${_styledcomponents.embedIconButtonTokens.embedIconButtonBackgroundColor});
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonColorHover}: var(--text-positive-hover);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonColorActive}: var(--text-positive-active);
+            `,
+            warning: (0, _styledcomponents.css)`
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonColor}: var(--text-warning);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonBackgroundColor}: var(--surface-transparent-clear);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${_styledcomponents.embedIconButtonTokens.embedIconButtonBackgroundColor});
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonColorHover}: var(--text-warning-hover);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonColorActive}: var(--text-warning-active);
+            `,
+            negative: (0, _styledcomponents.css)`
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonColor}: var(--text-negative);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonBackgroundColor}: var(--surface-transparent-clear);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${_styledcomponents.embedIconButtonTokens.embedIconButtonBackgroundColor});
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonColorHover}: var(--text-negative-hover);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonColorActive}: var(--text-negative-active);
+            `,
+            info: (0, _styledcomponents.css)`
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonColor}: var(--text-info);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonBackgroundColor}: var(--surface-transparent-clear);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${_styledcomponents.embedIconButtonTokens.embedIconButtonBackgroundColor});
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonColorHover}: var(--text-info-hover);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonColorActive}: var(--text-info-active);
+            `
         },
         size: {
-            l: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.embedIconButtonTokens.embedIconButtonHeight, _styledcomponents.embedIconButtonTokens.embedIconButtonWidth, _styledcomponents.embedIconButtonTokens.embedIconButtonPadding, _styledcomponents.embedIconButtonTokens.embedIconButtonRadius, _styledcomponents.embedIconButtonTokens.embedIconButtonFontFamily, _styledcomponents.embedIconButtonTokens.embedIconButtonFontSize, _styledcomponents.embedIconButtonTokens.embedIconButtonFontStyle, _styledcomponents.embedIconButtonTokens.embedIconButtonFontWeight, _styledcomponents.embedIconButtonTokens.embedIconButtonLetterSpacing, _styledcomponents.embedIconButtonTokens.embedIconButtonLineHeight, _styledcomponents.embedIconButtonTokens.embedIconButtonSpinnerSize, _styledcomponents.embedIconButtonTokens.embedIconButtonSpinnerColor),
-            m: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.embedIconButtonTokens.embedIconButtonHeight, _styledcomponents.embedIconButtonTokens.embedIconButtonWidth, _styledcomponents.embedIconButtonTokens.embedIconButtonPadding, _styledcomponents.embedIconButtonTokens.embedIconButtonRadius, _styledcomponents.embedIconButtonTokens.embedIconButtonFontFamily, _styledcomponents.embedIconButtonTokens.embedIconButtonFontSize, _styledcomponents.embedIconButtonTokens.embedIconButtonFontStyle, _styledcomponents.embedIconButtonTokens.embedIconButtonFontWeight, _styledcomponents.embedIconButtonTokens.embedIconButtonLetterSpacing, _styledcomponents.embedIconButtonTokens.embedIconButtonLineHeight, _styledcomponents.embedIconButtonTokens.embedIconButtonSpinnerSize, _styledcomponents.embedIconButtonTokens.embedIconButtonSpinnerColor),
-            s: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.embedIconButtonTokens.embedIconButtonHeight, _styledcomponents.embedIconButtonTokens.embedIconButtonWidth, _styledcomponents.embedIconButtonTokens.embedIconButtonPadding, _styledcomponents.embedIconButtonTokens.embedIconButtonRadius, _styledcomponents.embedIconButtonTokens.embedIconButtonFontFamily, _styledcomponents.embedIconButtonTokens.embedIconButtonFontSize, _styledcomponents.embedIconButtonTokens.embedIconButtonFontStyle, _styledcomponents.embedIconButtonTokens.embedIconButtonFontWeight, _styledcomponents.embedIconButtonTokens.embedIconButtonLetterSpacing, _styledcomponents.embedIconButtonTokens.embedIconButtonLineHeight, _styledcomponents.embedIconButtonTokens.embedIconButtonSpinnerSize, _styledcomponents.embedIconButtonTokens.embedIconButtonSpinnerColor)
+            l: (0, _styledcomponents.css)`
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonHeight}: 2.25rem;
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonWidth}: 2.25rem;
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonPadding}: 0rem;
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonRadius}: 0.75rem;
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonFontFamily}: var(--plasma-typo-body-l-font-family);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonFontSize}: var(--plasma-typo-body-l-font-size);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonFontStyle}: var(--plasma-typo-body-l-font-style);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonLineHeight}: var(--plasma-typo-body-l-line-height);
+
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonSpinnerSize}: 1.75rem;
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonSpinnerColor}: inherit;
+            `,
+            m: (0, _styledcomponents.css)`
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonHeight}: 1.5rem;
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonWidth}: 1.5rem;
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonPadding}: 0rem;
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonRadius}: 0.625rem;
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonFontFamily}: var(--plasma-typo-body-m-font-family);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonFontSize}: var(--plasma-typo-body-m-font-size);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonFontStyle}: var(--plasma-typo-body-m-font-style);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonLineHeight}: var(--plasma-typo-body-m-line-height);
+
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonSpinnerSize}: 1.25rem;
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonSpinnerColor}: inherit;
+            `,
+            s: (0, _styledcomponents.css)`
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonHeight}: 1rem;
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonWidth}: 1rem;
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonPadding}: 0rem;
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonRadius}: 0.5rem;
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonFontFamily}: var(--plasma-typo-body-s-font-family);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonFontSize}: var(--plasma-typo-body-s-font-size);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonFontStyle}: var(--plasma-typo-body-s-font-style);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonLineHeight}: var(--plasma-typo-body-s-line-height);
+
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonSpinnerSize}: 0.75rem;
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonSpinnerColor}: inherit;
+            `
         },
         disabled: {
-            true: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.embedIconButtonTokens.embedIconButtonDisabledOpacity)
+            true: (0, _styledcomponents.css)`
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonDisabledOpacity}: 0.4;
+            `
         },
         focused: {
-            true: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.embedIconButtonTokens.embedIconButtonFocusColor)
+            true: (0, _styledcomponents.css)`
+                ${_styledcomponents.embedIconButtonTokens.embedIconButtonFocusColor}: var(--surface-accent);
+            `
         }
     }
 };

package/dist/styled-components/cjs/components/EmbedIconButton/EmbedIconButton.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "EmbedIconButton", {
         return EmbedIconButton;
     }
 });
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-var _EmbedIconButtonconfig = require("./EmbedIconButton.config");
-var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.embedIconButtonConfig, _EmbedIconButtonconfig.config);
-var EmbedIconButtonComponent = (0, _styledcomponents.component)(mergedConfig);
-var EmbedIconButton = EmbedIconButtonComponent;
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _EmbedIconButtonconfig = require("./EmbedIconButton.config");
+const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.embedIconButtonConfig, _EmbedIconButtonconfig.config);
+const EmbedIconButtonComponent = (0, _styledcomponents.component)(mergedConfig);
+const EmbedIconButton = EmbedIconButtonComponent;

package/dist/styled-components/cjs/components/EmbedIconButton/index.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "EmbedIconButton", {
         return _EmbedIconButton.EmbedIconButton;
     }
 });
-var _EmbedIconButton = require("./EmbedIconButton");
+const _EmbedIconButton = require("./EmbedIconButton");