@bobbykim/manguito-theme 0.23.1 → 0.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +11 -0
  2. package/dist/core.cjs +2 -2
  3. package/dist/core.d.ts +5 -2
  4. package/dist/core.js +320 -305
  5. package/dist/mcl-theme.cjs +1 -1
  6. package/dist/mcl-theme.js +113 -216
  7. package/package.json +2 -2
package/dist/mcl-theme.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function y(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var g={},d={},h;function w(){return h||(h=1,function(n){Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"default",{enumerable:!0,get:function(){return s}});function p(o,e){return{handler:o,config:e}}p.withOptions=function(o,e=()=>({})){const i=function(b){return{__options:b,handler:o(b),config:e(b)}};return i.__isOptionsFunction=!0,i.__pluginFunction=o,i.__configFunction=e,i};const s=p}(d)),d}var x;function _(){return x||(x=1,function(n){Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"default",{enumerable:!0,get:function(){return o}});const p=s(w());function s(e){return e&&e.__esModule?e:{default:e}}const o=p.default}(g)),g}var c,m;function H(){if(m)return c;m=1;let n=_();return c=(n.__esModule?n:{default:n}).default,c}var O=H();const W=y(O),P=W.withOptions(()=>({addBase:n,theme:p,addComponents:s,addUtilities:o,e})=>{const i=p("colors"),b=Object.keys(i).reduce((l,t)=>{if(typeof i[t]=="string")return{...l,[`.mcl-list-${e(t)} li::before`]:{color:i[t]}};const f=Object.keys(i[t]);return{...l,...f.reduce((a,r)=>({...a,[`.mcl-list-${e(t)}-${r} li::before`]:{color:i[t][r]}}),{})}},{}),$=Object.keys(i).reduce((l,t)=>{if(["current","transparent","inherit"].includes(t))return;if(typeof i[t]=="string")return{...l,[`.mcl-link.text-${e(t)}`]:{"&:hover":{[`@apply text-${t}/60`]:{}}}};const a=Object.keys(i[t]);return{...l,...a.reduce((r,u)=>({...r,[`.mcl-link.text-${e(t)}-${u}`]:{"&:hover":{[`@apply text-${t}-${u}/60`]:{}}}}))}}),S=Object.keys(i).reduce((l,t)=>{if(typeof i[t]=="string")return{...l,[`.btn.btn-${e(t)}`]:{[`@apply bg-${t}`]:{},"&:hover":{"@apply bg-opacity-70":{}},"&:focus":{[`@apply ring-4 ring-${t}`]:{}}},[`.btn.btn-invert.btn-${e(t)}`]:{[`@apply border-2 bg-transparent border-${t} text-${t}`]:{},"&:hover":{[`@apply bg-${t} text-white bg-opacity-100`]:{}},"&:focus":{[`@apply bg-${t} text-white`]:{}}},[`.btn-group .btn.btn-${e(t)}`]:{"&:focus":{"@apply ring-0":{}}},[`.btn.btn-${e(t)}.btn-no-ring`]:{"&:focus":{"@apply ring-0":{}}},[`.btn.btn-progress.btn-${e(t)}`]:{[`@apply before:bg-${t} border-${t} text-${t} bg-transparent`]:{},"&:hover, &:focus":{"@apply text-white":{}}}};const f=Object.keys(i[t]);return{...l,...f.reduce((a,r)=>({...a,[`.btn.btn-${e(t)}-${r}`]:{[`@apply bg-${t}-${r}`]:{},"&:hover":{"@apply bg-opacity-70":{}},"&:focus":{[`@apply ring-4 ring-${t}-${r}`]:{}}},[`.btn.btn-invert.btn-${e(t)}-${r}`]:{[`@apply border-2 bg-white border-${t}-${r} text-${t}-${r}`]:{},"&:hover":{[`@apply bg-${t}-${r} text-white bg-opacity-100`]:{}},"&:focus":{[`@apply bg-${t}-${r} text-white`]:{}}},[`.btn-group .btn.btn-${e(t)}-${r}`]:{"&:focus":{"@apply ring-0":{}}},[`.btn.btn-progress.btn-${e(t)}-${r}`]:{[`@apply before:bg-${t}-${r} border-${t}-${r} text-${t}-${r} bg-transparent`]:{},"&:hover, &:focus":{"@apply text-white":{}}}}),{})}},{}),z=Object.keys(i).reduce((l,t)=>{if(typeof i[t]=="string")return{...l,[`.tooltip.tooltip-top.bg-${e(t)}`]:{[`@apply after:border-t-${t}`]:{}},[`.tooltip.tooltip-bottom.bg-${e(t)}`]:{[`@apply after:border-b-${t}`]:{}},[`.tooltip.tooltip-right.bg-${e(t)}`]:{[`@apply after:border-r-${t}`]:{}},[`.tooltip.tooltip-left.bg-${e(t)}`]:{[`@apply after:border-l-${t}`]:{}}};const f=Object.keys(i[t]);return{...l,...f.reduce((a,r)=>({...a,[`.tooltip.tooltip-top.bg-${e(t)}-${r}`]:{[`@apply after:border-t-${t}-${r}`]:{}},[`.tooltip.tooltip-bottom.bg-${e(t)}-${r}`]:{[`@apply after:border-b-${t}-${r}`]:{}},[`.tooltip.tooltip-right.bg-${e(t)}-${r}`]:{[`@apply after:border-r-${t}-${r}`]:{}},[`.tooltip.tooltip-left.bg-${e(t)}-${r}`]:{[`@apply after:border-l-${t}-${r}`]:{}}}))}},{});n({body:{fontSize:"1rem",lineHeight:"1.5"},h1:{fontSize:"30px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"30px"},"@screen lg":{fontSize:"48px"}},h2:{fontSize:"24px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"24px"},"@screen lg":{fontSize:"36px"}},h3:{fontSize:"18px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"18px"},"@screen lg":{fontSize:"20px"}},h4:{fontSize:"16px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"16px"},"@screen lg":{fontSize:"18px"}}}),s({".h1-sm":{fontSize:"24px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"24px"},"@screen lg":{fontSize:"36px"}},".h1-md":{fontSize:"30px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"30px"},"@screen lg":{fontSize:"48px"}},".h1-lg":{fontSize:"36px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"36px"},"@screen lg":{fontSize:"56px"}},".h1-xl":{fontSize:"56px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"56px"},"@screen lg":{fontSize:"72px"}},".h2-sm":{fontSize:"18px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"18px"},"@screen lg":{fontSize:"24px"}},".h2-md":{fontSize:"24px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"24px"},"@screen lg":{fontSize:"36px"}},".h2-lg":{fontSize:"30px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"30px"},"@screen lg":{fontSize:"48px"}},".h2-xl":{fontSize:"48px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"48px"},"@screen lg":{fontSize:"60px"}},".h3-sm":{fontSize:"16px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"16px"},"@screen lg":{fontSize:"16px"}},".h3-md":{fontSize:"18px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"18px"},"@screen lg":{fontSize:"20px"}},".h3-lg":{fontSize:"18px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"18px"},"@screen lg":{fontSize:"24px"}},".h3-xl":{fontSize:"30px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"30px"},"@screen lg":{fontSize:"36px"}},"h4-sm":{fontSize:"14px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"14px"},"@screen lg":{fontSize:"16px"}},"h4-md":{fontSize:"16px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"16px"},"@screen lg":{fontSize:"18px"}},"h4-lg":{fontSize:"16px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"16px"},"@screen lg":{fontSize:"20px"}},"h4-xl":{fontSize:"24px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"24px"},"@screen lg":{fontSize:"30px"}},".mcl-link":{color:p("colors.primary"),textDecoration:"underline","@apply transition-colors duration-200 ease-in":{},"&:hover":{"@apply text-primary/60":{}}},".mcl-list":{"list-style-position":"inside",padding:"0","margin-left":"1rem"},"ul .mcl-list":{"list-style":"none"},".mcl-list li":{"margin-bottom":"0.5rem"},".mcl-list li::before":{content:'"•"',"font-weight":"700",display:"inline-block",width:"1rem","margin-left":"-1rem"},".mcl-list.mcl-list-sm li::before":{"font-weight":"500"},".mcl-list.mcl-list-lg li::before":{"font-weight":"900"},".btn":{padding:"0.5rem 1rem",cursor:"pointer","font-size":"1rem",transition:"all 300ms linear",overflow:"hidden",display:"inline-block","font-weight":"bold","@apply outline-none ring-offset-white ring-offset-2 bg-primary text-center rounded":{},"&:hover":{"@apply bg-opacity-70":{}},"&:focus":{"@apply ring-4 ring-primary":{}}},".btn.btn-round":{"@apply rounded-full":{}},".btn.btn-full":{display:"block",width:"100%"},".btn.btn-sm":{padding:"0.25rem 0.5rem","font-size":"0.875rem"},".btn.btn-lg":{padding:"0.625rem 1.25rem","font-size":"1.125rem"},".btn-group":{"@apply inline-flex":{}},".btn-group.btn-group-span":{"@apply w-full":{}},".btn-group.btn-group-span .btn":{display:"block",width:"100%"},".btn-group .btn":{"@apply first:rounded-l last:rounded-r rounded-none ring-offset-0":{},"&:focus":{"@apply ring-0":{}}},".btn.btn-no-ring":{"@apply ring-offset-0":{},"&:focus":{"@apply ring-0":{}}},".btn.btn-invert":{"@apply border-2 border-primary text-primary bg-white":{},"&:hover":{"@apply bg-primary text-white bg-opacity-100":{}}},".btn.btn-progress":{position:"relative","&::before":{content:'""',position:"absolute",height:"100%",width:"0",bottom:"0",left:"0",transition:"width 300ms linear"},"@apply before:bg-primary border-2 border-primary text-primary bg-transparent":{}},".btn.btn-progress > *":{position:"relative"},".btn.btn-progress.btn-progress-r":{"&::before":{left:"100%",transition:"all 300ms linear"}},".btn.btn-progress:hover, .btn.btn-progress:focus":{"@apply text-white":{},"&::before":{width:"100%"}},".btn.btn-progress.btn-progress-r:hover, .btn.btn-progress.btn-progress-r:focus":{"&::before":{width:"100%",left:"0"}},".tooltip":{"@apply font-normal text-sm transition-opacity duration-200 p-2xs absolute rounded text-center drop-shadow-md":{}},".tooltip.tooltip-top":{left:"50%",bottom:"110%",transform:"translateX(-50%)","&::after":{content:'" "',position:"absolute",top:"100%",left:"50%","margin-left":"-5px","border-width":"5px","border-style":"solid"},"@apply after:border-t-dark-3 after:border-x-transparent after:border-b-transparent":{}},".tooltip.tooltip-bottom":{left:"50%",top:"110%",transform:"translateX(-50%)","&::after":{content:'" "',position:"absolute",bottom:"100%",left:"50%","margin-left":"-5px","border-width":"5px","border-style":"solid"},"@apply after:border-t-transparent after:border-x-transparent after:border-b-dark-3":{}},".tooltip.tooltip-left":{top:"50%",right:"110%",transform:"translateY(-50%)","&::after":{content:'" "',position:"absolute",top:"50%",left:"100%","margin-top":"-5px","border-width":"5px","border-style":"solid"},"@apply after:border-y-transparent after:border-r-transparent after:border-l-dark-3":{}},".tooltip.tooltip-right":{top:"50%",left:"110%",transform:"translateY(-50%)","&::after":{content:'" "',position:"absolute",top:"50%",right:"100%","margin-top":"-5px","border-width":"5px","border-style":"solid"},"@apply after:border-y-transparent after:border-l-transparent after:border-r-dark-3":{}}}),o(b),o(S),o($),o(z)},(n={})=>{const p={primary:"#ec489a",secondary:"#00feda",success:"#78be20",info:"#00a3e0",warning:"#f1ac18",danger:"#cc2f2f","light-1":"#fafafa","light-2":"#f1f1f1","light-3":"#e8e8e8","light-4":"#d0d0d0","dark-1":"#747474","dark-2":"#484848","dark-3":"#1f2937","dark-4":"#191919"},s={"3xs":"4px","2xs":"8px",xs:"16px",sm:"24px",md:"32px",lg:"48px",xl:"64px","2xl":"96px","3xl":"128px"};return Object.keys(p).forEach(o=>{n.colors!==void 0&&n.colors[o]!==void 0&&(p[o]=n.colors[o])}),Object.keys(s).forEach(o=>{n.spacing!==void 0&&n.spacing[o]!==void 0&&(s[o]=n.spacing[o])}),{theme:{fontSize:{xs:"12px",sm:"14px",md:"16px",lg:"18px",xl:"20px"},container:{center:!0,screens:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px"}},extend:{colors:p,spacing:s}}}});exports.mclTheme=P;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function x(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var a={},f={},g;function m(){return g||(g=1,function(t){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return p}});function l(n,i){return{handler:n,config:i}}l.withOptions=function(n,i=()=>({})){const r=function(s){return{__options:s,handler:n(s),config:i(s)}};return r.__isOptionsFunction=!0,r.__pluginFunction=n,r.__configFunction=i,r};const p=l}(f)),f}var b;function y(){return b||(b=1,function(t){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return n}});const l=p(m());function p(i){return i&&i.__esModule?i:{default:i}}const n=l.default}(a)),a}var d,c;function z(){if(c)return d;c=1;let t=y();return d=(t.__esModule?t:{default:t}).default,d}var S=z();const w=x(S),v=w.withOptions(()=>t=>{const{addBase:l,theme:p,addComponents:n,addUtilities:i,e:r}=t,s=p("colors"),u=Object.keys(s).filter(e=>typeof s[e]=="string"),h=new Set(["current","transparent","inherit"]),o={};for(const e of u)s[e]&&(o[`.mcl-list-${r(e)} li::before`]={color:s[e]},o[`.btn.btn-${r(e)}`]={[`@apply bg-${e}`]:{},"&:hover":{"@apply bg-opacity-70":{}},"&:focus":{[`@apply ring-4 ring-${e}`]:{}}},o[`.btn.btn-invert.btn-${r(e)}`]={[`@apply border-2 bg-transparent border-${e} text-${e}`]:{},"&:hover":{[`@apply bg-${e} text-white bg-opacity-100`]:{}},"&:focus":{[`@apply bg-${e} text-white`]:{}}},o[`.btn-group .btn.btn-${r(e)}`]={"&:focus":{"@apply ring-0":{}}},o[`.btn.btn-${r(e)}.btn-no-ring`]={"&:focus":{"@apply ring-0":{}}},o[`.btn.btn-progress.btn-${r(e)}`]={[`@apply before:bg-${e} border-${e} text-${e} bg-transparent`]:{},"&:hover, &:focus":{"@apply text-white":{}}},o[`.tooltip.tooltip-top.bg-${r(e)}`]={[`@apply after:border-t-${e}`]:{}},o[`.tooltip.tooltip-bottom.bg-${r(e)}`]={[`@apply after:border-b-${e}`]:{}},o[`.tooltip.tooltip-right.bg-${r(e)}`]={[`@apply after:border-r-${e}`]:{}},o[`.tooltip.tooltip-left.bg-${r(e)}`]={[`@apply after:border-l-${e}`]:{}},h.has(e)||(o[`.mcl-link.text-${r(e)}`]={"&:hover":{[`@apply text-${e}/60`]:{}}}));l({body:{fontSize:"1rem",lineHeight:"1.5"},h1:{fontSize:"30px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"30px"},"@screen lg":{fontSize:"48px"}},h2:{fontSize:"24px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"24px"},"@screen lg":{fontSize:"36px"}},h3:{fontSize:"18px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"18px"},"@screen lg":{fontSize:"20px"}},h4:{fontSize:"16px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"16px"},"@screen lg":{fontSize:"18px"}}}),n({".h1-sm":{fontSize:"24px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"24px"},"@screen lg":{fontSize:"36px"}},".h1-md":{fontSize:"30px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"30px"},"@screen lg":{fontSize:"48px"}},".h1-lg":{fontSize:"36px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"36px"},"@screen lg":{fontSize:"56px"}},".h1-xl":{fontSize:"56px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"56px"},"@screen lg":{fontSize:"72px"}},".h2-sm":{fontSize:"18px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"18px"},"@screen lg":{fontSize:"24px"}},".h2-md":{fontSize:"24px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"24px"},"@screen lg":{fontSize:"36px"}},".h2-lg":{fontSize:"30px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"30px"},"@screen lg":{fontSize:"48px"}},".h2-xl":{fontSize:"48px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"48px"},"@screen lg":{fontSize:"60px"}},".h3-sm":{fontSize:"16px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"16px"},"@screen lg":{fontSize:"16px"}},".h3-md":{fontSize:"18px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"18px"},"@screen lg":{fontSize:"20px"}},".h3-lg":{fontSize:"18px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"18px"},"@screen lg":{fontSize:"24px"}},".h3-xl":{fontSize:"30px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"30px"},"@screen lg":{fontSize:"36px"}},"h4-sm":{fontSize:"14px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"14px"},"@screen lg":{fontSize:"16px"}},"h4-md":{fontSize:"16px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"16px"},"@screen lg":{fontSize:"18px"}},"h4-lg":{fontSize:"16px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"16px"},"@screen lg":{fontSize:"20px"}},"h4-xl":{fontSize:"24px",fontWeight:"bold",lineHeight:"1.2","@screen md":{fontSize:"24px"},"@screen lg":{fontSize:"30px"}},".mcl-link":{color:p("colors.primary"),textDecoration:"underline","@apply transition-colors duration-200 ease-in":{},"&:hover":{"@apply text-primary/60":{}}},".mcl-list":{"list-style-position":"inside",padding:"0","margin-left":"1rem"},"ul .mcl-list":{"list-style":"none"},".mcl-list li":{"margin-bottom":"0.5rem"},".mcl-list li::before":{content:'"•"',"font-weight":"700",display:"inline-block",width:"1rem","margin-left":"-1rem"},".mcl-list.mcl-list-sm li::before":{"font-weight":"500"},".mcl-list.mcl-list-lg li::before":{"font-weight":"900"},".btn":{padding:"0.5rem 1rem",cursor:"pointer","font-size":"1rem",transition:"all 300ms linear",overflow:"hidden",display:"inline-block","font-weight":"bold","@apply outline-none ring-offset-white ring-offset-2 bg-primary text-center rounded":{},"&:hover":{"@apply bg-opacity-70":{}},"&:focus":{"@apply ring-4 ring-primary":{}}},".btn.btn-round":{"@apply rounded-full":{}},".btn.btn-full":{display:"block",width:"100%"},".btn.btn-sm":{padding:"0.25rem 0.5rem","font-size":"0.875rem"},".btn.btn-lg":{padding:"0.625rem 1.25rem","font-size":"1.125rem"},".btn-group":{"@apply inline-flex":{}},".btn-group.btn-group-span":{"@apply w-full":{}},".btn-group.btn-group-span .btn":{display:"block",width:"100%"},".btn-group .btn":{"@apply first:rounded-l last:rounded-r rounded-none ring-offset-0":{},"&:focus":{"@apply ring-0":{}}},".btn.btn-no-ring":{"@apply ring-offset-0":{},"&:focus":{"@apply ring-0":{}}},".btn.btn-invert":{"@apply border-2 border-primary text-primary bg-white":{},"&:hover":{"@apply bg-primary text-white bg-opacity-100":{}}},".btn.btn-progress":{position:"relative","&::before":{content:'""',position:"absolute",height:"100%",width:"0",bottom:"0",left:"0",transition:"width 300ms linear"},"@apply before:bg-primary border-2 border-primary text-primary bg-transparent":{}},".btn.btn-progress > *":{position:"relative"},".btn.btn-progress.btn-progress-r":{"&::before":{left:"100%",transition:"all 300ms linear"}},".btn.btn-progress:hover, .btn.btn-progress:focus":{"@apply text-white":{},"&::before":{width:"100%"}},".btn.btn-progress.btn-progress-r:hover, .btn.btn-progress.btn-progress-r:focus":{"&::before":{width:"100%",left:"0"}},".tooltip":{"@apply font-normal text-sm transition-opacity duration-200 p-2xs absolute rounded text-center drop-shadow-md":{}},".tooltip.tooltip-top":{left:"50%",bottom:"110%",transform:"translateX(-50%)","&::after":{content:'" "',position:"absolute",top:"100%",left:"50%","margin-left":"-5px","border-width":"5px","border-style":"solid"},"@apply after:border-t-dark-3 after:border-x-transparent after:border-b-transparent":{}},".tooltip.tooltip-bottom":{left:"50%",top:"110%",transform:"translateX(-50%)","&::after":{content:'" "',position:"absolute",bottom:"100%",left:"50%","margin-left":"-5px","border-width":"5px","border-style":"solid"},"@apply after:border-t-transparent after:border-x-transparent after:border-b-dark-3":{}},".tooltip.tooltip-left":{top:"50%",right:"110%",transform:"translateY(-50%)","&::after":{content:'" "',position:"absolute",top:"50%",left:"100%","margin-top":"-5px","border-width":"5px","border-style":"solid"},"@apply after:border-y-transparent after:border-r-transparent after:border-l-dark-3":{}},".tooltip.tooltip-right":{top:"50%",left:"110%",transform:"translateY(-50%)","&::after":{content:'" "',position:"absolute",top:"50%",right:"100%","margin-top":"-5px","border-width":"5px","border-style":"solid"},"@apply after:border-y-transparent after:border-l-transparent after:border-r-dark-3":{}}}),i(o)},(t={})=>{const l={primary:"#ec489a",secondary:"#00feda",success:"#78be20",info:"#00a3e0",warning:"#f1ac18",danger:"#cc2f2f","light-1":"#fafafa","light-2":"#f1f1f1","light-3":"#e8e8e8","light-4":"#d0d0d0","dark-1":"#747474","dark-2":"#484848","dark-3":"#1f2937","dark-4":"#191919"},p={"3xs":"4px","2xs":"8px",xs:"16px",sm:"24px",md:"32px",lg:"48px",xl:"64px","2xl":"96px","3xl":"128px"};return Object.keys(l).forEach(n=>{t.colors!==void 0&&t.colors[n]!==void 0&&(l[n]=t.colors[n])}),Object.keys(p).forEach(n=>{t.spacing!==void 0&&t.spacing[n]!==void 0&&(p[n]=t.spacing[n])}),{theme:{fontSize:{xs:"12px",sm:"14px",md:"16px",lg:"18px",xl:"20px"},container:{center:!0,screens:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px"}},extend:{colors:l,spacing:p}},safelist:["mcl-list","mcl-link","btn","tooltip",{pattern:/^btn-/},{pattern:/^tooltip-/},{pattern:/^mcl-list-/}]}});exports.mclTheme=v;
package/dist/mcl-theme.js CHANGED
@@ -1,229 +1,115 @@
1
- function y(n) {
2
- return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
1
+ function x(t) {
2
+ return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
3
3
  }
4
- var g = {}, d = {}, h;
5
- function w() {
6
- return h || (h = 1, function(n) {
7
- Object.defineProperty(n, "__esModule", {
4
+ var a = {}, f = {}, g;
5
+ function m() {
6
+ return g || (g = 1, function(t) {
7
+ Object.defineProperty(t, "__esModule", {
8
8
  value: !0
9
- }), Object.defineProperty(n, "default", {
9
+ }), Object.defineProperty(t, "default", {
10
10
  enumerable: !0,
11
11
  get: function() {
12
- return s;
12
+ return p;
13
13
  }
14
14
  });
15
- function p(o, e) {
15
+ function l(n, i) {
16
16
  return {
17
- handler: o,
18
- config: e
17
+ handler: n,
18
+ config: i
19
19
  };
20
20
  }
21
- p.withOptions = function(o, e = () => ({})) {
22
- const i = function(b) {
21
+ l.withOptions = function(n, i = () => ({})) {
22
+ const r = function(s) {
23
23
  return {
24
- __options: b,
25
- handler: o(b),
26
- config: e(b)
24
+ __options: s,
25
+ handler: n(s),
26
+ config: i(s)
27
27
  };
28
28
  };
29
- return i.__isOptionsFunction = !0, i.__pluginFunction = o, i.__configFunction = e, i;
29
+ return r.__isOptionsFunction = !0, r.__pluginFunction = n, r.__configFunction = i, r;
30
30
  };
31
- const s = p;
32
- }(d)), d;
31
+ const p = l;
32
+ }(f)), f;
33
33
  }
34
- var x;
35
- function _() {
36
- return x || (x = 1, function(n) {
37
- Object.defineProperty(n, "__esModule", {
34
+ var b;
35
+ function y() {
36
+ return b || (b = 1, function(t) {
37
+ Object.defineProperty(t, "__esModule", {
38
38
  value: !0
39
- }), Object.defineProperty(n, "default", {
39
+ }), Object.defineProperty(t, "default", {
40
40
  enumerable: !0,
41
41
  get: function() {
42
- return o;
42
+ return n;
43
43
  }
44
44
  });
45
- const p = /* @__PURE__ */ s(w());
46
- function s(e) {
47
- return e && e.__esModule ? e : {
48
- default: e
45
+ const l = /* @__PURE__ */ p(m());
46
+ function p(i) {
47
+ return i && i.__esModule ? i : {
48
+ default: i
49
49
  };
50
50
  }
51
- const o = p.default;
52
- }(g)), g;
51
+ const n = l.default;
52
+ }(a)), a;
53
53
  }
54
- var c, m;
55
- function H() {
56
- if (m) return c;
57
- m = 1;
58
- let n = _();
59
- return c = (n.__esModule ? n : { default: n }).default, c;
54
+ var d, c;
55
+ function z() {
56
+ if (c) return d;
57
+ c = 1;
58
+ let t = y();
59
+ return d = (t.__esModule ? t : { default: t }).default, d;
60
60
  }
61
- var W = H();
62
- const O = /* @__PURE__ */ y(W), P = O.withOptions(
63
- () => ({ addBase: n, theme: p, addComponents: s, addUtilities: o, e }) => {
64
- const i = p("colors"), b = Object.keys(i).reduce((l, t) => {
65
- if (typeof i[t] == "string")
66
- return {
67
- ...l,
68
- [`.mcl-list-${e(t)} li::before`]: {
69
- color: i[t]
70
- }
71
- };
72
- const f = Object.keys(i[t]);
73
- return {
74
- ...l,
75
- ...f.reduce(
76
- (a, r) => ({
77
- ...a,
78
- [`.mcl-list-${e(t)}-${r} li::before`]: {
79
- color: i[t][r]
80
- }
81
- }),
82
- {}
83
- )
84
- };
85
- }, {}), $ = Object.keys(i).reduce(
86
- (l, t) => {
87
- if (["current", "transparent", "inherit"].includes(t))
88
- return;
89
- if (typeof i[t] == "string")
90
- return {
91
- ...l,
92
- [`.mcl-link.text-${e(t)}`]: {
93
- "&:hover": {
94
- [`@apply text-${t}/60`]: {}
95
- }
96
- }
97
- };
98
- const a = Object.keys(i[t]);
99
- return {
100
- ...l,
101
- ...a.reduce((r, u) => ({
102
- ...r,
103
- [`.mcl-link.text-${e(t)}-${u}`]: {
104
- "&:hover": {
105
- [`@apply text-${t}-${u}/60`]: {}
106
- }
107
- }
108
- }))
109
- };
110
- }
111
- ), S = Object.keys(i).reduce((l, t) => {
112
- if (typeof i[t] == "string")
113
- return {
114
- ...l,
115
- [`.btn.btn-${e(t)}`]: {
116
- [`@apply bg-${t}`]: {},
117
- "&:hover": {
118
- "@apply bg-opacity-70": {}
119
- },
120
- "&:focus": {
121
- [`@apply ring-4 ring-${t}`]: {}
122
- }
123
- },
124
- [`.btn.btn-invert.btn-${e(t)}`]: {
125
- [`@apply border-2 bg-transparent border-${t} text-${t}`]: {},
126
- "&:hover": {
127
- [`@apply bg-${t} text-white bg-opacity-100`]: {}
128
- },
129
- "&:focus": {
130
- [`@apply bg-${t} text-white`]: {}
131
- }
132
- },
133
- [`.btn-group .btn.btn-${e(t)}`]: {
134
- "&:focus": {
135
- "@apply ring-0": {}
136
- }
137
- },
138
- [`.btn.btn-${e(t)}.btn-no-ring`]: {
139
- "&:focus": {
140
- "@apply ring-0": {}
141
- }
142
- },
143
- [`.btn.btn-progress.btn-${e(t)}`]: {
144
- [`@apply before:bg-${t} border-${t} text-${t} bg-transparent`]: {},
145
- "&:hover, &:focus": {
146
- "@apply text-white": {}
147
- }
148
- }
149
- };
150
- const f = Object.keys(i[t]);
151
- return {
152
- ...l,
153
- ...f.reduce(
154
- (a, r) => ({
155
- ...a,
156
- [`.btn.btn-${e(t)}-${r}`]: {
157
- [`@apply bg-${t}-${r}`]: {},
158
- "&:hover": {
159
- "@apply bg-opacity-70": {}
160
- },
161
- "&:focus": {
162
- [`@apply ring-4 ring-${t}-${r}`]: {}
163
- }
164
- },
165
- [`.btn.btn-invert.btn-${e(t)}-${r}`]: {
166
- [`@apply border-2 bg-white border-${t}-${r} text-${t}-${r}`]: {},
167
- "&:hover": {
168
- [`@apply bg-${t}-${r} text-white bg-opacity-100`]: {}
169
- },
170
- "&:focus": {
171
- [`@apply bg-${t}-${r} text-white`]: {}
172
- }
173
- },
174
- [`.btn-group .btn.btn-${e(t)}-${r}`]: {
175
- "&:focus": {
176
- "@apply ring-0": {}
177
- }
178
- },
179
- [`.btn.btn-progress.btn-${e(t)}-${r}`]: {
180
- [`@apply before:bg-${t}-${r} border-${t}-${r} text-${t}-${r} bg-transparent`]: {},
181
- "&:hover, &:focus": {
182
- "@apply text-white": {}
183
- }
184
- }
185
- }),
186
- {}
187
- )
188
- };
189
- }, {}), z = Object.keys(i).reduce((l, t) => {
190
- if (typeof i[t] == "string")
191
- return {
192
- ...l,
193
- [`.tooltip.tooltip-top.bg-${e(t)}`]: {
194
- [`@apply after:border-t-${t}`]: {}
195
- },
196
- [`.tooltip.tooltip-bottom.bg-${e(t)}`]: {
197
- [`@apply after:border-b-${t}`]: {}
198
- },
199
- [`.tooltip.tooltip-right.bg-${e(t)}`]: {
200
- [`@apply after:border-r-${t}`]: {}
201
- },
202
- [`.tooltip.tooltip-left.bg-${e(t)}`]: {
203
- [`@apply after:border-l-${t}`]: {}
204
- }
205
- };
206
- const f = Object.keys(i[t]);
207
- return {
208
- ...l,
209
- ...f.reduce((a, r) => ({
210
- ...a,
211
- [`.tooltip.tooltip-top.bg-${e(t)}-${r}`]: {
212
- [`@apply after:border-t-${t}-${r}`]: {}
213
- },
214
- [`.tooltip.tooltip-bottom.bg-${e(t)}-${r}`]: {
215
- [`@apply after:border-b-${t}-${r}`]: {}
216
- },
217
- [`.tooltip.tooltip-right.bg-${e(t)}-${r}`]: {
218
- [`@apply after:border-r-${t}-${r}`]: {}
219
- },
220
- [`.tooltip.tooltip-left.bg-${e(t)}-${r}`]: {
221
- [`@apply after:border-l-${t}-${r}`]: {}
222
- }
223
- }))
224
- };
225
- }, {});
226
- n({
61
+ var S = z();
62
+ const w = /* @__PURE__ */ x(S), $ = w.withOptions(
63
+ () => (t) => {
64
+ const { addBase: l, theme: p, addComponents: n, addUtilities: i, e: r } = t, s = p("colors"), h = Object.keys(s).filter(
65
+ (e) => typeof s[e] == "string"
66
+ ), u = /* @__PURE__ */ new Set(["current", "transparent", "inherit"]), o = {};
67
+ for (const e of h)
68
+ s[e] && (o[`.mcl-list-${r(e)} li::before`] = {
69
+ color: s[e]
70
+ }, o[`.btn.btn-${r(e)}`] = {
71
+ [`@apply bg-${e}`]: {},
72
+ "&:hover": {
73
+ "@apply bg-opacity-70": {}
74
+ },
75
+ "&:focus": {
76
+ [`@apply ring-4 ring-${e}`]: {}
77
+ }
78
+ }, o[`.btn.btn-invert.btn-${r(e)}`] = {
79
+ [`@apply border-2 bg-transparent border-${e} text-${e}`]: {},
80
+ "&:hover": {
81
+ [`@apply bg-${e} text-white bg-opacity-100`]: {}
82
+ },
83
+ "&:focus": {
84
+ [`@apply bg-${e} text-white`]: {}
85
+ }
86
+ }, o[`.btn-group .btn.btn-${r(e)}`] = {
87
+ "&:focus": {
88
+ "@apply ring-0": {}
89
+ }
90
+ }, o[`.btn.btn-${r(e)}.btn-no-ring`] = {
91
+ "&:focus": {
92
+ "@apply ring-0": {}
93
+ }
94
+ }, o[`.btn.btn-progress.btn-${r(e)}`] = {
95
+ [`@apply before:bg-${e} border-${e} text-${e} bg-transparent`]: {},
96
+ "&:hover, &:focus": {
97
+ "@apply text-white": {}
98
+ }
99
+ }, o[`.tooltip.tooltip-top.bg-${r(e)}`] = {
100
+ [`@apply after:border-t-${e}`]: {}
101
+ }, o[`.tooltip.tooltip-bottom.bg-${r(e)}`] = {
102
+ [`@apply after:border-b-${e}`]: {}
103
+ }, o[`.tooltip.tooltip-right.bg-${r(e)}`] = {
104
+ [`@apply after:border-r-${e}`]: {}
105
+ }, o[`.tooltip.tooltip-left.bg-${r(e)}`] = {
106
+ [`@apply after:border-l-${e}`]: {}
107
+ }, u.has(e) || (o[`.mcl-link.text-${r(e)}`] = {
108
+ "&:hover": {
109
+ [`@apply text-${e}/60`]: {}
110
+ }
111
+ }));
112
+ l({
227
113
  body: {
228
114
  // default font size
229
115
  fontSize: "1rem",
@@ -261,7 +147,7 @@ const O = /* @__PURE__ */ y(W), P = O.withOptions(
261
147
  "@screen md": { fontSize: "16px" },
262
148
  "@screen lg": { fontSize: "18px" }
263
149
  }
264
- }), s({
150
+ }), n({
265
151
  ".h1-sm": {
266
152
  fontSize: "24px",
267
153
  fontWeight: "bold",
@@ -562,10 +448,10 @@ const O = /* @__PURE__ */ y(W), P = O.withOptions(
562
448
  },
563
449
  "@apply after:border-y-transparent after:border-l-transparent after:border-r-dark-3": {}
564
450
  }
565
- }), o(b), o(S), o($), o(z);
451
+ }), i(o);
566
452
  },
567
- (n = {}) => {
568
- const p = {
453
+ (t = {}) => {
454
+ const l = {
569
455
  primary: "#ec489a",
570
456
  secondary: "#00feda",
571
457
  success: "#78be20",
@@ -580,7 +466,7 @@ const O = /* @__PURE__ */ y(W), P = O.withOptions(
580
466
  "dark-2": "#484848",
581
467
  "dark-3": "#1f2937",
582
468
  "dark-4": "#191919"
583
- }, s = {
469
+ }, p = {
584
470
  "3xs": "4px",
585
471
  "2xs": "8px",
586
472
  xs: "16px",
@@ -591,10 +477,10 @@ const O = /* @__PURE__ */ y(W), P = O.withOptions(
591
477
  "2xl": "96px",
592
478
  "3xl": "128px"
593
479
  };
594
- return Object.keys(p).forEach((o) => {
595
- n.colors !== void 0 && n.colors[o] !== void 0 && (p[o] = n.colors[o]);
596
- }), Object.keys(s).forEach((o) => {
597
- n.spacing !== void 0 && n.spacing[o] !== void 0 && (s[o] = n.spacing[o]);
480
+ return Object.keys(l).forEach((n) => {
481
+ t.colors !== void 0 && t.colors[n] !== void 0 && (l[n] = t.colors[n]);
482
+ }), Object.keys(p).forEach((n) => {
483
+ t.spacing !== void 0 && t.spacing[n] !== void 0 && (p[n] = t.spacing[n]);
598
484
  }), {
599
485
  theme: {
600
486
  fontSize: {
@@ -614,13 +500,24 @@ const O = /* @__PURE__ */ y(W), P = O.withOptions(
614
500
  }
615
501
  },
616
502
  extend: {
617
- colors: p,
618
- spacing: s
503
+ colors: l,
504
+ spacing: p
619
505
  }
620
- }
506
+ },
507
+ safelist: [
508
+ // static patterns
509
+ "mcl-list",
510
+ "mcl-link",
511
+ "btn",
512
+ "tooltip",
513
+ // dynamic patterns
514
+ { pattern: /^btn-/ },
515
+ { pattern: /^tooltip-/ },
516
+ { pattern: /^mcl-list-/ }
517
+ ]
621
518
  };
622
519
  }
623
520
  );
624
521
  export {
625
- P as mclTheme
522
+ $ as mclTheme
626
523
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bobbykim/manguito-theme",
3
- "version": "0.23.1",
3
+ "version": "0.25.0",
4
4
  "description": "main theme file for manguito components library. Other MCL components will need to import this file to run.",
5
5
  "type": "module",
6
6
  "publishConfig": {
@@ -51,5 +51,5 @@
51
51
  "url": "https://github.com/bobbykim89/manguito-component-library.git"
52
52
  },
53
53
  "license": "MIT",
54
- "gitHead": "afe5374be029e87ef182b284589763b138e7f100"
54
+ "gitHead": "ff7499791d1ced7ae862e474ce4b8b421f947a27"
55
55
  }