@salutejs/sdds-finai 0.341.1-next-sbcom.0 → 0.342.0-dev.0

package/dist/beta/cjs/Popover/Popover.closeInner.config.js

@@ -8,82 +8,40 @@ 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(--shadow-down-hard-m);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-secondary-hover);\n                ",
-        ": var(--text-secondary-active);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--surface-accent);\n                ",
-        ": var(--shadow-down-hard-m);\n                ",
-        ": var(--on-dark-text-secondary);\n                ",
-        ": var(--on-dark-text-secondary-hover);\n                ",
-        ": var(--on-dark-text-secondary-active);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 1rem;\n                ",
-        ": 0.75rem 0.5rem 0.5rem 0.5rem;\n                ",
-        ": 0.625rem;\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.5rem 0.375rem 0.375rem 0.375rem;\n                ",
-        ": 0.5rem;\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var config = {
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const config = {
     defaults: {
         view: 'action',
         size: 'm'
     },
     variations: {
         view: {
-            action: (0, _styledcomponents.css)(_templateObject(), _styledcomponents._beta_popoverTokens.backgroundColor, _styledcomponents._beta_popoverTokens.boxShadow, _styledcomponents._beta_popoverTokens.iconColor, _styledcomponents._beta_popoverTokens.iconColorHover, _styledcomponents._beta_popoverTokens.iconColorActive),
-            info: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents._beta_popoverTokens.backgroundColor, _styledcomponents._beta_popoverTokens.boxShadow, _styledcomponents._beta_popoverTokens.iconColor, _styledcomponents._beta_popoverTokens.iconColorHover, _styledcomponents._beta_popoverTokens.iconColorActive)
+            action: (0, _styledcomponents.css)`
+                ${_styledcomponents._beta_popoverTokens.backgroundColor}: var(--surface-solid-card);
+                ${_styledcomponents._beta_popoverTokens.boxShadow}: var(--shadow-down-hard-m);
+                ${_styledcomponents._beta_popoverTokens.iconColor}: var(--text-secondary);
+                ${_styledcomponents._beta_popoverTokens.iconColorHover}: var(--text-secondary-hover);
+                ${_styledcomponents._beta_popoverTokens.iconColorActive}: var(--text-secondary-active);
+            `,
+            info: (0, _styledcomponents.css)`
+                ${_styledcomponents._beta_popoverTokens.backgroundColor}: var(--surface-accent);
+                ${_styledcomponents._beta_popoverTokens.boxShadow}: var(--shadow-down-hard-m);
+                ${_styledcomponents._beta_popoverTokens.iconColor}: var(--on-dark-text-secondary);
+                ${_styledcomponents._beta_popoverTokens.iconColorHover}: var(--on-dark-text-secondary-hover);
+                ${_styledcomponents._beta_popoverTokens.iconColorActive}: var(--on-dark-text-secondary-active);
+            `
         },
         size: {
-            m: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents._beta_popoverTokens.borderRadius, _styledcomponents._beta_popoverTokens.padding, _styledcomponents._beta_popoverTokens.iconOffset),
-            s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents._beta_popoverTokens.borderRadius, _styledcomponents._beta_popoverTokens.padding, _styledcomponents._beta_popoverTokens.iconOffset)
+            m: (0, _styledcomponents.css)`
+                ${_styledcomponents._beta_popoverTokens.borderRadius}: 1rem;
+                ${_styledcomponents._beta_popoverTokens.padding}: 0.75rem 0.5rem 0.5rem 0.5rem;
+                ${_styledcomponents._beta_popoverTokens.iconOffset}: 0.625rem;
+            `,
+            s: (0, _styledcomponents.css)`
+                ${_styledcomponents._beta_popoverTokens.borderRadius}: 0.75rem;
+                ${_styledcomponents._beta_popoverTokens.padding}: 0.5rem 0.375rem 0.375rem 0.375rem;
+                ${_styledcomponents._beta_popoverTokens.iconOffset}: 0.5rem;
+            `
         }
     }
 };

package/dist/beta/cjs/Popover/Popover.closeNone.config.js

