@sk-web-gui/core 0.1.75 → 0.1.77

package/dist/esm/components/checkbox.js

@@ -0,0 +1,113 @@
+var svgToDataUri = require('mini-svg-data-uri');
+module.exports = Checkbox = colors => ({
+  '.form-checkbox': {
+    //"@apply rounded shadow-sm": {},
+    backgroundColor: 'inherit',
+    '@apply border-gray-stroke focus:bg-white': {},
+    '&[aria-invalid=true]': {
+      '--tw-border-opacity': '1',
+      borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))'
+    },
+    '&[aria-invalid=true]:hover': {
+      '--tw-border-opacity': '1',
+      'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))'
+    },
+    // dark colors
+    '@apply dark:border-neutral-400': {},
+    '.dark &[aria-invalid=true]': {
+      '--tw-border-opacity': '1',
+      borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))'
+    },
+    '.dark &[aria-invalid=true]:hover': {
+      '--tw-border-opacity': '1',
+      borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))'
+    },
+    '@media (prefers-color-scheme: dark)': {
+      '&[aria-invalid=true]': {
+        '--tw-border-opacity': '1',
+        borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))'
+      },
+      '&[aria-invalid=true]:hover': {
+        '--tw-border-opacity': '1',
+        'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))'
+      }
+    },
+    '&:checked': {
+      '@apply text-white bg-white border-primary': {},
+      ["@apply focus-visible:border-primary focus-visible:ring-primary"]: {},
+      backgroundImage: "url(\"" + svgToDataUri("<svg viewBox=\"0 0 16 16\" fill=\"#005595\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\"/></svg>") + "\")"
+      //borderColor: "transparent",
+    },
+
+    ["&[data-color=\"primary\"]"]: {
+      //[`@apply text-primary`]: {},
+      // dark
+      //[`@apply dark:text-primary`]: {},
+      //[`@apply dark:focus-visible:border-primary-400 dark:focus-visible:ring-primary-400`]: {},
+    },
+    // Fix focus stylign
+    '&:checked:hover, &:checked:focus': {
+      '@apply bg-white border-primary': {}
+    },
+    // colors
+    /*...colors.reduce(
+      (styles, color) => ({
+        ...styles,
+        [`&[data-color="${color}"]`]: {
+          [`@apply text-${color}`]: {},
+          [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},
+          backgroundImage: `url("${svgToDataUri(
+            `<svg viewBox="0 0 16 16" fill="${theme(`colors.primary_raw.DEFAULT`)}" xmlns="http://www.w3.org/2000/svg"><path d="M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z"/></svg>`
+          )}")`,
+          // dark
+          [`@apply dark:text-${color}`]: {},
+          [`@apply dark:focus-visible:border-${color}-400 dark:focus-visible:ring-${color}-400`]: {},
+        },
+      }),
+      {}
+    ),*/
+
+    '@apply dark:focus-visible:ring-offset-neutral-900': {},
+    // sizing
+    '&-sm': {
+      width: '1.4rem',
+      height: '1.4rem'
+    },
+    '&-md': {
+      width: '1.6rem',
+      height: '1.6rem'
+      //"@apply w-4 h-4": {},
+    },
+
+    '&-lg': {
+      width: '1.8rem',
+      height: '1.8rem'
+    },
+    // disabled
+    '&-disabled, &-disabled:checked': {
+      '@apply grayscale cursor-not-allowed bg-gray-middle hover:bg-gray-middle': {}
+      //"@apply disabled:bg-gray-stroke": {},
+      //"@apply disabled:shadow-none disabled:border-neutral-300 disabled:bg-neutral-300 disabled:hover:text-neutral-300": {},
+      //"@apply dark:disabled:border-transparent dark:disabled:bg-white/20 dark:disabled:hover:text-white/20": {},
+    },
+
+    // label
+    '&-label': {
+      '@apply text-body select-none text-sm': {},
+      marginLeft: '0.8rem',
+      //"@apply text-black": {},
+      // dark colors
+      '@apply dark:text-neutral-100': {},
+      '&-sm': {
+        '@apply text-xs': {}
+      },
+      '&-md': {
+        '@apply text-sm': {}
+      },
+      '&-lg': {
+        '@apply text-base': {}
+      }
+    }
+  }
+});
+//# sourceMappingURL=checkbox.js.map

