@lanaco/lnc-react-ui
Version:
React component library
39 lines (34 loc) • 2.6 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),s=require("react"),d=require("./theme-Q3WOGKWQ.cjs"),t=require("./utils-BK6B_Y9X.cjs"),g=require("./styled-components.browser.esm-BaNxtZgB.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),m=e=>{const a=e.palette.disabled.color,o=e.palette[a][e.palette.disabled.background],r=e.palette.opacity[e.palette.disabled.opacity];return t.hexToRgba(o,r??"100%")},p=e=>{const a=e.palette.disabled.color;return e.palette[a][e.palette.disabled.text]},h=g.$e`
* {
--size-small: ${e=>t.getSizeValueWithUnits(e.theme,"small")};
--size-medium: ${e=>t.getSizeValueWithUnits(e.theme,"medium")};
--size-large: ${e=>t.getSizeValueWithUnits(e.theme,"large")};
--disabled-text: ${e=>p(e.theme)};
--disabled-bg: ${e=>m(e.theme)};
box-sizing: border-box;
font-family: ${e=>{var a,o;return(o=(a=e.theme)==null?void 0:a.typography)==null?void 0:o.fontFamily}};
-webkit-tap-highlight-color: transparent;
& i {
font-family: "Font Awesome 5 Free";
}
& .lnc-doc {
& th {
background-color: ${e=>t.getColorRgbaValue(e.theme,"Background","default","enabled","background")} !important;
color: ${e=>t.getColorRgbaValue(e.theme,"Text","default","enabled","text")} !important;
}
& td {
background-color: ${e=>t.getColorRgbaValue(e.theme,"Background","default","enabled","background")} !important;
color: ${e=>t.getColorRgbaValue(e.theme,"Text","default","enabled","text")} !important;
}
}
& .sbdocs {
background-color: ${e=>t.getColorRgbaValue(e.theme,"Background","default","enabled","background")} !important;
color: ${e=>t.getColorRgbaValue(e.theme,"Text","default","enabled","text")} !important;
}
}
body {
position: relative;
background-color: ${e=>t.getColorRgbaValue(e.theme,"Background","default","enabled","background")};
color: ${e=>t.getColorRgbaValue(e.theme,"Text","default","enabled","text")};
}
`,c=s.createContext(),f=()=>s.useContext(c),x=({theme:e="Lanaco Light",children:a})=>{const[o,r]=s.useState(()=>{var l;return typeof e=="string"?(l=d.themes)==null?void 0:l.find(n=>n.name==e):e});s.useEffect(()=>{var l;r(typeof e=="string"?(l=d.themes)==null?void 0:l.find(n=>n.name==e):e)},[e]);const u=()=>{var l;r(typeof e=="string"?(l=d.themes)==null?void 0:l.find(n=>n.name==e):e)};return i.jsx(c.Provider,{value:{theme:o,switchTheme:u},children:i.jsxs(b.ThemeProvider,{theme:o,children:[i.jsx(h,{theme:o}),a]})})};exports.default=x;exports.useTheme=f;