@sk-web-gui/core 0.1.75 → 0.1.77

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/user-menu.js

@@ -0,0 +1,39 @@
+module.exports = UserMenu = colors => ({
+  '.usermenu': {
+    // "@apply mx-sm mt-sm mb-0 px-md py-0 divide-y divide-y-2 divide-gray-300 bg-white border-2 border-white border-solid rounded":
+    '@apply text-body': {},
+    // "@apply ": {},
+    '&-is-open': {
+      // "@apply border-2 border-gray-300 border-solid rounded": {},
+      // "box-shadow": "0px 4px 12px rgba(27, 29, 31, 0.12)",
+    },
+    '&-menuTitle': {
+      overflow: 'hidden',
+      'text-overflow': 'ellipsis',
+      display: '-webkit-box',
+      '-webkit-line-clamp': '2' /* number of lines to show */,
+      'line-clamp': '2',
+      '-webkit-box-orient': 'vertical'
+    },
+    '&-menuSubTitle': {
+      overflow: 'hidden',
+      'text-overflow': 'ellipsis',
+      display: '-webkit-box',
+      '-webkit-line-clamp': '1' /* number of lines to show */,
+      'line-clamp': '1',
+      '-webkit-box-orient': 'vertical'
+    },
+    '&-header': {
+      '[aria-expanded="true"] &': {
+        '@apply bg-hover': {}
+      }
+    },
+    '&-item': {
+      '@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': {}
+      }
+    }
+  }
+});
+//# sourceMappingURL=user-menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"user-menu.js","names":["module","exports","UserMenu","colors","overflow","display"],"sources":["../../../src/components/user-menu.js"],"sourcesContent":["module.exports = UserMenu = (colors) => ({\r\n  '.usermenu': {\r\n    // \"@apply mx-sm mt-sm mb-0 px-md py-0 divide-y divide-y-2 divide-gray-300 bg-white border-2 border-white border-solid rounded\":\r\n    '@apply text-body': {},\r\n    // \"@apply \": {},\r\n    '&-is-open': {\r\n      // \"@apply border-2 border-gray-300 border-solid rounded\": {},\r\n      // \"box-shadow\": \"0px 4px 12px rgba(27, 29, 31, 0.12)\",\r\n    },\r\n\r\n    '&-menuTitle': {\r\n      overflow: 'hidden',\r\n      'text-overflow': 'ellipsis',\r\n      display: '-webkit-box',\r\n      '-webkit-line-clamp': '2' /* number of lines to show */,\r\n      'line-clamp': '2',\r\n      '-webkit-box-orient': 'vertical',\r\n    },\r\n\r\n    '&-menuSubTitle': {\r\n      overflow: 'hidden',\r\n      'text-overflow': 'ellipsis',\r\n      display: '-webkit-box',\r\n      '-webkit-line-clamp': '1' /* number of lines to show */,\r\n      'line-clamp': '1',\r\n      '-webkit-box-orient': 'vertical',\r\n    },\r\n\r\n    '&-header': {\r\n      '[aria-expanded=\"true\"] &': {\r\n        '@apply bg-hover': {},\r\n      },\r\n    },\r\n    '&-item': {\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  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAIC,MAAM,KAAM;EACvC,WAAW,EAAE;IACX;IACA,kBAAkB,EAAE,CAAC,CAAC;IACtB;IACA,WAAW,EAAE;MACX;MACA;IAAA,CACD;IAED,aAAa,EAAE;MACbC,QAAQ,EAAE,QAAQ;MAClB,eAAe,EAAE,UAAU;MAC3BC,OAAO,EAAE,aAAa;MACtB,oBAAoB,EAAE,GAAG,CAAC;MAC1B,YAAY,EAAE,GAAG;MACjB,oBAAoB,EAAE;IACxB,CAAC;IAED,gBAAgB,EAAE;MAChBD,QAAQ,EAAE,QAAQ;MAClB,eAAe,EAAE,UAAU;MAC3BC,OAAO,EAAE,aAAa;MACtB,oBAAoB,EAAE,GAAG,CAAC;MAC1B,YAAY,EAAE,GAAG;MACjB,oBAAoB,EAAE;IACxB,CAAC;IAED,UAAU,EAAE;MACV,0BAA0B,EAAE;QAC1B,iBAAiB,EAAE,CAAC;MACtB;IACF,CAAC;IACD,QAAQ,EAAE;MACR,yFAAyF,EAAE,CAAC,CAAC;MAC7F,UAAU,EAAE;QACV,yCAAyC,EAAE,CAAC;MAC9C;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/zebratable.js

