@salutejs/plasma-web 1.585.0-canary.2020.15831403447.0 → 1.585.0-canary.2021.15776478579.0

package/es/components/Autocomplete/Autocomplete.js

@@ -1,4 +1,4 @@
 import { autocompleteConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
 import { config } from './Autocomplete.config';
-var mergedConfig = mergeConfig(autocompleteConfig, config);
-export var Autocomplete = component(mergedConfig);
+var mergedConfig = /*#__PURE__*/mergeConfig(autocompleteConfig, config);
+export var Autocomplete = /*#__PURE__*/component(mergedConfig);

package/es/components/Autocomplete/index.js

@@ -1 +1 @@
-export { Autocomplete } from './Autocomplete';
+export { Autocomplete } from './Autocomplete';

package/es/components/Avatar/Avatar.config.js

@@ -1,414 +1,43 @@
-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-gradient);\n                ",
-        ": linear-gradient(94deg, rgba(62, 121, 240, 0.2) 6.49%, rgba(39, 198, 229, 0.2) 93.51%);\n                ",
-        ": var(--surface-positive);\n                ",
-        ": var(--surface-solid-tertiary);\n                ",
-        ": 1.02;\n                ",
-        ": var(--plasma-typo-text-font-family);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 6.25rem;\n                ",
-        ": 2rem;\n                ",
-        ": 600;\n                ",
-        ": 2rem;\n                ",
-        ": 0.75rem;\n\n                ",
-        ": 0.5rem;\n                ",
-        ": 1.75rem;\n                ",
-        ": 0 0.688rem;\n                ",
-        ": 0 0.375rem;\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.063rem;\n                ",
-        ": 0.25rem;\n\n                ",
-        ": 0.25rem;\n                ",
-        ": -0.063rem;\n                ",
-        ": 1.25rem;\n\n                ",
-        ": 1rem;\n                ",
-        ": 1.75rem;\n                ",
-        ": 0 0.625rem;\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                ",
-        ": 3rem;\n                ",
-        ": 1.25rem;\n                ",
-        ": 600;\n                ",
-        ": 1.25rem;\n                ",
-        ": 0.5rem;\n\n                ",
-        ": 2;\n\n                ",
-        ": 0.375rem;\n                ",
-        ": 1.25rem;\n                ",
-        ": 0 0.438rem;\n                ",
-        ": 0 0.25rem;\n\n                ",
-        ": var(--plasma-typo-body-xxs-font-family);\n                ",
-        ": var(--plasma-typo-body-xxs-font-size);\n                ",
-        ": var(--plasma-typo-body-xxs-font-style);\n                ",
-        ": var(--plasma-typo-body-xxs-font-weight);\n                ",
-        ": var(--plasma-typo-body-xxs-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-xxs-line-height);\n\n                ",
-        ": -0.063rem;\n                ",
-        ": 0.125rem;\n\n                ",
-        ": 0.125rem;\n                ",
-        ": -0.063rem;\n                ",
-        ": 1.25rem;\n\n                ",
-        ": 1rem;\n                ",
-        ": 1.25rem;\n                ",
-        ": 0 0.375rem;\n                ",
-        ": var(--plasma-typo-body-xxs-font-family);\n                ",
-        ": var(--plasma-typo-body-xxs-font-size);\n                ",
-        ": var(--plasma-typo-body-xxs-font-style);\n                ",
-        ": var(--plasma-typo-body-xxs-font-weight);\n                ",
-        ": var(--plasma-typo-body-xxs-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-xxs-line-height);\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 2.25rem;\n                ",
-        ": 0.875rem;\n                ",
-        ": 600;\n                ",
-        ": 0.875rem;\n                ",
-        ": 0.5rem;\n\n                ",
-        ": 2;\n\n                ",
-        ": 0.25rem;\n                ",
-        ": 1rem;\n                ",
-        ": 0 0.25rem;\n                ",
-        ": 0 0.188rem;\n\n                ",
-        ": var(--plasma-typo-body-xxs-font-family);\n                ",
-        ": var(--plasma-typo-body-xxs-font-size);\n                ",
-        ": var(--plasma-typo-body-xxs-font-style);\n                ",
-        ": var(--plasma-typo-body-xxs-font-weight);\n                ",
-        ": var(--plasma-typo-body-xxs-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-xxs-line-height);\n\n                ",
-        ": -0.063rem;\n                ",
-        ": 0.125rem;\n\n                ",
-        ": 0.125rem;\n                ",
-        ": -0.063rem;\n                ",
-        ": 1.25rem;\n\n                ",
-        ": 1rem;\n                ",
-        ": 1rem;\n                ",
-        ": 0 0.25rem;\n                ",
-        ": var(--plasma-typo-body-xxs-font-family);\n                ",
-        ": var(--plasma-typo-body-xxs-font-size);\n                ",
-        ": var(--plasma-typo-body-xxs-font-style);\n                ",
-        ": var(--plasma-typo-body-xxs-font-weight);\n                ",
-        ": var(--plasma-typo-body-xxs-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-xxs-line-height);\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject4() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 1.5rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 600;\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.375rem;\n\n                ",
-        ": 1;\n\n                ",
-        ": 1rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": 0 0.125rem;\n                ",
-        ": var(--plasma-typo-body-xxs-font-family);\n                ",
-        ": var(--plasma-typo-body-xxs-font-size);\n                ",
-        ": var(--plasma-typo-body-xxs-font-style);\n                ",
-        ": var(--plasma-typo-body-xxs-font-weight);\n                ",
-        ": var(--plasma-typo-body-xxs-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-xxs-line-height);\n            "
-    ]);
-    _templateObject4 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject5() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 100%;\n                ",
-        ": 0;\n                ",
-        ": 0;\n                ",
-        ": 0;\n                ",
-        ": 0;\n            "
-    ]);
-    _templateObject5 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject6() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.1rem;\n                ",
-        ": -0.2rem;\n                ",
-        ": var(--surface-accent);\n            "
-    ]);
-    _templateObject6 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject7() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--inverse-text-primary);\n                ",
-        ": var(--surface-solid-default);\n\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-secondary);\n\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--surface-clear);\n            "
-    ]);
-    _templateObject7 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject8() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--on-dark-text-primary);\n                ",
-        ": var(--surface-accent);\n\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--surface-transparent-accent);\n\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--surface-clear);\n            "
-    ]);
-    _templateObject8 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject9() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--on-dark-text-primary);\n                ",
-        ": var(--surface-positive);\n\n                ",
-        ": var(--text-positive);\n                ",
-        ": var(--surface-transparent-positive);\n\n                ",
-        ": var(--text-positive);\n                ",
-        ": var(--surface-clear);\n            "
-    ]);
-    _templateObject9 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject10() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--on-dark-text-primary);\n                ",
-        ": var(--surface-warning);\n\n                ",
-        ": var(--text-warning);\n                ",
-        ": var(--surface-transparent-warning);\n\n                ",
-        ": var(--text-warning);\n                ",
-        ": var(--surface-clear);\n            "
-    ]);
-    _templateObject10 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject11() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--on-dark-text-primary);\n                ",
-        ": var(--surface-negative);\n\n                ",
-        ": var(--text-negative);\n                ",
-        ": var(--surface-transparent-negative);\n\n                ",
-        ": var(--text-negative);\n                ",
-        ": var(--surface-clear);\n            "
-    ]);
-    _templateObject11 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject12() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--on-dark-text-primary);\n                ",
-        ": var(--on-light-surface-solid-default);\n\n                ",
-        ": var(--on-dark-text-primary);\n                ",
-        ": var(--on-light-surface-transparent-deep);\n\n                ",
-        ": var(--on-light-text-primary);\n                ",
-        ": var(--surface-clear);\n            "
-    ]);
-    _templateObject12 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject13() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--on-light-text-primary);\n                ",
-        ": var(--on-dark-surface-solid-default);\n\n                ",
-        ": var(--on-dark-text-primary);\n                ",
-        ": var(--on-dark-surface-transparent-card);\n\n                ",
-        ": var(--on-dark-text-primary);\n                ",
-        ": var(--surface-clear);\n            "
-    ]);
-    _templateObject13 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject14() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--inverse-text-primary);\n                ",
-        ": var(--surface-solid-default);\n            "
-    ]);
-    _templateObject14 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject15() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--on-dark-text-primary);\n                ",
-        ": var(--surface-accent);\n            "
-    ]);
-    _templateObject15 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject16() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--on-dark-text-primary);\n                ",
-        ": var(--surface-positive);\n            "
-    ]);
-    _templateObject16 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject17() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--on-dark-text-primary);\n                ",
-        ": var(--surface-warning);\n            "
-    ]);
-    _templateObject17 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject18() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--on-dark-text-primary);\n                ",
-        ": var(--surface-negative);\n            "
-    ]);
-    _templateObject18 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject19() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--on-dark-text-primary);\n                ",
-        ": var(--on-light-surface-solid-default);\n            "
-    ]);
-    _templateObject19 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject20() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--on-light-text-primary);\n                ",
-        ": var(--on-dark-surface-solid-default);\n            "
-    ]);
-    _templateObject20 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { css, avatarTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
 export var config = {
-    defaults: {
-        view: 'default',
-        size: 'xxl'
+  defaults: {
+    view: 'default',
+    size: 'xxl'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent-gradient);\n                ", ": linear-gradient(94deg, rgba(62, 121, 240, 0.2) 6.49%, rgba(39, 198, 229, 0.2) 93.51%);\n                ", ": var(--surface-positive);\n                ", ": var(--surface-solid-tertiary);\n                ", ": 1.02;\n                ", ": var(--plasma-typo-text-font-family);\n            "])), tokens.color, tokens.backgroundColor, tokens.statusOnlineColor, tokens.statusOfflineColor, tokens.scaleHover, tokens.fontFamily)
+    },
+    size: {
+      // TODO: #1044 токены типографики в Avatar
+      xxl: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 6.25rem;\n                ", ": 2rem;\n                ", ": 600;\n                ", ": 2rem;\n                ", ": 0.75rem;\n\n                ", ": 0.5rem;\n                ", ": 1.75rem;\n                ", ": 0 0.688rem;\n                ", ": 0 0.375rem;\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.063rem;\n                ", ": 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": -0.063rem;\n                ", ": 1.25rem;\n\n                ", ": 1rem;\n                ", ": 1.75rem;\n                ", ": 0 0.625rem;\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            "])), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
+      l: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3rem;\n                ", ": 1.25rem;\n                ", ": 600;\n                ", ": 1.25rem;\n                ", ": 0.5rem;\n\n                ", ": 2;\n\n                ", ": 0.375rem;\n                ", ": 1.25rem;\n                ", ": 0 0.438rem;\n                ", ": 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-xxs-font-family);\n                ", ": var(--plasma-typo-body-xxs-font-size);\n                ", ": var(--plasma-typo-body-xxs-font-style);\n                ", ": var(--plasma-typo-body-xxs-font-weight);\n                ", ": var(--plasma-typo-body-xxs-letter-spacing);\n                ", ": var(--plasma-typo-body-xxs-line-height);\n\n                ", ": -0.063rem;\n                ", ": 0.125rem;\n\n                ", ": 0.125rem;\n                ", ": -0.063rem;\n                ", ": 1.25rem;\n\n                ", ": 1rem;\n                ", ": 1.25rem;\n                ", ": 0 0.375rem;\n                ", ": var(--plasma-typo-body-xxs-font-family);\n                ", ": var(--plasma-typo-body-xxs-font-size);\n                ", ": var(--plasma-typo-body-xxs-font-style);\n                ", ": var(--plasma-typo-body-xxs-font-weight);\n                ", ": var(--plasma-typo-body-xxs-letter-spacing);\n                ", ": var(--plasma-typo-body-xxs-line-height);\n            "])), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.extraPlacementFactor, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
+      m: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.25rem;\n                ", ": 0.875rem;\n                ", ": 600;\n                ", ": 0.875rem;\n                ", ": 0.5rem;\n\n                ", ": 2;\n\n                ", ": 0.25rem;\n                ", ": 1rem;\n                ", ": 0 0.25rem;\n                ", ": 0 0.188rem;\n\n                ", ": var(--plasma-typo-body-xxs-font-family);\n                ", ": var(--plasma-typo-body-xxs-font-size);\n                ", ": var(--plasma-typo-body-xxs-font-style);\n                ", ": var(--plasma-typo-body-xxs-font-weight);\n                ", ": var(--plasma-typo-body-xxs-letter-spacing);\n                ", ": var(--plasma-typo-body-xxs-line-height);\n\n                ", ": -0.063rem;\n                ", ": 0.125rem;\n\n                ", ": 0.125rem;\n                ", ": -0.063rem;\n                ", ": 1.25rem;\n\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 0 0.25rem;\n                ", ": var(--plasma-typo-body-xxs-font-family);\n                ", ": var(--plasma-typo-body-xxs-font-size);\n                ", ": var(--plasma-typo-body-xxs-font-style);\n                ", ": var(--plasma-typo-body-xxs-font-weight);\n                ", ": var(--plasma-typo-body-xxs-letter-spacing);\n                ", ": var(--plasma-typo-body-xxs-line-height);\n            "])), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.extraPlacementFactor, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
+      s: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 0.5rem;\n                ", ": 600;\n                ", ": 0.5rem;\n                ", ": 0.375rem;\n\n                ", ": 1;\n\n                ", ": 1rem;\n                ", ": 0.75rem;\n                ", ": 0 0.125rem;\n                ", ": var(--plasma-typo-body-xxs-font-family);\n                ", ": var(--plasma-typo-body-xxs-font-size);\n                ", ": var(--plasma-typo-body-xxs-font-style);\n                ", ": var(--plasma-typo-body-xxs-font-weight);\n                ", ": var(--plasma-typo-body-xxs-letter-spacing);\n                ", ": var(--plasma-typo-body-xxs-line-height);\n            "])), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.extraPlacementFactor, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
+      fit: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": 0;\n                ", ": 0;\n                ", ": 0;\n                ", ": 0;\n            "])), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize)
+    },
+    focused: {
+      "true": /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.1rem;\n                ", ": -0.2rem;\n                ", ": var(--surface-accent);\n            "])), tokens.outlineSize, tokens.outlineOffset, tokens.outlineColor)
+    },
+    badgeView: {
+      "default": /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n            "])), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
+      accent: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-accent);\n                ", ": var(--surface-transparent-accent);\n\n                ", ": var(--text-accent);\n                ", ": var(--surface-clear);\n            "])), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
+      positive: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-positive);\n\n                ", ": var(--text-positive);\n                ", ": var(--surface-transparent-positive);\n\n                ", ": var(--text-positive);\n                ", ": var(--surface-clear);\n            "])), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
+      warning: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-warning);\n\n                ", ": var(--text-warning);\n                ", ": var(--surface-transparent-warning);\n\n                ", ": var(--text-warning);\n                ", ": var(--surface-clear);\n            "])), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
+      negative: /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-negative);\n\n                ", ": var(--text-negative);\n                ", ": var(--surface-transparent-negative);\n\n                ", ": var(--text-negative);\n                ", ": var(--surface-clear);\n            "])), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
+      dark: /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-light-surface-solid-default);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-light-surface-transparent-deep);\n\n                ", ": var(--on-light-text-primary);\n                ", ": var(--surface-clear);\n            "])), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
+      light: /*#__PURE__*/css(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-light-text-primary);\n                ", ": var(--on-dark-surface-solid-default);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-surface-transparent-card);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-clear);\n            "])), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear)
     },
