@bobbykim/manguito-theme 0.24.0 → 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.
package/dist/core.js CHANGED
@@ -2,7 +2,7 @@
2
2
  var ae = Object.defineProperty;
3
3
  var le = (s, r, e) => r in s ? ae(s, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[r] = e;
4
4
  var n = (s, r, e) => le(s, typeof r != "symbol" ? r + "" : r, e);
5
- import { defineComponent as A, useSlots as D, ref as k, computed as V, watch as L, openBlock as g, createElementBlock as h, normalizeClass as f, createElementVNode as C, renderSlot as B, createCommentVNode as w, onMounted as F, createVNode as S, unref as R, withCtx as E, Transition as I, withDirectives as M, vShow as P, h as oe, render as Q, provide as Y, withKeys as ie, inject as j, createBlock as z, normalizeStyle as X, vModelCheckbox as ne, Teleport as de, toDisplayString as Z } from "vue";
5
+ import { defineComponent as A, useSlots as D, ref as k, computed as V, watch as L, createElementBlock as h, createCommentVNode as w, openBlock as g, normalizeClass as f, createElementVNode as C, renderSlot as B, onMounted as F, createVNode as S, unref as R, withCtx as E, Transition as I, withDirectives as M, vShow as P, h as oe, render as Q, provide as Y, withKeys as ie, inject as j, createBlock as z, normalizeStyle as X, vModelCheckbox as ne, Teleport as de, toDisplayString as Z } from "vue";
6
6
  import { useMutationObserver as ce, useWindowSize as ge, useWindowScroll as ue, useScrollLock as K, useElementSize as he } from "@vueuse/core";
7
7
  class pe {
8
8
  constructor() {
@@ -1 +1 @@
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=_;
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,132 +1,115 @@
1
- function z(e) {
2
- return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
1
+ function x(t) {
2
+ return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
3
3
  }
4
- var f = {}, a = {}, d;
5
- function S() {
6
- return d || (d = 1, function(e) {
7
- Object.defineProperty(e, "__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(e, "default", {
9
+ }), Object.defineProperty(t, "default", {
10
10
  enumerable: !0,
11
11
  get: function() {
12
12
  return p;
13
13
  }
14
14
  });
15
- function l(r, n) {
15
+ function l(n, i) {
16
16
  return {
17
- handler: r,
18
- config: n
17
+ handler: n,
18
+ config: i
19
19
  };
20
20
  }
21
- l.withOptions = function(r, n = () => ({})) {
22
- const i = function(s) {
21
+ l.withOptions = function(n, i = () => ({})) {
22
+ const r = function(s) {
23
23
  return {
24
24
  __options: s,
25
- handler: r(s),
26
- config: n(s)
25
+ handler: n(s),
26
+ config: i(s)
27
27
  };
28
28
  };
29
- return i.__isOptionsFunction = !0, i.__pluginFunction = r, i.__configFunction = n, i;
29
+ return r.__isOptionsFunction = !0, r.__pluginFunction = n, r.__configFunction = i, r;
30
30
  };
31
31
  const p = l;
32
- }(a)), a;
32
+ }(f)), f;
33
33
  }
34
34
  var b;
35
35
  function y() {
36
- return b || (b = 1, function(e) {
37
- Object.defineProperty(e, "__esModule", {
36
+ return b || (b = 1, function(t) {
37
+ Object.defineProperty(t, "__esModule", {
38
38
  value: !0
39
- }), Object.defineProperty(e, "default", {
39
+ }), Object.defineProperty(t, "default", {
40
40
  enumerable: !0,
41
41
  get: function() {
42
- return r;
42
+ return n;
43
43
  }
44
44
  });
45
- const l = /* @__PURE__ */ p(S());
46
- function p(n) {
47
- return n && n.__esModule ? n : {
48
- default: n
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 r = l.default;
52
- }(f)), f;
51
+ const n = l.default;
52
+ }(a)), a;
53
53
  }
54
- var g, c;
55
- function v() {
56
- if (c) return g;
54
+ var d, c;
55
+ function z() {
56
+ if (c) return d;
57
57
  c = 1;
58
- let e = y();
59
- return g = (e.__esModule ? e : { default: e }).default, g;
58
+ let t = y();
59
+ return d = (t.__esModule ? t : { default: t }).default, d;
60
60
  }
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}`]: {},
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}`]: {},
82
72
  "&:hover": {
83
73
  "@apply bg-opacity-70": {}
84
74
  },
85
75
  "&:focus": {
86
- [`@apply ring-4 ring-${t}`]: {}
76
+ [`@apply ring-4 ring-${e}`]: {}
87
77
  }
88
- },
89
- [`.btn.btn-invert.btn-${n(t)}`]: {
90
- [`@apply border-2 bg-transparent border-${t} text-${t}`]: {},
78
+ }, o[`.btn.btn-invert.btn-${r(e)}`] = {
79
+ [`@apply border-2 bg-transparent border-${e} text-${e}`]: {},
91
80
  "&:hover": {
92
- [`@apply bg-${t} text-white bg-opacity-100`]: {}
81
+ [`@apply bg-${e} text-white bg-opacity-100`]: {}
93
82
  },
94
83
  "&:focus": {
95
- [`@apply bg-${t} text-white`]: {}
84
+ [`@apply bg-${e} text-white`]: {}
96
85
  }
97
- },
98
- [`.btn-group .btn.btn-${n(t)}`]: {
86
+ }, o[`.btn-group .btn.btn-${r(e)}`] = {
99
87
  "&:focus": {
100
88
  "@apply ring-0": {}
101
89
  }
102
- },
103
- [`.btn.btn-${n(t)}.btn-no-ring`]: {
90
+ }, o[`.btn.btn-${r(e)}.btn-no-ring`] = {
104
91
  "&:focus": {
105
92
  "@apply ring-0": {}
106
93
  }
107
- },
108
- [`.btn.btn-progress.btn-${n(t)}`]: {
109
- [`@apply before:bg-${t} border-${t} text-${t} bg-transparent`]: {},
94
+ }, o[`.btn.btn-progress.btn-${r(e)}`] = {
95
+ [`@apply before:bg-${e} border-${e} text-${e} bg-transparent`]: {},
110
96
  "&:hover, &:focus": {
111
97
  "@apply text-white": {}
112
98
  }
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}`]: {}
127
- }
128
- }, {});
129
- e({
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({
130
113
  body: {
131
114
  // default font size
132
115
  fontSize: "1rem",
@@ -164,7 +147,7 @@ const $ = /* @__PURE__ */ z(w), H = $.withOptions(
164
147
  "@screen md": { fontSize: "16px" },
165
148
  "@screen lg": { fontSize: "18px" }
166
149
  }
167
- }), p({
150
+ }), n({
168
151
  ".h1-sm": {
169
152
  fontSize: "24px",
170
153
  fontWeight: "bold",
@@ -278,7 +261,7 @@ const $ = /* @__PURE__ */ z(w), H = $.withOptions(
278
261
  "@screen lg": { fontSize: "30px" }
279
262
  },
280
263
  ".mcl-link": {
281
- color: l("colors.primary"),
264
+ color: p("colors.primary"),
282
265
  textDecoration: "underline",
283
266
  "@apply transition-colors duration-200 ease-in": {},
284
267
  "&:hover": {
@@ -465,9 +448,9 @@ const $ = /* @__PURE__ */ z(w), H = $.withOptions(
465
448
  },
466
449
  "@apply after:border-y-transparent after:border-l-transparent after:border-r-dark-3": {}
467
450
  }
468
- }), r(u), r(x), r(h), r(m);
451
+ }), i(o);
469
452
  },
470
- (e = {}) => {
453
+ (t = {}) => {
471
454
  const l = {
472
455
  primary: "#ec489a",
473
456
  secondary: "#00feda",
@@ -494,10 +477,10 @@ const $ = /* @__PURE__ */ z(w), H = $.withOptions(
494
477
  "2xl": "96px",
495
478
  "3xl": "128px"
496
479
  };
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]);
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]);
501
484
  }), {
502
485
  theme: {
503
486
  fontSize: {
@@ -536,5 +519,5 @@ const $ = /* @__PURE__ */ z(w), H = $.withOptions(
536
519
  }
537
520
  );
538
521
  export {
539
- H as mclTheme
522
+ $ as mclTheme
540
523
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bobbykim/manguito-theme",
3
- "version": "0.24.0",
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": "92ed1f261177034bd95ac0e3d60ba672e3473555"
54
+ "gitHead": "ff7499791d1ced7ae862e474ce4b8b421f947a27"
55
55
  }