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

package/dist/styled-components/cjs/components/Tokens/Typography/Typography.styles.js

@@ -61,149 +61,131 @@ _export(exports, {
         return TypographyTokensWrapper;
     }
 });
-var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
-var _styledcomponents1 = require("@salutejs/plasma-new-hope/styled-components");
-var _tokens = require("../../../tokens");
-var _Accordion = require("../../Accordion");
-var _Segment = require("../../Segment/Segment");
+const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+const _styledcomponents1 = require("@salutejs/plasma-new-hope/styled-components");
+const _tokens = require("../../../tokens");
+const _Accordion = require("../../Accordion");
+const _Segment = require("../../Segment/Segment");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-var TypographyTokensWrapper = _styledcomponents.default.div.withConfig({
+const TypographyTokensWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__TypographyTokensWrapper",
     componentId: "sc-3dea3b36-0"
 })([
-    "width:100%;margin:1.5rem auto auto 2.5rem;"
+    `width:100%;margin:1.5rem auto auto 2.5rem;`
 ]);
-var FontPropsSwitcher = _styledcomponents.default.div.withConfig({
+const FontPropsSwitcher = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__FontPropsSwitcher",
     componentId: "sc-3dea3b36-1"
 })([
-    "margin:-0.5rem 0 2.5rem;display:flex;justify-content:center;width:100%;position:relative;box-sizing:border-box;"
+    `margin:-0.5rem 0 2.5rem;display:flex;justify-content:center;width:100%;position:relative;box-sizing:border-box;`
 ]);
-var FontWeightSwitcher = _styledcomponents.default.div.withConfig({
+const FontWeightSwitcher = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__FontWeightSwitcher",
     componentId: "sc-3dea3b36-2"
 })([
-    "position:absolute;top:0;left:0;"
+    `position:absolute;top:0;left:0;`
 ]);
-var BreakpointSwitcher = _styledcomponents.default.div.withConfig({
+const BreakpointSwitcher = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__BreakpointSwitcher",
     componentId: "sc-3dea3b36-3"
 })([
-    "width:fit-content;position:relative;&:before{content:'Экран';position:absolute;top:50%;transform:translate(-100%,-50%);left:-0.75rem;color:var(--text-tertiary);",
-    ";}"
+    `width:fit-content;position:relative;&:before{content:'Экран';position:absolute;top:50%;transform:translate(-100%,-50%);left:-0.75rem;color:var(--text-tertiary);`,
+    `;}`
 ], _tokens.bodyXS);
