@sk-web-gui/core 0.1.75 → 0.1.76

package/dist/cjs/components/tag.js

@@ -0,0 +1,74 @@
+"use strict";
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function tagOutline(colors) {
+  var _href;
+  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)
+    }
+  };
+}
+function tagSolid(colors) {
+  var _href2;
+  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),
+      '.tag-close-button': {
+        '@apply text-white hover:text-body': {}
+      }
+    }
+  };
+}
+function tagLight(colors) {
+  var _href3;
+  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)
+    }
+  };
+}
+module.exports = Tag = function Tag(colors) {
+  return _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/cjs/components/tag.js.map

@@ -0,0 +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"}

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

@@ -0,0 +1,43 @@
+"use strict";
+
+module.exports = UserMenu = function UserMenu(colors) {
+  return {
+    '.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/cjs/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,GAAG,SAAAA,SAACC,MAAM;EAAA,OAAM;IACvC,WAAW,EAAE;MACX;MACA,kBAAkB,EAAE,CAAC,CAAC;MACtB;MACA,WAAW,EAAE;QACX;QACA;MAAA,CACD;MAED,aAAa,EAAE;QACbC,QAAQ,EAAE,QAAQ;QAClB,eAAe,EAAE,UAAU;QAC3BC,OAAO,EAAE,aAAa;QACtB,oBAAoB,EAAE,GAAG,CAAC;QAC1B,YAAY,EAAE,GAAG;QACjB,oBAAoB,EAAE;MACxB,CAAC;MAED,gBAAgB,EAAE;QAChBD,QAAQ,EAAE,QAAQ;QAClB,eAAe,EAAE,UAAU;QAC3BC,OAAO,EAAE,aAAa;QACtB,oBAAoB,EAAE,GAAG,CAAC;QAC1B,YAAY,EAAE,GAAG;QACjB,oBAAoB,EAAE;MACxB,CAAC;MAED,UAAU,EAAE;QACV,0BAA0B,EAAE;UAC1B,iBAAiB,EAAE,CAAC;QACtB;MACF,CAAC;MACD,QAAQ,EAAE;QACR,yFAAyF,EAAE,CAAC,CAAC;QAC7F,UAAU,EAAE;UACV,yCAAyC,EAAE,CAAC;QAC9C;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/zebratable.js

@@ -0,0 +1,63 @@
+"use strict";
+
+module.exports = ZebraTable = function ZebraTable() {
+  return {
+    '.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/cjs/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,GAAG,SAAAA,WAAA;EAAA,OAAO;IACrC,aAAa,EAAE;MACb,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;MAED,iBAAiB,EAAE;QACjB,kDAAkD,EAAE,CAAC;MACvD;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/index.js

@@ -0,0 +1,71 @@
+"use strict";
+
+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 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, 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 = _ref.addComponents,
+      addBase = _ref.addBase,
+      theme = _ref.theme;
+    var optionColors = [].concat(defaultColors, options.colors || []);
+    if (options.cssBase) {
+      addBase(base);
+    }
+    addComponents(components.map(function (component) {
+      return component(optionColors, theme);
+    }));
+  };
+}, function () {
+  return preset;
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/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","UserMenu","DropdownFilter","Tag","Pagination","Footer","Header","SearchBar","ProfilePicture","Profile","components","defaultColors","module","exports","withOptions","options","colors","cssBase","_ref","addComponents","addBase","theme","optionColors","concat","map","component"],"sources":["../../src/index.js"],"sourcesContent":["const plugin = require('tailwindcss/plugin');\r\n\r\nconst base = require('./base');\r\nconst preset = require('./preset');\r\n\r\n// const colors = require(\"/colors\");\r\n// const { colors } = require('@sk-web-gui/theme');\r\n// const withOpacity = require('./with-opacity');\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\n\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 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  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  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 preset;\r\n  }\r\n);\r\n"],"mappings":"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"}

package/dist/cjs/preset.js

@@ -0,0 +1,90 @@
+"use strict";
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+// const { colors } = require('@sk-web-gui/theme');
+var _require = require('@sk-web-gui/theme'),
+  colors = _require.colors;
+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/cjs/preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset.js","names":["_require","require","colors","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,IAAAA,QAAA,GAAmBC,OAAO,CAAC,mBAAmB,CAAC;EAAvCC,MAAM,GAAAF,QAAA,CAANE,MAAM;AACd,IAAMC,WAAW,GAAGF,OAAO,CAAC,gBAAgB,CAAC;AAE7CG,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;MACNZ,MAAM,EAAAa,QAAA,KACDb,MAAM;QACTc,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/cjs/with-opacity.js

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

package/dist/cjs/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,OAAO,UAAAC,IAAA,EAAsB;IAAA,IAAnBC,YAAY,GAAAD,IAAA,CAAZC,YAAY;IACpB,IAAIA,YAAY,EAAE,qBAAmBF,YAAY,WAAME,YAAY;IACnE,oBAAkBF,YAAY;EAChC,CAAC;AACH,CAAC"}

package/dist/esm/base.js

@@ -0,0 +1,71 @@
+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]': {}
+    }
+  }
+};
+//# sourceMappingURL=base.js.map