@@ -8,74 +8,32 @@ 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(--shadow-down-hard-m);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--surface-accent);\n                ",
-        ": var(--shadow-down-hard-m);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 1rem;\n                ",
-        ": 0.75rem 0.5rem 0.5rem 0.5rem;\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.5rem 0.375rem 0.375rem 0.375rem;\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var config = {
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const config = {
     defaults: {
         view: 'action',
         size: 'm'
     },
     variations: {
         view: {
-            action: (0, _styledcomponents.css)(_templateObject(), _styledcomponents._beta_popoverTokens.backgroundColor, _styledcomponents._beta_popoverTokens.boxShadow),
-            info: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents._beta_popoverTokens.backgroundColor, _styledcomponents._beta_popoverTokens.boxShadow)
+            action: (0, _styledcomponents.css)`
+                ${_styledcomponents._beta_popoverTokens.backgroundColor}: var(--surface-solid-card);
+                ${_styledcomponents._beta_popoverTokens.boxShadow}: var(--shadow-down-hard-m);
+            `,
+            info: (0, _styledcomponents.css)`
+                ${_styledcomponents._beta_popoverTokens.backgroundColor}: var(--surface-accent);
+                ${_styledcomponents._beta_popoverTokens.boxShadow}: var(--shadow-down-hard-m);
+            `
         },
         size: {
-            m: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents._beta_popoverTokens.borderRadius, _styledcomponents._beta_popoverTokens.padding),
-            s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents._beta_popoverTokens.borderRadius, _styledcomponents._beta_popoverTokens.padding)
+            m: (0, _styledcomponents.css)`
+                ${_styledcomponents._beta_popoverTokens.borderRadius}: 1rem;
+                ${_styledcomponents._beta_popoverTokens.padding}: 0.75rem 0.5rem 0.5rem 0.5rem;
+            `,
+            s: (0, _styledcomponents.css)`
+                ${_styledcomponents._beta_popoverTokens.borderRadius}: 0.75rem;
+                ${_styledcomponents._beta_popoverTokens.padding}: 0.5rem 0.375rem 0.375rem 0.375rem;
+            `
         }
     }
 };

package/dist/beta/cjs/Popover/Popover.js

@@ -19,14 +19,14 @@ _export(exports, {
         return PopoverCloseNone;
     }
 });
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-var _PopovercloseNoneconfig = require("./Popover.closeNone.config");
-var _PopovercloseInnerconfig = require("./Popover.closeInner.config");
-var mergedCloseNoneConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents._beta_popoverConfig, _PopovercloseNoneconfig.config);
-var PopoverCloseNone = (0, _styledcomponents.component)(mergedCloseNoneConfig);
-var mergedCloseInnerConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents._beta_popoverConfig, _PopovercloseInnerconfig.config);
-var PopoverCloseInner = (0, _styledcomponents.component)(mergedCloseInnerConfig);
-var Popover = (0, _styledcomponents.createConditionalComponent)({
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _PopovercloseNoneconfig = require("./Popover.closeNone.config");
+const _PopovercloseInnerconfig = require("./Popover.closeInner.config");
+const mergedCloseNoneConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents._beta_popoverConfig, _PopovercloseNoneconfig.config);
+const PopoverCloseNone = (0, _styledcomponents.component)(mergedCloseNoneConfig);
+const mergedCloseInnerConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents._beta_popoverConfig, _PopovercloseInnerconfig.config);
+const PopoverCloseInner = (0, _styledcomponents.component)(mergedCloseInnerConfig);
+const Popover = (0, _styledcomponents.createConditionalComponent)({
     default: PopoverCloseNone,
     closeInner: PopoverCloseInner
 });

package/dist/beta/cjs/Popover/index.js

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

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

