@sk-web-gui/core 1.0.2 → 1.0.3

package/dist/cjs/components/header.js

@@ -3,8 +3,12 @@ module.exports = Header = function Header() {
     '.sk-header': {
       '@apply bg-background-content p-12 md:px-32 md:pt-24 md:pb-20 xl:pt-32 xl:pb-20 xl:px-80 xl:h-auto xl:min-h-0': {},
       '@apply shadow-100': {},
+      '@apply flex justify-center': {},
+      '@apply w-full': {},
       '&-container': {
-        '@apply flex flex-col gap-20 xl:gap-24': {}
+        '@apply flex flex-col gap-20 xl:gap-24': {},
+        '@apply w-full': {},
+        '@apply max-w-content': {}
       },
       '&-top-content': {
         '@apply flex items-center w-full justify-between m-auto flex-shrink-0 py-4 gap-20': {}

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

@@ -1 +1 @@
-{"version":3,"file":"header.js","names":["module","exports","Header"],"sources":["../../../src/components/header.js"],"sourcesContent":["module.exports = Header = () => ({\r\n  '.sk-header': {\r\n    '@apply bg-background-content p-12 md:px-32 md:pt-24 md:pb-20 xl:pt-32 xl:pb-20 xl:px-80 xl:h-auto xl:min-h-0': {},\r\n    '@apply shadow-100': {},\r\n\r\n    '&-container': {\r\n      '@apply flex flex-col gap-20 xl:gap-24': {},\r\n    },\r\n\r\n    '&-top-content': {\r\n      '@apply flex items-center w-full justify-between m-auto flex-shrink-0 py-4 gap-20': {},\r\n    },\r\n    '&-bottom-content': {\r\n      '@apply hidden md:flex items-center w-full justify-start p-8 xl:p-0': {},\r\n    },\r\n\r\n    '&-usermenu': {\r\n      '@apply hidden xl:flex-shrink md:flex xl:items-center xl:w-auto': {},\r\n\r\n      '&-content': {\r\n        '@apply relative flex flex-grow justify-end items-center xl:w-auto': {},\r\n      },\r\n    },\r\n    '&-mobilemenu': {\r\n      '@apply block md:hidden relative': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAG,SAAAA,OAAA;EAAA,OAAO;IAC/B,YAAY,EAAE;MACZ,8GAA8G,EAAE,CAAC,CAAC;MAClH,mBAAmB,EAAE,CAAC,CAAC;MAEvB,aAAa,EAAE;QACb,uCAAuC,EAAE,CAAC;MAC5C,CAAC;MAED,eAAe,EAAE;QACf,kFAAkF,EAAE,CAAC;MACvF,CAAC;MACD,kBAAkB,EAAE;QAClB,oEAAoE,EAAE,CAAC;MACzE,CAAC;MAED,YAAY,EAAE;QACZ,gEAAgE,EAAE,CAAC,CAAC;QAEpE,WAAW,EAAE;UACX,mEAAmE,EAAE,CAAC;QACxE;MACF,CAAC;MACD,cAAc,EAAE;QACd,iCAAiC,EAAE,CAAC;MACtC;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"header.js","names":["module","exports","Header"],"sources":["../../../src/components/header.js"],"sourcesContent":["module.exports = Header = () => ({\r\n  '.sk-header': {\r\n    '@apply bg-background-content p-12 md:px-32 md:pt-24 md:pb-20 xl:pt-32 xl:pb-20 xl:px-80 xl:h-auto xl:min-h-0': {},\r\n    '@apply shadow-100': {},\r\n    '@apply flex justify-center': {},\r\n    '@apply w-full': {},\r\n\r\n    '&-container': {\r\n      '@apply flex flex-col gap-20 xl:gap-24': {},\r\n      '@apply w-full': {},\r\n      '@apply max-w-content': {},\r\n    },\r\n\r\n    '&-top-content': {\r\n      '@apply flex items-center w-full justify-between m-auto flex-shrink-0 py-4 gap-20': {},\r\n    },\r\n    '&-bottom-content': {\r\n      '@apply hidden md:flex items-center w-full justify-start p-8 xl:p-0': {},\r\n    },\r\n\r\n    '&-usermenu': {\r\n      '@apply hidden xl:flex-shrink md:flex xl:items-center xl:w-auto': {},\r\n\r\n      '&-content': {\r\n        '@apply relative flex flex-grow justify-end items-center xl:w-auto': {},\r\n      },\r\n    },\r\n    '&-mobilemenu': {\r\n      '@apply block md:hidden relative': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAG,SAAAA,OAAA;EAAA,OAAO;IAC/B,YAAY,EAAE;MACZ,8GAA8G,EAAE,CAAC,CAAC;MAClH,mBAAmB,EAAE,CAAC,CAAC;MACvB,4BAA4B,EAAE,CAAC,CAAC;MAChC,eAAe,EAAE,CAAC,CAAC;MAEnB,aAAa,EAAE;QACb,uCAAuC,EAAE,CAAC,CAAC;QAC3C,eAAe,EAAE,CAAC,CAAC;QACnB,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MAED,eAAe,EAAE;QACf,kFAAkF,EAAE,CAAC;MACvF,CAAC;MACD,kBAAkB,EAAE;QAClB,oEAAoE,EAAE,CAAC;MACzE,CAAC;MAED,YAAY,EAAE;QACZ,gEAAgE,EAAE,CAAC,CAAC;QAEpE,WAAW,EAAE;UACX,mEAAmE,EAAE,CAAC;QACxE;MACF,CAAC;MACD,cAAc,EAAE;QACd,iCAAiC,EAAE,CAAC;MACtC;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/zebratable.js

@@ -78,8 +78,15 @@ module.exports = ZebraTable = function ZebraTable() {
           '@apply last-of-type:border-b-transparent': {}
         },
         '&-td': {
-          '@apply py-20 px-18': {},
-          '@apply text-small': {}
+          '@apply text-small': {},
+          '&-content': {
+            '@apply inline-flex': {},
+            '@apply justify-start items-center': {},
+            '@apply gap-8': {},
+            '@apply py-8 px-18': {},
+            '@apply h-[6.3rem]': {},
+            '@apply min-h-[6.3rem]': {}
+          }
         }
       },
       '&[data-dense="true"]': {
@@ -90,8 +97,10 @@ module.exports = ZebraTable = function ZebraTable() {
             }
           },
           '&-tbody': {
-            '&-td': {
-              '@apply py-12': {}
+            '&-td-content': {
+              '@apply py-0': {},
+              '@apply h-[4.7rem]': {},
+              '@apply min-h-[4.7rem]': {}
             }
           }
         }

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

@@ -1 +1 @@
-{"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-4': {},\r\n          },\r\n        },\r\n        '&-tbody': {\r\n          '&-td': {\r\n            '@apply py-12': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-paginationwrapper': {\r\n      '@apply w-full max-w-[60rem]': {},\r\n      '@apply shrink': {},\r\n    },\r\n\r\n    '&-bottom': {\r\n      '@apply py-14 px-16': {},\r\n      '@apply border-t-1': {},\r\n      '@apply flex flex-row': {},\r\n      '@apply gap-32': {},\r\n      '@apply justify-between items-center': {},\r\n      '&-section': {\r\n        '@apply shrink-0': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply justify-start items-center': {},\r\n        '@apply gap-8': {},\r\n        '&-label': {\r\n          '@apply font-normal': {},\r\n          '@apply text-small': {},\r\n          '@apply shrink-0': {},\r\n        },\r\n      },\r\n      '&-pagination': {\r\n        '@apply grow': {},\r\n        '@apply shrink': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"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 text-small': {},\r\n        '&-content': {\r\n          '@apply inline-flex': {},\r\n          '@apply justify-start items-center': {},\r\n          '@apply gap-8': {},\r\n          '@apply py-8 px-18': {},\r\n          '@apply h-[6.3rem]': {},\r\n          '@apply min-h-[6.3rem]': {},\r\n        },\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-4': {},\r\n          },\r\n        },\r\n        '&-tbody': {\r\n          '&-td-content': {\r\n            '@apply py-0': {},\r\n            '@apply h-[4.7rem]': {},\r\n            '@apply min-h-[4.7rem]': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-paginationwrapper': {\r\n      '@apply w-full max-w-[60rem]': {},\r\n      '@apply shrink': {},\r\n    },\r\n\r\n    '&-bottom': {\r\n      '@apply py-14 px-16': {},\r\n      '@apply border-t-1': {},\r\n      '@apply flex flex-row': {},\r\n      '@apply gap-32': {},\r\n      '@apply justify-between items-center': {},\r\n      '&-section': {\r\n        '@apply shrink-0': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply justify-start items-center': {},\r\n        '@apply gap-8': {},\r\n        '&-label': {\r\n          '@apply font-normal': {},\r\n          '@apply text-small': {},\r\n          '@apply shrink-0': {},\r\n        },\r\n      },\r\n      '&-pagination': {\r\n        '@apply grow': {},\r\n        '@apply shrink': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}

package/dist/esm/components/header.js

@@ -2,8 +2,12 @@ module.exports = Header = () => ({
   '.sk-header': {
     '@apply bg-background-content p-12 md:px-32 md:pt-24 md:pb-20 xl:pt-32 xl:pb-20 xl:px-80 xl:h-auto xl:min-h-0': {},
     '@apply shadow-100': {},
+    '@apply flex justify-center': {},
+    '@apply w-full': {},
     '&-container': {
-      '@apply flex flex-col gap-20 xl:gap-24': {}
+      '@apply flex flex-col gap-20 xl:gap-24': {},
+      '@apply w-full': {},
+      '@apply max-w-content': {}
     },
     '&-top-content': {
       '@apply flex items-center w-full justify-between m-auto flex-shrink-0 py-4 gap-20': {}

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

@@ -1 +1 @@
-{"version":3,"file":"header.js","names":["module","exports","Header"],"sources":["../../../src/components/header.js"],"sourcesContent":["module.exports = Header = () => ({\r\n  '.sk-header': {\r\n    '@apply bg-background-content p-12 md:px-32 md:pt-24 md:pb-20 xl:pt-32 xl:pb-20 xl:px-80 xl:h-auto xl:min-h-0': {},\r\n    '@apply shadow-100': {},\r\n\r\n    '&-container': {\r\n      '@apply flex flex-col gap-20 xl:gap-24': {},\r\n    },\r\n\r\n    '&-top-content': {\r\n      '@apply flex items-center w-full justify-between m-auto flex-shrink-0 py-4 gap-20': {},\r\n    },\r\n    '&-bottom-content': {\r\n      '@apply hidden md:flex items-center w-full justify-start p-8 xl:p-0': {},\r\n    },\r\n\r\n    '&-usermenu': {\r\n      '@apply hidden xl:flex-shrink md:flex xl:items-center xl:w-auto': {},\r\n\r\n      '&-content': {\r\n        '@apply relative flex flex-grow justify-end items-center xl:w-auto': {},\r\n      },\r\n    },\r\n    '&-mobilemenu': {\r\n      '@apply block md:hidden relative': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAGA,CAAA,MAAO;EAC/B,YAAY,EAAE;IACZ,8GAA8G,EAAE,CAAC,CAAC;IAClH,mBAAmB,EAAE,CAAC,CAAC;IAEvB,aAAa,EAAE;MACb,uCAAuC,EAAE,CAAC;IAC5C,CAAC;IAED,eAAe,EAAE;MACf,kFAAkF,EAAE,CAAC;IACvF,CAAC;IACD,kBAAkB,EAAE;MAClB,oEAAoE,EAAE,CAAC;IACzE,CAAC;IAED,YAAY,EAAE;MACZ,gEAAgE,EAAE,CAAC,CAAC;MAEpE,WAAW,EAAE;QACX,mEAAmE,EAAE,CAAC;MACxE;IACF,CAAC;IACD,cAAc,EAAE;MACd,iCAAiC,EAAE,CAAC;IACtC;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"header.js","names":["module","exports","Header"],"sources":["../../../src/components/header.js"],"sourcesContent":["module.exports = Header = () => ({\r\n  '.sk-header': {\r\n    '@apply bg-background-content p-12 md:px-32 md:pt-24 md:pb-20 xl:pt-32 xl:pb-20 xl:px-80 xl:h-auto xl:min-h-0': {},\r\n    '@apply shadow-100': {},\r\n    '@apply flex justify-center': {},\r\n    '@apply w-full': {},\r\n\r\n    '&-container': {\r\n      '@apply flex flex-col gap-20 xl:gap-24': {},\r\n      '@apply w-full': {},\r\n      '@apply max-w-content': {},\r\n    },\r\n\r\n    '&-top-content': {\r\n      '@apply flex items-center w-full justify-between m-auto flex-shrink-0 py-4 gap-20': {},\r\n    },\r\n    '&-bottom-content': {\r\n      '@apply hidden md:flex items-center w-full justify-start p-8 xl:p-0': {},\r\n    },\r\n\r\n    '&-usermenu': {\r\n      '@apply hidden xl:flex-shrink md:flex xl:items-center xl:w-auto': {},\r\n\r\n      '&-content': {\r\n        '@apply relative flex flex-grow justify-end items-center xl:w-auto': {},\r\n      },\r\n    },\r\n    '&-mobilemenu': {\r\n      '@apply block md:hidden relative': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAGA,CAAA,MAAO;EAC/B,YAAY,EAAE;IACZ,8GAA8G,EAAE,CAAC,CAAC;IAClH,mBAAmB,EAAE,CAAC,CAAC;IACvB,4BAA4B,EAAE,CAAC,CAAC;IAChC,eAAe,EAAE,CAAC,CAAC;IAEnB,aAAa,EAAE;MACb,uCAAuC,EAAE,CAAC,CAAC;MAC3C,eAAe,EAAE,CAAC,CAAC;MACnB,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IAED,eAAe,EAAE;MACf,kFAAkF,EAAE,CAAC;IACvF,CAAC;IACD,kBAAkB,EAAE;MAClB,oEAAoE,EAAE,CAAC;IACzE,CAAC;IAED,YAAY,EAAE;MACZ,gEAAgE,EAAE,CAAC,CAAC;MAEpE,WAAW,EAAE;QACX,mEAAmE,EAAE,CAAC;MACxE;IACF,CAAC;IACD,cAAc,EAAE;MACd,iCAAiC,EAAE,CAAC;IACtC;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/zebratable.js

@@ -77,8 +77,15 @@ module.exports = ZebraTable = () => ({
         '@apply last-of-type:border-b-transparent': {}
       },
       '&-td': {
-        '@apply py-20 px-18': {},
-        '@apply text-small': {}
+        '@apply text-small': {},
+        '&-content': {
+          '@apply inline-flex': {},
+          '@apply justify-start items-center': {},
+          '@apply gap-8': {},
+          '@apply py-8 px-18': {},
+          '@apply h-[6.3rem]': {},
+          '@apply min-h-[6.3rem]': {}
+        }
       }
     },
     '&[data-dense="true"]': {
@@ -89,8 +96,10 @@ module.exports = ZebraTable = () => ({
           }
         },
         '&-tbody': {
-          '&-td': {
-            '@apply py-12': {}
+          '&-td-content': {
+            '@apply py-0': {},
+            '@apply h-[4.7rem]': {},
+            '@apply min-h-[4.7rem]': {}
           }
         }
       }

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

@@ -1 +1 @@
-{"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-4': {},\r\n          },\r\n        },\r\n        '&-tbody': {\r\n          '&-td': {\r\n            '@apply py-12': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-paginationwrapper': {\r\n      '@apply w-full max-w-[60rem]': {},\r\n      '@apply shrink': {},\r\n    },\r\n\r\n    '&-bottom': {\r\n      '@apply py-14 px-16': {},\r\n      '@apply border-t-1': {},\r\n      '@apply flex flex-row': {},\r\n      '@apply gap-32': {},\r\n      '@apply justify-between items-center': {},\r\n      '&-section': {\r\n        '@apply shrink-0': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply justify-start items-center': {},\r\n        '@apply gap-8': {},\r\n        '&-label': {\r\n          '@apply font-normal': {},\r\n          '@apply text-small': {},\r\n          '@apply shrink-0': {},\r\n        },\r\n      },\r\n      '&-pagination': {\r\n        '@apply grow': {},\r\n        '@apply shrink': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"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 text-small': {},\r\n        '&-content': {\r\n          '@apply inline-flex': {},\r\n          '@apply justify-start items-center': {},\r\n          '@apply gap-8': {},\r\n          '@apply py-8 px-18': {},\r\n          '@apply h-[6.3rem]': {},\r\n          '@apply min-h-[6.3rem]': {},\r\n        },\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-4': {},\r\n          },\r\n        },\r\n        '&-tbody': {\r\n          '&-td-content': {\r\n            '@apply py-0': {},\r\n            '@apply h-[4.7rem]': {},\r\n            '@apply min-h-[4.7rem]': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-paginationwrapper': {\r\n      '@apply w-full max-w-[60rem]': {},\r\n      '@apply shrink': {},\r\n    },\r\n\r\n    '&-bottom': {\r\n      '@apply py-14 px-16': {},\r\n      '@apply border-t-1': {},\r\n      '@apply flex flex-row': {},\r\n      '@apply gap-32': {},\r\n      '@apply justify-between items-center': {},\r\n      '&-section': {\r\n        '@apply shrink-0': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply justify-start items-center': {},\r\n        '@apply gap-8': {},\r\n        '&-label': {\r\n          '@apply font-normal': {},\r\n          '@apply text-small': {},\r\n          '@apply shrink-0': {},\r\n        },\r\n      },\r\n      '&-pagination': {\r\n        '@apply grow': {},\r\n        '@apply shrink': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}

package/dist/types/base.d.ts

@@ -0,0 +1,52 @@
+declare const _exports: {
+    html: {
+        '@apply text-base antialiased': {};
+        fontSize: string;
+        textRendering: string;
+        touchAction: string;
+    };
+    body: {
+        '@apply text-base bg-background-content': {};
+        '@apply text-body': {};
+        position: string;
+        minHeight: string;
+        fontFeatureSettings: string;
+    };
+    '*': {
+        '@apply focus-visible:ring-ring': {};
+        '@apply focus-visible:ring-offset-background-content': {};
+        '@apply focus-visible:outline-0': {};
+    };
+    small: {
+        '@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]': {};
+        p: {
+            '@apply mt-sm text-base': {};
+        };
+    };
+};
+export = _exports;