@sk-web-gui/core 0.1.93 → 1.0.0

package/dist/esm/components/zebratable.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"zebratable.js","names":["module","exports","ZebraTable","fontSize"],"sources":["../../../src/components/zebratable.js"],"sourcesContent":["module.exports = ZebraTable = () => ({\r\n  '.sk-zebratable': {\r\n    '@apply w-full text-left table-auto': {},\r\n\r\n    '&-thead': {\r\n      '&-tr': {\r\n        '@apply text-sm hidden lg:table-row': {},\r\n      },\r\n\r\n      '&-th': {\r\n        '@apply py-sm first-of-type:pl-lg': {},\r\n\r\n        \"&[data-isColumnSortable='true']\": {\r\n          '@apply py-sm cursor-pointer': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-sortbutton': {\r\n      '@apply flex items-center': {},\r\n\r\n      '&-icon': {\r\n        '@apply inline-flex pl-sm': {},\r\n\r\n        '.MuiSvgIcon-root': {\r\n          '@apply !text-lg': {},\r\n        },\r\n\r\n        '&-sort': {\r\n          '@apply text-black transform': {},\r\n\r\n          \"&[data-sortmodeascending='true']\": {\r\n            '@apply -rotate-90': {},\r\n          },\r\n\r\n          \"&[data-sortmodeascending='false']\": {\r\n            '@apply rotate-90': {},\r\n          },\r\n        },\r\n\r\n        '&-more': {\r\n          '@apply text-gray': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '.material-icons-outlined': {\r\n      fontSize: '1.25em',\r\n    },\r\n\r\n    '&-tbody': {\r\n      '@apply text-body lg:bg-white': {},\r\n\r\n      '&-tr': {\r\n        '@apply transition-all bg-white lg:even:bg-white lg:odd:bg-gray-100 px-md py-md md:px-lg md:py-lg my-lg first-of-type:mt-0 block shadow-md lg:shadow-none lg:table-row lg:my-0 lg:py-0 lg:px-lg':\r\n          {},\r\n\r\n        '&.highlighted': {\r\n          '@apply lg:border-4 lg:border-hover': {},\r\n        },\r\n      },\r\n\r\n      '&-td': {\r\n        '@apply empty:hidden py-4 px-sm lg:px-0 first-of-type:pl-sm lg:first-of-type:pl-lg last-of-type:px-0 lg:last-of-type:pr-lg last-of-type:text-right block lg:table-cell even:bg-white odd:bg-gray-100 last-of-type:bg-transparent lg:even:bg-transparent lg:odd:bg-transparent':\r\n          {},\r\n      },\r\n    },\r\n\r\n    '&-paginationwrapper': {\r\n      '@apply w-full text-lg flex justify-center lg:justify-start': {},\r\n    },\r\n    '&-pagination': {\r\n      '@apply grow': {},\r\n    },\r\n    '&-pagination-pagesizes': {\r\n      '@apply grow-0 flex gap-xs flex-row justify-end items-center': {},\r\n      '&-label': {\r\n        '@apply font-bold': {},\r\n      },\r\n      '&.-select': {\r\n        '@apply w-auto': {},\r\n      },\r\n    },\r\n\r\n    '&-bottomwrapper': {\r\n      '@apply mt-lg px-lg flex items-center justify-end': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,UAAU,GAAGA,CAAA,MAAO;EACnC,gBAAgB,EAAE;IAChB,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;IACD,cAAc,EAAE;MACd,aAAa,EAAE,CAAC;IAClB,CAAC;IACD,wBAAwB,EAAE;MACxB,6DAA6D,EAAE,CAAC,CAAC;MACjE,SAAS,EAAE;QACT,kBAAkB,EAAE,CAAC;MACvB,CAAC;MACD,WAAW,EAAE;QACX,eAAe,EAAE,CAAC;MACpB;IACF,CAAC;IAED,iBAAiB,EAAE;MACjB,kDAAkD,EAAE,CAAC;IACvD;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"zebratable.js","names":["module","exports","ZebraTable","svg"],"sources":["../../../src/components/zebratable.js"],"sourcesContent":["module.exports = ZebraTable = () => ({\r\n  '.sk-zebratable-wrapper': {\r\n    '@apply rounded-groups': {},\r\n    '@apply border-1': {},\r\n    '@apply bg-background-content': {},\r\n    '&-inside': {\r\n      '@apply border-0 rounded-t-groups': {},\r\n      '@apply overflow-hidden': {},\r\n    },\r\n    '&[data-variant=\"table\"]': {\r\n      '&:not([data-background=\"true\"])': {\r\n        '@apply border-0': {},\r\n        '@apply bg-transparent': {},\r\n      },\r\n      '.sk-zebratable-wrapper-inside': {\r\n        '@apply border-0 rounded-b-groups': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-zebratable': {\r\n    '@apply w-full text-left table-auto': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&-thead': {\r\n      '@apply border-b-1 border-dark-primary': {},\r\n      '@apply h-48': {},\r\n      '&-tr': {\r\n        '@apply table-row': {},\r\n        '@apply text-label-small': {},\r\n      },\r\n\r\n      '&-th': {\r\n        '@apply py-4': {},\r\n\r\n        \"&[data-isColumnSortable='true']\": {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n      '@apply bg-transparent': {},\r\n      '&[data-background=\"true\"]': {\r\n        '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n      },\r\n    },\r\n\r\n    '&-sortbutton': {\r\n      '@apply flex items-center': {},\r\n      '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n      '@apply focus-visible:bg-vattjom-background-200': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply px-16': {},\r\n      '@apply h-40': {},\r\n\r\n      '&-icon': {\r\n        '@apply inline-flex pl-sm': {},\r\n\r\n        '&-sort': {\r\n          '@apply text-dark-secondary': {},\r\n          '@apply flex flex-col': {},\r\n\r\n          svg: {\r\n            '@apply h-16 w-16': {},\r\n            '@apply first-of-type:-mb-4': {},\r\n            '@apply last-of-type:-mt-4': {},\r\n          },\r\n\r\n          \"&[data-sortmodeascending='true']\": {\r\n            '> *': {\r\n              '@apply last-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n\r\n          \"&[data-sortmodeascending='false']\": {\r\n            '> *': {\r\n              '@apply first-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-tbody': {\r\n      '@apply text-dark-secondary bg-transparent': {},\r\n\r\n      '&-tr': {\r\n        '@apply bg-transparent': {},\r\n        '@apply hover:bg-background-100': {},\r\n        '@apply border-b-1': {},\r\n        '@apply last-of-type:border-b-transparent': {},\r\n      },\r\n\r\n      '&-td': {\r\n        '@apply py-20 px-18': {},\r\n        '@apply text-small': {},\r\n      },\r\n    },\r\n\r\n    '&[data-dense=\"true\"]': {\r\n      '.sk-zebratable': {\r\n        '&-thead': {\r\n          '&-th': {\r\n            '@apply py-12': {},\r\n          },\r\n        },\r\n        '&-tbody': {\r\n          '&-td': {\r\n            '@apply py-12': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-paginationwrapper': {\r\n      '@apply w-full max-w-[60rem]': {},\r\n      '@apply shrink': {},\r\n    },\r\n\r\n    '&-bottom': {\r\n      '@apply py-14 px-16': {},\r\n      '@apply border-t-1': {},\r\n      '@apply flex flex-row': {},\r\n      '@apply gap-32': {},\r\n      '@apply justify-between items-center': {},\r\n      '&-section': {\r\n        '@apply shrink-0': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply justify-start items-center': {},\r\n        '@apply gap-8': {},\r\n        '&-label': {\r\n          '@apply font-normal': {},\r\n          '@apply text-small': {},\r\n          '@apply shrink-0': {},\r\n        },\r\n      },\r\n      '&-pagination': {\r\n        '@apply grow': {},\r\n        '@apply shrink': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,UAAU,GAAGA,CAAA,MAAO;EACnC,wBAAwB,EAAE;IACxB,uBAAuB,EAAE,CAAC,CAAC;IAC3B,iBAAiB,EAAE,CAAC,CAAC;IACrB,8BAA8B,EAAE,CAAC,CAAC;IAClC,UAAU,EAAE;MACV,kCAAkC,EAAE,CAAC,CAAC;MACtC,wBAAwB,EAAE,CAAC;IAC7B,CAAC;IACD,yBAAyB,EAAE;MACzB,iCAAiC,EAAE;QACjC,iBAAiB,EAAE,CAAC,CAAC;QACrB,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,+BAA+B,EAAE;QAC/B,kCAAkC,EAAE,CAAC;MACvC;IACF;EACF,CAAC;EACD,gBAAgB,EAAE;IAChB,oCAAoC,EAAE,CAAC,CAAC;IACxC,4BAA4B,EAAE,CAAC,CAAC;IAEhC,SAAS,EAAE;MACT,uCAAuC,EAAE,CAAC,CAAC;MAC3C,aAAa,EAAE,CAAC,CAAC;MACjB,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC,CAAC;QACtB,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MAED,MAAM,EAAE;QACN,aAAa,EAAE,CAAC,CAAC;QAEjB,iCAAiC,EAAE;UACjC,uBAAuB,EAAE,CAAC;QAC5B;MACF,CAAC;MACD,uBAAuB,EAAE,CAAC,CAAC;MAC3B,2BAA2B,EAAE;QAC3B,uDAAuD,EAAE,CAAC;MAC5D;IACF,CAAC;IAED,cAAc,EAAE;MACd,0BAA0B,EAAE,CAAC,CAAC;MAC9B,mDAAmD,EAAE,CAAC,CAAC;MACvD,gDAAgD,EAAE,CAAC,CAAC;MACpD,wBAAwB,EAAE,CAAC,CAAC;MAC5B,cAAc,EAAE,CAAC,CAAC;MAClB,aAAa,EAAE,CAAC,CAAC;MAEjB,QAAQ,EAAE;QACR,0BAA0B,EAAE,CAAC,CAAC;QAE9B,QAAQ,EAAE;UACR,4BAA4B,EAAE,CAAC,CAAC;UAChC,sBAAsB,EAAE,CAAC,CAAC;UAE1BC,GAAG,EAAE;YACH,kBAAkB,EAAE,CAAC,CAAC;YACtB,4BAA4B,EAAE,CAAC,CAAC;YAChC,2BAA2B,EAAE,CAAC;UAChC,CAAC;UAED,kCAAkC,EAAE;YAClC,KAAK,EAAE;cACL,qCAAqC,EAAE,CAAC;YAC1C;UACF,CAAC;UAED,mCAAmC,EAAE;YACnC,KAAK,EAAE;cACL,sCAAsC,EAAE,CAAC;YAC3C;UACF;QACF;MACF;IACF,CAAC;IAED,SAAS,EAAE;MACT,2CAA2C,EAAE,CAAC,CAAC;MAE/C,MAAM,EAAE;QACN,uBAAuB,EAAE,CAAC,CAAC;QAC3B,gCAAgC,EAAE,CAAC,CAAC;QACpC,mBAAmB,EAAE,CAAC,CAAC;QACvB,0CAA0C,EAAE,CAAC;MAC/C,CAAC;MAED,MAAM,EAAE;QACN,oBAAoB,EAAE,CAAC,CAAC;QACxB,mBAAmB,EAAE,CAAC;MACxB;IACF,CAAC;IAED,sBAAsB,EAAE;MACtB,gBAAgB,EAAE;QAChB,SAAS,EAAE;UACT,MAAM,EAAE;YACN,cAAc,EAAE,CAAC;UACnB;QACF,CAAC;QACD,SAAS,EAAE;UACT,MAAM,EAAE;YACN,cAAc,EAAE,CAAC;UACnB;QACF;MACF;IACF,CAAC;IAED,qBAAqB,EAAE;MACrB,6BAA6B,EAAE,CAAC,CAAC;MACjC,eAAe,EAAE,CAAC;IACpB,CAAC;IAED,UAAU,EAAE;MACV,oBAAoB,EAAE,CAAC,CAAC;MACxB,mBAAmB,EAAE,CAAC,CAAC;MACvB,sBAAsB,EAAE,CAAC,CAAC;MAC1B,eAAe,EAAE,CAAC,CAAC;MACnB,qCAAqC,EAAE,CAAC,CAAC;MACzC,WAAW,EAAE;QACX,iBAAiB,EAAE,CAAC,CAAC;QACrB,sBAAsB,EAAE,CAAC,CAAC;QAC1B,mCAAmC,EAAE,CAAC,CAAC;QACvC,cAAc,EAAE,CAAC,CAAC;QAClB,SAAS,EAAE;UACT,oBAAoB,EAAE,CAAC,CAAC;UACxB,mBAAmB,EAAE,CAAC,CAAC;UACvB,iBAAiB,EAAE,CAAC;QACtB;MACF,CAAC;MACD,cAAc,EAAE;QACd,aAAa,EAAE,CAAC,CAAC;QACjB,eAAe,EAAE,CAAC;MACpB;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/plugin.js

@@ -8,21 +8,31 @@ var AlertBanner = require('./components/alert-banner');
 var Badge = require('./components/badge');
 var Breadcrumb = require('./components/breadcrumb');
 var ButtonGroup = require('./components/button-group');
+var ComboBox = require('./components/combobox');
 var Comments = require('./components/comments');
 var Checkbox = require('./components/checkbox');
 var ContextMenu = require('./components/context-menu');
 var Dialog = require('./components/dialog');
 var Dot = require('./components/dot');
 var Forms = require('./components/forms');
-var Calendar = require('./components/calendar');
+var Filter = require('./components/filter');
 var Icon = require('./components/icon');
+var Input = require('./components/input');
+var Label = require('./components/label');
 var Link = require('./components/link');
-var Message = require('./components/message');
+var List = require('./components/list');
+var Logo = require('./components/logo');
+var Menubar = require('./components/menubar');
+var MenuVertical = require('./components/menu-vertical');
+var Select = require('./components/select');
+var Snackbar = require('./components/snackbar');
+var Spinner = require('./components/spinner');
 var Notification = require('./components/notification');
 var Radio = require('./components/radio');
 var Switch = require('./components/switch');
 var Button = require('./components/button');
 var Accordion = require('./components/accordion');
+var Avatar = require('./components/avatar');
 var Card = require('./components/card');
 var Table = require('./components/table');
 var ZebraTable = require('./components/zebratable');
@@ -32,17 +42,18 @@ var Divider = require('./components/divider');
 var SideMenu = require('./components/side-menu');
 var TabMenu = require('./components/tab-menu');
 var Tabs = require('./components/tabs');
+var Tooltip = require('./components/tooltip');
 var UserMenu = require('./components/user-menu');
 var DropdownFilter = require('./components/dropdown-filter');
-var Tag = require('./components/tag');
 var Pagination = require('./components/pagination');
+var PopupMenu = require('./components/popup-menu');
 var Footer = require('./components/footer');
 var Header = require('./components/header');
-var SearchBar = require('./components/search-bar');
-var ProfilePicture = require('./components/profile-picture');
-var Profile = require('./components/profile');
-var components = [Alert, AlertBanner, Badge, Breadcrumb, ButtonGroup, Button, Checkbox, Comments, ContextMenu, Dialog, Dot, Forms, Calendar, Icon, Link, Message, Notification, Radio, Switch, Table, ZebraTable, CookieConsent, Modal, Accordion, Card, Divider, SideMenu, TabMenu, Tabs, UserMenu, DropdownFilter, SearchBar, Tag, Pagination, Footer, Header, ProfilePicture, Profile];
-var defaultColors = ['primary', 'secondary'];
+var SearchField = require('./components/search-field');
+var ProgressStepper = require('./components/progress-stepper');
+var ProgressBar = require('./components/progress-bar');
+var components = [Alert, AlertBanner, Badge, Breadcrumb, ButtonGroup, Button, Checkbox, Comments, ContextMenu, Dialog, Dot, Forms, Filter, Icon, Input, Label, Link, List, Logo, Menubar, MenuVertical, Select, Snackbar, Spinner, Notification, Radio, Switch, Table, ZebraTable, CookieConsent, Modal, Accordion, Avatar, Card, Divider, SideMenu, TabMenu, Tabs, Tooltip, UserMenu, DropdownFilter, SearchField, Pagination, PopupMenu, Footer, Header, ProgressStepper, ProgressBar, ComboBox];
+var defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];
 module.exports = plugin.withOptions(function (options) {
   if (options === void 0) {
     options = {

package/dist/esm/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","names":["plugin","require","base","theme","Alert","AlertBanner","Badge","Breadcrumb","ButtonGroup","Comments","Checkbox","ContextMenu","Dialog","Dot","Forms","Calendar","Icon","Link","Message","Notification","Radio","Switch","Button","Accordion","Card","Table","ZebraTable","Modal","CookieConsent","Divider","SideMenu","TabMenu","Tabs","UserMenu","DropdownFilter","Tag","Pagination","Footer","Header","SearchBar","ProfilePicture","Profile","components","defaultColors","module","exports","withOptions","options","colors","cssBase","_ref","addComponents","addBase","optionColors","map","component"],"sources":["../../src/plugin.js"],"sourcesContent":["const plugin = require('tailwindcss/plugin');\r\n\r\nconst base = require('./base');\r\nconst theme = require('./theme');\r\n\r\n// components\r\nconst Alert = require('./components/alert');\r\nconst AlertBanner = require('./components/alert-banner');\r\nconst Badge = require('./components/badge');\r\nconst Breadcrumb = require('./components/breadcrumb');\r\nconst ButtonGroup = require('./components/button-group');\r\nconst Comments = require('./components/comments');\r\nconst Checkbox = require('./components/checkbox');\r\nconst ContextMenu = require('./components/context-menu');\r\nconst Dialog = require('./components/dialog');\r\nconst Dot = require('./components/dot');\r\nconst Forms = require('./components/forms');\r\nconst Calendar = require('./components/calendar');\r\nconst Icon = require('./components/icon');\r\nconst Link = require('./components/link');\r\nconst Message = require('./components/message');\r\nconst Notification = require('./components/notification');\r\nconst Radio = require('./components/radio');\r\nconst Switch = require('./components/switch');\r\n\r\nconst Button = require('./components/button');\r\nconst Accordion = require('./components/accordion');\r\nconst Card = require('./components/card');\r\nconst Table = require('./components/table');\r\nconst ZebraTable = require('./components/zebratable');\r\n\r\nconst Modal = require('./components/modal');\r\nconst CookieConsent = require('./components/cookie-consent');\r\nconst Divider = require('./components/divider');\r\n\r\nconst SideMenu = require('./components/side-menu');\r\nconst TabMenu = require('./components/tab-menu');\r\nconst Tabs = require('./components/tabs');\r\nconst UserMenu = require('./components/user-menu');\r\n\r\nconst DropdownFilter = require('./components/dropdown-filter');\r\n\r\nconst Tag = require('./components/tag');\r\nconst Pagination = require('./components/pagination');\r\nconst Footer = require('./components/footer');\r\nconst Header = require('./components/header');\r\n\r\nconst SearchBar = require('./components/search-bar');\r\n\r\nconst ProfilePicture = require('./components/profile-picture');\r\nconst Profile = require('./components/profile');\r\n\r\nconst components = [\r\n  Alert,\r\n  AlertBanner,\r\n  Badge,\r\n  Breadcrumb,\r\n  ButtonGroup,\r\n  Button,\r\n  Checkbox,\r\n  Comments,\r\n  ContextMenu,\r\n  Dialog,\r\n  Dot,\r\n  Forms,\r\n  Calendar,\r\n  Icon,\r\n  Link,\r\n  Message,\r\n  Notification,\r\n  Radio,\r\n  Switch,\r\n\r\n  Table,\r\n  ZebraTable,\r\n  CookieConsent,\r\n  Modal,\r\n\r\n  Accordion,\r\n  Card,\r\n  Divider,\r\n\r\n  SideMenu,\r\n  TabMenu,\r\n  Tabs,\r\n  UserMenu,\r\n\r\n  DropdownFilter,\r\n\r\n  SearchBar,\r\n\r\n  Tag,\r\n  Pagination,\r\n  Footer,\r\n  Header,\r\n\r\n  ProfilePicture,\r\n  Profile,\r\n];\r\n\r\nconst defaultColors = ['primary', 'secondary'];\r\n\r\nmodule.exports = plugin.withOptions(\r\n  function (options = { colors: [], cssBase: true }) {\r\n    return function ({ addComponents, addBase, theme }) {\r\n      const optionColors = [...defaultColors, ...(options.colors || [])];\r\n\r\n      if (options.cssBase) {\r\n        addBase(base);\r\n      }\r\n\r\n      addComponents(components.map((component) => component(optionColors, theme)));\r\n    };\r\n  },\r\n  function () {\r\n    return {\r\n      theme: theme,\r\n    };\r\n  }\r\n);\r\n"],"mappings":"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"}
+{"version":3,"file":"plugin.js","names":["plugin","require","base","theme","Alert","AlertBanner","Badge","Breadcrumb","ButtonGroup","ComboBox","Comments","Checkbox","ContextMenu","Dialog","Dot","Forms","Filter","Icon","Input","Label","Link","List","Logo","Menubar","MenuVertical","Select","Snackbar","Spinner","Notification","Radio","Switch","Button","Accordion","Avatar","Card","Table","ZebraTable","Modal","CookieConsent","Divider","SideMenu","TabMenu","Tabs","Tooltip","UserMenu","DropdownFilter","Pagination","PopupMenu","Footer","Header","SearchField","ProgressStepper","ProgressBar","components","defaultColors","module","exports","withOptions","options","colors","cssBase","_ref","addComponents","addBase","optionColors","map","component"],"sources":["../../src/plugin.js"],"sourcesContent":["const plugin = require('tailwindcss/plugin');\r\n\r\nconst base = require('./base');\r\nconst theme = require('./theme');\r\n\r\n// components\r\nconst Alert = require('./components/alert');\r\nconst AlertBanner = require('./components/alert-banner');\r\nconst Badge = require('./components/badge');\r\nconst Breadcrumb = require('./components/breadcrumb');\r\nconst ButtonGroup = require('./components/button-group');\r\nconst ComboBox = require('./components/combobox');\r\nconst Comments = require('./components/comments');\r\nconst Checkbox = require('./components/checkbox');\r\nconst ContextMenu = require('./components/context-menu');\r\nconst Dialog = require('./components/dialog');\r\nconst Dot = require('./components/dot');\r\nconst Forms = require('./components/forms');\r\nconst Filter = require('./components/filter');\r\nconst Icon = require('./components/icon');\r\nconst Input = require('./components/input');\r\nconst Label = require('./components/label');\r\nconst Link = require('./components/link');\r\nconst List = require('./components/list');\r\nconst Logo = require('./components/logo');\r\nconst Menubar = require('./components/menubar');\r\nconst MenuVertical = require('./components/menu-vertical');\r\nconst Select = require('./components/select');\r\nconst Snackbar = require('./components/snackbar');\r\nconst Spinner = require('./components/spinner');\r\nconst Notification = require('./components/notification');\r\nconst Radio = require('./components/radio');\r\nconst Switch = require('./components/switch');\r\n\r\nconst Button = require('./components/button');\r\nconst Accordion = require('./components/accordion');\r\nconst Avatar = require('./components/avatar');\r\nconst Card = require('./components/card');\r\nconst Table = require('./components/table');\r\nconst ZebraTable = require('./components/zebratable');\r\n\r\nconst Modal = require('./components/modal');\r\nconst CookieConsent = require('./components/cookie-consent');\r\nconst Divider = require('./components/divider');\r\n\r\nconst SideMenu = require('./components/side-menu');\r\nconst TabMenu = require('./components/tab-menu');\r\nconst Tabs = require('./components/tabs');\r\nconst Tooltip = require('./components/tooltip');\r\nconst UserMenu = require('./components/user-menu');\r\n\r\nconst DropdownFilter = require('./components/dropdown-filter');\r\n\r\nconst Pagination = require('./components/pagination');\r\nconst PopupMenu = require('./components/popup-menu');\r\nconst Footer = require('./components/footer');\r\nconst Header = require('./components/header');\r\n\r\nconst SearchField = require('./components/search-field');\r\n\r\nconst ProgressStepper = require('./components/progress-stepper');\r\nconst ProgressBar = require('./components/progress-bar');\r\n\r\nconst components = [\r\n  Alert,\r\n  AlertBanner,\r\n  Badge,\r\n  Breadcrumb,\r\n  ButtonGroup,\r\n  Button,\r\n  Checkbox,\r\n\r\n  Comments,\r\n  ContextMenu,\r\n  Dialog,\r\n  Dot,\r\n  Forms,\r\n  Filter,\r\n  Icon,\r\n  Input,\r\n  Label,\r\n  Link,\r\n  List,\r\n  Logo,\r\n  Menubar,\r\n  MenuVertical,\r\n  Select,\r\n  Snackbar,\r\n  Spinner,\r\n  Notification,\r\n  Radio,\r\n  Switch,\r\n  Table,\r\n  ZebraTable,\r\n  CookieConsent,\r\n  Modal,\r\n\r\n  Accordion,\r\n  Avatar,\r\n  Card,\r\n  Divider,\r\n\r\n  SideMenu,\r\n  TabMenu,\r\n  Tabs,\r\n  Tooltip,\r\n\r\n  UserMenu,\r\n\r\n  DropdownFilter,\r\n\r\n  SearchField,\r\n\r\n  Pagination,\r\n  PopupMenu,\r\n  Footer,\r\n  Header,\r\n  ProgressStepper,\r\n  ProgressBar,\r\n  ComboBox,\r\n];\r\n\r\nconst defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];\r\n\r\nmodule.exports = plugin.withOptions(\r\n  function (options = { colors: [], cssBase: true }) {\r\n    return function ({ addComponents, addBase, theme }) {\r\n      const optionColors = [...defaultColors, ...(options.colors || [])];\r\n\r\n      if (options.cssBase) {\r\n        addBase(base);\r\n      }\r\n\r\n      addComponents(components.map((component) => component(optionColors, theme)));\r\n    };\r\n  },\r\n  function () {\r\n    return {\r\n      theme: theme,\r\n    };\r\n  }\r\n);\r\n"],"mappings":"AAAA,IAAMA,MAAM,GAAGC,OAAO,CAAC,oBAAoB,CAAC;AAE5C,IAAMC,IAAI,GAAGD,OAAO,CAAC,QAAQ,CAAC;AAC9B,IAAME,KAAK,GAAGF,OAAO,CAAC,SAAS,CAAC;;AAEhC;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;AACxD,IAAMQ,QAAQ,GAAGR,OAAO,CAAC,uBAAuB,CAAC;AACjD,IAAMS,QAAQ,GAAGT,OAAO,CAAC,uBAAuB,CAAC;AACjD,IAAMU,QAAQ,GAAGV,OAAO,CAAC,uBAAuB,CAAC;AACjD,IAAMW,WAAW,GAAGX,OAAO,CAAC,2BAA2B,CAAC;AACxD,IAAMY,MAAM,GAAGZ,OAAO,CAAC,qBAAqB,CAAC;AAC7C,IAAMa,GAAG,GAAGb,OAAO,CAAC,kBAAkB,CAAC;AACvC,IAAMc,KAAK,GAAGd,OAAO,CAAC,oBAAoB,CAAC;AAC3C,IAAMe,MAAM,GAAGf,OAAO,CAAC,qBAAqB,CAAC;AAC7C,IAAMgB,IAAI,GAAGhB,OAAO,CAAC,mBAAmB,CAAC;AACzC,IAAMiB,KAAK,GAAGjB,OAAO,CAAC,oBAAoB,CAAC;AAC3C,IAAMkB,KAAK,GAAGlB,OAAO,CAAC,oBAAoB,CAAC;AAC3C,IAAMmB,IAAI,GAAGnB,OAAO,CAAC,mBAAmB,CAAC;AACzC,IAAMoB,IAAI,GAAGpB,OAAO,CAAC,mBAAmB,CAAC;AACzC,IAAMqB,IAAI,GAAGrB,OAAO,CAAC,mBAAmB,CAAC;AACzC,IAAMsB,OAAO,GAAGtB,OAAO,CAAC,sBAAsB,CAAC;AAC/C,IAAMuB,YAAY,GAAGvB,OAAO,CAAC,4BAA4B,CAAC;AAC1D,IAAMwB,MAAM,GAAGxB,OAAO,CAAC,qBAAqB,CAAC;AAC7C,IAAMyB,QAAQ,GAAGzB,OAAO,CAAC,uBAAuB,CAAC;AACjD,IAAM0B,OAAO,GAAG1B,OAAO,CAAC,sBAAsB,CAAC;AAC/C,IAAM2B,YAAY,GAAG3B,OAAO,CAAC,2BAA2B,CAAC;AACzD,IAAM4B,KAAK,GAAG5B,OAAO,CAAC,oBAAoB,CAAC;AAC3C,IAAM6B,MAAM,GAAG7B,OAAO,CAAC,qBAAqB,CAAC;AAE7C,IAAM8B,MAAM,GAAG9B,OAAO,CAAC,qBAAqB,CAAC;AAC7C,IAAM+B,SAAS,GAAG/B,OAAO,CAAC,wBAAwB,CAAC;AACnD,IAAMgC,MAAM,GAAGhC,OAAO,CAAC,qBAAqB,CAAC;AAC7C,IAAMiC,IAAI,GAAGjC,OAAO,CAAC,mBAAmB,CAAC;AACzC,IAAMkC,KAAK,GAAGlC,OAAO,CAAC,oBAAoB,CAAC;AAC3C,IAAMmC,UAAU,GAAGnC,OAAO,CAAC,yBAAyB,CAAC;AAErD,IAAMoC,KAAK,GAAGpC,OAAO,CAAC,oBAAoB,CAAC;AAC3C,IAAMqC,aAAa,GAAGrC,OAAO,CAAC,6BAA6B,CAAC;AAC5D,IAAMsC,OAAO,GAAGtC,OAAO,CAAC,sBAAsB,CAAC;AAE/C,IAAMuC,QAAQ,GAAGvC,OAAO,CAAC,wBAAwB,CAAC;AAClD,IAAMwC,OAAO,GAAGxC,OAAO,CAAC,uBAAuB,CAAC;AAChD,IAAMyC,IAAI,GAAGzC,OAAO,CAAC,mBAAmB,CAAC;AACzC,IAAM0C,OAAO,GAAG1C,OAAO,CAAC,sBAAsB,CAAC;AAC/C,IAAM2C,QAAQ,GAAG3C,OAAO,CAAC,wBAAwB,CAAC;AAElD,IAAM4C,cAAc,GAAG5C,OAAO,CAAC,8BAA8B,CAAC;AAE9D,IAAM6C,UAAU,GAAG7C,OAAO,CAAC,yBAAyB,CAAC;AACrD,IAAM8C,SAAS,GAAG9C,OAAO,CAAC,yBAAyB,CAAC;AACpD,IAAM+C,MAAM,GAAG/C,OAAO,CAAC,qBAAqB,CAAC;AAC7C,IAAMgD,MAAM,GAAGhD,OAAO,CAAC,qBAAqB,CAAC;AAE7C,IAAMiD,WAAW,GAAGjD,OAAO,CAAC,2BAA2B,CAAC;AAExD,IAAMkD,eAAe,GAAGlD,OAAO,CAAC,+BAA+B,CAAC;AAChE,IAAMmD,WAAW,GAAGnD,OAAO,CAAC,2BAA2B,CAAC;AAExD,IAAMoD,UAAU,GAAG,CACjBjD,KAAK,EACLC,WAAW,EACXC,KAAK,EACLC,UAAU,EACVC,WAAW,EACXuB,MAAM,EACNpB,QAAQ,EAERD,QAAQ,EACRE,WAAW,EACXC,MAAM,EACNC,GAAG,EACHC,KAAK,EACLC,MAAM,EACNC,IAAI,EACJC,KAAK,EACLC,KAAK,EACLC,IAAI,EACJC,IAAI,EACJC,IAAI,EACJC,OAAO,EACPC,YAAY,EACZC,MAAM,EACNC,QAAQ,EACRC,OAAO,EACPC,YAAY,EACZC,KAAK,EACLC,MAAM,EACNK,KAAK,EACLC,UAAU,EACVE,aAAa,EACbD,KAAK,EAELL,SAAS,EACTC,MAAM,EACNC,IAAI,EACJK,OAAO,EAEPC,QAAQ,EACRC,OAAO,EACPC,IAAI,EACJC,OAAO,EAEPC,QAAQ,EAERC,cAAc,EAEdK,WAAW,EAEXJ,UAAU,EACVC,SAAS,EACTC,MAAM,EACNC,MAAM,EACNE,eAAe,EACfC,WAAW,EACX3C,QAAQ,CACT;AAED,IAAM6C,aAAa,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,CAAC;AAE9GC,MAAM,CAACC,OAAO,GAAGxD,MAAM,CAACyD,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;MAAE5D;IAAM,CAAC,GAAA0D,IAAA;IAChD,IAAMG,YAAY,GAAG,CAAC,GAAGV,aAAa,EAAE,IAAII,OAAO,CAACC,MAAM,IAAI,EAAE,CAAC,CAAC;IAElE,IAAID,OAAO,CAACE,OAAO,EAAE;MACnBG,OAAO,CAAC7D,IAAI,CAAC;IACf;IAEA4D,aAAa,CAACT,UAAU,CAACY,GAAG,CAAEC,SAAS,IAAKA,SAAS,CAACF,YAAY,EAAE7D,KAAK,CAAC,CAAC,CAAC;EAC9E,CAAC;AACH,CAAC,EACD,YAAY;EACV,OAAO;IACLA,KAAK,EAAEA;EACT,CAAC;AACH,CACF,CAAC"}

package/dist/esm/theme.js

@@ -1,60 +1,108 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var withOpacity = require('./with-opacity');
+var colors = require('./colors');
+var units = require('./units');
 var {
-  colors
+  screens
 } = require('@sk-web-gui/theme');
-var withOpacity = require('./with-opacity');
 module.exports = {
-  fontSize: {
+  fontSize: _extends({}, units.fontSizes, {
     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'
+    xl: units.fontSizes['h4'],
+    '2xl': units.fontSizes['h3'],
+    '3xl': units.fontSizes['h2'],
+    '4xl': units.fontSizes['h1'],
+    '5xl': units.fontSizes['h3']
+  }),
+  fontFamily: {
+    DEFAULT: ['Arial', 'Helvetica', 'sans-serif'],
+    sans: ['Arial', 'Helvetica', 'sans-serif'],
+    header: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],
+    display: ['Raleway', 'Arial', 'Helvetica', 'sans-serif']
   },
+  screens,
+  borderRadius: _extends({}, units.radius, {
+    base: 'var(--sk-spacing-0)'
+  }),
   extend: {
+    backgroundPosition: _extends({}, Object.keys(units.spacing).reduce((positions, spaceKey) => _extends({}, positions, {
+      ["top-" + spaceKey]: "center top " + units.spacing[spaceKey],
+      ["right-" + spaceKey]: "center right " + units.spacing[spaceKey],
+      ["bottom-" + spaceKey]: "center bottom " + units.spacing[spaceKey],
+      ["left-" + spaceKey]: "center left " + units.spacing[spaceKey]
+    }), {})),
+    boxShadow: {
+      100: ['0 0.6rem 1.6rem 0 rgba(13,13,14, 0.07)', '0 0.181rem 1.2rem 0 rgba(13,13,14, 0.15)', '0 0.075rem 0.2rem 0 rgba(13,13,14, 0.085)', '0 0.027rem 0.072rem 0 rgba(13,13,14, 0.0583)'],
+      200: ['0 1.5rem 2.7rem 0 rgba(13,13,14, 0.1)', '0 0.452rem 1.2rem 0 rgba(13,13,14, 0.06)', '0 0.188rem 0.338rem 0 rgba(13,13,14, 0.03)', '0 0.068rem 0.122rem 0 rgba(13,13,14, 0.02)']
+    },
+    ringColor: _extends({
+      DEFAULT: colors.ring
+    }, colors),
+    ringOffsetWidth: {
+      DEFAULT: '0.2rem'
+    },
+    ringWidth: {
+      DEFAULT: '0.3rem',
+      0: '0px'
+    },
+    ringOpacity: {
+      DEFAULT: 1
+    },
     colors: _extends({}, colors, {
-      current: 'currentColor'
+      current: 'currentColor',
+      gray: _extends({
+        DEFAULT: colors.primitives.gray[600],
+        stroke: colors.divider,
+        middle: colors.primitives.gray[600],
+        light: colors.primitives.gray[300],
+        lighter: colors.primitives.gray[200]
+      }, colors.primitives.gray),
+      hover: colors.primitives.gray[600],
+      background: _extends({}, colors.background, {
+        one: colors.background[100],
+        two: colors.background[200]
+      })
     }),
     cursor: {
-      base: 'var(--vc-cursor)'
+      base: 'var(--tw-cursor)'
     },
-    spacing: {
-      xs: '4px',
-      sm: '8px',
-      md: '16px',
-      lg: '24px',
-      xl: '48px'
+    spacing: _extends({}, units.spacing, {
+      xs: units.spacing[4],
+      sm: units.spacing[8],
+      md: units.spacing[16],
+      lg: units.spacing[24],
+      xl: units.spacing[48]
+    }),
+    maxWidth: {
+      content: '100%'
     },
-    lineHeight: {
-      tiny: '1.4rem',
+    borderRadius: _extends({}, units.radius, {
+      base: 'var(--sk-spacing-0)'
+    }),
+    lineHeight: _extends({}, units.lineHeights, {
       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'
-    },
+      xl: units.lineHeights['h4'],
+      '2xl': units.lineHeights['h3'],
+      '3xl': units.lineHeights['h2'],
+      '4xl': units.lineHeights['h1'],
+      '5xl': units.lineHeights['display-3']
+    }),
     opacity: {
       15: '0.15'
     },
+    borderWidth: {
+      DEFAULT: '0.2rem',
+      1: '0.1rem',
+      2: '0.2rem'
+    },
     backgroundColor: {
-      base: withOpacity('--vc-colors-bg-base'),
-      fill: withOpacity('--vc-colors-bg-fill')
+      base: withOpacity('--sk-colors-primary-surface'),
+      fill: withOpacity('--sk-colors-bg-fill')
     },
     textColor: {
-      foreground: withOpacity('--vc-colors-text-foreground'),
-      muted: withOpacity('--vc-colors-text-muted')
-    },
-    borderRadius: {
-      base: 'var(--vc-rounded)'
+      foreground: withOpacity('--sk-colors-primary-DEFAULT'),
+      muted: withOpacity('--sk-colors-xt-muted')
     },
     zIndex: {
       hide: -1,

package/dist/esm/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":["colors","require","withOpacity","module","exports","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/theme.js"],"sourcesContent":["const { colors } = require('@sk-web-gui/theme');\r\nconst withOpacity = require('./with-opacity');\r\n\r\nmodule.exports = {\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"],"mappings":";AAAA,IAAM;EAAEA;AAAO,CAAC,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AAC/C,IAAMC,WAAW,GAAGD,OAAO,CAAC,gBAAgB,CAAC;AAE7CE,MAAM,CAACC,OAAO,GAAG;EACfC,QAAQ,EAAE;IACRC,IAAI,EAAE,MAAM;IACZC,EAAE,EAAE,QAAQ;IACZC,EAAE,EAAE,QAAQ;IACZC,IAAI,EAAE,QAAQ;IACdC,EAAE,EAAE,QAAQ;IACZC,EAAE,EAAE,QAAQ;IACZ,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE;EACT,CAAC;EACDC,MAAM,EAAE;IACNZ,MAAM,EAAAa,QAAA,KACDb,MAAM;MACTc,OAAO,EAAE;IAAc,EACxB;IACDC,MAAM,EAAE;MACNN,IAAI,EAAE;IACR,CAAC;IACDO,OAAO,EAAE;MACPT,EAAE,EAAE,KAAK;MACTC,EAAE,EAAE,KAAK;MACTS,EAAE,EAAE,MAAM;MACVP,EAAE,EAAE,MAAM;MACVC,EAAE,EAAE;IACN,CAAC;IACDO,UAAU,EAAE;MACVZ,IAAI,EAAE,QAAQ;MACdC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,MAAM;MACVC,IAAI,EAAE,QAAQ;MACdC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZ,KAAK,EAAE,QAAQ;MACf,KAAK,EAAE,MAAM;MACb,KAAK,EAAE,QAAQ;MACf,KAAK,EAAE;IACT,CAAC;IACDQ,OAAO,EAAE;MACP,EAAE,EAAE;IACN,CAAC;IACDC,eAAe,EAAE;MACfX,IAAI,EAAEP,WAAW,CAAC,qBAAqB,CAAC;MACxCmB,IAAI,EAAEnB,WAAW,CAAC,qBAAqB;IACzC,CAAC;IACDoB,SAAS,EAAE;MACTC,UAAU,EAAErB,WAAW,CAAC,6BAA6B,CAAC;MACtDsB,KAAK,EAAEtB,WAAW,CAAC,wBAAwB;IAC7C,CAAC;IACDuB,YAAY,EAAE;MACZhB,IAAI,EAAE;IACR,CAAC;IACDiB,MAAM,EAAE;MACNC,IAAI,EAAE,CAAC,CAAC;MACRC,IAAI,EAAE,CAAC;MACPnB,IAAI,EAAE,CAAC;MACPoB,MAAM,EAAE,EAAE;MACVC,QAAQ,EAAE,IAAI;MACdC,MAAM,EAAE,IAAI;MACZC,MAAM,EAAE,IAAI;MACZC,OAAO,EAAE,IAAI;MACbC,KAAK,EAAE,IAAI;MACXC,OAAO,EAAE,IAAI;MACbC,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE,IAAI;MACXC,OAAO,EAAE;IACX,CAAC;IACDC,SAAS,EAAE;MACT,gBAAgB,EAAE;QAChB,UAAU,EAAE;UACVC,QAAQ,EAAE;QACZ;MACF;IACF,CAAC;IACDC,SAAS,EAAE;MACT,gBAAgB,EAAE;IACpB;EACF;AACF,CAAC"}
+{"version":3,"file":"theme.js","names":["withOpacity","require","colors","units","screens","module","exports","fontSize","_extends","fontSizes","tiny","xs","xl","fontFamily","DEFAULT","sans","header","display","borderRadius","radius","base","extend","backgroundPosition","Object","keys","spacing","reduce","positions","spaceKey","boxShadow","ringColor","ring","ringOffsetWidth","ringWidth","ringOpacity","current","gray","primitives","stroke","divider","middle","light","lighter","hover","background","one","two","cursor","sm","md","lg","maxWidth","content","lineHeight","lineHeights","opacity","borderWidth","backgroundColor","fill","textColor","foreground","muted","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.js"],"sourcesContent":["const withOpacity = require('./with-opacity');\r\nconst colors = require('./colors');\r\nconst units = require('./units');\r\nconst { screens } = require('@sk-web-gui/theme');\r\n\r\nmodule.exports = {\r\n  fontSize: {\r\n    ...units.fontSizes,\r\n    tiny: '1rem',\r\n    xs: '1.2rem',\r\n    xl: units.fontSizes['h4'],\r\n    '2xl': units.fontSizes['h3'],\r\n    '3xl': units.fontSizes['h2'],\r\n    '4xl': units.fontSizes['h1'],\r\n    '5xl': units.fontSizes['h3'],\r\n  },\r\n  fontFamily: {\r\n    DEFAULT: ['Arial', 'Helvetica', 'sans-serif'],\r\n    sans: ['Arial', 'Helvetica', 'sans-serif'],\r\n    header: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n    display: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n  },\r\n  screens,\r\n  borderRadius: {\r\n    ...units.radius,\r\n    base: 'var(--sk-spacing-0)',\r\n  },\r\n\r\n  extend: {\r\n    backgroundPosition: {\r\n      ...Object.keys(units.spacing).reduce(\r\n        (positions, spaceKey) => ({\r\n          ...positions,\r\n          [`top-${spaceKey}`]: `center top ${units.spacing[spaceKey]}`,\r\n          [`right-${spaceKey}`]: `center right ${units.spacing[spaceKey]}`,\r\n          [`bottom-${spaceKey}`]: `center bottom ${units.spacing[spaceKey]}`,\r\n          [`left-${spaceKey}`]: `center left ${units.spacing[spaceKey]}`,\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n    boxShadow: {\r\n      100: [\r\n        '0 0.6rem 1.6rem 0 rgba(13,13,14, 0.07)',\r\n        '0 0.181rem 1.2rem 0 rgba(13,13,14, 0.15)',\r\n        '0 0.075rem 0.2rem 0 rgba(13,13,14, 0.085)',\r\n        '0 0.027rem 0.072rem 0 rgba(13,13,14, 0.0583)',\r\n      ],\r\n      200: [\r\n        '0 1.5rem 2.7rem 0 rgba(13,13,14, 0.1)',\r\n        '0 0.452rem 1.2rem 0 rgba(13,13,14, 0.06)',\r\n        '0 0.188rem 0.338rem 0 rgba(13,13,14, 0.03)',\r\n        '0 0.068rem 0.122rem 0 rgba(13,13,14, 0.02)',\r\n      ],\r\n    },\r\n    ringColor: {\r\n      DEFAULT: colors.ring,\r\n      ...colors,\r\n    },\r\n    ringOffsetWidth: {\r\n      DEFAULT: '0.2rem',\r\n    },\r\n    ringWidth: {\r\n      DEFAULT: '0.3rem',\r\n      0: '0px',\r\n    },\r\n    ringOpacity: {\r\n      DEFAULT: 1,\r\n    },\r\n    colors: {\r\n      ...colors,\r\n      current: 'currentColor',\r\n      gray: {\r\n        DEFAULT: colors.primitives.gray[600],\r\n        stroke: colors.divider,\r\n        middle: colors.primitives.gray[600],\r\n        light: colors.primitives.gray[300],\r\n        lighter: colors.primitives.gray[200],\r\n        ...colors.primitives.gray,\r\n      },\r\n      hover: colors.primitives.gray[600],\r\n      background: {\r\n        ...colors.background,\r\n        one: colors.background[100],\r\n        two: colors.background[200],\r\n      },\r\n    },\r\n    cursor: {\r\n      base: 'var(--tw-cursor)',\r\n    },\r\n    spacing: {\r\n      ...units.spacing,\r\n      xs: units.spacing[4],\r\n      sm: units.spacing[8],\r\n      md: units.spacing[16],\r\n      lg: units.spacing[24],\r\n      xl: units.spacing[48],\r\n    },\r\n    maxWidth: {\r\n      content: '100%',\r\n    },\r\n    borderRadius: {\r\n      ...units.radius,\r\n      base: 'var(--sk-spacing-0)',\r\n    },\r\n    lineHeight: {\r\n      ...units.lineHeights,\r\n      xs: '1.6rem',\r\n      xl: units.lineHeights['h4'],\r\n      '2xl': units.lineHeights['h3'],\r\n      '3xl': units.lineHeights['h2'],\r\n      '4xl': units.lineHeights['h1'],\r\n      '5xl': units.lineHeights['display-3'],\r\n    },\r\n    opacity: {\r\n      15: '0.15',\r\n    },\r\n    borderWidth: {\r\n      DEFAULT: '0.2rem',\r\n      1: '0.1rem',\r\n      2: '0.2rem',\r\n    },\r\n    backgroundColor: {\r\n      base: withOpacity('--sk-colors-primary-surface'),\r\n      fill: withOpacity('--sk-colors-bg-fill'),\r\n    },\r\n    textColor: {\r\n      foreground: withOpacity('--sk-colors-primary-DEFAULT'),\r\n      muted: withOpacity('--sk-colors-xt-muted'),\r\n    },\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"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sk-web-gui/core",
-  "version": "0.1.93",
+  "version": "1.0.0",
   "license": "MIT",
   "main": "src/index.js",
   "module": "dist/esm/index.js",
@@ -26,7 +26,7 @@
     "url": "https://github.com/vechai/sk-web-gui/issues"
   },
   "peerDependencies": {
-    "tailwindcss": "^3.2.7"
+    "tailwindcss": "^3.3.5"
   },
   "devDependencies": {
     "autoprefixer": "^10.4.16",
@@ -34,11 +34,11 @@
     "postcss": "^8.4.31",
     "postcss-import": "^15.1.0",
     "tailwind-scrollbar": "^3.0.5",
-    "tailwindcss": "^3.3.3"
+    "tailwindcss": "^3.3.5"
   },
   "dependencies": {
-    "@sk-web-gui/theme": "0.1.14",
+    "@sk-web-gui/theme": "1.0.0",
     "mini-svg-data-uri": "^1.4.4"
   },
-  "gitHead": "aba6dcf10c25d42b44a4f7a500c1eafdb1911935"
+  "gitHead": "8364bb14200fea471d903d7b225447d4f70b7879"
 }

package/src/base.js

@@ -1,47 +1,47 @@
 module.exports = {
   html: {
-    '@apply text-foreground antialiased bg-base': {},
-    fontSize: '62.5%',
-    lineHeight: '1.5',
+    '@apply text-base antialiased': {},
+    fontSize: '10px',
     textRendering: 'optimizeLegibility',
-    textSizeAdjust: '100%',
     touchAction: 'manipulation',
   },
   body: {
-    '@apply text-base leading-base': {},
+    '@apply text-base bg-background-content': {},
+    '@apply text-body': {},
     position: 'relative',
     minHeight: '100%',
     fontFeatureSettings: "'kern'",
   },
-  'h1,h2,h3,h4,h5,h6': {
-    '@apply font-bold': {},
+  '*': {
+    '@apply focus-visible:ring-ring': {},
+    '@apply focus-visible:ring-offset-background-content': {},
+    '@apply focus-visible:outline-0': {},
   },
   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': {} },
+    '@apply text-small': {},
+  },
+  a: { '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {} },
+  h1: {
+    '@apply text-h1-sm md:text-h1-md xl:text-h1-lg': {},
+    '@apply mb-md': {},
+  },
+  h2: {
+    '@apply text-h2-sm md:text-h2-md xl:text-h2-lg': {},
+  },
+  h3: {
+    '@apply text-h3-sm md:text-h3-md xl:text-h3-lg': {},
+  },
+  'h4,h5,h6': {
+    '@apply text-h4-sm md:text-h4-md xl:text-h4-lg': {},
+  },
+  label: {
+    '@apply text-label-medium': {},
+  },
   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]': {} },
+    p: { '@apply mt-sm text-base': {} },
   },
 };