@activecollab/components
Version:
ActiveCollab Components
41 lines • 2.32 kB
JavaScript
import styled from "styled-components";
import { BoxSizingStyle } from "../BoxSizingStyle";
import { FontStyle } from "../FontStyle";
export const StyledAccordion = styled.div.withConfig({
displayName: "Styles__StyledAccordion",
componentId: "sc-h8w6zs-0"
})(["", " ", " ", ""], {
"overflow": "hidden",
"borderRadius": "0.5rem",
"borderWidth": "1px",
"borderBottomWidth": "0px",
"borderStyle": "solid",
"borderColor": "var(--border-primary)"
}, FontStyle, BoxSizingStyle);
StyledAccordion.displayName = "StyledAccordion";
export const StyledAccordionItem = styled.div.withConfig({
displayName: "Styles__StyledAccordionItem",
componentId: "sc-h8w6zs-1"
})(["display:flex;flex-direction:column;background-color:var(--page-paper-main);border:1px solid transparent;border-bottom:1px solid var(--border-primary);overflow:hidden;", " ", ""], FontStyle, BoxSizingStyle);
StyledAccordionItem.displayName = "StyledAccordionItem";
export const StyledAccordionItemBody = styled.div.withConfig({
displayName: "Styles__StyledAccordionItemBody",
componentId: "sc-h8w6zs-2"
})(["margin:0 16px;", " ", ""], FontStyle, BoxSizingStyle);
StyledAccordionItemBody.displayName = "StyledAccordionItemHead";
export const StyledAccordionItemHead = styled.div.withConfig({
displayName: "Styles__StyledAccordionItemHead",
componentId: "sc-h8w6zs-3"
})(["user-select:none;padding:8px 16px;display:flex;flex-direction:row;justify-content:space-between;color:var(--color-theme-900);cursor:pointer;", " ", " .text{font-weight:bold;font-size:13px;}.icon{width:16px;height:16px;fill:currentColor;transform:translateY(-4px);}"], FontStyle, BoxSizingStyle);
StyledAccordionItemHead.displayName = "StyledAccordionItemHead";
export const StyledAccordionItemHeadText = styled.div.withConfig({
displayName: "Styles__StyledAccordionItemHeadText",
componentId: "sc-h8w6zs-4"
})(["font-weight:bold;font-size:13px;"]);
StyledAccordionItemHeadText.displayName = "StyledAccordionItemHeadText";
export const StyledAccordionItemHeadIcon = styled.div.withConfig({
displayName: "Styles__StyledAccordionItemHeadIcon",
componentId: "sc-h8w6zs-5"
})(["width:16px;height:16px;fill:currentColor;transform:translateY(-4px);"]);
StyledAccordionItemHeadIcon.displayName = "StyledAccordionItemHeadIcon";
//# sourceMappingURL=Styles.js.map