@@ -0,0 +1,59 @@
+module.exports = ZebraTable = () => ({
+  '.zebratable': {
+    '@apply w-full text-left table-auto': {},
+    '&-thead': {
+      '&-tr': {
+        '@apply text-sm hidden lg:table-row': {}
+      },
+      '&-th': {
+        '@apply py-sm first-of-type:pl-lg': {},
+        "&[data-isColumnSortable='true']": {
+          '@apply py-sm cursor-pointer': {}
+        }
+      }
+    },
+    '&-sortbutton': {
+      '@apply flex items-center': {},
+      '&-icon': {
+        '@apply inline-flex pl-sm': {},
+        '.MuiSvgIcon-root': {
+          '@apply !text-lg': {}
+        },
+        '&-sort': {
+          '@apply text-black transform': {},
+          "&[data-sortmodeascending='true']": {
+            '@apply -rotate-90': {}
+          },
+          "&[data-sortmodeascending='false']": {
+            '@apply rotate-90': {}
+          }
+        },
+        '&-more': {
+          '@apply text-gray': {}
+        }
+      }
+    },
+    '.material-icons-outlined': {
+      fontSize: '1.25em'
+    },
+    '&-tbody': {
+      '@apply text-body lg:bg-white': {},
+      '&-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': {}
+        }
+      },
+      '&-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': {}
+      }
+    },
+    '&-paginationwrapper': {
+      '@apply w-full text-lg flex justify-center lg:justify-start': {}
+    },
+    '&-bottomwrapper': {
+      '@apply mt-lg px-lg flex items-center justify-end': {}
+    }
+  }
+});
+//# sourceMappingURL=zebratable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"zebratable.js","names":["module","exports","ZebraTable","fontSize"],"sources":["../../../src/components/zebratable.js"],"sourcesContent":["(module).exports = ZebraTable = () => ({\r\n  '.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\r\n    '&-bottomwrapper': {\r\n      '@apply mt-lg px-lg flex items-center justify-end': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAACA,MAAM,CAAEC,OAAO,GAAGC,UAAU,GAAGA,CAAA,MAAO;EACrC,aAAa,EAAE;IACb,oCAAoC,EAAE,CAAC,CAAC;IAExC,SAAS,EAAE;MACT,MAAM,EAAE;QACN,oCAAoC,EAAE,CAAC;MACzC,CAAC;MAED,MAAM,EAAE;QACN,kCAAkC,EAAE,CAAC,CAAC;QAEtC,iCAAiC,EAAE;UACjC,6BAA6B,EAAE,CAAC;QAClC;MACF;IACF,CAAC;IAED,cAAc,EAAE;MACd,0BAA0B,EAAE,CAAC,CAAC;MAE9B,QAAQ,EAAE;QACR,0BAA0B,EAAE,CAAC,CAAC;QAE9B,kBAAkB,EAAE;UAClB,iBAAiB,EAAE,CAAC;QACtB,CAAC;QAED,QAAQ,EAAE;UACR,6BAA6B,EAAE,CAAC,CAAC;UAEjC,kCAAkC,EAAE;YAClC,mBAAmB,EAAE,CAAC;UACxB,CAAC;UAED,mCAAmC,EAAE;YACnC,kBAAkB,EAAE,CAAC;UACvB;QACF,CAAC;QAED,QAAQ,EAAE;UACR,kBAAkB,EAAE,CAAC;QACvB;MACF;IACF,CAAC;IAED,0BAA0B,EAAE;MAC1BC,QAAQ,EAAE;IACZ,CAAC;IAED,SAAS,EAAE;MACT,8BAA8B,EAAE,CAAC,CAAC;MAElC,MAAM,EAAE;QACN,gMAAgM,EAC9L,CAAC,CAAC;QAEJ,eAAe,EAAE;UACf,oCAAoC,EAAE,CAAC;QACzC;MACF,CAAC;MAED,MAAM,EAAE;QACN,8QAA8Q,EAC5Q,CAAC;MACL;IACF,CAAC;IAED,qBAAqB,EAAE;MACrB,4DAA4D,EAAE,CAAC;IACjE,CAAC;IAED,iBAAiB,EAAE;MACjB,kDAAkD,EAAE,CAAC;IACvD;EACF;AACF,CAAC,CAAC"}

