@sk-web-gui/core 3.0.0 → 3.1.0

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

@@ -0,0 +1,219 @@
+module.exports = Menu = () => ({
+  '.sk-sidemenu': {
+    '@apply w-[440px]': {},
+    '&-header': {
+      '@apply relative py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {},
+      '.label-small': {
+        '@apply text-[1.6rem]': {}
+      },
+      '.label-button': {
+        '@apply w-full justify-between p-0 leading-[inherit]': {},
+        '&-icon': {
+          '@apply !text-xl': {}
+        }
+      },
+      '&-label': {
+        '@apply flex items-center': {},
+        'label, .label': {
+          '@apply text-xl font-bold flex items-center w-full': {}
+        },
+        span: {
+          '@apply ml-auto': {}
+        }
+      }
+    },
+    '&-item': {
+      '@apply bg-white h-full': {},
+      '> ul.items': {
+        '@apply hidden': {}
+      },
+      '&.open > ul.items': {
+        '@apply block': {}
+      },
+      '&-label': {
+        '@apply flex-grow select-none flex items-center': {}
+      },
+      '&.active': {
+        '> .sk-sidemenu-wrapper': {
+          boxShadow: 'inset 6px 0 0 0 #005595',
+          '.sk-sidemenu-item-label': {
+            '@apply underline': {}
+          }
+        }
+      },
+      '& .sk-sidemenu-wrapper': {
+        '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},
+        '.sk-sidemenu-item-link': {
+          '@apply flex-grow relative flex items-center text-base text-left justify-start pr-sm h-full': {},
+          '@apply focus-visible:z-base': {},
+          '&[aria-disabled="true"]': {
+            '@apply text-neutral-600 cursor-not-allowed': {},
+            '.sk-sidemenu-item-label': {
+              '@apply text-neutral-600': {}
+            }
+          }
+        },
+        '.expand': {
+          '@apply w-[50px] h-full flex justify-center items-center ml-auto p-0': {},
+          '&[aria-disabled="true"]': {
+            '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},
+            path: {
+              '@apply fill-gray-stroke': {}
+            }
+          },
+          path: {
+            '@apply fill-primary': {}
+          },
+          '&-button': {
+            '@apply fill-primary flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {}
+          }
+        }
+      },
+      '&.open': {
+        '& + .menu-item > .sk-sidemenu-wrapper': {
+          '@apply border-t': {}
+        }
+      },
+      '&.draggable': {
+        '&.dragenter': {
+          '> .sk-sidemenu-wrapper': {
+            '@apply h-full max-h-full': {}
+          },
+          "> .sk-sidemenu-wrapper > *:not([draggable='true'])": {
+            '@apply pointer-events-none': {}
+          },
+          '& > .sk-sidemenu-wrapper::after': {
+            '@apply bg-info-surface-accent block relative w-full h-[44px]': {},
+            content: "''"
+          }
+        },
+        '&.moving': {
+          '@apply hidden': {}
+        },
+        '& .sk-sidemenu-menuitem-movebutton': {
+          '@apply -translate-x-full no-underline text-gray-stroke absolute py-sm inset-y-0 my-auto': {},
+          svg: {
+            '@apply h-full': {}
+          },
+          '&[aria-disabled="true"]': {
+            '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {}
+          }
+        },
+        '&.separator': {
+          '@apply bg-transparent relative': {},
+          '> div.sk-sidemenu-wrapper, > .sk-sidemenu-item-link': {
+            '@apply h-[44px]': {}
+          }
+        }
+      },
+      '&-separator': {
+        '@apply text-divider': {},
+        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)",
+        backgroundSize: '2px 100%, 100% 2px, 2px 100% , 100% 2px',
+        backgroundPosition: '0 0, 0 0, 100% 0, 0 100%',
+        backgroundRepeat: 'no-repeat'
+      },
+      '&.lvl-0': {
+        '&:first-child > .sk-sidemenu-wrapper': {
+          '@apply border-t-0': {}
+        },
+        '> .sk-sidemenu-wrapper': {
+          '@apply h-[64px] max-h-[64px] border border-divider': {},
+          '> .sk-sidemenu-item-link': {
+            '@apply  py-md': {},
+            paddingLeft: '3.2rem'
+          }
+        },
+        '.sk-sidemenu-item-link': {
+          '@apply h-[64px] max-h-[64px]': {}
+        },
+        '& + .sk-sidemenu-item > .sk-sidemenu-wrapper': {
+          '@apply border-t-0': {}
+        },
+        '> .items': {
+          '@apply border-l border-r border-divider': {}
+        },
+        '&.open > .items': {
+          '@apply border-b border-divider': {}
+        },
+        '&.separator': {
+          '& + .lvl-0': {
+            '@apply border-t border-divider': {}
+          }
+        },
+        '&.separator > .sk-sidemenu-wrapper': {
+          '@apply border-0': {}
+        }
+      },
+      '&.lvl-1': {
+        '@apply bg-gray-lighter': {},
+        '> .sk-sidemenu-wrapper, .sk-sidemenu-item-link': {
+          '@apply h-[56px] max-h-[56px]': {}
+        },
+        '&.open > .sk-sidemenu-wrapper': {
+          '@apply border-b border-divider': {}
+        },
+        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
+          paddingLeft: '4.8rem'
+        }
+      },
+      '&.lvl-2': {
+        '.sk-sidemenu-wrapper': {
+          '@apply bg-gray-middle h-[48px] max-h-[48px]': {},
+          '> .sk-sidemenu-item-link': {
+            '@apply h-[48px] max-h-[48px]': {}
+          }
+        },
+        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
+          paddingLeft: '6.4rem'
+        }
+      },
+      '&.lvl-3': {
+        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
+          paddingLeft: '8rem'
+        }
+      },
+      '&.lvl-4': {
+        '.sk-sidemenu-wrapper': {
+          '@apply bg-[#d4d4d4]': {}
+        },
+        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
+          paddingLeft: '9.6rem'
+        }
+      },
+      '&.lvl-5': {
+        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
+          paddingLeft: '11.2rem'
+        }
+      },
+      '&.lvl-6': {
+        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
+          paddingLeft: '12.8rem'
+        }
+      },
+      '&.lvl-7': {
+        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
+          paddingLeft: '14.4rem'
+        }
+      },
+      '&.lvl-8': {
+        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
+          paddingLeft: '16rem'
+        }
+      },
+      '&.lvl-9': {
+        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
+          paddingLeft: '17.6rem'
+        }
+      },
+      '&.lvl-10': {
+        '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
+          paddingLeft: '19.2rem'
+        }
+      }
+    }
+  }
+});
+//# sourceMappingURL=side-menu.js.map

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

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

package/dist/esm/components/snackbar.js

