UNPKG

@lanaco/lnc-react-ui

Version:

React component library

124 lines (106 loc) 3.51 kB
"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;