@sk-web-gui/core 2.0.0 → 2.0.1

package/dist/cjs/components/alert-banner.js

@@ -19,7 +19,7 @@ module.exports = Modal = function Modal() {
       }
     },
     '.tab': {
-      '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-button shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {}
+      '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-3xl shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {}
     }
   };
 };

package/dist/cjs/components/alert-banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-banner.js","names":["module","exports","Modal"],"sources":["../../../src/components/alert-banner.js"],"sourcesContent":["module.exports = Modal = () => ({\r\n  '.alert-banner': {\r\n    '@apply p-md': {},\r\n\r\n    '&-content': {\r\n      '@apply w-full m-auto flex': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply flex-grow flex': {},\r\n      },\r\n    },\r\n\r\n    '&-icon': {\r\n      '@apply mr-[10px]': {},\r\n    },\r\n\r\n    '&-children': {\r\n      '@apply w-full underline inline-block max-w-[800px] text-body text-base': {},\r\n    },\r\n\r\n    '&-close': {\r\n      '@apply p-4 -m-4 flex flex-col': {},\r\n    },\r\n  },\r\n\r\n  '.tab': {\r\n    '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-button shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {},\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAG,SAAAA,MAAA;EAAA,OAAO;IAC9B,eAAe,EAAE;MACf,aAAa,EAAE,CAAC,CAAC;MAEjB,WAAW,EAAE;QACX,2BAA2B,EAAE,CAAC,CAAC;QAE/B,WAAW,EAAE;UACX,uBAAuB,EAAE,CAAC;QAC5B;MACF,CAAC;MAED,QAAQ,EAAE;QACR,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,YAAY,EAAE;QACZ,wEAAwE,EAAE,CAAC;MAC7E,CAAC;MAED,SAAS,EAAE;QACT,+BAA+B,EAAE,CAAC;MACpC;IACF,CAAC;IAED,MAAM,EAAE;MACN,sGAAsG,EAAE,CAAC;IAC3G;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"alert-banner.js","names":["module","exports","Modal"],"sources":["../../../src/components/alert-banner.js"],"sourcesContent":["module.exports = Modal = () => ({\r\n  '.alert-banner': {\r\n    '@apply p-md': {},\r\n\r\n    '&-content': {\r\n      '@apply w-full m-auto flex': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply flex-grow flex': {},\r\n      },\r\n    },\r\n\r\n    '&-icon': {\r\n      '@apply mr-[10px]': {},\r\n    },\r\n\r\n    '&-children': {\r\n      '@apply w-full underline inline-block max-w-[800px] text-body text-base': {},\r\n    },\r\n\r\n    '&-close': {\r\n      '@apply p-4 -m-4 flex flex-col': {},\r\n    },\r\n  },\r\n\r\n  '.tab': {\r\n    '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-3xl shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {},\r\n  },\r\n  \r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAG,SAAAA,MAAA;EAAA,OAAO;IAC9B,eAAe,EAAE;MACf,aAAa,EAAE,CAAC,CAAC;MAEjB,WAAW,EAAE;QACX,2BAA2B,EAAE,CAAC,CAAC;QAE/B,WAAW,EAAE;UACX,uBAAuB,EAAE,CAAC;QAC5B;MACF,CAAC;MAED,QAAQ,EAAE;QACR,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,YAAY,EAAE;QACZ,wEAAwE,EAAE,CAAC;MAC7E,CAAC;MAED,SAAS,EAAE;QACT,+BAA+B,EAAE,CAAC;MACpC;IACF,CAAC;IAED,MAAM,EAAE;MACN,mGAAmG,EAAE,CAAC;IACxG;EAEF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/calendar.js

@@ -0,0 +1,67 @@
+module.exports = Calendar = function Calendar() {
+  return {
+    // Month row
+    '.MuiCalendarPicker-root > div:first-of-type': {
+      '@apply ml-2 -mr-2 px-10': {}
+    },
+    // Month
+    '.MuiCalendarPicker-root > div:first-of-type > div': {
+      '@apply font-bold text-base text-body': {}
+    },
+    // Arrow switchers
+    '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root .MuiSvgIcon-root': {
+      '@apply text-body text-lg': {}
+    },
+    '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root': {
+      '@apply border-solid border border-transparent focus:text-transparent hover:text-transparent focus:bg-transparent hover:bg-transparent focus:border-primary hover:border-primary': {}
+    },
+    // Arrow spacer
+    '.MuiCalendarPicker-root .MuiPickersArrowSwitcher-spacer': {
+      '@apply w-11': {}
+    },
+    // Disabled arrow
+    '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root[disabled] .MuiSvgIcon-root': {
+      '@apply text-gray-stroke': {}
+    },
+    // Weekdays
+    '.MuiCalendarPicker-root div > div:first-of-type > .MuiTypography-root': {
+      '@apply font-bold text-body text-base': {}
+    },
+    // Days-Grid
+    '.MuiCalendarPicker-root > div:last-of-type > div:last-of-type': {
+      '@apply min-h-min pb-6': {}
+    },
+    // Day picking
+    '.MuiCalendarPicker-root .MuiPickersDay-root': {
+      '@apply text-base': {}
+    },
+    '.MuiCalendarPicker-root .Mui-disabled': {
+      '@apply text-gray-stroke': {}
+    },
+    // Day picked
+    '.MuiCalendarPicker-root .MuiButtonBase-root.MuiPickersDay-root.Mui-selected': {
+      '@apply bg-background-one text-body focus-visible:bg-background-one hover:bg-background-one focus:bg-background-one': {}
+    },
+    // Day hovered
+    '.MuiCalendarPicker-root .MuiPickersDay-root, .MuiCalendarPicker-root .MuiPickersDay-root.MuiPickersDay-today': {
+      '@apply border-primary border-solid focus-visible:border hover:bg-transparent focus:bg-transparent hover:border': {}
+    },
+    // today
+    '.MuiCalendarPicker-root .MuiPickersDay-root.MuiPickersDay-today': {
+      '@apply border-0 hover:border': {}
+    },
+    '.calendar': {
+      // Input field
+      '.datepicker-input': {
+        '@apply relative': {}
+      },
+      '.datepicker-input input': {
+        '@apply pl-20 cursor-pointer': {}
+      },
+      '.datepicker-input-icon': {
+        '@apply pointer-events-none absolute my-auto top-0 bottom-0 left-md mr-md text-xl fill-body': {}
+      }
+    }
+  };
+};
+//# sourceMappingURL=calendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","names":["module","exports","Calendar"],"sources":["../../../src/components/calendar.js"],"sourcesContent":["module.exports = Calendar = () => ({\r\n  // Month row\r\n  '.MuiCalendarPicker-root > div:first-of-type': {\r\n    '@apply ml-2 -mr-2 px-10': {},\r\n  },\r\n\r\n  // Month\r\n  '.MuiCalendarPicker-root > div:first-of-type > div': {\r\n    '@apply font-bold text-base text-body': {},\r\n  },\r\n\r\n  // Arrow switchers\r\n  '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root .MuiSvgIcon-root': {\r\n    '@apply text-body text-lg': {},\r\n  },\r\n  '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root': {\r\n    '@apply border-solid border border-transparent focus:text-transparent hover:text-transparent focus:bg-transparent hover:bg-transparent focus:border-primary hover:border-primary':\r\n      {},\r\n  },\r\n  // Arrow spacer\r\n  '.MuiCalendarPicker-root .MuiPickersArrowSwitcher-spacer': {\r\n    '@apply w-11': {},\r\n  },\r\n  // Disabled arrow\r\n  '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root[disabled] .MuiSvgIcon-root': {\r\n    '@apply text-gray-stroke': {},\r\n  },\r\n\r\n  // Weekdays\r\n  '.MuiCalendarPicker-root div > div:first-of-type > .MuiTypography-root': {\r\n    '@apply font-bold text-body text-base': {},\r\n  },\r\n\r\n  // Days-Grid\r\n  '.MuiCalendarPicker-root > div:last-of-type > div:last-of-type': {\r\n    '@apply min-h-min pb-6': {},\r\n  },\r\n\r\n  // Day picking\r\n  '.MuiCalendarPicker-root .MuiPickersDay-root': {\r\n    '@apply text-base': {},\r\n  },\r\n  '.MuiCalendarPicker-root .Mui-disabled': {\r\n    '@apply text-gray-stroke': {},\r\n  },\r\n\r\n  // Day picked\r\n  '.MuiCalendarPicker-root .MuiButtonBase-root.MuiPickersDay-root.Mui-selected': {\r\n    '@apply bg-background-one text-body focus-visible:bg-background-one hover:bg-background-one focus:bg-background-one':\r\n      {},\r\n  },\r\n\r\n  // Day hovered\r\n  '.MuiCalendarPicker-root .MuiPickersDay-root, .MuiCalendarPicker-root .MuiPickersDay-root.MuiPickersDay-today': {\r\n    '@apply border-primary border-solid focus-visible:border hover:bg-transparent focus:bg-transparent hover:border':\r\n      {},\r\n  },\r\n\r\n  // today\r\n  '.MuiCalendarPicker-root .MuiPickersDay-root.MuiPickersDay-today': {\r\n    '@apply border-0 hover:border': {},\r\n  },\r\n\r\n  '.calendar': {\r\n    // Input field\r\n    '.datepicker-input': {\r\n      '@apply relative': {},\r\n    },\r\n\r\n    '.datepicker-input input': {\r\n      '@apply pl-20 cursor-pointer': {},\r\n    },\r\n\r\n    '.datepicker-input-icon': {\r\n      '@apply pointer-events-none absolute my-auto top-0 bottom-0 left-md mr-md text-xl fill-body': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAG,SAAAA,SAAA;EAAA,OAAO;IACjC;IACA,6CAA6C,EAAE;MAC7C,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IAED;IACA,mDAAmD,EAAE;MACnD,sCAAsC,EAAE,CAAC;IAC3C,CAAC;IAED;IACA,kFAAkF,EAAE;MAClF,0BAA0B,EAAE,CAAC;IAC/B,CAAC;IACD,iEAAiE,EAAE;MACjE,iLAAiL,EAC/K,CAAC;IACL,CAAC;IACD;IACA,yDAAyD,EAAE;MACzD,aAAa,EAAE,CAAC;IAClB,CAAC;IACD;IACA,4FAA4F,EAAE;MAC5F,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IAED;IACA,uEAAuE,EAAE;MACvE,sCAAsC,EAAE,CAAC;IAC3C,CAAC;IAED;IACA,+DAA+D,EAAE;MAC/D,uBAAuB,EAAE,CAAC;IAC5B,CAAC;IAED;IACA,6CAA6C,EAAE;MAC7C,kBAAkB,EAAE,CAAC;IACvB,CAAC;IACD,uCAAuC,EAAE;MACvC,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IAED;IACA,6EAA6E,EAAE;MAC7E,oHAAoH,EAClH,CAAC;IACL,CAAC;IAED;IACA,8GAA8G,EAAE;MAC9G,gHAAgH,EAC9G,CAAC;IACL,CAAC;IAED;IACA,iEAAiE,EAAE;MACjE,8BAA8B,EAAE,CAAC;IACnC,CAAC;IAED,WAAW,EAAE;MACX;MACA,mBAAmB,EAAE;QACnB,iBAAiB,EAAE,CAAC;MACtB,CAAC;MAED,yBAAyB,EAAE;QACzB,6BAA6B,EAAE,CAAC;MAClC,CAAC;MAED,wBAAwB,EAAE;QACxB,4FAA4F,EAAE,CAAC;MACjG;IACF;EACF,CAAC;AAAA,CAAC"}

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

@@ -1,38 +1,10 @@
 module.exports = ContextMenu = function ContextMenu() {
   return {
     '.context-menu-wrapper': {
-      '@apply relative inline': {},
-      '> a, > button': {
-        '@apply inline-flex': {}
-      },
       '.context-menu-items': {
-        '@apply absolute rounded bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col justify-start items-start': {},
+        '@apply absolute bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col space-y-4 justify-start items-start p-sm': {},
         '.context-menu-item': {
-          '@apply text-base text-body hover:text-white focus-within:text-white min-h-[3.5rem] w-full flex justify-start items-center': {},
-          'a, button': {
-            '@apply text-base font-normal min-h-[3.5rem] py-[0.6rem] items-center w-full rounded-none border-transparent px-md flex justify-start': {},
-            '&.active': {
-              '@apply bg-primary text-white': {}
-            },
-            '.MuiSvgIcon-root': {
-              '@apply text-base': {}
-            }
-          },
-          '&:first-child a,&:first-child button': {
-            '@apply pt-[0.675rem] pb-[0.525rem]': {}
-          },
-          '&:last-child a,&:last-child button': {
-            '@apply pt-[0.525rem] pb-[0.675rem]': {}
-          },
-          '&:only-child a,&:only-child button': {
-            '@apply py-[0.6rem]': {}
-          }
-        },
-        hr: {
-          '@apply mx-sm w-[calc(100%_-_16px)]': {}
-        },
-        '&.right': {
-          '@apply right-0': {}
+          '@apply px-sm': {}
         }
       }
     }

package/dist/cjs/components/context-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.js","names":["module","exports","ContextMenu","hr"],"sources":["../../../src/components/context-menu.js"],"sourcesContent":["module.exports = ContextMenu = () => ({\r\n  '.context-menu-wrapper': {\r\n    '@apply relative inline': {},\r\n\r\n    '> a, > button': {\r\n      '@apply inline-flex': {},\r\n    },\r\n\r\n    '.context-menu-items': {\r\n      '@apply absolute rounded bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col justify-start items-start':\r\n        {},\r\n      '.context-menu-item': {\r\n        '@apply text-base text-body hover:text-white focus-within:text-white min-h-[3.5rem] w-full flex justify-start items-center':\r\n          {},\r\n\r\n        'a, button': {\r\n          '@apply text-base font-normal min-h-[3.5rem] py-[0.6rem] items-center w-full rounded-none border-transparent px-md flex justify-start':\r\n            {},\r\n\r\n          '&.active': {\r\n            '@apply bg-primary text-white': {},\r\n          },\r\n\r\n          '.MuiSvgIcon-root': {\r\n            '@apply text-base': {},\r\n          },\r\n        },\r\n\r\n        '&:first-child a,&:first-child button': {\r\n          '@apply pt-[0.675rem] pb-[0.525rem]': {},\r\n        },\r\n        '&:last-child a,&:last-child button': {\r\n          '@apply pt-[0.525rem] pb-[0.675rem]': {},\r\n        },\r\n        '&:only-child a,&:only-child button': {\r\n          '@apply py-[0.6rem]': {},\r\n        },\r\n      },\r\n\r\n      hr: {\r\n        '@apply mx-sm w-[calc(100%_-_16px)]': {},\r\n      },\r\n\r\n      '&.right': {\r\n        '@apply right-0': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,WAAW,GAAG,SAAAA,YAAA;EAAA,OAAO;IACpC,uBAAuB,EAAE;MACvB,wBAAwB,EAAE,CAAC,CAAC;MAE5B,eAAe,EAAE;QACf,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,qBAAqB,EAAE;QACrB,uHAAuH,EACrH,CAAC,CAAC;QACJ,oBAAoB,EAAE;UACpB,2HAA2H,EACzH,CAAC,CAAC;UAEJ,WAAW,EAAE;YACX,sIAAsI,EACpI,CAAC,CAAC;YAEJ,UAAU,EAAE;cACV,8BAA8B,EAAE,CAAC;YACnC,CAAC;YAED,kBAAkB,EAAE;cAClB,kBAAkB,EAAE,CAAC;YACvB;UACF,CAAC;UAED,sCAAsC,EAAE;YACtC,oCAAoC,EAAE,CAAC;UACzC,CAAC;UACD,oCAAoC,EAAE;YACpC,oCAAoC,EAAE,CAAC;UACzC,CAAC;UACD,oCAAoC,EAAE;YACpC,oBAAoB,EAAE,CAAC;UACzB;QACF,CAAC;QAEDC,EAAE,EAAE;UACF,oCAAoC,EAAE,CAAC;QACzC,CAAC;QAED,SAAS,EAAE;UACT,gBAAgB,EAAE,CAAC;QACrB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"context-menu.js","names":["module","exports","ContextMenu"],"sources":["../../../src/components/context-menu.js"],"sourcesContent":["module.exports = ContextMenu = () => ({\r\n  '.context-menu-wrapper': {\r\n    '.context-menu-items': {\r\n      '@apply absolute bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col space-y-4 justify-start items-start p-sm':\r\n        {},\r\n      '.context-menu-item': {\r\n        '@apply px-sm': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,WAAW,GAAG,SAAAA,YAAA;EAAA,OAAO;IACpC,uBAAuB,EAAE;MACvB,qBAAqB,EAAE;QACrB,8HAA8H,EAC5H,CAAC,CAAC;QACJ,oBAAoB,EAAE;UACpB,cAAc,EAAE,CAAC;QACnB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/message.js

@@ -0,0 +1,52 @@
+module.exports = Message = function Message() {
+  return {
+    '.message': {
+      '@apply max-w-2xl flex items-center font-bold text-sm sm:text-base px-6 py-6 m-2 shadow-lg w-max break-words': {},
+      '@apply text-body bg-white border-l-4': {},
+      // dark
+      '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},
+      '&-text': {
+        '@apply text-left flex-grow': {}
+      },
+      '&-info': {
+        '@apply border-info': {},
+        '.message-icon': {
+          '@apply text-info': {}
+        }
+      },
+      '&-success': {
+        '@apply border-success': {},
+        '.message-icon': {
+          '@apply text-success': {}
+        }
+      },
+      '&-error': {
+        '@apply border-error': {},
+        '.message-icon': {
+          '@apply text-error': {}
+        }
+      },
+      '&-warning': {
+        '@apply border-warning': {},
+        '.message-icon': {
+          '@apply text-warning': {}
+        }
+      }
+    },
+    '.message-icon': {
+      '@apply mr-4 flex-shrink-0 w-10 h-10': {}
+    },
+    '.message-close-button': {
+      '@apply text-body border-transparent flex items-center justify-center transition-all duration-150 rounded-full outline-none cursor-base': {},
+      marginLeft: '0.25em',
+      marginRight: '-0.55em',
+      '&-icon': {
+        '@apply !text-xl': {}
+      },
+      '&-disabled': {
+        '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {}
+      }
+    }
+  };
+};
+//# sourceMappingURL=message.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message.js","names":["module","exports","Message","marginLeft","marginRight"],"sources":["../../../src/components/message.js"],"sourcesContent":["module.exports = Message = () => ({\r\n  '.message': {\r\n    '@apply max-w-2xl flex items-center font-bold text-sm sm:text-base px-6 py-6 m-2 shadow-lg w-max break-words': {},\r\n    '@apply text-body bg-white border-l-4': {},\r\n    // dark\r\n    '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},\r\n\r\n    '&-text': {\r\n      '@apply text-left flex-grow': {},\r\n    },\r\n\r\n    '&-info': {\r\n      '@apply border-info': {},\r\n\r\n      '.message-icon': {\r\n        '@apply text-info': {},\r\n      },\r\n    },\r\n    '&-success': {\r\n      '@apply border-success': {},\r\n\r\n      '.message-icon': {\r\n        '@apply text-success': {},\r\n      },\r\n    },\r\n    '&-error': {\r\n      '@apply border-error': {},\r\n\r\n      '.message-icon': {\r\n        '@apply text-error': {},\r\n      },\r\n    },\r\n    '&-warning': {\r\n      '@apply border-warning': {},\r\n\r\n      '.message-icon': {\r\n        '@apply text-warning': {},\r\n      },\r\n    },\r\n  },\r\n\r\n  '.message-icon': {\r\n    '@apply mr-4 flex-shrink-0 w-10 h-10': {},\r\n  },\r\n\r\n  '.message-close-button': {\r\n    '@apply text-body border-transparent flex items-center justify-center transition-all duration-150 rounded-full outline-none cursor-base':\r\n      {},\r\n    marginLeft: '0.25em',\r\n    marginRight: '-0.55em',\r\n\r\n    '&-icon': {\r\n      '@apply !text-xl': {},\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":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAG,SAAAA,QAAA;EAAA,OAAO;IAChC,UAAU,EAAE;MACV,6GAA6G,EAAE,CAAC,CAAC;MACjH,sCAAsC,EAAE,CAAC,CAAC;MAC1C;MACA,0EAA0E,EAAE,CAAC,CAAC;MAE9E,QAAQ,EAAE;QACR,4BAA4B,EAAE,CAAC;MACjC,CAAC;MAED,QAAQ,EAAE;QACR,oBAAoB,EAAE,CAAC,CAAC;QAExB,eAAe,EAAE;UACf,kBAAkB,EAAE,CAAC;QACvB;MACF,CAAC;MACD,WAAW,EAAE;QACX,uBAAuB,EAAE,CAAC,CAAC;QAE3B,eAAe,EAAE;UACf,qBAAqB,EAAE,CAAC;QAC1B;MACF,CAAC;MACD,SAAS,EAAE;QACT,qBAAqB,EAAE,CAAC,CAAC;QAEzB,eAAe,EAAE;UACf,mBAAmB,EAAE,CAAC;QACxB;MACF,CAAC;MACD,WAAW,EAAE;QACX,uBAAuB,EAAE,CAAC,CAAC;QAE3B,eAAe,EAAE;UACf,qBAAqB,EAAE,CAAC;QAC1B;MACF;IACF,CAAC;IAED,eAAe,EAAE;MACf,qCAAqC,EAAE,CAAC;IAC1C,CAAC;IAED,uBAAuB,EAAE;MACvB,wIAAwI,EACtI,CAAC,CAAC;MACJC,UAAU,EAAE,QAAQ;MACpBC,WAAW,EAAE,SAAS;MAEtB,QAAQ,EAAE;QACR,iBAAiB,EAAE,CAAC;MACtB,CAAC;MAED,YAAY,EAAE;QACZ,6EAA6E,EAAE,CAAC;MAClF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/notification.js

@@ -1,7 +1,7 @@
 module.exports = Notification = function Notification() {
   return {
     '.notification': {
-      '@apply relative flex p-4 text-small w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},
+      '@apply relative flex p-4 text-sm w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},
       '@apply text-body bg-white border border-neutral-200': {},
       // dark
       '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {}
@@ -39,7 +39,7 @@ module.exports = Notification = function Notification() {
       right: 16,
       top: 16,
       '&-undo': {
-        '@apply h-auto p-0 text-small': {}
+        '@apply h-auto p-0 text-sm': {}
       },
       '&-close-button': {
         '@apply cursor-base text-neutral-700 hover:text-body': {},

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

@@ -1 +1 @@
-{"version":3,"file":"notification.js","names":["module","exports","Notification","color","right","top"],"sources":["../../../src/components/notification.js"],"sourcesContent":["module.exports = Notification = () => ({\r\n  '.notification': {\r\n    '@apply relative flex p-4 text-small w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},\r\n    '@apply text-body bg-white border border-neutral-200': {},\r\n    // dark\r\n    '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},\r\n  },\r\n\r\n  '.notification-icon': {\r\n    '@apply flex-shrink-0 w-5 h-5 mr-3': {},\r\n\r\n    '&-info': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(59, 130, 246, var(--tw-text-opacity))',\r\n    },\r\n    '&-success': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(34, 197, 94, var(--tw-text-opacity))',\r\n    },\r\n    '&-error': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\r\n    },\r\n    '&-warning': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(234, 179, 8, var(--tw-text-opacity))',\r\n    },\r\n  },\r\n\r\n  '.notification-content': {\r\n    '@apply flex flex-col items-start flex-1 mr-2 -mt-px text-left': {},\r\n\r\n    '&-title': {\r\n      '@apply font-semibold': {},\r\n    },\r\n\r\n    '&-description': {\r\n      '@apply text-neutral-500 dark:text-neutral-400': {},\r\n    },\r\n  },\r\n\r\n  '.notification-action': {\r\n    '@apply absolute space-x-2': {},\r\n    right: 16,\r\n    top: 16,\r\n\r\n    '&-undo': {\r\n      '@apply h-auto p-0 text-small': {},\r\n    },\r\n\r\n    '&-close-button': {\r\n      '@apply cursor-base text-neutral-700 hover:text-body': {},\r\n      '@apply dark:text-neutral-400 dark:hover:text-neutral-100': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,YAAY,GAAG,SAAAA,aAAA;EAAA,OAAO;IACrC,eAAe,EAAE;MACf,4FAA4F,EAAE,CAAC,CAAC;MAChG,qDAAqD,EAAE,CAAC,CAAC;MACzD;MACA,0EAA0E,EAAE,CAAC;IAC/E,CAAC;IAED,oBAAoB,EAAE;MACpB,mCAAmC,EAAE,CAAC,CAAC;MAEvC,QAAQ,EAAE;QACR,mBAAmB,EAAE,GAAG;QACxBC,KAAK,EAAE;MACT,CAAC;MACD,WAAW,EAAE;QACX,mBAAmB,EAAE,GAAG;QACxBA,KAAK,EAAE;MACT,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,GAAG;QACxBA,KAAK,EAAE;MACT,CAAC;MACD,WAAW,EAAE;QACX,mBAAmB,EAAE,GAAG;QACxBA,KAAK,EAAE;MACT;IACF,CAAC;IAED,uBAAuB,EAAE;MACvB,+DAA+D,EAAE,CAAC,CAAC;MAEnE,SAAS,EAAE;QACT,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MAED,eAAe,EAAE;QACf,+CAA+C,EAAE,CAAC;MACpD;IACF,CAAC;IAED,sBAAsB,EAAE;MACtB,2BAA2B,EAAE,CAAC,CAAC;MAC/BC,KAAK,EAAE,EAAE;MACTC,GAAG,EAAE,EAAE;MAEP,QAAQ,EAAE;QACR,8BAA8B,EAAE,CAAC;MACnC,CAAC;MAED,gBAAgB,EAAE;QAChB,qDAAqD,EAAE,CAAC,CAAC;QACzD,0DAA0D,EAAE,CAAC;MAC/D;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"notification.js","names":["module","exports","Notification","color","right","top"],"sources":["../../../src/components/notification.js"],"sourcesContent":["module.exports = Notification = () => ({\r\n  '.notification': {\r\n    '@apply relative flex p-4 text-sm w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},\r\n    '@apply text-body bg-white border border-neutral-200': {},\r\n    // dark\r\n    '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},\r\n  },\r\n\r\n  '.notification-icon': {\r\n    '@apply flex-shrink-0 w-5 h-5 mr-3': {},\r\n\r\n    '&-info': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(59, 130, 246, var(--tw-text-opacity))',\r\n    },\r\n    '&-success': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(34, 197, 94, var(--tw-text-opacity))',\r\n    },\r\n    '&-error': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\r\n    },\r\n    '&-warning': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(234, 179, 8, var(--tw-text-opacity))',\r\n    },\r\n  },\r\n\r\n  '.notification-content': {\r\n    '@apply flex flex-col items-start flex-1 mr-2 -mt-px text-left': {},\r\n\r\n    '&-title': {\r\n      '@apply font-semibold': {},\r\n    },\r\n\r\n    '&-description': {\r\n      '@apply text-neutral-500 dark:text-neutral-400': {},\r\n    },\r\n  },\r\n\r\n  '.notification-action': {\r\n    '@apply absolute space-x-2': {},\r\n    right: 16,\r\n    top: 16,\r\n\r\n    '&-undo': {\r\n      '@apply h-auto p-0 text-sm': {},\r\n    },\r\n\r\n    '&-close-button': {\r\n      '@apply cursor-base text-neutral-700 hover:text-body': {},\r\n      '@apply dark:text-neutral-400 dark:hover:text-neutral-100': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,YAAY,GAAG,SAAAA,aAAA;EAAA,OAAO;IACrC,eAAe,EAAE;MACf,yFAAyF,EAAE,CAAC,CAAC;MAC7F,qDAAqD,EAAE,CAAC,CAAC;MACzD;MACA,0EAA0E,EAAE,CAAC;IAC/E,CAAC;IAED,oBAAoB,EAAE;MACpB,mCAAmC,EAAE,CAAC,CAAC;MAEvC,QAAQ,EAAE;QACR,mBAAmB,EAAE,GAAG;QACxBC,KAAK,EAAE;MACT,CAAC;MACD,WAAW,EAAE;QACX,mBAAmB,EAAE,GAAG;QACxBA,KAAK,EAAE;MACT,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,GAAG;QACxBA,KAAK,EAAE;MACT,CAAC;MACD,WAAW,EAAE;QACX,mBAAmB,EAAE,GAAG;QACxBA,KAAK,EAAE;MACT;IACF,CAAC;IAED,uBAAuB,EAAE;MACvB,+DAA+D,EAAE,CAAC,CAAC;MAEnE,SAAS,EAAE;QACT,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MAED,eAAe,EAAE;QACf,+CAA+C,EAAE,CAAC;MACpD;IACF,CAAC;IAED,sBAAsB,EAAE;MACtB,2BAA2B,EAAE,CAAC,CAAC;MAC/BC,KAAK,EAAE,EAAE;MACTC,GAAG,EAAE,EAAE;MAEP,QAAQ,EAAE;QACR,2BAA2B,EAAE,CAAC;MAChC,CAAC;MAED,gBAAgB,EAAE;QAChB,qDAAqD,EAAE,CAAC,CAAC;QACzD,0DAA0D,EAAE,CAAC;MAC/D;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/profile-picture.js

@@ -0,0 +1,15 @@
+module.exports = ProfilePicture = function ProfilePicture() {
+  return {
+    '.profile-picture': {
+      '@apply relative overflow-hidden flex-shrink-0 text-xs leading-none flex items-center justify-center text-center w-[48px] h-[48px] mr-sm rounded-full border-2 border-primary': {},
+      '.profile-picture-img': {
+        '@apply bg-cover absolute inset-0 bg-center text-xs leading-none': {}
+      },
+      '.icon': {
+        width: '3.8rem!important',
+        height: '3.8rem!important'
+      }
+    }
+  };
+};
+//# sourceMappingURL=profile-picture.js.map

package/dist/cjs/components/profile-picture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-picture.js","names":["module","exports","ProfilePicture","width","height"],"sources":["../../../src/components/profile-picture.js"],"sourcesContent":["module.exports = ProfilePicture = () => ({\r\n  '.profile-picture': {\r\n    '@apply relative overflow-hidden flex-shrink-0 text-xs leading-none flex items-center justify-center text-center w-[48px] h-[48px] mr-sm rounded-full border-2 border-primary':\r\n      {},\r\n\r\n    '.profile-picture-img': {\r\n      '@apply bg-cover absolute inset-0 bg-center text-xs leading-none': {},\r\n    },\r\n    '.icon': {\r\n      width: '3.8rem!important',\r\n      height: '3.8rem!important',\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,cAAc,GAAG,SAAAA,eAAA;EAAA,OAAO;IACvC,kBAAkB,EAAE;MAClB,8KAA8K,EAC5K,CAAC,CAAC;MAEJ,sBAAsB,EAAE;QACtB,iEAAiE,EAAE,CAAC;MACtE,CAAC;MACD,OAAO,EAAE;QACPC,KAAK,EAAE,kBAAkB;QACzBC,MAAM,EAAE;MACV;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/profile.js

@@ -0,0 +1,34 @@
+module.exports = Profile = function Profile() {
+  return {
+    '.profile-container': {
+      '@apply flex items-center': {},
+      '.profile-title': {
+        '@apply font-bold text-base m-0': {}
+      },
+      '.profile-subtitle': {
+        '@apply text-sm leading-[20px] m-0': {}
+      },
+      '&.minimal': {
+        '.profile-title': {
+          overflow: 'hidden',
+          'text-overflow': 'ellipsis',
+          display: '-webkit-box',
+          '-webkit-line-clamp': '1' /* number of lines to show */,
+          'line-clamp': '1',
+          '-webkit-box-orient': 'vertical'
+        },
+        '.profile-subtitle': {
+          overflow: 'hidden',
+          'text-overflow': 'ellipsis',
+          display: '-webkit-box',
+          '-webkit-line-clamp': '1' /* number of lines to show */,
+          'line-clamp': '1',
+          '-webkit-box-orient': 'vertical'
+        }
+      }
+
+      // '&.truncate': { '@apply truncate pr-md': {} },
+    }
+  };
+};
+//# sourceMappingURL=profile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"profile.js","names":["module","exports","Profile","overflow","display"],"sources":["../../../src/components/profile.js"],"sourcesContent":["module.exports = Profile = () => ({\r\n  '.profile-container': {\r\n    '@apply flex items-center': {},\r\n\r\n    '.profile-title': {\r\n      '@apply font-bold text-base m-0': {},\r\n    },\r\n    '.profile-subtitle': {\r\n      '@apply text-sm leading-[20px] m-0': {},\r\n    },\r\n\r\n    '&.minimal': {\r\n      '.profile-title': {\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      '.profile-subtitle': {\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\r\n    // '&.truncate': { '@apply truncate pr-md': {} },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAG,SAAAA,QAAA;EAAA,OAAO;IAChC,oBAAoB,EAAE;MACpB,0BAA0B,EAAE,CAAC,CAAC;MAE9B,gBAAgB,EAAE;QAChB,gCAAgC,EAAE,CAAC;MACrC,CAAC;MACD,mBAAmB,EAAE;QACnB,mCAAmC,EAAE,CAAC;MACxC,CAAC;MAED,WAAW,EAAE;QACX,gBAAgB,EAAE;UAChBC,QAAQ,EAAE,QAAQ;UAClB,eAAe,EAAE,UAAU;UAC3BC,OAAO,EAAE,aAAa;UACtB,oBAAoB,EAAE,GAAG,CAAC;UAC1B,YAAY,EAAE,GAAG;UACjB,oBAAoB,EAAE;QACxB,CAAC;QACD,mBAAmB,EAAE;UACnBD,QAAQ,EAAE,QAAQ;UAClB,eAAe,EAAE,UAAU;UAC3BC,OAAO,EAAE,aAAa;UACtB,oBAAoB,EAAE,GAAG,CAAC;UAC1B,YAAY,EAAE,GAAG;UACjB,oBAAoB,EAAE;QACxB;MACF;;MAEA;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/search-bar.js

@@ -0,0 +1,8 @@
+module.exports = SearchBar = function SearchBar() {
+  return {
+    '.search-bar': {
+      '@apply w-full relative': {}
+    }
+  };
+};
+//# sourceMappingURL=search-bar.js.map

package/dist/cjs/components/search-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.js","names":["module","exports","SearchBar"],"sources":["../../../src/components/search-bar.js"],"sourcesContent":["module.exports = SearchBar = () => ({\r\n  '.search-bar': {\r\n    '@apply w-full relative': {},\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,SAAS,GAAG,SAAAA,UAAA;EAAA,OAAO;IAClC,aAAa,EAAE;MACb,wBAAwB,EAAE,CAAC;IAC7B;EACF,CAAC;AAAA,CAAC"}

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

@@ -84,7 +84,7 @@ module.exports = Menu = function Menu() {
               '@apply pointer-events-none': {}
             },
             '& > .sk-sidemenu-wrapper::after': {
-              '@apply bg-info-surface-accent block relative w-full h-[44px]': {},
+              '@apply bg-info-light block relative w-full h-[44px]': {},
               content: "''"
             }
           },
@@ -108,7 +108,7 @@ module.exports = Menu = function Menu() {
           }
         },
         '&-separator': {
-          '@apply text-divider': {},
+          '@apply text-svartvik-200': {},
           height: '1px',
           width: '100%',
           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)",
@@ -121,7 +121,7 @@ module.exports = Menu = function Menu() {
             '@apply border-t-0': {}
           },
           '> .sk-sidemenu-wrapper': {
-            '@apply h-[64px] max-h-[64px] border border-divider': {},
+            '@apply h-[64px] max-h-[64px] border border-svartvik-200': {},
             '> .sk-sidemenu-item-link': {
               '@apply  py-md': {},
               paddingLeft: '3.2rem'
@@ -134,14 +134,14 @@ module.exports = Menu = function Menu() {
             '@apply border-t-0': {}
           },
           '> .items': {
-            '@apply border-l border-r border-divider': {}
+            '@apply border-l border-r border-svartvik-200': {}
           },
           '&.open > .items': {
-            '@apply border-b border-divider': {}
+            '@apply border-b border-svartvik-200': {}
           },
           '&.separator': {
             '& + .lvl-0': {
-              '@apply border-t border-divider': {}
+              '@apply border-t border-svartvik-200': {}
             }
           },
           '&.separator > .sk-sidemenu-wrapper': {
@@ -154,7 +154,7 @@ module.exports = Menu = function Menu() {
             '@apply h-[56px] max-h-[56px]': {}
           },
           '&.open > .sk-sidemenu-wrapper': {
-            '@apply border-b border-divider': {}
+            '@apply border-b border-svartvik-200': {}
           },
           '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
             paddingLeft: '4.8rem'

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

@@ -1 +1 @@
-{"version":3,"file":"side-menu.js","names":["module","exports","Menu","span","boxShadow","path","content","svg","height","width","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","paddingLeft"],"sources":["../../../src/components/side-menu.js"],"sourcesContent":["module.exports = Menu = () => ({\r\n  '.sk-sidemenu': {\r\n    '@apply w-[440px]': {},\r\n\r\n    '&-header': {\r\n      '@apply relative 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 leading-[inherit]': {},\r\n\r\n        '&-icon': {\r\n          '@apply !text-xl': {},\r\n        },\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply flex items-center': {},\r\n\r\n        'label, .label': {\r\n          '@apply text-xl font-bold flex items-center w-full': {},\r\n        },\r\n\r\n        span: {\r\n          '@apply ml-auto': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply bg-white h-full': {},\r\n\r\n      '> ul.items': {\r\n        '@apply hidden': {},\r\n      },\r\n\r\n      '&.open > ul.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        '> .sk-sidemenu-wrapper': {\r\n          boxShadow: 'inset 6px 0 0 0 #005595',\r\n          '.sk-sidemenu-item-label': {\r\n            '@apply underline': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '& .sk-sidemenu-wrapper': {\r\n        '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},\r\n\r\n        '.sk-sidemenu-item-link': {\r\n          '@apply flex-grow relative flex items-center text-base text-left justify-start pr-sm h-full': {},\r\n          '@apply focus-visible:z-base': {},\r\n\r\n          '&[aria-disabled=\"true\"]': {\r\n            '@apply text-neutral-600 cursor-not-allowed': {},\r\n\r\n            '.sk-sidemenu-item-label': {\r\n              '@apply text-neutral-600': {},\r\n            },\r\n          },\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          '&[aria-disabled=\"true\"]': {\r\n            '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},\r\n\r\n            path: {\r\n              '@apply fill-gray-stroke': {},\r\n            },\r\n          },\r\n\r\n          path: {\r\n            '@apply fill-primary': {},\r\n          },\r\n\r\n          '&-button': {\r\n            '@apply fill-primary 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 > .sk-sidemenu-wrapper': {\r\n          '@apply border-t': {},\r\n        },\r\n      },\r\n\r\n      '&.draggable': {\r\n        '&.dragenter': {\r\n          '> .sk-sidemenu-wrapper': {\r\n            '@apply h-full max-h-full': {},\r\n          },\r\n          \"> .sk-sidemenu-wrapper > *:not([draggable='true'])\": {\r\n            '@apply pointer-events-none': {},\r\n          },\r\n\r\n          '& > .sk-sidemenu-wrapper::after': {\r\n            '@apply bg-info-surface-accent 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        '& .sk-sidemenu-menuitem-movebutton': {\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\r\n          '&[aria-disabled=\"true\"]': {\r\n            '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},\r\n          },\r\n        },\r\n\r\n        '&.separator': {\r\n          '@apply bg-transparent relative': {},\r\n\r\n          '> div.sk-sidemenu-wrapper, > .sk-sidemenu-item-link': {\r\n            '@apply h-[44px]': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&-separator': {\r\n        '@apply text-divider': {},\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 > .sk-sidemenu-wrapper': {\r\n          '@apply border-t-0': {},\r\n        },\r\n        '> .sk-sidemenu-wrapper': {\r\n          '@apply h-[64px] max-h-[64px] border border-divider': {},\r\n\r\n          '> .sk-sidemenu-item-link': {\r\n            '@apply  py-md': {},\r\n            paddingLeft: '3.2rem',\r\n          },\r\n        },\r\n\r\n        '.sk-sidemenu-item-link': {\r\n          '@apply h-[64px] max-h-[64px]': {},\r\n        },\r\n\r\n        '& + .sk-sidemenu-item > .sk-sidemenu-wrapper': {\r\n          '@apply border-t-0': {},\r\n        },\r\n\r\n        '> .items': {\r\n          '@apply border-l border-r border-divider': {},\r\n        },\r\n\r\n        '&.open > .items': {\r\n          '@apply border-b border-divider': {},\r\n        },\r\n\r\n        '&.separator': {\r\n          '& + .lvl-0': {\r\n            '@apply border-t border-divider': {},\r\n          },\r\n        },\r\n\r\n        '&.separator > .sk-sidemenu-wrapper': {\r\n          '@apply border-0': {},\r\n        },\r\n      },\r\n\r\n      '&.lvl-1': {\r\n        '@apply bg-gray-lighter': {},\r\n\r\n        '> .sk-sidemenu-wrapper, .sk-sidemenu-item-link': {\r\n          '@apply h-[56px] max-h-[56px]': {},\r\n        },\r\n\r\n        '&.open > .sk-sidemenu-wrapper': {\r\n          '@apply border-b border-divider': {},\r\n        },\r\n\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '4.8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-2': {\r\n        '.sk-sidemenu-wrapper': {\r\n          '@apply bg-gray-middle h-[48px] max-h-[48px]': {},\r\n\r\n          '> .sk-sidemenu-item-link': {\r\n            '@apply h-[48px] max-h-[48px]': {},\r\n          },\r\n        },\r\n\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '6.4rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-3': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-4': {\r\n        '.sk-sidemenu-wrapper': {\r\n          '@apply bg-[#d4d4d4]': {},\r\n        },\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '9.6rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-5': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '11.2rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-6': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '12.8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-7': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '14.4rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-8': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '16rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-9': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '17.6rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-10': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '19.2rem',\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"side-menu.js","names":["module","exports","Menu","span","boxShadow","path","content","svg","height","width","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","paddingLeft"],"sources":["../../../src/components/side-menu.js"],"sourcesContent":["module.exports = Menu = () => ({\r\n  '.sk-sidemenu': {\r\n    '@apply w-[440px]': {},\r\n\r\n    '&-header': {\r\n      '@apply relative 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 leading-[inherit]': {},\r\n\r\n        '&-icon': {\r\n          '@apply !text-xl': {},\r\n        },\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply flex items-center': {},\r\n\r\n        'label, .label': {\r\n          '@apply text-xl font-bold flex items-center w-full': {},\r\n        },\r\n\r\n        span: {\r\n          '@apply ml-auto': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply bg-white h-full': {},\r\n\r\n      '> ul.items': {\r\n        '@apply hidden': {},\r\n      },\r\n\r\n      '&.open > ul.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        '> .sk-sidemenu-wrapper': {\r\n          boxShadow: 'inset 6px 0 0 0 #005595',\r\n          '.sk-sidemenu-item-label': {\r\n            '@apply underline': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '& .sk-sidemenu-wrapper': {\r\n        '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},\r\n\r\n        '.sk-sidemenu-item-link': {\r\n          '@apply flex-grow relative flex items-center text-base text-left justify-start pr-sm h-full': {},\r\n          '@apply focus-visible:z-base': {},\r\n\r\n          '&[aria-disabled=\"true\"]': {\r\n            '@apply text-neutral-600 cursor-not-allowed': {},\r\n\r\n            '.sk-sidemenu-item-label': {\r\n              '@apply text-neutral-600': {},\r\n            },\r\n          },\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          '&[aria-disabled=\"true\"]': {\r\n            '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},\r\n\r\n            path: {\r\n              '@apply fill-gray-stroke': {},\r\n            },\r\n          },\r\n\r\n          path: {\r\n            '@apply fill-primary': {},\r\n          },\r\n\r\n          '&-button': {\r\n            '@apply fill-primary 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 > .sk-sidemenu-wrapper': {\r\n          '@apply border-t': {},\r\n        },\r\n      },\r\n\r\n      '&.draggable': {\r\n        '&.dragenter': {\r\n          '> .sk-sidemenu-wrapper': {\r\n            '@apply h-full max-h-full': {},\r\n          },\r\n          \"> .sk-sidemenu-wrapper > *:not([draggable='true'])\": {\r\n            '@apply pointer-events-none': {},\r\n          },\r\n\r\n          '& > .sk-sidemenu-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        '& .sk-sidemenu-menuitem-movebutton': {\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\r\n          '&[aria-disabled=\"true\"]': {\r\n            '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},\r\n          },\r\n        },\r\n\r\n        '&.separator': {\r\n          '@apply bg-transparent relative': {},\r\n\r\n          '> div.sk-sidemenu-wrapper, > .sk-sidemenu-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 > .sk-sidemenu-wrapper': {\r\n          '@apply border-t-0': {},\r\n        },\r\n        '> .sk-sidemenu-wrapper': {\r\n          '@apply h-[64px] max-h-[64px] border border-svartvik-200': {},\r\n\r\n          '> .sk-sidemenu-item-link': {\r\n            '@apply  py-md': {},\r\n            paddingLeft: '3.2rem',\r\n          },\r\n        },\r\n\r\n        '.sk-sidemenu-item-link': {\r\n          '@apply h-[64px] max-h-[64px]': {},\r\n        },\r\n\r\n        '& + .sk-sidemenu-item > .sk-sidemenu-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': {\r\n          '& + .lvl-0': {\r\n            '@apply border-t border-svartvik-200': {},\r\n          },\r\n        },\r\n\r\n        '&.separator > .sk-sidemenu-wrapper': {\r\n          '@apply border-0': {},\r\n        },\r\n      },\r\n\r\n      '&.lvl-1': {\r\n        '@apply bg-gray-lighter': {},\r\n\r\n        '> .sk-sidemenu-wrapper, .sk-sidemenu-item-link': {\r\n          '@apply h-[56px] max-h-[56px]': {},\r\n        },\r\n\r\n        '&.open > .sk-sidemenu-wrapper': {\r\n          '@apply border-b border-svartvik-200': {},\r\n        },\r\n\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '4.8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-2': {\r\n        '.sk-sidemenu-wrapper': {\r\n          '@apply bg-gray-middle h-[48px] max-h-[48px]': {},\r\n\r\n          '> .sk-sidemenu-item-link': {\r\n            '@apply h-[48px] max-h-[48px]': {},\r\n          },\r\n        },\r\n\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '6.4rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-3': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-4': {\r\n        '.sk-sidemenu-wrapper': {\r\n          '@apply bg-[#d4d4d4]': {},\r\n        },\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '9.6rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-5': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '11.2rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-6': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '12.8rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-7': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '14.4rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-8': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '16rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-9': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n          paddingLeft: '17.6rem',\r\n        },\r\n      },\r\n\r\n      '&.lvl-10': {\r\n        '> .sk-sidemenu-wrapper > .sk-sidemenu-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/cjs/components/table-autotable.js

@@ -12,14 +12,12 @@ var TableAutoTable = exports.TableAutoTable = function TableAutoTable() {
         '@apply border-0 rounded-t-groups': {},
         '@apply overflow-hidden': {}
       },
-      '&[data-variant="table"]': {
-        '&:not([data-background="true"])': {
-          '@apply border-0': {},
-          '@apply bg-transparent': {}
-        },
-        '.sk-table-wrapper-inside': {
-          '@apply border-0 rounded-b-groups': {}
-        }
+      '&:not([data-background="true"])': {
+        '@apply border-0': {},
+        '@apply bg-transparent': {}
+      },
+      '.sk-table-wrapper-inside': {
+        '@apply border-0 rounded-b-groups': {}
       }
     },
     '.sk-table': {
@@ -27,18 +25,12 @@ var TableAutoTable = exports.TableAutoTable = function TableAutoTable() {
       '@apply text-dark-secondary': {},
       '&-thead': {
         '@apply border-b-1 border-dark-primary': {},
-        '@apply h-48': {},
+        '@apply h-[5.6rem]': {},
         '&-tr': {
           '@apply table-row': {},
           '@apply text-label-small': {}
         },
-        '&-th': {
-          '@apply py-4': {},
-          "&[data-isColumnSortable='true']": {
-            '@apply cursor-pointer': {}
-          }
-        },
-        '&-manualth': {
+        '.sk-table-th': {
           '@apply py-4': {},
           '@apply px-16': {},
           "&[data-isColumnSortable='true']": {
@@ -55,7 +47,7 @@ var TableAutoTable = exports.TableAutoTable = function TableAutoTable() {
         '@apply focus-visible:ring ring-ring ring-offset-0': {},
         '@apply focus-visible:bg-vattjom-background-200': {},
         '@apply rounded-utility': {},
-        '@apply px-16': {},
+        '@apply pr-16': {},
         '@apply h-40': {},
         '&-icon': {
           '@apply inline-flex pl-sm': {},
@@ -67,12 +59,12 @@ var TableAutoTable = exports.TableAutoTable = function TableAutoTable() {
               '@apply first-of-type:-mb-4': {},
               '@apply last-of-type:-mt-4': {}
             },
-            "&[data-sortmodeascending='true']": {
+            "&[data-sortmode='ascending']": {
               '> *': {
                 '@apply last-of-type:text-dark-ghost': {}
               }
             },
-            "&[data-sortmodeascending='false']": {
+            "&[data-sortmode='descending']": {
               '> *': {
                 '@apply first-of-type:text-dark-ghost': {}
               }
@@ -86,39 +78,29 @@ var TableAutoTable = exports.TableAutoTable = function TableAutoTable() {
           '@apply bg-transparent': {},
           '@apply hover:bg-background-100': {},
           '@apply border-b-1': {},
-          '@apply last-of-type:border-b-transparent': {}
-        },
-        '&-td': {
-          '@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]': {}
-          }
+          '@apply last-of-type:border-b-transparent': {},
+          '@apply focus-visible:shadow-insetring': {}
         },
-        '&-manualtd': {
+        '&-td, .sk-table-th': {
           '@apply text-small': {},
-          '&-content': {
-            '@apply justify-start items-center': {},
-            '@apply gap-8': {},
-            '@apply py-8 px-18': {},
-            '@apply h-[6.3rem]': {},
-            '@apply min-h-[6.3rem]': {}
-          }
+          '@apply justify-start items-center': {},
+          '@apply gap-8': {},
+          '@apply py-8 px-18': {},
+          '@apply h-[6.3rem]': {},
+          '@apply min-h-[6.3rem]': {},
+          '@apply focus-visible:shadow-insetring': {}
         }
       },
-      '&[data-dense="true"]': {
+      '&[data-dense="dense"]': {
         '.sk-table': {
           '&-thead': {
-            '&-th': {
-              '@apply py-4': {}
+            '@apply h-[4.8rem]': {},
+            '.sk-table-th': {
+              '@apply py-0': {}
             }
           },
           '&-tbody': {
-            '&-td-content': {
+            '&-td, .sk-table-th': {
               '@apply py-0': {},
               '@apply h-[4.7rem]': {},
               '@apply min-h-[4.7rem]': {}

package/dist/cjs/components/table-autotable.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-autotable.js","names":["TableAutoTable","exports","svg"],"sources":["../../../src/components/table-autotable.ts"],"sourcesContent":["export const TableAutoTable = () => ({\r\n  '.sk-table-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-table-wrapper-inside': {\r\n        '@apply border-0 rounded-b-groups': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-table': {\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      '&-manualth': {\r\n        '@apply py-4': {},\r\n        '@apply px-16': {},\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      '&-manualtd': {\r\n        '@apply text-small': {},\r\n        '&-content': {\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-table': {\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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"}
+{"version":3,"file":"table-autotable.js","names":["TableAutoTable","exports","svg"],"sources":["../../../src/components/table-autotable.ts"],"sourcesContent":["export const TableAutoTable = () => ({\r\n  '.sk-table-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    '&:not([data-background=\"true\"])': {\r\n      '@apply border-0': {},\r\n      '@apply bg-transparent': {},\r\n    },\r\n    '.sk-table-wrapper-inside': {\r\n      '@apply border-0 rounded-b-groups': {},\r\n    },\r\n  },\r\n  '.sk-table': {\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-[5.6rem]': {},\r\n      '&-tr': {\r\n        '@apply table-row': {},\r\n        '@apply text-label-small': {},\r\n      },\r\n\r\n      '.sk-table-th': {\r\n        '@apply py-4': {},\r\n        '@apply px-16': {},\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 pr-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-sortmode='ascending']\": {\r\n            '> *': {\r\n              '@apply last-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n\r\n          \"&[data-sortmode='descending']\": {\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        '@apply focus-visible:shadow-insetring': {},\r\n      },\r\n\r\n      '&-td, .sk-table-th': {\r\n        '@apply text-small': {},\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        '@apply focus-visible:shadow-insetring': {},\r\n      },\r\n    },\r\n\r\n    '&[data-dense=\"dense\"]': {\r\n      '.sk-table': {\r\n        '&-thead': {\r\n          '@apply h-[4.8rem]': {},\r\n          '.sk-table-th': {\r\n            '@apply py-0': {},\r\n          },\r\n        },\r\n        '&-tbody': {\r\n          '&-td, .sk-table-th': {\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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"}