@sk-web-gui/core 0.1.93 → 1.0.1

package/dist/cjs/components/tag.js

@@ -4,7 +4,7 @@ function tagOutline(colors) {
   return {
     '.tag-outline': {
       '@apply border bg-transparent border-gray-stroke text-body': {},
-      '&[href]': (_href = {}, _href["@apply hover:border-hover hover:text-white hover:bg-hover"] = {}, _href["@apply active:text-white active:bg-hover"] = {}, _href["@apply focus-visible:text-white focus-visible:ring-4 focus-visible:ring-black focus-visible:bg-hover"] = {}, _href)
+      '&[href]': (_href = {}, _href["@apply hover:border-hover hover:text-white hover:bg-hover"] = {}, _href["@apply active:text-white active:bg-hover"] = {}, _href["@apply focus-visible:text-white focus-visible:ring focus-visible:bg-hover"] = {}, _href)
     }
   };
 }
@@ -13,7 +13,7 @@ function tagSolid(colors) {
   return {
     '.tag-solid': {
       '@apply border bg-gray-stroke border-transparent text-white': {},
-      '&[href]': (_href2 = {}, _href2["@apply hover:text-white hover:bg-hover"] = {}, _href2["@apply active:text-white active:bg-hover"] = {}, _href2["@apply focus-visible:text-white focus-visible:ring-4 focus-visible:ring-black focus-visible:bg-hover"] = {}, _href2),
+      '&[href]': (_href2 = {}, _href2["@apply hover:text-white hover:bg-hover"] = {}, _href2["@apply active:text-white active:bg-hover"] = {}, _href2["@apply focus-visible:text-white focus-visible:ring focus-visible:bg-hover"] = {}, _href2),
       '.tag-close-button': {
         '@apply text-white hover:text-body': {}
       }
@@ -25,7 +25,7 @@ function tagLight(colors) {
   return {
     '.tag-light': {
       '@apply border border-transparent text-body': {},
-      '&[href]': (_href3 = {}, _href3["@apply hover:border-hover"] = {}, _href3["@apply active:border-hover"] = {}, _href3["@apply focus-visible:border-hover focus-visible:ring-4 focus-visible:ring-black"] = {}, _href3)
+      '&[href]': (_href3 = {}, _href3["@apply hover:border-hover"] = {}, _href3["@apply active:border-hover"] = {}, _href3["@apply focus-visible:border-hover focus-visible:ring"] = {}, _href3)
     }
   };
 }
@@ -45,7 +45,7 @@ module.exports = Tag = function Tag(colors) {
         minWidth: '1.25rem'
       },
       '&-md': {
-        '@apply text-sm': {},
+        '@apply text-small': {},
         minWidth: '1.5rem'
       },
       '&-lg': {

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

@@ -1 +1 @@
-{"version":3,"file":"tag.js","names":["tagOutline","colors","_href","tagSolid","_href2","tagLight","_href3","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;EAAA,IAAAC,KAAA;EAC1B,OAAO;IACL,cAAc,EAAE;MACd,2DAA2D,EAAE,CAAC,CAAC;MAE/D,SAAS,GAAAA,KAAA,OAAAA,KAAA,gEACwD,CAAC,CAAC,EAAAA,KAAA,+CACnB,CAAC,CAAC,EAAAA,KAAA,2GAC0D,CAAC,CAAC,EAAAA,KAAA;IAEhH;EACF,CAAC;AACH;AAEA,SAASC,QAAQA,CAACF,MAAM,EAAE;EAAA,IAAAG,MAAA;EACxB,OAAO;IACL,YAAY,EAAE;MACZ,4DAA4D,EAAE,CAAC,CAAC;MAEhE,SAAS,GAAAA,MAAA,OAAAA,MAAA,6CACqC,CAAC,CAAC,EAAAA,MAAA,+CACA,CAAC,CAAC,EAAAA,MAAA,2GAC0D,CAAC,CAAC,EAAAA,MAAA,CAC7G;MAED,mBAAmB,EAAE;QACnB,mCAAmC,EAAE,CAAC;MACxC;IACF;EACF,CAAC;AACH;AAEA,SAASC,QAAQA,CAACJ,MAAM,EAAE;EAAA,IAAAK,MAAA;EACxB,OAAO;IACL,YAAY,EAAE;MACZ,4CAA4C,EAAE,CAAC,CAAC;MAEhD,SAAS,GAAAA,MAAA,OAAAA,MAAA,gCACwB,CAAC,CAAC,EAAAA,MAAA,iCACD,CAAC,CAAC,EAAAA,MAAA,sFACmD,CAAC,CAAC,EAAAA,MAAA;IAE3F;EACF,CAAC;AACH;AAEAC,MAAM,CAACC,OAAO,GAAGC,GAAG,GAAG,SAAAA,IAACR,MAAM;EAAA,OAAAS,QAAA;IAC5B,MAAM,EAAE;MACN,gIAAgI,EAC9H,CAAC,CAAC;MACJC,KAAK,EAAE,aAAa;MACpBC,MAAM,EAAE,aAAa;MACrBC,OAAO,EAAE,qBAAqB;MAC9BC,YAAY,EAAE,QAAQ;MAEtB,QAAQ,EAAE;QACRD,OAAO,EAAE;MACX,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC,CAAC;QACpBE,QAAQ,EAAE;MACZ,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC,CAAC;QACpBA,QAAQ,EAAE;MACZ,CAAC;MAED,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC,CAAC;QACtBA,QAAQ,EAAE;MACZ;IACF;EAAC,GAGEf,UAAU,CAACC,MAAM,CAAC,EAClBE,QAAQ,CAACF,MAAM,CAAC,EAChBI,QAAQ,CAACJ,MAAM,CAAC;IAEnB,mBAAmB,EAAE;MACnB,uCAAuC,EAAE,CAAC,CAAC;MAC3Ce,QAAQ,EAAE,KAAK;MACfH,OAAO,EAAE,QAAQ;MACjBI,UAAU,EAAE,QAAQ;MACpBC,WAAW,EAAE,MAAM;MAEnB,QAAQ,EAAE;QACRF,QAAQ,EAAE;MACZ,CAAC;MAED,YAAY,EAAE;QACZ,6EAA6E,EAAE,CAAC;MAClF;IACF;EAAC;AAAA,CACD"}
+{"version":3,"file":"tag.js","names":["tagOutline","colors","_href","tagSolid","_href2","tagLight","_href3","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 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 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`]: {},\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-small': {},\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;EAAA,IAAAC,KAAA;EAC1B,OAAO;IACL,cAAc,EAAE;MACd,2DAA2D,EAAE,CAAC,CAAC;MAE/D,SAAS,GAAAA,KAAA,OAAAA,KAAA,gEACwD,CAAC,CAAC,EAAAA,KAAA,+CACnB,CAAC,CAAC,EAAAA,KAAA,gFAC+B,CAAC,CAAC,EAAAA,KAAA;IAErF;EACF,CAAC;AACH;AAEA,SAASC,QAAQA,CAACF,MAAM,EAAE;EAAA,IAAAG,MAAA;EACxB,OAAO;IACL,YAAY,EAAE;MACZ,4DAA4D,EAAE,CAAC,CAAC;MAEhE,SAAS,GAAAA,MAAA,OAAAA,MAAA,6CACqC,CAAC,CAAC,EAAAA,MAAA,+CACA,CAAC,CAAC,EAAAA,MAAA,gFAC+B,CAAC,CAAC,EAAAA,MAAA,CAClF;MAED,mBAAmB,EAAE;QACnB,mCAAmC,EAAE,CAAC;MACxC;IACF;EACF,CAAC;AACH;AAEA,SAASC,QAAQA,CAACJ,MAAM,EAAE;EAAA,IAAAK,MAAA;EACxB,OAAO;IACL,YAAY,EAAE;MACZ,4CAA4C,EAAE,CAAC,CAAC;MAEhD,SAAS,GAAAA,MAAA,OAAAA,MAAA,gCACwB,CAAC,CAAC,EAAAA,MAAA,iCACD,CAAC,CAAC,EAAAA,MAAA,2DACwB,CAAC,CAAC,EAAAA,MAAA;IAEhE;EACF,CAAC;AACH;AAEAC,MAAM,CAACC,OAAO,GAAGC,GAAG,GAAG,SAAAA,IAACR,MAAM;EAAA,OAAAS,QAAA;IAC5B,MAAM,EAAE;MACN,gIAAgI,EAC9H,CAAC,CAAC;MACJC,KAAK,EAAE,aAAa;MACpBC,MAAM,EAAE,aAAa;MACrBC,OAAO,EAAE,qBAAqB;MAC9BC,YAAY,EAAE,QAAQ;MAEtB,QAAQ,EAAE;QACRD,OAAO,EAAE;MACX,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC,CAAC;QACpBE,QAAQ,EAAE;MACZ,CAAC;MAED,MAAM,EAAE;QACN,mBAAmB,EAAE,CAAC,CAAC;QACvBA,QAAQ,EAAE;MACZ,CAAC;MAED,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC,CAAC;QACtBA,QAAQ,EAAE;MACZ;IACF;EAAC,GAGEf,UAAU,CAACC,MAAM,CAAC,EAClBE,QAAQ,CAACF,MAAM,CAAC,EAChBI,QAAQ,CAACJ,MAAM,CAAC;IAEnB,mBAAmB,EAAE;MACnB,uCAAuC,EAAE,CAAC,CAAC;MAC3Ce,QAAQ,EAAE,KAAK;MACfH,OAAO,EAAE,QAAQ;MACjBI,UAAU,EAAE,QAAQ;MACpBC,WAAW,EAAE,MAAM;MAEnB,QAAQ,EAAE;QACRF,QAAQ,EAAE;MACZ,CAAC;MAED,YAAY,EAAE;QACZ,6EAA6E,EAAE,CAAC;MAClF;IACF;EAAC;AAAA,CACD"}

package/dist/cjs/components/tooltip.js

@@ -0,0 +1,61 @@
+module.exports = Tooltip = function Tooltip() {
+  return {
+    '.sk-tooltip': {
+      '@apply inline-flex justify-center items-center': {},
+      '@apply w-fit h-fit': {},
+      '@apply grow-0': {},
+      '&-text': {
+        '@apply inline-flex': {},
+        '@apply bg-primary-surface shadow': {},
+        '@apply px-16 py-8': {},
+        '@apply rounded-utility': {},
+        '@apply text-light-primary text-small': {},
+        '@apply font-bold': {},
+        '@apply w-fit h-fit': {},
+        '@apply grow-0': {},
+        '@apply min-h-[3.4rem]': {}
+      },
+      //Arrow
+      '&::after, &::before': {
+        '@apply h-0 w-0 overflow-hidden': {}
+      },
+      // Above
+      '&[data-position="above"]': {
+        '@apply flex-col': {},
+        '@apply pb-2': {},
+        '&::after': {
+          '@apply content-[""] border-solid border-[0.6rem] border-b-0': {},
+          '@apply border-t-primary-surface border-r-transparent border-b-transparent border-l-transparent': {}
+        }
+      },
+      // Below
+      '&[data-position="below"]': {
+        '@apply flex-col': {},
+        '@apply pt-2': {},
+        '&::before': {
+          '@apply content-[""] border-solid border-[0.6rem] border-t-0': {},
+          '@apply border-t-transparent border-r-transparent border-b-primary-surface border-l-transparent': {}
+        }
+      },
+      // Left
+      '&[data-position="left"]': {
+        '@apply flex-row': {},
+        '@apply pr-2 py-[0.3rem]': {},
+        '&::after': {
+          '@apply content-[""] border-solid border-[0.6rem] border-r-0': {},
+          '@apply border-t-transparent border-r-transparent border-b-transparent border-l-primary-surface': {}
+        }
+      },
+      // Right
+      '&[data-position="right"]': {
+        '@apply flex-row': {},
+        '@apply pl-2 py-[0.3rem]': {},
+        '&::before': {
+          '@apply content-[""] border-solid border-[0.6rem] border-l-0': {},
+          '@apply border-t-transparent border-r-primary-surface border-b-transparent border-l-transparent': {}
+        }
+      }
+    }
+  };
+};
+//# sourceMappingURL=tooltip.js.map

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

@@ -0,0 +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,GAAG,SAAAA,QAAA;EAAA,OAAO;IAChC,aAAa,EAAE;MACb,gDAAgD,EAAE,CAAC,CAAC;MACpD,oBAAoB,EAAE,CAAC,CAAC;MACxB,eAAe,EAAE,CAAC,CAAC;MAEnB,QAAQ,EAAE;QACR,oBAAoB,EAAE,CAAC,CAAC;QACxB,kCAAkC,EAAE,CAAC,CAAC;QACtC,mBAAmB,EAAE,CAAC,CAAC;QACvB,wBAAwB,EAAE,CAAC,CAAC;QAC5B,sCAAsC,EAAE,CAAC,CAAC;QAC1C,kBAAkB,EAAE,CAAC,CAAC;QACtB,oBAAoB,EAAE,CAAC,CAAC;QACxB,eAAe,EAAE,CAAC,CAAC;QACnB,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MAED;MACA,qBAAqB,EAAE;QACrB,gCAAgC,EAAE,CAAC;MACrC,CAAC;MAED;MACA,0BAA0B,EAAE;QAC1B,iBAAiB,EAAE,CAAC,CAAC;QACrB,aAAa,EAAE,CAAC,CAAC;QACjB,UAAU,EAAE;UACV,6DAA6D,EAAE,CAAC,CAAC;UACjE,gGAAgG,EAAE,CAAC;QACrG;MACF,CAAC;MAED;MACA,0BAA0B,EAAE;QAC1B,iBAAiB,EAAE,CAAC,CAAC;QACrB,aAAa,EAAE,CAAC,CAAC;QACjB,WAAW,EAAE;UACX,6DAA6D,EAAE,CAAC,CAAC;UACjE,gGAAgG,EAAE,CAAC;QACrG;MACF,CAAC;MAED;MACA,yBAAyB,EAAE;QACzB,iBAAiB,EAAE,CAAC,CAAC;QACrB,yBAAyB,EAAE,CAAC,CAAC;QAC7B,UAAU,EAAE;UACV,6DAA6D,EAAE,CAAC,CAAC;UACjE,gGAAgG,EAAE,CAAC;QACrG;MACF,CAAC;MAED;MACA,0BAA0B,EAAE;QAC1B,iBAAiB,EAAE,CAAC,CAAC;QACrB,yBAAyB,EAAE,CAAC,CAAC;QAC7B,WAAW,EAAE;UACX,6DAA6D,EAAE,CAAC,CAAC;UACjE,gGAAgG,EAAE,CAAC;QACrG;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

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

@@ -1,57 +1,14 @@
-module.exports = UserMenu = function UserMenu(colors) {
+module.exports = UserMenu = function UserMenu() {
   return {
     '.sk-usermenu': {
-      '@apply text-body mx-auto lg:mx-sm lg:relative': {},
-      '&-wrapper': {
-        '@apply block max-lg:-mr-md': {}
-      },
+      '@apply relative': {},
       '&-button': {
-        '&-content': {
-          '@apply max-lg:font-bold lg:items-center lg:text-left': {}
-        },
-        '&-icon': {
-          '@apply !text-2xl ml-auto align-top max-lg:mr-2 max-lg:text-primary': {}
+        '@apply p-0 bg-transparent hover:bg-transparent': {},
+        '@apply border-0': {},
+        '.sk-avatar': {
+          height: 'inherit',
+          width: 'inherit'
         }
-      },
-      '&-first-row': {
-        '@apply max-lg:hidden bg-white border-t-2 pb-sm -mt-0 mx-md': {}
-      },
-      '&-label': {
-        '@apply flex align-middle mt-md lg:mb-xs': {},
-        '&-content': {
-          '@apply inline-block px-lg py-md lg:pl-md lg:pr-md lg:py-sm text-sm font-semibold uppercase whitespace-nowrap': {}
-        },
-        '&-line': {
-          '@apply inline-block w-full h-px border-gray-300 border-t-2 mt-[2.6rem] lg:hidden': {}
-        }
-      },
-      '&-body': {
-        '@apply py-sm absolute rounded border-t-0 bg-white mt-6 right-0 left-0 border-none max-lg:shadow-lg lg:-mt-2 lg:border-2 lg:border-solid lg:border-white': {},
-        '&[data-open="true"]': {
-          '@apply lg:border-gray-300 lg:border-t-0 lg:shadow-lg': {}
-        }
-      },
-      '&-header': {
-        '@apply px-md py-sm bg-white border-none rounded lg:border-2 lg:border-solid lg:border-b-0 lg:border-transparent': {},
-        '&[aria-expanded="true"]': {
-          '@apply lg:border-gray-300 lg:shadow-none': {}
-        }
-      },
-      '&-group': {
-        'a, button': {
-          '@apply block px-lg py-md lg:px-md lg:py-sm w-full cursor-pointer text-body no-underline': {},
-          '&.active': {
-            '@apply bg-hover text-white no-underline': {}
-          }
-        },
-        '&.active': {
-          'a, button': {
-            '@apply bg-hover text-white no-underline': {}
-          }
-        }
-      },
-      '&-divider': {
-        '@apply bg-white border-t-2 pb-sm mt-sm mx-md': {}
       }
     }
   };

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

@@ -1 +1 @@
-{"version":3,"file":"user-menu.js","names":["module","exports","UserMenu","colors"],"sources":["../../../src/components/user-menu.js"],"sourcesContent":["module.exports = UserMenu = (colors) => ({\r\n  '.sk-usermenu': {\r\n    '@apply text-body mx-auto lg:mx-sm lg:relative': {},\r\n\r\n    '&-wrapper': {\r\n      '@apply block max-lg:-mr-md': {},\r\n    },\r\n\r\n    '&-button': {\r\n      '&-content': {\r\n        '@apply max-lg:font-bold lg:items-center lg:text-left': {},\r\n      },\r\n      '&-icon': {\r\n        '@apply !text-2xl ml-auto align-top max-lg:mr-2 max-lg:text-primary': {},\r\n      },\r\n    },\r\n\r\n    '&-first-row': {\r\n      '@apply max-lg:hidden bg-white border-t-2 pb-sm -mt-0 mx-md': {},\r\n    },\r\n\r\n    '&-label': {\r\n      '@apply flex align-middle mt-md lg:mb-xs': {},\r\n      '&-content': {\r\n        '@apply inline-block px-lg py-md lg:pl-md lg:pr-md lg:py-sm text-sm font-semibold uppercase whitespace-nowrap':\r\n          {},\r\n      },\r\n      '&-line': {\r\n        '@apply inline-block w-full h-px border-gray-300 border-t-2 mt-[2.6rem] lg:hidden': {},\r\n      },\r\n    },\r\n\r\n    '&-body': {\r\n      '@apply py-sm absolute rounded border-t-0 bg-white mt-6 right-0 left-0 border-none max-lg:shadow-lg lg:-mt-2 lg:border-2 lg:border-solid lg:border-white':\r\n        {},\r\n      '&[data-open=\"true\"]': {\r\n        '@apply lg:border-gray-300 lg:border-t-0 lg:shadow-lg': {},\r\n      },\r\n    },\r\n\r\n    '&-header': {\r\n      '@apply px-md py-sm bg-white border-none rounded lg:border-2 lg:border-solid lg:border-b-0 lg:border-transparent':\r\n        {},\r\n      '&[aria-expanded=\"true\"]': {\r\n        '@apply lg:border-gray-300 lg:shadow-none': {},\r\n      },\r\n    },\r\n    '&-group': {\r\n      'a, button': {\r\n        '@apply block px-lg py-md lg:px-md lg:py-sm w-full cursor-pointer text-body no-underline': {},\r\n        '&.active': {\r\n          '@apply bg-hover text-white no-underline': {},\r\n        },\r\n      },\r\n      '&.active': {\r\n        'a, button': {\r\n          '@apply bg-hover text-white no-underline': {},\r\n        },\r\n      },\r\n    },\r\n    '&-divider': {\r\n      '@apply bg-white border-t-2 pb-sm mt-sm mx-md': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAG,SAAAA,SAACC,MAAM;EAAA,OAAM;IACvC,cAAc,EAAE;MACd,+CAA+C,EAAE,CAAC,CAAC;MAEnD,WAAW,EAAE;QACX,4BAA4B,EAAE,CAAC;MACjC,CAAC;MAED,UAAU,EAAE;QACV,WAAW,EAAE;UACX,sDAAsD,EAAE,CAAC;QAC3D,CAAC;QACD,QAAQ,EAAE;UACR,oEAAoE,EAAE,CAAC;QACzE;MACF,CAAC;MAED,aAAa,EAAE;QACb,4DAA4D,EAAE,CAAC;MACjE,CAAC;MAED,SAAS,EAAE;QACT,yCAAyC,EAAE,CAAC,CAAC;QAC7C,WAAW,EAAE;UACX,8GAA8G,EAC5G,CAAC;QACL,CAAC;QACD,QAAQ,EAAE;UACR,kFAAkF,EAAE,CAAC;QACvF;MACF,CAAC;MAED,QAAQ,EAAE;QACR,yJAAyJ,EACvJ,CAAC,CAAC;QACJ,qBAAqB,EAAE;UACrB,sDAAsD,EAAE,CAAC;QAC3D;MACF,CAAC;MAED,UAAU,EAAE;QACV,iHAAiH,EAC/G,CAAC,CAAC;QACJ,yBAAyB,EAAE;UACzB,0CAA0C,EAAE,CAAC;QAC/C;MACF,CAAC;MACD,SAAS,EAAE;QACT,WAAW,EAAE;UACX,yFAAyF,EAAE,CAAC,CAAC;UAC7F,UAAU,EAAE;YACV,yCAAyC,EAAE,CAAC;UAC9C;QACF,CAAC;QACD,UAAU,EAAE;UACV,WAAW,EAAE;YACX,yCAAyC,EAAE,CAAC;UAC9C;QACF;MACF,CAAC;MACD,WAAW,EAAE;QACX,8CAA8C,EAAE,CAAC;MACnD;IACF;EACF,CAAC;AAAA,CAAC"}
+{"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,GAAG,SAAAA,SAAA;EAAA,OAAO;IACjC,cAAc,EAAE;MACd,iBAAiB,EAAE,CAAC,CAAC;MACrB,UAAU,EAAE;QACV,gDAAgD,EAAE,CAAC,CAAC;QACpD,iBAAiB,EAAE,CAAC,CAAC;QACrB,YAAY,EAAE;UACZC,MAAM,EAAE,SAAS;UACjBC,KAAK,EAAE;QACT;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/zebratable.js

@@ -1,71 +1,126 @@
 module.exports = ZebraTable = function ZebraTable() {
   return {
+    '.sk-zebratable-wrapper': {
+      '@apply rounded-groups': {},
+      '@apply border-1': {},
+      '@apply bg-background-content': {},
+      '&-inside': {
+        '@apply border-0 rounded-t-groups': {},
+        '@apply overflow-hidden': {}
+      },
+      '&[data-variant="table"]': {
+        '&:not([data-background="true"])': {
+          '@apply border-0': {},
+          '@apply bg-transparent': {}
+        },
+        '.sk-zebratable-wrapper-inside': {
+          '@apply border-0 rounded-b-groups': {}
+        }
+      }
+    },
     '.sk-zebratable': {
       '@apply w-full text-left table-auto': {},
+      '@apply text-dark-secondary': {},
       '&-thead': {
+        '@apply border-b-1 border-dark-primary': {},
+        '@apply h-48': {},
         '&-tr': {
-          '@apply text-sm hidden lg:table-row': {}
+          '@apply table-row': {},
+          '@apply text-label-small': {}
         },
         '&-th': {
-          '@apply py-sm first-of-type:pl-lg': {},
+          '@apply py-4': {},
           "&[data-isColumnSortable='true']": {
-            '@apply py-sm cursor-pointer': {}
+            '@apply cursor-pointer': {}
           }
+        },
+        '@apply bg-transparent': {},
+        '&[data-background="true"]': {
+          '@apply bg-vattjom-background-200 border-b-transparent': {}
         }
       },
       '&-sortbutton': {
         '@apply flex items-center': {},
+        '@apply focus-visible:ring ring-ring ring-offset-0': {},
+        '@apply focus-visible:bg-vattjom-background-200': {},
+        '@apply rounded-utility': {},
+        '@apply px-16': {},
+        '@apply h-40': {},
         '&-icon': {
           '@apply inline-flex pl-sm': {},
-          '.MuiSvgIcon-root': {
-            '@apply !text-lg': {}
-          },
           '&-sort': {
-            '@apply text-black transform': {},
+            '@apply text-dark-secondary': {},
+            '@apply flex flex-col': {},
+            svg: {
+              '@apply h-16 w-16': {},
+              '@apply first-of-type:-mb-4': {},
+              '@apply last-of-type:-mt-4': {}
+            },
             "&[data-sortmodeascending='true']": {
-              '@apply -rotate-90': {}
+              '> *': {
+                '@apply last-of-type:text-dark-ghost': {}
+              }
             },
             "&[data-sortmodeascending='false']": {
-              '@apply rotate-90': {}
+              '> *': {
+                '@apply first-of-type:text-dark-ghost': {}
+              }
             }
-          },
-          '&-more': {
-            '@apply text-gray': {}
           }
         }
       },
-      '.material-icons-outlined': {
-        fontSize: '1.25em'
-      },
       '&-tbody': {
-        '@apply text-body lg:bg-white': {},
+        '@apply text-dark-secondary bg-transparent': {},
         '&-tr': {
-          '@apply transition-all bg-white lg:even:bg-white lg:odd:bg-gray-100 px-md py-md md:px-lg md:py-lg my-lg first-of-type:mt-0 block shadow-md lg:shadow-none lg:table-row lg:my-0 lg:py-0 lg:px-lg': {},
-          '&.highlighted': {
-            '@apply lg:border-4 lg:border-hover': {}
-          }
+          '@apply bg-transparent': {},
+          '@apply hover:bg-background-100': {},
+          '@apply border-b-1': {},
+          '@apply last-of-type:border-b-transparent': {}
         },
         '&-td': {
-          '@apply empty:hidden py-4 px-sm lg:px-0 first-of-type:pl-sm lg:first-of-type:pl-lg last-of-type:px-0 lg:last-of-type:pr-lg last-of-type:text-right block lg:table-cell even:bg-white odd:bg-gray-100 last-of-type:bg-transparent lg:even:bg-transparent lg:odd:bg-transparent': {}
+          '@apply py-20 px-18': {},
+          '@apply text-small': {}
         }
       },
-      '&-paginationwrapper': {
-        '@apply w-full text-lg flex justify-center lg:justify-start': {}
+      '&[data-dense="true"]': {
+        '.sk-zebratable': {
+          '&-thead': {
+            '&-th': {
+              '@apply py-12': {}
+            }
+          },
+          '&-tbody': {
+            '&-td': {
+              '@apply py-12': {}
+            }
+          }
+        }
       },
-      '&-pagination': {
-        '@apply grow': {}
+      '&-paginationwrapper': {
+        '@apply w-full max-w-[60rem]': {},
+        '@apply shrink': {}
       },
-      '&-pagination-pagesizes': {
-        '@apply grow-0 flex gap-xs flex-row justify-end items-center': {},
-        '&-label': {
-          '@apply font-bold': {}
+      '&-bottom': {
+        '@apply py-14 px-16': {},
+        '@apply border-t-1': {},
+        '@apply flex flex-row': {},
+        '@apply gap-32': {},
+        '@apply justify-between items-center': {},
+        '&-section': {
+          '@apply shrink-0': {},
+          '@apply flex flex-row': {},
+          '@apply justify-start items-center': {},
+          '@apply gap-8': {},
+          '&-label': {
+            '@apply font-normal': {},
+            '@apply text-small': {},
+            '@apply shrink-0': {}
+          }
         },
-        '&.-select': {
-          '@apply w-auto': {}
+        '&-pagination': {
+          '@apply grow': {},
+          '@apply shrink': {}
         }
-      },
-      '&-bottomwrapper': {
-        '@apply mt-lg px-lg flex items-center justify-end': {}
       }
     }
   };

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

@@ -1 +1 @@
-{"version":3,"file":"zebratable.js","names":["module","exports","ZebraTable","fontSize"],"sources":["../../../src/components/zebratable.js"],"sourcesContent":["module.exports = ZebraTable = () => ({\r\n  '.sk-zebratable': {\r\n    '@apply w-full text-left table-auto': {},\r\n\r\n    '&-thead': {\r\n      '&-tr': {\r\n        '@apply text-sm hidden lg:table-row': {},\r\n      },\r\n\r\n      '&-th': {\r\n        '@apply py-sm first-of-type:pl-lg': {},\r\n\r\n        \"&[data-isColumnSortable='true']\": {\r\n          '@apply py-sm cursor-pointer': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-sortbutton': {\r\n      '@apply flex items-center': {},\r\n\r\n      '&-icon': {\r\n        '@apply inline-flex pl-sm': {},\r\n\r\n        '.MuiSvgIcon-root': {\r\n          '@apply !text-lg': {},\r\n        },\r\n\r\n        '&-sort': {\r\n          '@apply text-black transform': {},\r\n\r\n          \"&[data-sortmodeascending='true']\": {\r\n            '@apply -rotate-90': {},\r\n          },\r\n\r\n          \"&[data-sortmodeascending='false']\": {\r\n            '@apply rotate-90': {},\r\n          },\r\n        },\r\n\r\n        '&-more': {\r\n          '@apply text-gray': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '.material-icons-outlined': {\r\n      fontSize: '1.25em',\r\n    },\r\n\r\n    '&-tbody': {\r\n      '@apply text-body lg:bg-white': {},\r\n\r\n      '&-tr': {\r\n        '@apply transition-all bg-white lg:even:bg-white lg:odd:bg-gray-100 px-md py-md md:px-lg md:py-lg my-lg first-of-type:mt-0 block shadow-md lg:shadow-none lg:table-row lg:my-0 lg:py-0 lg:px-lg':\r\n          {},\r\n\r\n        '&.highlighted': {\r\n          '@apply lg:border-4 lg:border-hover': {},\r\n        },\r\n      },\r\n\r\n      '&-td': {\r\n        '@apply empty:hidden py-4 px-sm lg:px-0 first-of-type:pl-sm lg:first-of-type:pl-lg last-of-type:px-0 lg:last-of-type:pr-lg last-of-type:text-right block lg:table-cell even:bg-white odd:bg-gray-100 last-of-type:bg-transparent lg:even:bg-transparent lg:odd:bg-transparent':\r\n          {},\r\n      },\r\n    },\r\n\r\n    '&-paginationwrapper': {\r\n      '@apply w-full text-lg flex justify-center lg:justify-start': {},\r\n    },\r\n    '&-pagination': {\r\n      '@apply grow': {},\r\n    },\r\n    '&-pagination-pagesizes': {\r\n      '@apply grow-0 flex gap-xs flex-row justify-end items-center': {},\r\n      '&-label': {\r\n        '@apply font-bold': {},\r\n      },\r\n      '&.-select': {\r\n        '@apply w-auto': {},\r\n      },\r\n    },\r\n\r\n    '&-bottomwrapper': {\r\n      '@apply mt-lg px-lg flex items-center justify-end': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,UAAU,GAAG,SAAAA,WAAA;EAAA,OAAO;IACnC,gBAAgB,EAAE;MAChB,oCAAoC,EAAE,CAAC,CAAC;MAExC,SAAS,EAAE;QACT,MAAM,EAAE;UACN,oCAAoC,EAAE,CAAC;QACzC,CAAC;QAED,MAAM,EAAE;UACN,kCAAkC,EAAE,CAAC,CAAC;UAEtC,iCAAiC,EAAE;YACjC,6BAA6B,EAAE,CAAC;UAClC;QACF;MACF,CAAC;MAED,cAAc,EAAE;QACd,0BAA0B,EAAE,CAAC,CAAC;QAE9B,QAAQ,EAAE;UACR,0BAA0B,EAAE,CAAC,CAAC;UAE9B,kBAAkB,EAAE;YAClB,iBAAiB,EAAE,CAAC;UACtB,CAAC;UAED,QAAQ,EAAE;YACR,6BAA6B,EAAE,CAAC,CAAC;YAEjC,kCAAkC,EAAE;cAClC,mBAAmB,EAAE,CAAC;YACxB,CAAC;YAED,mCAAmC,EAAE;cACnC,kBAAkB,EAAE,CAAC;YACvB;UACF,CAAC;UAED,QAAQ,EAAE;YACR,kBAAkB,EAAE,CAAC;UACvB;QACF;MACF,CAAC;MAED,0BAA0B,EAAE;QAC1BC,QAAQ,EAAE;MACZ,CAAC;MAED,SAAS,EAAE;QACT,8BAA8B,EAAE,CAAC,CAAC;QAElC,MAAM,EAAE;UACN,gMAAgM,EAC9L,CAAC,CAAC;UAEJ,eAAe,EAAE;YACf,oCAAoC,EAAE,CAAC;UACzC;QACF,CAAC;QAED,MAAM,EAAE;UACN,8QAA8Q,EAC5Q,CAAC;QACL;MACF,CAAC;MAED,qBAAqB,EAAE;QACrB,4DAA4D,EAAE,CAAC;MACjE,CAAC;MACD,cAAc,EAAE;QACd,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,wBAAwB,EAAE;QACxB,6DAA6D,EAAE,CAAC,CAAC;QACjE,SAAS,EAAE;UACT,kBAAkB,EAAE,CAAC;QACvB,CAAC;QACD,WAAW,EAAE;UACX,eAAe,EAAE,CAAC;QACpB;MACF,CAAC;MAED,iBAAiB,EAAE;QACjB,kDAAkD,EAAE,CAAC;MACvD;IACF;EACF,CAAC;AAAA,CAAC"}
+{"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 py-20 px-18': {},\r\n        '@apply text-small': {},\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-12': {},\r\n          },\r\n        },\r\n        '&-tbody': {\r\n          '&-td': {\r\n            '@apply py-12': {},\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/cjs/plugin.js

@@ -8,21 +8,31 @@ 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 Calendar = require('./components/calendar');
+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 Message = require('./components/message');
+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');
@@ -32,17 +42,18 @@ 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 Tag = require('./components/tag');
 var Pagination = require('./components/pagination');
+var PopupMenu = require('./components/popup-menu');
 var Footer = require('./components/footer');
 var Header = require('./components/header');
-var SearchBar = require('./components/search-bar');
-var ProfilePicture = require('./components/profile-picture');
-var Profile = require('./components/profile');
-var components = [Alert, AlertBanner, Badge, Breadcrumb, ButtonGroup, Button, Checkbox, Comments, ContextMenu, Dialog, Dot, Forms, Calendar, Icon, Link, Message, Notification, Radio, Switch, Table, ZebraTable, CookieConsent, Modal, Accordion, Card, Divider, SideMenu, TabMenu, Tabs, UserMenu, DropdownFilter, SearchBar, Tag, Pagination, Footer, Header, ProfilePicture, Profile];
-var defaultColors = ['primary', 'secondary'];
+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];
+var defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];
 module.exports = plugin.withOptions(function (options) {
   if (options === void 0) {
     options = {

package/dist/cjs/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","names":["plugin","require","base","theme","Alert","AlertBanner","Badge","Breadcrumb","ButtonGroup","Comments","Checkbox","ContextMenu","Dialog","Dot","Forms","Calendar","Icon","Link","Message","Notification","Radio","Switch","Button","Accordion","Card","Table","ZebraTable","Modal","CookieConsent","Divider","SideMenu","TabMenu","Tabs","UserMenu","DropdownFilter","Tag","Pagination","Footer","Header","SearchBar","ProfilePicture","Profile","components","defaultColors","module","exports","withOptions","options","colors","cssBase","_ref","addComponents","addBase","optionColors","concat","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 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 Calendar = require('./components/calendar');\r\nconst Icon = require('./components/icon');\r\nconst Link = require('./components/link');\r\nconst Message = require('./components/message');\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 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 UserMenu = require('./components/user-menu');\r\n\r\nconst DropdownFilter = require('./components/dropdown-filter');\r\n\r\nconst Tag = require('./components/tag');\r\nconst Pagination = require('./components/pagination');\r\nconst Footer = require('./components/footer');\r\nconst Header = require('./components/header');\r\n\r\nconst SearchBar = require('./components/search-bar');\r\n\r\nconst ProfilePicture = require('./components/profile-picture');\r\nconst Profile = require('./components/profile');\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  Comments,\r\n  ContextMenu,\r\n  Dialog,\r\n  Dot,\r\n  Forms,\r\n  Calendar,\r\n  Icon,\r\n  Link,\r\n  Message,\r\n  Notification,\r\n  Radio,\r\n  Switch,\r\n\r\n  Table,\r\n  ZebraTable,\r\n  CookieConsent,\r\n  Modal,\r\n\r\n  Accordion,\r\n  Card,\r\n  Divider,\r\n\r\n  SideMenu,\r\n  TabMenu,\r\n  Tabs,\r\n  UserMenu,\r\n\r\n  DropdownFilter,\r\n\r\n  SearchBar,\r\n\r\n  Tag,\r\n  Pagination,\r\n  Footer,\r\n  Header,\r\n\r\n  ProfilePicture,\r\n  Profile,\r\n];\r\n\r\nconst defaultColors = ['primary', 'secondary'];\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":["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","concat","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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"}