package/dist/esm/components/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","names":["svgToDataUri","require","module","exports","Checkbox","colors","backgroundColor","borderColor","backgroundImage","width","height","marginLeft"],"sources":["../../../src/components/checkbox.js"],"sourcesContent":["const svgToDataUri = require('mini-svg-data-uri');\r\n\r\nmodule.exports = Checkbox = (colors) => ({\r\n  '.form-checkbox': {\r\n    //\"@apply rounded shadow-sm\": {},\r\n    backgroundColor: 'inherit',\r\n    '@apply border-gray-stroke focus:bg-white': {},\r\n\r\n    '&[aria-invalid=true]': {\r\n      '--tw-border-opacity': '1',\r\n      borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n    },\r\n    '&[aria-invalid=true]:hover': {\r\n      '--tw-border-opacity': '1',\r\n      'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n    },\r\n    // dark colors\r\n    '@apply dark:border-neutral-400': {},\r\n    '.dark &[aria-invalid=true]': {\r\n      '--tw-border-opacity': '1',\r\n      borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',\r\n    },\r\n    '.dark &[aria-invalid=true]:hover': {\r\n      '--tw-border-opacity': '1',\r\n      borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',\r\n    },\r\n\r\n    '@media (prefers-color-scheme: dark)': {\r\n      '&[aria-invalid=true]': {\r\n        '--tw-border-opacity': '1',\r\n        borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n      },\r\n      '&[aria-invalid=true]:hover': {\r\n        '--tw-border-opacity': '1',\r\n        'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n      },\r\n    },\r\n\r\n    '&:checked': {\r\n      '@apply text-white bg-white border-primary': {},\r\n      [`@apply focus-visible:border-primary focus-visible:ring-primary`]: {},\r\n\r\n      backgroundImage: `url(\"${svgToDataUri(\r\n        `<svg viewBox=\"0 0 16 16\" fill=\"#005595\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\"/></svg>`\r\n      )}\")`,\r\n      //borderColor: \"transparent\",\r\n    },\r\n\r\n    [`&[data-color=\"primary\"]`]: {\r\n      //[`@apply text-primary`]: {},\r\n      // dark\r\n      //[`@apply dark:text-primary`]: {},\r\n      //[`@apply dark:focus-visible:border-primary-400 dark:focus-visible:ring-primary-400`]: {},\r\n    },\r\n\r\n    // Fix focus stylign\r\n    '&:checked:hover, &:checked:focus': {\r\n      '@apply bg-white border-primary': {},\r\n    },\r\n\r\n    // colors\r\n    /*...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply text-${color}`]: {},\r\n          [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n          backgroundImage: `url(\"${svgToDataUri(\r\n            `<svg viewBox=\"0 0 16 16\" fill=\"${theme(`colors.primary_raw.DEFAULT`)}\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z\"/></svg>`\r\n          )}\")`,\r\n          // dark\r\n          [`@apply dark:text-${color}`]: {},\r\n          [`@apply dark:focus-visible:border-${color}-400 dark:focus-visible:ring-${color}-400`]: {},\r\n        },\r\n      }),\r\n      {}\r\n    ),*/\r\n\r\n    '@apply dark:focus-visible:ring-offset-neutral-900': {},\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      width: '1.4rem',\r\n      height: '1.4rem',\r\n    },\r\n\r\n    '&-md': {\r\n      width: '1.6rem',\r\n      height: '1.6rem',\r\n      //\"@apply w-4 h-4\": {},\r\n    },\r\n\r\n    '&-lg': {\r\n      width: '1.8rem',\r\n      height: '1.8rem',\r\n    },\r\n\r\n    // disabled\r\n    '&-disabled, &-disabled:checked': {\r\n      '@apply grayscale cursor-not-allowed bg-gray-middle hover:bg-gray-middle': {},\r\n      //\"@apply disabled:bg-gray-stroke\": {},\r\n      //\"@apply disabled:shadow-none disabled:border-neutral-300 disabled:bg-neutral-300 disabled:hover:text-neutral-300\": {},\r\n      //\"@apply dark:disabled:border-transparent dark:disabled:bg-white/20 dark:disabled:hover:text-white/20\": {},\r\n    },\r\n\r\n    // label\r\n    '&-label': {\r\n      '@apply text-body select-none text-sm': {},\r\n      marginLeft: '0.8rem',\r\n      //\"@apply text-black\": {},\r\n      // dark colors\r\n      '@apply dark:text-neutral-100': {},\r\n\r\n      '&-sm': {\r\n        '@apply text-xs': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply text-sm': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply text-base': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,IAAMA,YAAY,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AAEjDC,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAIC,MAAM,KAAM;EACvC,gBAAgB,EAAE;IAChB;IACAC,eAAe,EAAE,SAAS;IAC1B,0CAA0C,EAAE,CAAC,CAAC;IAE9C,sBAAsB,EAAE;MACtB,qBAAqB,EAAE,GAAG;MAC1BC,WAAW,EAAE;IACf,CAAC;IACD,4BAA4B,EAAE;MAC5B,qBAAqB,EAAE,GAAG;MAC1B,cAAc,EAAE;IAClB,CAAC;IACD;IACA,gCAAgC,EAAE,CAAC,CAAC;IACpC,4BAA4B,EAAE;MAC5B,qBAAqB,EAAE,GAAG;MAC1BA,WAAW,EAAE;IACf,CAAC;IACD,kCAAkC,EAAE;MAClC,qBAAqB,EAAE,GAAG;MAC1BA,WAAW,EAAE;IACf,CAAC;IAED,qCAAqC,EAAE;MACrC,sBAAsB,EAAE;QACtB,qBAAqB,EAAE,GAAG;QAC1BA,WAAW,EAAE;MACf,CAAC;MACD,4BAA4B,EAAE;QAC5B,qBAAqB,EAAE,GAAG;QAC1B,cAAc,EAAE;MAClB;IACF,CAAC;IAED,WAAW,EAAE;MACX,2CAA2C,EAAE,CAAC,CAAC;MAC/C,oEAAoE,CAAC,CAAC;MAEtEC,eAAe,aAAUR,YAAY,4NAEpC;MACD;IACF,CAAC;;IAED,+BAA6B;MAC3B;MACA;MACA;MACA;IAAA,CACD;IAED;IACA,kCAAkC,EAAE;MAClC,gCAAgC,EAAE,CAAC;IACrC,CAAC;IAED;IACA;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;IAEI,mDAAmD,EAAE,CAAC,CAAC;IAEvD;IACA,MAAM,EAAE;MACNS,KAAK,EAAE,QAAQ;MACfC,MAAM,EAAE;IACV,CAAC;IAED,MAAM,EAAE;MACND,KAAK,EAAE,QAAQ;MACfC,MAAM,EAAE;MACR;IACF,CAAC;;IAED,MAAM,EAAE;MACND,KAAK,EAAE,QAAQ;MACfC,MAAM,EAAE;IACV,CAAC;IAED;IACA,gCAAgC,EAAE;MAChC,yEAAyE,EAAE,CAAC;MAC5E;MACA;MACA;IACF,CAAC;;IAED;IACA,SAAS,EAAE;MACT,sCAAsC,EAAE,CAAC,CAAC;MAC1CC,UAAU,EAAE,QAAQ;MACpB;MACA;MACA,8BAA8B,EAAE,CAAC,CAAC;MAElC,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC;MACvB;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/code.js

@@ -0,0 +1,10 @@
+module.exports = Code = () => ({
+  '.code': {
+    '@apply inline-flex justify-center items-center capitalize text-xs rounded-sm font-mono break-all': {},
+    '@apply bg-neutral-200 border border-neutral-100 text-body': {},
+    // dark
+    '@apply dark:bg-neutral-700 dark:border-neutral-600 dark:text-neutral-300': {},
+    padding: '2px 3px 1px'
+  }
+});
+//# sourceMappingURL=code.js.map

package/dist/esm/components/code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.js","names":["module","exports","Code","padding"],"sources":["../../../src/components/code.js"],"sourcesContent":["module.exports = Code = () => ({\r\n  '.code': {\r\n    '@apply inline-flex justify-center items-center capitalize text-xs rounded-sm font-mono break-all': {},\r\n    '@apply bg-neutral-200 border border-neutral-100 text-body': {},\r\n    // dark\r\n    '@apply dark:bg-neutral-700 dark:border-neutral-600 dark:text-neutral-300': {},\r\n    padding: '2px 3px 1px',\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAGA,CAAA,MAAO;EAC7B,OAAO,EAAE;IACP,kGAAkG,EAAE,CAAC,CAAC;IACtG,2DAA2D,EAAE,CAAC,CAAC;IAC/D;IACA,0EAA0E,EAAE,CAAC,CAAC;IAC9EC,OAAO,EAAE;EACX;AACF,CAAC,CAAC"}

package/dist/esm/components/context-menu.js

@@ -0,0 +1,11 @@
+module.exports = ContextMenu = () => ({
+  '.context-menu-wrapper': {
+    '.context-menu-items': {
+      '@apply absolute bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col space-y-4 justify-start items-start p-sm': {},
+      '.context-menu-item': {
+        '@apply px-sm': {}
+      }
+    }
+  }
+});
+//# sourceMappingURL=context-menu.js.map

package/dist/esm/components/context-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.js","names":["module","exports","ContextMenu"],"sources":["../../../src/components/context-menu.js"],"sourcesContent":["module.exports = ContextMenu = () => ({\r\n  '.context-menu-wrapper': {\r\n    '.context-menu-items': {\r\n      '@apply absolute bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col space-y-4 justify-start items-start p-sm':\r\n        {},\r\n      '.context-menu-item': {\r\n        '@apply px-sm': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,WAAW,GAAGA,CAAA,MAAO;EACpC,uBAAuB,EAAE;IACvB,qBAAqB,EAAE;MACrB,8HAA8H,EAC5H,CAAC,CAAC;MACJ,oBAAoB,EAAE;QACpB,cAAc,EAAE,CAAC;MACnB;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/cookie-consent.js

@@ -0,0 +1,24 @@
+module.exports = CookieConsent = () => ({
+  '.cookie-consent': {
+    '@apply min-w-full fixed flex justify-center z-10 bottom-0 left-0 right-0 bg-white': {},
+    '&-close-btn': {
+      '@apply cursor-pointer hover:text-primary-active absolute right-8 top-6 border border-transparent focus-visible:border-black flex self-center': {},
+      '&-icon': {
+        '@apply !text-2xl': {}
+      }
+    },
+    '&-content-wrapper': {
+      '@apply flex flex-col container py-12 px-4 bg-white relative': {}
+    },
+    '&-title': {
+      '@apply text-2xl leading-2xl mb-1 mt-4 break-words': {}
+    },
+    '&-description': {
+      '@apply text-base leading-base mb-8': {}
+    },
+    '&-btn-wrapper': {
+      '@apply flex flex-col space-y-4 lg:block lg:space-y-0 lg:space-x-4': {}
+    }
+  }
+});
+//# sourceMappingURL=cookie-consent.js.map

package/dist/esm/components/cookie-consent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookie-consent.js","names":["module","exports","CookieConsent"],"sources":["../../../src/components/cookie-consent.js"],"sourcesContent":["module.exports = CookieConsent = () => ({\r\n  '.cookie-consent': {\r\n    '@apply min-w-full fixed flex justify-center z-10 bottom-0 left-0 right-0 bg-white': {},\r\n\r\n    '&-close-btn': {\r\n      '@apply cursor-pointer hover:text-primary-active absolute right-8 top-6 border border-transparent focus-visible:border-black flex self-center':\r\n        {},\r\n\r\n      '&-icon': {\r\n        '@apply !text-2xl': {},\r\n      },\r\n    },\r\n\r\n    '&-content-wrapper': {\r\n      '@apply flex flex-col container py-12 px-4 bg-white relative': {},\r\n    },\r\n\r\n    '&-title': {\r\n      '@apply text-2xl leading-2xl mb-1 mt-4 break-words': {},\r\n    },\r\n\r\n    '&-description': {\r\n      '@apply text-base leading-base mb-8': {},\r\n    },\r\n\r\n    '&-btn-wrapper': {\r\n      '@apply flex flex-col space-y-4 lg:block lg:space-y-0 lg:space-x-4': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,aAAa,GAAGA,CAAA,MAAO;EACtC,iBAAiB,EAAE;IACjB,mFAAmF,EAAE,CAAC,CAAC;IAEvF,aAAa,EAAE;MACb,8IAA8I,EAC5I,CAAC,CAAC;MAEJ,QAAQ,EAAE;QACR,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC;IAED,mBAAmB,EAAE;MACnB,6DAA6D,EAAE,CAAC;IAClE,CAAC;IAED,SAAS,EAAE;MACT,mDAAmD,EAAE,CAAC;IACxD,CAAC;IAED,eAAe,EAAE;MACf,oCAAoC,EAAE,CAAC;IACzC,CAAC;IAED,eAAe,EAAE;MACf,mEAAmE,EAAE,CAAC;IACxE;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/dialog.js

@@ -0,0 +1,13 @@
+module.exports = Dialog = () => ({
+  '.dialog': {
+    '@apply w-fit max-w-prose': {},
+    '&-buttons': {
+      '@apply grid grid-flow-col gap-lg place-content-stretch': {},
+      gridAutoColumns: 'minmax(0, 1fr)'
+    },
+    '&-content': {
+      '@apply text-center mb-lg': {}
+    }
+  }
+});
+//# sourceMappingURL=dialog.js.map

package/dist/esm/components/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","names":["module","exports","Dialog","gridAutoColumns"],"sources":["../../../src/components/dialog.js"],"sourcesContent":["module.exports = Dialog = () => ({\r\n  '.dialog': {\r\n    '@apply w-fit max-w-prose': {},\r\n    '&-buttons': {\r\n      '@apply grid grid-flow-col gap-lg place-content-stretch': {},\r\n      gridAutoColumns: 'minmax(0, 1fr)',\r\n    },\r\n    '&-content': {\r\n      '@apply text-center mb-lg': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAGA,CAAA,MAAO;EAC/B,SAAS,EAAE;IACT,0BAA0B,EAAE,CAAC,CAAC;IAC9B,WAAW,EAAE;MACX,wDAAwD,EAAE,CAAC,CAAC;MAC5DC,eAAe,EAAE;IACnB,CAAC;IACD,WAAW,EAAE;MACX,0BAA0B,EAAE,CAAC;IAC/B;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/divider.js

@@ -0,0 +1,13 @@
+module.exports = Divider = () => ({
+  '.divider': {
+    '@apply border-0 border-gray-stroke': {},
+    //borderColor: "inherit",
+    '&-vertical': {
+      '@apply border-l border-solid h-auto mx-2': {}
+    },
+    '&-horizontal': {
+      '@apply border-b border-solid w-auto my-2': {}
+    }
+  }
+});
+//# sourceMappingURL=divider.js.map

package/dist/esm/components/divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.js","names":["module","exports","Divider"],"sources":["../../../src/components/divider.js"],"sourcesContent":["module.exports = Divider = () => ({\r\n  '.divider': {\r\n    '@apply border-0 border-gray-stroke': {},\r\n    //borderColor: \"inherit\",\r\n    '&-vertical': {\r\n      '@apply border-l border-solid h-auto mx-2': {},\r\n    },\r\n    '&-horizontal': {\r\n      '@apply border-b border-solid w-auto my-2': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAGA,CAAA,MAAO;EAChC,UAAU,EAAE;IACV,oCAAoC,EAAE,CAAC,CAAC;IACxC;IACA,YAAY,EAAE;MACZ,0CAA0C,EAAE,CAAC;IAC/C,CAAC;IACD,cAAc,EAAE;MACd,0CAA0C,EAAE,CAAC;IAC/C;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/dot.js

@@ -0,0 +1,59 @@
+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); }
+module.exports = Dot = colors => ({
+  '.dot': {
+    '@apply relative inline-flex rounded-full': {},
+    '&-solid': _extends({
+      '@apply bg-neutral-500': {}
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        ["@apply bg-" + color + "-500"]: {}
+      }
+    }), {}), {
+      '&.dot-bordered': {
+        '@apply border-2 border-white': {},
+        '@apply dark:border-neutral-800': {}
+      }
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&.dot-bordered[data-color=\"" + color + "\"]"]: {
+        ["@apply border-" + color + "-100"]: {},
+        ["@apply dark:border-" + color + "-300"]: {}
+      }
+    }), {})),
+    '&-outline': _extends({
+      '@apply bg-white border-2 border-neutral-500': {},
+      '@apply dark:bg-neutral-800': {}
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        ["@apply border-" + color + "-500"]: {}
+      }
+    }), {})),
+    '&-3xs': {
+      '@apply w-1.5 h-1.5': {}
+    },
+    '&-2xs': {
+      '@apply w-2 h-2': {}
+    },
+    '&-xs': {
+      '@apply w-2.5 h-2.5': {}
+    },
+    '&-sm': {
+      '@apply w-3 h-3': {}
+    },
+    '&-md': {
+      '@apply w-3.5 h-3.5': {}
+    },
+    '&-lg': {
+      '@apply w-4 h-4': {}
+    },
+    '&-xl': {
+      '@apply w-5 h-5': {}
+    },
+    '&-2xl': {
+      '@apply w-6 h-6': {}
+    },
+    '&-3xl': {
+      '@apply w-8 h-8': {}
+    }
+  }
+});
+//# sourceMappingURL=dot.js.map

package/dist/esm/components/dot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dot.js","names":["module","exports","Dot","colors","_extends","reduce","styles","color"],"sources":["../../../src/components/dot.js"],"sourcesContent":["module.exports = Dot = (colors) => ({\r\n  '.dot': {\r\n    '@apply relative inline-flex rounded-full': {},\r\n    '&-solid': {\r\n      '@apply bg-neutral-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-500`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&.dot-bordered': {\r\n        '@apply border-2 border-white': {},\r\n        '@apply dark:border-neutral-800': {},\r\n      },\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&.dot-bordered[data-color=\"${color}\"]`]: {\r\n            [`@apply border-${color}-100`]: {},\r\n            [`@apply dark:border-${color}-300`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-outline': {\r\n      '@apply bg-white border-2 border-neutral-500': {},\r\n      '@apply dark:bg-neutral-800': {},\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply border-${color}-500`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-3xs': {\r\n      '@apply w-1.5 h-1.5': {},\r\n    },\r\n\r\n    '&-2xs': {\r\n      '@apply w-2 h-2': {},\r\n    },\r\n\r\n    '&-xs': {\r\n      '@apply w-2.5 h-2.5': {},\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply w-3 h-3': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply w-3.5 h-3.5': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply w-4 h-4': {},\r\n    },\r\n\r\n    '&-xl': {\r\n      '@apply w-5 h-5': {},\r\n    },\r\n\r\n    '&-2xl': {\r\n      '@apply w-6 h-6': {},\r\n    },\r\n\r\n    '&-3xl': {\r\n      '@apply w-8 h-8': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAAA,MAAM,CAACC,OAAO,GAAGC,GAAG,GAAIC,MAAM,KAAM;EAClC,MAAM,EAAE;IACN,0CAA0C,EAAE,CAAC,CAAC;IAC9C,SAAS,EAAAC,QAAA;MACP,uBAAuB,EAAE,CAAC;IAAC,GAExBD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,gBAAcA,KAAK,YAAS,CAAC;MAC/B;IAAC,EACD,EACF,CAAC,CAAC,CACH;MAED,gBAAgB,EAAE;QAChB,8BAA8B,EAAE,CAAC,CAAC;QAClC,gCAAgC,EAAE,CAAC;MACrC;IAAC,GAEEJ,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,kCAA+BC,KAAK,WAAO;QACzC,oBAAkBA,KAAK,YAAS,CAAC,CAAC;QAClC,yBAAuBA,KAAK,YAAS,CAAC;MACxC;IAAC,EACD,EACF,CAAC,CAAC,CACH,CACF;IAED,WAAW,EAAAH,QAAA;MACT,6CAA6C,EAAE,CAAC,CAAC;MACjD,4BAA4B,EAAE,CAAC;IAAC,GAC7BD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,oBAAkBA,KAAK,YAAS,CAAC;MACnC;IAAC,EACD,EACF,CAAC,CAAC,CACH,CACF;IAED,OAAO,EAAE;MACP,oBAAoB,EAAE,CAAC;IACzB,CAAC;IAED,OAAO,EAAE;MACP,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,oBAAoB,EAAE,CAAC;IACzB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,oBAAoB,EAAE,CAAC;IACzB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,OAAO,EAAE;MACP,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,OAAO,EAAE;MACP,gBAAgB,EAAE,CAAC;IACrB;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/dropdown-filter.js

@@ -0,0 +1,55 @@
+module.exports = DropdownFilter = () => ({
+  '.dropdown-filter': {
+    position: 'relative',
+    height: 50,
+    border: '1px solid #939393',
+    display: 'flex',
+    background: '#fff',
+    borderRadius: 2,
+    '.dropdown-button': {
+      '@apply flex justify-between items-center  grow': {},
+      '.dropdown-button-icon': {
+        '@apply justify-self-end grow-0': {}
+      }
+    },
+    '.filter-container': {
+      position: 'absolute',
+      top: '100%',
+      left: '-1px',
+      zIndex: 10,
+      width: 'calc(100% + 2px)',
+      background: '#fff',
+      border: '1px solid #939393',
+      borderRadius: 2,
+      '.filter-controls': {
+        display: 'flex',
+        justifyContent: 'flex-end',
+        button: {
+          marginLeft: '1rem',
+          textDecoration: 'underline'
+        }
+      },
+      '.filter-item': {
+        '@apply px-md': {},
+        height: 48,
+        display: 'flex',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        borderBottom: '1px solid #939393',
+        '> label:first-child': {
+          '@apply flex-grow': {}
+        },
+        '&.disabled': {
+          color: '#939393'
+        },
+        '&:first-of-type': {
+          borderTop: '1px solid #939393'
+        },
+        '&:last-child': {
+          borderBottom: 'none'
+        }
+      }
+    }
+  }
+});
+//# sourceMappingURL=dropdown-filter.js.map

package/dist/esm/components/dropdown-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-filter.js","names":["module","exports","DropdownFilter","position","height","border","display","background","borderRadius","top","left","zIndex","width","justifyContent","button","marginLeft","textDecoration","alignItems","borderBottom","color","borderTop"],"sources":["../../../src/components/dropdown-filter.js"],"sourcesContent":["module.exports = DropdownFilter = () => ({\r\n  '.dropdown-filter': {\r\n    position: 'relative',\r\n    height: 50,\r\n    border: '1px solid #939393',\r\n    display: 'flex',\r\n    background: '#fff',\r\n    borderRadius: 2,\r\n\r\n    '.dropdown-button': {\r\n      '@apply flex justify-between items-center  grow': {},\r\n      '.dropdown-button-icon': {\r\n        '@apply justify-self-end grow-0': {},\r\n      },\r\n    },\r\n\r\n    '.filter-container': {\r\n      position: 'absolute',\r\n      top: '100%',\r\n      left: '-1px',\r\n      zIndex: 10,\r\n      width: 'calc(100% + 2px)',\r\n      background: '#fff',\r\n      border: '1px solid #939393',\r\n      borderRadius: 2,\r\n\r\n      '.filter-controls': {\r\n        display: 'flex',\r\n        justifyContent: 'flex-end',\r\n        button: {\r\n          marginLeft: '1rem',\r\n          textDecoration: 'underline',\r\n        },\r\n      },\r\n\r\n      '.filter-item': {\r\n        '@apply px-md': {},\r\n        height: 48,\r\n        display: 'flex',\r\n        justifyContent: 'space-between',\r\n        alignItems: 'center',\r\n        borderBottom: '1px solid #939393',\r\n\r\n        '> label:first-child': {\r\n          '@apply flex-grow': {},\r\n        },\r\n\r\n        '&.disabled': {\r\n          color: '#939393',\r\n        },\r\n\r\n        '&:first-of-type': {\r\n          borderTop: '1px solid #939393',\r\n        },\r\n\r\n        '&:last-child': {\r\n          borderBottom: 'none',\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,cAAc,GAAGA,CAAA,MAAO;EACvC,kBAAkB,EAAE;IAClBC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,EAAE;IACVC,MAAM,EAAE,mBAAmB;IAC3BC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE,MAAM;IAClBC,YAAY,EAAE,CAAC;IAEf,kBAAkB,EAAE;MAClB,gDAAgD,EAAE,CAAC,CAAC;MACpD,uBAAuB,EAAE;QACvB,gCAAgC,EAAE,CAAC;MACrC;IACF,CAAC;IAED,mBAAmB,EAAE;MACnBL,QAAQ,EAAE,UAAU;MACpBM,GAAG,EAAE,MAAM;MACXC,IAAI,EAAE,MAAM;MACZC,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE,kBAAkB;MACzBL,UAAU,EAAE,MAAM;MAClBF,MAAM,EAAE,mBAAmB;MAC3BG,YAAY,EAAE,CAAC;MAEf,kBAAkB,EAAE;QAClBF,OAAO,EAAE,MAAM;QACfO,cAAc,EAAE,UAAU;QAC1BC,MAAM,EAAE;UACNC,UAAU,EAAE,MAAM;UAClBC,cAAc,EAAE;QAClB;MACF,CAAC;MAED,cAAc,EAAE;QACd,cAAc,EAAE,CAAC,CAAC;QAClBZ,MAAM,EAAE,EAAE;QACVE,OAAO,EAAE,MAAM;QACfO,cAAc,EAAE,eAAe;QAC/BI,UAAU,EAAE,QAAQ;QACpBC,YAAY,EAAE,mBAAmB;QAEjC,qBAAqB,EAAE;UACrB,kBAAkB,EAAE,CAAC;QACvB,CAAC;QAED,YAAY,EAAE;UACZC,KAAK,EAAE;QACT,CAAC;QAED,iBAAiB,EAAE;UACjBC,SAAS,EAAE;QACb,CAAC;QAED,cAAc,EAAE;UACdF,YAAY,EAAE;QAChB;MACF;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/footer.js

@@ -0,0 +1,30 @@
+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); }
+module.exports = Footer = colors => ({
+  '.footer': {
+    '&-innerwrapper': _extends({
+      '@apply bg-gray text-white py-12': {}
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        ["@apply bg-" + color]: {}
+      }
+    }), {})),
+    '&-content': {
+      '@apply px-md md:flex items-center justify-center m-auto': {}
+    },
+    '&-bottomlinks': _extends({
+      '@apply bg-gray-middle text-body py-md': {}
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        ["@apply bg-" + color]: {}
+      }
+    }), {}), {
+      '&-container': {
+        '@apply px-md flex items-center items-center justify-center m-auto md:space-x-10 flex-col md:flex-row': {},
+        '> *': {
+          '@apply text-body text-sm leading-sm py-sm': {}
+        }
+      }
+    })
+  }
+});
+//# sourceMappingURL=footer.js.map

package/dist/esm/components/footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.js","names":["module","exports","Footer","colors","_extends","reduce","styles","color"],"sources":["../../../src/components/footer.js"],"sourcesContent":["module.exports = Footer = (colors) => ({\r\n  '.footer': {\r\n    '&-innerwrapper': {\r\n      '@apply bg-gray text-white py-12': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply px-md md:flex items-center justify-center m-auto': {},\r\n    },\r\n\r\n    '&-bottomlinks': {\r\n      '@apply bg-gray-middle text-body py-md': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&-container': {\r\n        '@apply px-md flex items-center items-center justify-center m-auto md:space-x-10 flex-col md:flex-row': {},\r\n        '> *': {\r\n          '@apply text-body text-sm leading-sm py-sm': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAIC,MAAM,KAAM;EACrC,SAAS,EAAE;IACT,gBAAgB,EAAAC,QAAA;MACd,iCAAiC,EAAE,CAAC;IAAC,GAElCD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,gBAAcA,KAAK,GAAK,CAAC;MAC3B;IAAC,EACD,EACF,CAAC,CAAC,CACH,CACF;IAED,WAAW,EAAE;MACX,yDAAyD,EAAE,CAAC;IAC9D,CAAC;IAED,eAAe,EAAAH,QAAA;MACb,uCAAuC,EAAE,CAAC;IAAC,GAExCD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,gBAAcA,KAAK,GAAK,CAAC;MAC3B;IAAC,EACD,EACF,CAAC,CAAC,CACH;MAED,aAAa,EAAE;QACb,sGAAsG,EAAE,CAAC,CAAC;QAC1G,KAAK,EAAE;UACL,2CAA2C,EAAE,CAAC;QAChD;MACF;IAAC;EAEL;AACF,CAAC,CAAC"}