@@ -8,77 +8,43 @@ 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(--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;
-}
-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._beta_tooltipTokens.backgroundColor, _styledcomponents._beta_tooltipTokens.boxShadow, _styledcomponents._beta_tooltipTokens.color)
+            default: (0, _styledcomponents.css)`
+                ${_styledcomponents._beta_tooltipTokens.backgroundColor}: var(--inverse-surface-solid-card-brightness);
+                ${_styledcomponents._beta_tooltipTokens.boxShadow}: var(--shadow-down-hard-m);
+                ${_styledcomponents._beta_tooltipTokens.color}: var(--inverse-text-primary);
+            `
         },
         size: {
-            m: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents._beta_tooltipTokens.borderRadius, _styledcomponents._beta_tooltipTokens.padding, _styledcomponents._beta_tooltipTokens.gap, _styledcomponents._beta_tooltipTokens.fontFamily, _styledcomponents._beta_tooltipTokens.fontSize, _styledcomponents._beta_tooltipTokens.fontStyle, _styledcomponents._beta_tooltipTokens.fontWeight, _styledcomponents._beta_tooltipTokens.letterSpacing, _styledcomponents._beta_tooltipTokens.lineHeight),
-            s: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents._beta_tooltipTokens.borderRadius, _styledcomponents._beta_tooltipTokens.padding, _styledcomponents._beta_tooltipTokens.gap, _styledcomponents._beta_tooltipTokens.fontFamily, _styledcomponents._beta_tooltipTokens.fontSize, _styledcomponents._beta_tooltipTokens.fontStyle, _styledcomponents._beta_tooltipTokens.fontWeight, _styledcomponents._beta_tooltipTokens.letterSpacing, _styledcomponents._beta_tooltipTokens.lineHeight)
+            m: (0, _styledcomponents.css)`
+                ${_styledcomponents._beta_tooltipTokens.borderRadius}: 0.625rem;
+                ${_styledcomponents._beta_tooltipTokens.padding}: 0.75rem 0.875rem;
+                ${_styledcomponents._beta_tooltipTokens.gap}: 0.375rem;
+                ${_styledcomponents._beta_tooltipTokens.fontFamily}: var(--plasma-typo-body-s-font-family);
+                ${_styledcomponents._beta_tooltipTokens.fontSize}: var(--plasma-typo-body-s-font-size);
+                ${_styledcomponents._beta_tooltipTokens.fontStyle}: var(--plasma-typo-body-s-font-style);
+                ${_styledcomponents._beta_tooltipTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);
+                ${_styledcomponents._beta_tooltipTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+                ${_styledcomponents._beta_tooltipTokens.lineHeight}: var(--plasma-typo-body-s-line-height);
+            `,
+            s: (0, _styledcomponents.css)`
+                ${_styledcomponents._beta_tooltipTokens.borderRadius}: 0.5rem;
+                ${_styledcomponents._beta_tooltipTokens.padding}: 0.5rem 0.75rem;
+                ${_styledcomponents._beta_tooltipTokens.gap}: 0.25rem;
+                ${_styledcomponents._beta_tooltipTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${_styledcomponents._beta_tooltipTokens.fontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_styledcomponents._beta_tooltipTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_styledcomponents._beta_tooltipTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_styledcomponents._beta_tooltipTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_styledcomponents._beta_tooltipTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);
+            `
         }
     }
 };

package/dist/beta/cjs/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._beta_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._beta_tooltipConfig, _Tooltipconfig.config);
+const Tooltip = (0, _styledcomponents.component)(mergedConfig);

package/dist/beta/cjs/Tooltip/index.js

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

package/dist/beta/es/Popover/Popover.closeInner.config.js