package/dist/esm/index.js

@@ -0,0 +1,70 @@
+var plugin = require('tailwindcss/plugin');
+var base = require('./base');
+var preset = require('./preset');
+
+// const colors = require("/colors");
+// const { colors } = require('@sk-web-gui/theme');
+// const withOpacity = require('./with-opacity');
+// 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 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 Icon = require('./components/icon');
+var Link = require('./components/link');
+var Message = require('./components/message');
+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 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 UserMenu = require('./components/user-menu');
+var DropdownFilter = require('./components/dropdown-filter');
+var Tag = require('./components/tag');
+var Pagination = require('./components/pagination');
+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, 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'];
+module.exports = plugin.withOptions(function (options) {
+  if (options === void 0) {
+    options = {
+      colors: [],
+      cssBase: true
+    };
+  }
+  return function (_ref) {
+    var {
+      addComponents,
+      addBase,
+      theme
+    } = _ref;
+    var optionColors = [...defaultColors, ...(options.colors || [])];
+    if (options.cssBase) {
+      addBase(base);
+    }
+    addComponents(components.map(component => component(optionColors, theme)));
+  };
+}, function () {
+  return preset;
+});
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["plugin","require","base","preset","Alert","AlertBanner","Badge","Breadcrumb","ButtonGroup","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","theme","optionColors","map","component"],"sources":["../../src/index.js"],"sourcesContent":["const plugin = require('tailwindcss/plugin');\n\nconst base = require('./base');\nconst preset = require('./preset');\n\n// const colors = require(\"/colors\");\n// const { colors } = require('@sk-web-gui/theme');\n// const withOpacity = require('./with-opacity');\n// components\nconst Alert = require('./components/alert');\nconst AlertBanner = require('./components/alert-banner');\nconst Badge = require('./components/badge');\nconst Breadcrumb = require('./components/breadcrumb');\nconst ButtonGroup = require('./components/button-group');\n\nconst Checkbox = require('./components/checkbox');\nconst ContextMenu = require('./components/context-menu');\nconst Dialog = require('./components/dialog');\nconst Dot = require('./components/dot');\nconst Forms = require('./components/forms');\nconst Calendar = require('./components/calendar');\nconst Icon = require('./components/icon');\nconst Link = require('./components/link');\nconst Message = require('./components/message');\nconst Notification = require('./components/notification');\nconst Radio = require('./components/radio');\nconst Switch = require('./components/switch');\n\nconst Button = require('./components/button');\nconst Accordion = require('./components/accordion');\nconst Card = require('./components/card');\nconst Table = require('./components/table');\nconst ZebraTable = require('./components/zebratable');\n\nconst Modal = require('./components/modal');\nconst CookieConsent = require('./components/cookie-consent');\nconst Divider = require('./components/divider');\n\nconst SideMenu = require('./components/side-menu');\nconst TabMenu = require('./components/tab-menu');\nconst Tabs = require('./components/tabs');\nconst UserMenu = require('./components/user-menu');\n\nconst DropdownFilter = require('./components/dropdown-filter');\n\nconst Tag = require('./components/tag');\nconst Pagination = require('./components/pagination');\nconst Footer = require('./components/footer');\nconst Header = require('./components/header');\n\nconst SearchBar = require('./components/search-bar');\n\nconst ProfilePicture = require('./components/profile-picture');\nconst Profile = require('./components/profile');\n\nconst components = [\n  Alert,\n  AlertBanner,\n  Badge,\n  Breadcrumb,\n  ButtonGroup,\n  Button,\n  Checkbox,\n  ContextMenu,\n  Dialog,\n  Dot,\n  Forms,\n  Calendar,\n  Icon,\n  Link,\n  Message,\n  Notification,\n  Radio,\n  Switch,\n\n  Table,\n  ZebraTable,\n  CookieConsent,\n  Modal,\n\n  Accordion,\n  Card,\n  Divider,\n\n  SideMenu,\n  TabMenu,\n  Tabs,\n  UserMenu,\n\n  DropdownFilter,\n\n  SearchBar,\n\n  Tag,\n  Pagination,\n  Footer,\n  Header,\n\n  ProfilePicture,\n  Profile,\n];\n\nconst defaultColors = ['primary', 'secondary'];\n\nmodule.exports = plugin.withOptions(\n  function (options = { colors: [], cssBase: true }) {\n    return function ({ addComponents, addBase, theme }) {\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 preset;\n  }\n);\n"],"mappings":"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"}

