@salutejs/plasma-web 1.585.0-canary.2021.15824070198.0 → 1.585.0-canary.2022.15754718552.0

package/components/Toast/Toast.config.js

@@ -1,179 +1,47 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "config", {
-    enumerable: true,
-    get: function() {
-        return config;
-    }
-});
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-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                ",
-        ": var(--text-primary);\n                ",
-        ": var(--surface-solid-card-brightness);\n\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-secondary);\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject4() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--on-dark-text-primary);\n                ",
-        ": var(--on-dark-surface-solid-primary-brightness);\n\n                ",
-        ": var(--on-dark-text-secondary);\n                ",
-        ": var(--on-dark-text-secondary);\n            "
-    ]);
-    _templateObject4 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject5() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--on-light-text-primary);\n                ",
-        ": var(--on-light-surface-solid-primary-brightness);\n\n                ",
-        ": var(--on-light-text-secondary);\n                ",
-        ": var(--on-light-text-secondary);\n            "
-    ]);
-    _templateObject5 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject6() {
-    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            "
-    ]);
-    _templateObject6 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject7() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 1rem;\n                ",
-        ": 1.5rem;\n            "
-    ]);
-    _templateObject7 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject8() {
-    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            "
-    ]);
-    _templateObject8 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var config = {
-    defaults: {
-        view: 'default',
-        size: 'm',
-        closeIconType: 'default'
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var config = exports.config = {
+  defaults: {
+    view: 'default',
+    size: 'm',
+    closeIconType: 'default'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card-brightness);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover),
+      positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card-brightness);\n                ", ": var(--text-positive);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.contentLeftColor, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover),
+      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card-brightness);\n                ", ": var(--text-negative);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.contentLeftColor, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover),
+      /**
+       * @deprecated
+       * использовать `default`
+       */
+      primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card-brightness);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover),
+      /**
+       * @deprecated
+       * светлый и темный фон регулировать через `view` компонента `ViewContainer`
+       */
+      dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-surface-solid-primary-brightness);\n\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary);\n            "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover),
+      /**
+       * @deprecated
+       * светлый и темный фон регулировать через `view` компонента `ViewContainer`
+       */
+      light: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-light-text-primary);\n                ", ": var(--on-light-surface-solid-primary-brightness);\n\n                ", ": var(--on-light-text-secondary);\n                ", ": var(--on-light-text-secondary);\n            "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover)
+    },
+    size: {
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\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            "])), _styledComponents.toastTokens.borderRadius, _styledComponents.toastTokens.maxWidth, _styledComponents.toastTokens.padding, _styledComponents.toastTokens.fontFamily, _styledComponents.toastTokens.fontSize, _styledComponents.toastTokens.fontStyle, _styledComponents.toastTokens.fontWeight, _styledComponents.toastTokens.letterSpacing, _styledComponents.toastTokens.lineHeight, _styledComponents.toastTokens.contentLeftMargin, _styledComponents.toastTokens.closeIconMargin)
+    },
+    closeIconType: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1rem;\n                ", ": 1.5rem;\n            "])), _styledComponents.toastTokens.closeIconButtonSize, _styledComponents.toastTokens.closeIconSize)
     },
-    variations: {
-        view: {
-            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.toastTokens.color, _styledcomponents.toastTokens.background, _styledcomponents.toastTokens.closeIconColor, _styledcomponents.toastTokens.closeIconColorOnHover),
-            positive: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.toastTokens.color, _styledcomponents.toastTokens.background, _styledcomponents.toastTokens.contentLeftColor, _styledcomponents.toastTokens.closeIconColor, _styledcomponents.toastTokens.closeIconColorOnHover),
-            negative: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.toastTokens.color, _styledcomponents.toastTokens.background, _styledcomponents.toastTokens.contentLeftColor, _styledcomponents.toastTokens.closeIconColor, _styledcomponents.toastTokens.closeIconColorOnHover),
-            /**
-             * @deprecated
-             * использовать `default`
-             */ primary: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.toastTokens.color, _styledcomponents.toastTokens.background, _styledcomponents.toastTokens.closeIconColor, _styledcomponents.toastTokens.closeIconColorOnHover),
-            /**
-             * @deprecated
-             * светлый и темный фон регулировать через `view` компонента `ViewContainer`
-             */ dark: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.toastTokens.color, _styledcomponents.toastTokens.background, _styledcomponents.toastTokens.closeIconColor, _styledcomponents.toastTokens.closeIconColorOnHover),
-            /**
-             * @deprecated
-             * светлый и темный фон регулировать через `view` компонента `ViewContainer`
-             */ light: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.toastTokens.color, _styledcomponents.toastTokens.background, _styledcomponents.toastTokens.closeIconColor, _styledcomponents.toastTokens.closeIconColorOnHover)
-        },
-        size: {
-            m: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.toastTokens.borderRadius, _styledcomponents.toastTokens.maxWidth, _styledcomponents.toastTokens.padding, _styledcomponents.toastTokens.fontFamily, _styledcomponents.toastTokens.fontSize, _styledcomponents.toastTokens.fontStyle, _styledcomponents.toastTokens.fontWeight, _styledcomponents.toastTokens.letterSpacing, _styledcomponents.toastTokens.lineHeight, _styledcomponents.toastTokens.contentLeftMargin, _styledcomponents.toastTokens.closeIconMargin)
-        },
-        closeIconType: {
-            default: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.toastTokens.closeIconButtonSize, _styledcomponents.toastTokens.closeIconSize)
-        },
-        pilled: {
-            true: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.toastTokens.pilledBorderRadius, _styledcomponents.toastTokens.contentLeftMargin, _styledcomponents.toastTokens.closeIconMargin)
-        }
+    pilled: {
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n\n                ", ": -0.0625rem 0.375rem -0.0625rem -0.25rem;\n                ", ": -0.0625rem -0.25rem -0.0625rem 0.375rem;\n            "])), _styledComponents.toastTokens.pilledBorderRadius, _styledComponents.toastTokens.contentLeftMargin, _styledComponents.toastTokens.closeIconMargin)
     }