-var StyledSegmentItem = (0, _styledcomponents.default)(_Segment.SegmentItem).withConfig({
+const StyledSegmentItem = (0, _styledcomponents.default)(_Segment.SegmentItem).withConfig({
     displayName: "Typography.styles__StyledSegmentItem",
     componentId: "sc-3dea3b36-4"
 })([
-    "",
-    ":1.75rem;",
-    ":0.375rem 0.5rem;"
+    ``,
+    `:1.75rem;`,
+    `:0.375rem 0.5rem;`
 ], _styledcomponents1.segmentTokens.itemHeight, _styledcomponents1.segmentTokens.itemPilledPadding);
-var AccordionTypographyTitle = _styledcomponents.default.div.withConfig({
+const AccordionTypographyTitle = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__AccordionTypographyTitle",
     componentId: "sc-3dea3b36-5"
 })([
-    "color:var(--text-secondary);",
-    ";"
+    `color:var(--text-secondary);`,
+    `;`
 ], _tokens.bodyM);
-var FontFamily = _styledcomponents.default.span.withConfig({
+const FontFamily = _styledcomponents.default.span.withConfig({
     displayName: "Typography.styles__FontFamily",
     componentId: "sc-3dea3b36-6"
 })([
-    "color:var(--text-tertiary);"
+    `color:var(--text-tertiary);`
 ]);
-var AccordionInfo = _styledcomponents.default.div.withConfig({
+const AccordionInfo = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__AccordionInfo",
     componentId: "sc-3dea3b36-7"
 })([
-    "display:grid;grid-template-columns:16.75rem 35.75rem;grid-column-gap:1.5rem;max-width:55.5rem;"
+    `display:grid;grid-template-columns:16.75rem 35.75rem;grid-column-gap:1.5rem;max-width:55.5rem;`
 ]);
-var StyledAccordionItem = (0, _styledcomponents.default)(_Accordion.AccordionItem).withConfig({
+const StyledAccordionItem = (0, _styledcomponents.default)(_Accordion.AccordionItem).withConfig({
     displayName: "Typography.styles__StyledAccordionItem",
     componentId: "sc-3dea3b36-8"
 })([
-    "--plasma-accordion-item-padding:0;--plasma-accordion-item-padding-vertical:0;border-bottom:unset;.accordion-item-body{margin-bottom:2rem;padding-top:0.125rem;transition:margin-bottom 0.2s,padding-top 0.2s;}[aria-expanded]{margin-bottom:1rem;}[aria-expanded='false']{margin-bottom:1.125rem;",
-    "{opacity:0;}}[aria-expanded='false'] + div > .accordion-item-body{margin:0;padding:0;}"
+    `--plasma-accordion-item-padding:0;--plasma-accordion-item-padding-vertical:0;border-bottom:unset;.accordion-item-body{margin-bottom:2rem;padding-top:0.125rem;transition:margin-bottom 0.2s,padding-top 0.2s;}[aria-expanded]{margin-bottom:1rem;}[aria-expanded='false']{margin-bottom:1.125rem;`,
+    `{opacity:0;}}[aria-expanded='false'] + div > .accordion-item-body{margin:0;padding:0;}`
 ], AccordionInfo);
-var TokenInfoWrapper = _styledcomponents.default.div.withConfig({
+const TokenInfoWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__TokenInfoWrapper",
     componentId: "sc-3dea3b36-9"
 })([
-    "display:flex;flex-direction:column;gap:2rem;"
+    `display:flex;flex-direction:column;gap:2rem;`
 ]);
-var TokenShortName = _styledcomponents.default.div.withConfig({
+const TokenShortName = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__TokenShortName",
     componentId: "sc-3dea3b36-10"
 })([
-    "cursor:copy;color:var(--text-paragraph);",
-    ";&:hover{color:var(--text-paragraph-hover);}&:active{color:var(--text-paragraph-active);}"
+    `cursor:copy;color:var(--text-paragraph);`,
+    `;&:hover{color:var(--text-paragraph-hover);}&:active{color:var(--text-paragraph-active);}`
 ], _tokens.bodyM);
-var TokenInfo = _styledcomponents.default.div.withConfig({
+const TokenInfo = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__TokenInfo",
     componentId: "sc-3dea3b36-11"
 })([
-    "display:flex;flex-direction:column;gap:1rem;"
+    `display:flex;flex-direction:column;gap:1rem;`
 ]);
-var TokenText = _styledcomponents.default.div.withConfig({
+const TokenText = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__TokenText",
     componentId: "sc-3dea3b36-12"
 })([
-    "color:var(--text-primary);font-size:",
-    ";font-weight:",
-    ";line-height:",
-    ";letter-spacing:",
-    ";font-style:",
-    ";white-space:",
-    ";"
-], function(param) {
-    var fontSize = param.fontSize;
-    return fontSize;
-}, function(param) {
-    var fontWeight = param.fontWeight;
-    return fontWeight;
-}, function(param) {
-    var lineHeight = param.lineHeight;
-    return lineHeight;
-}, function(param) {
-    var letterSpacing = param.letterSpacing;
-    return letterSpacing;
-}, function(param) {
-    var fontStyle = param.fontStyle;
-    return fontStyle;
-}, function(param) {
-    var isDisplay = param.isDisplay;
-    return isDisplay ? 'nowrap' : 'normal';
-});
-var TokenPropValue = _styledcomponents.default.div.withConfig({
+    `color:var(--text-primary);font-size:`,
+    `;font-weight:`,
+    `;line-height:`,
+    `;letter-spacing:`,
+    `;font-style:`,
+    `;white-space:`,
+    `;`
+], ({ fontSize })=>fontSize, ({ fontWeight })=>fontWeight, ({ lineHeight })=>lineHeight, ({ letterSpacing })=>letterSpacing, ({ fontStyle })=>fontStyle, ({ isDisplay })=>isDisplay ? 'nowrap' : 'normal');
+const TokenPropValue = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__TokenPropValue",
     componentId: "sc-3dea3b36-13"
 })([
-    "color:var(--text-paragraph);"
+    `color:var(--text-paragraph);`
 ]);
-var TokenPropName = _styledcomponents.default.div.withConfig({
+const TokenPropName = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__TokenPropName",
     componentId: "sc-3dea3b36-14"
 })([
-    "color:var(--text-tertiary);"
+    `color:var(--text-tertiary);`
 ]);
-var TokenPropsWrapper = _styledcomponents.default.div.withConfig({
+const TokenPropsWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__TokenPropsWrapper",
     componentId: "sc-3dea3b36-15"
 })([
-    "cursor:copy;width:fit-content;display:flex;flex-direction:column;gap:0.5rem;",
-    ";&:hover{",
-    "{color:var(--text-paragraph-hover);}}&:active{",
-    "{color:var(--text-paragraph-active);}",
-    "{color:var(--text-tertiary-active);}}"
+    `cursor:copy;width:fit-content;display:flex;flex-direction:column;gap:0.5rem;`,
+    `;&:hover{`,
+    `{color:var(--text-paragraph-hover);}}&:active{`,
+    `{color:var(--text-paragraph-active);}`,
+    `{color:var(--text-tertiary-active);}}`
 ], _tokens.bodyXS, TokenPropValue, TokenPropValue, TokenPropName);
-var TokenProps = _styledcomponents.default.div.withConfig({
+const TokenProps = _styledcomponents.default.div.withConfig({
     displayName: "Typography.styles__TokenProps",
     componentId: "sc-3dea3b36-16"
 })([
-    "display:flex;gap:1rem;"
+    `display:flex;gap:1rem;`
 ]);

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

@@ -8,103 +8,59 @@ 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                /* TODO: заменить значение box-shadow на var(--shadow-down-soft-s). https://github.com/salute-developers/plasma/issues/1131 */\n                ",
-        ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ",
-        ": var(--surface-solid-card-brightness);\n\n                ",
-        ": var(--surface-transparent-tertiary);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 2.5rem;\n                ",
-        ": 0.25rem;\n                ",
-        ": 0.75rem;\n\n                ",
-        ": 1.25rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.0625rem;\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 3rem;\n                ",
-        ": 0.25rem;\n                ",
-        ": 0.875rem;\n\n                ",
-        ": 1.5rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.0625rem;\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 3.75rem;\n                ",
-        ": 0.375rem;\n                ",
-        ": 1rem;\n\n                ",
-        ": 1.75rem;\n                ",
-        ": 0.625rem;\n                ",
-        ": 0.0625rem;\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject4() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 4.5rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 1.25rem;\n\n                ",
-        ": 2rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.0625rem;\n            "
-    ]);
-    _templateObject4 = 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.toolbarTokens.boxShadow, _styledcomponents.toolbarTokens.background, _styledcomponents.toolbarTokens.dividerColor)
+            default: (0, _styledcomponents.css)`
+                /* TODO: заменить значение box-shadow на var(--shadow-down-soft-s). https://github.com/salute-developers/plasma/issues/1131 */
+                ${_styledcomponents.toolbarTokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);
+                ${_styledcomponents.toolbarTokens.background}: var(--surface-solid-card-brightness);
+
+                ${_styledcomponents.toolbarTokens.dividerColor}: var(--surface-transparent-tertiary);
+            `
         },
         size: {
-            xs: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.toolbarTokens.size, _styledcomponents.toolbarTokens.padding, _styledcomponents.toolbarTokens.borderRadius, _styledcomponents.toolbarTokens.dividerSize, _styledcomponents.toolbarTokens.dividerOffset, _styledcomponents.toolbarTokens.dividerBorderRadius),
-            s: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.toolbarTokens.size, _styledcomponents.toolbarTokens.padding, _styledcomponents.toolbarTokens.borderRadius, _styledcomponents.toolbarTokens.dividerSize, _styledcomponents.toolbarTokens.dividerOffset, _styledcomponents.toolbarTokens.dividerBorderRadius),
-            m: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.toolbarTokens.size, _styledcomponents.toolbarTokens.padding, _styledcomponents.toolbarTokens.borderRadius, _styledcomponents.toolbarTokens.dividerSize, _styledcomponents.toolbarTokens.dividerOffset, _styledcomponents.toolbarTokens.dividerBorderRadius),
-            l: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.toolbarTokens.size, _styledcomponents.toolbarTokens.padding, _styledcomponents.toolbarTokens.borderRadius, _styledcomponents.toolbarTokens.dividerSize, _styledcomponents.toolbarTokens.dividerOffset, _styledcomponents.toolbarTokens.dividerBorderRadius)
+            xs: (0, _styledcomponents.css)`
+                ${_styledcomponents.toolbarTokens.size}: 2.5rem;
+                ${_styledcomponents.toolbarTokens.padding}: 0.25rem;
+                ${_styledcomponents.toolbarTokens.borderRadius}: 0.75rem;
+
+                ${_styledcomponents.toolbarTokens.dividerSize}: 1.25rem;
+                ${_styledcomponents.toolbarTokens.dividerOffset}: 0.5rem;
+                ${_styledcomponents.toolbarTokens.dividerBorderRadius}: 0.0625rem;
+            `,
+            s: (0, _styledcomponents.css)`
+                ${_styledcomponents.toolbarTokens.size}: 3rem;
+                ${_styledcomponents.toolbarTokens.padding}: 0.25rem;
+                ${_styledcomponents.toolbarTokens.borderRadius}: 0.875rem;
+
+                ${_styledcomponents.toolbarTokens.dividerSize}: 1.5rem;
+                ${_styledcomponents.toolbarTokens.dividerOffset}: 0.5rem;
+                ${_styledcomponents.toolbarTokens.dividerBorderRadius}: 0.0625rem;
+            `,
+            m: (0, _styledcomponents.css)`
+                ${_styledcomponents.toolbarTokens.size}: 3.75rem;
+                ${_styledcomponents.toolbarTokens.padding}: 0.375rem;
+                ${_styledcomponents.toolbarTokens.borderRadius}: 1rem;
+
+                ${_styledcomponents.toolbarTokens.dividerSize}: 1.75rem;
+                ${_styledcomponents.toolbarTokens.dividerOffset}: 0.625rem;
+                ${_styledcomponents.toolbarTokens.dividerBorderRadius}: 0.0625rem;
+            `,
+            l: (0, _styledcomponents.css)`
+                ${_styledcomponents.toolbarTokens.size}: 4.5rem;
+                ${_styledcomponents.toolbarTokens.padding}: 0.5rem;
+                ${_styledcomponents.toolbarTokens.borderRadius}: 1.25rem;
+
+                ${_styledcomponents.toolbarTokens.dividerSize}: 2rem;
+                ${_styledcomponents.toolbarTokens.dividerOffset}: 0.75rem;
+                ${_styledcomponents.toolbarTokens.dividerBorderRadius}: 0.0625rem;
+            `
         }
     }
 };

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

