@sk-web-gui/core 3.0.0 → 3.1.0

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

@@ -0,0 +1,221 @@
+module.exports = Menu = function Menu() {
+  return {
+    '.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/cjs/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/cjs/components/snackbar.js

@@ -5,8 +5,8 @@ exports.Snackbar = void 0;
 var Snackbar = exports.Snackbar = function Snackbar() {
   return {
     '.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/cjs/components/snackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"snackbar.js","names":["Snackbar","exports"],"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":";;;;AAAO,IAAMA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAA;EAAA,OAAU;IAC7B,cAAc,EAAE;MACd,0FAA0F,EAAE,CAAC,CAAC;MAC9F,qDAAqD,EAAE,CAAC,CAAC;MAEzD,QAAQ,EAAE;QACR,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,UAAU,EAAE;QACV,2BAA2B,EAAE,CAAC;MAChC,CAAC;MAED,WAAW,EAAE;QACX,gDAAgD,EAAE,CAAC;MACrD,CAAC;MAED,WAAW,EAAE;QACX,6CAA6C,EAAE,CAAC;MAClD,CAAC;MACD,QAAQ,EAAE;QACR,+DAA+D,EAAE,CAAC;MACpE,CAAC;MACD,WAAW,EAAE;QACX,+DAA+D,EAAE,CAAC;MACpE,CAAC;MACD,WAAW,EAAE;QACX,+DAA+D,EAAE,CAAC;MACpE,CAAC;MACD,SAAS,EAAE;QACT,2DAA2D,EAAE,CAAC;MAChE;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"snackbar.js","names":["Snackbar","exports"],"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":";;;;AAAO,IAAMA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAA;EAAA,OAAU;IAC7B,cAAc,EAAE;MACd,qDAAqD,EAAE,CAAC,CAAC;MACzD,2FAA2F,EAAE,CAAC,CAAC;MAE/F,QAAQ,EAAE;QACR,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,UAAU,EAAE;QACV,2BAA2B,EAAE,CAAC;MAChC,CAAC;MAED,WAAW,EAAE;QACX,gDAAgD,EAAE,CAAC;MACrD,CAAC;MAED,WAAW,EAAE;QACX,6CAA6C,EAAE,CAAC;MAClD,CAAC;MACD,QAAQ,EAAE;QACR,+DAA+D,EAAE,CAAC;MACpE,CAAC;MACD,WAAW,EAAE;QACX,+DAA+D,EAAE,CAAC;MACpE,CAAC;MACD,WAAW,EAAE;QACX,+DAA+D,EAAE,CAAC;MACpE,CAAC;MACD,SAAS,EAAE;QACT,2DAA2D,EAAE,CAAC;MAChE;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}

package/dist/cjs/components/spinner.js

@@ -9,6 +9,9 @@ var Spinner = exports.Spinner = function 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/cjs/components/spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.js","names":["Spinner","exports","colors","_extends","path","reduce","styles","color","_path","_extends2"],"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":";;;;;AAAO,IAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAVA,OAAOA,CAAIE,MAAgB;EAAA,OAAM;IAC5C,aAAa,EAAAC,QAAA;MACX,mBAAmB,EAAE,CAAC,CAAC;MACvB,uDAAuD,EAAE,CAAC,CAAC;MAC3D,wBAAwB,EAAE,CAAC,CAAC;MAE5BC,IAAI,EAAE;QACJ,8BAA8B,EAAE,CAAC;MACnC;IAAC,GAEEF,MAAM,CAACG,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,KAAA,EAAAC,SAAA;MAAA,OAAAN,QAAA,KACTG,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSF,KAAK,YAAO;QAC5BH,IAAI,GAAAI,KAAA,OAAAA,KAAA,oBACgBD,KAAK,yBAAqB,CAAC,CAAC,EAAAC,KAAA;MAElD,CAAC,EAAAC,SAAA;IAAA,CACD,EACF,CAAC,CACH,CAAC;EAEL,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"spinner.js","names":["Spinner","exports","colors","_extends","path","reduce","styles","color","_path","_extends2"],"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":";;;;;AAAO,IAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAVA,OAAOA,CAAIE,MAAgB;EAAA,OAAM;IAC5C,aAAa,EAAAC,QAAA;MACX,mBAAmB,EAAE,CAAC,CAAC;MACvB,uDAAuD,EAAE,CAAC,CAAC;MAC3D,wBAAwB,EAAE,CAAC,CAAC;MAE5B,UAAU,EAAE;QACV,8CAA8C,EAAE,CAAC;MACnD,CAAC;MACDC,IAAI,EAAE;QACJ,8BAA8B,EAAE,CAAC;MACnC;IAAC,GAEEF,MAAM,CAACG,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,KAAA,EAAAC,SAAA;MAAA,OAAAN,QAAA,KACTG,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSF,KAAK,YAAO;QAC5BH,IAAI,GAAAI,KAAA,OAAAA,KAAA,oBACgBD,KAAK,yBAAqB,CAAC,CAAC,EAAAC,KAAA;MAElD,CAAC,EAAAC,SAAA;IAAA,CACD,EACF,CAAC,CACH,CAAC;EAEL,CAAC;AAAA,CAAC","ignoreList":[]}

package/dist/cjs/components/switch.js

@@ -33,7 +33,7 @@ var Switch = exports.Switch = function Switch() {
       }, _inputTypeCheckbox['.sk-form-switch-icon'] = {
         '@apply flex': {}
       }, _inputTypeCheckbox['.sk-form-switch-box'] = {
-        transform: 'translateX(2.4rem)'
+        transform: 'translateX(var(--sk-spacing-24))'
       }, _inputTypeCheckbox['@apply bg-primitives-overlay-darken-4 dark:bg-primitives-overlay-lighten-5'] = {}, _inputTypeCheckbox["&[data-disabled=\"true\"]"] = {
         '.sk-form-switch-box': {
           '@apply bg-transparent': {},
@@ -49,7 +49,7 @@ var Switch = exports.Switch = function Switch() {
       '.sk-form-switch-box': {
         '@apply bg-primitives-overlay-darken-6 dark:bg-primitives-overlay-lighten-6': {}
       }
-    }, _skFormSwitch.width = '5.6rem', _skFormSwitch),
+    }, _skFormSwitch['@apply w-56'] = {}, _skFormSwitch),
     // Knob
     '.sk-form-switch-box': {
       '@apply transition-transform ease-in-out duration-150 transform rounded-full shadow translate-x-0 m-6': {},

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

@@ -1 +1 @@
-{"version":3,"file":"switch.js","names":["Switch","exports","_inputTypeCheckbox","_skFormSwitch","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":";;;;AAAO,IAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAA;EAAA,IAAAE,kBAAA,EAAAC,aAAA;EAAA,OAAU;IAC3B,uBAAuB,EAAE;MACvB,8CAA8C,EAAE,CAAC,CAAC;MAClD,wBAAwB,EAAE,CAAC,CAAC;MAC5B,8BAA8B,EAAE,CAAC,CAAC;MAElC,kBAAkB,EAAE;QAClB,eAAe,EAAE,CAAC,CAAC;QAEnB,iBAAiB,EAAE;UACjB,eAAe,EAAE,CAAC;QACpB;MACF;IACF,CAAC;IACD,iBAAiB,GAAAA,aAAA;MACf,uDAAuD,EAAE,CAAC,CAAC;MAC3D,4EAA4E,EAAE,CAAC,CAAC;MAEhF;MACA,wFAAwF,EAAE,CAAC,CAAC;MAE5F;MACA,wCAAwC,EAAE;QACxC,2BAA2B,EAAE,CAAC;MAChC,CAAC;MAED;MACA,kCAAkC,GAAAD,kBAAA,OAAAA,kBAAA,gCACH;QAC3B,qBAAqB,EAAE;UACrB,mCAAmC,EAAE,CAAC;QACxC;MACF,CAAC,EAAAA,kBAAA,CAED,sBAAsB,IAAE;QACtB,aAAa,EAAE,CAAC;MAClB,CAAC,EAAAA,kBAAA,CAED,qBAAqB,IAAE;QACrBE,SAAS,EAAE;MACb,CAAC,EAAAF,kBAAA,CAED,4EAA4E,IAAE,CAAC,CAAC,EAAAA,kBAAA,gCAGnD;QAC3B,qBAAqB,EAAE;UACrB,uBAAuB,EAAE,CAAC,CAAC;UAE3B,sBAAsB,EAAE;YACtB,4EAA4E,EAAE,CAAC,CAAC;YAChF,2BAA2B,EAAE,CAAC;UAChC;QACF;MACF,CAAC,EAAAA,kBAAA;IACF,GAAAC,aAAA,gCAG4B;MAC3B,uBAAuB,EAAE,CAAC,CAAC;MAC3B,4EAA4E,EAAE,CAAC,CAAC;MAEhF,qBAAqB,EAAE;QACrB,4EAA4E,EAAE,CAAC;MACjF;IACF,CAAC,EAAAA,aAAA,CAEDE,KAAK,GAAE,QAAQ,EAAAF,aAAA,CAChB;IAED;IACA,qBAAqB,EAAE;MACrB,sGAAsG,EAAE,CAAC,CAAC;MAC1G,4EAA4E,EAAE,CAAC,CAAC;MAChF,kBAAkB,EAAE,CAAC,CAAC;MACtB,uDAAuD,EAAE,CAAC,CAAC;MAE3D,sBAAsB,EAAE;QACtB,uBAAuB,EAAE,CAAC,CAAC;QAC3B,eAAe,EAAE,CAAC,CAAC;QACnB,kBAAkB,EAAE,CAAC,CAAC;QACtB,2BAA2B,EAAE,CAAC;MAChC;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"switch.js","names":["Switch","exports","_inputTypeCheckbox","_skFormSwitch","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":";;;;AAAO,IAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAA;EAAA,IAAAE,kBAAA,EAAAC,aAAA;EAAA,OAAU;IAC3B,uBAAuB,EAAE;MACvB,8CAA8C,EAAE,CAAC,CAAC;MAClD,wBAAwB,EAAE,CAAC,CAAC;MAC5B,8BAA8B,EAAE,CAAC,CAAC;MAElC,kBAAkB,EAAE;QAClB,eAAe,EAAE,CAAC,CAAC;QAEnB,iBAAiB,EAAE;UACjB,eAAe,EAAE,CAAC;QACpB;MACF;IACF,CAAC;IACD,iBAAiB,GAAAA,aAAA;MACf,uDAAuD,EAAE,CAAC,CAAC;MAC3D,4EAA4E,EAAE,CAAC,CAAC;MAEhF;MACA,wFAAwF,EAAE,CAAC,CAAC;MAE5F;MACA,wCAAwC,EAAE;QACxC,2BAA2B,EAAE,CAAC;MAChC,CAAC;MAED;MACA,kCAAkC,GAAAD,kBAAA,OAAAA,kBAAA,gCACH;QAC3B,qBAAqB,EAAE;UACrB,mCAAmC,EAAE,CAAC;QACxC;MACF,CAAC,EAAAA,kBAAA,CAED,sBAAsB,IAAE;QACtB,aAAa,EAAE,CAAC;MAClB,CAAC,EAAAA,kBAAA,CAED,qBAAqB,IAAE;QACrBE,SAAS,EAAE;MACb,CAAC,EAAAF,kBAAA,CAED,4EAA4E,IAAE,CAAC,CAAC,EAAAA,kBAAA,gCAGnD;QAC3B,qBAAqB,EAAE;UACrB,uBAAuB,EAAE,CAAC,CAAC;UAE3B,sBAAsB,EAAE;YACtB,4EAA4E,EAAE,CAAC,CAAC;YAChF,2BAA2B,EAAE,CAAC;UAChC;QACF;MACF,CAAC,EAAAA,kBAAA;IACF,GAAAC,aAAA,gCAG4B;MAC3B,uBAAuB,EAAE,CAAC,CAAC;MAC3B,4EAA4E,EAAE,CAAC,CAAC;MAEhF,qBAAqB,EAAE;QACrB,4EAA4E,EAAE,CAAC;MACjF;IACF,CAAC,EAAAA,aAAA,CAED,aAAa,IAAE,CAAC,CAAC,EAAAA,aAAA,CAClB;IAED;IACA,qBAAqB,EAAE;MACrB,sGAAsG,EAAE,CAAC,CAAC;MAC1G,4EAA4E,EAAE,CAAC,CAAC;MAChF,kBAAkB,EAAE,CAAC,CAAC;MACtB,uDAAuD,EAAE,CAAC,CAAC;MAE3D,sBAAsB,EAAE;QACtB,uBAAuB,EAAE,CAAC,CAAC;QAC3B,eAAe,EAAE,CAAC,CAAC;QACnB,kBAAkB,EAAE,CAAC,CAAC;QACtB,2BAA2B,EAAE,CAAC;MAChC;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}

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

@@ -0,0 +1,59 @@
+module.exports = TabMenu = function TabMenu() {
+  return {
+    '.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/cjs/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,GAAG,SAAAA,QAAA;EAAA,OAAO;IAChC,cAAc,EAAE;MACd,WAAW,EAAE;QACXC,OAAO,EAAE,MAAM;QACfC,aAAa,EAAE,KAAK;QACpBC,MAAM,EAAE;MACV,CAAC;MACD,SAAS,EAAE;QACT,oBAAoB,EAAE,CAAC;MACzB,CAAC;MACD,UAAU,EAAE;QACV,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,QAAQ,EAAE;QACRC,GAAG,EAAE,OAAO;QACZH,OAAO,EAAE,MAAM;QACf,WAAW,EAAE;UACX,+BAA+B,EAAE,CAAC;QACpC;MACF,CAAC;MAED,aAAa,EAAE;QACbI,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,CAAC;QACT,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MACD,QAAQ,EAAE;QACRF,GAAG,EAAE,OAAO;QACZE,MAAM,EAAE,EAAE;QACVL,OAAO,EAAE,MAAM;QACfM,OAAO,EAAE,QAAQ;QACjBC,WAAW,EAAE,MAAM;QACnBC,UAAU,EAAE,QAAQ;QACpBC,QAAQ,EAAE,UAAU;QACpBC,MAAM,EAAE,SAAS;QACjB,WAAW,EAAE;UACX,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,SAAS,EAAE;UACT,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QACD,uBAAuB,EAAE;UACvB,aAAa,EAAE,CAAC;QAClB,CAAC;QAED,iBAAiB,EAAE;UACjBC,OAAO,EAAE,IAAI;UACbX,OAAO,EAAE,OAAO;UAChBS,QAAQ,EAAE,UAAU;UACpBL,KAAK,EAAE,MAAM;UACbC,MAAM,EAAE,CAAC;UACTO,GAAG,EAAE,MAAM;UACXC,IAAI,EAAE,CAAC;UACP,mBAAmB,EAAE,CAAC;QACxB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

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

@@ -5,6 +5,7 @@ exports.TableAutoTable = void 0;
 var TableAutoTable = exports.TableAutoTable = function TableAutoTable() {
   return {
     '.sk-table-wrapper': {
+      '@apply text-base': {},
       '@apply rounded-groups': {},
       '@apply border-1 border-divider': {},
       '@apply bg-background-content': {},
@@ -50,7 +51,7 @@ var TableAutoTable = exports.TableAutoTable = function 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': {
@@ -129,8 +130,8 @@ var TableAutoTable = exports.TableAutoTable = function 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': {},
@@ -151,13 +152,13 @@ var TableAutoTable = exports.TableAutoTable = function 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': {}
             }
           }
         }
@@ -188,7 +189,7 @@ var TableAutoTable = exports.TableAutoTable = function TableAutoTable() {
         }
       },
       '&-paginationwrapper': {
-        '@apply max-w-[60rem]': {},
+        '@apply max-w-[37.5em]': {},
         '@apply shrink grow': {},
         '@apply hidden @screen-md/footer:flex': {}
       },

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

@@ -1 +1 @@
-{"version":3,"file":"table-autotable.js","names":["TableAutoTable","exports","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","exports","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/cjs/components/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":["Tabs","exports"],"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":";;;;AAAO,IAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAA;EAAA,OAAU;IACzB,UAAU,EAAE;MACV,eAAe,EAAE,CAAC,CAAC;MACnB,UAAU,EAAE;QACV,YAAY,EAAE,CAAC,CAAC;QAChB,aAAa,EAAE,CAAC;MAClB,CAAC;MAED,WAAW,EAAE;QACX,+BAA+B,EAAE;UAC/B,eAAe,EAAE,CAAC;QACpB;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"tabs.js","names":["Tabs","exports"],"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":";;;;AAAO,IAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAA;EAAA,OAAU;IACzB,UAAU,EAAE;MACV,eAAe,EAAE,CAAC,CAAC;MACnB,UAAU,EAAE;QACV,YAAY,EAAE,CAAC,CAAC;QAChB,aAAa,EAAE,CAAC;MAClB,CAAC;MAED,WAAW,EAAE;QACX,+BAA+B,EAAE;UAC/B,eAAe,EAAE,CAAC;QACpB;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}

package/dist/cjs/components/tooltip.js

@@ -17,7 +17,7 @@ var Tooltip = exports.Tooltip = function Tooltip() {
         '@apply font-bold': {},
         '@apply w-fit h-fit': {},
         '@apply grow-0': {},
-        '@apply min-h-[3.4rem]': {}
+        '@apply min-h-34': {}
       },
       //Arrow
       '&::after, &::before': {
@@ -28,7 +28,7 @@ var Tooltip = exports.Tooltip = function 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': {}
         }
       },
@@ -37,25 +37,25 @@ var Tooltip = exports.Tooltip = function 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/cjs/components/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":["Tooltip","exports"],"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":";;;;AAAO,IAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAVA,OAAOA,CAAA;EAAA,OAAU;IAC5B,aAAa,EAAE;MACb,gDAAgD,EAAE,CAAC,CAAC;MACpD,oBAAoB,EAAE,CAAC,CAAC;MACxB,eAAe,EAAE,CAAC,CAAC;MAEnB,QAAQ,EAAE;QACR,oBAAoB,EAAE,CAAC,CAAC;QACxB,kCAAkC,EAAE,CAAC,CAAC;QACtC,mBAAmB,EAAE,CAAC,CAAC;QACvB,wBAAwB,EAAE,CAAC,CAAC;QAC5B,sCAAsC,EAAE,CAAC,CAAC;QAC1C,kBAAkB,EAAE,CAAC,CAAC;QACtB,oBAAoB,EAAE,CAAC,CAAC;QACxB,eAAe,EAAE,CAAC,CAAC;QACnB,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MAED;MACA,qBAAqB,EAAE;QACrB,gCAAgC,EAAE,CAAC;MACrC,CAAC;MAED;MACA,0BAA0B,EAAE;QAC1B,iBAAiB,EAAE,CAAC,CAAC;QACrB,aAAa,EAAE,CAAC,CAAC;QACjB,UAAU,EAAE;UACV,6DAA6D,EAAE,CAAC,CAAC;UACjE,gGAAgG,EAAE,CAAC;QACrG;MACF,CAAC;MAED;MACA,0BAA0B,EAAE;QAC1B,iBAAiB,EAAE,CAAC,CAAC;QACrB,aAAa,EAAE,CAAC,CAAC;QACjB,WAAW,EAAE;UACX,6DAA6D,EAAE,CAAC,CAAC;UACjE,gGAAgG,EAAE,CAAC;QACrG;MACF,CAAC;MAED;MACA,yBAAyB,EAAE;QACzB,iBAAiB,EAAE,CAAC,CAAC;QACrB,yBAAyB,EAAE,CAAC,CAAC;QAC7B,UAAU,EAAE;UACV,6DAA6D,EAAE,CAAC,CAAC;UACjE,gGAAgG,EAAE,CAAC;QACrG;MACF,CAAC;MAED;MACA,0BAA0B,EAAE;QAC1B,iBAAiB,EAAE,CAAC,CAAC;QACrB,yBAAyB,EAAE,CAAC,CAAC;QAC7B,WAAW,EAAE;UACX,6DAA6D,EAAE,CAAC,CAAC;UACjE,gGAAgG,EAAE,CAAC;QACrG;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"version":3,"file":"tooltip.js","names":["Tooltip","exports"],"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":";;;;AAAO,IAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAVA,OAAOA,CAAA;EAAA,OAAU;IAC5B,aAAa,EAAE;MACb,gDAAgD,EAAE,CAAC,CAAC;MACpD,oBAAoB,EAAE,CAAC,CAAC;MACxB,eAAe,EAAE,CAAC,CAAC;MAEnB,QAAQ,EAAE;QACR,oBAAoB,EAAE,CAAC,CAAC;QACxB,kCAAkC,EAAE,CAAC,CAAC;QACtC,mBAAmB,EAAE,CAAC,CAAC;QACvB,wBAAwB,EAAE,CAAC,CAAC;QAC5B,sCAAsC,EAAE,CAAC,CAAC;QAC1C,kBAAkB,EAAE,CAAC,CAAC;QACtB,oBAAoB,EAAE,CAAC,CAAC;QACxB,eAAe,EAAE,CAAC,CAAC;QACnB,iBAAiB,EAAE,CAAC;MACtB,CAAC;MAED;MACA,qBAAqB,EAAE;QACrB,gCAAgC,EAAE,CAAC;MACrC,CAAC;MAED;MACA,0BAA0B,EAAE;QAC1B,iBAAiB,EAAE,CAAC,CAAC;QACrB,aAAa,EAAE,CAAC,CAAC;QACjB,UAAU,EAAE;UACV,sDAAsD,EAAE,CAAC,CAAC;UAC1D,gGAAgG,EAAE,CAAC;QACrG;MACF,CAAC;MAED;MACA,0BAA0B,EAAE;QAC1B,iBAAiB,EAAE,CAAC,CAAC;QACrB,aAAa,EAAE,CAAC,CAAC;QACjB,WAAW,EAAE;UACX,sDAAsD,EAAE,CAAC,CAAC;UAC1D,gGAAgG,EAAE,CAAC;QACrG;MACF,CAAC;MAED;MACA,yBAAyB,EAAE;QACzB,iBAAiB,EAAE,CAAC,CAAC;QACrB,kBAAkB,EAAE,CAAC,CAAC;QACtB,UAAU,EAAE;UACV,sDAAsD,EAAE,CAAC,CAAC;UAC1D,gGAAgG,EAAE,CAAC;QACrG;MACF,CAAC;MAED;MACA,0BAA0B,EAAE;QAC1B,iBAAiB,EAAE,CAAC,CAAC;QACrB,kBAAkB,EAAE,CAAC,CAAC;QACtB,WAAW,EAAE;UACX,sDAAsD,EAAE,CAAC,CAAC;UAC1D,gGAAgG,EAAE,CAAC;QACrG;MACF;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}