@@ -1,7 +1,7 @@
 export var Snackbar = () => ({
   '.sk-snackbar': {
-    '@apply flex items-center gap-12 py-8 pl-16 pr-8 rounded-groups break-words max-w-[40rem]': {},
     '@apply text-label-small text-vattjom-text-secondary': {},
+    '@apply flex items-center gap-12 py-8 pl-16 pr-8 rounded-groups break-words max-w-[28.6em]': {},
     '&-text': {
       '@apply flex-grow': {}
     },

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.js","names":["Snackbar"],"sources":["../../../src/components/snackbar.ts"],"sourcesContent":["export const Snackbar = () => ({\r\n  '.sk-snackbar': {\r\n    '@apply flex items-center gap-12 py-8 pl-16 pr-8 rounded-groups break-words max-w-[40rem]': {},\r\n    '@apply text-label-small text-vattjom-text-secondary': {},\r\n\r\n    '&-text': {\r\n      '@apply flex-grow': {},\r\n    },\r\n\r\n    '.sk-icon': {\r\n      '@apply text-light-primary': {},\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply flex-grow gap-12 py-4 flex items-center': {},\r\n    },\r\n\r\n    '&-primary': {\r\n      '@apply text-light-secondary bg-dark-primary': {},\r\n    },\r\n    '&-info': {\r\n      '@apply text-vattjom-text-secondary bg-vattjom-surface-primary': {},\r\n    },\r\n    '&-success': {\r\n      '@apply text-gronsta-text-secondary bg-gronsta-surface-primary': {},\r\n    },\r\n    '&-warning': {\r\n      '@apply text-warning-text-secondary bg-warning-surface-primary': {},\r\n    },\r\n    '&-error': {\r\n      '@apply text-error-text-secondary bg-error-surface-primary': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,QAAQ,GAAGA,CAAA,MAAO;EAC7B,cAAc,EAAE;IACd,0FAA0F,EAAE,CAAC,CAAC;IAC9F,qDAAqD,EAAE,CAAC,CAAC;IAEzD,QAAQ,EAAE;MACR,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,UAAU,EAAE;MACV,2BAA2B,EAAE,CAAC;IAChC,CAAC;IAED,WAAW,EAAE;MACX,gDAAgD,EAAE,CAAC;IACrD,CAAC;IAED,WAAW,EAAE;MACX,6CAA6C,EAAE,CAAC;IAClD,CAAC;IACD,QAAQ,EAAE;MACR,+DAA+D,EAAE,CAAC;IACpE,CAAC;IACD,WAAW,EAAE;MACX,+DAA+D,EAAE,CAAC;IACpE,CAAC;IACD,WAAW,EAAE;MACX,+DAA+D,EAAE,CAAC;IACpE,CAAC;IACD,SAAS,EAAE;MACT,2DAA2D,EAAE,CAAC;IAChE;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"snackbar.js","names":["Snackbar"],"sources":["../../../src/components/snackbar.ts"],"sourcesContent":["export const Snackbar = () => ({\r\n  '.sk-snackbar': {\r\n    '@apply text-label-small text-vattjom-text-secondary': {},\r\n    '@apply flex items-center gap-12 py-8 pl-16 pr-8 rounded-groups break-words max-w-[28.6em]': {},\r\n\r\n    '&-text': {\r\n      '@apply flex-grow': {},\r\n    },\r\n\r\n    '.sk-icon': {\r\n      '@apply text-light-primary': {},\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply flex-grow gap-12 py-4 flex items-center': {},\r\n    },\r\n\r\n    '&-primary': {\r\n      '@apply text-light-secondary bg-dark-primary': {},\r\n    },\r\n    '&-info': {\r\n      '@apply text-vattjom-text-secondary bg-vattjom-surface-primary': {},\r\n    },\r\n    '&-success': {\r\n      '@apply text-gronsta-text-secondary bg-gronsta-surface-primary': {},\r\n    },\r\n    '&-warning': {\r\n      '@apply text-warning-text-secondary bg-warning-surface-primary': {},\r\n    },\r\n    '&-error': {\r\n      '@apply text-error-text-secondary bg-error-surface-primary': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,QAAQ,GAAGA,CAAA,MAAO;EAC7B,cAAc,EAAE;IACd,qDAAqD,EAAE,CAAC,CAAC;IACzD,2FAA2F,EAAE,CAAC,CAAC;IAE/F,QAAQ,EAAE;MACR,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,UAAU,EAAE;MACV,2BAA2B,EAAE,CAAC;IAChC,CAAC;IAED,WAAW,EAAE;MACX,gDAAgD,EAAE,CAAC;IACrD,CAAC;IAED,WAAW,EAAE;MACX,6CAA6C,EAAE,CAAC;IAClD,CAAC;IACD,QAAQ,EAAE;MACR,+DAA+D,EAAE,CAAC;IACpE,CAAC;IACD,WAAW,EAAE;MACX,+DAA+D,EAAE,CAAC;IACpE,CAAC;IACD,WAAW,EAAE;MACX,+DAA+D,EAAE,CAAC;IACpE,CAAC;IACD,SAAS,EAAE;MACT,2DAA2D,EAAE,CAAC;IAChE;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/spinner.js

@@ -4,6 +4,9 @@ export var Spinner = colors => ({
     '@apply box-border': {},
     '@apply flex justify-center items-center object-center': {},
     '@apply overflow-hidden': {},
+    '&-lottie': {
+      '@apply w-[200%] h-[200%] my-0 mr-0 ml-[-50%]': {}
+    },
     path: {
       '@apply stroke-dark-secondary': {}
     }

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

@@ -1 +1 @@
-{"version":3,"file":"spinner.js","names":["Spinner","colors","_extends","path","reduce","styles","color"],"sources":["../../../src/components/spinner.ts"],"sourcesContent":["export const Spinner = (colors: string[]) => ({\n  '.sk-spinner': {\n    '@apply box-border': {},\n    '@apply flex justify-center items-center object-center': {},\n    '@apply overflow-hidden': {},\n\n    path: {\n      '@apply stroke-dark-secondary': {},\n    },\n\n    ...colors.reduce(\n      (styles, color) => ({\n        ...styles,\n        [`&[data-color=\"${color}\"]`]: {\n          path: {\n            [`@apply stroke-${color}-surface-primary`]: {},\n          },\n        },\n      }),\n      {}\n    ),\n  },\n});\n"],"mappings":";AAAA,OAAO,IAAMA,OAAO,GAAIC,MAAgB,KAAM;EAC5C,aAAa,EAAAC,QAAA;IACX,mBAAmB,EAAE,CAAC,CAAC;IACvB,uDAAuD,EAAE,CAAC,CAAC;IAC3D,wBAAwB,EAAE,CAAC,CAAC;IAE5BC,IAAI,EAAE;MACJ,8BAA8B,EAAE,CAAC;IACnC;EAAC,GAEEF,MAAM,CAACG,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAJ,QAAA,KACTG,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5BH,IAAI,EAAE;QACJ,oBAAkBG,KAAK,wBAAqB,CAAC;MAC/C;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;AAEL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"spinner.js","names":["Spinner","colors","_extends","path","reduce","styles","color"],"sources":["../../../src/components/spinner.ts"],"sourcesContent":["export const Spinner = (colors: string[]) => ({\r\n  '.sk-spinner': {\r\n    '@apply box-border': {},\r\n    '@apply flex justify-center items-center object-center': {},\r\n    '@apply overflow-hidden': {},\r\n\r\n    '&-lottie': {\r\n      '@apply w-[200%] h-[200%] my-0 mr-0 ml-[-50%]': {},\r\n    },\r\n    path: {\r\n      '@apply stroke-dark-secondary': {},\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          path: {\r\n            [`@apply stroke-${color}-surface-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n  },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,OAAO,GAAIC,MAAgB,KAAM;EAC5C,aAAa,EAAAC,QAAA;IACX,mBAAmB,EAAE,CAAC,CAAC;IACvB,uDAAuD,EAAE,CAAC,CAAC;IAC3D,wBAAwB,EAAE,CAAC,CAAC;IAE5B,UAAU,EAAE;MACV,8CAA8C,EAAE,CAAC;IACnD,CAAC;IACDC,IAAI,EAAE;MACJ,8BAA8B,EAAE,CAAC;IACnC;EAAC,GAEEF,MAAM,CAACG,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAJ,QAAA,KACTG,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5BH,IAAI,EAAE;QACJ,oBAAkBG,KAAK,wBAAqB,CAAC;MAC/C;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;AAEL,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/switch.js

@@ -30,7 +30,7 @@ export var Switch = () => ({
         '@apply flex': {}
       },
       '.sk-form-switch-box': {
-        transform: 'translateX(2.4rem)'
+        transform: 'translateX(var(--sk-spacing-24))'
       },
       '@apply bg-primitives-overlay-darken-4 dark:bg-primitives-overlay-lighten-5': {},
       // Disabled
@@ -52,7 +52,7 @@ export var Switch = () => ({
         '@apply bg-primitives-overlay-darken-6 dark:bg-primitives-overlay-lighten-6': {}
       }
     },
-    width: '5.6rem'
+    '@apply w-56': {}
   },
   // Knob
   '.sk-form-switch-box': {

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

@@ -1 +1 @@
-{"version":3,"file":"switch.js","names":["Switch","transform","width"],"sources":["../../../src/components/switch.ts"],"sourcesContent":["export const Switch = () => ({\r\n  '.sk-form-switch-label': {\r\n    '@apply inline-flex align-middle items-center': {},\r\n    '@apply flex-row gap-12': {},\r\n    '@apply font-normal text-base': {},\r\n\r\n    \"&[type='hidden']\": {\r\n      '@apply hidden': {},\r\n\r\n      '.sk-form-switch': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-form-switch': {\r\n    '@apply rounded-full cursor-pointer focus:outline-none': {},\r\n    '@apply bg-primitives-overlay-darken-3 dark:bg-primitives-overlay-lighten-3': {},\r\n\r\n    // Hover\r\n    '@apply hover:bg-primitives-overlay-darken-5 hover:dark:bg-primitives-overlay-lighten-4': {},\r\n\r\n    // Focus\r\n    'input[type=checkbox]:focus-visible + &': {\r\n      '@apply ring ring-blue-500': {},\r\n    },\r\n\r\n    // Checked\r\n    'input[type=checkbox]:checked + &': {\r\n      [`&[data-color=\"gronsta\"]`]: {\r\n        '.sk-form-switch-box': {\r\n          '@apply bg-gronsta-surface-primary': {},\r\n        },\r\n      },\r\n\r\n      '.sk-form-switch-icon': {\r\n        '@apply flex': {},\r\n      },\r\n\r\n      '.sk-form-switch-box': {\r\n        transform: 'translateX(2.4rem)',\r\n      },\r\n\r\n      '@apply bg-primitives-overlay-darken-4 dark:bg-primitives-overlay-lighten-5': {},\r\n\r\n      // Disabled\r\n      [`&[data-disabled=\"true\"]`]: {\r\n        '.sk-form-switch-box': {\r\n          '@apply bg-transparent': {},\r\n\r\n          '.sk-form-switch-icon': {\r\n            '@apply bg-primitives-overlay-darken-6 dark:bg-primitives-overlay-lighten-6': {},\r\n            '@apply text-light-primary': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    // Disabled not checked\r\n    [`&[data-disabled=\"true\"]`]: {\r\n      '@apply cursor-default': {},\r\n      '@apply bg-primitives-overlay-darken-2 dark:bg-primitives-overlay-lighten-2': {},\r\n\r\n      '.sk-form-switch-box': {\r\n        '@apply bg-primitives-overlay-darken-6 dark:bg-primitives-overlay-lighten-6': {},\r\n      },\r\n    },\r\n\r\n    width: '5.6rem',\r\n  },\r\n\r\n  // Knob\r\n  '.sk-form-switch-box': {\r\n    '@apply transition-transform ease-in-out duration-150 transform rounded-full shadow translate-x-0 m-6': {},\r\n    '@apply bg-primitives-overlay-darken-7 dark:bg-primitives-overlay-lighten-7': {},\r\n    '@apply h-20 w-20': {},\r\n    '@apply flex justify-center items-center object-center': {},\r\n\r\n    '.sk-form-switch-icon': {\r\n      '@apply bg-transparent': {},\r\n      '@apply hidden': {},\r\n      '@apply w-20 h-20': {},\r\n      '@apply text-light-primary': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,MAAM,GAAGA,CAAA,MAAO;EAC3B,uBAAuB,EAAE;IACvB,8CAA8C,EAAE,CAAC,CAAC;IAClD,wBAAwB,EAAE,CAAC,CAAC;IAC5B,8BAA8B,EAAE,CAAC,CAAC;IAElC,kBAAkB,EAAE;MAClB,eAAe,EAAE,CAAC,CAAC;MAEnB,iBAAiB,EAAE;QACjB,eAAe,EAAE,CAAC;MACpB;IACF;EACF,CAAC;EACD,iBAAiB,EAAE;IACjB,uDAAuD,EAAE,CAAC,CAAC;IAC3D,4EAA4E,EAAE,CAAC,CAAC;IAEhF;IACA,wFAAwF,EAAE,CAAC,CAAC;IAE5F;IACA,wCAAwC,EAAE;MACxC,2BAA2B,EAAE,CAAC;IAChC,CAAC;IAED;IACA,kCAAkC,EAAE;MAClC,+BAA6B;QAC3B,qBAAqB,EAAE;UACrB,mCAAmC,EAAE,CAAC;QACxC;MACF,CAAC;MAED,sBAAsB,EAAE;QACtB,aAAa,EAAE,CAAC;MAClB,CAAC;MAED,qBAAqB,EAAE;QACrBC,SAAS,EAAE;MACb,CAAC;MAED,4EAA4E,EAAE,CAAC,CAAC;MAEhF;MACA,+BAA6B;QAC3B,qBAAqB,EAAE;UACrB,uBAAuB,EAAE,CAAC,CAAC;UAE3B,sBAAsB,EAAE;YACtB,4EAA4E,EAAE,CAAC,CAAC;YAChF,2BAA2B,EAAE,CAAC;UAChC;QACF;MACF;IACF,CAAC;IAED;IACA,+BAA6B;MAC3B,uBAAuB,EAAE,CAAC,CAAC;MAC3B,4EAA4E,EAAE,CAAC,CAAC;MAEhF,qBAAqB,EAAE;QACrB,4EAA4E,EAAE,CAAC;MACjF;IACF,CAAC;IAEDC,KAAK,EAAE;EACT,CAAC;EAED;EACA,qBAAqB,EAAE;IACrB,sGAAsG,EAAE,CAAC,CAAC;IAC1G,4EAA4E,EAAE,CAAC,CAAC;IAChF,kBAAkB,EAAE,CAAC,CAAC;IACtB,uDAAuD,EAAE,CAAC,CAAC;IAE3D,sBAAsB,EAAE;MACtB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,eAAe,EAAE,CAAC,CAAC;MACnB,kBAAkB,EAAE,CAAC,CAAC;MACtB,2BAA2B,EAAE,CAAC;IAChC;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"switch.js","names":["Switch","transform"],"sources":["../../../src/components/switch.ts"],"sourcesContent":["export const Switch = () => ({\r\n  '.sk-form-switch-label': {\r\n    '@apply inline-flex align-middle items-center': {},\r\n    '@apply flex-row gap-12': {},\r\n    '@apply font-normal text-base': {},\r\n\r\n    \"&[type='hidden']\": {\r\n      '@apply hidden': {},\r\n\r\n      '.sk-form-switch': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-form-switch': {\r\n    '@apply rounded-full cursor-pointer focus:outline-none': {},\r\n    '@apply bg-primitives-overlay-darken-3 dark:bg-primitives-overlay-lighten-3': {},\r\n\r\n    // Hover\r\n    '@apply hover:bg-primitives-overlay-darken-5 hover:dark:bg-primitives-overlay-lighten-4': {},\r\n\r\n    // Focus\r\n    'input[type=checkbox]:focus-visible + &': {\r\n      '@apply ring ring-blue-500': {},\r\n    },\r\n\r\n    // Checked\r\n    'input[type=checkbox]:checked + &': {\r\n      [`&[data-color=\"gronsta\"]`]: {\r\n        '.sk-form-switch-box': {\r\n          '@apply bg-gronsta-surface-primary': {},\r\n        },\r\n      },\r\n\r\n      '.sk-form-switch-icon': {\r\n        '@apply flex': {},\r\n      },\r\n\r\n      '.sk-form-switch-box': {\r\n        transform: 'translateX(var(--sk-spacing-24))',\r\n      },\r\n\r\n      '@apply bg-primitives-overlay-darken-4 dark:bg-primitives-overlay-lighten-5': {},\r\n\r\n      // Disabled\r\n      [`&[data-disabled=\"true\"]`]: {\r\n        '.sk-form-switch-box': {\r\n          '@apply bg-transparent': {},\r\n\r\n          '.sk-form-switch-icon': {\r\n            '@apply bg-primitives-overlay-darken-6 dark:bg-primitives-overlay-lighten-6': {},\r\n            '@apply text-light-primary': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    // Disabled not checked\r\n    [`&[data-disabled=\"true\"]`]: {\r\n      '@apply cursor-default': {},\r\n      '@apply bg-primitives-overlay-darken-2 dark:bg-primitives-overlay-lighten-2': {},\r\n\r\n      '.sk-form-switch-box': {\r\n        '@apply bg-primitives-overlay-darken-6 dark:bg-primitives-overlay-lighten-6': {},\r\n      },\r\n    },\r\n\r\n    '@apply w-56': {},\r\n  },\r\n\r\n  // Knob\r\n  '.sk-form-switch-box': {\r\n    '@apply transition-transform ease-in-out duration-150 transform rounded-full shadow translate-x-0 m-6': {},\r\n    '@apply bg-primitives-overlay-darken-7 dark:bg-primitives-overlay-lighten-7': {},\r\n    '@apply h-20 w-20': {},\r\n    '@apply flex justify-center items-center object-center': {},\r\n\r\n    '.sk-form-switch-icon': {\r\n      '@apply bg-transparent': {},\r\n      '@apply hidden': {},\r\n      '@apply w-20 h-20': {},\r\n      '@apply text-light-primary': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,MAAM,GAAGA,CAAA,MAAO;EAC3B,uBAAuB,EAAE;IACvB,8CAA8C,EAAE,CAAC,CAAC;IAClD,wBAAwB,EAAE,CAAC,CAAC;IAC5B,8BAA8B,EAAE,CAAC,CAAC;IAElC,kBAAkB,EAAE;MAClB,eAAe,EAAE,CAAC,CAAC;MAEnB,iBAAiB,EAAE;QACjB,eAAe,EAAE,CAAC;MACpB;IACF;EACF,CAAC;EACD,iBAAiB,EAAE;IACjB,uDAAuD,EAAE,CAAC,CAAC;IAC3D,4EAA4E,EAAE,CAAC,CAAC;IAEhF;IACA,wFAAwF,EAAE,CAAC,CAAC;IAE5F;IACA,wCAAwC,EAAE;MACxC,2BAA2B,EAAE,CAAC;IAChC,CAAC;IAED;IACA,kCAAkC,EAAE;MAClC,+BAA6B;QAC3B,qBAAqB,EAAE;UACrB,mCAAmC,EAAE,CAAC;QACxC;MACF,CAAC;MAED,sBAAsB,EAAE;QACtB,aAAa,EAAE,CAAC;MAClB,CAAC;MAED,qBAAqB,EAAE;QACrBC,SAAS,EAAE;MACb,CAAC;MAED,4EAA4E,EAAE,CAAC,CAAC;MAEhF;MACA,+BAA6B;QAC3B,qBAAqB,EAAE;UACrB,uBAAuB,EAAE,CAAC,CAAC;UAE3B,sBAAsB,EAAE;YACtB,4EAA4E,EAAE,CAAC,CAAC;YAChF,2BAA2B,EAAE,CAAC;UAChC;QACF;MACF;IACF,CAAC;IAED;IACA,+BAA6B;MAC3B,uBAAuB,EAAE,CAAC,CAAC;MAC3B,4EAA4E,EAAE,CAAC,CAAC;MAEhF,qBAAqB,EAAE;QACrB,4EAA4E,EAAE,CAAC;MACjF;IACF,CAAC;IAED,aAAa,EAAE,CAAC;EAClB,CAAC;EAED;EACA,qBAAqB,EAAE;IACrB,sGAAsG,EAAE,CAAC,CAAC;IAC1G,4EAA4E,EAAE,CAAC,CAAC;IAChF,kBAAkB,EAAE,CAAC,CAAC;IACtB,uDAAuD,EAAE,CAAC,CAAC;IAE3D,sBAAsB,EAAE;MACtB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,eAAe,EAAE,CAAC,CAAC;MACnB,kBAAkB,EAAE,CAAC,CAAC;MACtB,2BAA2B,EAAE,CAAC;IAChC;EACF;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,57 @@
+module.exports = TabMenu = () => ({
+  '.sk-tab-menu': {
+    '&-wrapper': {
+      display: 'flex',
+      flexDirection: 'row',
+      margin: 'auto'
+    },
+    '&-right': {
+      '@apply justify-end': {}
+    },
+    '&-center': {
+      '@apply justify-center': {}
+    },
+    '&-list': {
+      all: 'unset',
+      display: 'flex',
+      '&-stretch': {
+        '@apply w-full justify-between': {}
+      }
+    },
+    '&-underline': {
+      width: '100%',
+      height: 6,
+      '@apply bg-gray-light': {}
+    },
+    '&-item': {
+      all: 'unset',
+      height: 65,
+      display: 'flex',
+      padding: '0 1rem',
+      marginRight: '5rem',
+      alignItems: 'center',
+      position: 'relative',
+      cursor: 'pointer',
+      '&-stretch': {
+        '@apply mr-0': {}
+      },
+      '&-right': {
+        '@apply mr-0 ml-[5rem]': {}
+      },
+      '&-center:last-of-type': {
+        '@apply mr-0': {}
+      },
+      '&.active::after': {
+        content: '""',
+        display: 'block',
+        position: 'absolute',
+        width: '100%',
+        height: 6,
+        top: '100%',
+        left: 0,
+        '@apply bg-primary': {}
+      }
+    }
+  }
+});
+//# sourceMappingURL=tab-menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tab-menu.js","names":["module","exports","TabMenu","display","flexDirection","margin","all","width","height","padding","marginRight","alignItems","position","cursor","content","top","left"],"sources":["../../../src/components/tab-menu.js"],"sourcesContent":["module.exports = TabMenu = () => ({\r\n  '.sk-tab-menu': {\r\n    '&-wrapper': {\r\n      display: 'flex',\r\n      flexDirection: 'row',\r\n      margin: 'auto',\r\n    },\r\n    '&-right': {\r\n      '@apply justify-end': {},\r\n    },\r\n    '&-center': {\r\n      '@apply justify-center': {},\r\n    },\r\n    '&-list': {\r\n      all: 'unset',\r\n      display: 'flex',\r\n      '&-stretch': {\r\n        '@apply w-full justify-between': {},\r\n      },\r\n    },\r\n\r\n    '&-underline': {\r\n      width: '100%',\r\n      height: 6,\r\n      '@apply bg-gray-light': {},\r\n    },\r\n    '&-item': {\r\n      all: 'unset',\r\n      height: 65,\r\n      display: 'flex',\r\n      padding: '0 1rem',\r\n      marginRight: '5rem',\r\n      alignItems: 'center',\r\n      position: 'relative',\r\n      cursor: 'pointer',\r\n      '&-stretch': {\r\n        '@apply mr-0': {},\r\n      },\r\n      '&-right': {\r\n        '@apply mr-0 ml-[5rem]': {},\r\n      },\r\n      '&-center:last-of-type': {\r\n        '@apply mr-0': {},\r\n      },\r\n\r\n      '&.active::after': {\r\n        content: '\"\"',\r\n        display: 'block',\r\n        position: 'absolute',\r\n        width: '100%',\r\n        height: 6,\r\n        top: '100%',\r\n        left: 0,\r\n        '@apply bg-primary': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAGA,CAAA,MAAO;EAChC,cAAc,EAAE;IACd,WAAW,EAAE;MACXC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,KAAK;MACpBC,MAAM,EAAE;IACV,CAAC;IACD,SAAS,EAAE;MACT,oBAAoB,EAAE,CAAC;IACzB,CAAC;IACD,UAAU,EAAE;MACV,uBAAuB,EAAE,CAAC;IAC5B,CAAC;IACD,QAAQ,EAAE;MACRC,GAAG,EAAE,OAAO;MACZH,OAAO,EAAE,MAAM;MACf,WAAW,EAAE;QACX,+BAA+B,EAAE,CAAC;MACpC;IACF,CAAC;IAED,aAAa,EAAE;MACbI,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,CAAC;MACT,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IACD,QAAQ,EAAE;MACRF,GAAG,EAAE,OAAO;MACZE,MAAM,EAAE,EAAE;MACVL,OAAO,EAAE,MAAM;MACfM,OAAO,EAAE,QAAQ;MACjBC,WAAW,EAAE,MAAM;MACnBC,UAAU,EAAE,QAAQ;MACpBC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,SAAS;MACjB,WAAW,EAAE;QACX,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,SAAS,EAAE;QACT,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,uBAAuB,EAAE;QACvB,aAAa,EAAE,CAAC;MAClB,CAAC;MAED,iBAAiB,EAAE;QACjBC,OAAO,EAAE,IAAI;QACbX,OAAO,EAAE,OAAO;QAChBS,QAAQ,EAAE,UAAU;QACpBL,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,CAAC;QACTO,GAAG,EAAE,MAAM;QACXC,IAAI,EAAE,CAAC;QACP,mBAAmB,EAAE,CAAC;MACxB;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/table-autotable.js

@@ -1,5 +1,6 @@
 export var TableAutoTable = () => ({
   '.sk-table-wrapper': {
+    '@apply text-base': {},
     '@apply rounded-groups': {},
     '@apply border-1 border-divider': {},
     '@apply bg-background-content': {},
@@ -45,7 +46,7 @@ export var TableAutoTable = () => ({
         '@apply text-label-small': {}
       },
       '.sk-table-th': {
-        '@apply h-[5.6rem]': {},
+        '@apply h-56': {},
         '@apply p-0': {},
         '&:first-of-type': {
           '.sk-table-sticky-col': {
@@ -124,8 +125,8 @@ export var TableAutoTable = () => ({
       '&-td, .sk-table-th': {
         '@apply p-0': {},
         '@apply text-small': {},
-        '@apply h-[6.3rem]': {},
-        '@apply min-h-[6.3rem]': {},
+        '@apply h-64-1': {},
+        '@apply min-h-64-1': {},
         '@apply focus-visible:shadow-insetring': {},
         '.sk-table-col-content': {
           '@apply py-8 px-18': {},
@@ -146,13 +147,13 @@ export var TableAutoTable = () => ({
         },
         '&-thead': {
           th: {
-            '@apply h-[4.8rem]': {}
+            '@apply h-48': {}
           }
         },
         '&-tbody': {
           '&-td, .sk-table-th': {
-            '@apply h-[4.7rem]': {},
-            '@apply min-h-[4.7rem]': {}
+            '@apply h-48-1': {},
+            '@apply min-h-48-1': {}
           }
         }
       }
@@ -183,7 +184,7 @@ export var TableAutoTable = () => ({
       }
     },
     '&-paginationwrapper': {
-      '@apply max-w-[60rem]': {},
+      '@apply max-w-[37.5em]': {},
       '@apply shrink grow': {},
       '@apply hidden @screen-md/footer:flex': {}
     },

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

@@ -1 +1 @@
-{"version":3,"file":"table-autotable.js","names":["TableAutoTable","svg","td","th"],"sources":["../../../src/components/table-autotable.ts"],"sourcesContent":["export const TableAutoTable = () => ({\n  '.sk-table-wrapper': {\n    '@apply rounded-groups': {},\n    '@apply border-1 border-divider': {},\n    '@apply bg-background-content': {},\n    '@apply relative': {},\n\n    '&-inside': {\n      '@apply border-0 rounded-t-groups': {},\n      '@apply overflow-hidden': {},\n      '@apply w-full': {},\n      '@apply h-full max-h-full': {},\n      '&[data-scroll=\"x\"]': {\n        '@apply overflow-x-auto': {},\n      },\n      '&[data-scroll=\"y\"]': {\n        '@apply overflow-y-auto': {},\n      },\n      '&[data-scroll=\"true\"]': {\n        '@apply overflow-auto': {},\n      },\n    },\n    '&:not([data-background=\"true\"])': {\n      '@apply border-0': {},\n      '@apply bg-transparent': {},\n    },\n    '.sk-table-wrapper-inside': {\n      '@apply border-0 rounded-b-groups': {},\n    },\n  },\n  '.sk-table': {\n    '@apply w-full text-left table-auto': {},\n    '@apply text-dark-secondary': {},\n\n    '&-thead': {\n      '@apply border-b-1 border-dark-primary': {},\n      '&[data-stickyheader=\"true\"]': {\n        '@apply sticky top-0': {},\n        '@apply bg-background-content': {},\n        '@apply border-b-0': {},\n        '.sk-table-col-content': {\n          '@apply border-b-1 border-dark-primary': {},\n        },\n      },\n\n      '&-tr': {\n        '@apply table-row': {},\n        '@apply text-label-small': {},\n      },\n\n      '.sk-table-th': {\n        '@apply h-[5.6rem]': {},\n        '@apply p-0': {},\n        '&:first-of-type': {\n          '.sk-table-sticky-col': {\n            '@apply rounded-tl-groups': {},\n          },\n        },\n        '&:last-of-type': {\n          '.sk-table-sticky-col': {\n            '@apply rounded-tr-groups': {},\n          },\n        },\n        '.sk-table-col-content': {\n          '@apply py-4': {},\n          '@apply px-16': {},\n        },\n\n        \"&[data-isColumnSortable='true']\": {\n          '@apply cursor-pointer': {},\n        },\n      },\n      '@apply bg-transparent': {},\n      '&[data-background=\"true\"]': {\n        '@apply border-b-0': {},\n        '@apply bg-vattjom-background-200 border-b-transparent': {},\n        '.sk-table-col-content': {\n          '@apply border-b-0': {},\n        },\n        '[data-sticky=\"true\"]': {\n          '@apply bg-vattjom-background-200': {},\n        },\n      },\n    },\n\n    '&-sortbutton': {\n      '@apply flex items-center': {},\n      '@apply focus-visible:ring ring-ring ring-offset-0': {},\n      '@apply focus-visible:bg-vattjom-background-200': {},\n      '@apply rounded-utility': {},\n      '@apply pr-16': {},\n      '@apply h-40': {},\n\n      '&-icon': {\n        '@apply inline-flex pl-sm': {},\n\n        '&-sort': {\n          '@apply text-dark-secondary': {},\n          '@apply flex flex-col': {},\n\n          svg: {\n            '@apply h-16 w-16': {},\n            '@apply first-of-type:-mb-4': {},\n            '@apply last-of-type:-mt-4': {},\n          },\n\n          \"&[data-sortmode='ascending']\": {\n            '> *': {\n              '@apply last-of-type:text-dark-ghost': {},\n            },\n          },\n\n          \"&[data-sortmode='descending']\": {\n            '> *': {\n              '@apply first-of-type:text-dark-ghost': {},\n            },\n          },\n        },\n      },\n    },\n\n    '&-tbody': {\n      '@apply text-dark-secondary bg-transparent': {},\n\n      '&-tr': {\n        '@apply bg-transparent': {},\n        '@apply hover:bg-background-100': {},\n        '@apply border-b-1 border-divider': {},\n        '@apply last-of-type:border-b-transparent': {},\n        '@apply focus-visible:shadow-insetring': {},\n        '&:hover': {\n          td: {\n            '@apply bg-background-100': {},\n          },\n        },\n      },\n\n      '&-td, .sk-table-th': {\n        '@apply p-0': {},\n        '@apply text-small': {},\n        '@apply h-[6.3rem]': {},\n        '@apply min-h-[6.3rem]': {},\n\n        '@apply focus-visible:shadow-insetring': {},\n        '.sk-table-col-content': {\n          '@apply py-8 px-18': {},\n          '@apply gap-8': {},\n        },\n      },\n    },\n\n    '&-col-content': {\n      '@apply flex': {},\n      '@apply w-full': {},\n      '@apply justify-start items-center': {},\n      '@apply h-full': {},\n    },\n\n    '&[data-dense=\"dense\"]': {\n      '.sk-table': {\n        '&-col-content': {\n          '@apply py-0': {},\n        },\n        '&-thead': {\n          th: {\n            '@apply h-[4.8rem]': {},\n          },\n        },\n        '&-tbody': {\n          '&-td, .sk-table-th': {\n            '@apply h-[4.7rem]': {},\n            '@apply min-h-[4.7rem]': {},\n          },\n        },\n      },\n    },\n\n    '[data-sticky=\"true\"]': {\n      '@apply sticky': {},\n      '@apply bg-background-content': {},\n\n      '&:first-of-type': {\n        '@apply left-0': {},\n      },\n      '&:last-of-type': {\n        '@apply right-0': {},\n      },\n    },\n\n    '&[data-hasscroll=\"true\"]': {\n      '[data-sticky=\"true\"]': {\n        '&:first-of-type': {\n          '.sk-table-col-content': {\n            '@apply border-r-1 border-r-divider': {},\n          },\n        },\n        '&:last-of-type': {\n          '.sk-table-col-content': {\n            '@apply border-l-1 border-r-divider': {},\n          },\n        },\n        '.sk-table-col-content': {},\n      },\n    },\n    '&-paginationwrapper': {\n      '@apply max-w-[60rem]': {},\n      '@apply shrink grow': {},\n      '@apply hidden @screen-md/footer:flex': {},\n    },\n\n    '&-bottom': {\n      '@apply @container/footer': {},\n      '@apply py-14 px-16': {},\n      '@apply border-t-1 border-divider': {},\n      '@apply flex flex-row': {},\n      '@apply flex-wrap': {},\n      '@apply @screen-lg/footer:gap-32': {},\n      '@apply @screen-md/footer:gap-16': {},\n      '@apply gap-8': {},\n      '@apply justify-between items-center': {},\n      '&-section': {\n        '@apply shrink-0': {},\n        '@apply flex flex-col': {},\n        '@apply justify-start items-center': {},\n        '@apply @screen-sm/footer:flex-row': {},\n        '@apply gap-8': {},\n        '&.sk-table-pagination-mobile': {\n          '@apply @screen-md/footer:hidden': {},\n        },\n        '&-label': {\n          '@apply font-normal': {},\n          '@apply text-small': {},\n          '@apply shrink-0': {},\n        },\n      },\n      '&-pagination': {\n        '@apply grow': {},\n        '@apply shrink': {},\n      },\n    },\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"table-autotable.js","names":["TableAutoTable","svg","td","th"],"sources":["../../../src/components/table-autotable.ts"],"sourcesContent":["export const TableAutoTable = () => ({\r\n  '.sk-table-wrapper': {\r\n    '@apply text-base': {},\r\n    '@apply rounded-groups': {},\r\n    '@apply border-1 border-divider': {},\r\n    '@apply bg-background-content': {},\r\n    '@apply relative': {},\r\n\r\n    '&-inside': {\r\n      '@apply border-0 rounded-t-groups': {},\r\n      '@apply overflow-hidden': {},\r\n      '@apply w-full': {},\r\n      '@apply h-full max-h-full': {},\r\n      '&[data-scroll=\"x\"]': {\r\n        '@apply overflow-x-auto': {},\r\n      },\r\n      '&[data-scroll=\"y\"]': {\r\n        '@apply overflow-y-auto': {},\r\n      },\r\n      '&[data-scroll=\"true\"]': {\r\n        '@apply overflow-auto': {},\r\n      },\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      '&[data-stickyheader=\"true\"]': {\r\n        '@apply sticky top-0': {},\r\n        '@apply bg-background-content': {},\r\n        '@apply border-b-0': {},\r\n        '.sk-table-col-content': {\r\n          '@apply border-b-1 border-dark-primary': {},\r\n        },\r\n      },\r\n\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 h-56': {},\r\n        '@apply p-0': {},\r\n        '&:first-of-type': {\r\n          '.sk-table-sticky-col': {\r\n            '@apply rounded-tl-groups': {},\r\n          },\r\n        },\r\n        '&:last-of-type': {\r\n          '.sk-table-sticky-col': {\r\n            '@apply rounded-tr-groups': {},\r\n          },\r\n        },\r\n        '.sk-table-col-content': {\r\n          '@apply py-4': {},\r\n          '@apply px-16': {},\r\n        },\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 border-b-0': {},\r\n        '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n        '.sk-table-col-content': {\r\n          '@apply border-b-0': {},\r\n        },\r\n        '[data-sticky=\"true\"]': {\r\n          '@apply bg-vattjom-background-200': {},\r\n        },\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 border-divider': {},\r\n        '@apply last-of-type:border-b-transparent': {},\r\n        '@apply focus-visible:shadow-insetring': {},\r\n        '&:hover': {\r\n          td: {\r\n            '@apply bg-background-100': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&-td, .sk-table-th': {\r\n        '@apply p-0': {},\r\n        '@apply text-small': {},\r\n        '@apply h-64-1': {},\r\n        '@apply min-h-64-1': {},\r\n\r\n        '@apply focus-visible:shadow-insetring': {},\r\n        '.sk-table-col-content': {\r\n          '@apply py-8 px-18': {},\r\n          '@apply gap-8': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-col-content': {\r\n      '@apply flex': {},\r\n      '@apply w-full': {},\r\n      '@apply justify-start items-center': {},\r\n      '@apply h-full': {},\r\n    },\r\n\r\n    '&[data-dense=\"dense\"]': {\r\n      '.sk-table': {\r\n        '&-col-content': {\r\n          '@apply py-0': {},\r\n        },\r\n        '&-thead': {\r\n          th: {\r\n            '@apply h-48': {},\r\n          },\r\n        },\r\n        '&-tbody': {\r\n          '&-td, .sk-table-th': {\r\n            '@apply h-48-1': {},\r\n            '@apply min-h-48-1': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '[data-sticky=\"true\"]': {\r\n      '@apply sticky': {},\r\n      '@apply bg-background-content': {},\r\n\r\n      '&:first-of-type': {\r\n        '@apply left-0': {},\r\n      },\r\n      '&:last-of-type': {\r\n        '@apply right-0': {},\r\n      },\r\n    },\r\n\r\n    '&[data-hasscroll=\"true\"]': {\r\n      '[data-sticky=\"true\"]': {\r\n        '&:first-of-type': {\r\n          '.sk-table-col-content': {\r\n            '@apply border-r-1 border-r-divider': {},\r\n          },\r\n        },\r\n        '&:last-of-type': {\r\n          '.sk-table-col-content': {\r\n            '@apply border-l-1 border-r-divider': {},\r\n          },\r\n        },\r\n        '.sk-table-col-content': {},\r\n      },\r\n    },\r\n    '&-paginationwrapper': {\r\n      '@apply max-w-[37.5em]': {},\r\n      '@apply shrink grow': {},\r\n      '@apply hidden @screen-md/footer:flex': {},\r\n    },\r\n\r\n    '&-bottom': {\r\n      '@apply @container/footer': {},\r\n      '@apply py-14 px-16': {},\r\n      '@apply border-t-1 border-divider': {},\r\n      '@apply flex flex-row': {},\r\n      '@apply flex-wrap': {},\r\n      '@apply @screen-lg/footer:gap-32': {},\r\n      '@apply @screen-md/footer:gap-16': {},\r\n      '@apply gap-8': {},\r\n      '@apply justify-between items-center': {},\r\n      '&-section': {\r\n        '@apply shrink-0': {},\r\n        '@apply flex flex-col': {},\r\n        '@apply justify-start items-center': {},\r\n        '@apply @screen-sm/footer:flex-row': {},\r\n        '@apply gap-8': {},\r\n        '&.sk-table-pagination-mobile': {\r\n          '@apply @screen-md/footer:hidden': {},\r\n        },\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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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":["Tabs"],"sources":["../../../src/components/tabs.ts"],"sourcesContent":["export const Tabs = () => ({\n  '.sk-tabs': {\n    '@apply w-full': {},\n    '&-panels': {\n      '@apply p-8': {},\n      '@apply mt-8': {},\n    },\n\n    '&-content': {\n      '&:not([data-selected=\"true\"])': {\n        '@apply hidden': {},\n      },\n    },\n  },\n});\n"],"mappings":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,UAAU,EAAE;IACV,eAAe,EAAE,CAAC,CAAC;IACnB,UAAU,EAAE;MACV,YAAY,EAAE,CAAC,CAAC;MAChB,aAAa,EAAE,CAAC;IAClB,CAAC;IAED,WAAW,EAAE;MACX,+BAA+B,EAAE;QAC/B,eAAe,EAAE,CAAC;MACpB;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"tabs.js","names":["Tabs"],"sources":["../../../src/components/tabs.ts"],"sourcesContent":["export const Tabs = () => ({\r\n  '.sk-tabs': {\r\n    '@apply w-full': {},\r\n    '&-panels': {\r\n      '@apply p-8': {},\r\n      '@apply mt-8': {},\r\n    },\r\n\r\n    '&-content': {\r\n      '&:not([data-selected=\"true\"])': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,UAAU,EAAE;IACV,eAAe,EAAE,CAAC,CAAC;IACnB,UAAU,EAAE;MACV,YAAY,EAAE,CAAC,CAAC;MAChB,aAAa,EAAE,CAAC;IAClB,CAAC;IAED,WAAW,EAAE;MACX,+BAA+B,EAAE;QAC/B,eAAe,EAAE,CAAC;MACpB;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/tooltip.js

@@ -12,7 +12,7 @@ export var Tooltip = () => ({
       '@apply font-bold': {},
       '@apply w-fit h-fit': {},
       '@apply grow-0': {},
-      '@apply min-h-[3.4rem]': {}
+      '@apply min-h-34': {}
     },
     //Arrow
     '&::after, &::before': {
@@ -23,7 +23,7 @@ export var Tooltip = () => ({
       '@apply flex-col': {},
       '@apply pb-2': {},
       '&::after': {
-        '@apply content-[""] border-solid border-[0.6rem] border-b-0': {},
+        '@apply content-[""] border-solid border-6 border-b-0': {},
         '@apply border-t-primary-surface border-r-transparent border-b-transparent border-l-transparent': {}
       }
     },
@@ -32,25 +32,25 @@ export var Tooltip = () => ({
       '@apply flex-col': {},
       '@apply pt-2': {},
       '&::before': {
-        '@apply content-[""] border-solid border-[0.6rem] border-t-0': {},
+        '@apply content-[""] border-solid border-6 border-t-0': {},
         '@apply border-t-transparent border-r-transparent border-b-primary-surface border-l-transparent': {}
       }
     },
     // Left
     '&[data-position="left"]': {
       '@apply flex-row': {},
-      '@apply pr-2 py-[0.3rem]': {},
+      '@apply pr-2 py-3': {},
       '&::after': {
-        '@apply content-[""] border-solid border-[0.6rem] border-r-0': {},
+        '@apply content-[""] border-solid border-6 border-r-0': {},
         '@apply border-t-transparent border-r-transparent border-b-transparent border-l-primary-surface': {}
       }
     },
     // Right
     '&[data-position="right"]': {
       '@apply flex-row': {},
-      '@apply pl-2 py-[0.3rem]': {},
+      '@apply pl-2 py-3': {},
       '&::before': {
-        '@apply content-[""] border-solid border-[0.6rem] border-l-0': {},
+        '@apply content-[""] border-solid border-6 border-l-0': {},
         '@apply border-t-transparent border-r-primary-surface border-b-transparent border-l-transparent': {}
       }
     }

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":["Tooltip"],"sources":["../../../src/components/tooltip.ts"],"sourcesContent":["export const Tooltip = () => ({\n  '.sk-tooltip': {\n    '@apply inline-flex justify-center items-center': {},\n    '@apply w-fit h-fit': {},\n    '@apply grow-0': {},\n\n    '&-text': {\n      '@apply inline-flex': {},\n      '@apply bg-primary-surface shadow': {},\n      '@apply px-16 py-8': {},\n      '@apply rounded-utility': {},\n      '@apply text-light-primary text-small': {},\n      '@apply font-bold': {},\n      '@apply w-fit h-fit': {},\n      '@apply grow-0': {},\n      '@apply min-h-[3.4rem]': {},\n    },\n\n    //Arrow\n    '&::after, &::before': {\n      '@apply h-0 w-0 overflow-hidden': {},\n    },\n\n    // Above\n    '&[data-position=\"above\"]': {\n      '@apply flex-col': {},\n      '@apply pb-2': {},\n      '&::after': {\n        '@apply content-[\"\"] border-solid border-[0.6rem] border-b-0': {},\n        '@apply border-t-primary-surface border-r-transparent border-b-transparent border-l-transparent': {},\n      },\n    },\n\n    // Below\n    '&[data-position=\"below\"]': {\n      '@apply flex-col': {},\n      '@apply pt-2': {},\n      '&::before': {\n        '@apply content-[\"\"] border-solid border-[0.6rem] border-t-0': {},\n        '@apply border-t-transparent border-r-transparent border-b-primary-surface border-l-transparent': {},\n      },\n    },\n\n    // Left\n    '&[data-position=\"left\"]': {\n      '@apply flex-row': {},\n      '@apply pr-2 py-[0.3rem]': {},\n      '&::after': {\n        '@apply content-[\"\"] border-solid border-[0.6rem] border-r-0': {},\n        '@apply border-t-transparent border-r-transparent border-b-transparent border-l-primary-surface': {},\n      },\n    },\n\n    // Right\n    '&[data-position=\"right\"]': {\n      '@apply flex-row': {},\n      '@apply pl-2 py-[0.3rem]': {},\n      '&::before': {\n        '@apply content-[\"\"] border-solid border-[0.6rem] border-l-0': {},\n        '@apply border-t-transparent border-r-primary-surface border-b-transparent border-l-transparent': {},\n      },\n    },\n  },\n});\n"],"mappings":"AAAA,OAAO,IAAMA,OAAO,GAAGA,CAAA,MAAO;EAC5B,aAAa,EAAE;IACb,gDAAgD,EAAE,CAAC,CAAC;IACpD,oBAAoB,EAAE,CAAC,CAAC;IACxB,eAAe,EAAE,CAAC,CAAC;IAEnB,QAAQ,EAAE;MACR,oBAAoB,EAAE,CAAC,CAAC;MACxB,kCAAkC,EAAE,CAAC,CAAC;MACtC,mBAAmB,EAAE,CAAC,CAAC;MACvB,wBAAwB,EAAE,CAAC,CAAC;MAC5B,sCAAsC,EAAE,CAAC,CAAC;MAC1C,kBAAkB,EAAE,CAAC,CAAC;MACtB,oBAAoB,EAAE,CAAC,CAAC;MACxB,eAAe,EAAE,CAAC,CAAC;MACnB,uBAAuB,EAAE,CAAC;IAC5B,CAAC;IAED;IACA,qBAAqB,EAAE;MACrB,gCAAgC,EAAE,CAAC;IACrC,CAAC;IAED;IACA,0BAA0B,EAAE;MAC1B,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC,CAAC;MACjB,UAAU,EAAE;QACV,6DAA6D,EAAE,CAAC,CAAC;QACjE,gGAAgG,EAAE,CAAC;MACrG;IACF,CAAC;IAED;IACA,0BAA0B,EAAE;MAC1B,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC,CAAC;MACjB,WAAW,EAAE;QACX,6DAA6D,EAAE,CAAC,CAAC;QACjE,gGAAgG,EAAE,CAAC;MACrG;IACF,CAAC;IAED;IACA,yBAAyB,EAAE;MACzB,iBAAiB,EAAE,CAAC,CAAC;MACrB,yBAAyB,EAAE,CAAC,CAAC;MAC7B,UAAU,EAAE;QACV,6DAA6D,EAAE,CAAC,CAAC;QACjE,gGAAgG,EAAE,CAAC;MACrG;IACF,CAAC;IAED;IACA,0BAA0B,EAAE;MAC1B,iBAAiB,EAAE,CAAC,CAAC;MACrB,yBAAyB,EAAE,CAAC,CAAC;MAC7B,WAAW,EAAE;QACX,6DAA6D,EAAE,CAAC,CAAC;QACjE,gGAAgG,EAAE,CAAC;MACrG;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"tooltip.js","names":["Tooltip"],"sources":["../../../src/components/tooltip.ts"],"sourcesContent":["export const Tooltip = () => ({\r\n  '.sk-tooltip': {\r\n    '@apply inline-flex justify-center items-center': {},\r\n    '@apply w-fit h-fit': {},\r\n    '@apply grow-0': {},\r\n\r\n    '&-text': {\r\n      '@apply inline-flex': {},\r\n      '@apply bg-primary-surface shadow': {},\r\n      '@apply px-16 py-8': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply text-light-primary text-small': {},\r\n      '@apply font-bold': {},\r\n      '@apply w-fit h-fit': {},\r\n      '@apply grow-0': {},\r\n      '@apply min-h-34': {},\r\n    },\r\n\r\n    //Arrow\r\n    '&::after, &::before': {\r\n      '@apply h-0 w-0 overflow-hidden': {},\r\n    },\r\n\r\n    // Above\r\n    '&[data-position=\"above\"]': {\r\n      '@apply flex-col': {},\r\n      '@apply pb-2': {},\r\n      '&::after': {\r\n        '@apply content-[\"\"] border-solid border-6 border-b-0': {},\r\n        '@apply border-t-primary-surface border-r-transparent border-b-transparent border-l-transparent': {},\r\n      },\r\n    },\r\n\r\n    // Below\r\n    '&[data-position=\"below\"]': {\r\n      '@apply flex-col': {},\r\n      '@apply pt-2': {},\r\n      '&::before': {\r\n        '@apply content-[\"\"] border-solid border-6 border-t-0': {},\r\n        '@apply border-t-transparent border-r-transparent border-b-primary-surface border-l-transparent': {},\r\n      },\r\n    },\r\n\r\n    // Left\r\n    '&[data-position=\"left\"]': {\r\n      '@apply flex-row': {},\r\n      '@apply pr-2 py-3': {},\r\n      '&::after': {\r\n        '@apply content-[\"\"] border-solid border-6 border-r-0': {},\r\n        '@apply border-t-transparent border-r-transparent border-b-transparent border-l-primary-surface': {},\r\n      },\r\n    },\r\n\r\n    // Right\r\n    '&[data-position=\"right\"]': {\r\n      '@apply flex-row': {},\r\n      '@apply pl-2 py-3': {},\r\n      '&::before': {\r\n        '@apply content-[\"\"] border-solid border-6 border-l-0': {},\r\n        '@apply border-t-transparent border-r-primary-surface border-b-transparent border-l-transparent': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,OAAO,GAAGA,CAAA,MAAO;EAC5B,aAAa,EAAE;IACb,gDAAgD,EAAE,CAAC,CAAC;IACpD,oBAAoB,EAAE,CAAC,CAAC;IACxB,eAAe,EAAE,CAAC,CAAC;IAEnB,QAAQ,EAAE;MACR,oBAAoB,EAAE,CAAC,CAAC;MACxB,kCAAkC,EAAE,CAAC,CAAC;MACtC,mBAAmB,EAAE,CAAC,CAAC;MACvB,wBAAwB,EAAE,CAAC,CAAC;MAC5B,sCAAsC,EAAE,CAAC,CAAC;MAC1C,kBAAkB,EAAE,CAAC,CAAC;MACtB,oBAAoB,EAAE,CAAC,CAAC;MACxB,eAAe,EAAE,CAAC,CAAC;MACnB,iBAAiB,EAAE,CAAC;IACtB,CAAC;IAED;IACA,qBAAqB,EAAE;MACrB,gCAAgC,EAAE,CAAC;IACrC,CAAC;IAED;IACA,0BAA0B,EAAE;MAC1B,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC,CAAC;MACjB,UAAU,EAAE;QACV,sDAAsD,EAAE,CAAC,CAAC;QAC1D,gGAAgG,EAAE,CAAC;MACrG;IACF,CAAC;IAED;IACA,0BAA0B,EAAE;MAC1B,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC,CAAC;MACjB,WAAW,EAAE;QACX,sDAAsD,EAAE,CAAC,CAAC;QAC1D,gGAAgG,EAAE,CAAC;MACrG;IACF,CAAC;IAED;IACA,yBAAyB,EAAE;MACzB,iBAAiB,EAAE,CAAC,CAAC;MACrB,kBAAkB,EAAE,CAAC,CAAC;MACtB,UAAU,EAAE;QACV,sDAAsD,EAAE,CAAC,CAAC;QAC1D,gGAAgG,EAAE,CAAC;MACrG;IACF,CAAC;IAED;IACA,0BAA0B,EAAE;MAC1B,iBAAiB,EAAE,CAAC,CAAC;MACrB,kBAAkB,EAAE,CAAC,CAAC;MACtB,WAAW,EAAE;QACX,sDAAsD,EAAE,CAAC,CAAC;QAC1D,gGAAgG,EAAE,CAAC;MACrG;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}