package/dist/esm/preset.js

@@ -0,0 +1,89 @@
+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); }
+// const { colors } = require('@sk-web-gui/theme');
+var {
+  colors
+} = require('@sk-web-gui/theme');
+var withOpacity = require('./with-opacity');
+module.exports = {
+  theme: {
+    fontSize: {
+      tiny: '1rem',
+      xs: '1.2rem',
+      sm: '1.4rem',
+      base: '1.6rem',
+      lg: '1.8rem',
+      xl: '2.0rem',
+      '2xl': '2.4rem',
+      '3xl': '3.2rem',
+      '4xl': '4.0rem',
+      '5xl': '5.2rem'
+    },
+    extend: {
+      colors: _extends({}, colors, {
+        current: 'currentColor'
+      }),
+      cursor: {
+        base: 'var(--vc-cursor)'
+      },
+      spacing: {
+        xs: '4px',
+        sm: '8px',
+        md: '16px',
+        lg: '24px',
+        xl: '48px'
+      },
+      lineHeight: {
+        tiny: '1.4rem',
+        xs: '1.6rem',
+        sm: '2rem',
+        base: '2.4rem',
+        lg: '2.4rem',
+        xl: '3.2rem',
+        '2xl': '3.2rem',
+        '3xl': '4rem',
+        '4xl': '4.8rem',
+        '5xl': '5.8rem'
+      },
+      opacity: {
+        15: '0.15'
+      },
+      backgroundColor: {
+        base: withOpacity('--vc-colors-bg-base'),
+        fill: withOpacity('--vc-colors-bg-fill')
+      },
+      textColor: {
+        foreground: withOpacity('--vc-colors-text-foreground'),
+        muted: withOpacity('--vc-colors-text-muted')
+      },
+      borderRadius: {
+        base: 'var(--vc-rounded)'
+      },
+      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
+      },
+      keyframes: {
+        'reset-overflow': {
+          'from, to': {
+            overflow: 'hidden'
+          }
+        }
+      },
+      animation: {
+        'reset-overflow': 'reset-overflow 180ms backwards'
+      }
+    }
+  }
+};
+//# sourceMappingURL=preset.js.map

