@salutejs/sdds-serv 0.314.0-canary.2021.15824070198.0 → 0.314.0-canary.2022.15754718552.0

package/emotion/es/components/Tokens/Typography/Typography.styles.js

@@ -1,140 +1,41 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import styled from 'styled-components';
 import { segmentTokens, bodyXS, bodyM } from '@salutejs/plasma-new-hope';
 import { AccordionItem } from '../../Accordion';
 import { SegmentItem } from '../../Segment/Segment';
-export var TypographyTokensWrapper = styled.div.withConfig({
-    displayName: "Typography.styles__TypographyTokensWrapper",
-    componentId: "sc-93225963-0"
-})([
-    "width:100%;margin:1.5rem auto auto 2.5rem;"
-]);
-export var FontPropsSwitcher = styled.div.withConfig({
-    displayName: "Typography.styles__FontPropsSwitcher",
-    componentId: "sc-93225963-1"
-})([
-    "margin:-0.5rem 0 2.5rem;display:flex;justify-content:center;width:100%;position:relative;box-sizing:border-box;"
-]);
-export var FontWeightSwitcher = styled.div.withConfig({
-    displayName: "Typography.styles__FontWeightSwitcher",
-    componentId: "sc-93225963-2"
-})([
-    "position:absolute;top:0;left:0;"
-]);
-export var BreakpointSwitcher = styled.div.withConfig({
-    displayName: "Typography.styles__BreakpointSwitcher",
-    componentId: "sc-93225963-3"
-})([
-    "width:fit-content;position:relative;&:before{content:'Экран';position:absolute;top:50%;transform:translate(-100%,-50%);left:-0.75rem;color:var(--text-tertiary);",
-    ";}"
-], bodyXS);
-export var StyledSegmentItem = styled(SegmentItem).withConfig({
-    displayName: "Typography.styles__StyledSegmentItem",
-    componentId: "sc-93225963-4"
-})([
-    "",
-    ":1.75rem;",
-    ":0.375rem 0.5rem;"
-], segmentTokens.itemHeight, segmentTokens.itemPilledPadding);
-export var AccordionTypographyTitle = styled.div.withConfig({
-    displayName: "Typography.styles__AccordionTypographyTitle",
-    componentId: "sc-93225963-5"
-})([
-    "color:var(--text-secondary);",
-    ";"
-], bodyM);
-export var FontFamily = styled.span.withConfig({
-    displayName: "Typography.styles__FontFamily",
-    componentId: "sc-93225963-6"
-})([
-    "color:var(--text-tertiary);"
-]);
-export var AccordionInfo = styled.div.withConfig({
-    displayName: "Typography.styles__AccordionInfo",
-    componentId: "sc-93225963-7"
-})([
-    "display:grid;grid-template-columns:16.75rem 35.75rem;grid-column-gap:1.5rem;max-width:55.5rem;"
-]);
-export var StyledAccordionItem = styled(AccordionItem).withConfig({
-    displayName: "Typography.styles__StyledAccordionItem",
-    componentId: "sc-93225963-8"
-})([
-    "--plasma-accordion-item-padding:0;--plasma-accordion-item-padding-vertical:0;border-bottom:unset;.accordion-item-body{margin-bottom:2rem;padding-top:0.125rem;transition:margin-bottom 0.2s,padding-top 0.2s;}[aria-expanded]{margin-bottom:1rem;}[aria-expanded='false']{margin-bottom:1.125rem;",
-    "{opacity:0;}}[aria-expanded='false'] + div > .accordion-item-body{margin:0;padding:0;}"
-], AccordionInfo);
-export var TokenInfoWrapper = styled.div.withConfig({
-    displayName: "Typography.styles__TokenInfoWrapper",
-    componentId: "sc-93225963-9"
-})([
-    "display:flex;flex-direction:column;gap:2rem;"
-]);
-export var TokenShortName = styled.div.withConfig({
-    displayName: "Typography.styles__TokenShortName",
-    componentId: "sc-93225963-10"
-})([
-    "cursor:copy;color:var(--text-paragraph);",
-    ";&:hover{color:var(--text-paragraph-hover);}&:active{color:var(--text-paragraph-active);}"
-], bodyM);
-export var TokenInfo = styled.div.withConfig({
-    displayName: "Typography.styles__TokenInfo",
-    componentId: "sc-93225963-11"
-})([
-    "display:flex;flex-direction:column;gap:1rem;"
-]);
-export var TokenText = styled.div.withConfig({
-    displayName: "Typography.styles__TokenText",
-    componentId: "sc-93225963-12"
-})([
-    "color:var(--text-primary);font-size:",
-    ";font-weight:",
-    ";line-height:",
-    ";letter-spacing:",
-    ";font-style:",
-    ";white-space:",
-    ";"
-], function(param) {
-    var fontSize = param.fontSize;
-    return fontSize;
-}, function(param) {
-    var fontWeight = param.fontWeight;
-    return fontWeight;
-}, function(param) {
-    var lineHeight = param.lineHeight;
-    return lineHeight;
-}, function(param) {
-    var letterSpacing = param.letterSpacing;
-    return letterSpacing;
-}, function(param) {
-    var fontStyle = param.fontStyle;
-    return fontStyle;
-}, function(param) {
-    var isDisplay = param.isDisplay;
-    return isDisplay ? 'nowrap' : 'normal';
+export var TypographyTokensWrapper = /*#__PURE__*/styled.div(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    width: 100%;\n    margin: 1.5rem auto auto 2.5rem;\n"])));
+export var FontPropsSwitcher = /*#__PURE__*/styled.div(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n    margin: -0.5rem 0 2.5rem;\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    position: relative;\n    box-sizing: border-box;\n"])));
+export var FontWeightSwitcher = /*#__PURE__*/styled.div(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n    position: absolute;\n    top: 0;\n    left: 0;\n"])));
+export var BreakpointSwitcher = /*#__PURE__*/styled.div(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n    width: fit-content;\n\n    position: relative;\n\n    &:before {\n        content: '\u042D\u043A\u0440\u0430\u043D';\n        position: absolute;\n        top: 50%;\n        transform: translate(-100%, -50%);\n        left: -0.75rem;\n        color: var(--text-tertiary);\n\n        ", ";\n    }\n"])), bodyXS);
+export var StyledSegmentItem = /*#__PURE__*/styled(SegmentItem)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n    ", ": 1.75rem;\n    ", ": 0.375rem 0.5rem;\n"])), segmentTokens.itemHeight, segmentTokens.itemPilledPadding);
+export var AccordionTypographyTitle = /*#__PURE__*/styled.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n    color: var(--text-secondary);\n\n    ", ";\n"])), bodyM);
+export var FontFamily = /*#__PURE__*/styled.span(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n    color: var(--text-tertiary);\n"])));
+export var AccordionInfo = /*#__PURE__*/styled.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n    display: grid;\n    grid-template-columns: 16.75rem 35.75rem;\n    grid-column-gap: 1.5rem;\n\n    max-width: 55.5rem;\n"])));
+export var StyledAccordionItem = /*#__PURE__*/styled(AccordionItem)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n    --plasma-accordion-item-padding: 0;\n    --plasma-accordion-item-padding-vertical: 0;\n\n    border-bottom: unset;\n\n    .accordion-item-body {\n        margin-bottom: 2rem;\n        padding-top: 0.125rem;\n        transition: margin-bottom 0.2s, padding-top 0.2s;\n    }\n\n    [aria-expanded] {\n        margin-bottom: 1rem;\n    }\n\n    [aria-expanded='false'] {\n        margin-bottom: 1.125rem;\n\n        ", " {\n            opacity: 0;\n        }\n    }\n\n    [aria-expanded='false'] + div > .accordion-item-body {\n        margin: 0;\n        padding: 0;\n    }\n"])), AccordionInfo);
+export var TokenInfoWrapper = /*#__PURE__*/styled.div(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n    gap: 2rem;\n"])));
+export var TokenShortName = /*#__PURE__*/styled.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n    cursor: copy;\n    color: var(--text-paragraph);\n\n    ", ";\n\n    &:hover {\n        color: var(--text-paragraph-hover);\n    }\n\n    &:active {\n        color: var(--text-paragraph-active);\n    }\n"])), bodyM);
+export var TokenInfo = /*#__PURE__*/styled.div(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n"])));
+export var TokenText = /*#__PURE__*/styled.div(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n    color: var(--text-primary);\n\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    letter-spacing: ", ";\n    font-style: ", ";\n\n    white-space: ", ";\n"])), function (_ref) {
+  var fontSize = _ref.fontSize;
+  return fontSize;
+}, function (_ref2) {
+  var fontWeight = _ref2.fontWeight;
+  return fontWeight;
+}, function (_ref3) {
+  var lineHeight = _ref3.lineHeight;
+  return lineHeight;
+}, function (_ref4) {
+  var letterSpacing = _ref4.letterSpacing;
+  return letterSpacing;
+}, function (_ref5) {
+  var fontStyle = _ref5.fontStyle;
+  return fontStyle;
+}, function (_ref6) {
+  var isDisplay = _ref6.isDisplay;
+  return isDisplay ? 'nowrap' : 'normal';
 });
-export var TokenPropValue = styled.div.withConfig({
-    displayName: "Typography.styles__TokenPropValue",
-    componentId: "sc-93225963-13"
-})([
-    "color:var(--text-paragraph);"
-]);
-export var TokenPropName = styled.div.withConfig({
-    displayName: "Typography.styles__TokenPropName",
-    componentId: "sc-93225963-14"
-})([
-    "color:var(--text-tertiary);"
-]);
-export var TokenPropsWrapper = styled.div.withConfig({
-    displayName: "Typography.styles__TokenPropsWrapper",
-    componentId: "sc-93225963-15"
-})([
-    "cursor:copy;width:fit-content;display:flex;flex-direction:column;gap:0.5rem;",
-    ";&:hover{",
-    "{color:var(--text-paragraph-hover);}}&:active{",
-    "{color:var(--text-paragraph-active);}",
-    "{color:var(--text-tertiary-active);}}"
-], bodyXS, TokenPropValue, TokenPropValue, TokenPropName);
-export var TokenProps = styled.div.withConfig({
-    displayName: "Typography.styles__TokenProps",
-    componentId: "sc-93225963-16"
-})([
-    "display:flex;gap:1rem;"
-]);
+export var TokenPropValue = /*#__PURE__*/styled.div(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n    color: var(--text-paragraph);\n"])));
+export var TokenPropName = /*#__PURE__*/styled.div(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteral(["\n    color: var(--text-tertiary);\n"])));
+export var TokenPropsWrapper = /*#__PURE__*/styled.div(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteral(["\n    cursor: copy;\n    width: fit-content;\n\n    display: flex;\n    flex-direction: column;\n    gap: 0.5rem;\n\n    ", ";\n\n    &:hover {\n        ", " {\n            color: var(--text-paragraph-hover);\n        }\n    }\n\n    &:active {\n        ", " {\n            color: var(--text-paragraph-active);\n        }\n\n        ", " {\n            color: var(--text-tertiary-active);\n        }\n    }\n"])), bodyXS, TokenPropValue, TokenPropValue, TokenPropName);
+export var TokenProps = /*#__PURE__*/styled.div(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteral(["\n    display: flex;\n    gap: 1rem;\n"])));

package/emotion/es/components/Toolbar/Toolbar.config.js

@@ -1,100 +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                /* TODO: заменить значение box-shadow на var(--shadow-down-soft-s). https://github.com/salute-developers/plasma/issues/1131 */\n                ",
-        ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ",
-        ": var(--surface-solid-card-brightness);\n\n                ",
-        ": var(--surface-transparent-tertiary);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 2.5rem;\n                ",
-        ": 0.25rem;\n                ",
-        ": 0.75rem;\n\n                ",
-        ": 1.25rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.0625rem;\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 3rem;\n                ",
-        ": 0.25rem;\n                ",
-        ": 0.875rem;\n\n                ",
-        ": 1.5rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.0625rem;\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 3.75rem;\n                ",
-        ": 0.375rem;\n                ",
-        ": 1rem;\n\n                ",
-        ": 1.75rem;\n                ",
-        ": 0.625rem;\n                ",
-        ": 0.0625rem;\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject4() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 4.5rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 1.25rem;\n\n                ",
-        ": 2rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.0625rem;\n            "
-    ]);
-    _templateObject4 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { css, toolbarTokens } from '@salutejs/plasma-new-hope/emotion';
 export var config = {
-    defaults: {
-        view: 'default',
-        size: 'm'
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                /* TODO: \u0437\u0430\u043C\u0435\u043D\u0438\u0442\u044C \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 box-shadow \u043D\u0430 var(--shadow-down-soft-s). https://github.com/salute-developers/plasma/issues/1131 */\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ", ": var(--surface-solid-card-brightness);\n\n                ", ": var(--surface-transparent-tertiary);\n            "])), toolbarTokens.boxShadow, toolbarTokens.background, toolbarTokens.dividerColor)
     },
-    variations: {
-        view: {
-            default: css(_templateObject(), toolbarTokens.boxShadow, toolbarTokens.background, toolbarTokens.dividerColor)
-        },
-        size: {
-            xs: css(_templateObject1(), toolbarTokens.size, toolbarTokens.padding, toolbarTokens.borderRadius, toolbarTokens.dividerSize, toolbarTokens.dividerOffset, toolbarTokens.dividerBorderRadius),
-            s: css(_templateObject2(), toolbarTokens.size, toolbarTokens.padding, toolbarTokens.borderRadius, toolbarTokens.dividerSize, toolbarTokens.dividerOffset, toolbarTokens.dividerBorderRadius),
-            m: css(_templateObject3(), toolbarTokens.size, toolbarTokens.padding, toolbarTokens.borderRadius, toolbarTokens.dividerSize, toolbarTokens.dividerOffset, toolbarTokens.dividerBorderRadius),
-            l: css(_templateObject4(), toolbarTokens.size, toolbarTokens.padding, toolbarTokens.borderRadius, toolbarTokens.dividerSize, toolbarTokens.dividerOffset, toolbarTokens.dividerBorderRadius)
-        }
+    size: {
+      xs: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\n                ", ": 0.25rem;\n                ", ": 0.75rem;\n\n                ", ": 1.25rem;\n                ", ": 0.5rem;\n                ", ": 0.0625rem;\n            "])), toolbarTokens.size, toolbarTokens.padding, toolbarTokens.borderRadius, toolbarTokens.dividerSize, toolbarTokens.dividerOffset, toolbarTokens.dividerBorderRadius),
+      s: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3rem;\n                ", ": 0.25rem;\n                ", ": 0.875rem;\n\n                ", ": 1.5rem;\n                ", ": 0.5rem;\n                ", ": 0.0625rem;\n            "])), toolbarTokens.size, toolbarTokens.padding, toolbarTokens.borderRadius, toolbarTokens.dividerSize, toolbarTokens.dividerOffset, toolbarTokens.dividerBorderRadius),
+      m: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3.75rem;\n                ", ": 0.375rem;\n                ", ": 1rem;\n\n                ", ": 1.75rem;\n                ", ": 0.625rem;\n                ", ": 0.0625rem;\n            "])), toolbarTokens.size, toolbarTokens.padding, toolbarTokens.borderRadius, toolbarTokens.dividerSize, toolbarTokens.dividerOffset, toolbarTokens.dividerBorderRadius),
+      l: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 4.5rem;\n                ", ": 0.5rem;\n                ", ": 1.25rem;\n\n                ", ": 2rem;\n                ", ": 0.75rem;\n                ", ": 0.0625rem;\n            "])), toolbarTokens.size, toolbarTokens.padding, toolbarTokens.borderRadius, toolbarTokens.dividerSize, toolbarTokens.dividerOffset, toolbarTokens.dividerBorderRadius)
     }
-};
+  }
+};

package/emotion/es/components/Toolbar/Toolbar.js

@@ -1,8 +1,10 @@
 import { toolbarConfig, component, mergeConfig, toolbarDividerConfig } from '@salutejs/plasma-new-hope/emotion';
 import { config } from './Toolbar.config';
-var mergedConfig = mergeConfig(toolbarConfig, config);
+var mergedConfig = /*#__PURE__*/mergeConfig(toolbarConfig, config);
+
 /**
  * Компонент Toolbar.
- */ export var Toolbar = component(mergedConfig);
-var mergedDividerConfig = mergeConfig(toolbarDividerConfig);
-export var ToolbarDivider = component(mergedDividerConfig);
+ */
+export var Toolbar = /*#__PURE__*/component(mergedConfig);
+var mergedDividerConfig = /*#__PURE__*/mergeConfig(toolbarDividerConfig);
+export var ToolbarDivider = /*#__PURE__*/component(mergedDividerConfig);

package/emotion/es/components/Toolbar/Toolbar.stories.tsx

@@ -0,0 +1,63 @@
+import React from 'react';
+import type { ComponentProps } from 'react';
+import { InSpacingDecorator } from '@salutejs/plasma-sb-utils';
+import type { StoryObj, Meta } from '@storybook/react';
+import { IconEdit } from '@salutejs/plasma-icons';
+
+import { Button } from '../Button';
+
+import { Toolbar, ToolbarDivider } from './Toolbar';
+
+const orientations: Array<string> = ['vertical', 'horizontal'];
+const size: Array<string> = ['xs', 's', 'm', 'l'];
+
+const ToolbarWrapper = (props: ComponentProps<typeof Toolbar>) => {
+    return (
+        <Toolbar {...props}>
+            <Button square size={props.size} view="clear" contentLeft={<IconEdit />} />
+            <Button square size={props.size} view="clear" contentLeft={<IconEdit />} />
+            <Button square size={props.size} view="clear" contentLeft={<IconEdit />} />
+            <ToolbarDivider />
+            <Button square size={props.size} view="clear" contentLeft={<IconEdit />} />
+            <Button square size={props.size} view="clear" contentLeft={<IconEdit />} />
+        </Toolbar>
+    );
+};
+
+const meta: Meta<typeof Toolbar> = {
+    title: 'Overlay/Toolbar',
+    component: ToolbarWrapper,
+    decorators: [InSpacingDecorator],
+    argTypes: {
+        orientation: {
+            options: orientations,
+            control: {
+                type: 'select',
+            },
+        },
+        hasShadow: {
+            control: {
+                type: 'boolean',
+            },
+        },
+        size: {
+            options: size,
+            control: {
+                type: 'select',
+            },
+        },
+    },
+    args: {
+        orientation: 'vertical',
+        hasShadow: true,
+        size: 'm',
+    },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof Toolbar>;
+
+export const Default: Story = {
+    args: {},
+};

package/emotion/es/components/Toolbar/index.js

@@ -1,2 +1,2 @@
 export { Toolbar, ToolbarDivider } from './Toolbar';
-export { toolbarTokens } from '@salutejs/plasma-new-hope/emotion';
+export { toolbarTokens } from '@salutejs/plasma-new-hope/emotion';

package/emotion/es/components/Tooltip/Tooltip.config.js

@@ -1,95 +1,19 @@
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.75rem;\n\n                ",
-        ": 2rem;\n                ",
-        ": 0.5rem;\n\n                ",
-        ": var(--plasma-typo-body-xs-font-family);\n                ",
-        ": var(--plasma-typo-body-xs-font-size);\n                ",
-        ": var(--plasma-typo-body-xs-font-style);\n                ",
-        ": var(--plasma-typo-body-xs-font-weight);\n                ",
-        ": var(--plasma-typo-body-xs-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-xs-line-height);\n\n                ",
-        ": 0.25rem;\n\n                ",
-        ": 1rem;\n                ",
-        ": 1rem;\n                ",
-        ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");\n                ',
-        ": 0.375rem;\n                ",
-        ": 0.5625rem;\n                ",
-        ": var(--surface-solid-card-brightness);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.6875rem;\n                ",
-        ": 0.875rem;\n                ",
-        ": 0.6875rem;\n                ",
-        ": 0.875rem;\n\n                ",
-        ": 2.5rem;\n                ",
-        ": 0.625rem;\n\n                ",
-        ": var(--plasma-typo-body-s-font-family);\n                ",
-        ": var(--plasma-typo-body-s-font-size);\n                ",
-        ": var(--plasma-typo-body-s-font-style);\n                ",
-        ": var(--plasma-typo-body-s-font-weight);\n                ",
-        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-s-line-height);\n\n                ",
-        ": 0.375rem;\n\n                ",
-        ": 1.25rem;\n                ",
-        ": 1.25rem;\n                ",
-        ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");\n                ',
-        ": 0.5rem;\n                ",
-        ": 0.625rem;\n                ",
-        ": var(--surface-solid-card-brightness);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--surface-solid-card-brightness);\n                ",
-        ": 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08);\n                ",
-        ": var(--text-primary);\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
+var _templateObject, _templateObject2, _templateObject3;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { css, tooltipTokens } from '@salutejs/plasma-new-hope/emotion';
 export var config = {
-    defaults: {
-        view: 'default',
-        size: 'm'
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    size: {
+      s: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n\n                ", ": 2rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.25rem;\n\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n                ", ": 0.375rem;\n                ", ": 0.5625rem;\n                ", ": var(--surface-solid-card-brightness);\n            "])), tooltipTokens.paddingTop, tooltipTokens.paddingRight, tooltipTokens.paddingBottom, tooltipTokens.paddingLeft, tooltipTokens.minHeight, tooltipTokens.borderRadius, tooltipTokens.textFontFamily, tooltipTokens.textFontSize, tooltipTokens.textFontStyle, tooltipTokens.textFontWeight, tooltipTokens.textFontLetterSpacing, tooltipTokens.textFontLineHeight, tooltipTokens.contentLeftMargin, tooltipTokens.arrowMaskWidth, tooltipTokens.arrowMaskHeight, tooltipTokens.arrowMaskImage, tooltipTokens.arrowHeight, tooltipTokens.arrowEdgeMargin, tooltipTokens.arrowBackground),
+      m: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.6875rem;\n                ", ": 0.875rem;\n                ", ": 0.6875rem;\n                ", ": 0.875rem;\n\n                ", ": 2.5rem;\n                ", ": 0.625rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.375rem;\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n                ", ": 0.5rem;\n                ", ": 0.625rem;\n                ", ": var(--surface-solid-card-brightness);\n            "])), tooltipTokens.paddingTop, tooltipTokens.paddingRight, tooltipTokens.paddingBottom, tooltipTokens.paddingLeft, tooltipTokens.minHeight, tooltipTokens.borderRadius, tooltipTokens.textFontFamily, tooltipTokens.textFontSize, tooltipTokens.textFontStyle, tooltipTokens.textFontWeight, tooltipTokens.textFontLetterSpacing, tooltipTokens.textFontLineHeight, tooltipTokens.contentLeftMargin, tooltipTokens.arrowMaskWidth, tooltipTokens.arrowMaskHeight, tooltipTokens.arrowMaskImage, tooltipTokens.arrowHeight, tooltipTokens.arrowEdgeMargin, tooltipTokens.arrowBackground)
     },
-    variations: {
-        size: {
-            s: css(_templateObject(), tooltipTokens.paddingTop, tooltipTokens.paddingRight, tooltipTokens.paddingBottom, tooltipTokens.paddingLeft, tooltipTokens.minHeight, tooltipTokens.borderRadius, tooltipTokens.textFontFamily, tooltipTokens.textFontSize, tooltipTokens.textFontStyle, tooltipTokens.textFontWeight, tooltipTokens.textFontLetterSpacing, tooltipTokens.textFontLineHeight, tooltipTokens.contentLeftMargin, tooltipTokens.arrowMaskWidth, tooltipTokens.arrowMaskHeight, tooltipTokens.arrowMaskImage, tooltipTokens.arrowHeight, tooltipTokens.arrowEdgeMargin, tooltipTokens.arrowBackground),
-            m: css(_templateObject1(), tooltipTokens.paddingTop, tooltipTokens.paddingRight, tooltipTokens.paddingBottom, tooltipTokens.paddingLeft, tooltipTokens.minHeight, tooltipTokens.borderRadius, tooltipTokens.textFontFamily, tooltipTokens.textFontSize, tooltipTokens.textFontStyle, tooltipTokens.textFontWeight, tooltipTokens.textFontLetterSpacing, tooltipTokens.textFontLineHeight, tooltipTokens.contentLeftMargin, tooltipTokens.arrowMaskWidth, tooltipTokens.arrowMaskHeight, tooltipTokens.arrowMaskImage, tooltipTokens.arrowHeight, tooltipTokens.arrowEdgeMargin, tooltipTokens.arrowBackground)
-        },
-        view: {
-            // TODO заменить тень на токен https://github.com/salute-developers/plasma/issues/1131
-            default: css(_templateObject2(), tooltipTokens.backgroundColor, tooltipTokens.boxShadow, tooltipTokens.color)
-        }
+    view: {
+      // TODO заменить тень на токен https://github.com/salute-developers/plasma/issues/1131
+      "default": /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-solid-card-brightness);\n                ", ": 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08);\n                ", ": var(--text-primary);\n            "])), tooltipTokens.backgroundColor, tooltipTokens.boxShadow, tooltipTokens.color)
     }
-};
+  }
+};

package/emotion/es/components/Tooltip/Tooltip.js

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