"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;
    }
});
const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
const _styledcomponents1 = require("@salutejs/plasma-new-hope/styled-components");
const _Accordion = require("../../Accordion");
const _Segment = require("../../Segment/Segment");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const ColorTokensWrapper = _styledcomponents.default.div.withConfig({
    displayName: "Colors.styles__ColorTokensWrapper",
    componentId: "sc-e9243388-0"
})([
    `padding-top:1.5rem;width:100%;`
]);
const 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);}`
]);
const 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);
const 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);`
]);
const Subcategory = _styledcomponents.default.div.withConfig({
    displayName: "Colors.styles__Subcategory",
    componentId: "sc-e9243388-4"
})([
    `color:var(--text-secondary);`
]);
const 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;}`
]);
const 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);
const 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;`
]);
const ColorTokenDataWrapper = _styledcomponents.default.div.withConfig({
    displayName: "Colors.styles__ColorTokenDataWrapper",
    componentId: "sc-e9243388-8"
})([
    `display:flex;flex-direction:column;gap:0.5rem;`
]);
const 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;`
]);
const OpacityPart = _styledcomponents.default.span.withConfig({
    displayName: "Colors.styles__OpacityPart",
    componentId: "sc-e9243388-10"
})([
    `color:var(--text-secondary);padding-left:0.125rem;`
]);
const 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);
const 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:`,
    `;`
], (props)=>props.background || 'transparent', (props)=>props.disableShadow ? 'none' : 'inset 0px 0px 0px 1px rgba(8, 8, 8, 0.12)');
