@salutejs/sdds-cs 0.319.0-canary.1973.15850054289.0 → 0.319.0-canary.2010.15679377511.0

package/es/components/ToastNew/ToastNew.config.js

@@ -1,75 +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(--text-primary);\n                ",
-        ": var(--surface-solid-card-brightness);\n\n                ",
-        ": var(--text-accent);\n                ",
-        ": #1A9E32;\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.75rem;\n                ",
-        ": calc(100vw - 5rem);\n                ",
-        ": 0.5rem 0.75rem;\n                ",
-        ": 1.5rem;\n                ",
-        ": 1.5rem;\n                ",
-        ": -0.0625rem 0.125rem -0.0625rem 0.75rem;\n                ",
-        ": -0.0625rem 0.5rem -0.0625rem 0rem;\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            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 1.5rem;\n                ",
-        ": -0.0625rem 0.375rem -0.0625rem 0rem;\n                ",
-        ": -0.0625rem 0.25rem -0.0625rem 0.375rem;\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, toastNewTokens as toastTokens } from '@salutejs/plasma-new-hope/styled-components';
 export var config = {
-    defaults: {
-        view: 'default',
-        size: 's'
+  defaults: {
+    view: 'default',
+    size: 's'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card-brightness);\n\n                ", ": var(--text-accent);\n                ", ": #1A9E32;\n            "])), toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover)
+    },
+    size: {
+      s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": calc(100vw - 5rem);\n                ", ": 0.5rem 0.75rem;\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n                ", ": -0.0625rem 0.125rem -0.0625rem 0.75rem;\n                ", ": -0.0625rem 0.5rem -0.0625rem 0rem;\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            "])), toastTokens.borderRadius, toastTokens.maxWidth, toastTokens.padding, toastTokens.closeIconSize, toastTokens.closeIconButtonSize, toastTokens.closeIconMargin, toastTokens.contentLeftMargin, toastTokens.fontFamily, toastTokens.fontSize, toastTokens.fontStyle, toastTokens.fontWeight, toastTokens.letterSpacing, toastTokens.lineHeight)
     },
-    variations: {
-        view: {
-            default: css(_templateObject(), toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover)
-        },
-        size: {
-            s: css(_templateObject1(), toastTokens.borderRadius, toastTokens.maxWidth, toastTokens.padding, toastTokens.closeIconSize, toastTokens.closeIconButtonSize, toastTokens.closeIconMargin, toastTokens.contentLeftMargin, toastTokens.fontFamily, toastTokens.fontSize, toastTokens.fontStyle, toastTokens.fontWeight, toastTokens.letterSpacing, toastTokens.lineHeight)
-        },
-        pilled: {
-            true: css(_templateObject2(), toastTokens.borderRadius, toastTokens.contentLeftMargin, toastTokens.closeIconMargin)
-        }
+    pilled: {
+      "true": /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": -0.0625rem 0.375rem -0.0625rem 0rem;\n                ", ": -0.0625rem 0.25rem -0.0625rem 0.375rem;\n            "])), toastTokens.borderRadius, toastTokens.contentLeftMargin, toastTokens.closeIconMargin)
     }
-};
+  }
+};

package/es/components/ToastNew/ToastNew.js

@@ -1,6 +1,6 @@
 import { component, mergeConfig, showToast as showToastOriginal, toastContainerConfig } from '@salutejs/plasma-new-hope/styled-components';
 import { config } from './ToastNew.config';
-var mergedConfig = mergeConfig(toastContainerConfig, config);
-export var ToastContainer = component(mergedConfig);
+var mergedConfig = /*#__PURE__*/mergeConfig(toastContainerConfig, config);
+export var ToastContainer = /*#__PURE__*/component(mergedConfig);
 var showToast = showToastOriginal;
-export { showToast };
+export { showToast };

package/es/components/ToastNew/index.js

@@ -1 +1 @@
-export { ToastContainer, showToast } from './ToastNew';
+export { ToastContainer, showToast } from './ToastNew';

package/es/components/Tokens/Colors/Colors.styles.js

@@ -2,93 +2,46 @@ import styled from 'styled-components';
 import { segmentTokens } from '@salutejs/plasma-new-hope';
 import { AccordionItem } from '../../Accordion';
 import { SegmentItem } from '../../Segment/Segment';
