@salutejs/sdds-cs 0.319.0-canary.2010.15752302924.0 → 0.319.0-canary.2010.15854111527.0

package/emotion/cjs/components/Toast/Toast.config.js

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

package/emotion/cjs/components/Toast/Toast.js

@@ -1,18 +1,30 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.ToastProvider = exports.ToastController = exports.Toast = void 0;
-Object.defineProperty(exports, "useToast", {
-  enumerable: true,
-  get: function get() {
-    return _emotion.useToast;
-  }
+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 _emotion.useToast;
+    }
 });
-var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
-var _Toast = /*#__PURE__*/require("./Toast.config");
-var mergedConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.toastConfig, _Toast.config);
-var Toast = exports.Toast = /*#__PURE__*/(0, _emotion.component)(mergedConfig);
-var ToastController = exports.ToastController = /*#__PURE__*/(0, _emotion.ToastControllerHoc)(Toast);
-var ToastProvider = exports.ToastProvider = /*#__PURE__*/(0, _emotion.ToastProviderHoc)(ToastController);
+var _emotion = require("@salutejs/plasma-new-hope/emotion");
+var _Toastconfig = require("./Toast.config");
+var mergedConfig = (0, _emotion.mergeConfig)(_emotion.toastConfig, _Toastconfig.config);
+var Toast = (0, _emotion.component)(mergedConfig);
+var ToastController = (0, _emotion.ToastControllerHoc)(Toast);
+var ToastProvider = (0, _emotion.ToastProviderHoc)(ToastController);

package/emotion/cjs/components/Toast/index.js

@@ -1,24 +1,22 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-Object.defineProperty(exports, "Toast", {
-  enumerable: true,
-  get: function get() {
-    return _Toast.Toast;
-  }
+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, "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");
+var _Toast = require("./Toast");

package/emotion/cjs/components/ToastNew/ToastNew.config.js

@@ -1,26 +1,85 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.config = void 0;
-var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
-var _templateObject, _templateObject2, _templateObject3;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 's'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card-brightness);\n\n                ", ": var(--text-accent);\n                ", ": #1A9E32;\n            "])), _emotion.toastNewTokens.color, _emotion.toastNewTokens.background, _emotion.toastNewTokens.closeIconColor, _emotion.toastNewTokens.closeIconColorOnHover)
-    },
-    size: {
-      s: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": calc(100vw - 5rem);\n                ", ": 0.5rem 0.75rem;\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n                ", ": -0.0625rem 0.125rem -0.0625rem 0.75rem;\n                ", ": -0.0625rem 0.5rem -0.0625rem 0rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n            "])), _emotion.toastNewTokens.borderRadius, _emotion.toastNewTokens.maxWidth, _emotion.toastNewTokens.padding, _emotion.toastNewTokens.closeIconSize, _emotion.toastNewTokens.closeIconButtonSize, _emotion.toastNewTokens.closeIconMargin, _emotion.toastNewTokens.contentLeftMargin, _emotion.toastNewTokens.fontFamily, _emotion.toastNewTokens.fontSize, _emotion.toastNewTokens.fontStyle, _emotion.toastNewTokens.fontWeight, _emotion.toastNewTokens.letterSpacing, _emotion.toastNewTokens.lineHeight)
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _emotion = require("@salutejs/plasma-new-hope/emotion");
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--surface-solid-card-brightness);\n\n                ",
+        ": var(--text-accent);\n                ",
+        ": #1A9E32;\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.75rem;\n                ",
+        ": calc(100vw - 5rem);\n                ",
+        ": 0.5rem 0.75rem;\n                ",
+        ": 1.5rem;\n                ",
+        ": 1.5rem;\n                ",
+        ": -0.0625rem 0.125rem -0.0625rem 0.75rem;\n                ",
+        ": -0.0625rem 0.5rem -0.0625rem 0rem;\n\n                ",
+        ": var(--plasma-typo-body-m-font-family);\n                ",
+        ": var(--plasma-typo-body-m-font-size);\n                ",
+        ": var(--plasma-typo-body-m-font-style);\n                ",
+        ": var(--plasma-typo-body-m-font-weight);\n                ",
+        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-m-line-height);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1.5rem;\n                ",
+        ": -0.0625rem 0.375rem -0.0625rem 0rem;\n                ",
+        ": -0.0625rem 0.25rem -0.0625rem 0.375rem;\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        size: 's'
     },