package/dist/esm/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","names":["module","exports","html","fontSize","lineHeight","textRendering","textSizeAdjust","touchAction","body","position","minHeight","fontFeatureSettings","small","h1","h2","h3","h4","h5","h6","p"],"sources":["../../src/base.js"],"sourcesContent":["module.exports = {\r\n  html: {\r\n    '@apply text-foreground antialiased bg-base': {},\r\n    fontSize: '62.5%',\r\n    lineHeight: '1.5',\r\n    textRendering: 'optimizeLegibility',\r\n    textSizeAdjust: '100%',\r\n    touchAction: 'manipulation',\r\n  },\r\n  body: {\r\n    '@apply text-base leading-base': {},\r\n    position: 'relative',\r\n    minHeight: '100%',\r\n    fontFeatureSettings: \"'kern'\",\r\n  },\r\n  'h1,h2,h3,h4,h5,h6': {\r\n    '@apply font-bold': {},\r\n  },\r\n  small: {\r\n    fontSize: '1.4rem',\r\n  },\r\n  h1: { '@apply text-3xl leading-3xl': {} },\r\n  h2: { '@apply text-2xl leading-2xl': {} },\r\n  h3: { '@apply text-xl leading-xl': {} },\r\n  h4: { '@apply text-lg leading-lg': {} },\r\n  h5: { '@apply text-base leading-base': {} },\r\n  h6: { '@apply text-sm leading-sm': {} },\r\n  p: { '@apply my-4': {} },\r\n\r\n  '.text-content': {\r\n    '@apply max-w-[80rem]': {},\r\n\r\n    h1: {\r\n      '@apply mb-md': {},\r\n\r\n      '+ p': {\r\n        '@apply mb-[40px] mt-0': {},\r\n      },\r\n    },\r\n    h2: { '@apply mt-lg': {} },\r\n    h3: { '@apply mt-lg': {} },\r\n    h4: { '@apply mt-lg': {} },\r\n    h5: { '@apply mt-lg': {} },\r\n    h6: { '@apply mt-lg': {} },\r\n    p: { '@apply mt-sm leading-[1.5]': {} },\r\n  },\r\n};\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAG;EACfC,IAAI,EAAE;IACJ,4CAA4C,EAAE,CAAC,CAAC;IAChDC,QAAQ,EAAE,OAAO;IACjBC,UAAU,EAAE,KAAK;IACjBC,aAAa,EAAE,oBAAoB;IACnCC,cAAc,EAAE,MAAM;IACtBC,WAAW,EAAE;EACf,CAAC;EACDC,IAAI,EAAE;IACJ,+BAA+B,EAAE,CAAC,CAAC;IACnCC,QAAQ,EAAE,UAAU;IACpBC,SAAS,EAAE,MAAM;IACjBC,mBAAmB,EAAE;EACvB,CAAC;EACD,mBAAmB,EAAE;IACnB,kBAAkB,EAAE,CAAC;EACvB,CAAC;EACDC,KAAK,EAAE;IACLT,QAAQ,EAAE;EACZ,CAAC;EACDU,EAAE,EAAE;IAAE,6BAA6B,EAAE,CAAC;EAAE,CAAC;EACzCC,EAAE,EAAE;IAAE,6BAA6B,EAAE,CAAC;EAAE,CAAC;EACzCC,EAAE,EAAE;IAAE,2BAA2B,EAAE,CAAC;EAAE,CAAC;EACvCC,EAAE,EAAE;IAAE,2BAA2B,EAAE,CAAC;EAAE,CAAC;EACvCC,EAAE,EAAE;IAAE,+BAA+B,EAAE,CAAC;EAAE,CAAC;EAC3CC,EAAE,EAAE;IAAE,2BAA2B,EAAE,CAAC;EAAE,CAAC;EACvCC,CAAC,EAAE;IAAE,aAAa,EAAE,CAAC;EAAE,CAAC;EAExB,eAAe,EAAE;IACf,sBAAsB,EAAE,CAAC,CAAC;IAE1BN,EAAE,EAAE;MACF,cAAc,EAAE,CAAC,CAAC;MAElB,KAAK,EAAE;QACL,uBAAuB,EAAE,CAAC;MAC5B;IACF,CAAC;IACDC,EAAE,EAAE;MAAE,cAAc,EAAE,CAAC;IAAE,CAAC;IAC1BC,EAAE,EAAE;MAAE,cAAc,EAAE,CAAC;IAAE,CAAC;IAC1BC,EAAE,EAAE;MAAE,cAAc,EAAE,CAAC;IAAE,CAAC;IAC1BC,EAAE,EAAE;MAAE,cAAc,EAAE,CAAC;IAAE,CAAC;IAC1BC,EAAE,EAAE;MAAE,cAAc,EAAE,CAAC;IAAE,CAAC;IAC1BC,CAAC,EAAE;MAAE,4BAA4B,EAAE,CAAC;IAAE;EACxC;AACF,CAAC"}

package/dist/esm/colors.js

@@ -0,0 +1,137 @@
+var withOpacity = require('./with-opacity');
+module.exports = {
+  primary: {
+    DEFAULT: withOpacity('--vc-colors-primary-DEFAULT'),
+    dark: withOpacity('--vc-colors-primary-dark'),
+    light: withOpacity('--vc-colors-primary-light'),
+    active: withOpacity('--vc-colors-primary-active'),
+    50: withOpacity('--vc-colors-primary-DEFAULT'),
+    100: withOpacity('--vc-colors-primary-DEFAULT'),
+    200: withOpacity('--vc-colors-primary-DEFAULT'),
+    300: withOpacity('--vc-colors-primary-DEFAULT'),
+    400: withOpacity('--vc-colors-primary-DEFAULT'),
+    500: withOpacity('--vc-colors-primary-DEFAULT'),
+    600: withOpacity('--vc-colors-primary-DEFAULT'),
+    700: withOpacity('--vc-colors-primary-DEFAULT'),
+    800: withOpacity('--vc-colors-primary-DEFAULT'),
+    900: withOpacity('--vc-colors-primary-DEFAULT')
+  },
+  secondary: {
+    DEFAULT: withOpacity('--vc-colors-secondary-DEFAULT'),
+    dark: withOpacity('--vc-colors-secondary-dark'),
+    light: withOpacity('--vc-colors-secondary-light'),
+    active: withOpacity('--vc-colors-secondary-active'),
+    50: withOpacity('--vc-colors-secondary-DEFAULT'),
+    100: withOpacity('--vc-colors-secondary-DEFAULT'),
+    200: withOpacity('--vc-colors-secondary-DEFAULT'),
+    300: withOpacity('--vc-colors-secondary-DEFAULT'),
+    400: withOpacity('--vc-colors-secondary-DEFAULT'),
+    500: withOpacity('--vc-colors-secondary-DEFAULT'),
+    600: withOpacity('--vc-colors-secondary-DEFAULT'),
+    700: withOpacity('--vc-colors-secondary-DEFAULT'),
+    800: withOpacity('--vc-colors-secondary-DEFAULT'),
+    900: withOpacity('--vc-colors-secondary-DEFAULT')
+  },
+  success: {
+    DEFAULT: withOpacity('--vc-colors-success-DEFAULT'),
+    dark: withOpacity('--vc-colors-success-dark'),
+    light: withOpacity('--vc-colors-success-light'),
+    active: withOpacity('--vc-colors-success-active'),
+    50: withOpacity('--vc-colors-success-DEFAULT'),
+    100: withOpacity('--vc-colors-success-DEFAULT'),
+    200: withOpacity('--vc-colors-success-DEFAULT'),
+    300: withOpacity('--vc-colors-success-DEFAULT'),
+    400: withOpacity('--vc-colors-success-DEFAULT'),
+    500: withOpacity('--vc-colors-success-DEFAULT'),
+    600: withOpacity('--vc-colors-success-DEFAULT'),
+    700: withOpacity('--vc-colors-success-DEFAULT'),
+    800: withOpacity('--vc-colors-success-DEFAULT'),
+    900: withOpacity('--vc-colors-success-DEFAULT')
+  },
+  info: {
+    DEFAULT: withOpacity('--vc-colors-info-DEFAULT'),
+    dark: withOpacity('--vc-colors-info-dark'),
+    light: withOpacity('--vc-colors-info-light'),
+    active: withOpacity('--vc-colors-info-active'),
+    50: withOpacity('--vc-colors-info-DEFAULT'),
+    100: withOpacity('--vc-colors-info-DEFAULT'),
+    200: withOpacity('--vc-colors-info-DEFAULT'),
+    300: withOpacity('--vc-colors-info-DEFAULT'),
+    400: withOpacity('--vc-colors-info-DEFAULT'),
+    500: withOpacity('--vc-colors-info-DEFAULT'),
+    600: withOpacity('--vc-colors-info-DEFAULT'),
+    700: withOpacity('--vc-colors-info-DEFAULT'),
+    800: withOpacity('--vc-colors-info-DEFAULT'),
+    900: withOpacity('--vc-colors-info-DEFAULT')
+  },
+  warning: {
+    DEFAULT: withOpacity('--vc-colors-warning-DEFAULT'),
+    dark: withOpacity('--vc-colors-warning-dark'),
+    light: withOpacity('--vc-colors-warning-light'),
+    active: withOpacity('--vc-colors-warning-active'),
+    50: withOpacity('--vc-colors-warning-DEFAULT'),
+    100: withOpacity('--vc-colors-warning-DEFAULT'),
+    200: withOpacity('--vc-colors-warning-DEFAULT'),
+    300: withOpacity('--vc-colors-warning-DEFAULT'),
+    400: withOpacity('--vc-colors-warning-DEFAULT'),
+    500: withOpacity('--vc-colors-warning-DEFAULT'),
+    600: withOpacity('--vc-colors-warning-DEFAULT'),
+    700: withOpacity('--vc-colors-warning-DEFAULT'),
+    800: withOpacity('--vc-colors-warning-DEFAULT'),
+    900: withOpacity('--vc-colors-warning-DEFAULT')
+  },
+  error: {
+    DEFAULT: withOpacity('--vc-colors-error-DEFAULT'),
+    dark: withOpacity('--vc-colors-error-dark'),
+    light: withOpacity('--vc-colors-error-light'),
+    active: withOpacity('--vc-colors-error-active'),
+    50: withOpacity('--vc-colors-error-DEFAULT'),
+    100: withOpacity('--vc-colors-error-DEFAULT'),
+    200: withOpacity('--vc-colors-error-DEFAULT'),
+    300: withOpacity('--vc-colors-error-DEFAULT'),
+    400: withOpacity('--vc-colors-error-DEFAULT'),
+    500: withOpacity('--vc-colors-error-DEFAULT'),
+    600: withOpacity('--vc-colors-error-DEFAULT'),
+    700: withOpacity('--vc-colors-error-DEFAULT'),
+    800: withOpacity('--vc-colors-error-DEFAULT'),
+    900: withOpacity('--vc-colors-error-DEFAULT')
+  },
+  neutral: {
+    DEFAULT: withOpacity('--vc-colors-neutral'),
+    50: withOpacity('--vc-colors-neutral-50'),
+    100: withOpacity('--vc-colors-neutral-100'),
+    200: withOpacity('--vc-colors-neutral-200'),
+    300: withOpacity('--vc-colors-neutral-300'),
+    400: withOpacity('--vc-colors-neutral-400'),
+    500: withOpacity('--vc-colors-neutral-500'),
+    600: withOpacity('--vc-colors-neutral-600'),
+    700: withOpacity('--vc-colors-neutral-700'),
+    800: withOpacity('--vc-colors-neutral-800'),
+    900: withOpacity('--vc-colors-neutral-900')
+  },
+  whiteAlpha: {
+    50: 'rgba(255, 255, 255, 0.04)',
+    100: 'rgba(255, 255, 255, 0.06)',
+    200: 'rgba(255, 255, 255, 0.08)',
+    300: 'rgba(255, 255, 255, 0.16)',
+    400: 'rgba(255, 255, 255, 0.24)',
+    500: 'rgba(255, 255, 255, 0.36)',
+    600: 'rgba(255, 255, 255, 0.48)',
+    700: 'rgba(255, 255, 255, 0.64)',
+    800: 'rgba(255, 255, 255, 0.80)',
+    900: 'rgba(255, 255, 255, 0.92)'
+  },
+  blackAlpha: {
+    50: 'rgba(0, 0, 0, 0.04)',
+    100: 'rgba(0, 0, 0, 0.06)',
+    200: 'rgba(0, 0, 0, 0.08)',
+    300: 'rgba(0, 0, 0, 0.16)',
+    400: 'rgba(0, 0, 0, 0.24)',
+    500: 'rgba(0, 0, 0, 0.36)',
+    600: 'rgba(0, 0, 0, 0.48)',
+    700: 'rgba(0, 0, 0, 0.64)',
+    800: 'rgba(0, 0, 0, 0.80)',
+    900: 'rgba(0, 0, 0, 0.92)'
+  }
+};
+//# sourceMappingURL=colors.js.map