-};
+  }
+};

package/components/Toast/Toast.js

@@ -1,30 +1,18 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get Toast () {
-        return Toast;
-    },
-    get ToastController () {
-        return ToastController;
-    },
-    get ToastProvider () {
-        return ToastProvider;
-    },
-    get useToast () {
-        return _styledcomponents.useToast;
-    }
+exports.ToastProvider = exports.ToastController = exports.Toast = void 0;
+Object.defineProperty(exports, "useToast", {
+  enumerable: true,
+  get: function get() {
+    return _styledComponents.useToast;
+  }
 });
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-var _Toastconfig = require("./Toast.config");
-var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.toastConfig, _Toastconfig.config);
-var Toast = (0, _styledcomponents.component)(mergedConfig);
-var ToastController = (0, _styledcomponents.ToastControllerHoc)(Toast);
-var ToastProvider = (0, _styledcomponents.ToastProviderHoc)(ToastController);
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _Toast = /*#__PURE__*/require("./Toast.config");
+var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.toastConfig, _Toast.config);
+var Toast = exports.Toast = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+var ToastController = exports.ToastController = /*#__PURE__*/(0, _styledComponents.ToastControllerHoc)(Toast);
+var ToastProvider = exports.ToastProvider = /*#__PURE__*/(0, _styledComponents.ToastProviderHoc)(ToastController);

package/components/Toast/index.js

@@ -1,22 +1,24 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get Toast () {
-        return _Toast.Toast;
-    },
-    get ToastProvider () {
-        return _Toast.ToastProvider;
-    },
-    get useToast () {
-        return _Toast.useToast;
-    }
+Object.defineProperty(exports, "Toast", {
+  enumerable: true,
+  get: function get() {
+    return _Toast.Toast;
+  }
 });
-var _Toast = require("./Toast");
+Object.defineProperty(exports, "ToastProvider", {
+  enumerable: true,
+  get: function get() {
+    return _Toast.ToastProvider;
+  }
+});
+Object.defineProperty(exports, "useToast", {
+  enumerable: true,
+  get: function get() {
+    return _Toast.useToast;
+  }
+});
+var _Toast = /*#__PURE__*/require("./Toast");

package/components/Tokens/Colors/Colors.styles.d.ts

