@bobbykim/manguito-theme 0.23.0 → 0.24.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 +611 -579
  5. package/dist/mcl-theme.cjs +1 -1
  6. package/dist/mcl-theme.js +129 -215
  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 z(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var f={},a={},d;function S(){return d||(d=1,function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:function(){return p}});function l(r,n){return{handler:r,config:n}}l.withOptions=function(r,n=()=>({})){const i=function(s){return{__options:s,handler:r(s),config:n(s)}};return i.__isOptionsFunction=!0,i.__pluginFunction=r,i.__configFunction=n,i};const p=l}(a)),a}var b;function y(){return b||(b=1,function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:function(){return r}});const l=p(S());function p(n){return n&&n.__esModule?n:{default:n}}const r=l.default}(f)),f}var g,c;function v(){if(c)return g;c=1;let e=y();return g=(e.__esModule?e:{default:e}).default,g}var w=v();const $=z(w),_=$.withOptions(()=>({addBase:e,theme:l,addComponents:p,addUtilities:r,e:n})=>{const i=l("colors"),s=Object.keys(i).filter(o=>typeof i[o]=="string"),u=s.reduce((o,t)=>!(t in i)||typeof i[t]!="string"?o:{...o,[`.mcl-list-${n(t)} li::before`]:{color:i[t]}},{}),h=s.reduce((o,t)=>["current","transparent","inherit"].includes(t)||!(t in i)||typeof i[t]!="string"?o:{...o,[`.mcl-link.text-${n(t)}`]:{"&:hover":{[`@apply text-${t}/60`]:{}}}},{}),x=s.reduce((o,t)=>!(t in i)||typeof i[t]!="string"?o:{...o,[`.btn.btn-${n(t)}`]:{[`@apply bg-${t}`]:{},"&:hover":{"@apply bg-opacity-70":{}},"&:focus":{[`@apply ring-4 ring-${t}`]:{}}},[`.btn.btn-invert.btn-${n(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-${n(t)}`]:{"&:focus":{"@apply ring-0":{}}},[`.btn.btn-${n(t)}.btn-no-ring`]:{"&:focus":{"@apply ring-0":{}}},[`.btn.btn-progress.btn-${n(t)}`]:{[`@apply before:bg-${t} border-${t} text-${t} bg-transparent`]:{},"&:hover, &:focus":{"@apply text-white":{}}}},{}),m=s.reduce((o,t)=>!(t in i)||typeof i[t]!="string"?o:{...o,[`.tooltip.tooltip-top.bg-${n(t)}`]:{[`@apply after:border-t-${t}`]:{}},[`.tooltip.tooltip-bottom.bg-${n(t)}`]:{[`@apply after:border-b-${t}`]:{}},[`.tooltip.tooltip-right.bg-${n(t)}`]:{[`@apply after:border-r-${t}`]:{}},[`.tooltip.tooltip-left.bg-${n(t)}`]:{[`@apply after:border-l-${t}`]:{}}},{});e({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"}}}),p({".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:l("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":{}}}),r(u),r(x),r(h),r(m)},(e={})=>{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(r=>{e.colors!==void 0&&e.colors[r]!==void 0&&(l[r]=e.colors[r])}),Object.keys(p).forEach(r=>{e.spacing!==void 0&&e.spacing[r]!==void 0&&(p[r]=e.spacing[r])}),{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=_;
package/dist/mcl-theme.js CHANGED
@@ -1,229 +1,132 @@
1
- function y(n) {
2
- return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
1
+ function z(e) {
2
+ return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
3
3
  }
4
- var g = {}, d = {}, h;
5
- function w() {
6
- return h || (h = 1, function(n) {
7
- Object.defineProperty(n, "__esModule", {
4
+ var f = {}, a = {}, d;
5
+ function S() {
6
+ return d || (d = 1, function(e) {
7
+ Object.defineProperty(e, "__esModule", {
8
8
  value: !0
9
- }), Object.defineProperty(n, "default", {
9
+ }), Object.defineProperty(e, "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(r, n) {
16
16
  return {
17
- handler: o,
18
- config: e
17
+ handler: r,
18
+ config: n
19
19
  };
20
20
  }
21
- p.withOptions = function(o, e = () => ({})) {
22
- const i = function(b) {
21
+ l.withOptions = function(r, n = () => ({})) {
22
+ const i = function(s) {
23
23
  return {
24
- __options: b,
25
- handler: o(b),
26
- config: e(b)
24
+ __options: s,
25
+ handler: r(s),
26
+ config: n(s)
27
27
  };
28
28
  };
29
- return i.__isOptionsFunction = !0, i.__pluginFunction = o, i.__configFunction = e, i;
29
+ return i.__isOptionsFunction = !0, i.__pluginFunction = r, i.__configFunction = n, i;
30
30
  };
31
- const s = p;
32
- }(d)), d;
31
+ const p = l;
32
+ }(a)), a;
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(e) {
37
+ Object.defineProperty(e, "__esModule", {
38
38
  value: !0
39
- }), Object.defineProperty(n, "default", {
39
+ }), Object.defineProperty(e, "default", {
40
40
  enumerable: !0,
41
41
  get: function() {
42
- return o;
42
+ return r;
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(S());
46
+ function p(n) {
47
+ return n && n.__esModule ? n : {
48
+ default: n
49
49
  };
50
50
  }
51
- const o = p.default;
52
- }(g)), g;
51
+ const r = l.default;
52
+ }(f)), f;
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 g, c;
55
+ function v() {
56
+ if (c) return g;
57
+ c = 1;
58
+ let e = y();
59
+ return g = (e.__esModule ? e : { default: e }).default, g;
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
- };
61
+ var w = v();
62
+ const $ = /* @__PURE__ */ z(w), H = $.withOptions(
63
+ () => ({ addBase: e, theme: l, addComponents: p, addUtilities: r, e: n }) => {
64
+ const i = l("colors"), s = Object.keys(i).filter(
65
+ (o) => typeof i[o] == "string"
66
+ ), u = s.reduce((o, t) => !(t in i) || typeof i[t] != "string" ? o : {
67
+ ...o,
68
+ [`.mcl-list-${n(t)} li::before`]: {
69
+ color: i[t]
70
+ }
71
+ }, {}), h = s.reduce((o, t) => ["current", "transparent", "inherit"].includes(t) || !(t in i) || typeof i[t] != "string" ? o : {
72
+ ...o,
73
+ [`.mcl-link.text-${n(t)}`]: {
74
+ "&:hover": {
75
+ [`@apply text-${t}/60`]: {}
76
+ }
77
+ }
78
+ }, {}), x = s.reduce((o, t) => !(t in i) || typeof i[t] != "string" ? o : {
79
+ ...o,
80
+ [`.btn.btn-${n(t)}`]: {
81
+ [`@apply bg-${t}`]: {},
82
+ "&:hover": {
83
+ "@apply bg-opacity-70": {}
84
+ },
85
+ "&:focus": {
86
+ [`@apply ring-4 ring-${t}`]: {}
87
+ }
88
+ },
89
+ [`.btn.btn-invert.btn-${n(t)}`]: {
90
+ [`@apply border-2 bg-transparent border-${t} text-${t}`]: {},
91
+ "&:hover": {
92
+ [`@apply bg-${t} text-white bg-opacity-100`]: {}
93
+ },
94
+ "&:focus": {
95
+ [`@apply bg-${t} text-white`]: {}
96
+ }
97
+ },
98
+ [`.btn-group .btn.btn-${n(t)}`]: {
99
+ "&:focus": {
100
+ "@apply ring-0": {}
101
+ }
102
+ },
103
+ [`.btn.btn-${n(t)}.btn-no-ring`]: {
104
+ "&:focus": {
105
+ "@apply ring-0": {}
106
+ }
107
+ },
108
+ [`.btn.btn-progress.btn-${n(t)}`]: {
109
+ [`@apply before:bg-${t} border-${t} text-${t} bg-transparent`]: {},
110
+ "&:hover, &:focus": {
111
+ "@apply text-white": {}
112
+ }
113
+ }
114
+ }, {}), m = s.reduce((o, t) => !(t in i) || typeof i[t] != "string" ? o : {
115
+ ...o,
116
+ [`.tooltip.tooltip-top.bg-${n(t)}`]: {
117
+ [`@apply after:border-t-${t}`]: {}
118
+ },
119
+ [`.tooltip.tooltip-bottom.bg-${n(t)}`]: {
120
+ [`@apply after:border-b-${t}`]: {}
121
+ },
122
+ [`.tooltip.tooltip-right.bg-${n(t)}`]: {
123
+ [`@apply after:border-r-${t}`]: {}
124
+ },
125
+ [`.tooltip.tooltip-left.bg-${n(t)}`]: {
126
+ [`@apply after:border-l-${t}`]: {}
110
127
  }
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
128
  }, {});
226
- n({
129
+ e({
227
130
  body: {
228
131
  // default font size
229
132
  fontSize: "1rem",
@@ -261,7 +164,7 @@ const O = /* @__PURE__ */ y(W), P = O.withOptions(
261
164
  "@screen md": { fontSize: "16px" },
262
165
  "@screen lg": { fontSize: "18px" }
263
166
  }
264
- }), s({
167
+ }), p({
265
168
  ".h1-sm": {
266
169
  fontSize: "24px",
267
170
  fontWeight: "bold",
@@ -375,7 +278,7 @@ const O = /* @__PURE__ */ y(W), P = O.withOptions(
375
278
  "@screen lg": { fontSize: "30px" }
376
279
  },
377
280
  ".mcl-link": {
378
- color: p("colors.primary"),
281
+ color: l("colors.primary"),
379
282
  textDecoration: "underline",
380
283
  "@apply transition-colors duration-200 ease-in": {},
381
284
  "&:hover": {
@@ -562,10 +465,10 @@ const O = /* @__PURE__ */ y(W), P = O.withOptions(
562
465
  },
563
466
  "@apply after:border-y-transparent after:border-l-transparent after:border-r-dark-3": {}
564
467
  }
565
- }), o(b), o(S), o($), o(z);
468
+ }), r(u), r(x), r(h), r(m);
566
469
  },
567
- (n = {}) => {
568
- const p = {
470
+ (e = {}) => {
471
+ const l = {
569
472
  primary: "#ec489a",
570
473
  secondary: "#00feda",
571
474
  success: "#78be20",
@@ -580,7 +483,7 @@ const O = /* @__PURE__ */ y(W), P = O.withOptions(
580
483
  "dark-2": "#484848",
581
484
  "dark-3": "#1f2937",
582
485
  "dark-4": "#191919"
583
- }, s = {
486
+ }, p = {
584
487
  "3xs": "4px",
585
488
  "2xs": "8px",
586
489
  xs: "16px",
@@ -591,10 +494,10 @@ const O = /* @__PURE__ */ y(W), P = O.withOptions(
591
494
  "2xl": "96px",
592
495
  "3xl": "128px"
593
496
  };
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]);
497
+ return Object.keys(l).forEach((r) => {
498
+ e.colors !== void 0 && e.colors[r] !== void 0 && (l[r] = e.colors[r]);
499
+ }), Object.keys(p).forEach((r) => {
500
+ e.spacing !== void 0 && e.spacing[r] !== void 0 && (p[r] = e.spacing[r]);
598
501
  }), {
599
502
  theme: {
600
503
  fontSize: {
@@ -614,13 +517,24 @@ const O = /* @__PURE__ */ y(W), P = O.withOptions(
614
517
  }
615
518
  },
616
519
  extend: {
617
- colors: p,
618
- spacing: s
520
+ colors: l,
521
+ spacing: p
619
522
  }
620
- }
523
+ },
524
+ safelist: [
525
+ // static patterns
526
+ "mcl-list",
527
+ "mcl-link",
528
+ "btn",
529
+ "tooltip",
530
+ // dynamic patterns
531
+ { pattern: /^btn-/ },
532
+ { pattern: /^tooltip-/ },
533
+ { pattern: /^mcl-list-/ }
534
+ ]
621
535
  };
622
536
  }
623
537
  );
624
538
  export {
625
- P as mclTheme
539
+ H as mclTheme
626
540
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bobbykim/manguito-theme",
3
- "version": "0.23.0",
3
+ "version": "0.24.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": "0c86a1a70a33446112dafbaf5fce5fdcb5fdf755"
54
+ "gitHead": "92ed1f261177034bd95ac0e3d60ba672e3473555"
55
55
  }