@bobbykim/manguito-theme 0.22.1 → 0.23.1

package/dist/mcl-theme.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function $(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var c={},h={};(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})(h);(function(n){Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"default",{enumerable:!0,get:function(){return o}});const p=s(h);function s(e){return e&&e.__esModule?e:{default:e}}const o=p.default})(c);let d=c;var S=(d.__esModule?d:{default:d}).default;const z=$(S),y=z.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 a=Object.keys(i[t]);return{...l,...a.reduce((f,r)=>({...f,[`.mcl-list-${e(t)}-${r} li::before`]:{color:i[t][r]}}),{})}},{}),x=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 f=Object.keys(i[t]);return{...l,...f.reduce((r,g)=>({...r,[`.mcl-link.text-${e(t)}-${g}`]:{"&:hover":{[`@apply text-${t}-${g}/60`]:{}}}}))}}),u=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 a=Object.keys(i[t]);return{...l,...a.reduce((f,r)=>({...f,[`.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":{}}}}),{})}},{}),m=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 a=Object.keys(i[t]);return{...l,...a.reduce((f,r)=>({...f,[`.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(u),o(x),o(m)},(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=y;
+"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;

package/dist/mcl-theme.d.ts

@@ -4,7 +4,7 @@ import { PluginCreator } from 'tailwindcss/types/config';
 export declare const mclTheme: {
     (options: Partial<Config> | undefined): {
         handler: PluginCreator;
-        config?: Partial<Config> | undefined;
+        config?: Partial<Config>;
     };
     __isOptionsFunction: true;
 };

package/dist/mcl-theme.js

@@ -1,54 +1,65 @@
-function $(n) {
+function y(n) {
   return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
-var c = {}, h = {};
-(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) {
+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 {
-        __options: b,
-        handler: o(b),
-        config: e(b)
+        handler: o,
+        config: e
       };
-    };
-    return i.__isOptionsFunction = !0, i.__pluginFunction = o, i.__configFunction = e, i;
-  };
-  const s = p;
-})(h);
-(function(n) {
-  Object.defineProperty(n, "__esModule", {
-    value: !0
-  }), Object.defineProperty(n, "default", {
-    enumerable: !0,
-    get: function() {
-      return o;
     }
-  });
-  const p = /* @__PURE__ */ s(h);
-  function s(e) {
-    return e && e.__esModule ? e : {
-      default: 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 o = p.default;
-})(c);
-let d = c;
-var S = (d.__esModule ? d : { default: d }).default;
-const z = /* @__PURE__ */ $(S), y = z.withOptions(
+    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 = /* @__PURE__ */ 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 W = H();
+const O = /* @__PURE__ */ y(W), P = O.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")
@@ -58,12 +69,12 @@ const z = /* @__PURE__ */ $(S), y = z.withOptions(
             color: i[t]
           }
         };
-      const a = Object.keys(i[t]);
+      const f = Object.keys(i[t]);
       return {
         ...l,
-        ...a.reduce(
-          (f, r) => ({
-            ...f,
+        ...f.reduce(
+          (a, r) => ({
+            ...a,
             [`.mcl-list-${e(t)}-${r} li::before`]: {
               color: i[t][r]
             }
@@ -71,7 +82,7 @@ const z = /* @__PURE__ */ $(S), y = z.withOptions(
           {}
         )
       };
-    }, {}), x = Object.keys(i).reduce(
+    }, {}), $ = Object.keys(i).reduce(
       (l, t) => {
         if (["current", "transparent", "inherit"].includes(t))
           return;
@@ -84,20 +95,20 @@ const z = /* @__PURE__ */ $(S), y = z.withOptions(
               }
             }
           };
-        const f = Object.keys(i[t]);
+        const a = Object.keys(i[t]);
         return {
           ...l,
-          ...f.reduce((r, g) => ({
+          ...a.reduce((r, u) => ({
             ...r,
-            [`.mcl-link.text-${e(t)}-${g}`]: {
+            [`.mcl-link.text-${e(t)}-${u}`]: {
               "&:hover": {
-                [`@apply text-${t}-${g}/60`]: {}
+                [`@apply text-${t}-${u}/60`]: {}
               }
             }
           }))
         };
       }
-    ), u = Object.keys(i).reduce((l, t) => {
+    ), S = Object.keys(i).reduce((l, t) => {
       if (typeof i[t] == "string")
         return {
           ...l,
@@ -136,12 +147,12 @@ const z = /* @__PURE__ */ $(S), y = z.withOptions(
             }
           }
         };
-      const a = Object.keys(i[t]);
+      const f = Object.keys(i[t]);
       return {
         ...l,
-        ...a.reduce(
-          (f, r) => ({
-            ...f,
+        ...f.reduce(
+          (a, r) => ({
+            ...a,
             [`.btn.btn-${e(t)}-${r}`]: {
               [`@apply bg-${t}-${r}`]: {},
               "&:hover": {
@@ -175,7 +186,7 @@ const z = /* @__PURE__ */ $(S), y = z.withOptions(
           {}
         )
       };
-    }, {}), m = Object.keys(i).reduce((l, t) => {
+    }, {}), z = Object.keys(i).reduce((l, t) => {
       if (typeof i[t] == "string")
         return {
           ...l,
@@ -192,11 +203,11 @@ const z = /* @__PURE__ */ $(S), y = z.withOptions(
             [`@apply after:border-l-${t}`]: {}
           }
         };
-      const a = Object.keys(i[t]);
+      const f = Object.keys(i[t]);
       return {
         ...l,
-        ...a.reduce((f, r) => ({
-          ...f,
+        ...f.reduce((a, r) => ({
+          ...a,
           [`.tooltip.tooltip-top.bg-${e(t)}-${r}`]: {
             [`@apply after:border-t-${t}-${r}`]: {}
           },
@@ -551,7 +562,7 @@ const z = /* @__PURE__ */ $(S), y = z.withOptions(
         },
         "@apply after:border-y-transparent after:border-l-transparent after:border-r-dark-3": {}
       }
-    }), o(b), o(u), o(x), o(m);
+    }), o(b), o(S), o($), o(z);
   },
   (n = {}) => {
     const p = {
@@ -611,5 +622,5 @@ const z = /* @__PURE__ */ $(S), y = z.withOptions(
   }
 );
 export {
-  y as mclTheme
+  P as mclTheme
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bobbykim/manguito-theme",
-  "version": "0.22.1",
+  "version": "0.23.1",
   "description": "main theme file for manguito components library. Other MCL components will need to import this file to run.",
   "type": "module",
   "publishConfig": {
@@ -28,18 +28,18 @@
     "build": "vite build"
   },
   "dependencies": {
-    "@vueuse/core": "^10.8.0",
-    "vue": "^3.3.10"
+    "@vueuse/core": "^12.0.0",
+    "vue": "^3.5.13"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^4.5.2",
-    "sass": "^1.69.5",
-    "tailwindcss": "^3.3.6",
-    "typescript": "^5.3.3",
-    "vite": "^4.5.1",
-    "vite-plugin-css-injected-by-js": "^3.5.0",
-    "vite-plugin-dts": "^3.8.3",
-    "vue-tsc": "^1.8.25"
+    "@vitejs/plugin-vue": "^5.2.1",
+    "sass": "^1.82.0",
+    "tailwindcss": "^3.4.16",
+    "typescript": "^5.7.2",
+    "vite": "^6.0.3",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
+    "vite-plugin-dts": "^4.3.0",
+    "vue-tsc": "^2.1.10"
   },
   "author": {
     "name": "Bobby Kim",
@@ -51,5 +51,5 @@
     "url": "https://github.com/bobbykim89/manguito-component-library.git"
   },
   "license": "MIT",
-  "gitHead": "9b631d93e295d0a94a1bee83153c6671045221ef"
+  "gitHead": "afe5374be029e87ef182b284589763b138e7f100"
 }