@@ -34,7 +34,7 @@ export declare const StyledSegmentItem: import("styled-components").StyledCompon
 export declare const AccordionInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Subcategory: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ColumnTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledAccordionItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLElement>, "title" | "onChange"> & {
+export declare const StyledAccordionItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLElement>, "onChange" | "title"> & {
     value?: boolean;
     type?: "clear" | "arrow" | "sign";
     contentLeft?: React.ReactNode;

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

@@ -1,150 +1,54 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get AccordionInfo () {
-        return AccordionInfo;
-    },
-    get ColorCircle () {
-        return ColorCircle;
-    },
-    get ColorTokenDataWrapper () {
-        return ColorTokenDataWrapper;
-    },
-    get ColorTokensWrapper () {
-        return ColorTokensWrapper;
-    },
-    get ColumnTitle () {
-        return ColumnTitle;
-    },
-    get OpacityPart () {
-        return OpacityPart;
-    },
-    get StateDataWrapper () {
-        return StateDataWrapper;
-    },
-    get StyledAccordionItem () {
-        return StyledAccordionItem;
-    },
-    get StyledSegmentItem () {
-        return StyledSegmentItem;
-    },
-    get Subcategory () {
-        return Subcategory;
-    },
-    get SubthemeSwitcher () {
-        return SubthemeSwitcher;
-    },
-    get TokenInfo () {
-        return TokenInfo;
-    },
-    get TokenInfoWrapper () {
-        return TokenInfoWrapper;
-    }
-});
-var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
-var _styledcomponents1 = require("@salutejs/plasma-new-hope/styled-components");
-var _Accordion = require("../../Accordion");
-var _Segment = require("../../Segment/Segment");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-var ColorTokensWrapper = _styledcomponents.default.div.withConfig({
-    displayName: "Colors.styles__ColorTokensWrapper",
-    componentId: "sc-e9243388-0"
-})([
-    "padding-top:1.5rem;width:100%;"
-]);
-var SubthemeSwitcher = _styledcomponents.default.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);}"
-]);
-var StyledSegmentItem = (0, _styledcomponents.default)(_Segment.SegmentItem).withConfig({
-    displayName: "Colors.styles__StyledSegmentItem",
-    componentId: "sc-e9243388-2"
-})([
-    "",
-    ":1.75rem;",
-    ":0.375rem 0.5rem;"
-], _styledcomponents1.segmentTokens.itemHeight, _styledcomponents1.segmentTokens.itemPilledPadding);
-var AccordionInfo = _styledcomponents.default.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);"
-]);
-var Subcategory = _styledcomponents.default.div.withConfig({
-    displayName: "Colors.styles__Subcategory",
-    componentId: "sc-e9243388-4"
-})([
-    "color:var(--text-secondary);"
-]);
-var ColumnTitle = _styledcomponents.default.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;}"
-]);
-var StyledAccordionItem = (0, _styledcomponents.default)(_Accordion.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);
-var TokenInfoWrapper = _styledcomponents.default.div.withConfig({
-    displayName: "Colors.styles__TokenInfoWrapper",
-    componentId: "sc-e9243388-7"
-})([
-    "display:flex;flex-direction:column;gap:0.75rem;margin-top:-0.125rem;"
-]);
-var ColorTokenDataWrapper = _styledcomponents.default.div.withConfig({
-    displayName: "Colors.styles__ColorTokenDataWrapper",
-    componentId: "sc-e9243388-8"
-})([
-    "display:flex;flex-direction:column;gap:0.5rem;"
-]);
-var StateDataWrapper = _styledcomponents.default.div.withConfig({
-    displayName: "Colors.styles__StateDataWrapper",
-    componentId: "sc-e9243388-9"
-})([
-    "display:flex;flex-direction:column;gap:0.5rem;margin-bottom:0.75rem;"
-]);
-var OpacityPart = _styledcomponents.default.span.withConfig({
-    displayName: "Colors.styles__OpacityPart",
-    componentId: "sc-e9243388-10"
-})([
-    "color:var(--text-secondary);padding-left:0.125rem;"
-]);
-var TokenInfo = _styledcomponents.default.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);
-var ColorCircle = _styledcomponents.default.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)';
+  value: true
 });
+exports.TokenInfoWrapper = exports.TokenInfo = exports.SubthemeSwitcher = exports.Subcategory = exports.StyledSegmentItem = exports.StyledAccordionItem = exports.StateDataWrapper = exports.OpacityPart = exports.ColumnTitle = exports.ColorTokensWrapper = exports.ColorTokenDataWrapper = exports.ColorCircle = exports.AccordionInfo = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _styledComponents2 = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _Accordion = /*#__PURE__*/require("../../Accordion");
+var _Segment = /*#__PURE__*/require("../../Segment/Segment");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var ColorTokensWrapper = exports.ColorTokensWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-web__sc-k1j5cy-0"
+})(["padding-top:1.5rem;width:100%;"]);
+var SubthemeSwitcher = exports.SubthemeSwitcher = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-web__sc-k1j5cy-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);}"]);
+var StyledSegmentItem = exports.StyledSegmentItem = /*#__PURE__*/(0, _styledComponents["default"])(_Segment.SegmentItem).withConfig({
+  componentId: "plasma-web__sc-k1j5cy-2"
+})(["", ":1.75rem;", ":0.375rem 0.5rem;"], _styledComponents2.segmentTokens.itemHeight, _styledComponents2.segmentTokens.itemPilledPadding);
+var AccordionInfo = exports.AccordionInfo = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-web__sc-k1j5cy-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);"]);
+var Subcategory = exports.Subcategory = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-web__sc-k1j5cy-4"
+})(["color:var(--text-secondary);"]);
+var ColumnTitle = exports.ColumnTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-web__sc-k1j5cy-5"
+})(["color:var(--text-tertiary);transition:opacity 0.2s;&.color{display:flex;align-items:center;gap:2.5rem;}&.hex{padding-left:3.75rem;}"]);
+var StyledAccordionItem = exports.StyledAccordionItem = /*#__PURE__*/(0, _styledComponents["default"])(_Accordion.AccordionItem).withConfig({
+  componentId: "plasma-web__sc-k1j5cy-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);
+var TokenInfoWrapper = exports.TokenInfoWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-web__sc-k1j5cy-7"
+})(["display:flex;flex-direction:column;gap:0.75rem;margin-top:-0.125rem;"]);
+var ColorTokenDataWrapper = exports.ColorTokenDataWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-web__sc-k1j5cy-8"
+})(["display:flex;flex-direction:column;gap:0.5rem;"]);
+var StateDataWrapper = exports.StateDataWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-web__sc-k1j5cy-9"
+})(["display:flex;flex-direction:column;gap:0.5rem;margin-bottom:0.75rem;"]);
+var OpacityPart = exports.OpacityPart = /*#__PURE__*/_styledComponents["default"].span.withConfig({
+  componentId: "plasma-web__sc-k1j5cy-10"
+})(["color:var(--text-secondary);padding-left:0.125rem;"]);
+var TokenInfo = exports.TokenInfo = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-web__sc-k1j5cy-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);
+var ColorCircle = exports.ColorCircle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-web__sc-k1j5cy-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/components/Tokens/NumberTokens/NumberTokens.styles.js

