@salutejs/sdds-cs 0.354.1-next-sbcom.0 → 0.355.0-dev.0

package/dist/beta/es/Tooltip/Tooltip.config.js

@@ -1,74 +1,40 @@
-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(--inverse-surface-solid-card-brightness);\n                ",
-        ": var(--shadow-down-hard-m);\n                ",
-        ": var(--inverse-text-primary);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.625rem;\n                ",
-        ": 0.75rem 0.875rem;\n                ",
-        ": 0.375rem;\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            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.5rem 0.75rem;\n                ",
-        ": 0.25rem;\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            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
 import { css, _beta_tooltipTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
-export var config = {
+export const config = {
     defaults: {
         view: 'default',
         size: 'm'
     },
     variations: {
         view: {
-            default: css(_templateObject(), tokens.backgroundColor, tokens.boxShadow, tokens.color)
+            default: css`
+                ${tokens.backgroundColor}: var(--inverse-surface-solid-card-brightness);
+                ${tokens.boxShadow}: var(--shadow-down-hard-m);
+                ${tokens.color}: var(--inverse-text-primary);
+            `
         },
         size: {
-            m: css(_templateObject1(), tokens.borderRadius, tokens.padding, tokens.gap, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
-            s: css(_templateObject2(), tokens.borderRadius, tokens.padding, tokens.gap, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
+            m: css`
+                ${tokens.borderRadius}: 0.625rem;
+                ${tokens.padding}: 0.75rem 0.875rem;
+                ${tokens.gap}: 0.375rem;
+                ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);
+                ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);
+                ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);
+                ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);
+                ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+                ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);
+            `,
+            s: css`
+                ${tokens.borderRadius}: 0.5rem;
+                ${tokens.padding}: 0.5rem 0.75rem;
+                ${tokens.gap}: 0.25rem;
+                ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);
+                ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);
+            `
         }
     }
 };

package/dist/beta/es/Tooltip/Tooltip.js

@@ -1,4 +1,4 @@
 import { _beta_tooltipConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
 import { config } from './Tooltip.config';
-var mergedConfig = mergeConfig(_beta_tooltipConfig, config);
-export var Tooltip = component(mergedConfig);
+const mergedConfig = mergeConfig(_beta_tooltipConfig, config);
+export const Tooltip = component(mergedConfig);

package/dist/emotion/cjs/components/Accordion/Accordion.config.js

@@ -8,99 +8,64 @@ Object.defineProperty(exports, "config", {
         return config;
     }
 });
-var _emotion = require("@salutejs/plasma-new-hope/emotion");
-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.125rem;\n                ",
-        ": 20rem;\n                ",
-        ": var(",
-        ") var(",
-        ");\n                ",
-        ": var(--surface-solid-card);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--surface-accent);\n                ",
-        ": var(--surface-clear);\n                ",
-        ": 0;\n                ",
-        ": var(",
-        ");\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0;\n                ",
-        ": 20rem;\n                ",
-        ": var(",
-        ") 0rem;\n                ",
-        ": var(--surface-clear);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--surface-accent);\n                ",
-        ": 0rem !important;\n                ",
-        ": var(--surface-clear);\n                ",
-        ": 0.125rem solid var(--surface-solid-tertiary);\n                ",
-        ": 0;\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.75rem;\n\n                ",
-        ": 0.375rem;\n                ",
-        ": 0.625rem;\n\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                ",
-        ": 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-font-weight);\n                ",
-        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-m-line-height);\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var config = {
+const _emotion = require("@salutejs/plasma-new-hope/emotion");
+const config = {
     defaults: {
         view: 'default',
         size: 's'
     },
     variations: {
         view: {
-            default: (0, _emotion.css)(_templateObject(), _emotion.accordionTokens.accordionGap, _emotion.accordionTokens.accordionWidth, _emotion.accordionTokens.accordionItemPadding, _emotion.accordionTokens.accordionItemPaddingVertical, _emotion.accordionTokens.accordionItemPaddingHorizontal, _emotion.accordionTokens.accordionItemBackground, _emotion.accordionTokens.accordionItemTitleColor, _emotion.accordionTokens.accordionItemTextColor, _emotion.accordionTokens.accordionItemIconColor, _emotion.accordionTokens.accordionItemFocus, _emotion.accordionTokens.accordionBackground, _emotion.accordionTokens.accordionItemBorderBottom, _emotion.accordionTokens.accordionItemPaddingHorizontalLeft, _emotion.accordionTokens.accordionItemPaddingHorizontal),
-            clear: (0, _emotion.css)(_templateObject1(), _emotion.accordionTokens.accordionGap, _emotion.accordionTokens.accordionWidth, _emotion.accordionTokens.accordionItemPadding, _emotion.accordionTokens.accordionItemPaddingVertical, _emotion.accordionTokens.accordionItemBackground, _emotion.accordionTokens.accordionItemTitleColor, _emotion.accordionTokens.accordionItemTextColor, _emotion.accordionTokens.accordionItemIconColor, _emotion.accordionTokens.accordionItemFocus, _emotion.accordionTokens.accordionItemBorderRadius, _emotion.accordionTokens.accordionBackground, _emotion.accordionTokens.accordionItemBorderBottom, _emotion.accordionTokens.accordionItemPaddingHorizontalLeft)
+            default: (0, _emotion.css)`
+                ${_emotion.accordionTokens.accordionGap}: 0.125rem;
+                ${_emotion.accordionTokens.accordionWidth}: 20rem;
+                ${_emotion.accordionTokens.accordionItemPadding}: var(${_emotion.accordionTokens.accordionItemPaddingVertical}) var(${_emotion.accordionTokens.accordionItemPaddingHorizontal});
+                ${_emotion.accordionTokens.accordionItemBackground}: var(--surface-solid-card);
+                ${_emotion.accordionTokens.accordionItemTitleColor}: var(--text-primary);
+                ${_emotion.accordionTokens.accordionItemTextColor}: var(--text-primary);
+                ${_emotion.accordionTokens.accordionItemIconColor}: var(--text-accent);
+                ${_emotion.accordionTokens.accordionItemFocus}: var(--surface-accent);
+                ${_emotion.accordionTokens.accordionBackground}: var(--surface-clear);
+                ${_emotion.accordionTokens.accordionItemBorderBottom}: 0;
+                ${_emotion.accordionTokens.accordionItemPaddingHorizontalLeft}: var(${_emotion.accordionTokens.accordionItemPaddingHorizontal});
+            `,
+            clear: (0, _emotion.css)`
+                ${_emotion.accordionTokens.accordionGap}: 0;
+                ${_emotion.accordionTokens.accordionWidth}: 20rem;
+                ${_emotion.accordionTokens.accordionItemPadding}: var(${_emotion.accordionTokens.accordionItemPaddingVertical}) 0rem;
+                ${_emotion.accordionTokens.accordionItemBackground}: var(--surface-clear);
+                ${_emotion.accordionTokens.accordionItemTitleColor}: var(--text-primary);
+                ${_emotion.accordionTokens.accordionItemTextColor}: var(--text-primary);
+                ${_emotion.accordionTokens.accordionItemIconColor}: var(--text-accent);
+                ${_emotion.accordionTokens.accordionItemFocus}: var(--surface-accent);
+                ${_emotion.accordionTokens.accordionItemBorderRadius}: 0rem !important;
+                ${_emotion.accordionTokens.accordionBackground}: var(--surface-clear);
+                ${_emotion.accordionTokens.accordionItemBorderBottom}: 0.125rem solid var(--surface-solid-tertiary);
+                ${_emotion.accordionTokens.accordionItemPaddingHorizontalLeft}: 0;
+            `
         },
         size: {
-            s: (0, _emotion.css)(_templateObject2(), _emotion.accordionTokens.accordionItemPaddingVertical, _emotion.accordionTokens.accordionItemPaddingHorizontal, _emotion.accordionTokens.accordionItemGap, _emotion.accordionTokens.accordionItemBorderRadius, _emotion.accordionTokens.accordionItemTitleFontFamily, _emotion.accordionTokens.accordionItemTitleFontSize, _emotion.accordionTokens.accordionItemTitleFontStyle, _emotion.accordionTokens.accordionItemTitleFontWeight, _emotion.accordionTokens.accordionItemTitleLetterSpacing, _emotion.accordionTokens.accordionItemTitleLineHeight, _emotion.accordionTokens.accordionItemTextFontFamily, _emotion.accordionTokens.accordionItemTextFontSize, _emotion.accordionTokens.accordionItemTextFontStyle, _emotion.accordionTokens.accordionItemTextFontWeight, _emotion.accordionTokens.accordionItemTextLetterSpacing, _emotion.accordionTokens.accordionItemTextLineHeight)
+            s: (0, _emotion.css)`
+                ${_emotion.accordionTokens.accordionItemPaddingVertical}: 0.5rem;
+                ${_emotion.accordionTokens.accordionItemPaddingHorizontal}: 0.75rem;
+
+                ${_emotion.accordionTokens.accordionItemGap}: 0.375rem;
+                ${_emotion.accordionTokens.accordionItemBorderRadius}: 0.625rem;
+
+                ${_emotion.accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-m-font-family);
+                ${_emotion.accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-m-font-size);
+                ${_emotion.accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-m-font-style);
+                ${_emotion.accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
+                ${_emotion.accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
+                ${_emotion.accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-m-line-height);
+
+                ${_emotion.accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);
+                ${_emotion.accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);
+                ${_emotion.accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);
+                ${_emotion.accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);
+                ${_emotion.accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
+                ${_emotion.accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);
+            `
         }
     }
 };

package/dist/emotion/cjs/components/Accordion/Accordion.js

@@ -16,7 +16,7 @@ _export(exports, {
         return _emotion.AccordionItem;
     }
 });
-var _emotion = require("@salutejs/plasma-new-hope/emotion");
-var _Accordionconfig = require("./Accordion.config");
-var mergedConfig = (0, _emotion.mergeConfig)(_emotion.accordionConfig, _Accordionconfig.config);
-var Accordion = (0, _emotion.component)(mergedConfig);
+const _emotion = require("@salutejs/plasma-new-hope/emotion");
+const _Accordionconfig = require("./Accordion.config");
+const mergedConfig = (0, _emotion.mergeConfig)(_emotion.accordionConfig, _Accordionconfig.config);
+const Accordion = (0, _emotion.component)(mergedConfig);

package/dist/emotion/cjs/components/Accordion/index.js

@@ -16,4 +16,4 @@ _export(exports, {
         return _Accordion.AccordionItem;
     }
 });
-var _Accordion = require("./Accordion");
+const _Accordion = require("./Accordion");