-export var ColorTokensWrapper = styled.div.withConfig({
-    displayName: "Colors.styles__ColorTokensWrapper",
-    componentId: "sc-998f2ec3-0"
-})([
-    "padding-top:1.5rem;width:100%;"
-]);
-export var SubthemeSwitcher = styled.div.withConfig({
-    displayName: "Colors.styles__SubthemeSwitcher",
-    componentId: "sc-998f2ec3-1"
-})([
-    "margin:-0.5rem auto 2.5rem auto;width:fit-content;position:relative;&:before{content:'Подтема';position:absolute;top:50%;transform:translate(-100%,-50%);left:-0.75rem;color:var(--text-tertiary);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);bold-font-weight:var(--plasma-typo-body-xs-bold-font-weight);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}"
-]);
-export var StyledSegmentItem = styled(SegmentItem).withConfig({
-    displayName: "Colors.styles__StyledSegmentItem",
-    componentId: "sc-998f2ec3-2"
-})([
-    "",
-    ":1.75rem;",
-    ":0.375rem 0.5rem;"
-], segmentTokens.itemHeight, segmentTokens.itemPilledPadding);
-export var AccordionInfo = styled.div.withConfig({
-    displayName: "Colors.styles__AccordionInfo",
-    componentId: "sc-998f2ec3-3"
-})([
-    "display:grid;grid-template-columns:16.75rem 9.938rem 2.375rem 3.813rem 9.313rem;grid-column-gap:1.5rem;font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);font-weight:var(--plasma-typo-body-m-font-weight);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);"
-]);
-export var Subcategory = styled.div.withConfig({
-    displayName: "Colors.styles__Subcategory",
-    componentId: "sc-998f2ec3-4"
-})([
-    "color:var(--text-secondary);"
-]);
-export var ColumnTitle = styled.div.withConfig({
-    displayName: "Colors.styles__ColumnTitle",
-    componentId: "sc-998f2ec3-5"
-})([
-    "color:var(--text-tertiary);transition:opacity 0.2s;&.color{display:flex;align-items:center;gap:2.5rem;}&.hex{padding-left:3.75rem;}"
-]);
-export var StyledAccordionItem = styled(AccordionItem).withConfig({
-    displayName: "Colors.styles__StyledAccordionItem",
-    componentId: "sc-998f2ec3-6"
-})([
-    "--plasma-accordion-item-padding:0;--plasma-accordion-item-padding-vertical:0;border-bottom:unset;width:50.375rem;div > div > div > svg{color:var(--text-secondary);}.accordion-item-body{margin-bottom:2.375rem;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, ColumnTitle);
-export var TokenInfoWrapper = styled.div.withConfig({
-    displayName: "Colors.styles__TokenInfoWrapper",
-    componentId: "sc-998f2ec3-7"
-})([
-    "display:flex;flex-direction:column;gap:0.75rem;margin-top:-0.125rem;"
-]);
-export var ColorTokenDataWrapper = styled.div.withConfig({
-    displayName: "Colors.styles__ColorTokenDataWrapper",
-    componentId: "sc-998f2ec3-8"
-})([
-    "display:flex;flex-direction:column;gap:0.5rem;"
-]);
-export var StateDataWrapper = styled.div.withConfig({
-    displayName: "Colors.styles__StateDataWrapper",
-    componentId: "sc-998f2ec3-9"
-})([
-    "display:flex;flex-direction:column;gap:0.5rem;margin-bottom:0.75rem;"
-]);
-export var OpacityPart = styled.span.withConfig({
-    displayName: "Colors.styles__OpacityPart",
-    componentId: "sc-998f2ec3-10"
-})([
-    "color:var(--text-secondary);padding-left:0.125rem;"
-]);
-export var TokenInfo = styled.div.withConfig({
-    displayName: "Colors.styles__TokenInfo",
-    componentId: "sc-998f2ec3-11"
-})([
-    "color:var(--text-paragraph);cursor:default;&.copy{cursor:copy;}&.color{display:flex;align-items:center;gap:2.5rem;}&.no-interaction{text-align:right;}&.hex{padding-left:3.75rem;}&:not(.no-interaction):hover{color:var(--text-paragraph-hover);",
-    "{color:var(--text-paragraph-hover);}}&:not(.no-interaction):active{color:var(--text-paragraph-active);",
-    "{color:var(--text-secondary-active);}}&.state{padding-left:1.5rem;color:var(--text-secondary);&:hover{color:var(--text-secondary);}&:active{color:var(--text-secondary-active);}}"
-], OpacityPart, OpacityPart);
-export var ColorCircle = styled.div.withConfig({
-    displayName: "Colors.styles__ColorCircle",
-    componentId: "sc-998f2ec3-12"
-})([
-    "width:1.25rem;height:1.25rem;border-radius:50%;background:",
-    ";box-shadow:",
-    ";"
-], function(props) {
-    return props.background || 'transparent';
-}, function(props) {
-    return props.disableShadow ? 'none' : 'inset 0px 0px 0px 1px rgba(8, 8, 8, 0.12)';
-});
+export var ColorTokensWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sdds-srvc__sc-1nt0cjz-0"
+})(["padding-top:1.5rem;width:100%;"]);
+export var SubthemeSwitcher = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sdds-srvc__sc-1nt0cjz-1"
+})(["margin:-0.5rem auto 2.5rem auto;width:fit-content;position:relative;&:before{content:'\u041F\u043E\u0434\u0442\u0435\u043C\u0430';position:absolute;top:50%;transform:translate(-100%,-50%);left:-0.75rem;color:var(--text-tertiary);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);bold-font-weight:var(--plasma-typo-body-xs-bold-font-weight);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}"]);
+export var StyledSegmentItem = /*#__PURE__*/styled(SegmentItem).withConfig({
+  componentId: "sdds-srvc__sc-1nt0cjz-2"
+})(["", ":1.75rem;", ":0.375rem 0.5rem;"], segmentTokens.itemHeight, segmentTokens.itemPilledPadding);
+export var AccordionInfo = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sdds-srvc__sc-1nt0cjz-3"
+})(["display:grid;grid-template-columns:16.75rem 9.938rem 2.375rem 3.813rem 9.313rem;grid-column-gap:1.5rem;font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);font-weight:var(--plasma-typo-body-m-font-weight);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);"]);
+export var Subcategory = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sdds-srvc__sc-1nt0cjz-4"
+})(["color:var(--text-secondary);"]);
+export var ColumnTitle = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sdds-srvc__sc-1nt0cjz-5"
+})(["color:var(--text-tertiary);transition:opacity 0.2s;&.color{display:flex;align-items:center;gap:2.5rem;}&.hex{padding-left:3.75rem;}"]);
+export var StyledAccordionItem = /*#__PURE__*/styled(AccordionItem).withConfig({
+  componentId: "sdds-srvc__sc-1nt0cjz-6"
+})(["--plasma-accordion-item-padding:0;--plasma-accordion-item-padding-vertical:0;border-bottom:unset;width:50.375rem;div > div > div > svg{color:var(--text-secondary);}.accordion-item-body{margin-bottom:2.375rem;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, ColumnTitle);
+export var TokenInfoWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sdds-srvc__sc-1nt0cjz-7"
+})(["display:flex;flex-direction:column;gap:0.75rem;margin-top:-0.125rem;"]);
+export var ColorTokenDataWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sdds-srvc__sc-1nt0cjz-8"
+})(["display:flex;flex-direction:column;gap:0.5rem;"]);
+export var StateDataWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sdds-srvc__sc-1nt0cjz-9"
+})(["display:flex;flex-direction:column;gap:0.5rem;margin-bottom:0.75rem;"]);
+export var OpacityPart = /*#__PURE__*/styled.span.withConfig({
+  componentId: "sdds-srvc__sc-1nt0cjz-10"
+})(["color:var(--text-secondary);padding-left:0.125rem;"]);
+export var TokenInfo = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sdds-srvc__sc-1nt0cjz-11"
+})(["color:var(--text-paragraph);cursor:default;&.copy{cursor:copy;}&.color{display:flex;align-items:center;gap:2.5rem;}&.no-interaction{text-align:right;}&.hex{padding-left:3.75rem;}&:not(.no-interaction):hover{color:var(--text-paragraph-hover);", "{color:var(--text-paragraph-hover);}}&:not(.no-interaction):active{color:var(--text-paragraph-active);", "{color:var(--text-secondary-active);}}&.state{padding-left:1.5rem;color:var(--text-secondary);&:hover{color:var(--text-secondary);}&:active{color:var(--text-secondary-active);}}"], OpacityPart, OpacityPart);
+export var ColorCircle = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sdds-srvc__sc-1nt0cjz-12"
+})(["width:1.25rem;height:1.25rem;border-radius:50%;background:", ";box-shadow:", ";"], function (props) {
+  return props.background || 'transparent';
+}, function (props) {
+  return props.disableShadow ? 'none' : 'inset 0px 0px 0px 1px rgba(8, 8, 8, 0.12)';
+});

