@bobbykim/manguito-theme 0.19.0 → 0.21.0

package/dist/mcl-theme.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function $(o){return o&&o.__esModule&&Object.prototype.hasOwnProperty.call(o,"default")?o.default:o}var c={},h={};(function(o){Object.defineProperty(o,"__esModule",{value:!0}),Object.defineProperty(o,"default",{enumerable:!0,get:function(){return s}});function p(n,e){return{handler:n,config:e}}p.withOptions=function(n,e=()=>({})){const i=function(b){return{__options:b,handler:n(b),config:e(b)}};return i.__isOptionsFunction=!0,i.__pluginFunction=n,i.__configFunction=e,i};const s=p})(h);(function(o){Object.defineProperty(o,"__esModule",{value:!0}),Object.defineProperty(o,"default",{enumerable:!0,get:function(){return n}});const p=s(h);function s(e){return e&&e.__esModule?e:{default:e}}const n=p.default})(c);let d=c;var S=(d.__esModule?d:{default:d}).default;const z=$(S),y=z.withOptions(()=>({addBase:o,theme:p,addComponents:s,addUtilities:n,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}`]:{}}}))}},{});o({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 flex rounded overflow-hidden":{}},".btn-group .btn":{"@apply 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":{}}}),n(b),n(u),n(x),n(m)},(o={})=>{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(n=>{o.colors!==void 0&&o.colors[n]!==void 0&&(p[n]=o.colors[n])}),Object.keys(s).forEach(n=>{o.spacing!==void 0&&o.spacing[n]!==void 0&&(s[n]=o.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:p,spacing:s}}}});exports.mclTheme=y;
+"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;

package/dist/mcl-theme.js

@@ -1,41 +1,41 @@
-function $(o) {
-  return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
+function $(n) {
+  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
 var c = {}, h = {};
-(function(o) {
-  Object.defineProperty(o, "__esModule", {
+(function(n) {
+  Object.defineProperty(n, "__esModule", {
     value: !0
-  }), Object.defineProperty(o, "default", {
+  }), Object.defineProperty(n, "default", {
     enumerable: !0,
     get: function() {
       return s;
     }
   });
-  function p(n, e) {
+  function p(o, e) {
     return {
-      handler: n,
+      handler: o,
       config: e
     };
   }
-  p.withOptions = function(n, e = () => ({})) {
+  p.withOptions = function(o, e = () => ({})) {
     const i = function(b) {
       return {
         __options: b,
-        handler: n(b),
+        handler: o(b),
         config: e(b)
       };
     };
-    return i.__isOptionsFunction = !0, i.__pluginFunction = n, i.__configFunction = e, i;
+    return i.__isOptionsFunction = !0, i.__pluginFunction = o, i.__configFunction = e, i;
   };
   const s = p;
 })(h);
-(function(o) {
-  Object.defineProperty(o, "__esModule", {
+(function(n) {
+  Object.defineProperty(n, "__esModule", {
     value: !0
-  }), Object.defineProperty(o, "default", {
+  }), Object.defineProperty(n, "default", {
     enumerable: !0,
     get: function() {
-      return n;
+      return o;
     }
   });
   const p = /* @__PURE__ */ s(h);
@@ -44,12 +44,12 @@ var c = {}, h = {};
       default: e
     };
   }
-  const n = p.default;
+  const o = p.default;
 })(c);
 let d = c;
 var S = (d.__esModule ? d : { default: d }).default;
 const z = /* @__PURE__ */ $(S), y = z.withOptions(
-  () => ({ addBase: o, theme: p, addComponents: s, addUtilities: n, e }) => {
+  () => ({ 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 {
@@ -212,7 +212,7 @@ const z = /* @__PURE__ */ $(S), y = z.withOptions(
         }))
       };
     }, {});
-    o({
+    n({
       body: {
         // default font size
         fontSize: "1rem",
@@ -427,10 +427,17 @@ const z = /* @__PURE__ */ $(S), y = z.withOptions(
         "font-size": "1.125rem"
       },
       ".btn-group": {
-        "@apply flex rounded overflow-hidden": {}
+        "@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 rounded-none ring-offset-0": {},
+        "@apply first:rounded-l last:rounded-r rounded-none ring-offset-0": {},
         "&:focus": {
           "@apply ring-0": {}
         }
@@ -544,9 +551,9 @@ const z = /* @__PURE__ */ $(S), y = z.withOptions(
         },
         "@apply after:border-y-transparent after:border-l-transparent after:border-r-dark-3": {}
       }
-    }), n(b), n(u), n(x), n(m);
+    }), o(b), o(u), o(x), o(m);
   },
-  (o = {}) => {
+  (n = {}) => {
     const p = {
       primary: "#ec489a",
       secondary: "#00feda",
@@ -573,10 +580,10 @@ const z = /* @__PURE__ */ $(S), y = z.withOptions(
       "2xl": "96px",
       "3xl": "128px"
     };
-    return Object.keys(p).forEach((n) => {
-      o.colors !== void 0 && o.colors[n] !== void 0 && (p[n] = o.colors[n]);
-    }), Object.keys(s).forEach((n) => {
-      o.spacing !== void 0 && o.spacing[n] !== void 0 && (s[n] = o.spacing[n]);
+    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: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bobbykim/manguito-theme",
-  "version": "0.19.0",
+  "version": "0.21.0",
   "description": "main theme file for manguito components library. Other MCL components will need to import this file to run.",
   "type": "module",
   "publishConfig": {
@@ -51,5 +51,5 @@
     "url": "https://github.com/bobbykim89/manguito-component-library.git"
   },
   "license": "MIT",
-  "gitHead": "b66ad8b5fabf32c0814726f0847ce86399b4115b"
+  "gitHead": "e2e70414089db93125eaa4855b0c0a33f1c0ecbf"
 }