@sk-web-gui/core 0.1.75 → 0.1.76

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

@@ -0,0 +1 @@
+{"version":3,"file":"side-menu.js","names":["module","exports","Menu","span","boxShadow","content","svg","height","width","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","paddingLeft"],"sources":["../../../src/components/side-menu.js"],"sourcesContent":["module.exports = Menu = () => ({\r\n  '.side-menu': {\r\n    '@apply w-[440px]': {},\r\n\r\n    '.menu-header': {\r\n      '@apply py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {},\r\n\r\n      '.label-small': {\r\n        '@apply text-[1.6rem]': {},\r\n      },\r\n\r\n      '.label-button': {\r\n        '@apply w-full justify-between p-0': {},\r\n\r\n        '&-icon': {\r\n          '@apply !text-xl': {},\r\n        },\r\n      },\r\n\r\n      '.label-header': {\r\n        '@apply flex items-center': {},\r\n\r\n        'label, .label': {\r\n          '@apply text-xl font-bold': {},\r\n        },\r\n\r\n        span: {\r\n          '@apply ml-auto': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '.menu-item': {\r\n      '@apply bg-white h-full': {},\r\n\r\n      '.items': {\r\n        '@apply block': {},\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply flex-grow select-none flex items-center': {},\r\n      },\r\n\r\n      '&.active': {\r\n        '> .wrapper': {\r\n          boxShadow: 'inset 6px 0 0 0 #005595',\r\n          '.menu-item-label': {\r\n            '@apply underline': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '.expand path': {\r\n        '@apply fill-primary': {},\r\n      },\r\n\r\n      '& .wrapper': {\r\n        '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},\r\n\r\n        '.menu-item-link': {\r\n          '@apply flex-grow relative flex items-center text-base text-left justify-start py-sm pr-sm h-full': {},\r\n        },\r\n\r\n        '.expand': {\r\n          '@apply w-[50px] h-full flex justify-center items-center ml-auto p-0': {},\r\n\r\n          '&-button': {\r\n            '@apply flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&.open': {\r\n        '& + .menu-item > .wrapper': {\r\n          '@apply border-t': {},\r\n        },\r\n      },\r\n\r\n      '&.draggable': {\r\n        '&.dragenter': {\r\n          '> .wrapper': {\r\n            '@apply h-full max-h-full': {},\r\n          },\r\n          \"> .wrapper > *:not([draggable='true'])\": {\r\n            '@apply pointer-events-none': {},\r\n          },\r\n\r\n          '& > .wrapper::after': {\r\n            '@apply bg-info-light block relative w-full h-[44px]': {},\r\n            content: \"''\",\r\n          },\r\n        },\r\n\r\n        '&.moving': {\r\n          '@apply hidden': {},\r\n        },\r\n\r\n        '& .menu-item-move-button': {\r\n          '@apply -translate-x-full no-underline text-gray-stroke absolute py-sm inset-y-0 my-auto': {},\r\n\r\n          svg: {\r\n            '@apply h-full': {},\r\n          },\r\n          '&-label': {\r\n            '@apply text-[#B65A06]': {},\r\n          },\r\n        },\r\n\r\n        '&.moved-here': {\r\n          \"[draggable='true']\": {\r\n            '@apply text-warning': {},\r\n          },\r\n        },\r\n\r\n        '&.separator': {\r\n          '@apply bg-transparent relative': {},\r\n\r\n          '> div.wrapper, > .menu-item-link': {\r\n            '@apply h-[44px]': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&-separator': {\r\n        '@apply text-svartvik-200': {},\r\n        height: '1px',\r\n        width: '100%',\r\n        backgroundImage: `repeating-linear-gradient(0deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(90deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(180deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(270deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px)`,\r\n        backgroundSize: '2px 100%, 100% 2px, 2px 100% , 100% 2px',\r\n        backgroundPosition: '0 0, 0 0, 100% 0, 0 100%',\r\n        backgroundRepeat: 'no-repeat',\r\n      },\r\n\r\n      '&.lvl-0': {\r\n        '&:first-child > .wrapper': {\r\n          '@apply border-t-0': {},\r\n        },\r\n        '> .wrapper': {\r\n          '@apply h-[64px] max-h-[64px] border border-svartvik-200': {},\r\n\r\n          '> .menu-item-link': {\r\n            '@apply  py-md': {},\r\n            paddingLeft: '3.2rem',\r\n          },\r\n        },\r\n\r\n        '.menu-item-link': {\r\n          '@apply h-[64px] max-h-[64px]': {},\r\n        },\r\n\r\n        '& + .menu-item > .wrapper': {\r\n          '@apply border-t-0': {},\r\n        },\r\n\r\n        '> .items': {\r\n          '@apply border-l border-r border-svartvik-200': {},\r\n        },\r\n\r\n        '&.open > .items': {\r\n          '@apply border-b border-svartvik-200': {},\r\n        },\r\n\r\n        '&.separator > .wrapper': {\r\n          '@apply border-l-0 border-r-0': {},\r\n        },\r\n      },\r\n\r\n      '&.lvl-1': {\r\n        '@apply bg-gray-lighter': {},\r\n\r\n        '> .wrapper, .menu-item-link': {\r\n          '@apply h-[56px] max-h-[56px]': {},\r\n        },\r\n\r\n        '&.open > .wrapper': {\r\n          '@apply border-b border-svartvik-200': {},\r\n        },\r\n\r\n        '> .wrapper > .menu-item-link': {\r\n          paddingLeft: '4.8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-2': {\r\n        '.wrapper': {\r\n          '@apply bg-gray-middle h-[48px] max-h-[48px]': {},\r\n\r\n          '> .menu-item-link': {\r\n            '@apply h-[48px] max-h-[48px]': {},\r\n          },\r\n        },\r\n\r\n        '> .wrapper > .menu-item-link': {\r\n          paddingLeft: '6.4rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-3': {\r\n        '> .wrapper > .menu-item-link': {\r\n          paddingLeft: '8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-4': {\r\n        '.wrapper': {\r\n          '@apply bg-[#d4d4d4]': {},\r\n        },\r\n        '> .wrapper > .menu-item-link': {\r\n          paddingLeft: '9.6rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-5': {\r\n        '> .wrapper > .menu-item-link': {\r\n          paddingLeft: '11.2rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-6': {\r\n        '> .wrapper > .menu-item-link': {\r\n          paddingLeft: '12.8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-7': {\r\n        '> .wrapper > .menu-item-link': {\r\n          paddingLeft: '14.4rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-8': {\r\n        '> .wrapper > .menu-item-link': {\r\n          paddingLeft: '16rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-9': {\r\n        '> .wrapper > .menu-item-link': {\r\n          paddingLeft: '17.6rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-10': {\r\n        '> .wrapper > .menu-item-link': {\r\n          paddingLeft: '19.2rem',\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}

package/dist/esm/components/switch.js

@@ -0,0 +1,98 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+module.exports = Switch = colors => ({
+  '.form-switch-label': {
+    '@apply inline-block align-middle': {},
+    "&[type='hidden']": {
+      '@apply hidden': {},
+      '.form-switch': {
+        '@apply hidden': {}
+      }
+    }
+  },
+  '.form-switch': _extends({
+    '@apply rounded-full p-0.5 cursor-base focus:outline-none': {},
+    '@apply bg-gray-stroke dark:bg-neutral-700': {},
+    // Hover
+    //"@apply hover:bg-neutral-300 dark:hover:bg-neutral-600": {},
+
+    border: '0.1rem solid transparent',
+    'input[type=checkbox]:checked + &, input[type=checkbox][aria-checked=mixed] + &': {
+      backgroundColor: 'currentColor',
+      '.form-switch-box-sm': {
+        transform: 'translateX(1.42rem)'
+      },
+      '.form-switch-box-md': {
+        transform: 'translateX(1.6rem)'
+      },
+      '.form-switch-box-lg': {
+        transform: 'translateX(1.78rem)'
+      }
+    },
+    'input[type=checkbox]:focus-visible + &': {
+      '@apply z-base !important': {},
+      '@apply border-primary !important': {},
+      '@apply ring-4 ring-black !important': {}
+    },
+    'input[type=checkbox]:checked:focus-visible + &, input[type=checkbox][aria-checked=mixed]:focus-visible + &': {
+      '@apply ring-black !important': {}
+    },
+    '.dark input[type=checkbox]:checked:focus-visible + &,.dark input[type=checkbox][aria-checked=mixed]:focus-visible + &': {
+      '@apply ring-black !important': {}
+    },
+    'input[type=checkbox]:checked:hover:not(:disabled) + &, input[type=checkbox][aria-checked=mixed]:hover:not(:disabled) + &': {
+      '@apply cursor-base': {}
+    }
+  }, colors.reduce((styles, color) => _extends({}, styles, {
+    ["&[data-color=\"" + color + "\"]"]: {
+      ["@apply text-" + color]: {}
+
+      // 'input[type=checkbox]:focus + &': {
+      //   borderColor: `${theme(`colors.${color}.DEFAULT`)}`,
+      //   boxShadow: `0 0 5px ${theme(`colors.${color}.DEFAULT`)}`,
+      //   borderWidth: '0.1rem',
+      // },
+    }
+  }), {}), {
+    // disabled
+    '&-disabled': {
+      '@apply cursor-not-allowed': {},
+      '&': {
+        backgroundColor: '#ECECEC'
+      }
+    },
+    'input[type=checkbox]:not(:checked) + &-disabled .form-switch-box': {
+      '@apply bg-gray-stroke': {}
+    },
+    // sizing
+    '&-sm': {
+      height: '2.16rem',
+      width: '3.6rem'
+    },
+    '&-md': {
+      height: '2.4rem',
+      width: '4rem'
+    },
+    '&-lg': {
+      height: '2.64rem',
+      width: '4.4rem'
+    }
+  }),
+  // Knob
+  '.form-switch-box': {
+    '@apply transition-transform ease-in-out duration-150 transform bg-white rounded-full shadow translate-x-0': {},
+    // sizing
+    '&-sm': {
+      height: '1.6rem',
+      width: '1.7rem'
+    },
+    '&-md': {
+      height: '2rem',
+      width: '2rem'
+    },
+    '&-lg': {
+      height: '2.2rem',
+      width: '2.2rem'
+    }
+  }
+});
+//# sourceMappingURL=switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","names":["module","exports","Switch","colors","_extends","border","backgroundColor","transform","reduce","styles","color","height","width"],"sources":["../../../src/components/switch.js"],"sourcesContent":["module.exports = Switch = (colors) => ({\r\n  '.form-switch-label': {\r\n    '@apply inline-block align-middle': {},\r\n\r\n    \"&[type='hidden']\": {\r\n      '@apply hidden': {},\r\n\r\n      '.form-switch': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n  },\r\n  '.form-switch': {\r\n    '@apply rounded-full p-0.5 cursor-base focus:outline-none': {},\r\n    '@apply bg-gray-stroke dark:bg-neutral-700': {},\r\n    // Hover\r\n    //\"@apply hover:bg-neutral-300 dark:hover:bg-neutral-600\": {},\r\n\r\n    border: '0.1rem solid transparent',\r\n\r\n    'input[type=checkbox]:checked + &, input[type=checkbox][aria-checked=mixed] + &': {\r\n      backgroundColor: 'currentColor',\r\n      '.form-switch-box-sm': {\r\n        transform: 'translateX(1.42rem)',\r\n      },\r\n      '.form-switch-box-md': {\r\n        transform: 'translateX(1.6rem)',\r\n      },\r\n      '.form-switch-box-lg': {\r\n        transform: 'translateX(1.78rem)',\r\n      },\r\n    },\r\n\r\n    'input[type=checkbox]:focus-visible + &': {\r\n      '@apply z-base !important': {},\r\n      '@apply border-primary !important': {},\r\n      '@apply ring-4 ring-black !important': {},\r\n    },\r\n\r\n    'input[type=checkbox]:checked:focus-visible + &, input[type=checkbox][aria-checked=mixed]:focus-visible + &': {\r\n      '@apply ring-black !important': {},\r\n    },\r\n    '.dark input[type=checkbox]:checked:focus-visible + &,.dark input[type=checkbox][aria-checked=mixed]:focus-visible + &':\r\n      {\r\n        '@apply ring-black !important': {},\r\n      },\r\n    'input[type=checkbox]:checked:hover:not(:disabled) + &, input[type=checkbox][aria-checked=mixed]:hover:not(:disabled) + &':\r\n      {\r\n        '@apply cursor-base': {},\r\n      },\r\n\r\n    // colors\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply text-${color}`]: {},\r\n\r\n          // 'input[type=checkbox]:focus + &': {\r\n          //   borderColor: `${theme(`colors.${color}.DEFAULT`)}`,\r\n          //   boxShadow: `0 0 5px ${theme(`colors.${color}.DEFAULT`)}`,\r\n          //   borderWidth: '0.1rem',\r\n          // },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    // disabled\r\n    '&-disabled': {\r\n      '@apply cursor-not-allowed': {},\r\n\r\n      '&': {\r\n        backgroundColor: '#ECECEC',\r\n      },\r\n    },\r\n\r\n    'input[type=checkbox]:not(:checked) + &-disabled .form-switch-box': {\r\n      '@apply bg-gray-stroke': {},\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      height: '2.16rem',\r\n      width: '3.6rem',\r\n    },\r\n\r\n    '&-md': {\r\n      height: '2.4rem',\r\n      width: '4rem',\r\n    },\r\n\r\n    '&-lg': {\r\n      height: '2.64rem',\r\n      width: '4.4rem',\r\n    },\r\n  },\r\n\r\n  // Knob\r\n  '.form-switch-box': {\r\n    '@apply transition-transform ease-in-out duration-150 transform bg-white rounded-full shadow translate-x-0': {},\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      height: '1.6rem',\r\n      width: '1.7rem',\r\n    },\r\n\r\n    '&-md': {\r\n      height: '2rem',\r\n      width: '2rem',\r\n    },\r\n\r\n    '&-lg': {\r\n      height: '2.2rem',\r\n      width: '2.2rem',\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAIC,MAAM,KAAM;EACrC,oBAAoB,EAAE;IACpB,kCAAkC,EAAE,CAAC,CAAC;IAEtC,kBAAkB,EAAE;MAClB,eAAe,EAAE,CAAC,CAAC;MAEnB,cAAc,EAAE;QACd,eAAe,EAAE,CAAC;MACpB;IACF;EACF,CAAC;EACD,cAAc,EAAAC,QAAA;IACZ,0DAA0D,EAAE,CAAC,CAAC;IAC9D,2CAA2C,EAAE,CAAC,CAAC;IAC/C;IACA;;IAEAC,MAAM,EAAE,0BAA0B;IAElC,gFAAgF,EAAE;MAChFC,eAAe,EAAE,cAAc;MAC/B,qBAAqB,EAAE;QACrBC,SAAS,EAAE;MACb,CAAC;MACD,qBAAqB,EAAE;QACrBA,SAAS,EAAE;MACb,CAAC;MACD,qBAAqB,EAAE;QACrBA,SAAS,EAAE;MACb;IACF,CAAC;IAED,wCAAwC,EAAE;MACxC,0BAA0B,EAAE,CAAC,CAAC;MAC9B,kCAAkC,EAAE,CAAC,CAAC;MACtC,qCAAqC,EAAE,CAAC;IAC1C,CAAC;IAED,4GAA4G,EAAE;MAC5G,8BAA8B,EAAE,CAAC;IACnC,CAAC;IACD,uHAAuH,EACrH;MACE,8BAA8B,EAAE,CAAC;IACnC,CAAC;IACH,0HAA0H,EACxH;MACE,oBAAoB,EAAE,CAAC;IACzB;EAAC,GAGAJ,MAAM,CAACK,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAN,QAAA,KACTK,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,kBAAgBA,KAAK,GAAK,CAAC;;MAE3B;MACA;MACA;MACA;MACA;IACF;EAAC,EACD,EACF,CAAC,CAAC,CACH;IAED;IACA,YAAY,EAAE;MACZ,2BAA2B,EAAE,CAAC,CAAC;MAE/B,GAAG,EAAE;QACHJ,eAAe,EAAE;MACnB;IACF,CAAC;IAED,kEAAkE,EAAE;MAClE,uBAAuB,EAAE,CAAC;IAC5B,CAAC;IAED;IACA,MAAM,EAAE;MACNK,MAAM,EAAE,SAAS;MACjBC,KAAK,EAAE;IACT,CAAC;IAED,MAAM,EAAE;MACND,MAAM,EAAE,QAAQ;MAChBC,KAAK,EAAE;IACT,CAAC;IAED,MAAM,EAAE;MACND,MAAM,EAAE,SAAS;MACjBC,KAAK,EAAE;IACT;EAAC,EACF;EAED;EACA,kBAAkB,EAAE;IAClB,2GAA2G,EAAE,CAAC,CAAC;IAE/G;IACA,MAAM,EAAE;MACND,MAAM,EAAE,QAAQ;MAChBC,KAAK,EAAE;IACT,CAAC;IAED,MAAM,EAAE;MACND,MAAM,EAAE,MAAM;MACdC,KAAK,EAAE;IACT,CAAC;IAED,MAAM,EAAE;MACND,MAAM,EAAE,QAAQ;MAChBC,KAAK,EAAE;IACT;EACF;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,40 @@
+module.exports = TabMenu = () => ({
+  '.TabMenu': {
+    '.tab-wrapper': {
+      display: 'flex',
+      flexDirection: 'row',
+      margin: 'auto',
+      maxWidth: '140rem',
+      ul: {
+        all: 'unset',
+        display: 'flex'
+      }
+    },
+    '.TabItem': {
+      all: 'unset',
+      height: 65,
+      display: 'flex',
+      padding: '0 1rem',
+      marginRight: '5rem',
+      alignItems: 'center',
+      position: 'relative',
+      cursor: 'pointer',
+      '&.active::after': {
+        content: '""',
+        display: 'block',
+        position: 'absolute',
+        width: '100%',
+        height: 6,
+        background: '#005595',
+        top: '100%',
+        left: 0
+      }
+    },
+    '.underline': {
+      width: '100%',
+      height: 6,
+      background: '#F4F4F4'
+    }
+  }
+});
+//# sourceMappingURL=tab-menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tab-menu.js","names":["module","exports","TabMenu","display","flexDirection","margin","maxWidth","ul","all","height","padding","marginRight","alignItems","position","cursor","content","width","background","top","left"],"sources":["../../../src/components/tab-menu.js"],"sourcesContent":["module.exports = TabMenu = () => ({\r\n  '.TabMenu': {\r\n    '.tab-wrapper': {\r\n      display: 'flex',\r\n      flexDirection: 'row',\r\n      margin: 'auto',\r\n      maxWidth: '140rem',\r\n\r\n      ul: {\r\n        all: 'unset',\r\n        display: 'flex',\r\n      },\r\n    },\r\n\r\n    '.TabItem': {\r\n      all: 'unset',\r\n      height: 65,\r\n      display: 'flex',\r\n      padding: '0 1rem',\r\n      marginRight: '5rem',\r\n      alignItems: 'center',\r\n      position: 'relative',\r\n      cursor: 'pointer',\r\n\r\n      '&.active::after': {\r\n        content: '\"\"',\r\n        display: 'block',\r\n        position: 'absolute',\r\n        width: '100%',\r\n        height: 6,\r\n        background: '#005595',\r\n        top: '100%',\r\n        left: 0,\r\n      },\r\n    },\r\n\r\n    '.underline': {\r\n      width: '100%',\r\n      height: 6,\r\n      background: '#F4F4F4',\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAGA,CAAA,MAAO;EAChC,UAAU,EAAE;IACV,cAAc,EAAE;MACdC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,KAAK;MACpBC,MAAM,EAAE,MAAM;MACdC,QAAQ,EAAE,QAAQ;MAElBC,EAAE,EAAE;QACFC,GAAG,EAAE,OAAO;QACZL,OAAO,EAAE;MACX;IACF,CAAC;IAED,UAAU,EAAE;MACVK,GAAG,EAAE,OAAO;MACZC,MAAM,EAAE,EAAE;MACVN,OAAO,EAAE,MAAM;MACfO,OAAO,EAAE,QAAQ;MACjBC,WAAW,EAAE,MAAM;MACnBC,UAAU,EAAE,QAAQ;MACpBC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,SAAS;MAEjB,iBAAiB,EAAE;QACjBC,OAAO,EAAE,IAAI;QACbZ,OAAO,EAAE,OAAO;QAChBU,QAAQ,EAAE,UAAU;QACpBG,KAAK,EAAE,MAAM;QACbP,MAAM,EAAE,CAAC;QACTQ,UAAU,EAAE,SAAS;QACrBC,GAAG,EAAE,MAAM;QACXC,IAAI,EAAE;MACR;IACF,CAAC;IAED,YAAY,EAAE;MACZH,KAAK,EAAE,MAAM;MACbP,MAAM,EAAE,CAAC;MACTQ,UAAU,EAAE;IACd;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/table.js

@@ -0,0 +1,12 @@
+module.exports = Table = () => ({
+  '.table': {
+    '@apply min-w-full border-collapse border-gray-stroke divide-gray-lighter table-auto': {},
+    '&-item': {
+      '@apply px-6 py-4 border border-gray-stroke whitespace-nowrap': {},
+      '&:nth-child(odd)': {
+        '@apply bg-gray-lighter': {}
+      }
+    }
+  }
+});
+//# sourceMappingURL=table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","names":["module","exports","Table"],"sources":["../../../src/components/table.js"],"sourcesContent":["module.exports = Table = () => ({\r\n  '.table': {\r\n    '@apply min-w-full border-collapse border-gray-stroke divide-gray-lighter table-auto': {},\r\n\r\n    '&-item': {\r\n      '@apply px-6 py-4 border border-gray-stroke whitespace-nowrap': {},\r\n\r\n      '&:nth-child(odd)': {\r\n        '@apply bg-gray-lighter': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAGA,CAAA,MAAO;EAC9B,QAAQ,EAAE;IACR,qFAAqF,EAAE,CAAC,CAAC;IAEzF,QAAQ,EAAE;MACR,8DAA8D,EAAE,CAAC,CAAC;MAElE,kBAAkB,EAAE;QAClB,wBAAwB,EAAE,CAAC;MAC7B;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/tag.js

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

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

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

package/dist/esm/components/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,69 @@
+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,
+      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","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');\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":"AAAA,IAAMA,MAAM,GAAGC,OAAO,CAAC,oBAAoB,CAAC;AAE5C,IAAMC,IAAI,GAAGD,OAAO,CAAC,QAAQ,CAAC;AAC9B,IAAME,MAAM,GAAGF,OAAO,CAAC,UAAU,CAAC;;AAElC;AACA;AACA;AACA;AACA,IAAMG,KAAK,GAAGH,OAAO,CAAC,oBAAoB,CAAC;AAC3C,IAAMI,WAAW,GAAGJ,OAAO,CAAC,2BAA2B,CAAC;AACxD,IAAMK,KAAK,GAAGL,OAAO,CAAC,oBAAoB,CAAC;AAC3C,IAAMM,UAAU,GAAGN,OAAO,CAAC,yBAAyB,CAAC;AACrD,IAAMO,WAAW,GAAGP,OAAO,CAAC,2BAA2B,CAAC;AAExD,IAAMQ,QAAQ,GAAGR,OAAO,CAAC,uBAAuB,CAAC;AACjD,IAAMS,WAAW,GAAGT,OAAO,CAAC,2BAA2B,CAAC;AACxD,IAAMU,MAAM,GAAGV,OAAO,CAAC,qBAAqB,CAAC;AAC7C,IAAMW,GAAG,GAAGX,OAAO,CAAC,kBAAkB,CAAC;AACvC,IAAMY,KAAK,GAAGZ,OAAO,CAAC,oBAAoB,CAAC;AAC3C,IAAMa,QAAQ,GAAGb,OAAO,CAAC,uBAAuB,CAAC;AACjD,IAAMc,IAAI,GAAGd,OAAO,CAAC,mBAAmB,CAAC;AACzC,IAAMe,IAAI,GAAGf,OAAO,CAAC,mBAAmB,CAAC;AACzC,IAAMgB,OAAO,GAAGhB,OAAO,CAAC,sBAAsB,CAAC;AAC/C,IAAMiB,YAAY,GAAGjB,OAAO,CAAC,2BAA2B,CAAC;AACzD,IAAMkB,KAAK,GAAGlB,OAAO,CAAC,oBAAoB,CAAC;AAC3C,IAAMmB,MAAM,GAAGnB,OAAO,CAAC,qBAAqB,CAAC;AAE7C,IAAMoB,MAAM,GAAGpB,OAAO,CAAC,qBAAqB,CAAC;AAC7C,IAAMqB,SAAS,GAAGrB,OAAO,CAAC,wBAAwB,CAAC;AACnD,IAAMsB,IAAI,GAAGtB,OAAO,CAAC,mBAAmB,CAAC;AACzC,IAAMuB,KAAK,GAAGvB,OAAO,CAAC,oBAAoB,CAAC;AAC3C,IAAMwB,UAAU,GAAGxB,OAAO,CAAC,yBAAyB,CAAC;AAErD,IAAMyB,KAAK,GAAGzB,OAAO,CAAC,oBAAoB,CAAC;AAC3C,IAAM0B,aAAa,GAAG1B,OAAO,CAAC,6BAA6B,CAAC;AAC5D,IAAM2B,OAAO,GAAG3B,OAAO,CAAC,sBAAsB,CAAC;AAE/C,IAAM4B,QAAQ,GAAG5B,OAAO,CAAC,wBAAwB,CAAC;AAClD,IAAM6B,OAAO,GAAG7B,OAAO,CAAC,uBAAuB,CAAC;AAChD,IAAM8B,QAAQ,GAAG9B,OAAO,CAAC,wBAAwB,CAAC;AAElD,IAAM+B,cAAc,GAAG/B,OAAO,CAAC,8BAA8B,CAAC;AAE9D,IAAMgC,GAAG,GAAGhC,OAAO,CAAC,kBAAkB,CAAC;AACvC,IAAMiC,UAAU,GAAGjC,OAAO,CAAC,yBAAyB,CAAC;AACrD,IAAMkC,MAAM,GAAGlC,OAAO,CAAC,qBAAqB,CAAC;AAC7C,IAAMmC,MAAM,GAAGnC,OAAO,CAAC,qBAAqB,CAAC;AAE7C,IAAMoC,SAAS,GAAGpC,OAAO,CAAC,yBAAyB,CAAC;AAEpD,IAAMqC,cAAc,GAAGrC,OAAO,CAAC,8BAA8B,CAAC;AAC9D,IAAMsC,OAAO,GAAGtC,OAAO,CAAC,sBAAsB,CAAC;AAE/C,IAAMuC,UAAU,GAAG,CACjBpC,KAAK,EACLC,WAAW,EACXC,KAAK,EACLC,UAAU,EACVC,WAAW,EACXa,MAAM,EACNZ,QAAQ,EACRC,WAAW,EACXC,MAAM,EACNC,GAAG,EACHC,KAAK,EACLC,QAAQ,EACRC,IAAI,EACJC,IAAI,EACJC,OAAO,EACPC,YAAY,EACZC,KAAK,EACLC,MAAM,EAENI,KAAK,EACLC,UAAU,EACVE,aAAa,EACbD,KAAK,EAELJ,SAAS,EACTC,IAAI,EACJK,OAAO,EAEPC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EAERC,cAAc,EAEdK,SAAS,EAETJ,GAAG,EACHC,UAAU,EACVC,MAAM,EACNC,MAAM,EAENE,cAAc,EACdC,OAAO,CACR;AAED,IAAME,aAAa,GAAG,CAAC,SAAS,EAAE,WAAW,CAAC;AAE9CC,MAAM,CAACC,OAAO,GAAG3C,MAAM,CAAC4C,WAAW,CACjC,UAAUC,OAAO,EAAkC;EAAA,IAAzCA,OAAO;IAAPA,OAAO,GAAG;MAAEC,MAAM,EAAE,EAAE;MAAEC,OAAO,EAAE;IAAK,CAAC;EAAA;EAC/C,OAAO,UAAAC,IAAA,EAA6C;IAAA,IAAnC;MAAEC,aAAa;MAAEC,OAAO;MAAEC;IAAM,CAAC,GAAAH,IAAA;IAChD,IAAMI,YAAY,GAAG,CAAC,GAAGX,aAAa,EAAE,IAAII,OAAO,CAACC,MAAM,IAAI,EAAE,CAAC,CAAC;IAElE,IAAID,OAAO,CAACE,OAAO,EAAE;MACnBG,OAAO,CAAChD,IAAI,CAAC;IACf;IAEA+C,aAAa,CAACT,UAAU,CAACa,GAAG,CAAEC,SAAS,IAAKA,SAAS,CAACF,YAAY,EAAED,KAAK,CAAC,CAAC,CAAC;EAC9E,CAAC;AACH,CAAC,EACD,YAAY;EACV,OAAOhD,MAAM;AACf,CAAC,CACF"}

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"}