-    pilled: {
-      "true": /*#__PURE__*/(0, _emotion.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": -0.0625rem 0.375rem -0.0625rem 0rem;\n                ", ": -0.0625rem 0.25rem -0.0625rem 0.375rem;\n            "])), _emotion.toastNewTokens.borderRadius, _emotion.toastNewTokens.contentLeftMargin, _emotion.toastNewTokens.closeIconMargin)
+    variations: {
+        view: {
+            default: (0, _emotion.css)(_templateObject(), _emotion.toastNewTokens.color, _emotion.toastNewTokens.background, _emotion.toastNewTokens.closeIconColor, _emotion.toastNewTokens.closeIconColorOnHover)
+        },
+        size: {
+            s: (0, _emotion.css)(_templateObject1(), _emotion.toastNewTokens.borderRadius, _emotion.toastNewTokens.maxWidth, _emotion.toastNewTokens.padding, _emotion.toastNewTokens.closeIconSize, _emotion.toastNewTokens.closeIconButtonSize, _emotion.toastNewTokens.closeIconMargin, _emotion.toastNewTokens.contentLeftMargin, _emotion.toastNewTokens.fontFamily, _emotion.toastNewTokens.fontSize, _emotion.toastNewTokens.fontStyle, _emotion.toastNewTokens.fontWeight, _emotion.toastNewTokens.letterSpacing, _emotion.toastNewTokens.lineHeight)
+        },
+        pilled: {
+            true: (0, _emotion.css)(_templateObject2(), _emotion.toastNewTokens.borderRadius, _emotion.toastNewTokens.contentLeftMargin, _emotion.toastNewTokens.closeIconMargin)
+        }
     }
-  }
-};
+};

package/emotion/cjs/components/ToastNew/ToastNew.js

@@ -1,11 +1,23 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.showToast = exports.ToastContainer = void 0;
-var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
-var _ToastNew = /*#__PURE__*/require("./ToastNew.config");
-var mergedConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.toastContainerConfig, _ToastNew.config);
-var ToastContainer = exports.ToastContainer = /*#__PURE__*/(0, _emotion.component)(mergedConfig);
-var showToast = exports.showToast = _emotion.showToast;
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get ToastContainer () {
+        return ToastContainer;
+    },
+    get showToast () {
+        return showToast;
+    }
+});
+var _emotion = require("@salutejs/plasma-new-hope/emotion");
+var _ToastNewconfig = require("./ToastNew.config");
+var mergedConfig = (0, _emotion.mergeConfig)(_emotion.toastContainerConfig, _ToastNewconfig.config);
+var ToastContainer = (0, _emotion.component)(mergedConfig);
+var showToast = _emotion.showToast;

package/emotion/cjs/components/ToastNew/index.js

@@ -1,18 +1,19 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-Object.defineProperty(exports, "ToastContainer", {
-  enumerable: true,
-  get: function get() {
-    return _ToastNew.ToastContainer;
-  }
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get ToastContainer () {
+        return _ToastNew.ToastContainer;
+    },
+    get showToast () {
+        return _ToastNew.showToast;
+    }
 });
-Object.defineProperty(exports, "showToast", {
-  enumerable: true,
-  get: function get() {
-    return _ToastNew.showToast;
-  }
-});
-var _ToastNew = /*#__PURE__*/require("./ToastNew");
+var _ToastNew = require("./ToastNew");

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

