@sk-web-gui/core 0.1.75 → 0.1.77

package/dist/cjs/components/badge.js

@@ -0,0 +1,178 @@
+"use strict";
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function badgeSolid(colors) {
+  return {
+    '&-solid': _extends({
+      '@apply border-2 border-white box-border': {},
+      '@apply text-white': {}
+    }, colors.reduce(function (styles, color) {
+      var _ref, _extends2;
+      return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply text-white bg-" + color] = {}, _ref), _extends2));
+    }, {}), {
+      "&[data-color='primary']": {
+        '@apply bg-primary': {}
+      },
+      "&[data-color='warning']": {
+        '@apply bg-warning': {}
+      },
+      "&[data-color='error']": {
+        '@apply bg-error': {}
+      },
+      "&[data-color='neutral']": {
+        '@apply bg-neutral-400': {}
+      }
+    })
+  };
+}
+function badgeOutline(colors) {
+  return {
+    '&-outline': _extends({
+      '@apply border border-gray-stroke': {},
+      '@apply text-body bg-transparent': {}
+    }, colors.reduce(function (styles, color) {
+      var _ref2, _extends3;
+      return _extends({}, styles, (_extends3 = {}, _extends3["&[data-color=\"" + color + "\"]"] = (_ref2 = {}, _ref2["@apply border-current"] = {}, _ref2["@apply text-" + color] = {}, _ref2), _extends3));
+    }, {}), {
+      '&.badge': {
+        '&-disabled': {
+          '@apply disabled:border-gray-stroke hover:border-gray-stroke': {},
+          '&.active': {
+            '@apply border-gray-stroke': {}
+          }
+        }
+      },
+      "&[data-color='primary']": {
+        '@apply border-primary': {},
+        '@apply text-primary': {}
+      },
+      "&[data-color='warning']": {
+        '@apply border-warning': {},
+        '@apply text-warning': {}
+      },
+      "&[data-color='error']": {
+        '@apply border-error': {},
+        '@apply text-error': {}
+      },
+      "&[data-color='neutral']": {
+        '@apply border-neutral-300': {}
+      }
+    })
+  };
+}
+module.exports = badge = function badge(colors) {
+  return {
+    '.badge': _extends({
+      '@apply relative': {},
+      '@apply m-0': {},
+      '@apply inline-flex items-center justify-center content-center align-middle': {},
+      '@apply font-sans leading-none': {},
+      '&-fullrounded': {
+        '@apply rounded-full': {}
+      },
+      //rounding
+      '&-roundedcorners-md': {
+        '@apply rounded-3xl px-sm': {}
+      },
+      '&-roundedcorners-lg': {
+        '@apply rounded-3xl px-sm': {}
+      },
+      // sizing
+      '&-sm': {
+        '@apply text-opacity-0 text-[0rem] overflow-hidden rounded-full': {},
+        minHeight: '10px',
+        maxHeight: '10px',
+        minWidth: '10px',
+        '&.noborder': {
+          '@apply border-none': {},
+          minHeight: '6px',
+          maxHeight: '6px',
+          minWidth: '6px'
+        }
+      },
+      '&-md': {
+        '@apply text-xs font-bold': {},
+        minHeight: '24px',
+        maxHeight: '24px',
+        minWidth: '24px',
+        '&.noborder': {
+          '@apply border-none': {},
+          minHeight: '20px',
+          maxHeight: '20px',
+          minWidth: '20px'
+        }
+      },
+      '&-lg': {
+        '@apply text-sm font-bold': {},
+        minHeight: '28px',
+        maxHeight: '28px',
+        minWidth: '28px',
+        '&.noborder': {
+          '@apply border-none': {},
+          minHeight: '24px',
+          maxHeight: '24px',
+          minWidth: '24px'
+        }
+      },
+      '&-standard-sm': {
+        '@apply right-[-4px] self-center': {},
+        '&.noborder': {
+          '@apply right-[-5px]': {}
+        }
+      },
+      '&-standard-md': {
+        '@apply right-[-4px] self-center': {},
+        '&.noborder': {
+          '@apply right-[-5px]': {}
+        }
+      },
+      '&-standard-lg': {
+        '@apply right-[-4px] self-center': {},
+        '&.noborder': {
+          '@apply right-[-5px]': {}
+        }
+      },
+      '&-super-sm': {
+        '@apply right-[-2px] top-[-5px]': {},
+        '&.noborder': {
+          '@apply right-[-3px]': {}
+        }
+      },
+      '&-super-md': {
+        '@apply right-[-3px] top-[-8px]': {},
+        '&.noborder': {
+          '@apply right-[-4px]': {}
+        }
+      },
+      '&-super-lg': {
+        '@apply right-[-4px] top-[-8px]': {},
+        '&.noborder': {
+          '@apply right-[-5px]': {}
+        }
+      },
+      '&-superoverlap-sm': {
+        '@apply right-[3px] top-[-5px]': {},
+        '&.noborder': {
+          '@apply right-[2px]': {}
+        }
+      },
+      '&-superoverlap-md': {
+        '@apply right-[8px] top-[-6px]': {},
+        '&.noborder': {
+          '@apply right-[7px]': {}
+        }
+      },
+      '&-superoverlap-lg': {
+        '@apply right-[8px] top-[-8px]': {},
+        '&.noborder': {
+          '@apply right-[7px]': {}
+        }
+      },
+      '&-fit-content': {
+        '@apply p-0': {},
+        fontSize: 'inherit'
+      }
+    }, badgeSolid(colors), badgeOutline(colors))
+  };
+};
+//# sourceMappingURL=badge.js.map

