import styled from "@emotion/styled";
import { addFocus } from "../../../../mixins";
import { IconChevronDownFill, IconMinus } from "../../../_Icon";
import { classes, privateTokens, tokens } from "../../Accordion.tokens";
export const StyledAccordionHeader = /*#__PURE__*/ styled("div", {
    target: "e6swc040",
    label: "StyledAccordionHeader"
})("width:100%;border:none;padding:var(", tokens.accordionItemPadding, ");display:flex;gap:var(", tokens.accordionItemGap, ");justify-content:space-between;align-items:center;background:none;box-sizing:border-box;cursor:pointer;&:focus{outline:none;}", addFocus({
    outlineOffset: '0.125rem',
    outlineSize: '0.125rem',
    outlineRadius: `var(${privateTokens.calculatedBorderRadius})`,
    outlineColor: `var(${tokens.accordionItemFocus})`
}));
export const StyledAccordionHeaderLeft = /*#__PURE__*/ styled("div", {
    target: "e6swc041",
    label: "StyledAccordionHeaderLeft"
})("display:flex;gap:var(", tokens.accordionItemHeaderLeftGap, ",var(", tokens.accordionItemGap, "));justify-content:space-between;align-items:center;");
export const StyledAccordionContentRight = /*#__PURE__*/ styled("div", {
    target: "e6swc042",
    label: "StyledAccordionContentRight"
})("transition:0.2s;transform:rotate(90deg);&.", classes.accordionItemShowBody, "{transition:0.2s;transform:rotate(0deg);}");
export const StyledAccordionContentLeft = /*#__PURE__*/ styled("div", {
    target: "e6swc043",
    label: "StyledAccordionContentLeft"
})("transition:0.2s;display:flex;align-items:center;&.", classes.accordionItemShowBody, "{transition:0.2s;transform:rotate(180deg);}");
export const StyledAccordionTitle = /*#__PURE__*/ styled("div", {
    target: "e6swc044",
    label: "StyledAccordionTitle"
})("color:var(", tokens.accordionItemTitleColor, ");font-family:var(", tokens.accordionItemTitleFontFamily, ");font-size:var(", tokens.accordionItemTitleFontSize, ");font-weight:var(", tokens.accordionItemTitleFontWeight, ");font-style:var(", tokens.accordionItemTitleFontStyle, ");letter-spacing:var(", tokens.accordionItemTitleLetterSpacing, ");line-height:var(", tokens.accordionItemTitleLineHeight, ");text-align:left;");
export const StyledAccordionBodyAnimate = /*#__PURE__*/ styled("div", {
    target: "e6swc045",
    label: "StyledAccordionBodyAnimate"
})("display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.2s ease-out;overflow:hidden;&.", classes.accordionItemShowBody, "{grid-template-rows:1fr;padding-bottom:var(", tokens.accordionItemBodyPaddingBottom, ",var(", tokens.accordionItemPaddingVertical, "));&.", classes.accordionPlusAnimationElement, "{transition:0.2s;transform:rotate(0deg);}}");
export const StyledAccordionBody = /*#__PURE__*/ styled("div", {
    target: "e6swc046",
    label: "StyledAccordionBody"
})("color:var(", tokens.accordionItemTextColor, ");font-family:var(", tokens.accordionItemTextFontFamily, ");font-size:var(", tokens.accordionItemTextFontSize, ");font-weight:var(", tokens.accordionItemTextFontWeight, ");font-style:var(", tokens.accordionItemTextFontStyle, ");letter-spacing:var(", tokens.accordionItemTextLetterSpacing, ");line-height:var(", tokens.accordionItemTextLineHeight, ");overflow:hidden;padding-right:var(", tokens.accordionItemPaddingHorizontal, ");padding-left:var(", tokens.accordionItemPaddingHorizontalLeft, ");text-align:left;");
export const StyledArrow = /*#__PURE__*/ styled(IconChevronDownFill, {
    target: "e6swc047",
    label: "StyledArrow"
})("pointer-events:none;user-select:none;color:var(", tokens.accordionItemIconColor, ");");
export const StyledMinus = /*#__PURE__*/ styled(IconMinus, {
    target: "e6swc048",
    label: "StyledMinus"
})("pointer-events:none;user-select:none;color:var(", tokens.accordionItemIconColor, ");display:flex;align-items:center;position:absolute;top:0;left:0;&.", classes.accordionPlusAnimationElement, "{transition:0.2s;transform:rotate(90deg);}&.", classes.accordionItemShowBody, "{transition:0.2s;transform:rotate(0deg);color:var(", tokens.accordionItemOpenedTitleColor, ",var(", tokens.accordionItemIconColor, "));}");
export const StyledPlus = /*#__PURE__*/ styled("div", {
    target: "e6swc049",
    label: "StyledPlus"
})("position:relative;display:flex;align-items:center;justify-content:center;width:var(", tokens.accordionItemIconSize, ",1rem);height:var(", tokens.accordionItemIconSize, ",1rem);");
export const StyledAccordionItem = /*#__PURE__*/ styled("div", {
    target: "e6swc0410",
    label: "StyledAccordionItem"
})("background:var(", tokens.accordionItemBackground, ");border:var(", tokens.accordionItemBorder, ");border-bottom:var(", tokens.accordionItemBorderBottom, ");box-shadow:var(", tokens.accordionItemShadow, ");&:last-child{border-bottom:var(", tokens.accordionItemBorder, ");}&.", classes.accordionDisabled, "{opacity:0.4;cursor:not-allowed;}&:hover:not(.", classes.accordionItemOpened, "){background:var(", tokens.accordionItemBackgroundHover, ",var(", tokens.accordionItemBackground, "));}&.", classes.accordionItemOpened, "{background:var(", tokens.accordionItemOpenedBackground, ",var(", tokens.accordionItemBackground, "));", StyledArrow, "{color:var(", tokens.accordionItemOpenedTitleColor, ",var(", tokens.accordionItemIconColor, "));}", StyledAccordionTitle, "{color:var(", tokens.accordionItemOpenedTitleColor, ",var(", tokens.accordionItemTitleColor, "));}}");
