@lanaco/lnc-react-ui
Version:
React component library
124 lines (106 loc) • 3.51 kB
JavaScript
"use strict";const r=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),a=require("./breakpoints-CcVm-gVm.cjs"),t=require("./utils-BK6B_Y9X.cjs"),n=r.styled.div`
display: flex;
flex-direction: column;
gap: 1.5rem;
& .button-link {
white-space: nowrap;
}
& .regular-title {
display: flex;
gap: 0.5rem;
align-items: center;
justify-content: space-between;
font-size: 1.5rem;
font-weight: 600;
& .regular-title-text {
display: flex;
gap: 0.5rem;
align-items: center;
}
& i {
font-size: 1.5rem;
color: var(--primary-500, #f59e0b);
}
}
@media ${a.down("S")} {
gap: 1.25rem;
& .regular-title {
font-size: 1.375rem;
&.center {
justify-content: center;
}
}
}
`,i=r.styled.div`
display: flex;
flex-direction: column;
gap: 0.75rem;
& .regular-title {
display: flex;
gap: 0.5rem;
align-items: center;
justify-content: space-between;
font-size: 1.5rem;
font-weight: 600;
padding-bottom: 0.75rem;
& .regular-title-text {
display: flex;
gap: 0.5rem;
align-items: center;
${t.truncateText()}
& span {
${t.truncateText()}
}
}
& .button-link {
white-space: nowrap;
}
& i {
font-size: 1.5rem;
color: var(--primary-500, #f59e0b);
}
}
@media ${a.down("S")} {
& .regular-title {
font-size: 1.375rem;
padding-bottom: 0.5rem;
}
}
`,o=e=>(e==null?void 0:e.toLowerCase())=="success"?"color: var(--success-700, #047857); border: 1px solid var(--success-600, #059669); background-color: var(--sucess-60008, #05966914);":(e==null?void 0:e.toLowerCase())=="warning"?"color: var(--warning-600, #d97706); border: 1px solid var(--warning-500, #f59e0b); background-color: var(--warning-50012, #f59e0b1f);":(e==null?void 0:e.toLowerCase())=="info"?"color: var(--info-700, #6d28d9); border: 1px solid var(--info-600, #7c3aed); background-color: var(--info-60012, #7c3aed1f);":(e==null?void 0:e.toLowerCase())=="danger"?"color: var(--danger-600, #e11d48); border: 1px solid var(--danger-500, #f43f5e); background-color: var(--danger-5008, #f43f5e14);":(e==null?void 0:e.toLowerCase())=="secondary"?"color: var(--secondary-700, #2667a0); border: 1px solid var(--secondary-600, #3284cb); background-color: var(--secondary-60012, #3284cb1f);":"color: var(--gray-950, #14161A); border: 1px solid var(--gray-200, #dddfe4); background-color: var(--white, #fff);",s=r.styled.div`
font-size: 0.75rem;
font-weight: 500;
padding: 0 0.5rem;
align-items: center;
min-height: 1.25rem;
max-height: 1.25rem;
border-radius: 0.25rem;
display: flex;
max-width: 12.5rem;
${e=>o(e.color)}
${t.truncateText()}
`,d=r.styled.div`
display: flex;
justify-content: space-between;
& .heading__title {
color: var(--gray-950, #14161a);
font-weight: 600;
font-size: 1.5rem;
line-height: 2rem;
letter-spacing: -0.0294rem;
& i {
font-size: 1.5rem;
color: var(--primary-500, #f59e0b);
}
}
& .heading__action {
/* color: var(--gray-950, #14161a);
background: var(--neutral-9504, rgba(20, 22, 26, 0.04)); */
white-space: nowrap;
/* &:hover {
background: var(--neutral-9504, rgba(20, 22, 26, 0.12));
} */
&:focus {
outline: none;
}
}
`;exports.BlogTag=s;exports.RegulatTitleSectionWrapper=n;exports.SectionHeadingContainer=d;exports.TitleWithOptionsSectionWrapper=i;