@@ -16,9 +16,9 @@ _export(exports, {
         return ToolbarDivider;
     }
 });
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-var _Toolbarconfig = require("./Toolbar.config");
-var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.toolbarConfig, _Toolbarconfig.config);
-var Toolbar = (0, _styledcomponents.component)(mergedConfig);
-var mergedDividerConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.toolbarDividerConfig);
-var ToolbarDivider = (0, _styledcomponents.component)(mergedDividerConfig);
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _Toolbarconfig = require("./Toolbar.config");
+const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.toolbarConfig, _Toolbarconfig.config);
+const Toolbar = (0, _styledcomponents.component)(mergedConfig);
+const mergedDividerConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.toolbarDividerConfig);
+const ToolbarDivider = (0, _styledcomponents.component)(mergedDividerConfig);

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

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

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

@@ -8,98 +8,72 @@ 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                ",
-        ": 0.5rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.75rem;\n\n                ",
-        ": 2rem;\n                ",
-        ": 0.5rem;\n\n                ",
-        ": var(--plasma-typo-body-xs-font-family);\n                ",
-        ": var(--plasma-typo-body-xs-font-size);\n                ",
-        ": var(--plasma-typo-body-xs-font-style);\n                ",
-        ": var(--plasma-typo-body-xs-font-weight);\n                ",
-        ": var(--plasma-typo-body-xs-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-xs-line-height);\n\n                ",
-        ": 0.25rem;\n\n                ",
-        ": 1rem;\n                ",
-        ": 1rem;\n                ",
-        ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");\n                ',
-        ": 0.375rem;\n                ",
-        ": 0.5625rem;\n                ",
-        ": var(--surface-solid-card-brightness);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.6875rem;\n                ",
-        ": 0.875rem;\n                ",
-        ": 0.6875rem;\n                ",
-        ": 0.875rem;\n\n                ",
-        ": 2.5rem;\n                ",
-        ": 0.625rem;\n\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-font-weight);\n                ",
-        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-s-line-height);\n\n                ",
-        ": 0.375rem;\n\n                ",
-        ": 1.25rem;\n                ",
-        ": 1.25rem;\n                ",
-        ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");\n                ',
-        ": 0.5rem;\n                ",
-        ": 0.625rem;\n                ",
-        ": var(--surface-solid-card-brightness);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--surface-solid-card-brightness);\n                ",
-        ": 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08);\n                ",
-        ": var(--text-primary);\n            "
-    ]);
-    _templateObject2 = 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: {
         size: {
-            s: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.tooltipTokens.paddingTop, _styledcomponents.tooltipTokens.paddingRight, _styledcomponents.tooltipTokens.paddingBottom, _styledcomponents.tooltipTokens.paddingLeft, _styledcomponents.tooltipTokens.minHeight, _styledcomponents.tooltipTokens.borderRadius, _styledcomponents.tooltipTokens.textFontFamily, _styledcomponents.tooltipTokens.textFontSize, _styledcomponents.tooltipTokens.textFontStyle, _styledcomponents.tooltipTokens.textFontWeight, _styledcomponents.tooltipTokens.textFontLetterSpacing, _styledcomponents.tooltipTokens.textFontLineHeight, _styledcomponents.tooltipTokens.contentLeftMargin, _styledcomponents.tooltipTokens.arrowMaskWidth, _styledcomponents.tooltipTokens.arrowMaskHeight, _styledcomponents.tooltipTokens.arrowMaskImage, _styledcomponents.tooltipTokens.arrowHeight, _styledcomponents.tooltipTokens.arrowEdgeMargin, _styledcomponents.tooltipTokens.arrowBackground),
-            m: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.tooltipTokens.paddingTop, _styledcomponents.tooltipTokens.paddingRight, _styledcomponents.tooltipTokens.paddingBottom, _styledcomponents.tooltipTokens.paddingLeft, _styledcomponents.tooltipTokens.minHeight, _styledcomponents.tooltipTokens.borderRadius, _styledcomponents.tooltipTokens.textFontFamily, _styledcomponents.tooltipTokens.textFontSize, _styledcomponents.tooltipTokens.textFontStyle, _styledcomponents.tooltipTokens.textFontWeight, _styledcomponents.tooltipTokens.textFontLetterSpacing, _styledcomponents.tooltipTokens.textFontLineHeight, _styledcomponents.tooltipTokens.contentLeftMargin, _styledcomponents.tooltipTokens.arrowMaskWidth, _styledcomponents.tooltipTokens.arrowMaskHeight, _styledcomponents.tooltipTokens.arrowMaskImage, _styledcomponents.tooltipTokens.arrowHeight, _styledcomponents.tooltipTokens.arrowEdgeMargin, _styledcomponents.tooltipTokens.arrowBackground)
+            s: (0, _styledcomponents.css)`
+                ${_styledcomponents.tooltipTokens.paddingTop}: 0.5rem;
+                ${_styledcomponents.tooltipTokens.paddingRight}: 0.75rem;
+                ${_styledcomponents.tooltipTokens.paddingBottom}: 0.5rem;
+                ${_styledcomponents.tooltipTokens.paddingLeft}: 0.75rem;
+
+                ${_styledcomponents.tooltipTokens.minHeight}: 2rem;
+                ${_styledcomponents.tooltipTokens.borderRadius}: 0.5rem;
+
+                ${_styledcomponents.tooltipTokens.textFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_styledcomponents.tooltipTokens.textFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_styledcomponents.tooltipTokens.textFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_styledcomponents.tooltipTokens.textFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_styledcomponents.tooltipTokens.textFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_styledcomponents.tooltipTokens.textFontLineHeight}: var(--plasma-typo-body-xs-line-height);
+
+                ${_styledcomponents.tooltipTokens.contentLeftMargin}: 0.25rem;
+
+                ${_styledcomponents.tooltipTokens.arrowMaskWidth}: 1rem;
+                ${_styledcomponents.tooltipTokens.arrowMaskHeight}: 1rem;
+                ${_styledcomponents.tooltipTokens.arrowMaskImage}: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");
+                ${_styledcomponents.tooltipTokens.arrowHeight}: 0.375rem;
+                ${_styledcomponents.tooltipTokens.arrowEdgeMargin}: 0.5625rem;
+                ${_styledcomponents.tooltipTokens.arrowBackground}: var(--surface-solid-card-brightness);
+            `,
+            m: (0, _styledcomponents.css)`
+                ${_styledcomponents.tooltipTokens.paddingTop}: 0.6875rem;
+                ${_styledcomponents.tooltipTokens.paddingRight}: 0.875rem;
+                ${_styledcomponents.tooltipTokens.paddingBottom}: 0.6875rem;
+                ${_styledcomponents.tooltipTokens.paddingLeft}: 0.875rem;
+
+                ${_styledcomponents.tooltipTokens.minHeight}: 2.5rem;
+                ${_styledcomponents.tooltipTokens.borderRadius}: 0.625rem;
+
+                ${_styledcomponents.tooltipTokens.textFontFamily}: var(--plasma-typo-body-s-font-family);
+                ${_styledcomponents.tooltipTokens.textFontSize}: var(--plasma-typo-body-s-font-size);
+                ${_styledcomponents.tooltipTokens.textFontStyle}: var(--plasma-typo-body-s-font-style);
+                ${_styledcomponents.tooltipTokens.textFontWeight}: var(--plasma-typo-body-s-font-weight);
+                ${_styledcomponents.tooltipTokens.textFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+                ${_styledcomponents.tooltipTokens.textFontLineHeight}: var(--plasma-typo-body-s-line-height);
+
+                ${_styledcomponents.tooltipTokens.contentLeftMargin}: 0.375rem;
+
+                ${_styledcomponents.tooltipTokens.arrowMaskWidth}: 1.25rem;
+                ${_styledcomponents.tooltipTokens.arrowMaskHeight}: 1.25rem;
+                ${_styledcomponents.tooltipTokens.arrowMaskImage}: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");
+                ${_styledcomponents.tooltipTokens.arrowHeight}: 0.5rem;
+                ${_styledcomponents.tooltipTokens.arrowEdgeMargin}: 0.625rem;
+                ${_styledcomponents.tooltipTokens.arrowBackground}: var(--surface-solid-card-brightness);
+            `
         },
         view: {
             // TODO заменить тень на токен https://github.com/salute-developers/plasma/issues/1131
-            default: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.tooltipTokens.backgroundColor, _styledcomponents.tooltipTokens.boxShadow, _styledcomponents.tooltipTokens.color)
+            default: (0, _styledcomponents.css)`
+                ${_styledcomponents.tooltipTokens.backgroundColor}: var(--surface-solid-card-brightness);
+                ${_styledcomponents.tooltipTokens.boxShadow}: 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08);
+                ${_styledcomponents.tooltipTokens.color}: var(--text-primary);
+            `
         }
     }
 };

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

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

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