package/dist/esm/preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset.js","names":["colors","require","withOpacity","module","exports","theme","fontSize","tiny","xs","sm","base","lg","xl","extend","_extends","current","cursor","spacing","md","lineHeight","opacity","backgroundColor","fill","textColor","foreground","muted","borderRadius","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/preset.js"],"sourcesContent":["// const { colors } = require('@sk-web-gui/theme');\r\nconst { colors } = require('@sk-web-gui/theme');\r\nconst withOpacity = require('./with-opacity');\r\n\r\nmodule.exports = {\r\n  theme: {\r\n    fontSize: {\r\n      tiny: '1rem',\r\n      xs: '1.2rem',\r\n      sm: '1.4rem',\r\n      base: '1.6rem',\r\n      lg: '1.8rem',\r\n      xl: '2.0rem',\r\n      '2xl': '2.4rem',\r\n      '3xl': '3.2rem',\r\n      '4xl': '4.0rem',\r\n      '5xl': '5.2rem',\r\n    },\r\n    extend: {\r\n      colors: {\r\n        ...colors,\r\n        current: 'currentColor',\r\n      },\r\n      cursor: {\r\n        base: 'var(--vc-cursor)',\r\n      },\r\n      spacing: {\r\n        xs: '4px',\r\n        sm: '8px',\r\n        md: '16px',\r\n        lg: '24px',\r\n        xl: '48px',\r\n      },\r\n      lineHeight: {\r\n        tiny: '1.4rem',\r\n        xs: '1.6rem',\r\n        sm: '2rem',\r\n        base: '2.4rem',\r\n        lg: '2.4rem',\r\n        xl: '3.2rem',\r\n        '2xl': '3.2rem',\r\n        '3xl': '4rem',\r\n        '4xl': '4.8rem',\r\n        '5xl': '5.8rem',\r\n      },\r\n      opacity: {\r\n        15: '0.15',\r\n      },\r\n      backgroundColor: {\r\n        base: withOpacity('--vc-colors-bg-base'),\r\n        fill: withOpacity('--vc-colors-bg-fill'),\r\n      },\r\n      textColor: {\r\n        foreground: withOpacity('--vc-colors-text-foreground'),\r\n        muted: withOpacity('--vc-colors-text-muted'),\r\n      },\r\n      borderRadius: {\r\n        base: 'var(--vc-rounded)',\r\n      },\r\n      zIndex: {\r\n        hide: -1,\r\n        none: 0,\r\n        base: 1,\r\n        docked: 10,\r\n        dropdown: 1000,\r\n        sticky: 1100,\r\n        banner: 1200,\r\n        overlay: 1300,\r\n        modal: 1400,\r\n        popover: 1500,\r\n        skipLink: 1600,\r\n        toast: 1700,\r\n        tooltip: 1800,\r\n      },\r\n      keyframes: {\r\n        'reset-overflow': {\r\n          'from, to': {\r\n            overflow: 'hidden',\r\n          },\r\n        },\r\n      },\r\n      animation: {\r\n        'reset-overflow': 'reset-overflow 180ms backwards',\r\n      },\r\n    },\r\n  },\r\n};\r\n"],"mappings":";AAAA;AACA,IAAM;EAAEA;AAAO,CAAC,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AAC/C,IAAMC,WAAW,GAAGD,OAAO,CAAC,gBAAgB,CAAC;AAE7CE,MAAM,CAACC,OAAO,GAAG;EACfC,KAAK,EAAE;IACLC,QAAQ,EAAE;MACRC,IAAI,EAAE,MAAM;MACZC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZC,IAAI,EAAE,QAAQ;MACdC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZ,KAAK,EAAE,QAAQ;MACf,KAAK,EAAE,QAAQ;MACf,KAAK,EAAE,QAAQ;MACf,KAAK,EAAE;IACT,CAAC;IACDC,MAAM,EAAE;MACNb,MAAM,EAAAc,QAAA,KACDd,MAAM;QACTe,OAAO,EAAE;MAAc,EACxB;MACDC,MAAM,EAAE;QACNN,IAAI,EAAE;MACR,CAAC;MACDO,OAAO,EAAE;QACPT,EAAE,EAAE,KAAK;QACTC,EAAE,EAAE,KAAK;QACTS,EAAE,EAAE,MAAM;QACVP,EAAE,EAAE,MAAM;QACVC,EAAE,EAAE;MACN,CAAC;MACDO,UAAU,EAAE;QACVZ,IAAI,EAAE,QAAQ;QACdC,EAAE,EAAE,QAAQ;QACZC,EAAE,EAAE,MAAM;QACVC,IAAI,EAAE,QAAQ;QACdC,EAAE,EAAE,QAAQ;QACZC,EAAE,EAAE,QAAQ;QACZ,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE;MACT,CAAC;MACDQ,OAAO,EAAE;QACP,EAAE,EAAE;MACN,CAAC;MACDC,eAAe,EAAE;QACfX,IAAI,EAAER,WAAW,CAAC,qBAAqB,CAAC;QACxCoB,IAAI,EAAEpB,WAAW,CAAC,qBAAqB;MACzC,CAAC;MACDqB,SAAS,EAAE;QACTC,UAAU,EAAEtB,WAAW,CAAC,6BAA6B,CAAC;QACtDuB,KAAK,EAAEvB,WAAW,CAAC,wBAAwB;MAC7C,CAAC;MACDwB,YAAY,EAAE;QACZhB,IAAI,EAAE;MACR,CAAC;MACDiB,MAAM,EAAE;QACNC,IAAI,EAAE,CAAC,CAAC;QACRC,IAAI,EAAE,CAAC;QACPnB,IAAI,EAAE,CAAC;QACPoB,MAAM,EAAE,EAAE;QACVC,QAAQ,EAAE,IAAI;QACdC,MAAM,EAAE,IAAI;QACZC,MAAM,EAAE,IAAI;QACZC,OAAO,EAAE,IAAI;QACbC,KAAK,EAAE,IAAI;QACXC,OAAO,EAAE,IAAI;QACbC,QAAQ,EAAE,IAAI;QACdC,KAAK,EAAE,IAAI;QACXC,OAAO,EAAE;MACX,CAAC;MACDC,SAAS,EAAE;QACT,gBAAgB,EAAE;UAChB,UAAU,EAAE;YACVC,QAAQ,EAAE;UACZ;QACF;MACF,CAAC;MACDC,SAAS,EAAE;QACT,gBAAgB,EAAE;MACpB;IACF;EACF;AACF,CAAC"}

