UNPKG

@lanaco/lnc-react-ui

Version:

React component library

39 lines (34 loc) 2.6 kB
"use strict";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;