-    variations: {
-        view: {
-            default: css(_templateObject(), tokens.color, tokens.backgroundColor, tokens.statusOnlineColor, tokens.statusOfflineColor, tokens.scaleHover, tokens.fontFamily)
-        },
-        size: {
-            // TODO: #1044 токены типографики в Avatar
-            xxl: css(_templateObject1(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
-            l: css(_templateObject2(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.extraPlacementFactor, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
-            m: css(_templateObject3(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.extraPlacementFactor, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
-            s: css(_templateObject4(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.extraPlacementFactor, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
-            fit: css(_templateObject5(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize)
-        },
-        focused: {
-            true: css(_templateObject6(), tokens.outlineSize, tokens.outlineOffset, tokens.outlineColor)
-        },
-        badgeView: {
-            default: css(_templateObject7(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
-            accent: css(_templateObject8(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
-            positive: css(_templateObject9(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
-            warning: css(_templateObject10(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
-            negative: css(_templateObject11(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
-            dark: css(_templateObject12(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear),
-            light: css(_templateObject13(), tokens.badgeColor, tokens.badgeBackground, tokens.badgeColorTransparent, tokens.badgeBackgroundTransparent, tokens.badgeColorClear, tokens.badgeBackgroundClear)
-        },
-        counterView: {
-            default: css(_templateObject14(), tokens.counterColor, tokens.counterBackground),
-            accent: css(_templateObject15(), tokens.counterColor, tokens.counterBackground),
-            positive: css(_templateObject16(), tokens.counterColor, tokens.counterBackground),
-            warning: css(_templateObject17(), tokens.counterColor, tokens.counterBackground),
-            negative: css(_templateObject18(), tokens.counterColor, tokens.counterBackground),
-            dark: css(_templateObject19(), tokens.counterColor, tokens.counterBackground),
-            light: css(_templateObject20(), tokens.counterColor, tokens.counterBackground)
-        }
+    counterView: {
+      "default": /*#__PURE__*/css(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n            "])), tokens.counterColor, tokens.counterBackground),
+      accent: /*#__PURE__*/css(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-accent);\n            "])), tokens.counterColor, tokens.counterBackground),
+      positive: /*#__PURE__*/css(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-positive);\n            "])), tokens.counterColor, tokens.counterBackground),
+      warning: /*#__PURE__*/css(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-warning);\n            "])), tokens.counterColor, tokens.counterBackground),
+      negative: /*#__PURE__*/css(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-negative);\n            "])), tokens.counterColor, tokens.counterBackground),
+      dark: /*#__PURE__*/css(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-light-surface-solid-default);\n            "])), tokens.counterColor, tokens.counterBackground),
+      light: /*#__PURE__*/css(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-light-text-primary);\n                ", ": var(--on-dark-surface-solid-default);\n            "])), tokens.counterColor, tokens.counterBackground)
     }
-};
+  }
+};

package/es/components/Avatar/Avatar.js

@@ -1,5 +1,5 @@
 import { avatarConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
 import { config } from './Avatar.config';
-var mergedConfig = mergeConfig(avatarConfig, config);
-var Avatar = component(mergedConfig);
-export { Avatar, mergedConfig };
+var mergedConfig = /*#__PURE__*/mergeConfig(avatarConfig, config);
+var Avatar = /*#__PURE__*/component(mergedConfig);
+export { Avatar, mergedConfig };

package/es/components/Avatar/index.js

@@ -1 +1 @@
-export { Avatar } from './Avatar';
+export { Avatar } from './Avatar';

package/es/components/AvatarGroup/AvatarGroup.js

@@ -1,3 +1,3 @@
 import { avatarGroupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
-var mergedConfig = mergeConfig(avatarGroupConfig);
-export var AvatarGroup = component(mergedConfig);
+var mergedConfig = /*#__PURE__*/mergeConfig(avatarGroupConfig);
+export var AvatarGroup = /*#__PURE__*/component(mergedConfig);

package/es/components/AvatarGroup/index.js

@@ -1 +1 @@
-export { AvatarGroup } from './AvatarGroup';
+export { AvatarGroup } from './AvatarGroup';