package/es/components/Tokens/NumberTokens/NumberTokens.styles.js

@@ -1,38 +1,19 @@
 import styled from 'styled-components';
-export var TokensWrapper = styled.div.withConfig({
-    displayName: "NumberTokens.styles__TokensWrapper",
-    componentId: "sc-5cff0c2a-0"
-})([
-    "margin-top:1.5rem;margin-left:3rem;display:flex;flex-direction:column;gap:2rem;"
-]);
-export var TokensTitle = styled.h2.withConfig({
-    displayName: "NumberTokens.styles__TokensTitle",
-    componentId: "sc-5cff0c2a-1"
-})([
-    "margin:0;font-family:var(--plasma-typo-h2-font-family);font-size:var(--plasma-typo-h2-font-size);font-style:var(--plasma-typo-h2-font-style);font-weight:var(--plasma-typo-h2-font-weight);letter-spacing:var(--plasma-typo-h2-letter-spacing);line-height:var(--plasma-typo-h2-line-height);"
-]);
-export var TokensDataWrapper = styled.div.withConfig({
-    displayName: "NumberTokens.styles__TokensDataWrapper",
-    componentId: "sc-5cff0c2a-2"
-})([
-    "display:flex;flex-direction:column;gap:1rem;"
-]);
-export var TokenInfo = styled.p.withConfig({
-    displayName: "NumberTokens.styles__TokenInfo",
-    componentId: "sc-5cff0c2a-3"
-})([
-    "margin:0;font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);font-weight:var(--plasma-typo-body-m-font-weight);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);cursor:copy;color:var(--text-paragraph);&.value{text-align:end;}&:hover{color:var(--text-paragraph-hover);}&:active{color:var(--text-paragraph-active);}"
-]);
-export var TokenData = styled.div.withConfig({
-    displayName: "NumberTokens.styles__TokenData",
-    componentId: "sc-5cff0c2a-4"
-})([
-    "display:grid;grid-template-columns:16.75rem 3.813rem;column-gap:1.5rem;row-gap:0.75rem;"
-]);
-export var TokenDataHeader = styled(TokenData).withConfig({
-    displayName: "NumberTokens.styles__TokenDataHeader",
-    componentId: "sc-5cff0c2a-5"
-})([
-    "",
-    "{color:var(--text-secondary);cursor:default;pointer-events:none;&:hover{color:var(--text-secondary);}&:active{color:var(--text-secondary);}}"
-], TokenInfo);
+export var TokensWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sdds-srvc__sc-1m65jep-0"
+})(["margin-top:1.5rem;margin-left:3rem;display:flex;flex-direction:column;gap:2rem;"]);
+export var TokensTitle = /*#__PURE__*/styled.h2.withConfig({
+  componentId: "sdds-srvc__sc-1m65jep-1"
+})(["margin:0;font-family:var(--plasma-typo-h2-font-family);font-size:var(--plasma-typo-h2-font-size);font-style:var(--plasma-typo-h2-font-style);font-weight:var(--plasma-typo-h2-font-weight);letter-spacing:var(--plasma-typo-h2-letter-spacing);line-height:var(--plasma-typo-h2-line-height);"]);
+export var TokensDataWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sdds-srvc__sc-1m65jep-2"
+})(["display:flex;flex-direction:column;gap:1rem;"]);
+export var TokenInfo = /*#__PURE__*/styled.p.withConfig({
+  componentId: "sdds-srvc__sc-1m65jep-3"
+})(["margin:0;font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);font-weight:var(--plasma-typo-body-m-font-weight);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);cursor:copy;color:var(--text-paragraph);&.value{text-align:end;}&:hover{color:var(--text-paragraph-hover);}&:active{color:var(--text-paragraph-active);}"]);
+export var TokenData = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sdds-srvc__sc-1m65jep-4"
+})(["display:grid;grid-template-columns:16.75rem 3.813rem;column-gap:1.5rem;row-gap:0.75rem;"]);
+export var TokenDataHeader = /*#__PURE__*/styled(TokenData).withConfig({
+  componentId: "sdds-srvc__sc-1m65jep-5"
+})(["", "{color:var(--text-secondary);cursor:default;pointer-events:none;&:hover{color:var(--text-secondary);}&:active{color:var(--text-secondary);}}"], TokenInfo);

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