@@ -8,23 +8,23 @@ Object.defineProperty(exports, "All", {
         return All;
     }
 });
-var _react = /*#__PURE__*/ _interop_require_default(require("react"));
-var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
-var _plasmaicons = require("@salutejs/plasma-icons");
-var _Button = require("../Button");
-var _ = require(".");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+const _plasmaicons = require("@salutejs/plasma-icons");
+const _Button = require("../Button");
+const _ = require(".");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-var StyledGrid = _styledcomponents.default.div.withConfig({
+const StyledGrid = _styledcomponents.default.div.withConfig({
     displayName: "Tooltip.perftest__StyledGrid",
     componentId: "sc-af99ceed-0"
 })([
-    "display:grid;grid-template-columns:repeat(3,max-content);grid-gap:1rem 3.5rem;padding:2.5rem;"
+    `display:grid;grid-template-columns:repeat(3,max-content);grid-gap:1rem 3.5rem;padding:2.5rem;`
 ]);
-var All = function All() {
+const All = ()=>{
     return /*#__PURE__*/ _react.default.createElement(StyledGrid, null, /*#__PURE__*/ _react.default.createElement(_.Tooltip, {
         target: /*#__PURE__*/ _react.default.createElement(_.Tooltip, {
             target: /*#__PURE__*/ _react.default.createElement(_Button.Button, {

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

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

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

@@ -8,48 +8,21 @@ 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(--surface-solid-card);\n                ",
-        ": var(--inverse-overlay-soft, rgba(0, 0, 0, 0.45));\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        ""
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var config = {
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const config = {
     defaults: {
         view: 'default',
         size: 's'
     },
     variations: {
         view: {
-            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.tourTokens.tailColor, _styledcomponents.tourTokens.overlayColor)
+            default: (0, _styledcomponents.css)`
+                ${_styledcomponents.tourTokens.tailColor}: var(--surface-solid-card);
+                ${_styledcomponents.tourTokens.overlayColor}: var(--inverse-overlay-soft, rgba(0, 0, 0, 0.45));
+            `
         },
         size: {
-            s: (0, _styledcomponents.css)(_templateObject1())
+            s: (0, _styledcomponents.css)``
         }
     }
 };