@@ -1,30 +1,150 @@
 "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 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 _plasmanewhope = require("@salutejs/plasma-new-hope");
+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-998f2ec3-0"
+})([
+    "padding-top:1.5rem;width:100%;"
+]);
+var SubthemeSwitcher = _styledcomponents.default.div.withConfig({
+    displayName: "Colors.styles__SubthemeSwitcher",
+    componentId: "sc-998f2ec3-1"
+})([
+    "margin:-0.5rem auto 2.5rem auto;width:fit-content;position:relative;&:before{content:'Подтема';position:absolute;top:50%;transform:translate(-100%,-50%);left:-0.75rem;color:var(--text-tertiary);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);bold-font-weight:var(--plasma-typo-body-xs-bold-font-weight);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}"
+]);
+var StyledSegmentItem = (0, _styledcomponents.default)(_Segment.SegmentItem).withConfig({
+    displayName: "Colors.styles__StyledSegmentItem",
+    componentId: "sc-998f2ec3-2"
+})([
+    "",
+    ":1.75rem;",
+    ":0.375rem 0.5rem;"
+], _plasmanewhope.segmentTokens.itemHeight, _plasmanewhope.segmentTokens.itemPilledPadding);
+var AccordionInfo = _styledcomponents.default.div.withConfig({
+    displayName: "Colors.styles__AccordionInfo",
+    componentId: "sc-998f2ec3-3"
+})([
+    "display:grid;grid-template-columns:16.75rem 9.938rem 2.375rem 3.813rem 9.313rem;grid-column-gap:1.5rem;font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);font-weight:var(--plasma-typo-body-m-font-weight);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);"
+]);
+var Subcategory = _styledcomponents.default.div.withConfig({
+    displayName: "Colors.styles__Subcategory",
+    componentId: "sc-998f2ec3-4"
+})([
+    "color:var(--text-secondary);"
+]);
+var ColumnTitle = _styledcomponents.default.div.withConfig({
+    displayName: "Colors.styles__ColumnTitle",
+    componentId: "sc-998f2ec3-5"
+})([
+    "color:var(--text-tertiary);transition:opacity 0.2s;&.color{display:flex;align-items:center;gap:2.5rem;}&.hex{padding-left:3.75rem;}"
+]);
+var StyledAccordionItem = (0, _styledcomponents.default)(_Accordion.AccordionItem).withConfig({
+    displayName: "Colors.styles__StyledAccordionItem",
+    componentId: "sc-998f2ec3-6"
+})([
+    "--plasma-accordion-item-padding:0;--plasma-accordion-item-padding-vertical:0;border-bottom:unset;width:50.375rem;div > div > div > svg{color:var(--text-secondary);}.accordion-item-body{margin-bottom:2.375rem;padding-top:0.125rem;transition:margin-bottom 0.2s,padding-top 0.2s;}[aria-expanded]{margin-bottom:1rem;}[aria-expanded='false']{margin-bottom:1.125rem;",
+    " ",
+    "{opacity:0;}}[aria-expanded='false'] + div > .accordion-item-body{margin:0;padding:0;}"
+], AccordionInfo, ColumnTitle);
+var TokenInfoWrapper = _styledcomponents.default.div.withConfig({
+    displayName: "Colors.styles__TokenInfoWrapper",
+    componentId: "sc-998f2ec3-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-998f2ec3-8"
+})([
+    "display:flex;flex-direction:column;gap:0.5rem;"
+]);
+var StateDataWrapper = _styledcomponents.default.div.withConfig({
+    displayName: "Colors.styles__StateDataWrapper",
+    componentId: "sc-998f2ec3-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-998f2ec3-10"
+})([
+    "color:var(--text-secondary);padding-left:0.125rem;"
+]);
+var TokenInfo = _styledcomponents.default.div.withConfig({
+    displayName: "Colors.styles__TokenInfo",
+    componentId: "sc-998f2ec3-11"
+})([
+    "color:var(--text-paragraph);cursor:default;&.copy{cursor:copy;}&.color{display:flex;align-items:center;gap:2.5rem;}&.no-interaction{text-align:right;}&.hex{padding-left:3.75rem;}&:not(.no-interaction):hover{color:var(--text-paragraph-hover);",
+    "{color:var(--text-paragraph-hover);}}&:not(.no-interaction):active{color:var(--text-paragraph-active);",
+    "{color:var(--text-secondary-active);}}&.state{padding-left:1.5rem;color:var(--text-secondary);&:hover{color:var(--text-secondary);}&:active{color:var(--text-secondary-active);}}"
+], OpacityPart, OpacityPart);
+var ColorCircle = _styledcomponents.default.div.withConfig({
+    displayName: "Colors.styles__ColorCircle",
+    componentId: "sc-998f2ec3-12"
+})([
+    "width:1.25rem;height:1.25rem;border-radius:50%;background:",
+    ";box-shadow:",
+    ";"
+], function(props) {
+    return props.background || 'transparent';
+}, function(props) {
+    return props.disableShadow ? 'none' : 'inset 0px 0px 0px 1px rgba(8, 8, 8, 0.12)';
 });