@@ -2,139 +2,72 @@ 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.withConfig({
+  componentId: "sdds-srvc__sc-1ytnfi7-0"
+})(["width:100%;margin:1.5rem auto auto 2.5rem;"]);
+export var FontPropsSwitcher = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sdds-srvc__sc-1ytnfi7-1"
+})(["margin:-0.5rem 0 2.5rem;display:flex;justify-content:center;width:100%;position:relative;box-sizing:border-box;"]);
+export var FontWeightSwitcher = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sdds-srvc__sc-1ytnfi7-2"
+})(["position:absolute;top:0;left:0;"]);
+export var BreakpointSwitcher = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sdds-srvc__sc-1ytnfi7-3"
+})(["width:fit-content;position:relative;&:before{content:'\u042D\u043A\u0440\u0430\u043D';position:absolute;top:50%;transform:translate(-100%,-50%);left:-0.75rem;color:var(--text-tertiary);", ";}"], bodyXS);
+export var StyledSegmentItem = /*#__PURE__*/styled(SegmentItem).withConfig({
+  componentId: "sdds-srvc__sc-1ytnfi7-4"
+})(["", ":1.75rem;", ":0.375rem 0.5rem;"], segmentTokens.itemHeight, segmentTokens.itemPilledPadding);
+export var AccordionTypographyTitle = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sdds-srvc__sc-1ytnfi7-5"
+})(["color:var(--text-secondary);", ";"], bodyM);
+export var FontFamily = /*#__PURE__*/styled.span.withConfig({
+  componentId: "sdds-srvc__sc-1ytnfi7-6"
+})(["color:var(--text-tertiary);"]);
+export var AccordionInfo = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sdds-srvc__sc-1ytnfi7-7"
+})(["display:grid;grid-template-columns:16.75rem 35.75rem;grid-column-gap:1.5rem;max-width:55.5rem;"]);
+export var StyledAccordionItem = /*#__PURE__*/styled(AccordionItem).withConfig({
+  componentId: "sdds-srvc__sc-1ytnfi7-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 = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sdds-srvc__sc-1ytnfi7-9"
+})(["display:flex;flex-direction:column;gap:2rem;"]);
+export var TokenShortName = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sdds-srvc__sc-1ytnfi7-10"
+})(["cursor:copy;color:var(--text-paragraph);", ";&:hover{color:var(--text-paragraph-hover);}&:active{color:var(--text-paragraph-active);}"], bodyM);
+export var TokenInfo = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sdds-srvc__sc-1ytnfi7-11"
+})(["display:flex;flex-direction:column;gap:1rem;"]);
+export var TokenText = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sdds-srvc__sc-1ytnfi7-12"
+})(["color:var(--text-primary);font-size:", ";font-weight:", ";line-height:", ";letter-spacing:", ";font-style:", ";white-space:", ";"], 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.withConfig({
+  componentId: "sdds-srvc__sc-1ytnfi7-13"
+})(["color:var(--text-paragraph);"]);
+export var TokenPropName = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sdds-srvc__sc-1ytnfi7-14"
+})(["color:var(--text-tertiary);"]);
+export var TokenPropsWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sdds-srvc__sc-1ytnfi7-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 = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sdds-srvc__sc-1ytnfi7-16"
+})(["display:flex;gap:1rem;"]);

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

@@ -1,52 +1,17 @@
-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 0.25rem;\n                ",
-        ": 0.875rem;\n\n                ",
-        ": 1.5rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.0625rem;\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
+var _templateObject, _templateObject2;
+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/styled-components';
 export var config = {
-    defaults: {
-        view: 'default',
-        size: 's'
+  defaults: {
+    view: 'default',
+    size: 's'
+  },
+  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: {
-            s: css(_templateObject1(), toolbarTokens.size, toolbarTokens.padding, toolbarTokens.borderRadius, toolbarTokens.dividerSize, toolbarTokens.dividerOffset, toolbarTokens.dividerBorderRadius)
-        }
+    size: {
+      s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\n                ", ": 0 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)
     }
-};
+  }
+};

package/es/components/Toolbar/Toolbar.js

@@ -1,8 +1,10 @@
 import { toolbarConfig, component, mergeConfig, toolbarDividerConfig } from '@salutejs/plasma-new-hope/styled-components';
 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/es/components/Toolbar/index.js

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