UNPKG

@lanaco/lnc-react-ui

Version:

React component library

77 lines (68 loc) 2.63 kB
"use strict";const r=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),t=require("./consts-CtNoHdBj.cjs"),a=r.newStyled.div` display: flex; flex-direction: column; gap: 1.5rem; & .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 (max-width: ${t.MOBILE_SIZE_PX+"px"}) { gap: 1.25rem; & .regular-title { font-size: 1.375rem; &.center { justify-content: center; } } } `,i=r.newStyled.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; } & i { font-size: 1.5rem; color: var(--primary-500, #f59e0b); } } @media (max-width: ${t.MOBILE_SIZE_PX+"px"}) { & .regular-title { font-size: 1.375rem; } } `,n=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.newStyled.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; ${e=>n(e.color)} `;exports.BlogTag=s;exports.RegulatTitleSectionWrapper=a;exports.TitleWithOptionsSectionWrapper=i;