package/dist/esm/with-opacity.js

@@ -0,0 +1,10 @@
+module.exports = function withOpacity(variableName) {
+  return _ref => {
+    var {
+      opacityValue
+    } = _ref;
+    if (opacityValue) return "rgba(var(" + variableName + "), " + opacityValue + ")";
+    return "rgb(var(" + variableName + "))";
+  };
+};
+//# sourceMappingURL=with-opacity.js.map

package/dist/esm/with-opacity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-opacity.js","names":["module","exports","withOpacity","variableName","_ref","opacityValue"],"sources":["../../src/with-opacity.js"],"sourcesContent":["module.exports = function withOpacity(variableName) {\r\n  return ({ opacityValue }) => {\r\n    if (opacityValue) return `rgba(var(${variableName}), ${opacityValue})`;\r\n    return `rgb(var(${variableName}))`;\r\n  };\r\n};\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAG,SAASC,WAAWA,CAACC,YAAY,EAAE;EAClD,OAAOC,IAAA,IAAsB;IAAA,IAArB;MAAEC;IAAa,CAAC,GAAAD,IAAA;IACtB,IAAIC,YAAY,EAAE,qBAAmBF,YAAY,WAAME,YAAY;IACnE,oBAAkBF,YAAY;EAChC,CAAC;AACH,CAAC"}

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@sk-web-gui/core",
-  "version": "0.1.75",
+  "version": "0.1.77",
   "license": "MIT",
   "main": "src/index.js",
+  "module": "dist/esm/index.js",
   "files": [
     "src/",
     "dist/"
@@ -15,21 +16,28 @@
     "url": "git+https://github.com/vechai/sk-web-gui.git"
   },
   "scripts": {
-    "build": "node scripts/build.js",
-    "version": "yarn build"
+    "build2": "node scripts/build.js",
+    "version": "yarn build",
+    "build": "concurrently yarn:build:*",
+    "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .js -d dist/esm --source-maps",
+    "build:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .js -d dist/cjs --source-maps"
   },
   "bugs": {
     "url": "https://github.com/vechai/sk-web-gui/issues"
   },
   "peerDependencies": {
-    "tailwindcss": ">=2.1.0"
+    "tailwindcss": "^3.2.7"
   },
   "devDependencies": {
-    "autoprefixer": "^10.2.6",
-    "clean-css": "^5.1.2",
-    "postcss": "^8.3.4",
-    "postcss-import": "^14.0.2",
-    "tailwindcss": "^2.2.4"
+    "autoprefixer": "^10.4.14",
+    "clean-css": "^5.3.2",
+    "postcss": "^8.4.23",
+    "postcss-import": "^15.1.0",
+    "tailwindcss": "^3.2.7"
   },
-  "gitHead": "3a72018bb2de73c6e1db1a461cbed02b37e4827e"
+  "dependencies": {
+    "@sk-web-gui/theme": "0.1.12",
+    "mini-svg-data-uri": "^1.4.4"
+  },
+  "gitHead": "da14fe91be990d3e2a58b510b828e29143ea1990"
 }

package/src/base.js

@@ -0,0 +1,47 @@
+module.exports = {
+  html: {
+    '@apply text-foreground antialiased bg-base': {},
+    fontSize: '62.5%',
+    lineHeight: '1.5',
+    textRendering: 'optimizeLegibility',
+    textSizeAdjust: '100%',
+    touchAction: 'manipulation',
+  },
+  body: {
+    '@apply text-base leading-base': {},
+    position: 'relative',
+    minHeight: '100%',
+    fontFeatureSettings: "'kern'",
+  },
+  'h1,h2,h3,h4,h5,h6': {
+    '@apply font-bold': {},
+  },
+  small: {
+    fontSize: '1.4rem',
+  },
+  h1: { '@apply text-3xl leading-3xl': {} },
+  h2: { '@apply text-2xl leading-2xl': {} },
+  h3: { '@apply text-xl leading-xl': {} },
+  h4: { '@apply text-lg leading-lg': {} },
+  h5: { '@apply text-base leading-base': {} },
+  h6: { '@apply text-sm leading-sm': {} },
+  p: { '@apply my-4': {} },
+
+  '.text-content': {
+    '@apply max-w-[80rem]': {},
+
+    h1: {
+      '@apply mb-md': {},
+
+      '+ p': {
+        '@apply mb-[40px] mt-0': {},
+      },
+    },
+    h2: { '@apply mt-lg': {} },
+    h3: { '@apply mt-lg': {} },
+    h4: { '@apply mt-lg': {} },
+    h5: { '@apply mt-lg': {} },
+    h6: { '@apply mt-lg': {} },
+    p: { '@apply mt-sm leading-[1.5]': {} },
+  },
+};