@@ -1,73 +1,26 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get TokenData () {
-        return TokenData;
-    },
-    get TokenDataHeader () {
-        return TokenDataHeader;
-    },
-    get TokenInfo () {
-        return TokenInfo;
-    },
-    get TokensDataWrapper () {
-        return TokensDataWrapper;
-    },
-    get TokensTitle () {
-        return TokensTitle;
-    },
-    get TokensWrapper () {
-        return TokensWrapper;
-    }
-});
-var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-var TokensWrapper = _styledcomponents.default.div.withConfig({
-    displayName: "NumberTokens.styles__TokensWrapper",
-    componentId: "sc-5cff0c2a-0"
-})([
-    "margin-top:1.5rem;margin-left:3rem;display:flex;flex-direction:column;gap:2rem;"
-]);
-var TokensTitle = _styledcomponents.default.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);"
-]);
-var TokensDataWrapper = _styledcomponents.default.div.withConfig({
-    displayName: "NumberTokens.styles__TokensDataWrapper",
-    componentId: "sc-5cff0c2a-2"
-})([
-    "display:flex;flex-direction:column;gap:1rem;"
-]);
-var TokenInfo = _styledcomponents.default.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);}"
-]);
-var TokenData = _styledcomponents.default.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;"
-]);
-var TokenDataHeader = (0, _styledcomponents.default)(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);
+exports.TokensWrapper = exports.TokensTitle = exports.TokensDataWrapper = exports.TokenInfo = exports.TokenDataHeader = exports.TokenData = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var TokensWrapper = exports.TokensWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-web__sc-107ax1k-0"
+})(["margin-top:1.5rem;margin-left:3rem;display:flex;flex-direction:column;gap:2rem;"]);
+var TokensTitle = exports.TokensTitle = /*#__PURE__*/_styledComponents["default"].h2.withConfig({
+  componentId: "plasma-web__sc-107ax1k-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);"]);
+var TokensDataWrapper = exports.TokensDataWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-web__sc-107ax1k-2"
+})(["display:flex;flex-direction:column;gap:1rem;"]);
+var TokenInfo = exports.TokenInfo = /*#__PURE__*/_styledComponents["default"].p.withConfig({
+  componentId: "plasma-web__sc-107ax1k-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);}"]);
+var TokenData = exports.TokenData = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-web__sc-107ax1k-4"
+})(["display:grid;grid-template-columns:16.75rem 3.813rem;column-gap:1.5rem;row-gap:0.75rem;"]);
+var TokenDataHeader = exports.TokenDataHeader = /*#__PURE__*/(0, _styledComponents["default"])(TokenData).withConfig({
+  componentId: "plasma-web__sc-107ax1k-5"
+})(["", "{color:var(--text-secondary);cursor:default;pointer-events:none;&:hover{color:var(--text-secondary);}&:active{color:var(--text-secondary);}}"], TokenInfo);

package/components/Tokens/Typography/Typography.styles.d.ts

@@ -36,7 +36,7 @@ export declare const StyledSegmentItem: import("styled-components").StyledCompon
 export declare const AccordionTypographyTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const FontFamily: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const AccordionInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledAccordionItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLElement>, "title" | "onChange"> & {
+export declare const StyledAccordionItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLElement>, "onChange" | "title"> & {
     value?: boolean;
     type?: "clear" | "arrow" | "sign";
     contentLeft?: React.ReactNode;