@salutejs/sdds-os 0.20.1-next-sbcom.0 → 0.21.0-dev.0

package/dist/styled-components/es/components/Tokens/Colors/Colors.styles.js

@@ -1,108 +1,95 @@
 import styled from 'styled-components';
 import { AccordionItem } from '../../Accordion';
-export var ColorTokensWrapper = styled.div.withConfig({
+export const ColorTokensWrapper = styled.div.withConfig({
     displayName: "Colors.styles__ColorTokensWrapper",
     componentId: "sc-6b252331-0"
 })([
-    "padding-top:1.5rem;width:100%;"
+    `padding-top:1.5rem;width:100%;`
 ]);
-export var SubthemeSwitcher = styled.div.withConfig({
+export const SubthemeSwitcher = styled.div.withConfig({
     displayName: "Colors.styles__SubthemeSwitcher",
     componentId: "sc-6b252331-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);}"
+    `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 StyledSegmentGroup = styled.div.withConfig({
+export const StyledSegmentGroup = styled.div.withConfig({
     displayName: "Colors.styles__StyledSegmentGroup",
     componentId: "sc-6b252331-2"
 })([
-    "display:flex;align-items:center;gap:0.125rem;padding:0.125rem;border-radius:999rem;background:var(--surface-transparent-secondary);"
+    `display:flex;align-items:center;gap:0.125rem;padding:0.125rem;border-radius:999rem;background:var(--surface-transparent-secondary);`
 ]);
-export var StyledSegmentItem = styled.button.withConfig({
+export const StyledSegmentItem = styled.button.withConfig({
     displayName: "Colors.styles__StyledSegmentItem",
     componentId: "sc-6b252331-3"
 })([
-    "height:1.75rem;padding:0.375rem 0.5rem;border:0;border-radius:999rem;cursor:pointer;color:",
-    ";background:",
-    ";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);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);&:hover{color:var(--text-primary);background:",
-    ";}"
-], function(param) {
-    var $isSelected = param.$isSelected;
-    return $isSelected ? 'var(--text-primary)' : 'var(--text-secondary)';
-}, function(param) {
-    var $isSelected = param.$isSelected;
-    return $isSelected ? 'var(--surface-solid-primary)' : 'transparent';
-}, function(param) {
-    var $isSelected = param.$isSelected;
-    return $isSelected ? 'var(--surface-solid-primary)' : 'var(--surface-transparent-secondary-hover)';
-});
-export var AccordionInfo = styled.div.withConfig({
+    `height:1.75rem;padding:0.375rem 0.5rem;border:0;border-radius:999rem;cursor:pointer;color:`,
+    `;background:`,
+    `;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);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);&:hover{color:var(--text-primary);background:`,
+    `;}`
+], ({ $isSelected })=>$isSelected ? 'var(--text-primary)' : 'var(--text-secondary)', ({ $isSelected })=>$isSelected ? 'var(--surface-solid-primary)' : 'transparent', ({ $isSelected })=>$isSelected ? 'var(--surface-solid-primary)' : 'var(--surface-transparent-secondary-hover)');
+export const AccordionInfo = styled.div.withConfig({
     displayName: "Colors.styles__AccordionInfo",
     componentId: "sc-6b252331-4"
 })([
-    "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);"
+    `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({
+export const Subcategory = styled.div.withConfig({
     displayName: "Colors.styles__Subcategory",
     componentId: "sc-6b252331-5"
 })([
-    "color:var(--text-secondary);"
+    `color:var(--text-secondary);`
 ]);
-export var ColumnTitle = styled.div.withConfig({
+export const ColumnTitle = styled.div.withConfig({
     displayName: "Colors.styles__ColumnTitle",
     componentId: "sc-6b252331-6"
 })([
-    "color:var(--text-tertiary);transition:opacity 0.2s;&.color{display:flex;align-items:center;gap:2.5rem;}&.hex{padding-left:3.75rem;}"
+    `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({
+export const StyledAccordionItem = styled(AccordionItem).withConfig({
     displayName: "Colors.styles__StyledAccordionItem",
     componentId: "sc-6b252331-7"
 })([
-    "--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;}"
+    `--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({
+export const TokenInfoWrapper = styled.div.withConfig({
     displayName: "Colors.styles__TokenInfoWrapper",
     componentId: "sc-6b252331-8"
 })([
-    "display:flex;flex-direction:column;gap:0.75rem;margin-top:-0.125rem;"
+    `display:flex;flex-direction:column;gap:0.75rem;margin-top:-0.125rem;`
 ]);
-export var ColorTokenDataWrapper = styled.div.withConfig({
+export const ColorTokenDataWrapper = styled.div.withConfig({
     displayName: "Colors.styles__ColorTokenDataWrapper",
     componentId: "sc-6b252331-9"
 })([
-    "display:flex;flex-direction:column;gap:0.5rem;"
+    `display:flex;flex-direction:column;gap:0.5rem;`
 ]);
-export var StateDataWrapper = styled.div.withConfig({
+export const StateDataWrapper = styled.div.withConfig({
     displayName: "Colors.styles__StateDataWrapper",
     componentId: "sc-6b252331-10"
 })([
-    "display:flex;flex-direction:column;gap:0.5rem;margin-bottom:0.75rem;"
+    `display:flex;flex-direction:column;gap:0.5rem;margin-bottom:0.75rem;`
 ]);
-export var OpacityPart = styled.span.withConfig({
+export const OpacityPart = styled.span.withConfig({
     displayName: "Colors.styles__OpacityPart",
     componentId: "sc-6b252331-11"
 })([
-    "color:var(--text-secondary);padding-left:0.125rem;"
+    `color:var(--text-secondary);padding-left:0.125rem;`
 ]);
-export var TokenInfo = styled.div.withConfig({
+export const TokenInfo = styled.div.withConfig({
     displayName: "Colors.styles__TokenInfo",
     componentId: "sc-6b252331-12"
 })([
-    "color:var(--text-primary);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-primary-hover);",
-    "{color:var(--text-primary-hover);}}&:not(.no-interaction):active{color:var(--text-primary-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);}}"
+    `color:var(--text-primary);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-primary-hover);`,
+    `{color:var(--text-primary-hover);}}&:not(.no-interaction):active{color:var(--text-primary-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({
+export const ColorCircle = styled.div.withConfig({
     displayName: "Colors.styles__ColorCircle",
     componentId: "sc-6b252331-13"
 })([
-    "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)';
-});
+    `width:1.25rem;height:1.25rem;border-radius:50%;background:`,
+    `;box-shadow:`,
+    `;`
+], (props)=>props.background || 'transparent', (props)=>props.disableShadow ? 'none' : 'inset 0px 0px 0px 1px rgba(8, 8, 8, 0.12)');

package/dist/styled-components/es/components/Tokens/NumberTokens/NumberTokens.styles.js

@@ -1,38 +1,38 @@
 import styled from 'styled-components';
-export var TokensWrapper = styled.div.withConfig({
+export const TokensWrapper = styled.div.withConfig({
     displayName: "NumberTokens.styles__TokensWrapper",
     componentId: "sc-1d26c1b2-0"
 })([
-    "margin-top:1.5rem;margin-left:3rem;display:flex;flex-direction:column;gap:2rem;"
+    `margin-top:1.5rem;margin-left:3rem;display:flex;flex-direction:column;gap:2rem;`
 ]);
-export var TokensTitle = styled.h2.withConfig({
+export const TokensTitle = styled.h2.withConfig({
     displayName: "NumberTokens.styles__TokensTitle",
     componentId: "sc-1d26c1b2-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);"
+    `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({
+export const TokensDataWrapper = styled.div.withConfig({
     displayName: "NumberTokens.styles__TokensDataWrapper",
     componentId: "sc-1d26c1b2-2"
 })([
-    "display:flex;flex-direction:column;gap:1rem;"
+    `display:flex;flex-direction:column;gap:1rem;`
 ]);
-export var TokenInfo = styled.p.withConfig({
+export const TokenInfo = styled.p.withConfig({
     displayName: "NumberTokens.styles__TokenInfo",
     componentId: "sc-1d26c1b2-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-primary);&.value{text-align:end;}&:hover{color:var(--text-primary-hover);}&:active{color:var(--text-primary-active);}"
+    `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-primary);&.value{text-align:end;}&:hover{color:var(--text-primary-hover);}&:active{color:var(--text-primary-active);}`
 ]);
-export var TokenData = styled.div.withConfig({
+export const TokenData = styled.div.withConfig({
     displayName: "NumberTokens.styles__TokenData",
     componentId: "sc-1d26c1b2-4"
 })([
-    "display:grid;grid-template-columns:16.75rem 3.813rem;column-gap:1.5rem;row-gap:0.75rem;"
+    `display:grid;grid-template-columns:16.75rem 3.813rem;column-gap:1.5rem;row-gap:0.75rem;`
 ]);
-export var TokenDataHeader = styled(TokenData).withConfig({
+export const TokenDataHeader = styled(TokenData).withConfig({
     displayName: "NumberTokens.styles__TokenDataHeader",
     componentId: "sc-1d26c1b2-5"
 })([
-    "",
-    "{color:var(--text-secondary);cursor:default;pointer-events:none;&:hover{color:var(--text-secondary);}&:active{color:var(--text-secondary);}}"
+    ``,
+    `{color:var(--text-secondary);cursor:default;pointer-events:none;&:hover{color:var(--text-secondary);}&:active{color:var(--text-secondary);}}`
 ], TokenInfo);

package/dist/styled-components/es/components/Tokens/Typography/Typography.styles.js

@@ -1,156 +1,129 @@
 import styled from 'styled-components';
 import { bodyXS, bodyM } from '@salutejs/plasma-new-hope';
 import { AccordionItem } from '../../Accordion';
-export var TypographyTokensWrapper = styled.div.withConfig({
+export const TypographyTokensWrapper = styled.div.withConfig({
     displayName: "Typography.styles__TypographyTokensWrapper",
     componentId: "sc-aa91f92c-0"
 })([
-    "width:100%;margin:1.5rem auto auto 2.5rem;"
+    `width:100%;margin:1.5rem auto auto 2.5rem;`
 ]);
-export var FontPropsSwitcher = styled.div.withConfig({
+export const FontPropsSwitcher = styled.div.withConfig({
     displayName: "Typography.styles__FontPropsSwitcher",
     componentId: "sc-aa91f92c-1"
 })([
-    "margin:-0.5rem 0 2.5rem;display:flex;justify-content:center;width:100%;position:relative;box-sizing:border-box;"
+    `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({
+export const FontWeightSwitcher = styled.div.withConfig({
     displayName: "Typography.styles__FontWeightSwitcher",
     componentId: "sc-aa91f92c-2"
 })([
-    "position:absolute;top:0;left:0;"
+    `position:absolute;top:0;left:0;`
 ]);
-export var BreakpointSwitcher = styled.div.withConfig({
+export const BreakpointSwitcher = styled.div.withConfig({
     displayName: "Typography.styles__BreakpointSwitcher",
     componentId: "sc-aa91f92c-3"
 })([
-    "width:fit-content;position:relative;&:before{content:'Экран';position:absolute;top:50%;transform:translate(-100%,-50%);left:-0.75rem;color:var(--text-tertiary);",
-    ";}"
+    `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 StyledSegmentGroup = styled.div.withConfig({
+export const StyledSegmentGroup = styled.div.withConfig({
     displayName: "Typography.styles__StyledSegmentGroup",
     componentId: "sc-aa91f92c-4"
 })([
-    "display:flex;align-items:center;gap:0.125rem;padding:0.125rem;border-radius:999rem;background:var(--surface-transparent-secondary);"
+    `display:flex;align-items:center;gap:0.125rem;padding:0.125rem;border-radius:999rem;background:var(--surface-transparent-secondary);`
 ]);
-export var StyledSegmentItem = styled.button.withConfig({
+export const StyledSegmentItem = styled.button.withConfig({
     displayName: "Typography.styles__StyledSegmentItem",
     componentId: "sc-aa91f92c-5"
 })([
-    "height:1.75rem;padding:0.375rem 0.5rem;border:0;border-radius:999rem;cursor:pointer;color:",
-    ";background:",
-    ";",
-    ";&:hover{color:var(--text-primary);background:",
-    ";}"
-], function(param) {
-    var $isSelected = param.$isSelected;
-    return $isSelected ? 'var(--text-primary)' : 'var(--text-secondary)';
-}, function(param) {
-    var $isSelected = param.$isSelected;
-    return $isSelected ? 'var(--surface-solid-primary)' : 'transparent';
-}, bodyXS, function(param) {
-    var $isSelected = param.$isSelected;
-    return $isSelected ? 'var(--surface-solid-primary)' : 'var(--surface-transparent-secondary-hover)';
-});
-export var AccordionTypographyTitle = styled.div.withConfig({
+    `height:1.75rem;padding:0.375rem 0.5rem;border:0;border-radius:999rem;cursor:pointer;color:`,
+    `;background:`,
+    `;`,
+    `;&:hover{color:var(--text-primary);background:`,
+    `;}`
+], ({ $isSelected })=>$isSelected ? 'var(--text-primary)' : 'var(--text-secondary)', ({ $isSelected })=>$isSelected ? 'var(--surface-solid-primary)' : 'transparent', bodyXS, ({ $isSelected })=>$isSelected ? 'var(--surface-solid-primary)' : 'var(--surface-transparent-secondary-hover)');
+export const AccordionTypographyTitle = styled.div.withConfig({
     displayName: "Typography.styles__AccordionTypographyTitle",
     componentId: "sc-aa91f92c-6"
 })([
-    "color:var(--text-secondary);",
-    ";"
+    `color:var(--text-secondary);`,
+    `;`
 ], bodyM);
-export var FontFamily = styled.span.withConfig({
+export const FontFamily = styled.span.withConfig({
     displayName: "Typography.styles__FontFamily",
     componentId: "sc-aa91f92c-7"
 })([
-    "color:var(--text-tertiary);"
+    `color:var(--text-tertiary);`
 ]);
-export var AccordionInfo = styled.div.withConfig({
+export const AccordionInfo = styled.div.withConfig({
     displayName: "Typography.styles__AccordionInfo",
     componentId: "sc-aa91f92c-8"
 })([
-    "display:grid;grid-template-columns:16.75rem 35.75rem;grid-column-gap:1.5rem;max-width:55.5rem;"
+    `display:grid;grid-template-columns:16.75rem 35.75rem;grid-column-gap:1.5rem;max-width:55.5rem;`
 ]);
-export var StyledAccordionItem = styled(AccordionItem).withConfig({
+export const StyledAccordionItem = styled(AccordionItem).withConfig({
     displayName: "Typography.styles__StyledAccordionItem",
     componentId: "sc-aa91f92c-9"
 })([
-    "--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;}"
+    `--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({
+export const TokenInfoWrapper = styled.div.withConfig({
     displayName: "Typography.styles__TokenInfoWrapper",
     componentId: "sc-aa91f92c-10"
 })([
-    "display:flex;flex-direction:column;gap:2rem;"
+    `display:flex;flex-direction:column;gap:2rem;`
 ]);
-export var TokenShortName = styled.div.withConfig({
+export const TokenShortName = styled.div.withConfig({
     displayName: "Typography.styles__TokenShortName",
     componentId: "sc-aa91f92c-11"
 })([
-    "cursor:copy;color:var(--text-primary);",
-    ";&:hover{color:var(--text-primary-hover);}&:active{color:var(--text-primary-active);}"
+    `cursor:copy;color:var(--text-primary);`,
+    `;&:hover{color:var(--text-primary-hover);}&:active{color:var(--text-primary-active);}`
 ], bodyM);
-export var TokenInfo = styled.div.withConfig({
+export const TokenInfo = styled.div.withConfig({
     displayName: "Typography.styles__TokenInfo",
     componentId: "sc-aa91f92c-12"
 })([
-    "display:flex;flex-direction:column;gap:1rem;"
+    `display:flex;flex-direction:column;gap:1rem;`
 ]);
-export var TokenText = styled.div.withConfig({
+export const TokenText = styled.div.withConfig({
     displayName: "Typography.styles__TokenText",
     componentId: "sc-aa91f92c-13"
 })([
-    "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 TokenPropValue = styled.div.withConfig({
+    `color:var(--text-primary);font-size:`,
+    `;font-weight:`,
+    `;line-height:`,
+    `;letter-spacing:`,
+    `;font-style:`,
+    `;white-space:`,
+    `;`
+], ({ fontSize })=>fontSize, ({ fontWeight })=>fontWeight, ({ lineHeight })=>lineHeight, ({ letterSpacing })=>letterSpacing, ({ fontStyle })=>fontStyle, ({ isDisplay })=>isDisplay ? 'nowrap' : 'normal');
+export const TokenPropValue = styled.div.withConfig({
     displayName: "Typography.styles__TokenPropValue",
     componentId: "sc-aa91f92c-14"
 })([
-    "color:var(--text-paragraph);"
+    `color:var(--text-paragraph);`
 ]);
-export var TokenPropName = styled.div.withConfig({
+export const TokenPropName = styled.div.withConfig({
     displayName: "Typography.styles__TokenPropName",
     componentId: "sc-aa91f92c-15"
 })([
-    "color:var(--text-tertiary);"
+    `color:var(--text-tertiary);`
 ]);
-export var TokenPropsWrapper = styled.div.withConfig({
+export const TokenPropsWrapper = styled.div.withConfig({
     displayName: "Typography.styles__TokenPropsWrapper",
     componentId: "sc-aa91f92c-16"
 })([
-    "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);}}"
+    `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({
+export const TokenProps = styled.div.withConfig({
     displayName: "Typography.styles__TokenProps",
     componentId: "sc-aa91f92c-17"
 })([
-    "display:flex;gap:1rem;"
+    `display:flex;gap:1rem;`
 ]);

package/dist/styled-components/es/components/Toolbar/Toolbar.config.js

@@ -1,68 +1,38 @@
-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-solid-tertiary);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 3.75rem;\n                ",
-        ": 0.375rem;\n                ",
-        ": 1rem;\n\n                ",
-        ": 1.75rem;\n                ",
-        ": 0.625rem;\n                ",
-        ": 0.0625rem;\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 4.5rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 1.25rem;\n\n                ",
-        ": 2rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.0625rem;\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
 import { css, toolbarTokens } from '@salutejs/plasma-new-hope/styled-components';
-export var config = {
+export const config = {
     defaults: {
         view: 'default',
         size: 'm'
     },
     variations: {
         view: {
-            default: css(_templateObject(), toolbarTokens.boxShadow, toolbarTokens.background, toolbarTokens.dividerColor)
+            default: css`
+                /* TODO: заменить значение box-shadow на var(--shadow-down-soft-s). https://github.com/salute-developers/plasma/issues/1131 */
+                ${toolbarTokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);
+                ${toolbarTokens.background}: var(--surface-solid-card-brightness);
+
+                ${toolbarTokens.dividerColor}: var(--surface-solid-tertiary);
+            `
         },
         size: {
-            m: css(_templateObject1(), toolbarTokens.size, toolbarTokens.padding, toolbarTokens.borderRadius, toolbarTokens.dividerSize, toolbarTokens.dividerOffset, toolbarTokens.dividerBorderRadius),
-            l: css(_templateObject2(), toolbarTokens.size, toolbarTokens.padding, toolbarTokens.borderRadius, toolbarTokens.dividerSize, toolbarTokens.dividerOffset, toolbarTokens.dividerBorderRadius)
+            m: css`
+                ${toolbarTokens.size}: 3.75rem;
+                ${toolbarTokens.padding}: 0.375rem;
+                ${toolbarTokens.borderRadius}: 1rem;
+
+                ${toolbarTokens.dividerSize}: 1.75rem;
+                ${toolbarTokens.dividerOffset}: 0.625rem;
+                ${toolbarTokens.dividerBorderRadius}: 0.0625rem;
+            `,
+            l: css`
+                ${toolbarTokens.size}: 4.5rem;
+                ${toolbarTokens.padding}: 0.5rem;
+                ${toolbarTokens.borderRadius}: 1.25rem;
+
+                ${toolbarTokens.dividerSize}: 2rem;
+                ${toolbarTokens.dividerOffset}: 0.75rem;
+                ${toolbarTokens.dividerBorderRadius}: 0.0625rem;
+            `
         }
     }
 };

package/dist/styled-components/es/components/Toolbar/Toolbar.js

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