package/dist/cjs/components/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":["badgeSolid","colors","_extends","reduce","styles","color","_ref","_extends2","badgeOutline","_ref2","_extends3","module","exports","badge","minHeight","maxHeight","minWidth","fontSize"],"sources":["../../../src/components/badge.js"],"sourcesContent":["function badgeSolid(colors) {\r\n  return {\r\n    '&-solid': {\r\n      '@apply border-2 border-white box-border': {},\r\n      '@apply text-white': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            //[`@apply border-${color}`]: {},\r\n            [`@apply text-white bg-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply bg-primary': {},\r\n      },\r\n      \"&[data-color='warning']\": {\r\n        '@apply bg-warning': {},\r\n      },\r\n      \"&[data-color='error']\": {\r\n        '@apply bg-error': {},\r\n      },\r\n      \"&[data-color='neutral']\": {\r\n        '@apply bg-neutral-400': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction badgeOutline(colors) {\r\n  return {\r\n    '&-outline': {\r\n      '@apply border border-gray-stroke': {},\r\n      '@apply text-body bg-transparent': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply border-current`]: {},\r\n            [`@apply text-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&.badge': {\r\n        '&-disabled': {\r\n          '@apply disabled:border-gray-stroke hover:border-gray-stroke': {},\r\n          '&.active': {\r\n            '@apply border-gray-stroke': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply border-primary': {},\r\n        '@apply text-primary': {},\r\n      },\r\n      \"&[data-color='warning']\": {\r\n        '@apply border-warning': {},\r\n        '@apply text-warning': {},\r\n      },\r\n      \"&[data-color='error']\": {\r\n        '@apply border-error': {},\r\n        '@apply text-error': {},\r\n      },\r\n      \"&[data-color='neutral']\": {\r\n        '@apply border-neutral-300': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = badge = (colors) => ({\r\n  '.badge': {\r\n    '@apply relative': {},\r\n    '@apply m-0': {},\r\n    '@apply inline-flex items-center justify-center content-center align-middle': {},\r\n    '@apply font-sans leading-none': {},\r\n\r\n    '&-fullrounded': {\r\n      '@apply rounded-full': {},\r\n    },\r\n\r\n    //rounding\r\n    '&-roundedcorners-md': {\r\n      '@apply rounded-3xl px-sm': {},\r\n    },\r\n\r\n    '&-roundedcorners-lg': {\r\n      '@apply rounded-3xl px-sm': {},\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply text-opacity-0 text-[0rem] overflow-hidden rounded-full': {},\r\n      minHeight: '10px',\r\n      maxHeight: '10px',\r\n      minWidth: '10px',\r\n\r\n      '&.noborder': {\r\n        '@apply border-none': {},\r\n        minHeight: '6px',\r\n        maxHeight: '6px',\r\n        minWidth: '6px',\r\n      },\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-xs font-bold': {},\r\n      minHeight: '24px',\r\n      maxHeight: '24px',\r\n      minWidth: '24px',\r\n\r\n      '&.noborder': {\r\n        '@apply border-none': {},\r\n        minHeight: '20px',\r\n        maxHeight: '20px',\r\n        minWidth: '20px',\r\n      },\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-sm font-bold': {},\r\n      minHeight: '28px',\r\n      maxHeight: '28px',\r\n      minWidth: '28px',\r\n\r\n      '&.noborder': {\r\n        '@apply border-none': {},\r\n        minHeight: '24px',\r\n        maxHeight: '24px',\r\n        minWidth: '24px',\r\n      },\r\n    },\r\n\r\n    '&-standard-sm': {\r\n      '@apply right-[-4px] self-center': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n    '&-standard-md': {\r\n      '@apply right-[-4px] self-center': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n    '&-standard-lg': {\r\n      '@apply right-[-4px] self-center': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n\r\n    '&-super-sm': {\r\n      '@apply right-[-2px] top-[-5px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[-3px]': {},\r\n      },\r\n    },\r\n    '&-super-md': {\r\n      '@apply right-[-3px] top-[-8px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[-4px]': {},\r\n      },\r\n    },\r\n    '&-super-lg': {\r\n      '@apply right-[-4px] top-[-8px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[-5px]': {},\r\n      },\r\n    },\r\n\r\n    '&-superoverlap-sm': {\r\n      '@apply right-[3px] top-[-5px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[2px]': {},\r\n      },\r\n    },\r\n    '&-superoverlap-md': {\r\n      '@apply right-[8px] top-[-6px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[7px]': {},\r\n      },\r\n    },\r\n    '&-superoverlap-lg': {\r\n      '@apply right-[8px] top-[-8px]': {},\r\n      '&.noborder': {\r\n        '@apply right-[7px]': {},\r\n      },\r\n    },\r\n\r\n    '&-fit-content': {\r\n      '@apply p-0': {},\r\n      fontSize: 'inherit',\r\n    },\r\n\r\n    // variants\r\n    ...badgeSolid(colors),\r\n    ...badgeOutline(colors),\r\n  },\r\n});\r\n"],"mappings":"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"}

package/dist/cjs/components/breadcrumb.js

@@ -0,0 +1,16 @@
+"use strict";
+
+module.exports = Breadcrumb = function Breadcrumb() {
+  return {
+    '.breadcrumb': {
+      '@apply text-body relative': {},
+      '&-item': {
+        '@apply inline-flex items-center whitespace-nowrap': {}
+      },
+      '&-separator': {
+        '@apply mx-2': {}
+      }
+    }
+  };
+};
+//# sourceMappingURL=breadcrumb.js.map

package/dist/cjs/components/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","names":["module","exports","Breadcrumb"],"sources":["../../../src/components/breadcrumb.js"],"sourcesContent":["module.exports = Breadcrumb = () => ({\r\n  '.breadcrumb': {\r\n    '@apply text-body relative': {},\r\n\r\n    '&-item': {\r\n      '@apply inline-flex items-center whitespace-nowrap': {},\r\n    },\r\n\r\n    '&-separator': {\r\n      '@apply mx-2': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,UAAU,GAAG,SAAAA,WAAA;EAAA,OAAO;IACnC,aAAa,EAAE;MACb,2BAA2B,EAAE,CAAC,CAAC;MAE/B,QAAQ,EAAE;QACR,mDAAmD,EAAE,CAAC;MACxD,CAAC;MAED,aAAa,EAAE;QACb,aAAa,EAAE,CAAC;MAClB;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/button-group.js

@@ -0,0 +1,43 @@
+"use strict";
+
+// TODO: how it works with prefix?
+module.exports = ButtonGroup = function ButtonGroup() {
+  return {
+    '.btn-group': {
+      '@apply inline-block': {},
+      '&.btn-group-attached': {
+        '> .btn-icon': {
+          boxSizing: 'content-box'
+        },
+        '> *:first-of-type:not(:last-of-type)': {
+          borderTopRightRadius: '0px',
+          borderBottomRightRadius: '0px'
+        },
+        '> *:not(:first-of-type):not(:last-of-type)': {
+          borderRadius: '0px'
+        },
+        '> *:not(:first-of-type):last-of-type': {
+          borderTopLeftRadius: '0px',
+          borderBottomLeftRadius: '0px'
+        },
+        '> .btn-solid:not(:last-child), > .btn-outline:not(:last-child)': {
+          borderRightWidth: '0px'
+        },
+        '> .btn-solid:hover, > .btn-outline:hover': {
+          borderRightWidth: '1px'
+        },
+        '> *:not(:last-of-type):hover + .btn-solid, > *:not(:last-of-type):hover + .btn-outline': {
+          borderLeftWidth: '0px'
+        },
+        '> .btn-solid:focus, > .btn-outline:focus': {
+          zIndex: '1px',
+          borderRightWidth: '1px'
+        },
+        '> *:not(:last-of-type):focus + .btn-solid, > *:not(:last-of-type):focus + .btn-outline': {
+          borderLeftWidth: '0px'
+        }
+      }
+    }
+  };
+};
+//# sourceMappingURL=button-group.js.map

package/dist/cjs/components/button-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.js","names":["module","exports","ButtonGroup","boxSizing","borderTopRightRadius","borderBottomRightRadius","borderRadius","borderTopLeftRadius","borderBottomLeftRadius","borderRightWidth","borderLeftWidth","zIndex"],"sources":["../../../src/components/button-group.js"],"sourcesContent":["// TODO: how it works with prefix?\r\nmodule.exports = ButtonGroup = () => ({\r\n  '.btn-group': {\r\n    '@apply inline-block': {},\r\n\r\n    '&.btn-group-attached': {\r\n      '> .btn-icon': {\r\n        boxSizing: 'content-box',\r\n      },\r\n      '> *:first-of-type:not(:last-of-type)': {\r\n        borderTopRightRadius: '0px',\r\n        borderBottomRightRadius: '0px',\r\n      },\r\n\r\n      '> *:not(:first-of-type):not(:last-of-type)': {\r\n        borderRadius: '0px',\r\n      },\r\n\r\n      '> *:not(:first-of-type):last-of-type': {\r\n        borderTopLeftRadius: '0px',\r\n        borderBottomLeftRadius: '0px',\r\n      },\r\n\r\n      '> .btn-solid:not(:last-child), > .btn-outline:not(:last-child)': {\r\n        borderRightWidth: '0px',\r\n      },\r\n\r\n      '> .btn-solid:hover, > .btn-outline:hover': {\r\n        borderRightWidth: '1px',\r\n      },\r\n\r\n      '> *:not(:last-of-type):hover + .btn-solid, > *:not(:last-of-type):hover + .btn-outline': {\r\n        borderLeftWidth: '0px',\r\n      },\r\n\r\n      '> .btn-solid:focus, > .btn-outline:focus': {\r\n        zIndex: '1px',\r\n        borderRightWidth: '1px',\r\n      },\r\n\r\n      '> *:not(:last-of-type):focus + .btn-solid, > *:not(:last-of-type):focus + .btn-outline': {\r\n        borderLeftWidth: '0px',\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;AAAA;AACAA,MAAM,CAACC,OAAO,GAAGC,WAAW,GAAG,SAAAA,YAAA;EAAA,OAAO;IACpC,YAAY,EAAE;MACZ,qBAAqB,EAAE,CAAC,CAAC;MAEzB,sBAAsB,EAAE;QACtB,aAAa,EAAE;UACbC,SAAS,EAAE;QACb,CAAC;QACD,sCAAsC,EAAE;UACtCC,oBAAoB,EAAE,KAAK;UAC3BC,uBAAuB,EAAE;QAC3B,CAAC;QAED,4CAA4C,EAAE;UAC5CC,YAAY,EAAE;QAChB,CAAC;QAED,sCAAsC,EAAE;UACtCC,mBAAmB,EAAE,KAAK;UAC1BC,sBAAsB,EAAE;QAC1B,CAAC;QAED,gEAAgE,EAAE;UAChEC,gBAAgB,EAAE;QACpB,CAAC;QAED,0CAA0C,EAAE;UAC1CA,gBAAgB,EAAE;QACpB,CAAC;QAED,wFAAwF,EAAE;UACxFC,eAAe,EAAE;QACnB,CAAC;QAED,0CAA0C,EAAE;UAC1CC,MAAM,EAAE,KAAK;UACbF,gBAAgB,EAAE;QACpB,CAAC;QAED,wFAAwF,EAAE;UACxFC,eAAe,EAAE;QACnB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/button.js

@@ -0,0 +1,249 @@
+"use strict";
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function buttonSolid(colors) {
+  return {
+    '&-solid': _extends({
+      //"@apply text-": {},
+      '@apply font-semibold border border-gray-stroke': {},
+      '@apply text-body bg-white': {},
+      /* hover */
+      '@apply hover:text-white hover:bg-hover hover:border-primary-active': {},
+      /* keyboard active */
+      '&.active': {
+        '@apply text-white bg-hover border-primary-active': {},
+        /* dark */
+        '@apply dark:border-hover dark:bg-neutral-600': {}
+      },
+      /* focus */
+      '@apply focus-visible:z-base': {},
+      '@apply focus-visible:border-primary': {},
+      '@apply focus-visible:ring-4 focus-visible:ring-black': {},
+      /* active */
+      '@apply active:bg-hover active:text-white': {},
+      /* dark mode */
+      '@apply dark:border-neutral-600': {},
+      '@apply dark:text-neutral-100 dark:bg-neutral-700': {},
+      /* dark hover */
+      '@apply dark:hover:border-hover dark:hover:bg-neutral-600': {},
+      /* dark focus */
+      '@apply dark:focus-visible:border-primary-500': {},
+      /* dark active */
+      '@apply dark:active:bg-neutral-900 dark:active:border-neutral-600': {}
+    }, colors.reduce(function (styles, color) {
+      var _active, _ref, _extends2;
+      return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply text-white bg-" + color] = {}, _ref["@apply hover:text-white hover:bg-" + color + "-active"] = {}, _ref['&.active'] = (_active = {}, _active["@apply text-white bg-" + color + "-active"] = {}, _active), _ref["@apply active:text-white active:bg-" + color + "-active"] = {}, _ref["@apply focus-visible:ring-4 focus-visible:ring-black"] = {}, _ref), _extends2));
+    }, {}), {
+      "&[data-color='primary']": {
+        '@apply border-primary hover:border-primary-active': {},
+        '&.active': {
+          '@apply border-primary-active': {}
+        }
+      },
+      '&.btn': {
+        '&-disabled': {
+          '@apply disabled:border-gray-stroke hover:border-gray-stroke': {},
+          '&.active': {
+            '@apply border-gray-stroke': {}
+          }
+        }
+      }
+    })
+  };
+}
+function buttonOutline(colors) {
+  return {
+    '&-outline': _extends({
+      '@apply font-semibold border border-gray-stroke': {},
+      '@apply text-body bg-transparent': {},
+      /* hover */
+      '@apply hover:text-white hover:bg-primary-active hover:border-primary-active': {},
+      /* keyboard active */
+      '&.active': {
+        '@apply text-white bg-primary-active border-primary-active': {},
+        /* dark keyboard active */
+        '@apply dark:border-neutral-300 dark:bg-neutral-700': {}
+      },
+      /* focus */
+      '@apply focus-visible:z-base': {},
+      '@apply focus-visible:border-primary-500': {},
+      '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},
+      /* active */
+      '@apply active:bg-neutral-200': {},
+      /* dark mode */
+      '@apply dark:border-neutral-600': {},
+      '@apply dark:text-neutral-100 dark:bg-transparent': {},
+      /* dark hover */
+      '@apply dark:hover:border-neutral-300 dark:hover:bg-neutral-700': {},
+      /* dark focus */
+      '@apply dark:focus-visible:border-primary-500': {},
+      /* dark active */
+      '@apply dark:active:bg-neutral-600 dark:active:border-neutral-600': {}
+    }, colors.reduce(function (styles, color) {
+      var _active2, _ref2, _extends3;
+      return _extends({}, styles, (_extends3 = {}, _extends3["&[data-color=\"" + color + "\"]"] = (_ref2 = {}, _ref2["@apply border-current"] = {}, _ref2["@apply text-" + color + "-600 bg-transparent"] = {}, _ref2["@apply hover:text-white hover:bg-" + color + "-active hover:border-" + color + "-active"] = {}, _ref2['&.active'] = (_active2 = {}, _active2["@apply text-white bg-" + color + "-active border-" + color + "-active"] = {}, _active2["@apply dark:bg-" + color + "-200"] = {}, _active2["@apply dark:bg-opacity-15"] = {}, _active2), _ref2["@apply focus-visible:border-" + color + "-500"] = {}, _ref2["@apply focus-visible:ring-" + color + "-500"] = {}, _ref2["@apply active:bg-" + color + "-100"] = {}, _ref2["@apply dark:border-" + color + "-200"] = {}, _ref2["@apply dark:text-" + color + "-200 dark:bg-transparent"] = {}, _ref2["@apply dark:border-" + color + "-300"] = {}, _ref2["@apply dark:hover:bg-" + color + "-200"] = {}, _ref2["@apply dark:hover:bg-opacity-15"] = {}, _ref2["@apply dark:focus-visible:border-" + color + "-500"] = {}, _ref2["@apply dark:focus-visible:ring-" + color + "-500"] = {}, _ref2["@apply dark:active:bg-" + color + "-200"] = {}, _ref2["@apply dark:active:bg-opacity-25"] = {}, _ref2), _extends3));
+    }, {}), {
+      '&.btn': {
+        '&-disabled': {
+          '@apply disabled:border-gray-stroke hover:border-gray-stroke': {},
+          '&.active': {
+            '@apply border-gray-stroke': {}
+          }
+        }
+      }
+    })
+  };
+}
+function buttonGhost(colors) {
+  return {
+    '&-ghost': _extends({
+      '@apply text-body bg-transparent': {},
+      '@apply hover:bg-neutral-100': {},
+      /* focus */
+      '@apply focus-visible:z-base': {},
+      '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},
+      /* active */
+      '@apply active:bg-neutral-200': {},
+      /* dark mode */
+      '@apply dark:text-neutral-100 dark:bg-transparent': {},
+      /* dark hover */
+      '@apply dark:hover:border-neutral-300 dark:hover:bg-neutral-700': {},
+      /* dark active */
+      '@apply dark:active:bg-neutral-600 dark:active:border-neutral-400': {}
+    }, colors.reduce(function (styles, color) {
+      var _ref3, _extends4;
+      return _extends({}, styles, (_extends4 = {}, _extends4["&[data-color=\"" + color + "\"]"] = (_ref3 = {}, _ref3["@apply text-" + color + "-600"] = {}, _ref3["@apply hover:bg-" + color + "-50"] = {}, _ref3["@apply focus-visible:ring-" + color + "-500"] = {}, _ref3["@apply active:bg-" + color + "-100"] = {}, _ref3["@apply dark:text-" + color + "-200 dark:bg-transparent"] = {}, _ref3["@apply dark:border-" + color + "-300 dark:hover:bg-" + color + "-200"] = {}, _ref3["@apply dark:hover:bg-opacity-15"] = {}, _ref3["@apply dark:active:bg-" + color + "-200"] = {}, _ref3["@apply dark:active:bg-opacity-25"] = {}, _ref3), _extends4));
+    }, {}))
+  };
+}
+function buttonLight(colors) {
+  return {
+    '&-light': _extends({
+      '@apply shadow-sm': {},
+      '@apply border border-transparent': {},
+      '@apply text-body bg-neutral-100': {},
+      /* hover */
+      '@apply hover:bg-neutral-200': {},
+      /* focus */
+      '@apply focus-visible:z-base': {},
+      '@apply focus-visible:border-primary-500': {},
+      '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},
+      /* active */
+      '@apply active:bg-neutral-300': {},
+      /* dark mode */
+      '@apply dark:border-transparent': {},
+      '@apply dark:text-neutral-100 dark:bg-neutral-700': {},
+      /* dark hover */
+      '@apply dark:hover:bg-neutral-600': {},
+      /* dark focus */
+      '@apply dark:focus-visible:border-primary-500': {},
+      /* dark active */
+      '@apply dark:active:bg-neutral-600': {}
+    }, colors.reduce(function (styles, color) {
+      var _ref4, _extends5;
+      return _extends({}, styles, (_extends5 = {}, _extends5["&[data-color=\"" + color + "\"]"] = (_ref4 = {}, _ref4["@apply text-" + color + "-600 bg-" + color + "-50"] = {}, _ref4["@apply hover:bg-" + color + "-100"] = {}, _ref4["@apply focus-visible:border-" + color + "-500"] = {}, _ref4["@apply focus-visible:ring-" + color + "-500"] = {}, _ref4["@apply active:bg-" + color + "-200"] = {}, _ref4["@apply dark:text-" + color + "-300 dark:bg-" + color + "-500"] = {}, _ref4["@apply dark:bg-opacity-15"] = {}, _ref4["@apply dark:hover:bg-" + color + "-500"] = {}, _ref4["@apply dark:hover:bg-opacity-25"] = {}, _ref4["@apply dark:focus-visible:border-" + color + "-500"] = {}, _ref4["@apply dark:focus-visible:ring-" + color + "-500"] = {}, _ref4["@apply dark:active:bg-" + color + "-500"] = {}, _ref4["@apply dark:active:bg-opacity-30"] = {}, _ref4), _extends5));
+    }, {}))
+  };
+}
+function buttonLink(colors) {
+  return {
+    '&-link': _extends({
+      '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},
+      '&.active': {
+        '@apply underline': {}
+      },
+      '@apply focus-visible:z-base focus-visible:ring-4 focus-visible:ring-primary-500': {},
+      // dark colors
+      '@apply dark:text-neutral-200': {},
+      '@apply dark:active:text-neutral-500': {}
+    }, colors.reduce(function (styles, color) {
+      var _ref5, _extends6;
+      return _extends({}, styles, (_extends6 = {}, _extends6["&[data-color=\"" + color + "\"]"] = (_ref5 = {}, _ref5["@apply text-" + color + "-600 active:text-" + color + "-700"] = {}, _ref5["@apply focus-visible:ring-" + color + "-500"] = {}, _ref5["@apply dark:text-" + color + "-200"] = {}, _ref5["@apply dark:active:text-" + color + "-500"] = {}, _ref5), _extends6));
+    }, {}))
+  };
+}
+module.exports = Button = function Button(colors) {
+  return {
+    '.btn': _extends({
+      '@apply relative': {},
+      '@apply m-0': {},
+      '@apply px-[3.2rem]': {},
+      '@apply py-0': {},
+      '@apply rounded-[0.4rem] inline-flex items-center justify-center flex-shrink-0 align-middle': {},
+      '@apply font-medium leading-tight': {},
+      transitionProperty: 'background-color, border-color, color, fill, stroke, box-shadow',
+      '@apply	duration-75 ease-out': {},
+      '@apply outline-none appearance-none cursor-base select-none whitespace-nowrap': {},
+      '@apply focus-visible:outline-none': {},
+      "&[data-rounded='true']": {
+        borderRadius: '3.2rem'
+      },
+      // sizing
+      '&-sm': {
+        '@apply text-xs': {},
+        minHeight: '4rem',
+        maxHeight: '4rem'
+      },
+      '&-md': {
+        '@apply text-sm': {},
+        minHeight: '4.4rem',
+        maxHeight: '4.4rem'
+      },
+      '&-lg': {
+        '@apply text-base': {},
+        minHeight: '4.8rem',
+        maxHeight: '4.8rem'
+      },
+      '&-fit-content': {
+        '@apply p-0': {},
+        fontSize: 'inherit'
+      },
+      // State
+
+      '&-disabled': {
+        '@apply disabled:shadow-none disabled:cursor-not-allowed': {},
+        '@apply disabled:text-gray disabled:bg-gray-light !important': {}
+      },
+      '.MuiSvgIcon-root': {
+        fontSize: '1.5em',
+        width: '1em',
+        height: '1em'
+      }
+    }, buttonSolid(colors), buttonOutline(colors), buttonLink(colors)),
+    '.btn-has-icon': {
+      '&-left .MuiSvgIcon-root': {
+        '@apply mr-sm': {}
+      },
+      '&-right .MuiSvgIcon-root': {
+        '@apply ml-sm': {}
+      }
+    },
+    '[data-icon=true]': {
+      '@apply p-0': {},
+      "&[data-rounded='true']": {
+        '@apply rounded-full': {}
+      },
+      '&.btn-sm': {
+        minWidth: '4rem',
+        maxWidth: '4rem'
+      },
+      '&.btn-md': {
+        minWidth: '4.4rem',
+        maxWidth: '4.4rem'
+      },
+      '&.btn-lg': {
+        minWidth: '4.8rem',
+        maxWidth: '4.8rem'
+      },
+      '.btn-has-icon': {
+        '&-left .MuiSvgIcon-root': {
+          '@apply mr-0': {}
+        },
+        '&-right .MuiSvgIcon-root': {
+          '@apply ml-0': {}
+        }
+      }
+    }
+  };
+};
+//# sourceMappingURL=button.js.map

package/dist/cjs/components/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","names":["buttonSolid","colors","_extends","reduce","styles","color","_active","_ref","_extends2","buttonOutline","_active2","_ref2","_extends3","buttonGhost","_ref3","_extends4","buttonLight","_ref4","_extends5","buttonLink","_ref5","_extends6","module","exports","Button","transitionProperty","borderRadius","minHeight","maxHeight","fontSize","width","height","minWidth","maxWidth"],"sources":["../../../src/components/button.js"],"sourcesContent":["function buttonSolid(colors) {\r\n  return {\r\n    '&-solid': {\r\n      //\"@apply text-\": {},\r\n      '@apply font-semibold border border-gray-stroke': {},\r\n      '@apply text-body bg-white': {},\r\n      /* hover */\r\n      '@apply hover:text-white hover:bg-hover hover:border-primary-active': {},\r\n      /* keyboard active */\r\n      '&.active': {\r\n        '@apply text-white bg-hover border-primary-active': {},\r\n        /* dark */\r\n        '@apply dark:border-hover dark:bg-neutral-600': {},\r\n      },\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:border-primary': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-black': {},\r\n      /* active */\r\n      '@apply active:bg-hover active:text-white': {},\r\n\r\n      /* dark mode */\r\n      '@apply dark:border-neutral-600': {},\r\n      '@apply dark:text-neutral-100 dark:bg-neutral-700': {},\r\n      /* dark hover */\r\n      '@apply dark:hover:border-hover dark:hover:bg-neutral-600': {},\r\n      /* dark focus */\r\n      '@apply dark:focus-visible:border-primary-500': {},\r\n      /* dark active */\r\n      '@apply dark:active:bg-neutral-900 dark:active:border-neutral-600': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            //[`@apply border-${color}`]: {},\r\n            [`@apply text-white bg-${color}`]: {},\r\n            // hover\r\n            [`@apply hover:text-white hover:bg-${color}-active`]: {},\r\n            // keyboard active\r\n            '&.active': {\r\n              [`@apply text-white bg-${color}-active`]: {},\r\n            },\r\n\r\n            [`@apply active:text-white active:bg-${color}-active`]: {},\r\n            [`@apply focus-visible:ring-4 focus-visible:ring-black`]: {},\r\n\r\n            // focus\r\n            //[`@apply focus-visible:bg-${color}-700`]: {},\r\n            //[`@apply focus-visible:border-${color}-500`]: {},\r\n            //[`@apply focus-visible:ring-${color}-500`]: {},\r\n            // active\r\n            //[`@apply active:bg-${color}-600`]: {},\r\n            // dark mode\r\n            //[`@apply dark:border-${color}-500`]: {},\r\n            //[`@apply dark:bg-${color}-600`]: {},\r\n            // dark hover\r\n            //[`@apply dark:hover:border-${color}-400 dark:hover:bg-${color}-500`]: {},\r\n            // dark focus\r\n            //[`@apply dark:focus-visible:border-${color}-500`]: {},\r\n            //[`@apply dark:focus-visible:ring-${color}-500`]: {},\r\n            // dark active\r\n            //[`@apply dark:active:bg-${color}-800 dark:active:border-${color}-600`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply border-primary hover:border-primary-active': {},\r\n        '&.active': {\r\n          '@apply border-primary-active': {},\r\n        },\r\n      },\r\n\r\n      '&.btn': {\r\n        '&-disabled': {\r\n          '@apply disabled:border-gray-stroke hover:border-gray-stroke': {},\r\n          '&.active': {\r\n            '@apply border-gray-stroke': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonOutline(colors) {\r\n  return {\r\n    '&-outline': {\r\n      '@apply font-semibold border border-gray-stroke': {},\r\n      '@apply text-body bg-transparent': {},\r\n      /* hover */\r\n      '@apply hover:text-white hover:bg-primary-active hover:border-primary-active': {},\r\n      /* keyboard active */\r\n      '&.active': {\r\n        '@apply text-white bg-primary-active border-primary-active': {},\r\n        /* dark keyboard active */\r\n        '@apply dark:border-neutral-300 dark:bg-neutral-700': {},\r\n      },\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:border-primary-500': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n      /* active */\r\n      '@apply active:bg-neutral-200': {},\r\n      /* dark mode */\r\n      '@apply dark:border-neutral-600': {},\r\n      '@apply dark:text-neutral-100 dark:bg-transparent': {},\r\n      /* dark hover */\r\n      '@apply dark:hover:border-neutral-300 dark:hover:bg-neutral-700': {},\r\n      /* dark focus */\r\n      '@apply dark:focus-visible:border-primary-500': {},\r\n      /* dark active */\r\n      '@apply dark:active:bg-neutral-600 dark:active:border-neutral-600': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply border-current`]: {},\r\n            [`@apply text-${color}-600 bg-transparent`]: {},\r\n            /* hover */\r\n            [`@apply hover:text-white hover:bg-${color}-active hover:border-${color}-active`]: {},\r\n            /* keyboard active */\r\n            '&.active': {\r\n              [`@apply text-white bg-${color}-active border-${color}-active`]: {},\r\n\r\n              /* dark keyboard active */\r\n              [`@apply dark:bg-${color}-200`]: {},\r\n              [`@apply dark:bg-opacity-15`]: {},\r\n            },\r\n            /* focus */\r\n            [`@apply focus-visible:border-${color}-500`]: {},\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n            /* active */\r\n            [`@apply active:bg-${color}-100`]: {},\r\n            /* dark mode */\r\n            [`@apply dark:border-${color}-200`]: {},\r\n            [`@apply dark:text-${color}-200 dark:bg-transparent`]: {},\r\n            [`@apply dark:border-${color}-300`]: {},\r\n            /* dark hover */\r\n            [`@apply dark:hover:bg-${color}-200`]: {},\r\n            [`@apply dark:hover:bg-opacity-15`]: {},\r\n            /* dark focus */\r\n            [`@apply dark:focus-visible:border-${color}-500`]: {},\r\n            [`@apply dark:focus-visible:ring-${color}-500`]: {},\r\n            /* dark active */\r\n            [`@apply dark:active:bg-${color}-200`]: {},\r\n            [`@apply dark:active:bg-opacity-25`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&.btn': {\r\n        '&-disabled': {\r\n          '@apply disabled:border-gray-stroke hover:border-gray-stroke': {},\r\n          '&.active': {\r\n            '@apply border-gray-stroke': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonGhost(colors) {\r\n  return {\r\n    '&-ghost': {\r\n      '@apply text-body bg-transparent': {},\r\n      '@apply hover:bg-neutral-100': {},\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n      /* active */\r\n      '@apply active:bg-neutral-200': {},\r\n      /* dark mode */\r\n      '@apply dark:text-neutral-100 dark:bg-transparent': {},\r\n      /* dark hover */\r\n      '@apply dark:hover:border-neutral-300 dark:hover:bg-neutral-700': {},\r\n      /* dark active */\r\n      '@apply dark:active:bg-neutral-600 dark:active:border-neutral-400': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply text-${color}-600`]: {},\r\n            [`@apply hover:bg-${color}-50`]: {},\r\n            /* focus */\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n            [`@apply active:bg-${color}-100`]: {},\r\n            // dark colors\r\n            [`@apply dark:text-${color}-200 dark:bg-transparent`]: {},\r\n            [`@apply dark:border-${color}-300 dark:hover:bg-${color}-200`]: {},\r\n            [`@apply dark:hover:bg-opacity-15`]: {},\r\n            [`@apply dark:active:bg-${color}-200`]: {},\r\n            [`@apply dark:active:bg-opacity-25`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonLight(colors) {\r\n  return {\r\n    '&-light': {\r\n      '@apply shadow-sm': {},\r\n      '@apply border border-transparent': {},\r\n      '@apply text-body bg-neutral-100': {},\r\n      /* hover */\r\n      '@apply hover:bg-neutral-200': {},\r\n      /* focus */\r\n      '@apply focus-visible:z-base': {},\r\n      '@apply focus-visible:border-primary-500': {},\r\n      '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n      /* active */\r\n      '@apply active:bg-neutral-300': {},\r\n      /* dark mode */\r\n      '@apply dark:border-transparent': {},\r\n      '@apply dark:text-neutral-100 dark:bg-neutral-700': {},\r\n      /* dark hover */\r\n      '@apply dark:hover:bg-neutral-600': {},\r\n      /* dark focus */\r\n      '@apply dark:focus-visible:border-primary-500': {},\r\n      /* dark active */\r\n      '@apply dark:active:bg-neutral-600': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply text-${color}-600 bg-${color}-50`]: {},\r\n            /* hover */\r\n            [`@apply hover:bg-${color}-100`]: {},\r\n            /* focus */\r\n            [`@apply focus-visible:border-${color}-500`]: {},\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n            /* active */\r\n            [`@apply active:bg-${color}-200`]: {},\r\n            /* dark mode */\r\n            [`@apply dark:text-${color}-300 dark:bg-${color}-500`]: {},\r\n            [`@apply dark:bg-opacity-15`]: {},\r\n            /* dark hover */\r\n            [`@apply dark:hover:bg-${color}-500`]: {},\r\n            [`@apply dark:hover:bg-opacity-25`]: {},\r\n            /* dark focus */\r\n            [`@apply dark:focus-visible:border-${color}-500`]: {},\r\n            [`@apply dark:focus-visible:ring-${color}-500`]: {},\r\n            /* dark active */\r\n            [`@apply dark:active:bg-${color}-500`]: {},\r\n            [`@apply dark:active:bg-opacity-30`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonLink(colors) {\r\n  return {\r\n    '&-link': {\r\n      '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},\r\n      '&.active': {\r\n        '@apply underline': {},\r\n      },\r\n      '@apply focus-visible:z-base focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n      // dark colors\r\n      '@apply dark:text-neutral-200': {},\r\n      '@apply dark:active:text-neutral-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply text-${color}-600 active:text-${color}-700`]: {},\r\n            [`@apply focus-visible:ring-${color}-500`]: {},\r\n            // dark colors\r\n            [`@apply dark:text-${color}-200`]: {},\r\n            [`@apply dark:active:text-${color}-500`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = Button = (colors) => ({\r\n  '.btn': {\r\n    '@apply relative': {},\r\n    '@apply m-0': {},\r\n    '@apply px-[3.2rem]': {},\r\n    '@apply py-0': {},\r\n    '@apply rounded-[0.4rem] inline-flex items-center justify-center flex-shrink-0 align-middle': {},\r\n    '@apply font-medium leading-tight': {},\r\n    transitionProperty: 'background-color, border-color, color, fill, stroke, box-shadow',\r\n    '@apply\tduration-75 ease-out': {},\r\n    '@apply outline-none appearance-none cursor-base select-none whitespace-nowrap': {},\r\n    '@apply focus-visible:outline-none': {},\r\n\r\n    \"&[data-rounded='true']\": {\r\n      borderRadius: '3.2rem',\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply text-xs': {},\r\n      minHeight: '4rem',\r\n      maxHeight: '4rem',\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-sm': {},\r\n      minHeight: '4.4rem',\r\n      maxHeight: '4.4rem',\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-base': {},\r\n      minHeight: '4.8rem',\r\n      maxHeight: '4.8rem',\r\n    },\r\n    '&-fit-content': {\r\n      '@apply p-0': {},\r\n      fontSize: 'inherit',\r\n    },\r\n\r\n    // State\r\n\r\n    '&-disabled': {\r\n      '@apply disabled:shadow-none disabled:cursor-not-allowed': {},\r\n      '@apply disabled:text-gray disabled:bg-gray-light !important': {},\r\n    },\r\n    '.MuiSvgIcon-root': {\r\n      fontSize: '1.5em',\r\n      width: '1em',\r\n      height: '1em',\r\n    },\r\n\r\n    // variants\r\n    ...buttonSolid(colors),\r\n    ...buttonOutline(colors),\r\n    //...buttonGhost(colors),\r\n    //...buttonLight(colors),\r\n    ...buttonLink(colors),\r\n  },\r\n  '.btn-has-icon': {\r\n    '&-left .MuiSvgIcon-root': {\r\n      '@apply mr-sm': {},\r\n    },\r\n    '&-right .MuiSvgIcon-root': {\r\n      '@apply ml-sm': {},\r\n    },\r\n  },\r\n  '[data-icon=true]': {\r\n    '@apply p-0': {},\r\n    \"&[data-rounded='true']\": {\r\n      '@apply rounded-full': {},\r\n    },\r\n    '&.btn-sm': {\r\n      minWidth: '4rem',\r\n      maxWidth: '4rem',\r\n    },\r\n\r\n    '&.btn-md': {\r\n      minWidth: '4.4rem',\r\n      maxWidth: '4.4rem',\r\n    },\r\n\r\n    '&.btn-lg': {\r\n      minWidth: '4.8rem',\r\n      maxWidth: '4.8rem',\r\n    },\r\n    '.btn-has-icon': {\r\n      '&-left .MuiSvgIcon-root': {\r\n        '@apply mr-0': {},\r\n      },\r\n      '&-right .MuiSvgIcon-root': {\r\n        '@apply ml-0': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}

package/dist/cjs/components/calendar.js

@@ -0,0 +1,69 @@
+"use strict";
+
+module.exports = Calendar = function Calendar() {
+  return {
+    // Month row
+    '.MuiCalendarPicker-root > div:first-of-type': {
+      '@apply ml-2 -mr-2 px-10': {}
+    },
+    // Month
+    '.MuiCalendarPicker-root > div:first-of-type > div': {
+      '@apply font-bold text-base text-body': {}
+    },
+    // Arrow switchers
+    '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root .MuiSvgIcon-root': {
+      '@apply text-body text-lg': {}
+    },
+    '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root': {
+      '@apply border-solid border border-transparent focus:text-transparent hover:text-transparent focus:bg-transparent hover:bg-transparent focus:border-primary hover:border-primary': {}
+    },
+    // Arrow spacer
+    '.MuiCalendarPicker-root .MuiPickersArrowSwitcher-spacer': {
+      '@apply w-11': {}
+    },
+    // Disabled arrow
+    '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root[disabled] .MuiSvgIcon-root': {
+      '@apply text-gray-stroke': {}
+    },
+    // Weekdays
+    '.MuiCalendarPicker-root div > div:first-of-type > .MuiTypography-root': {
+      '@apply font-bold text-body text-base': {}
+    },
+    // Days-Grid
+    '.MuiCalendarPicker-root > div:last-of-type > div:last-of-type': {
+      '@apply min-h-min pb-6': {}
+    },
+    // Day picking
+    '.MuiCalendarPicker-root .MuiPickersDay-root': {
+      '@apply text-base': {}
+    },
+    '.MuiCalendarPicker-root .Mui-disabled': {
+      '@apply text-gray-stroke': {}
+    },
+    // Day picked
+    '.MuiCalendarPicker-root .MuiButtonBase-root.MuiPickersDay-root.Mui-selected': {
+      '@apply bg-background-one text-body focus-visible:bg-background-one hover:bg-background-one focus:bg-background-one': {}
+    },
+    // Day hovered
+    '.MuiCalendarPicker-root .MuiPickersDay-root, .MuiCalendarPicker-root .MuiPickersDay-root.MuiPickersDay-today': {
+      '@apply border-primary border-solid focus-visible:border hover:bg-transparent focus:bg-transparent hover:border': {}
+    },
+    // today
+    '.MuiCalendarPicker-root .MuiPickersDay-root.MuiPickersDay-today': {
+      '@apply border-0 hover:border': {}
+    },
+    '.calendar': {
+      // Input field
+      '.datepicker-input': {
+        '@apply relative': {}
+      },
+      '.datepicker-input input': {
+        '@apply pl-20 cursor-pointer': {}
+      },
+      '.datepicker-input-icon': {
+        '@apply pointer-events-none absolute my-auto top-0 bottom-0 left-md mr-md text-xl fill-body': {}
+      }
+    }
+  };
+};
+//# sourceMappingURL=calendar.js.map