-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 _plasmaNewHope = /*#__PURE__*/require("@salutejs/plasma-new-hope");
-var _Accordion = /*#__PURE__*/require("../../Accordion");
-var _Segment = /*#__PURE__*/require("../../Segment/Segment");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var ColorTokensWrapper = exports.ColorTokensWrapper = /*#__PURE__*/_styledComponents["default"].div(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    padding-top: 1.5rem;\n    width: 100%;\n"])));
-var SubthemeSwitcher = exports.SubthemeSwitcher = /*#__PURE__*/_styledComponents["default"].div(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n    margin: -0.5rem auto 2.5rem auto;\n    width: fit-content;\n\n    position: relative;\n\n    &:before {\n        content: '\u041F\u043E\u0434\u0442\u0435\u043C\u0430';\n        position: absolute;\n        top: 50%;\n        transform: translate(-100%, -50%);\n        left: -0.75rem;\n        color: var(--text-tertiary);\n\n        font-family: var(--plasma-typo-body-xs-font-family);\n        font-size: var(--plasma-typo-body-xs-font-size);\n        font-style: var(--plasma-typo-body-xs-font-style);\n        font-weight: var(--plasma-typo-body-xs-font-weight);\n        bold-font-weight: var(--plasma-typo-body-xs-bold-font-weight);\n        letter-spacing: var(--plasma-typo-body-xs-letter-spacing);\n        line-height: var(--plasma-typo-body-xs-line-height);\n    }\n"])));
-var StyledSegmentItem = exports.StyledSegmentItem = /*#__PURE__*/(0, _styledComponents["default"])(_Segment.SegmentItem)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n    ", ": 1.75rem;\n    ", ": 0.375rem 0.5rem;\n"])), _plasmaNewHope.segmentTokens.itemHeight, _plasmaNewHope.segmentTokens.itemPilledPadding);
-var AccordionInfo = exports.AccordionInfo = /*#__PURE__*/_styledComponents["default"].div(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n    display: grid;\n    grid-template-columns: 16.75rem 9.938rem 2.375rem 3.813rem 9.313rem;\n    grid-column-gap: 1.5rem;\n\n    font-family: var(--plasma-typo-body-m-font-family);\n    font-size: var(--plasma-typo-body-m-font-size);\n    font-style: var(--plasma-typo-body-m-font-style);\n    font-weight: var(--plasma-typo-body-m-font-weight);\n    letter-spacing: var(--plasma-typo-body-m-letter-spacing);\n    line-height: var(--plasma-typo-body-m-line-height);\n"])));
-var Subcategory = exports.Subcategory = /*#__PURE__*/_styledComponents["default"].div(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n    color: var(--text-secondary);\n"])));
-var ColumnTitle = exports.ColumnTitle = /*#__PURE__*/_styledComponents["default"].div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n    color: var(--text-tertiary);\n    transition: opacity 0.2s;\n\n    &.color {\n        display: flex;\n        align-items: center;\n        gap: 2.5rem;\n    }\n\n    &.hex {\n        padding-left: 3.75rem;\n    }\n"])));
-var StyledAccordionItem = exports.StyledAccordionItem = /*#__PURE__*/(0, _styledComponents["default"])(_Accordion.AccordionItem)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n    --plasma-accordion-item-padding: 0;\n    --plasma-accordion-item-padding-vertical: 0;\n\n    border-bottom: unset;\n    width: 50.375rem;\n\n    div > div > div > svg {\n        color: var(--text-secondary);\n    }\n\n    .accordion-item-body {\n        margin-bottom: 2.375rem;\n        padding-top: 0.125rem;\n        transition: margin-bottom 0.2s, padding-top 0.2s;\n    }\n\n    [aria-expanded] {\n        margin-bottom: 1rem;\n    }\n\n    [aria-expanded='false'] {\n        margin-bottom: 1.125rem;\n\n        ", " ", " {\n            opacity: 0;\n        }\n    }\n\n    [aria-expanded='false'] + div > .accordion-item-body {\n        margin: 0;\n        padding: 0;\n    }\n"])), AccordionInfo, ColumnTitle);
-var TokenInfoWrapper = exports.TokenInfoWrapper = /*#__PURE__*/_styledComponents["default"].div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n    gap: 0.75rem;\n    margin-top: -0.125rem;\n"])));
-var ColorTokenDataWrapper = exports.ColorTokenDataWrapper = /*#__PURE__*/_styledComponents["default"].div(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n    gap: 0.5rem;\n"])));
-var StateDataWrapper = exports.StateDataWrapper = /*#__PURE__*/_styledComponents["default"].div(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n    gap: 0.5rem;\n    margin-bottom: 0.75rem;\n"])));
-var OpacityPart = exports.OpacityPart = /*#__PURE__*/_styledComponents["default"].span(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n    color: var(--text-secondary);\n    padding-left: 0.125rem;\n"])));
-var TokenInfo = exports.TokenInfo = /*#__PURE__*/_styledComponents["default"].div(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n    color: var(--text-paragraph);\n\n    cursor: default;\n\n    &.copy {\n        cursor: copy;\n    }\n\n    &.color {\n        display: flex;\n        align-items: center;\n        gap: 2.5rem;\n    }\n\n    &.no-interaction {\n        text-align: right;\n    }\n\n    &.hex {\n        padding-left: 3.75rem;\n    }\n\n    &:not(.no-interaction):hover {\n        color: var(--text-paragraph-hover);\n\n        ", " {\n            color: var(--text-paragraph-hover);\n        }\n    }\n\n    &:not(.no-interaction):active {\n        color: var(--text-paragraph-active);\n\n        ", " {\n            color: var(--text-secondary-active);\n        }\n    }\n\n    &.state {\n        padding-left: 1.5rem;\n        color: var(--text-secondary);\n\n        &:hover {\n            color: var(--text-secondary);\n        }\n\n        &:active {\n            color: var(--text-secondary-active);\n        }\n    }\n"])), OpacityPart, OpacityPart);
-var ColorCircle = exports.ColorCircle = /*#__PURE__*/_styledComponents["default"].div(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n    width: 1.25rem;\n    height: 1.25rem;\n    border-radius: 50%;\n\n    background: ", ";\n    box-shadow: ", ";\n"])), function (props) {
-  return props.background || 'transparent';
-}, function (props) {
-  return props.disableShadow ? 'none' : 'inset 0px 0px 0px 1px rgba(8, 8, 8, 0.12)';
-});