@sk-web-gui/core 1.0.3 → 1.1.1

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":["module","exports","Tabs","content","display","hidden"],"sources":["../../../src/components/tabs.js"],"sourcesContent":["module.exports = Tabs = () => ({\r\n  '.sk-tabs': {\r\n    '&-stretch': {\r\n      '@apply w-full': {},\r\n    },\r\n    '&-list': {\r\n      '@apply  block relative w-full h-[3rem]': {},\r\n      '&-stretch': {\r\n        '@apply flex justify-between': {},\r\n      },\r\n      '&-right': {\r\n        '@apply text-right': {},\r\n      },\r\n      '&-center': {\r\n        '@apply text-center': {},\r\n      },\r\n\r\n      '&-line::after': {\r\n        content: '\"\"',\r\n        '@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {},\r\n      },\r\n    },\r\n    '&-tab': {\r\n      '@apply relative mr-[3.2rem] text-base font-bold  p-0 relative h-[2.8rem] inline-block': {},\r\n      '@apply text-gray': {},\r\n      '@apply cursor-pointer': {},\r\n      '&.disabled': {\r\n        '@apply cursor-not-allowed': {},\r\n        '@apply text-gray-stroke': {},\r\n      },\r\n      '&.active': {\r\n        '@apply text-body': {},\r\n        '&::after': {\r\n          content: '\"\"',\r\n          '@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {},\r\n        },\r\n      },\r\n      '&-stretch': {\r\n        '@apply mr-0': {},\r\n      },\r\n      '&-header': {\r\n        '@apply text-large font-normal': {},\r\n      },\r\n      '&-right': {\r\n        '@apply mr-0 ml-lg': {},\r\n      },\r\n      '&:last-of-type': {\r\n        '@apply mr-0': {},\r\n      },\r\n      '&-icon': {\r\n        '&-with-label': {\r\n          '@apply mr-sm': {},\r\n        },\r\n      },\r\n    },\r\n    '&-panel': {\r\n      '@apply mt-lg': {},\r\n      '&:not(.active)': {\r\n        display: 'none',\r\n        hidden: true,\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAGA,CAAA,MAAO;EAC7B,UAAU,EAAE;IACV,WAAW,EAAE;MACX,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,QAAQ,EAAE;MACR,wCAAwC,EAAE,CAAC,CAAC;MAC5C,WAAW,EAAE;QACX,6BAA6B,EAAE,CAAC;MAClC,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,UAAU,EAAE;QACV,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,eAAe,EAAE;QACfC,OAAO,EAAE,IAAI;QACb,uEAAuE,EAAE,CAAC;MAC5E;IACF,CAAC;IACD,OAAO,EAAE;MACP,uFAAuF,EAAE,CAAC,CAAC;MAC3F,kBAAkB,EAAE,CAAC,CAAC;MACtB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,YAAY,EAAE;QACZ,2BAA2B,EAAE,CAAC,CAAC;QAC/B,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MACD,UAAU,EAAE;QACV,kBAAkB,EAAE,CAAC,CAAC;QACtB,UAAU,EAAE;UACVA,OAAO,EAAE,IAAI;UACb,2EAA2E,EAAE,CAAC;QAChF;MACF,CAAC;MACD,WAAW,EAAE;QACX,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,UAAU,EAAE;QACV,+BAA+B,EAAE,CAAC;MACpC,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,gBAAgB,EAAE;QAChB,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,QAAQ,EAAE;QACR,cAAc,EAAE;UACd,cAAc,EAAE,CAAC;QACnB;MACF;IACF,CAAC;IACD,SAAS,EAAE;MACT,cAAc,EAAE,CAAC,CAAC;MAClB,gBAAgB,EAAE;QAChBC,OAAO,EAAE,MAAM;QACfC,MAAM,EAAE;MACV;IACF;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"tabs.js","names":["Tabs"],"sources":["../../../src/components/tabs.ts"],"sourcesContent":["export const Tabs = () => ({\n  '.sk-tabs': {\n    '@apply w-full': {},\n    '&-panels': {\n      '@apply p-8': {},\n      '@apply mt-8': {},\n    },\n\n    '&-content': {\n      '&:not([data-selected=\"true\"])': {\n        '@apply hidden': {},\n      },\n    },\n  },\n});\n"],"mappings":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,UAAU,EAAE;IACV,eAAe,EAAE,CAAC,CAAC;IACnB,UAAU,EAAE;MACV,YAAY,EAAE,CAAC,CAAC;MAChB,aAAa,EAAE,CAAC;IAClB,CAAC;IAED,WAAW,EAAE;MACX,+BAA+B,EAAE;QAC/B,eAAe,EAAE,CAAC;MACpB;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/tag.js

@@ -0,0 +1,79 @@
+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 tagOutline(colors) {
+  return {
+    '.tag-outline': {
+      '@apply border bg-transparent border-gray-stroke text-body': {},
+      '&[href]': {
+        ["@apply hover:border-hover hover:text-white hover:bg-hover"]: {},
+        ["@apply active:text-white active:bg-hover"]: {},
+        ["@apply focus-visible:text-white focus-visible:ring-4 focus-visible:ring-black focus-visible:bg-hover"]: {}
+      }
+    }
+  };
+}
+function tagSolid(colors) {
+  return {
+    '.tag-solid': {
+      '@apply border bg-gray-stroke border-transparent text-white': {},
+      '&[href]': {
+        ["@apply hover:text-white hover:bg-hover"]: {},
+        ["@apply active:text-white active:bg-hover"]: {},
+        ["@apply focus-visible:text-white focus-visible:ring-4 focus-visible:ring-black focus-visible:bg-hover"]: {}
+      },
+      '.tag-close-button': {
+        '@apply text-white hover:text-body': {}
+      }
+    }
+  };
+}
+function tagLight(colors) {
+  return {
+    '.tag-light': {
+      '@apply border border-transparent text-body': {},
+      '&[href]': {
+        ["@apply hover:border-hover"]: {},
+        ["@apply active:border-hover"]: {},
+        ["@apply focus-visible:border-hover focus-visible:ring-4 focus-visible:ring-black"]: {}
+      }
+    }
+  };
+}
+module.exports = Tag = colors => _extends({
+  '.tag': {
+    '@apply leading-none inline-flex items-center content-center max-h-full rounded-full font-normal outline-none whitespace-nowrap': {},
+    width: 'fit-content',
+    height: 'fit-content',
+    padding: '0 1.145em 0 1.145em',
+    borderRadius: '3.2rem',
+    '&-text': {
+      padding: '0.5em 0'
+    },
+    '&-sm': {
+      '@apply text-xs': {},
+      minWidth: '1.25rem'
+    },
+    '&-md': {
+      '@apply text-sm': {},
+      minWidth: '1.5rem'
+    },
+    '&-lg': {
+      '@apply text-base': {},
+      minWidth: '1.75rem'
+    }
+  }
+}, tagOutline(colors), tagSolid(colors), tagLight(colors), {
+  '.tag-close-button': {
+    '@apply border-transparent cursor-base': {},
+    fontSize: '1em',
+    padding: '0.36em',
+    marginLeft: '0.25em',
+    marginRight: '-1em',
+    '&-icon': {
+      fontSize: '1em !important'
+    },
+    '&-disabled': {
+      '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {}
+    }
+  }
+});
+//# sourceMappingURL=tag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tag.js","names":["tagOutline","colors","tagSolid","tagLight","module","exports","Tag","_extends","width","height","padding","borderRadius","minWidth","fontSize","marginLeft","marginRight"],"sources":["../../../src/components/tag.js"],"sourcesContent":["function tagOutline(colors) {\r\n  return {\r\n    '.tag-outline': {\r\n      '@apply border bg-transparent border-gray-stroke text-body': {},\r\n\r\n      '&[href]': {\r\n        [`@apply hover:border-hover hover:text-white hover:bg-hover`]: {},\r\n        [`@apply active:text-white active:bg-hover`]: {},\r\n        [`@apply focus-visible:text-white focus-visible:ring-4 focus-visible:ring-black focus-visible:bg-hover`]: {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction tagSolid(colors) {\r\n  return {\r\n    '.tag-solid': {\r\n      '@apply border bg-gray-stroke border-transparent text-white': {},\r\n\r\n      '&[href]': {\r\n        [`@apply hover:text-white hover:bg-hover`]: {},\r\n        [`@apply active:text-white active:bg-hover`]: {},\r\n        [`@apply focus-visible:text-white focus-visible:ring-4 focus-visible:ring-black focus-visible:bg-hover`]: {},\r\n      },\r\n\r\n      '.tag-close-button': {\r\n        '@apply text-white hover:text-body': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction tagLight(colors) {\r\n  return {\r\n    '.tag-light': {\r\n      '@apply border border-transparent text-body': {},\r\n\r\n      '&[href]': {\r\n        [`@apply hover:border-hover`]: {},\r\n        [`@apply active:border-hover`]: {},\r\n        [`@apply focus-visible:border-hover focus-visible:ring-4 focus-visible:ring-black`]: {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = Tag = (colors) => ({\r\n  '.tag': {\r\n    '@apply leading-none inline-flex items-center content-center max-h-full rounded-full font-normal outline-none whitespace-nowrap':\r\n      {},\r\n    width: 'fit-content',\r\n    height: 'fit-content',\r\n    padding: '0 1.145em 0 1.145em',\r\n    borderRadius: '3.2rem',\r\n\r\n    '&-text': {\r\n      padding: '0.5em 0',\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply text-xs': {},\r\n      minWidth: '1.25rem',\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-sm': {},\r\n      minWidth: '1.5rem',\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-base': {},\r\n      minWidth: '1.75rem',\r\n    },\r\n  },\r\n\r\n  // variants\r\n  ...tagOutline(colors),\r\n  ...tagSolid(colors),\r\n  ...tagLight(colors),\r\n\r\n  '.tag-close-button': {\r\n    '@apply border-transparent cursor-base': {},\r\n    fontSize: '1em',\r\n    padding: '0.36em',\r\n    marginLeft: '0.25em',\r\n    marginRight: '-1em',\r\n\r\n    '&-icon': {\r\n      fontSize: '1em !important',\r\n    },\r\n\r\n    '&-disabled': {\r\n      '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,SAASA,UAAUA,CAACC,MAAM,EAAE;EAC1B,OAAO;IACL,cAAc,EAAE;MACd,2DAA2D,EAAE,CAAC,CAAC;MAE/D,SAAS,EAAE;QACT,+DAA+D,CAAC,CAAC;QACjE,8CAA8C,CAAC,CAAC;QAChD,0GAA0G,CAAC;MAC7G;IACF;EACF,CAAC;AACH;AAEA,SAASC,QAAQA,CAACD,MAAM,EAAE;EACxB,OAAO;IACL,YAAY,EAAE;MACZ,4DAA4D,EAAE,CAAC,CAAC;MAEhE,SAAS,EAAE;QACT,4CAA4C,CAAC,CAAC;QAC9C,8CAA8C,CAAC,CAAC;QAChD,0GAA0G,CAAC;MAC7G,CAAC;MAED,mBAAmB,EAAE;QACnB,mCAAmC,EAAE,CAAC;MACxC;IACF;EACF,CAAC;AACH;AAEA,SAASE,QAAQA,CAACF,MAAM,EAAE;EACxB,OAAO;IACL,YAAY,EAAE;MACZ,4CAA4C,EAAE,CAAC,CAAC;MAEhD,SAAS,EAAE;QACT,+BAA+B,CAAC,CAAC;QACjC,gCAAgC,CAAC,CAAC;QAClC,qFAAqF,CAAC;MACxF;IACF;EACF,CAAC;AACH;AAEAG,MAAM,CAACC,OAAO,GAAGC,GAAG,GAAIL,MAAM,IAAAM,QAAA;EAC5B,MAAM,EAAE;IACN,gIAAgI,EAC9H,CAAC,CAAC;IACJC,KAAK,EAAE,aAAa;IACpBC,MAAM,EAAE,aAAa;IACrBC,OAAO,EAAE,qBAAqB;IAC9BC,YAAY,EAAE,QAAQ;IAEtB,QAAQ,EAAE;MACRD,OAAO,EAAE;IACX,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC,CAAC;MACpBE,QAAQ,EAAE;IACZ,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC,CAAC;MACpBA,QAAQ,EAAE;IACZ,CAAC;IAED,MAAM,EAAE;MACN,kBAAkB,EAAE,CAAC,CAAC;MACtBA,QAAQ,EAAE;IACZ;EACF;AAAC,GAGEZ,UAAU,CAACC,MAAM,CAAC,EAClBC,QAAQ,CAACD,MAAM,CAAC,EAChBE,QAAQ,CAACF,MAAM,CAAC;EAEnB,mBAAmB,EAAE;IACnB,uCAAuC,EAAE,CAAC,CAAC;IAC3CY,QAAQ,EAAE,KAAK;IACfH,OAAO,EAAE,QAAQ;IACjBI,UAAU,EAAE,QAAQ;IACpBC,WAAW,EAAE,MAAM;IAEnB,QAAQ,EAAE;MACRF,QAAQ,EAAE;IACZ,CAAC;IAED,YAAY,EAAE;MACZ,6EAA6E,EAAE,CAAC;IAClF;EACF;AAAC,EACD"}

package/dist/esm/components/tooltip.js

@@ -1,4 +1,4 @@
-module.exports = Tooltip = () => ({
+export var Tooltip = () => ({
   '.sk-tooltip': {
     '@apply inline-flex justify-center items-center': {},
     '@apply w-fit h-fit': {},

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":["module","exports","Tooltip"],"sources":["../../../src/components/tooltip.js"],"sourcesContent":["module.exports = Tooltip = () => ({\r\n  '.sk-tooltip': {\r\n    '@apply inline-flex justify-center items-center': {},\r\n    '@apply w-fit h-fit': {},\r\n    '@apply grow-0': {},\r\n\r\n    '&-text': {\r\n      '@apply inline-flex': {},\r\n      '@apply bg-primary-surface shadow': {},\r\n      '@apply px-16 py-8': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply text-light-primary text-small': {},\r\n      '@apply font-bold': {},\r\n      '@apply w-fit h-fit': {},\r\n      '@apply grow-0': {},\r\n      '@apply min-h-[3.4rem]': {},\r\n    },\r\n\r\n    //Arrow\r\n    '&::after, &::before': {\r\n      '@apply h-0 w-0 overflow-hidden': {},\r\n    },\r\n\r\n    // Above\r\n    '&[data-position=\"above\"]': {\r\n      '@apply flex-col': {},\r\n      '@apply pb-2': {},\r\n      '&::after': {\r\n        '@apply content-[\"\"] border-solid border-[0.6rem] border-b-0': {},\r\n        '@apply border-t-primary-surface border-r-transparent border-b-transparent border-l-transparent': {},\r\n      },\r\n    },\r\n\r\n    // Below\r\n    '&[data-position=\"below\"]': {\r\n      '@apply flex-col': {},\r\n      '@apply pt-2': {},\r\n      '&::before': {\r\n        '@apply content-[\"\"] border-solid border-[0.6rem] border-t-0': {},\r\n        '@apply border-t-transparent border-r-transparent border-b-primary-surface border-l-transparent': {},\r\n      },\r\n    },\r\n\r\n    // Left\r\n    '&[data-position=\"left\"]': {\r\n      '@apply flex-row': {},\r\n      '@apply pr-2 py-[0.3rem]': {},\r\n      '&::after': {\r\n        '@apply content-[\"\"] border-solid border-[0.6rem] border-r-0': {},\r\n        '@apply border-t-transparent border-r-transparent border-b-transparent border-l-primary-surface': {},\r\n      },\r\n    },\r\n\r\n    // Right\r\n    '&[data-position=\"right\"]': {\r\n      '@apply flex-row': {},\r\n      '@apply pl-2 py-[0.3rem]': {},\r\n      '&::before': {\r\n        '@apply content-[\"\"] border-solid border-[0.6rem] border-l-0': {},\r\n        '@apply border-t-transparent border-r-primary-surface border-b-transparent border-l-transparent': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAGA,CAAA,MAAO;EAChC,aAAa,EAAE;IACb,gDAAgD,EAAE,CAAC,CAAC;IACpD,oBAAoB,EAAE,CAAC,CAAC;IACxB,eAAe,EAAE,CAAC,CAAC;IAEnB,QAAQ,EAAE;MACR,oBAAoB,EAAE,CAAC,CAAC;MACxB,kCAAkC,EAAE,CAAC,CAAC;MACtC,mBAAmB,EAAE,CAAC,CAAC;MACvB,wBAAwB,EAAE,CAAC,CAAC;MAC5B,sCAAsC,EAAE,CAAC,CAAC;MAC1C,kBAAkB,EAAE,CAAC,CAAC;MACtB,oBAAoB,EAAE,CAAC,CAAC;MACxB,eAAe,EAAE,CAAC,CAAC;MACnB,uBAAuB,EAAE,CAAC;IAC5B,CAAC;IAED;IACA,qBAAqB,EAAE;MACrB,gCAAgC,EAAE,CAAC;IACrC,CAAC;IAED;IACA,0BAA0B,EAAE;MAC1B,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC,CAAC;MACjB,UAAU,EAAE;QACV,6DAA6D,EAAE,CAAC,CAAC;QACjE,gGAAgG,EAAE,CAAC;MACrG;IACF,CAAC;IAED;IACA,0BAA0B,EAAE;MAC1B,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC,CAAC;MACjB,WAAW,EAAE;QACX,6DAA6D,EAAE,CAAC,CAAC;QACjE,gGAAgG,EAAE,CAAC;MACrG;IACF,CAAC;IAED;IACA,yBAAyB,EAAE;MACzB,iBAAiB,EAAE,CAAC,CAAC;MACrB,yBAAyB,EAAE,CAAC,CAAC;MAC7B,UAAU,EAAE;QACV,6DAA6D,EAAE,CAAC,CAAC;QACjE,gGAAgG,EAAE,CAAC;MACrG;IACF,CAAC;IAED;IACA,0BAA0B,EAAE;MAC1B,iBAAiB,EAAE,CAAC,CAAC;MACrB,yBAAyB,EAAE,CAAC,CAAC;MAC7B,WAAW,EAAE;QACX,6DAA6D,EAAE,CAAC,CAAC;QACjE,gGAAgG,EAAE,CAAC;MACrG;IACF;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"tooltip.js","names":["Tooltip"],"sources":["../../../src/components/tooltip.ts"],"sourcesContent":["export const Tooltip = () => ({\n  '.sk-tooltip': {\n    '@apply inline-flex justify-center items-center': {},\n    '@apply w-fit h-fit': {},\n    '@apply grow-0': {},\n\n    '&-text': {\n      '@apply inline-flex': {},\n      '@apply bg-primary-surface shadow': {},\n      '@apply px-16 py-8': {},\n      '@apply rounded-utility': {},\n      '@apply text-light-primary text-small': {},\n      '@apply font-bold': {},\n      '@apply w-fit h-fit': {},\n      '@apply grow-0': {},\n      '@apply min-h-[3.4rem]': {},\n    },\n\n    //Arrow\n    '&::after, &::before': {\n      '@apply h-0 w-0 overflow-hidden': {},\n    },\n\n    // Above\n    '&[data-position=\"above\"]': {\n      '@apply flex-col': {},\n      '@apply pb-2': {},\n      '&::after': {\n        '@apply content-[\"\"] border-solid border-[0.6rem] border-b-0': {},\n        '@apply border-t-primary-surface border-r-transparent border-b-transparent border-l-transparent': {},\n      },\n    },\n\n    // Below\n    '&[data-position=\"below\"]': {\n      '@apply flex-col': {},\n      '@apply pt-2': {},\n      '&::before': {\n        '@apply content-[\"\"] border-solid border-[0.6rem] border-t-0': {},\n        '@apply border-t-transparent border-r-transparent border-b-primary-surface border-l-transparent': {},\n      },\n    },\n\n    // Left\n    '&[data-position=\"left\"]': {\n      '@apply flex-row': {},\n      '@apply pr-2 py-[0.3rem]': {},\n      '&::after': {\n        '@apply content-[\"\"] border-solid border-[0.6rem] border-r-0': {},\n        '@apply border-t-transparent border-r-transparent border-b-transparent border-l-primary-surface': {},\n      },\n    },\n\n    // Right\n    '&[data-position=\"right\"]': {\n      '@apply flex-row': {},\n      '@apply pl-2 py-[0.3rem]': {},\n      '&::before': {\n        '@apply content-[\"\"] border-solid border-[0.6rem] border-l-0': {},\n        '@apply border-t-transparent border-r-primary-surface border-b-transparent border-l-transparent': {},\n      },\n    },\n  },\n});\n"],"mappings":"AAAA,OAAO,IAAMA,OAAO,GAAGA,CAAA,MAAO;EAC5B,aAAa,EAAE;IACb,gDAAgD,EAAE,CAAC,CAAC;IACpD,oBAAoB,EAAE,CAAC,CAAC;IACxB,eAAe,EAAE,CAAC,CAAC;IAEnB,QAAQ,EAAE;MACR,oBAAoB,EAAE,CAAC,CAAC;MACxB,kCAAkC,EAAE,CAAC,CAAC;MACtC,mBAAmB,EAAE,CAAC,CAAC;MACvB,wBAAwB,EAAE,CAAC,CAAC;MAC5B,sCAAsC,EAAE,CAAC,CAAC;MAC1C,kBAAkB,EAAE,CAAC,CAAC;MACtB,oBAAoB,EAAE,CAAC,CAAC;MACxB,eAAe,EAAE,CAAC,CAAC;MACnB,uBAAuB,EAAE,CAAC;IAC5B,CAAC;IAED;IACA,qBAAqB,EAAE;MACrB,gCAAgC,EAAE,CAAC;IACrC,CAAC;IAED;IACA,0BAA0B,EAAE;MAC1B,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC,CAAC;MACjB,UAAU,EAAE;QACV,6DAA6D,EAAE,CAAC,CAAC;QACjE,gGAAgG,EAAE,CAAC;MACrG;IACF,CAAC;IAED;IACA,0BAA0B,EAAE;MAC1B,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC,CAAC;MACjB,WAAW,EAAE;QACX,6DAA6D,EAAE,CAAC,CAAC;QACjE,gGAAgG,EAAE,CAAC;MACrG;IACF,CAAC;IAED;IACA,yBAAyB,EAAE;MACzB,iBAAiB,EAAE,CAAC,CAAC;MACrB,yBAAyB,EAAE,CAAC,CAAC;MAC7B,UAAU,EAAE;QACV,6DAA6D,EAAE,CAAC,CAAC;QACjE,gGAAgG,EAAE,CAAC;MACrG;IACF,CAAC;IAED;IACA,0BAA0B,EAAE;MAC1B,iBAAiB,EAAE,CAAC,CAAC;MACrB,yBAAyB,EAAE,CAAC,CAAC;MAC7B,WAAW,EAAE;QACX,6DAA6D,EAAE,CAAC,CAAC;QACjE,gGAAgG,EAAE,CAAC;MACrG;IACF;EACF;AACF,CAAC,CAAC"}

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

@@ -1,4 +1,4 @@
-module.exports = UserMenu = () => ({
+export var UserMenu = () => ({
   '.sk-usermenu': {
     '@apply relative': {},
     '&-button': {

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

@@ -1 +1 @@
-{"version":3,"file":"user-menu.js","names":["module","exports","UserMenu","height","width"],"sources":["../../../src/components/user-menu.js"],"sourcesContent":["module.exports = UserMenu = () => ({\r\n  '.sk-usermenu': {\r\n    '@apply relative': {},\r\n    '&-button': {\r\n      '@apply p-0 bg-transparent hover:bg-transparent': {},\r\n      '@apply border-0': {},\r\n      '.sk-avatar': {\r\n        height: 'inherit',\r\n        width: 'inherit',\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAGA,CAAA,MAAO;EACjC,cAAc,EAAE;IACd,iBAAiB,EAAE,CAAC,CAAC;IACrB,UAAU,EAAE;MACV,gDAAgD,EAAE,CAAC,CAAC;MACpD,iBAAiB,EAAE,CAAC,CAAC;MACrB,YAAY,EAAE;QACZC,MAAM,EAAE,SAAS;QACjBC,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"user-menu.js","names":["UserMenu","height","width"],"sources":["../../../src/components/user-menu.ts"],"sourcesContent":["export const UserMenu = () => ({\r\n  '.sk-usermenu': {\r\n    '@apply relative': {},\r\n    '&-button': {\r\n      '@apply p-0 bg-transparent hover:bg-transparent': {},\r\n      '@apply border-0': {},\r\n      '.sk-avatar': {\r\n        height: 'inherit',\r\n        width: 'inherit',\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,QAAQ,GAAGA,CAAA,MAAO;EAC7B,cAAc,EAAE;IACd,iBAAiB,EAAE,CAAC,CAAC;IACrB,UAAU,EAAE;MACV,gDAAgD,EAAE,CAAC,CAAC;MACpD,iBAAiB,EAAE,CAAC,CAAC;MACrB,YAAY,EAAE;QACZC,MAAM,EAAE,SAAS;QACjBC,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/zebratable.js

@@ -1,4 +1,4 @@
-module.exports = ZebraTable = () => ({
+export var ZebraTable = () => ({
   '.sk-zebratable-wrapper': {
     '@apply rounded-groups': {},
     '@apply border-1': {},

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

@@ -1 +1 @@
-{"version":3,"file":"zebratable.js","names":["module","exports","ZebraTable","svg"],"sources":["../../../src/components/zebratable.js"],"sourcesContent":["module.exports = ZebraTable = () => ({\r\n  '.sk-zebratable-wrapper': {\r\n    '@apply rounded-groups': {},\r\n    '@apply border-1': {},\r\n    '@apply bg-background-content': {},\r\n    '&-inside': {\r\n      '@apply border-0 rounded-t-groups': {},\r\n      '@apply overflow-hidden': {},\r\n    },\r\n    '&[data-variant=\"table\"]': {\r\n      '&:not([data-background=\"true\"])': {\r\n        '@apply border-0': {},\r\n        '@apply bg-transparent': {},\r\n      },\r\n      '.sk-zebratable-wrapper-inside': {\r\n        '@apply border-0 rounded-b-groups': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-zebratable': {\r\n    '@apply w-full text-left table-auto': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&-thead': {\r\n      '@apply border-b-1 border-dark-primary': {},\r\n      '@apply h-48': {},\r\n      '&-tr': {\r\n        '@apply table-row': {},\r\n        '@apply text-label-small': {},\r\n      },\r\n\r\n      '&-th': {\r\n        '@apply py-4': {},\r\n\r\n        \"&[data-isColumnSortable='true']\": {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n      '@apply bg-transparent': {},\r\n      '&[data-background=\"true\"]': {\r\n        '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n      },\r\n    },\r\n\r\n    '&-sortbutton': {\r\n      '@apply flex items-center': {},\r\n      '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n      '@apply focus-visible:bg-vattjom-background-200': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply px-16': {},\r\n      '@apply h-40': {},\r\n\r\n      '&-icon': {\r\n        '@apply inline-flex pl-sm': {},\r\n\r\n        '&-sort': {\r\n          '@apply text-dark-secondary': {},\r\n          '@apply flex flex-col': {},\r\n\r\n          svg: {\r\n            '@apply h-16 w-16': {},\r\n            '@apply first-of-type:-mb-4': {},\r\n            '@apply last-of-type:-mt-4': {},\r\n          },\r\n\r\n          \"&[data-sortmodeascending='true']\": {\r\n            '> *': {\r\n              '@apply last-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n\r\n          \"&[data-sortmodeascending='false']\": {\r\n            '> *': {\r\n              '@apply first-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-tbody': {\r\n      '@apply text-dark-secondary bg-transparent': {},\r\n\r\n      '&-tr': {\r\n        '@apply bg-transparent': {},\r\n        '@apply hover:bg-background-100': {},\r\n        '@apply border-b-1': {},\r\n        '@apply last-of-type:border-b-transparent': {},\r\n      },\r\n\r\n      '&-td': {\r\n        '@apply text-small': {},\r\n        '&-content': {\r\n          '@apply inline-flex': {},\r\n          '@apply justify-start items-center': {},\r\n          '@apply gap-8': {},\r\n          '@apply py-8 px-18': {},\r\n          '@apply h-[6.3rem]': {},\r\n          '@apply min-h-[6.3rem]': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-dense=\"true\"]': {\r\n      '.sk-zebratable': {\r\n        '&-thead': {\r\n          '&-th': {\r\n            '@apply py-4': {},\r\n          },\r\n        },\r\n        '&-tbody': {\r\n          '&-td-content': {\r\n            '@apply py-0': {},\r\n            '@apply h-[4.7rem]': {},\r\n            '@apply min-h-[4.7rem]': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-paginationwrapper': {\r\n      '@apply w-full max-w-[60rem]': {},\r\n      '@apply shrink': {},\r\n    },\r\n\r\n    '&-bottom': {\r\n      '@apply py-14 px-16': {},\r\n      '@apply border-t-1': {},\r\n      '@apply flex flex-row': {},\r\n      '@apply gap-32': {},\r\n      '@apply justify-between items-center': {},\r\n      '&-section': {\r\n        '@apply shrink-0': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply justify-start items-center': {},\r\n        '@apply gap-8': {},\r\n        '&-label': {\r\n          '@apply font-normal': {},\r\n          '@apply text-small': {},\r\n          '@apply shrink-0': {},\r\n        },\r\n      },\r\n      '&-pagination': {\r\n        '@apply grow': {},\r\n        '@apply shrink': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"zebratable.js","names":["ZebraTable","svg"],"sources":["../../../src/components/zebratable.ts"],"sourcesContent":["export const ZebraTable = () => ({\r\n  '.sk-zebratable-wrapper': {\r\n    '@apply rounded-groups': {},\r\n    '@apply border-1': {},\r\n    '@apply bg-background-content': {},\r\n    '&-inside': {\r\n      '@apply border-0 rounded-t-groups': {},\r\n      '@apply overflow-hidden': {},\r\n    },\r\n    '&[data-variant=\"table\"]': {\r\n      '&:not([data-background=\"true\"])': {\r\n        '@apply border-0': {},\r\n        '@apply bg-transparent': {},\r\n      },\r\n      '.sk-zebratable-wrapper-inside': {\r\n        '@apply border-0 rounded-b-groups': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-zebratable': {\r\n    '@apply w-full text-left table-auto': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&-thead': {\r\n      '@apply border-b-1 border-dark-primary': {},\r\n      '@apply h-48': {},\r\n      '&-tr': {\r\n        '@apply table-row': {},\r\n        '@apply text-label-small': {},\r\n      },\r\n\r\n      '&-th': {\r\n        '@apply py-4': {},\r\n\r\n        \"&[data-isColumnSortable='true']\": {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n      '@apply bg-transparent': {},\r\n      '&[data-background=\"true\"]': {\r\n        '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n      },\r\n    },\r\n\r\n    '&-sortbutton': {\r\n      '@apply flex items-center': {},\r\n      '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n      '@apply focus-visible:bg-vattjom-background-200': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply px-16': {},\r\n      '@apply h-40': {},\r\n\r\n      '&-icon': {\r\n        '@apply inline-flex pl-sm': {},\r\n\r\n        '&-sort': {\r\n          '@apply text-dark-secondary': {},\r\n          '@apply flex flex-col': {},\r\n\r\n          svg: {\r\n            '@apply h-16 w-16': {},\r\n            '@apply first-of-type:-mb-4': {},\r\n            '@apply last-of-type:-mt-4': {},\r\n          },\r\n\r\n          \"&[data-sortmodeascending='true']\": {\r\n            '> *': {\r\n              '@apply last-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n\r\n          \"&[data-sortmodeascending='false']\": {\r\n            '> *': {\r\n              '@apply first-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-tbody': {\r\n      '@apply text-dark-secondary bg-transparent': {},\r\n\r\n      '&-tr': {\r\n        '@apply bg-transparent': {},\r\n        '@apply hover:bg-background-100': {},\r\n        '@apply border-b-1': {},\r\n        '@apply last-of-type:border-b-transparent': {},\r\n      },\r\n\r\n      '&-td': {\r\n        '@apply text-small': {},\r\n        '&-content': {\r\n          '@apply inline-flex': {},\r\n          '@apply justify-start items-center': {},\r\n          '@apply gap-8': {},\r\n          '@apply py-8 px-18': {},\r\n          '@apply h-[6.3rem]': {},\r\n          '@apply min-h-[6.3rem]': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-dense=\"true\"]': {\r\n      '.sk-zebratable': {\r\n        '&-thead': {\r\n          '&-th': {\r\n            '@apply py-4': {},\r\n          },\r\n        },\r\n        '&-tbody': {\r\n          '&-td-content': {\r\n            '@apply py-0': {},\r\n            '@apply h-[4.7rem]': {},\r\n            '@apply min-h-[4.7rem]': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-paginationwrapper': {\r\n      '@apply w-full max-w-[60rem]': {},\r\n      '@apply shrink': {},\r\n    },\r\n\r\n    '&-bottom': {\r\n      '@apply py-14 px-16': {},\r\n      '@apply border-t-1': {},\r\n      '@apply flex flex-row': {},\r\n      '@apply gap-32': {},\r\n      '@apply justify-between items-center': {},\r\n      '&-section': {\r\n        '@apply shrink-0': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply justify-start items-center': {},\r\n        '@apply gap-8': {},\r\n        '&-label': {\r\n          '@apply font-normal': {},\r\n          '@apply text-small': {},\r\n          '@apply shrink-0': {},\r\n        },\r\n      },\r\n      '&-pagination': {\r\n        '@apply grow': {},\r\n        '@apply shrink': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}

package/dist/esm/index.js

@@ -1,8 +1,5 @@
-var preset = require('./preset');
-var plugin = require('./plugin');
-module.exports = {
-  default: plugin,
-  plugin: plugin,
-  preset: preset
-};
+import preset from './preset';
+import plugin from './plugin';
+export { preset, plugin };
+export default plugin;
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["preset","require","plugin","module","exports","default"],"sources":["../../src/index.js"],"sourcesContent":["const preset = require('./preset');\r\nconst plugin = require('./plugin');\r\n\r\nmodule.exports = {\r\n  default: plugin,\r\n  plugin: plugin,\r\n  preset: preset,\r\n};\r\n"],"mappings":"AAAA,IAAMA,MAAM,GAAGC,OAAO,CAAC,UAAU,CAAC;AAClC,IAAMC,MAAM,GAAGD,OAAO,CAAC,UAAU,CAAC;AAElCE,MAAM,CAACC,OAAO,GAAG;EACfC,OAAO,EAAEH,MAAM;EACfA,MAAM,EAAEA,MAAM;EACdF,MAAM,EAAEA;AACV,CAAC"}
+{"version":3,"file":"index.js","names":["preset","plugin"],"sources":["../../src/index.ts"],"sourcesContent":["import preset from './preset';\nimport plugin from './plugin';\n\nexport { preset, plugin };\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,UAAU;AAC7B,OAAOC,MAAM,MAAM,UAAU;AAE7B,SAASD,MAAM,EAAEC,MAAM;AACvB,eAAeA,MAAM"}

package/dist/esm/plugin.js

@@ -1,60 +1,55 @@
-var plugin = require('tailwindcss/plugin');
-var base = require('./base');
-var theme = require('./theme');
+import TailwindPlugin from 'tailwindcss/plugin';
+import { base } from './base';
+import { theme } from './theme';
 
 // components
-var Alert = require('./components/alert');
-var AlertBanner = require('./components/alert-banner');
-var Badge = require('./components/badge');
-var Breadcrumb = require('./components/breadcrumb');
-var ButtonGroup = require('./components/button-group');
-var ComboBox = require('./components/combobox');
-var Comments = require('./components/comments');
-var Checkbox = require('./components/checkbox');
-var ContextMenu = require('./components/context-menu');
-var Dialog = require('./components/dialog');
-var Dot = require('./components/dot');
-var Forms = require('./components/forms');
-var Filter = require('./components/filter');
-var Icon = require('./components/icon');
-var Input = require('./components/input');
-var Label = require('./components/label');
-var Link = require('./components/link');
-var List = require('./components/list');
-var Logo = require('./components/logo');
-var Menubar = require('./components/menubar');
-var MenuVertical = require('./components/menu-vertical');
-var Select = require('./components/select');
-var Snackbar = require('./components/snackbar');
-var Spinner = require('./components/spinner');
-var Notification = require('./components/notification');
-var Radio = require('./components/radio');
-var Switch = require('./components/switch');
-var Button = require('./components/button');
-var Accordion = require('./components/accordion');
-var Avatar = require('./components/avatar');
-var Card = require('./components/card');
-var Table = require('./components/table');
-var ZebraTable = require('./components/zebratable');
-var Modal = require('./components/modal');
-var CookieConsent = require('./components/cookie-consent');
-var Divider = require('./components/divider');
-var SideMenu = require('./components/side-menu');
-var TabMenu = require('./components/tab-menu');
-var Tabs = require('./components/tabs');
-var Tooltip = require('./components/tooltip');
-var UserMenu = require('./components/user-menu');
-var DropdownFilter = require('./components/dropdown-filter');
-var Pagination = require('./components/pagination');
-var PopupMenu = require('./components/popup-menu');
-var Footer = require('./components/footer');
-var Header = require('./components/header');
-var SearchField = require('./components/search-field');
-var ProgressStepper = require('./components/progress-stepper');
-var ProgressBar = require('./components/progress-bar');
-var components = [Alert, AlertBanner, Badge, Breadcrumb, ButtonGroup, Button, Checkbox, Comments, ContextMenu, Dialog, Dot, Forms, Filter, Icon, Input, Label, Link, List, Logo, Menubar, MenuVertical, Select, Snackbar, Spinner, Notification, Radio, Switch, Table, ZebraTable, CookieConsent, Modal, Accordion, Avatar, Card, Divider, SideMenu, TabMenu, Tabs, Tooltip, UserMenu, DropdownFilter, SearchField, Pagination, PopupMenu, Footer, Header, ProgressStepper, ProgressBar, ComboBox];
+
+import { Accordion } from './components/accordion';
+import { Alert } from './components/alert';
+import { Avatar } from './components/avatar';
+import { Badge } from './components/badge';
+import { Breadcrumb } from './components/breadcrumb';
+import { Button } from './components/button';
+import { ButtonGroup } from './components/button-group';
+import { Card } from './components/card';
+import { Checkbox } from './components/checkbox';
+import { Chip } from './components/chip';
+import { ComboBox } from './components/combobox';
+import { CookieConsent } from './components/cookie-consent';
+import { Dialog } from './components/dialog';
+import { Divider } from './components/divider';
+import { Dot } from './components/dot';
+import { Filter } from './components/filter';
+import { Footer } from './components/footer';
+import { Forms } from './components/forms';
+import { Header } from './components/header';
+import { Icon } from './components/icon';
+import { Input } from './components/input';
+import { Label } from './components/label';
+import { Link } from './components/link';
+import { List } from './components/list';
+import { Logo } from './components/logo';
+import { MenuVertical } from './components/menu-vertical';
+import { MenuBar } from './components/menubar';
+import { Modal } from './components/modal';
+import { Pagination } from './components/pagination';
+import { PopupMenu } from './components/popup-menu';
+import { ProgressBar } from './components/progress-bar';
+import { ProgressStepper } from './components/progress-stepper';
+import { Radio } from './components/radio';
+import { SearchField } from './components/search-field';
+import { Select } from './components/select';
+import { Snackbar } from './components/snackbar';
+import { Spinner } from './components/spinner';
+import { Switch } from './components/switch';
+import { Table } from './components/table';
+import { Tabs } from './components/tabs';
+import { Tooltip } from './components/tooltip';
+import { UserMenu } from './components/user-menu';
+import { ZebraTable } from './components/zebratable';
+var components = [Alert, Badge, Breadcrumb, ButtonGroup, Button, Checkbox, Chip, Dialog, Dot, Forms, Filter, Icon, Input, Label, Link, List, Logo, MenuBar, MenuVertical, Select, Snackbar, Spinner, Radio, Switch, Table, Tabs, ZebraTable, CookieConsent, Modal, Accordion, Avatar, Card, Divider, Tooltip, UserMenu, SearchField, Pagination, PopupMenu, Footer, Header, ProgressStepper, ProgressBar, ComboBox];
 var defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];
-module.exports = plugin.withOptions(function (options) {
+var plugin = TailwindPlugin.withOptions(function (options) {
   if (options === void 0) {
     options = {
       colors: [],
@@ -78,4 +73,5 @@ module.exports = plugin.withOptions(function (options) {
     theme: theme
   };
 });
+export default plugin;
 //# sourceMappingURL=plugin.js.map

package/dist/esm/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","names":["plugin","require","base","theme","Alert","AlertBanner","Badge","Breadcrumb","ButtonGroup","ComboBox","Comments","Checkbox","ContextMenu","Dialog","Dot","Forms","Filter","Icon","Input","Label","Link","List","Logo","Menubar","MenuVertical","Select","Snackbar","Spinner","Notification","Radio","Switch","Button","Accordion","Avatar","Card","Table","ZebraTable","Modal","CookieConsent","Divider","SideMenu","TabMenu","Tabs","Tooltip","UserMenu","DropdownFilter","Pagination","PopupMenu","Footer","Header","SearchField","ProgressStepper","ProgressBar","components","defaultColors","module","exports","withOptions","options","colors","cssBase","_ref","addComponents","addBase","optionColors","map","component"],"sources":["../../src/plugin.js"],"sourcesContent":["const plugin = require('tailwindcss/plugin');\r\n\r\nconst base = require('./base');\r\nconst theme = require('./theme');\r\n\r\n// components\r\nconst Alert = require('./components/alert');\r\nconst AlertBanner = require('./components/alert-banner');\r\nconst Badge = require('./components/badge');\r\nconst Breadcrumb = require('./components/breadcrumb');\r\nconst ButtonGroup = require('./components/button-group');\r\nconst ComboBox = require('./components/combobox');\r\nconst Comments = require('./components/comments');\r\nconst Checkbox = require('./components/checkbox');\r\nconst ContextMenu = require('./components/context-menu');\r\nconst Dialog = require('./components/dialog');\r\nconst Dot = require('./components/dot');\r\nconst Forms = require('./components/forms');\r\nconst Filter = require('./components/filter');\r\nconst Icon = require('./components/icon');\r\nconst Input = require('./components/input');\r\nconst Label = require('./components/label');\r\nconst Link = require('./components/link');\r\nconst List = require('./components/list');\r\nconst Logo = require('./components/logo');\r\nconst Menubar = require('./components/menubar');\r\nconst MenuVertical = require('./components/menu-vertical');\r\nconst Select = require('./components/select');\r\nconst Snackbar = require('./components/snackbar');\r\nconst Spinner = require('./components/spinner');\r\nconst Notification = require('./components/notification');\r\nconst Radio = require('./components/radio');\r\nconst Switch = require('./components/switch');\r\n\r\nconst Button = require('./components/button');\r\nconst Accordion = require('./components/accordion');\r\nconst Avatar = require('./components/avatar');\r\nconst Card = require('./components/card');\r\nconst Table = require('./components/table');\r\nconst ZebraTable = require('./components/zebratable');\r\n\r\nconst Modal = require('./components/modal');\r\nconst CookieConsent = require('./components/cookie-consent');\r\nconst Divider = require('./components/divider');\r\n\r\nconst SideMenu = require('./components/side-menu');\r\nconst TabMenu = require('./components/tab-menu');\r\nconst Tabs = require('./components/tabs');\r\nconst Tooltip = require('./components/tooltip');\r\nconst UserMenu = require('./components/user-menu');\r\n\r\nconst DropdownFilter = require('./components/dropdown-filter');\r\n\r\nconst Pagination = require('./components/pagination');\r\nconst PopupMenu = require('./components/popup-menu');\r\nconst Footer = require('./components/footer');\r\nconst Header = require('./components/header');\r\n\r\nconst SearchField = require('./components/search-field');\r\n\r\nconst ProgressStepper = require('./components/progress-stepper');\r\nconst ProgressBar = require('./components/progress-bar');\r\n\r\nconst components = [\r\n  Alert,\r\n  AlertBanner,\r\n  Badge,\r\n  Breadcrumb,\r\n  ButtonGroup,\r\n  Button,\r\n  Checkbox,\r\n\r\n  Comments,\r\n  ContextMenu,\r\n  Dialog,\r\n  Dot,\r\n  Forms,\r\n  Filter,\r\n  Icon,\r\n  Input,\r\n  Label,\r\n  Link,\r\n  List,\r\n  Logo,\r\n  Menubar,\r\n  MenuVertical,\r\n  Select,\r\n  Snackbar,\r\n  Spinner,\r\n  Notification,\r\n  Radio,\r\n  Switch,\r\n  Table,\r\n  ZebraTable,\r\n  CookieConsent,\r\n  Modal,\r\n\r\n  Accordion,\r\n  Avatar,\r\n  Card,\r\n  Divider,\r\n\r\n  SideMenu,\r\n  TabMenu,\r\n  Tabs,\r\n  Tooltip,\r\n\r\n  UserMenu,\r\n\r\n  DropdownFilter,\r\n\r\n  SearchField,\r\n\r\n  Pagination,\r\n  PopupMenu,\r\n  Footer,\r\n  Header,\r\n  ProgressStepper,\r\n  ProgressBar,\r\n  ComboBox,\r\n];\r\n\r\nconst defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];\r\n\r\nmodule.exports = plugin.withOptions(\r\n  function (options = { colors: [], cssBase: true }) {\r\n    return function ({ addComponents, addBase, theme }) {\r\n      const optionColors = [...defaultColors, ...(options.colors || [])];\r\n\r\n      if (options.cssBase) {\r\n        addBase(base);\r\n      }\r\n\r\n      addComponents(components.map((component) => component(optionColors, theme)));\r\n    };\r\n  },\r\n  function () {\r\n    return {\r\n      theme: theme,\r\n    };\r\n  }\r\n);\r\n"],"mappings":"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"}
+{"version":3,"file":"plugin.js","names":["TailwindPlugin","base","theme","Accordion","Alert","Avatar","Badge","Breadcrumb","Button","ButtonGroup","Card","Checkbox","Chip","ComboBox","CookieConsent","Dialog","Divider","Dot","Filter","Footer","Forms","Header","Icon","Input","Label","Link","List","Logo","MenuVertical","MenuBar","Modal","Pagination","PopupMenu","ProgressBar","ProgressStepper","Radio","SearchField","Select","Snackbar","Spinner","Switch","Table","Tabs","Tooltip","UserMenu","ZebraTable","components","defaultColors","plugin","withOptions","options","colors","cssBase","_ref","addComponents","addBase","optionColors","map","component"],"sources":["../../src/plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\nimport { base } from './base';\nimport { theme } from './theme';\n\n// components\nimport { CSSRuleObject, PluginAPI } from 'tailwindcss/types/config';\nimport { Accordion } from './components/accordion';\nimport { Alert } from './components/alert';\nimport { Avatar } from './components/avatar';\nimport { Badge } from './components/badge';\nimport { Breadcrumb } from './components/breadcrumb';\nimport { Button } from './components/button';\nimport { ButtonGroup } from './components/button-group';\nimport { Card } from './components/card';\nimport { Checkbox } from './components/checkbox';\nimport { Chip } from './components/chip';\nimport { ComboBox } from './components/combobox';\nimport { CookieConsent } from './components/cookie-consent';\nimport { Dialog } from './components/dialog';\nimport { Divider } from './components/divider';\nimport { Dot } from './components/dot';\nimport { Filter } from './components/filter';\nimport { Footer } from './components/footer';\nimport { Forms } from './components/forms';\nimport { Header } from './components/header';\nimport { Icon } from './components/icon';\nimport { Input } from './components/input';\nimport { Label } from './components/label';\nimport { Link } from './components/link';\nimport { List } from './components/list';\nimport { Logo } from './components/logo';\nimport { MenuVertical } from './components/menu-vertical';\nimport { MenuBar } from './components/menubar';\nimport { Modal } from './components/modal';\nimport { Pagination } from './components/pagination';\nimport { PopupMenu } from './components/popup-menu';\nimport { ProgressBar } from './components/progress-bar';\nimport { ProgressStepper } from './components/progress-stepper';\nimport { Radio } from './components/radio';\nimport { SearchField } from './components/search-field';\nimport { Select } from './components/select';\nimport { Snackbar } from './components/snackbar';\nimport { Spinner } from './components/spinner';\nimport { Switch } from './components/switch';\nimport { Table } from './components/table';\nimport { Tabs } from './components/tabs';\nimport { Tooltip } from './components/tooltip';\nimport { UserMenu } from './components/user-menu';\nimport { ZebraTable } from './components/zebratable';\n\nconst components: ((colors: string[], theme: PluginAPI['theme']) => CSSRuleObject)[] = [\n  Alert,\n  Badge,\n  Breadcrumb,\n  ButtonGroup,\n  Button,\n  Checkbox,\n  Chip,\n  Dialog,\n  Dot,\n  Forms,\n  Filter,\n  Icon,\n  Input,\n  Label,\n  Link,\n  List,\n  Logo,\n  MenuBar,\n  MenuVertical,\n  Select,\n  Snackbar,\n  Spinner,\n  Radio,\n  Switch,\n  Table,\n  Tabs,\n  ZebraTable,\n  CookieConsent,\n  Modal,\n  Accordion,\n  Avatar,\n  Card,\n  Divider,\n  Tooltip,\n  UserMenu,\n  SearchField,\n  Pagination,\n  PopupMenu,\n  Footer,\n  Header,\n  ProgressStepper,\n  ProgressBar,\n  ComboBox,\n];\n\ninterface PluginOptions {\n  colors: string[];\n  cssBase: boolean;\n}\n\nconst defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];\n\nconst plugin = TailwindPlugin.withOptions<PluginOptions>(\n  function (options = { colors: [], cssBase: true }) {\n    return function ({ addComponents, addBase, theme }: PluginAPI) {\n      const optionColors = [...defaultColors, ...(options.colors || [])];\n\n      if (options.cssBase) {\n        addBase(base);\n      }\n\n      addComponents(components.map((component) => component(optionColors, theme)));\n    };\n  },\n  function () {\n    return {\n      theme: theme,\n    };\n  }\n);\n\nexport default plugin;\n"],"mappings":"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"}

package/dist/esm/preset.js

@@ -1,4 +1,6 @@
-module.exports = function (options) {
+import tailwindForms from '@tailwindcss/forms';
+import plugin from './plugin';
+var preset = function preset(options) {
   if (options === void 0) {
     options = {
       tailwindForms: true,
@@ -9,7 +11,8 @@ module.exports = function (options) {
     };
   }
   return {
-    plugins: [...(options.tailwindForms ? [require('@tailwindcss/forms')] : []), require('./plugin')(options.plugin)]
+    plugins: [...(options.tailwindForms ? [tailwindForms()] : []), plugin(options.plugin)]
   };
 };
+export default preset;
 //# sourceMappingURL=preset.js.map

package/dist/esm/preset.js.map

@@ -1 +1 @@
-{"version":3,"file":"preset.js","names":["module","exports","options","tailwindForms","plugin","colors","cssBase","plugins","require"],"sources":["../../src/preset.js"],"sourcesContent":["module.exports = function (options = { tailwindForms: true, plugin: { colors: [], cssBase: true } }) {\r\n  return {\r\n    plugins: [...(options.tailwindForms ? [require('@tailwindcss/forms')] : []), require('./plugin')(options.plugin)],\r\n  };\r\n};\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAG,UAAUC,OAAO,EAAmE;EAAA,IAA1EA,OAAO;IAAPA,OAAO,GAAG;MAAEC,aAAa,EAAE,IAAI;MAAEC,MAAM,EAAE;QAAEC,MAAM,EAAE,EAAE;QAAEC,OAAO,EAAE;MAAK;IAAE,CAAC;EAAA;EACjG,OAAO;IACLC,OAAO,EAAE,CAAC,IAAIL,OAAO,CAACC,aAAa,GAAG,CAACK,OAAO,CAAC,oBAAoB,CAAC,CAAC,GAAG,EAAE,CAAC,EAAEA,OAAO,CAAC,UAAU,CAAC,CAACN,OAAO,CAACE,MAAM,CAAC;EAClH,CAAC;AACH,CAAC"}
+{"version":3,"file":"preset.js","names":["tailwindForms","plugin","preset","options","colors","cssBase","plugins"],"sources":["../../src/preset.ts"],"sourcesContent":["import tailwindForms from '@tailwindcss/forms';\r\nimport plugin from './plugin';\r\n\r\nconst preset = function (options = { tailwindForms: true, plugin: { colors: [], cssBase: true } }) {\r\n  return {\r\n    plugins: [...(options.tailwindForms ? [tailwindForms()] : []), plugin(options.plugin)],\r\n  };\r\n};\r\nexport default preset;\r\n"],"mappings":"AAAA,OAAOA,aAAa,MAAM,oBAAoB;AAC9C,OAAOC,MAAM,MAAM,UAAU;AAE7B,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAaC,OAAO,EAAmE;EAAA,IAA1EA,OAAO;IAAPA,OAAO,GAAG;MAAEH,aAAa,EAAE,IAAI;MAAEC,MAAM,EAAE;QAAEG,MAAM,EAAE,EAAE;QAAEC,OAAO,EAAE;MAAK;IAAE,CAAC;EAAA;EAC/F,OAAO;IACLC,OAAO,EAAE,CAAC,IAAIH,OAAO,CAACH,aAAa,GAAG,CAACA,aAAa,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,EAAEC,MAAM,CAACE,OAAO,CAACF,MAAM,CAAC;EACvF,CAAC;AACH,CAAC;AACD,eAAeC,MAAM"}

package/dist/esm/theme.js

@@ -1,11 +1,9 @@
 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); }
-var withOpacity = require('./with-opacity');
-var colors = require('./colors');
-var units = require('./units');
-var {
-  screens
-} = require('@sk-web-gui/theme');
-module.exports = {
+import withOpacity from './with-opacity';
+import { colors } from './colors';
+import { units } from './units';
+import { screens } from '@sk-web-gui/theme';
+var theme = {
   fontSize: _extends({}, units.fontSizes, {
     tiny: '1rem',
     xs: '1.2rem',
@@ -33,8 +31,9 @@ module.exports = {
       ["left-" + spaceKey]: "center left " + units.spacing[spaceKey]
     }), {})),
     boxShadow: {
-      100: ['0 0.6rem 1.6rem 0 rgba(13,13,14, 0.07)', '0 0.181rem 1.2rem 0 rgba(13,13,14, 0.15)', '0 0.075rem 0.2rem 0 rgba(13,13,14, 0.085)', '0 0.027rem 0.072rem 0 rgba(13,13,14, 0.0583)'],
-      200: ['0 1.5rem 2.7rem 0 rgba(13,13,14, 0.1)', '0 0.452rem 1.2rem 0 rgba(13,13,14, 0.06)', '0 0.188rem 0.338rem 0 rgba(13,13,14, 0.03)', '0 0.068rem 0.122rem 0 rgba(13,13,14, 0.02)']
+      '50': "\n      0 0 0.3rem 0 rgba(10, 12, 15, 0.08),\n      0 0.1rem 0.8rem 0 rgba(10, 12, 15, 0.13)\n      ",
+      '100': "\n        0 0.6rem 1.6rem 0 rgba(13,13,14, 0.07),\n        0 0.181rem 1.2rem 0 rgba(13,13,14, 0.15),\n        0 0.075rem 0.2rem 0 rgba(13,13,14, 0.085),\n        0 0.027rem 0.072rem 0 rgba(13,13,14, 0.0583)\n      ",
+      '200': "\n        0 1.5rem 2.7rem 0 rgba(13,13,14, 0.1),\n        0 0.452rem 1.2rem 0 rgba(13,13,14, 0.06),\n        0 0.188rem 0.338rem 0 rgba(13,13,14, 0.03),\n        0 0.068rem 0.122rem 0 rgba(13,13,14, 0.02)\n      "
     },
     ringColor: _extends({
       DEFAULT: colors.ring
@@ -47,7 +46,7 @@ module.exports = {
       0: '0px'
     },
     ringOpacity: {
-      DEFAULT: 1
+      DEFAULT: '1px'
     },
     colors: _extends({}, colors, {
       current: 'currentColor',
@@ -89,12 +88,12 @@ module.exports = {
       '5xl': units.lineHeights['display-3']
     }),
     opacity: {
-      15: '0.15'
+      '15': '0.15'
     },
     borderWidth: {
       DEFAULT: '0.2rem',
-      1: '0.1rem',
-      2: '0.2rem'
+      '1': '0.1rem',
+      '2': '0.2rem'
     },
     backgroundColor: {
       base: withOpacity('--sk-colors-primary-surface'),
@@ -105,19 +104,19 @@ module.exports = {
       muted: withOpacity('--sk-colors-xt-muted')
     },
     zIndex: {
-      hide: -1,
-      none: 0,
-      base: 1,
-      docked: 10,
-      dropdown: 1000,
-      sticky: 1100,
-      banner: 1200,
-      overlay: 1300,
-      modal: 1400,
-      popover: 1500,
-      skipLink: 1600,
-      toast: 1700,
-      tooltip: 1800
+      hide: '-1',
+      none: '0',
+      base: '1',
+      docked: '10',
+      dropdown: '1000',
+      sticky: '1100',
+      banner: '1200',
+      overlay: '1300',
+      modal: '1400',
+      popover: '1500',
+      skipLink: '1600',
+      toast: '1700',
+      tooltip: '1800'
     },
     keyframes: {
       'reset-overflow': {
@@ -131,4 +130,5 @@ module.exports = {
     }
   }
 };
+export { theme };
 //# sourceMappingURL=theme.js.map