@salutejs/sdds-platform-ai 0.330.1-canary.2393.20367490814.0 → 0.330.1-canary.2394.20340605741.0

package/styled-components/es/components/TextFieldGroup/TextFieldGroup.config.js

@@ -0,0 +1,179 @@
+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.75rem;\n                ",
+        ": 0.25rem;\n                ",
+        ": 0.75rem;\n\n                ",
+        ": 3rem;\n                ",
+        ": 0.875rem 1rem 0.875rem 1rem;\n                ",
+        ": 0.375rem;\n\n                ",
+        ": -0.125rem 0.375rem -0.125rem -0.125rem;\n                ",
+        ": -0.125rem -0.125rem -0.125rem 0.75rem;\n\n                ",
+        ": 0 0.25rem 0 0;\n                ",
+        ": 0 0 0 0.25rem;\n\n                ",
+        ": var(--plasma-typo-body-m-font-family);\n                ",
+        ": var(--plasma-typo-body-m-font-size);\n                ",
+        ": var(--plasma-typo-body-m-font-style);\n                ",
+        ": var(--plasma-typo-body-m-font-weight);\n                ",
+        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-m-line-height);\n\n                ",
+        ": 0.625rem;\n                ",
+        ": var(--plasma-typo-body-m-font-family);\n                ",
+        ": var(--plasma-typo-body-m-font-size);\n                ",
+        ": var(--plasma-typo-body-m-font-style);\n                ",
+        ": var(--plasma-typo-body-m-font-weight);\n                ",
+        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-m-line-height);\n\n                ",
+        ": 0.25rem;\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.375rem 0 0.125rem 0;\n                ",
+        ": 1.375rem 0 0.375rem 0;\n\n                ",
+        ": 0.25rem;\n                ",
+        ": 0.375rem;\n                ",
+        ": auto;\n                ",
+        ": 2.25rem;\n                ",
+        ": 0 0.625rem 0 0.875rem;\n                ",
+        ": 0.5rem;\n                ",
+        ": 0rem;\n                ",
+        ": 1.25rem;\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            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": row;\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": column;\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.063rem;\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.125rem;\n            "
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject5() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.5rem;\n            "
+    ]);
+    _templateObject5 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject6() {
+    var data = _tagged_template_literal([
+        ""
+    ]);
+    _templateObject6 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject7() {
+    var data = _tagged_template_literal([
+        ""
+    ]);
+    _templateObject7 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject8() {
+    var data = _tagged_template_literal([
+        ""
+    ]);
+    _templateObject8 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject9() {
+    var data = _tagged_template_literal([
+        ""
+    ]);
+    _templateObject9 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+import { css, textFieldGroupTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
+export var config = {
+    defaults: {
+        size: 'm'
+    },
+    variations: {
+        size: {
+            m: css(_templateObject(), tokens.textFieldDefaultRadius, tokens.textFieldSegmentedRadius, tokens.textFieldSideRadius, tokens.height, tokens.padding, tokens.paddingWithChips, tokens.leftContentMargin, tokens.rightContentMargin, tokens.textBeforeMargin, tokens.textAfterMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight)
+        },
+        orientation: {
+            horizontal: css(_templateObject1(), tokens.textFieldGroupOrientation),
+            vertical: css(_templateObject2(), tokens.textFieldGroupOrientation)
+        },
+        gap: {
+            none: css(_templateObject3(), tokens.textFieldGroupItemsGap),
+            dense: css(_templateObject4(), tokens.textFieldGroupItemsGap),
+            wide: css(_templateObject5(), tokens.textFieldGroupItemsGap)
+        },
+        shape: {
+            segmented: css(_templateObject6()),
+            default: css(_templateObject7())
+        },
+        stretching: {
+            auto: css(_templateObject8()),
+            filled: css(_templateObject9())
+        }
+    }
+};

package/styled-components/es/components/TextFieldGroup/TextFieldGroup.js

@@ -0,0 +1,6 @@
+import { textFieldGroupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+import { config } from './TextFieldGroup.config';
+var mergedConfig = mergeConfig(textFieldGroupConfig, config);
+/**
+ * Группа TextField.
+ */ export var TextFieldGroup = component(mergedConfig);

package/styled-components/es/components/TextFieldGroup/index.js

@@ -0,0 +1 @@
+export { TextFieldGroup } from './TextFieldGroup';

package/styled-components/es/components/Toast/Toast.config.js

@@ -0,0 +1,118 @@
+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-secondary);\n                ",
+        ": var(--text-secondary);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--surface-solid-card-brightness);\n                ",
+        ": var(--text-positive);\n\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--surface-solid-card-brightness);\n                ",
+        ": var(--text-negative);\n\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.75rem;\n                ",
+        ": calc(100vw - 5rem);\n                ",
+        ": 0.5625rem 0.75rem;\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.0625rem 0.375rem -0.0625rem -0.125rem;\n                ",
+        ": -0.0625rem -0.25rem -0.0625rem 0.5rem;\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1rem;\n                ",
+        ": 1.5rem;\n            "
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject5() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1.5rem;\n\n                ",
+        ": -0.0625rem 0.375rem -0.0625rem -0.25rem;\n                ",
+        ": -0.0625rem -0.25rem -0.0625rem 0.375rem;\n            "
+    ]);
+    _templateObject5 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+import { css, toastTokens } from '@salutejs/plasma-new-hope/styled-components';
+export var config = {
+    defaults: {
+        view: 'default',
+        size: 'm',
+        closeIconType: 'default'
+    },
+    variations: {
+        view: {
+            default: css(_templateObject(), toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
+            positive: css(_templateObject1(), toastTokens.color, toastTokens.background, toastTokens.contentLeftColor, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
+            negative: css(_templateObject2(), toastTokens.color, toastTokens.background, toastTokens.contentLeftColor, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover)
+        },
+        size: {
+            m: css(_templateObject3(), toastTokens.borderRadius, toastTokens.maxWidth, toastTokens.padding, toastTokens.fontFamily, toastTokens.fontSize, toastTokens.fontStyle, toastTokens.fontWeight, toastTokens.letterSpacing, toastTokens.lineHeight, toastTokens.contentLeftMargin, toastTokens.closeIconMargin)
+        },
+        closeIconType: {
+            default: css(_templateObject4(), toastTokens.closeIconButtonSize, toastTokens.closeIconSize)
+        },
+        pilled: {
+            true: css(_templateObject5(), toastTokens.pilledBorderRadius, toastTokens.contentLeftMargin, toastTokens.closeIconMargin)
+        }
+    }
+};

package/styled-components/es/components/Toast/Toast.js

@@ -0,0 +1,7 @@
+import { toastConfig, ToastProviderHoc, ToastControllerHoc, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+import { config } from './Toast.config';
+export { useToast } from '@salutejs/plasma-new-hope/styled-components';
+var mergedConfig = mergeConfig(toastConfig, config);
+export var Toast = component(mergedConfig);
+export var ToastController = ToastControllerHoc(Toast);
+export var ToastProvider = ToastProviderHoc(ToastController);

package/styled-components/es/components/Toast/index.js

@@ -0,0 +1 @@
+export { Toast, ToastProvider, useToast } from './Toast';

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

@@ -0,0 +1,94 @@
+import styled from 'styled-components';
+import { segmentTokens } from '@salutejs/plasma-new-hope/styled-components';
+import { AccordionItem } from '../../Accordion';
+import { SegmentItem } from '../../Segment/Segment';
+export var ColorTokensWrapper = styled.div.withConfig({
+    displayName: "Colors.styles__ColorTokensWrapper",
+    componentId: "sc-e9243388-0"
+})([
+    "padding-top:1.5rem;width:100%;"
+]);
+export var SubthemeSwitcher = styled.div.withConfig({
+    displayName: "Colors.styles__SubthemeSwitcher",
+    componentId: "sc-e9243388-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-e9243388-2"
+})([
+    "",
+    ":1.75rem;",
+    ":0.375rem 0.5rem;"
+], segmentTokens.itemHeight, segmentTokens.itemPilledPadding);
+export var AccordionInfo = styled.div.withConfig({
+    displayName: "Colors.styles__AccordionInfo",
+    componentId: "sc-e9243388-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-e9243388-4"
+})([
+    "color:var(--text-secondary);"
+]);
+export var ColumnTitle = styled.div.withConfig({
+    displayName: "Colors.styles__ColumnTitle",
+    componentId: "sc-e9243388-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-e9243388-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-e9243388-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-e9243388-8"
+})([
+    "display:flex;flex-direction:column;gap:0.5rem;"
+]);
+export var StateDataWrapper = styled.div.withConfig({
+    displayName: "Colors.styles__StateDataWrapper",
+    componentId: "sc-e9243388-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-e9243388-10"
+})([
+    "color:var(--text-secondary);padding-left:0.125rem;"
+]);
+export var TokenInfo = styled.div.withConfig({
+    displayName: "Colors.styles__TokenInfo",
+    componentId: "sc-e9243388-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-e9243388-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/styled-components/es/components/Tokens/NumberTokens/NumberTokens.styles.js

@@ -0,0 +1,38 @@
+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);

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

@@ -0,0 +1,140 @@
+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 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;"
+]);

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

@@ -0,0 +1,52 @@
+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                ",
+        ": 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;
+}
+import { css, toolbarTokens } from '@salutejs/plasma-new-hope/styled-components';
+export var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: css(_templateObject(), toolbarTokens.boxShadow, toolbarTokens.background, toolbarTokens.dividerColor)
+        },
+        size: {
+            m: css(_templateObject1(), toolbarTokens.size, toolbarTokens.padding, toolbarTokens.borderRadius, toolbarTokens.dividerSize, toolbarTokens.dividerOffset, toolbarTokens.dividerBorderRadius)
+        }
+    }
+};

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

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

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

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