@salutejs/sdds-cs 0.354.0-next-platform-ai.0 → 0.355.0-dev.0

package/dist/emotion/es/components/Notification/Notification.js

@@ -1,11 +1,10 @@
 import React from 'react';
 import { notificationConfig, NotificationsProvider as Provider, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
 import { config } from './Notification.config';
-var mergedConfig = mergeConfig(notificationConfig, config);
-export var NotificationNewHope = component(mergedConfig);
-export var Notification = NotificationNewHope;
-export var NotificationsProvider = function NotificationsProvider(param) {
-    var children = param.children, _param_frame = param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, placement = param.placement, UNSAFE_SSR_ENABLED = param.UNSAFE_SSR_ENABLED;
+const mergedConfig = mergeConfig(notificationConfig, config);
+export const NotificationNewHope = component(mergedConfig);
+export const Notification = NotificationNewHope;
+export const NotificationsProvider = ({ children, frame = 'document', placement, UNSAFE_SSR_ENABLED })=>{
     return /*#__PURE__*/ React.createElement(Provider, {
         config: mergedConfig,
         frame: frame,

package/dist/emotion/es/components/NumberFormat/NumberFormat.js

@@ -1,3 +1,3 @@
 import { composeNumberFormat } from '@salutejs/plasma-new-hope/emotion';
 import { TextField } from '../TextField/TextField';
-export var NumberFormat = composeNumberFormat(TextField);
+export const NumberFormat = composeNumberFormat(TextField);

package/dist/emotion/es/components/NumberInput/NumberInput.config.js

@@ -1,129 +1,5 @@
-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-accent);\n                ",
-        ": var(--text-negative);\n\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-tertiary);\n                ",
-        ": var(--surface-solid-card);\n                ",
-        ": var(--outline-solid-primary);\n                ",
-        ": var(--outline-accent);\n\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--surface-solid-card);\n                ",
-        ": var(--text-accent-minor);\n                ",
-        ": var(--text-accent-active);\n\n                ",
-        ": 0.4;\n\n                ",
-        ": inherit;\n                ",
-        ": inherit;\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 7.5rem;\n                ",
-        ": 2.5rem;\n                ",
-        ": 2.5rem;\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                ",
-        ": 0.25rem;\n\n                ",
-        ": 0;\n                ",
-        ": 0.75rem;\n                ",
-        ": 2.5rem;\n                ",
-        ": 0.5rem 0.375rem;\n                ",
-        ": 0.125rem;\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\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.25rem;\n                ",
-        ": 0.25rem;\n\n                ",
-        ": 1.375rem;\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        ""
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 50%;\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject4() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": transparent;\n                ",
-        ": transparent;\n            "
-    ]);
-    _templateObject4 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject5() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0;\n            "
-    ]);
-    _templateObject5 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject6() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.4;\n            "
-    ]);
-    _templateObject6 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
 import { css, numberInputTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
-export var config = {
+export const config = {
     defaults: {
         view: 'default',
         size: 's',
@@ -133,23 +9,91 @@ export var config = {
     },
     variations: {
         view: {
-            default: css(_templateObject(), tokens.caretColor, tokens.errorColor, tokens.colorSolid, tokens.additionalTextColorSolid, tokens.backgroundColorSolid, tokens.wrapperBorderColor, tokens.wrapperBorderColorFocus, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorSolidHover, tokens.iconButtonColorSolidActive, tokens.actionButtonDisabledOpacity, tokens.loaderSpinnerColor, tokens.loaderSpinnerColorSolid)
+            default: css`
+                ${tokens.caretColor}: var(--text-accent);
+                ${tokens.errorColor}: var(--text-negative);
+
+                ${tokens.colorSolid}: var(--text-primary);
+                ${tokens.additionalTextColorSolid}: var(--text-tertiary);
+                ${tokens.backgroundColorSolid}: var(--surface-solid-card);
+                ${tokens.wrapperBorderColor}: var(--outline-solid-primary);
+                ${tokens.wrapperBorderColorFocus}: var(--outline-accent);
+
+                ${tokens.iconButtonColor}: var(--text-accent);
+                ${tokens.iconButtonBackgroundColor}: var(--surface-solid-card);
+                ${tokens.iconButtonColorSolidHover}: var(--text-accent-minor);
+                ${tokens.iconButtonColorSolidActive}: var(--text-accent-active);
+
+                ${tokens.actionButtonDisabledOpacity}: 0;
+                ${tokens.actionButtonDisabledCursor}: default;
+
+                ${tokens.loaderSpinnerColor}: inherit;
+                ${tokens.loaderSpinnerColorSolid}: inherit;
+            `
         },
         size: {
-            s: css(_templateObject1(), tokens.rootMinWidth, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonFontFamily, tokens.iconButtonFontSize, tokens.iconButtonFontStyle, tokens.iconButtonFontWeight, tokens.iconButtonLetterSpacing, tokens.iconButtonLineHeight, tokens.iconButtonRadius, tokens.iconButtonSegmentationRadius, tokens.inputWrapperMargin, tokens.inputWrapperBorderRadius, tokens.textWrapperHeight, tokens.textWrapperPadding, tokens.rootBorderWidth, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.additionalTextFontFamily, tokens.additionalTextFontSize, tokens.additionalTextFontStyle, tokens.additionalTextFontWeight, tokens.additionalTextLetterSpacing, tokens.additionalTextLineHeight, tokens.textBeforeMarginRight, tokens.textAfterMarginLeft, tokens.loaderSpinnerSize)
+            s: css`
+                ${tokens.rootMinWidth}: 7.5rem;
+                ${tokens.iconButtonHeight}: 2.5rem;
+                ${tokens.iconButtonWidth}: 2.5rem;
+                ${tokens.iconButtonPadding}: 0.5rem;
+                ${tokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);
+                ${tokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);
+                ${tokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);
+                ${tokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
+                ${tokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+                ${tokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);
+
+                ${tokens.iconButtonRadius}: 0.75rem;
+                ${tokens.iconButtonSegmentationRadius}: 0.25rem;
+
+                ${tokens.inputWrapperMargin}: 0;
+                ${tokens.inputWrapperBorderRadius}: 0.75rem;
+                ${tokens.textWrapperHeight}: 2.5rem;
+                ${tokens.textWrapperPadding}: 0.5rem 0.375rem;
+                ${tokens.rootBorderWidth}: 0.125rem;
+
+                ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);
+                ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);
+                ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);
+                ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);
+                ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);
+                ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);
+
+                ${tokens.additionalTextFontFamily}: var(--plasma-typo-body-s-font-family);
+                ${tokens.additionalTextFontSize}: var(--plasma-typo-body-s-font-size);
+                ${tokens.additionalTextFontStyle}: var(--plasma-typo-body-s-font-style);
+                ${tokens.additionalTextFontWeight}: var(--plasma-typo-body-s-font-weight);
+                ${tokens.additionalTextLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+                ${tokens.additionalTextLineHeight}: var(--plasma-typo-body-s-line-height);
+
+                ${tokens.textBeforeMarginRight}: 0.25rem;
+                ${tokens.textAfterMarginLeft}: 0.25rem;
+
+                ${tokens.loaderSpinnerSize}: 1.375rem;
+            `
         },
         shape: {
-            cornered: css(_templateObject2()),
-            pilled: css(_templateObject3(), tokens.iconButtonRadius)
+            cornered: css``,
+            pilled: css`
+                ${tokens.iconButtonRadius}: 50%;
+            `
         },
         inputBackgroundType: {
-            clear: css(_templateObject4(), tokens.backgroundColor, tokens.backgroundColorHover)
+            clear: css`
+                ${tokens.backgroundColor}: transparent;
+                ${tokens.backgroundColorHover}: transparent;
+            `
         },
         segmentation: {
-            solid: css(_templateObject5(), tokens.iconButtonSegmentationRadius)
+            solid: css`
+                ${tokens.iconButtonSegmentationRadius}: 0;
+            `
         },
         disabled: {
-            true: css(_templateObject6(), tokens.disabledOpacity)
+            true: css`
+                ${tokens.disabledOpacity}: 0.4;
+            `
         }
     }
 };

package/dist/emotion/es/components/NumberInput/NumberInput.js

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

package/dist/emotion/es/components/Pagination/Pagination.config.js

@@ -1,118 +1,5 @@
-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-accent);\n                ",
-        ": var(--text-accent-minor);\n                ",
-        ": var(--text-accent-active);\n                ",
-        ": var(--surface-clear);\n                ",
-        ": var(--surface-clear);\n                ",
-        ": var(--surface-clear);\n                ",
-        ": var(--text-accent-minor);\n                ",
-        ": var(--text-accent-active);\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--text-accent-minor);\n                ",
-        ": var(--text-accent-active);\n\n                ",
-        ": var(--surface-solid-card);\n                ",
-        ": var(--surface-solid-card);\n                ",
-        ": var(--outline-solid-primary);\n\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--surface-accent);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--surface-clear);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--surface-solid-primary);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--surface-solid-primary);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--surface-solid-primary);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\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\n                ",
-        ": 2.5rem;\n                ",
-        ": 2.5rem;\n                ",
-        ": 1.75rem;\n                ",
-        ": 3rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.9rem;\n                ",
-        ": 1.15rem;\n                ",
-        ": 0 -0.125rem 0 0.25rem;\n\n                ",
-        ": auto;\n                ",
-        ": 0.125rem;\n                ",
-        ": 0.125rem;\n                ",
-        ": 0.125rem;\n                ",
-        ": 0.125rem;\n\n                ",
-        ": 1.5rem;\n                ",
-        ": 0.5rem 0.75rem 0.5rem 0.75rem;\n                ",
-        ": 1.75rem;\n                ",
-        ": transparent;\n\n                ",
-        ": 0.75rem;\n                ",
-        ": 1rem 0 1rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.375rem;\n\n                ",
-        ": 0.625rem;\n                ",
-        ": 3rem;\n                ",
-        ": 2.5rem;\n                ",
-        ": 0 0.625rem;\n                ",
-        ": 0.125rem;\n\n                ",
-        ": 0.5rem 2.5rem;\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        ""
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject4() {
-    var data = _tagged_template_literal([
-        ""
-    ]);
-    _templateObject4 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
 import { css, paginationTokens } from '@salutejs/plasma-new-hope/emotion';
-export var config = {
+export const config = {
     defaults: {
         view: 'default',
         viewCurrentPage: 'default',
@@ -120,17 +7,86 @@ export var config = {
     },
     variations: {
         view: {
-            default: css(_templateObject(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.paginationHelperTextColor, paginationTokens.buttonFocusColor, paginationTokens.paginationDisabledButtonColor, paginationTokens.paginationDisabledButtonBackgroundColor)
+            default: css`
+                ${paginationTokens.buttonColor}: var(--text-accent);
+                ${paginationTokens.buttonColorHover}: var(--text-accent-minor);
+                ${paginationTokens.buttonColorActive}: var(--text-accent-active);
+                ${paginationTokens.buttonBackgroundColor}: var(--surface-clear);
+                ${paginationTokens.buttonBackgroundColorHover}: var(--surface-clear);
+                ${paginationTokens.buttonBackgroundColorActive}: var(--surface-clear);
+                ${paginationTokens.buttonHoverColor}: var(--text-accent-minor);
+                ${paginationTokens.buttonActiveColor}: var(--text-accent-active);
+                ${paginationTokens.buttonArrowColor}: var(--text-accent);
+                ${paginationTokens.buttonArrowColorHover}: var(--text-accent-minor);
+                ${paginationTokens.buttonArrowColorActive}: var(--text-accent-active);
+
+                ${paginationTokens.inputBackgroundColor}: var(--surface-solid-card);
+                ${paginationTokens.selectBackgroundColor}: var(--surface-solid-card);
+                ${paginationTokens.inputBorderColor}: var(--outline-solid-primary);
+
+                ${paginationTokens.paginationColor}: var(--text-primary);
+                ${paginationTokens.paginationHelperTextColor}: var(--text-secondary);
+                ${paginationTokens.buttonFocusColor}: var(--surface-accent);
+                ${paginationTokens.paginationDisabledButtonColor}: var(--text-secondary);
+                ${paginationTokens.paginationDisabledButtonBackgroundColor}: var(--surface-clear);
+            `
         },
         viewCurrentPage: {
-            default: css(_templateObject1(), paginationTokens.paginationCurrentButtonColor, paginationTokens.paginationCurrentButtonBackgroundColor, paginationTokens.paginationCurrentButtonHoverColor, paginationTokens.paginationCurrentButtonHoverBackgroundColor, paginationTokens.paginationCurrentButtonActiveColor, paginationTokens.paginationCurrentButtonActiveBackgroundColor)
+            default: css`
+                ${paginationTokens.paginationCurrentButtonColor}: var(--text-primary);
+                ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-solid-primary);
+                ${paginationTokens.paginationCurrentButtonHoverColor}: var(--text-primary);
+                ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: var(--surface-solid-primary);
+                ${paginationTokens.paginationCurrentButtonActiveColor}: var(--text-primary);
+                ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: var(--surface-solid-primary);
+            `
         },
         size: {
-            s: css(_templateObject2(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap)
+            s: css`
+                ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-m-font-family);
+                ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-m-font-size);
+                ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-m-font-style);
+                ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-m-font-weight);
+                ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
+                ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-m-line-height);
+
+                ${paginationTokens.buttonHeight}: 2.5rem;
+                ${paginationTokens.buttonWidth}: 2.5rem;
+                ${paginationTokens.buttonWidthShorter}: 1.75rem;
+                ${paginationTokens.paginationInputWidth}: 3rem;
+                ${paginationTokens.buttonRadius}: 0.75rem;
+                ${paginationTokens.paginationIconSize}: 0.9rem;
+                ${paginationTokens.paginationIconDoubleSize}: 1.15rem;
+                ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;
+
+                ${paginationTokens.selectHeight}: auto;
+                ${paginationTokens.selectPaddingTop}: 0.125rem;
+                ${paginationTokens.selectPaddingRight}: 0.125rem;
+                ${paginationTokens.selectPaddingBottom}: 0.125rem;
+                ${paginationTokens.selectPaddingLeft}: 0.125rem;
+
+                ${paginationTokens.selectItemHeight}: 1.5rem;
+                ${paginationTokens.selectItemPadding}: 0.5rem 0.75rem 0.5rem 0.75rem;
+                ${paginationTokens.selectItemContentLeftWidth}: 1.75rem;
+                ${paginationTokens.selectItemBackground}: transparent;
+
+                ${paginationTokens.selectTargetArrowRight}: 0.75rem;
+                ${paginationTokens.selectTargetPadding}: 1rem 0 1rem;
+                ${paginationTokens.selectTargetInnerTop}: 0.5rem;
+                ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;
+
+                ${paginationTokens.inputBorderRadius}: 0.625rem;
+                ${paginationTokens.inputWidth}: 3rem;
+                ${paginationTokens.inputHeight}: 2.5rem;
+                ${paginationTokens.inputPadding}: 0 0.625rem;
+                ${paginationTokens.inputBorderWidth}: 0.125rem;
+
+                ${paginationTokens.paginationHelperTextGap}: 0.5rem 2.5rem;
+            `
         },
         type: {
-            compact: css(_templateObject3()),
-            default: css(_templateObject4())
+            compact: css``,
+            default: css``
         }
     }
 };

package/dist/emotion/es/components/Pagination/Pagination.js

@@ -1,7 +1,7 @@
 import { paginationConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
 import { config } from './Pagination.config';
-var mergedConfig = mergeConfig(paginationConfig, config);
-var PaginationComponent = component(mergedConfig);
+const mergedConfig = mergeConfig(paginationConfig, config);
+const PaginationComponent = component(mergedConfig);
 /**
  * Пагинация
- */ export var Pagination = PaginationComponent;
+ */ export const Pagination = PaginationComponent;

package/dist/emotion/es/components/Popover/Popover.config.js

@@ -1,37 +1,20 @@
-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(--shadow-down-hard-m);\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);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
 import { css, popoverTokens } from '@salutejs/plasma-new-hope/emotion';
-export var config = {
+export const config = {
     defaults: {
         view: 'default'
     },
     variations: {
         view: {
-            default: css(_templateObject(), popoverTokens.boxShadow, popoverTokens.arrowMaskWidth, popoverTokens.arrowMaskHeight, popoverTokens.arrowMaskImage, popoverTokens.arrowHeight, popoverTokens.arrowEdgeMargin, popoverTokens.arrowBackground)
+            default: css`
+                ${popoverTokens.boxShadow}: var(--shadow-down-hard-m);
+
+                ${popoverTokens.arrowMaskWidth}: 1rem;
+                ${popoverTokens.arrowMaskHeight}: 1rem;
+                ${popoverTokens.arrowMaskImage}: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");
+                ${popoverTokens.arrowHeight}: 0.375rem;
+                ${popoverTokens.arrowEdgeMargin}: 0.5625rem;
+                ${popoverTokens.arrowBackground}: var(--surface-solid-card);
+            `
         }
     }
 };

package/dist/emotion/es/components/Popover/Popover.js

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

package/dist/emotion/es/components/Popup/Popup.js

@@ -1,5 +1,5 @@
 import { popupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
-var mergedConfig = mergeConfig(popupConfig);
+const mergedConfig = mergeConfig(popupConfig);
 /**
  * Базовый компонент Popup.
- */ export var Popup = component(mergedConfig);
+ */ export const Popup = component(mergedConfig);

package/dist/emotion/es/components/Price/Price.config.js

@@ -1,4 +1,4 @@
-export var config = {
+export const config = {
     defaults: {
         view: 'default'
     },

package/dist/emotion/es/components/Price/Price.js

@@ -1,7 +1,7 @@
 import { priceConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
 import { config } from './Price.config';
-var mergedConfig = mergeConfig(priceConfig, config);
-var PriceComponent = component(mergedConfig);
+const mergedConfig = mergeConfig(priceConfig, config);
+const PriceComponent = component(mergedConfig);
 /**
  * Компонент для отображения цены / стоимости / суммы
- */ export var Price = PriceComponent;
+ */ export const Price = PriceComponent;