package/src/components/badge.js

@@ -27,7 +27,6 @@ function badgeSolid(colors) {
       "&[data-color='neutral']": {
         '@apply bg-neutral-400': {},
       },
-
     },
   };
 }
@@ -44,7 +43,6 @@ function badgeOutline(colors) {
           [`&[data-color="${color}"]`]: {
             [`@apply border-current`]: {},
             [`@apply text-${color}`]: {},
-
           },
         }),
         {}
@@ -59,7 +57,6 @@ function badgeOutline(colors) {
         },
       },
 
-      
       "&[data-color='primary']": {
         '@apply border-primary': {},
         '@apply text-primary': {},
@@ -74,14 +71,11 @@ function badgeOutline(colors) {
       },
       "&[data-color='neutral']": {
         '@apply border-neutral-300': {},
-        '@apply border-neutral-300': {},
-
       },
     },
   };
 }
 
-
 module.exports = badge = (colors) => ({
   '.badge': {
     '@apply relative': {},
@@ -114,7 +108,7 @@ module.exports = badge = (colors) => ({
         minHeight: '6px',
         maxHeight: '6px',
         minWidth: '6px',
-      }
+      },
     },
 
     '&-md': {
@@ -128,8 +122,7 @@ module.exports = badge = (colors) => ({
         minHeight: '20px',
         maxHeight: '20px',
         minWidth: '20px',
-      }
-
+      },
     },
 
     '&-lg': {
@@ -143,77 +136,73 @@ module.exports = badge = (colors) => ({
         minHeight: '24px',
         maxHeight: '24px',
         minWidth: '24px',
-      }
-
+      },
     },
 
     '&-standard-sm': {
-      '@apply right-[-4px] self-center' : {},
+      '@apply right-[-4px] self-center': {},
       '&.noborder': {
         '@apply right-[-5px]': {},
-      }
+      },
     },
     '&-standard-md': {
       '@apply right-[-4px] self-center': {},
       '&.noborder': {
         '@apply right-[-5px]': {},
-      }
+      },
     },
     '&-standard-lg': {
       '@apply right-[-4px] self-center': {},
       '&.noborder': {
         '@apply right-[-5px]': {},
-      }
+      },
     },
 
     '&-super-sm': {
       '@apply right-[-2px] top-[-5px]': {},
       '&.noborder': {
         '@apply right-[-3px]': {},
-      }
+      },
     },
     '&-super-md': {
       '@apply right-[-3px] top-[-8px]': {},
       '&.noborder': {
         '@apply right-[-4px]': {},
-      }
+      },
     },
     '&-super-lg': {
       '@apply right-[-4px] top-[-8px]': {},
       '&.noborder': {
         '@apply right-[-5px]': {},
-      }
+      },
     },
 
     '&-superoverlap-sm': {
       '@apply right-[3px] top-[-5px]': {},
       '&.noborder': {
         '@apply right-[2px]': {},
-      }
+      },
     },
     '&-superoverlap-md': {
       '@apply right-[8px] top-[-6px]': {},
       '&.noborder': {
         '@apply right-[7px]': {},
-      }
+      },
     },
     '&-superoverlap-lg': {
       '@apply right-[8px] top-[-8px]': {},
       '&.noborder': {
         '@apply right-[7px]': {},
-      }
+      },
     },
 
-
     '&-fit-content': {
       '@apply p-0': {},
       fontSize: 'inherit',
     },
 
-
     // variants
     ...badgeSolid(colors),
     ...badgeOutline(colors),
-
   },
 });