@@ -1,79 +1,37 @@
-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(--shadow-down-hard-m);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-secondary-hover);\n                ",
-        ": var(--text-secondary-active);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--surface-accent);\n                ",
-        ": var(--shadow-down-hard-m);\n                ",
-        ": var(--on-dark-text-secondary);\n                ",
-        ": var(--on-dark-text-secondary-hover);\n                ",
-        ": var(--on-dark-text-secondary-active);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 1rem;\n                ",
-        ": 0.75rem 0.5rem 0.5rem 0.5rem;\n                ",
-        ": 0.625rem;\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.5rem 0.375rem 0.375rem 0.375rem;\n                ",
-        ": 0.5rem;\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
 import { css, _beta_popoverTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
-export var config = {
+export const config = {
     defaults: {
         view: 'action',
         size: 'm'
     },
     variations: {
         view: {
-            action: css(_templateObject(), tokens.backgroundColor, tokens.boxShadow, tokens.iconColor, tokens.iconColorHover, tokens.iconColorActive),
-            info: css(_templateObject1(), tokens.backgroundColor, tokens.boxShadow, tokens.iconColor, tokens.iconColorHover, tokens.iconColorActive)
+            action: css`
+                ${tokens.backgroundColor}: var(--surface-solid-card);
+                ${tokens.boxShadow}: var(--shadow-down-hard-m);
+                ${tokens.iconColor}: var(--text-secondary);
+                ${tokens.iconColorHover}: var(--text-secondary-hover);
+                ${tokens.iconColorActive}: var(--text-secondary-active);
+            `,
+            info: css`
+                ${tokens.backgroundColor}: var(--surface-accent);
+                ${tokens.boxShadow}: var(--shadow-down-hard-m);
+                ${tokens.iconColor}: var(--on-dark-text-secondary);
+                ${tokens.iconColorHover}: var(--on-dark-text-secondary-hover);
+                ${tokens.iconColorActive}: var(--on-dark-text-secondary-active);
+            `
         },
         size: {
-            m: css(_templateObject2(), tokens.borderRadius, tokens.padding, tokens.iconOffset),
-            s: css(_templateObject3(), tokens.borderRadius, tokens.padding, tokens.iconOffset)
+            m: css`
+                ${tokens.borderRadius}: 1rem;
+                ${tokens.padding}: 0.75rem 0.5rem 0.5rem 0.5rem;
+                ${tokens.iconOffset}: 0.625rem;
+            `,
+            s: css`
+                ${tokens.borderRadius}: 0.75rem;
+                ${tokens.padding}: 0.5rem 0.375rem 0.375rem 0.375rem;
+                ${tokens.iconOffset}: 0.5rem;
+            `
         }
     }
 };

package/dist/beta/es/Popover/Popover.closeNone.config.js

@@ -1,71 +1,29 @@
-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(--shadow-down-hard-m);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--surface-accent);\n                ",
-        ": var(--shadow-down-hard-m);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 1rem;\n                ",
-        ": 0.75rem 0.5rem 0.5rem 0.5rem;\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.5rem 0.375rem 0.375rem 0.375rem;\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
 import { css, _beta_popoverTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
-export var config = {
+export const config = {
     defaults: {
         view: 'action',
         size: 'm'
     },
     variations: {
         view: {
-            action: css(_templateObject(), tokens.backgroundColor, tokens.boxShadow),
-            info: css(_templateObject1(), tokens.backgroundColor, tokens.boxShadow)
+            action: css`
+                ${tokens.backgroundColor}: var(--surface-solid-card);
+                ${tokens.boxShadow}: var(--shadow-down-hard-m);
+            `,
+            info: css`
+                ${tokens.backgroundColor}: var(--surface-accent);
+                ${tokens.boxShadow}: var(--shadow-down-hard-m);
+            `
         },
         size: {
-            m: css(_templateObject2(), tokens.borderRadius, tokens.padding),
-            s: css(_templateObject3(), tokens.borderRadius, tokens.padding)
+            m: css`
+                ${tokens.borderRadius}: 1rem;
+                ${tokens.padding}: 0.75rem 0.5rem 0.5rem 0.5rem;
+            `,
+            s: css`
+                ${tokens.borderRadius}: 0.75rem;
+                ${tokens.padding}: 0.5rem 0.375rem 0.375rem 0.375rem;
+            `
         }
     }
 };

package/dist/beta/es/Popover/Popover.js

@@ -1,11 +1,11 @@
 import { _beta_popoverConfig, component, createConditionalComponent, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
 import { config as closeNoneConfig } from './Popover.closeNone.config';
 import { config as closeInnerConfig } from './Popover.closeInner.config';
-var mergedCloseNoneConfig = mergeConfig(_beta_popoverConfig, closeNoneConfig);
-export var PopoverCloseNone = component(mergedCloseNoneConfig);
-var mergedCloseInnerConfig = mergeConfig(_beta_popoverConfig, closeInnerConfig);
-export var PopoverCloseInner = component(mergedCloseInnerConfig);
-export var Popover = createConditionalComponent({
+const mergedCloseNoneConfig = mergeConfig(_beta_popoverConfig, closeNoneConfig);
+export const PopoverCloseNone = component(mergedCloseNoneConfig);
+const mergedCloseInnerConfig = mergeConfig(_beta_popoverConfig, closeInnerConfig);
+export const PopoverCloseInner = component(mergedCloseInnerConfig);
+export const Popover = createConditionalComponent({
     default: PopoverCloseNone,
     closeInner: PopoverCloseInner
 });