@sk-web-gui/core 1.0.3 → 1.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"radio.js","names":["module","exports","Radio","backgroundImage"],"sources":["../../../src/components/radio.js"],"sourcesContent":["module.exports = Radio = () => ({\r\n  '.sk-form-radio': {\r\n    backgroundImage: 'none',\r\n\r\n    '@apply relative': {},\r\n    '@apply box-border': {},\r\n    '@apply bg-primitives-overlay-lighten-10': {},\r\n    '@apply dark:bg-primitives-overlay-darken-6': {},\r\n    '@apply border-1': {},\r\n    '@apply border-primitives-overlay-darken-6': {},\r\n    '@apply dark:border-primitives-overlay-lighten-6': {},\r\n    '@apply m-0': {},\r\n    '@apply h-24 w-24': {},\r\n\r\n    //Hover\r\n    '@apply hover:after:content-[\"\"]': {},\r\n    '@apply hover:border-primitives-overlay-darken-8': {},\r\n    '@apply hover:dark:border-primitives-overlay-lighten-4': {},\r\n    '&::after': {\r\n      '@apply absolute': {},\r\n      '@apply rounded-full': {},\r\n      '@apply bg-dark-placeholder': {},\r\n      '@apply m-[0.5rem]': {},\r\n      '@apply top-0 left-0 bottom-0 right-0': {},\r\n    },\r\n\r\n    //Focus\r\n    '@apply focus-visible:ring': {},\r\n    '@apply focus-visible:bg-background-content': {},\r\n    '@apply focus-visible:border-background-content': {},\r\n    '@apply focus-visible:hover:border-background-content': {},\r\n\r\n    //Invalid\r\n    '&[aria-invalid=\"true\"]': {\r\n      '@apply border-2': {},\r\n      '@apply border-error-surface-primary': {},\r\n      '@apply hover:border-2': {},\r\n      '@apply hover:border-error-surface-primary': {},\r\n    },\r\n\r\n    //Checked\r\n    '&:checked, &[checked=\"true\"]': {\r\n      '@apply bg-primitives-overlay-lighten-10': {},\r\n      '@apply dark:bg-primitives-overlay-darken-6': {},\r\n      '@apply hover:bg-primitives-overlay-lighten-10': {},\r\n      '@apply hover:dark:bg-primitives-overlay-darken-6': {},\r\n      '@apply focus:bg-primitives-overlay-lighten-10': {},\r\n      '@apply focus:dark:bg-primitives-overlay-darken-6': {},\r\n      '@apply text-primitives-overlay-lighten-10': {},\r\n      '@apply dark:text-primitives-overlay-darken-6': {},\r\n      '@apply hover:text-primitives-overlay-lighten-10': {},\r\n      '@apply hover:dark:text-primitives-overlay-darken-6': {},\r\n      '@apply focus:text-primitives-overlay-lighten-10': {},\r\n      '@apply focus:dark:text-primitives-overlay-darken-6': {},\r\n      '@apply border-primitives-overlay-darken-6': {},\r\n      '@apply focus:border-primitives-overlay-darken-6': {},\r\n      '@apply dark:border-primitives-overlay-lighten-6': {},\r\n      '@apply hover:border-primitives-overlay-darken-8': {},\r\n      '@apply hover:dark:border-primitives-overlay-lighten-4': {},\r\n      '@apply focus:outline-0': {},\r\n      '@apply focus:ring-0 focus:ring-offset-0': {},\r\n      '@apply focus-visible:ring': {},\r\n      '@apply focus-visible:border-transparent': {},\r\n      '@apply after:content-[\"\"]': {},\r\n      '&[aria-invalid=\"true\"]': {\r\n        '@apply border-2': {},\r\n        '@apply border-error-surface-primary': {},\r\n        '@apply hover:border-2': {},\r\n        '@apply hover:border-error-surface-primary': {},\r\n      },\r\n      '&::after': {\r\n        '@apply bg-dark-primary': {},\r\n      },\r\n    },\r\n\r\n    '&:active': {\r\n      '@apply ring-0 ring-offset-0': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&:disabled, &[disabled=\"true\"]': {\r\n      '@apply border-primitives-overlay-darken-3': {},\r\n      '@apply dark:border-primitives-overlay-lighten-3': {},\r\n      '@apply hover:border-primitives-overlay-darken-3': {},\r\n      '@apply hover:dark:border-primitives-overlay-lighten-3': {},\r\n      '@apply bg-background-200': {},\r\n      '@apply hover:bg-background-200': {},\r\n      '@apply cursor-not-allowed': {},\r\n      '&:not(:checked):not([checked=\"true\"]):after': {\r\n        '@apply hidden': {},\r\n      },\r\n      '&:checked, &[checked=\"true\"]': {\r\n        '&::after': {\r\n          '@apply bg-dark-disabled': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-label': {\r\n      '@apply inline-flex align-top items-center': {},\r\n      '@apply font-normal': {},\r\n      '@apply p-2': {},\r\n      '&-sm': {\r\n        '@apply text-small': {},\r\n        '@apply h-[2.8rem]': {},\r\n        '@apply gap-10': {},\r\n      },\r\n      '&-md': {\r\n        '@apply text-base': {},\r\n        '@apply h-[2.8rem]': {},\r\n        '@apply gap-10': {},\r\n      },\r\n      '&-lg': {\r\n        '@apply text-large': {},\r\n        '@apply h-[3rem]': {},\r\n        '@apply gap-12': {},\r\n      },\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-dark-disabled': {},\r\n      },\r\n    },\r\n    '&-group': {\r\n      '@apply flex flex-row': {},\r\n      '&[data-direction=\"column\"]': {\r\n        '@apply flex-col': {},\r\n      },\r\n      '&-sm': {\r\n        '@apply gap-12': {},\r\n      },\r\n      '&-md': {\r\n        '@apply gap-16': {},\r\n      },\r\n      '&-lg': {\r\n        '@apply gap-16': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"radio.js","names":["Radio","backgroundImage"],"sources":["../../../src/components/radio.ts"],"sourcesContent":["export const Radio = () => ({\r\n  '.sk-form-radio': {\r\n    backgroundImage: 'none',\r\n\r\n    '@apply relative': {},\r\n    '@apply box-border': {},\r\n    '@apply bg-primitives-overlay-lighten-10': {},\r\n    '@apply dark:bg-primitives-overlay-darken-6': {},\r\n    '@apply border-1': {},\r\n    '@apply border-primitives-overlay-darken-6': {},\r\n    '@apply dark:border-primitives-overlay-lighten-6': {},\r\n    '@apply m-0': {},\r\n    '@apply h-24 w-24': {},\r\n\r\n    //Hover\r\n    '@apply hover:after:content-[\"\"]': {},\r\n    '@apply hover:border-primitives-overlay-darken-8': {},\r\n    '@apply hover:dark:border-primitives-overlay-lighten-4': {},\r\n    '&::after': {\r\n      '@apply absolute': {},\r\n      '@apply rounded-full': {},\r\n      '@apply bg-dark-placeholder': {},\r\n      '@apply m-[0.5rem]': {},\r\n      '@apply top-0 left-0 bottom-0 right-0': {},\r\n    },\r\n\r\n    //Focus\r\n    '@apply focus-visible:ring': {},\r\n    '@apply focus-visible:bg-background-content': {},\r\n    '@apply focus-visible:border-background-content': {},\r\n    '@apply focus-visible:hover:border-background-content': {},\r\n\r\n    //Invalid\r\n    '&[aria-invalid=\"true\"]': {\r\n      '@apply border-2': {},\r\n      '@apply border-error-surface-primary': {},\r\n      '@apply hover:border-2': {},\r\n      '@apply hover:border-error-surface-primary': {},\r\n    },\r\n\r\n    //Checked\r\n    '&:checked, &[checked=\"true\"]': {\r\n      '@apply bg-primitives-overlay-lighten-10': {},\r\n      '@apply dark:bg-primitives-overlay-darken-6': {},\r\n      '@apply hover:bg-primitives-overlay-lighten-10': {},\r\n      '@apply hover:dark:bg-primitives-overlay-darken-6': {},\r\n      '@apply focus:bg-primitives-overlay-lighten-10': {},\r\n      '@apply focus:dark:bg-primitives-overlay-darken-6': {},\r\n      '@apply text-primitives-overlay-lighten-10': {},\r\n      '@apply dark:text-primitives-overlay-darken-6': {},\r\n      '@apply hover:text-primitives-overlay-lighten-10': {},\r\n      '@apply hover:dark:text-primitives-overlay-darken-6': {},\r\n      '@apply focus:text-primitives-overlay-lighten-10': {},\r\n      '@apply focus:dark:text-primitives-overlay-darken-6': {},\r\n      '@apply border-primitives-overlay-darken-6': {},\r\n      '@apply focus:border-primitives-overlay-darken-6': {},\r\n      '@apply dark:border-primitives-overlay-lighten-6': {},\r\n      '@apply hover:border-primitives-overlay-darken-8': {},\r\n      '@apply hover:dark:border-primitives-overlay-lighten-4': {},\r\n      '@apply focus:outline-0': {},\r\n      '@apply focus:ring-0 focus:ring-offset-0': {},\r\n      '@apply focus-visible:ring': {},\r\n      '@apply focus-visible:border-transparent': {},\r\n      '@apply after:content-[\"\"]': {},\r\n      '&[aria-invalid=\"true\"]': {\r\n        '@apply border-2': {},\r\n        '@apply border-error-surface-primary': {},\r\n        '@apply hover:border-2': {},\r\n        '@apply hover:border-error-surface-primary': {},\r\n      },\r\n      '&::after': {\r\n        '@apply bg-dark-primary': {},\r\n      },\r\n    },\r\n\r\n    '&:active': {\r\n      '@apply ring-0 ring-offset-0': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&:disabled, &[disabled=\"true\"]': {\r\n      '@apply border-primitives-overlay-darken-3': {},\r\n      '@apply dark:border-primitives-overlay-lighten-3': {},\r\n      '@apply hover:border-primitives-overlay-darken-3': {},\r\n      '@apply hover:dark:border-primitives-overlay-lighten-3': {},\r\n      '@apply bg-background-200': {},\r\n      '@apply hover:bg-background-200': {},\r\n      '@apply cursor-not-allowed': {},\r\n      '&:not(:checked):not([checked=\"true\"]):after': {\r\n        '@apply hidden': {},\r\n      },\r\n      '&:checked, &[checked=\"true\"]': {\r\n        '&::after': {\r\n          '@apply bg-dark-disabled': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-label': {\r\n      '@apply inline-flex align-top items-center': {},\r\n      '@apply font-normal': {},\r\n      '@apply p-2': {},\r\n      '&-sm': {\r\n        '@apply text-small': {},\r\n        '@apply h-[2.8rem]': {},\r\n        '@apply gap-10': {},\r\n      },\r\n      '&-md': {\r\n        '@apply text-base': {},\r\n        '@apply h-[2.8rem]': {},\r\n        '@apply gap-10': {},\r\n      },\r\n      '&-lg': {\r\n        '@apply text-large': {},\r\n        '@apply h-[3rem]': {},\r\n        '@apply gap-12': {},\r\n      },\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-dark-disabled': {},\r\n      },\r\n    },\r\n    '&-group': {\r\n      '@apply flex flex-row': {},\r\n      '&[data-direction=\"column\"]': {\r\n        '@apply flex-col': {},\r\n      },\r\n      '&-sm': {\r\n        '@apply gap-12': {},\r\n      },\r\n      '&-md': {\r\n        '@apply gap-16': {},\r\n      },\r\n      '&-lg': {\r\n        '@apply gap-16': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}

package/dist/esm/components/search-field.js

@@ -1,4 +1,4 @@
-module.exports = SearchField = () => ({
+export var SearchField = () => ({
   '.sk-search-field': {
     '&-md': {
       '.sk-search-field-icon': {

package/dist/esm/components/search-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"search-field.js","names":["module","exports","SearchField","svg"],"sources":["../../../src/components/search-field.js"],"sourcesContent":["module.exports = SearchField = () => ({\r\n  '.sk-search-field': {\r\n    '&-md': {\r\n      '.sk-search-field-icon': {\r\n        '@apply w-[2rem] h-[2rem]': {},\r\n        svg: {\r\n          '@apply w-[2rem] h-[2rem]': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '.sk-search-field-icon': {\r\n        '@apply w-[2.2rem] h-[2.2rem]': {},\r\n        svg: {\r\n          '@apply w-[2.2rem] h-[2.2rem]': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,WAAW,GAAGA,CAAA,MAAO;EACpC,kBAAkB,EAAE;IAClB,MAAM,EAAE;MACN,uBAAuB,EAAE;QACvB,0BAA0B,EAAE,CAAC,CAAC;QAC9BC,GAAG,EAAE;UACH,0BAA0B,EAAE,CAAC;QAC/B;MACF;IACF,CAAC;IACD,MAAM,EAAE;MACN,uBAAuB,EAAE;QACvB,8BAA8B,EAAE,CAAC,CAAC;QAClCA,GAAG,EAAE;UACH,8BAA8B,EAAE,CAAC;QACnC;MACF;IACF;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"search-field.js","names":["SearchField","svg"],"sources":["../../../src/components/search-field.ts"],"sourcesContent":["export const SearchField = () => ({\r\n  '.sk-search-field': {\r\n    '&-md': {\r\n      '.sk-search-field-icon': {\r\n        '@apply w-[2rem] h-[2rem]': {},\r\n        svg: {\r\n          '@apply w-[2rem] h-[2rem]': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '.sk-search-field-icon': {\r\n        '@apply w-[2.2rem] h-[2.2rem]': {},\r\n        svg: {\r\n          '@apply w-[2.2rem] h-[2.2rem]': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,WAAW,GAAGA,CAAA,MAAO;EAChC,kBAAkB,EAAE;IAClB,MAAM,EAAE;MACN,uBAAuB,EAAE;QACvB,0BAA0B,EAAE,CAAC,CAAC;QAC9BC,GAAG,EAAE;UACH,0BAA0B,EAAE,CAAC;QAC/B;MACF;IACF,CAAC;IACD,MAAM,EAAE;MACN,uBAAuB,EAAE;QACvB,8BAA8B,EAAE,CAAC,CAAC;QAClCA,GAAG,EAAE;UACH,8BAA8B,EAAE,CAAC;QACnC;MACF;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/select.js

@@ -113,7 +113,7 @@ function primary() {
     }
   };
 }
-module.exports = Select = () => ({
+export var Select = () => ({
   '.sk-form-select': _extends({
     '@apply h-fit': {},
     '@apply w-fit': {},

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

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":["chevronDown","color","tertiary","primary","module","exports","Select","_extends","backgroundImage"],"sources":["../../../src/components/select.js"],"sourcesContent":["function chevronDown(color) {\r\n  //TODO: This wont work with CSS variables. The colors are set here and wont work with themes\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='${color}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6' /></svg>`;\r\n}\r\n\r\nfunction tertiary() {\r\n  return {\r\n    '&-tertiary': {\r\n      '@apply border-2': {},\r\n\r\n      '@apply bg-tertiary-surface': {},\r\n      '@apply hover:bg-tertiary-surface-hover': {},\r\n      '@apply border-transparent': {},\r\n\r\n      '&.sk-form-select-sm': {\r\n        //Padding - border width\r\n        '@apply pl-12': {},\r\n        //Background position - border width\r\n        '@apply bg-right-8': {},\r\n\r\n        //Padding + icon width - border width\r\n        '@apply pr-[3.2rem]': {},\r\n      },\r\n      '&.sk-form-select-md': {\r\n        //Padding - border width\r\n        '@apply pl-16': {},\r\n        //Background position - border width\r\n        '@apply bg-right-12': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-[4.2rem]': {},\r\n      },\r\n      '&.sk-form-select-lg': {\r\n        //Padding - border width\r\n        '@apply pl-18': {},\r\n        //Background position - border width\r\n        '@apply bg-right-16': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-[4.8rem]': {},\r\n      },\r\n      //Disabled\r\n      '&[aria-disabled=\"true\"]': {\r\n        '@apply bg-tertiary-surface-disabled': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction primary() {\r\n  return {\r\n    '&-primary': {\r\n      '@apply border-1': {},\r\n      '@apply border-primitives-overlay-darken-6': {},\r\n      '@apply dark:border-primitives-overlay-lighten-6': {},\r\n      '@apply hover:border-primitives-overlay-darken-8': {},\r\n      '@apply dark:hover:border-primitives-overlay-lighten-4': {},\r\n      '@apply bg-primitives-overlay-lighten-10': {},\r\n      '@apply dark:bg-primitives-overlay-darken-6': {},\r\n      '@apply hover:bg-primitives-overlay-lighten-10': {},\r\n      '@apply dark:hover:bg-primitives-overlay-darken-6': {},\r\n\r\n      '&.sk-form-select-sm': {\r\n        //Padding - border width\r\n        '@apply pl-[1.3rem]': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_0.9rem]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-[3.3rem]': {},\r\n\r\n        '&[aria-invalid=\"true\"]': {\r\n          //Padding - border width\r\n          '@apply pl-12': {},\r\n          //Background position - border width\r\n          '@apply bg-right-8': {},\r\n          //Padding + icon width - border width\r\n          '@apply pr-[3.2rem]': {},\r\n        },\r\n      },\r\n      '&.sk-form-select-md': {\r\n        //Padding - border width\r\n        '@apply pl-[1.7rem]': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_1.3rem]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-[4.3rem]': {},\r\n\r\n        '&[aria-invalid=\"true\"]': {\r\n          //Padding - border width\r\n          '@apply pl-16': {},\r\n          //Background position - border width\r\n          '@apply bg-right-12': {},\r\n          //Padding + icon width - border width\r\n          '@apply pr-[4.2rem]': {},\r\n        },\r\n      },\r\n      '&.sk-form-select-lg': {\r\n        //Padding - border width\r\n        '@apply pl-[1.9rem]': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_1.7rem]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-[4.9rem]': {},\r\n\r\n        '&[aria-invalid=\"true\"]': {\r\n          //Padding - border width\r\n          '@apply pl-18': {},\r\n          //Background position - border width\r\n          '@apply bg-right-16': {},\r\n          //Padding + icon width - border width\r\n          '@apply pr-[4.8rem]': {},\r\n        },\r\n      },\r\n      //Disabled\r\n      '&[aria-disabled=\"true\"]': {\r\n        '@apply bg-primitives-overlay-darken-1': {},\r\n        '@apply dark:bg-primitives-overlay-lighten-1': {},\r\n        '@apply border-primitives-overlay-darken-3': {},\r\n        '@apply dark:border-primitives-overlay-lighten-3': {},\r\n        '@apply hover:border-primitives-overlay-darken-3': {},\r\n        '@apply dark:hover:border-primitives-overlay-lighten-3': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = Select = () => ({\r\n  '.sk-form-select': {\r\n    '@apply h-fit': {},\r\n    '@apply w-fit': {},\r\n    '@apply box-border': {},\r\n    '@apply focus:border-transparent': {},\r\n    '@apply rounded-button': {},\r\n    '@apply text-dark-secondary': {},\r\n    '@apply placeholder:text-dark-secondary': {},\r\n    '@apply hover:placeholder:text-dark-primary': {},\r\n    '@apply focus:placeholder:text-dark-primary': {},\r\n    '@apply hover:text-dark-primary': {},\r\n    '@apply focus:text-dark-primary': {},\r\n    '@apply py-6': {},\r\n    '@apply focus:ring focus:ring-ring focus:ring-offset': {},\r\n    '@apply focus:outline-0': {},\r\n\r\n    backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(68,68,80)')}\")`],\r\n    '&:hover, &:focus': {\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(28,28,40)')}\")`],\r\n    },\r\n\r\n    ...tertiary(),\r\n    ...primary(),\r\n\r\n    //Droprown\r\n    '*': {\r\n      '@apply bg-background-content': {},\r\n    },\r\n\r\n    //Invalid\r\n    '&[aria-invalid=\"true\"]': {\r\n      '@apply border-2 border-error-surface-primary': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&[aria-disabled=\"true\"]': {\r\n      '@apply opacity-100': {},\r\n      '@apply text-dark-disabled': {},\r\n      '@apply placeholder:text-dark-disabled': {},\r\n      '@apply bg-tertiary-surface-disabled': {},\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgba(28,28,40, 0.5)')}\")`],\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply h-[3.2rem]': {},\r\n      '@apply text-label-small': {},\r\n      '@apply rounded-button-sm': {},\r\n      '*': {\r\n        '@apply text-input-small': {},\r\n      },\r\n    },\r\n    '&-md': {\r\n      '@apply h-[4rem]': {},\r\n      '@apply text-label-medium': {},\r\n      '@apply rounded-button-md': {},\r\n      '*': {\r\n        '@apply text-input-medium': {},\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '@apply h-[4.8rem]': {},\r\n      '@apply text-label-large': {},\r\n      '@apply rounded-button-lg': {},\r\n      '*': {\r\n        '@apply text-input-large': {},\r\n      },\r\n    },\r\n  },\r\n  '.dark .sk-form-select': {\r\n    backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(229,229,229)')}\")`],\r\n    '&:hover, &:focus': {\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(255,255,255)')}\")`],\r\n    },\r\n    '&[aria-disabled=\"true\"]': {\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgba(255,255,255, 0.64)')}\")`],\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"select.js","names":["chevronDown","color","tertiary","primary","Select","_extends","backgroundImage"],"sources":["../../../src/components/select.ts"],"sourcesContent":["function chevronDown(color: string) {\r\n  //TODO: This wont work with CSS variables. The colors are set here and wont work with themes\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='${color}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6' /></svg>`;\r\n}\r\n\r\nfunction tertiary() {\r\n  return {\r\n    '&-tertiary': {\r\n      '@apply border-2': {},\r\n\r\n      '@apply bg-tertiary-surface': {},\r\n      '@apply hover:bg-tertiary-surface-hover': {},\r\n      '@apply border-transparent': {},\r\n\r\n      '&.sk-form-select-sm': {\r\n        //Padding - border width\r\n        '@apply pl-12': {},\r\n        //Background position - border width\r\n        '@apply bg-right-8': {},\r\n\r\n        //Padding + icon width - border width\r\n        '@apply pr-[3.2rem]': {},\r\n      },\r\n      '&.sk-form-select-md': {\r\n        //Padding - border width\r\n        '@apply pl-16': {},\r\n        //Background position - border width\r\n        '@apply bg-right-12': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-[4.2rem]': {},\r\n      },\r\n      '&.sk-form-select-lg': {\r\n        //Padding - border width\r\n        '@apply pl-18': {},\r\n        //Background position - border width\r\n        '@apply bg-right-16': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-[4.8rem]': {},\r\n      },\r\n      //Disabled\r\n      '&[aria-disabled=\"true\"]': {\r\n        '@apply bg-tertiary-surface-disabled': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction primary() {\r\n  return {\r\n    '&-primary': {\r\n      '@apply border-1': {},\r\n      '@apply border-primitives-overlay-darken-6': {},\r\n      '@apply dark:border-primitives-overlay-lighten-6': {},\r\n      '@apply hover:border-primitives-overlay-darken-8': {},\r\n      '@apply dark:hover:border-primitives-overlay-lighten-4': {},\r\n      '@apply bg-primitives-overlay-lighten-10': {},\r\n      '@apply dark:bg-primitives-overlay-darken-6': {},\r\n      '@apply hover:bg-primitives-overlay-lighten-10': {},\r\n      '@apply dark:hover:bg-primitives-overlay-darken-6': {},\r\n\r\n      '&.sk-form-select-sm': {\r\n        //Padding - border width\r\n        '@apply pl-[1.3rem]': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_0.9rem]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-[3.3rem]': {},\r\n\r\n        '&[aria-invalid=\"true\"]': {\r\n          //Padding - border width\r\n          '@apply pl-12': {},\r\n          //Background position - border width\r\n          '@apply bg-right-8': {},\r\n          //Padding + icon width - border width\r\n          '@apply pr-[3.2rem]': {},\r\n        },\r\n      },\r\n      '&.sk-form-select-md': {\r\n        //Padding - border width\r\n        '@apply pl-[1.7rem]': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_1.3rem]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-[4.3rem]': {},\r\n\r\n        '&[aria-invalid=\"true\"]': {\r\n          //Padding - border width\r\n          '@apply pl-16': {},\r\n          //Background position - border width\r\n          '@apply bg-right-12': {},\r\n          //Padding + icon width - border width\r\n          '@apply pr-[4.2rem]': {},\r\n        },\r\n      },\r\n      '&.sk-form-select-lg': {\r\n        //Padding - border width\r\n        '@apply pl-[1.9rem]': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_1.7rem]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-[4.9rem]': {},\r\n\r\n        '&[aria-invalid=\"true\"]': {\r\n          //Padding - border width\r\n          '@apply pl-18': {},\r\n          //Background position - border width\r\n          '@apply bg-right-16': {},\r\n          //Padding + icon width - border width\r\n          '@apply pr-[4.8rem]': {},\r\n        },\r\n      },\r\n      //Disabled\r\n      '&[aria-disabled=\"true\"]': {\r\n        '@apply bg-primitives-overlay-darken-1': {},\r\n        '@apply dark:bg-primitives-overlay-lighten-1': {},\r\n        '@apply border-primitives-overlay-darken-3': {},\r\n        '@apply dark:border-primitives-overlay-lighten-3': {},\r\n        '@apply hover:border-primitives-overlay-darken-3': {},\r\n        '@apply dark:hover:border-primitives-overlay-lighten-3': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nexport const Select = () => ({\r\n  '.sk-form-select': {\r\n    '@apply h-fit': {},\r\n    '@apply w-fit': {},\r\n    '@apply box-border': {},\r\n    '@apply focus:border-transparent': {},\r\n    '@apply rounded-button': {},\r\n    '@apply text-dark-secondary': {},\r\n    '@apply placeholder:text-dark-secondary': {},\r\n    '@apply hover:placeholder:text-dark-primary': {},\r\n    '@apply focus:placeholder:text-dark-primary': {},\r\n    '@apply hover:text-dark-primary': {},\r\n    '@apply focus:text-dark-primary': {},\r\n    '@apply py-6': {},\r\n    '@apply focus:ring focus:ring-ring focus:ring-offset': {},\r\n    '@apply focus:outline-0': {},\r\n\r\n    backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(68,68,80)')}\")`],\r\n    '&:hover, &:focus': {\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(28,28,40)')}\")`],\r\n    },\r\n\r\n    ...tertiary(),\r\n    ...primary(),\r\n\r\n    //Droprown\r\n    '*': {\r\n      '@apply bg-background-content': {},\r\n    },\r\n\r\n    //Invalid\r\n    '&[aria-invalid=\"true\"]': {\r\n      '@apply border-2 border-error-surface-primary': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&[aria-disabled=\"true\"]': {\r\n      '@apply opacity-100': {},\r\n      '@apply text-dark-disabled': {},\r\n      '@apply placeholder:text-dark-disabled': {},\r\n      '@apply bg-tertiary-surface-disabled': {},\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgba(28,28,40, 0.5)')}\")`],\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply h-[3.2rem]': {},\r\n      '@apply text-label-small': {},\r\n      '@apply rounded-button-sm': {},\r\n      '*': {\r\n        '@apply text-input-small': {},\r\n      },\r\n    },\r\n    '&-md': {\r\n      '@apply h-[4rem]': {},\r\n      '@apply text-label-medium': {},\r\n      '@apply rounded-button-md': {},\r\n      '*': {\r\n        '@apply text-input-medium': {},\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '@apply h-[4.8rem]': {},\r\n      '@apply text-label-large': {},\r\n      '@apply rounded-button-lg': {},\r\n      '*': {\r\n        '@apply text-input-large': {},\r\n      },\r\n    },\r\n  },\r\n  '.dark .sk-form-select': {\r\n    backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(229,229,229)')}\")`],\r\n    '&:hover, &:focus': {\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(255,255,255)')}\")`],\r\n    },\r\n    '&[aria-disabled=\"true\"]': {\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgba(255,255,255, 0.64)')}\")`],\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}

package/dist/esm/components/snackbar.js

@@ -1,4 +1,4 @@
-module.exports = Snackbar = () => ({
+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': {},

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.js","names":["module","exports","Snackbar"],"sources":["../../../src/components/snackbar.js"],"sourcesContent":["module.exports = 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":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAGA,CAAA,MAAO;EACjC,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"}
+{"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"}

package/dist/esm/components/spinner.js

@@ -1,5 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-module.exports = SearchBar = colors => ({
+export var Spinner = colors => ({
   '.sk-spinner': _extends({
     '@apply box-border': {},
     '@apply flex justify-center items-center object-center': {},

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

@@ -1 +1 @@
-{"version":3,"file":"spinner.js","names":["module","exports","SearchBar","colors","_extends","path","reduce","styles","color"],"sources":["../../../src/components/spinner.js"],"sourcesContent":["module.exports = SearchBar = (colors) => ({\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    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":";AAAAA,MAAM,CAACC,OAAO,GAAGC,SAAS,GAAIC,MAAM,KAAM;EACxC,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"}
+{"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    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;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"}

package/dist/esm/components/switch.js

@@ -1,4 +1,4 @@
-module.exports = Switch = () => ({
+export var Switch = () => ({
   '.sk-form-switch-label': {
     '@apply inline-flex align-middle items-center': {},
     '@apply flex-row gap-12': {},

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

@@ -1 +1 @@
-{"version":3,"file":"switch.js","names":["module","exports","Switch","transform","width"],"sources":["../../../src/components/switch.js"],"sourcesContent":["module.exports = 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":"AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAGA,CAAA,MAAO;EAC/B,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"}
+{"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"}

package/dist/esm/components/table.js

@@ -1,4 +1,4 @@
-module.exports = Table = () => ({
+export var Table = () => ({
   '.table': {
     '@apply min-w-full border-collapse border-gray-stroke divide-gray-lighter table-auto': {},
     '&-item': {

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

@@ -1 +1 @@
-{"version":3,"file":"table.js","names":["module","exports","Table"],"sources":["../../../src/components/table.js"],"sourcesContent":["module.exports = Table = () => ({\r\n  '.table': {\r\n    '@apply min-w-full border-collapse border-gray-stroke divide-gray-lighter table-auto': {},\r\n\r\n    '&-item': {\r\n      '@apply px-6 py-4 border border-gray-stroke whitespace-nowrap': {},\r\n\r\n      '&:nth-child(odd)': {\r\n        '@apply bg-gray-lighter': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAGA,CAAA,MAAO;EAC9B,QAAQ,EAAE;IACR,qFAAqF,EAAE,CAAC,CAAC;IAEzF,QAAQ,EAAE;MACR,8DAA8D,EAAE,CAAC,CAAC;MAElE,kBAAkB,EAAE;QAClB,wBAAwB,EAAE,CAAC;MAC7B;IACF;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"table.js","names":["Table"],"sources":["../../../src/components/table.ts"],"sourcesContent":["export const Table = () => ({\r\n  '.table': {\r\n    '@apply min-w-full border-collapse border-gray-stroke divide-gray-lighter table-auto': {},\r\n\r\n    '&-item': {\r\n      '@apply px-6 py-4 border border-gray-stroke whitespace-nowrap': {},\r\n\r\n      '&:nth-child(odd)': {\r\n        '@apply bg-gray-lighter': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,KAAK,GAAGA,CAAA,MAAO;EAC1B,QAAQ,EAAE;IACR,qFAAqF,EAAE,CAAC,CAAC;IAEzF,QAAQ,EAAE;MACR,8DAA8D,EAAE,CAAC,CAAC;MAElE,kBAAkB,EAAE;QAClB,wBAAwB,EAAE,CAAC;MAC7B;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/tabs.js

@@ -1,62 +1,13 @@
-module.exports = Tabs = () => ({
+export var Tabs = () => ({
   '.sk-tabs': {
-    '&-stretch': {
-      '@apply w-full': {}
+    '@apply w-full': {},
+    '&-panels': {
+      '@apply p-8': {},
+      '@apply mt-8': {}
     },
-    '&-list': {
-      '@apply  block relative w-full h-[3rem]': {},
-      '&-stretch': {
-        '@apply flex justify-between': {}
-      },
-      '&-right': {
-        '@apply text-right': {}
-      },
-      '&-center': {
-        '@apply text-center': {}
-      },
-      '&-line::after': {
-        content: '""',
-        '@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {}
-      }
-    },
-    '&-tab': {
-      '@apply relative mr-[3.2rem] text-base font-bold  p-0 relative h-[2.8rem] inline-block': {},
-      '@apply text-gray': {},
-      '@apply cursor-pointer': {},
-      '&.disabled': {
-        '@apply cursor-not-allowed': {},
-        '@apply text-gray-stroke': {}
-      },
-      '&.active': {
-        '@apply text-body': {},
-        '&::after': {
-          content: '""',
-          '@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {}
-        }
-      },
-      '&-stretch': {
-        '@apply mr-0': {}
-      },
-      '&-header': {
-        '@apply text-large font-normal': {}
-      },
-      '&-right': {
-        '@apply mr-0 ml-lg': {}
-      },
-      '&:last-of-type': {
-        '@apply mr-0': {}
-      },
-      '&-icon': {
-        '&-with-label': {
-          '@apply mr-sm': {}
-        }
-      }
-    },
-    '&-panel': {
-      '@apply mt-lg': {},
-      '&:not(.active)': {
-        display: 'none',
-        hidden: true
+    '&-content': {
+      '&:not([data-selected="true"])': {
+        '@apply hidden': {}
       }
     }
   }

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":["module","exports","Tabs","content","display","hidden"],"sources":["../../../src/components/tabs.js"],"sourcesContent":["module.exports = Tabs = () => ({\r\n  '.sk-tabs': {\r\n    '&-stretch': {\r\n      '@apply w-full': {},\r\n    },\r\n    '&-list': {\r\n      '@apply  block relative w-full h-[3rem]': {},\r\n      '&-stretch': {\r\n        '@apply flex justify-between': {},\r\n      },\r\n      '&-right': {\r\n        '@apply text-right': {},\r\n      },\r\n      '&-center': {\r\n        '@apply text-center': {},\r\n      },\r\n\r\n      '&-line::after': {\r\n        content: '\"\"',\r\n        '@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {},\r\n      },\r\n    },\r\n    '&-tab': {\r\n      '@apply relative mr-[3.2rem] text-base font-bold  p-0 relative h-[2.8rem] inline-block': {},\r\n      '@apply text-gray': {},\r\n      '@apply cursor-pointer': {},\r\n      '&.disabled': {\r\n        '@apply cursor-not-allowed': {},\r\n        '@apply text-gray-stroke': {},\r\n      },\r\n      '&.active': {\r\n        '@apply text-body': {},\r\n        '&::after': {\r\n          content: '\"\"',\r\n          '@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {},\r\n        },\r\n      },\r\n      '&-stretch': {\r\n        '@apply mr-0': {},\r\n      },\r\n      '&-header': {\r\n        '@apply text-large font-normal': {},\r\n      },\r\n      '&-right': {\r\n        '@apply mr-0 ml-lg': {},\r\n      },\r\n      '&:last-of-type': {\r\n        '@apply mr-0': {},\r\n      },\r\n      '&-icon': {\r\n        '&-with-label': {\r\n          '@apply mr-sm': {},\r\n        },\r\n      },\r\n    },\r\n    '&-panel': {\r\n      '@apply mt-lg': {},\r\n      '&:not(.active)': {\r\n        display: 'none',\r\n        hidden: true,\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAGA,CAAA,MAAO;EAC7B,UAAU,EAAE;IACV,WAAW,EAAE;MACX,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,QAAQ,EAAE;MACR,wCAAwC,EAAE,CAAC,CAAC;MAC5C,WAAW,EAAE;QACX,6BAA6B,EAAE,CAAC;MAClC,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,UAAU,EAAE;QACV,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,eAAe,EAAE;QACfC,OAAO,EAAE,IAAI;QACb,uEAAuE,EAAE,CAAC;MAC5E;IACF,CAAC;IACD,OAAO,EAAE;MACP,uFAAuF,EAAE,CAAC,CAAC;MAC3F,kBAAkB,EAAE,CAAC,CAAC;MACtB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,YAAY,EAAE;QACZ,2BAA2B,EAAE,CAAC,CAAC;QAC/B,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MACD,UAAU,EAAE;QACV,kBAAkB,EAAE,CAAC,CAAC;QACtB,UAAU,EAAE;UACVA,OAAO,EAAE,IAAI;UACb,2EAA2E,EAAE,CAAC;QAChF;MACF,CAAC;MACD,WAAW,EAAE;QACX,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,UAAU,EAAE;QACV,+BAA+B,EAAE,CAAC;MACpC,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,gBAAgB,EAAE;QAChB,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,QAAQ,EAAE;QACR,cAAc,EAAE;UACd,cAAc,EAAE,CAAC;QACnB;MACF;IACF,CAAC;IACD,SAAS,EAAE;MACT,cAAc,EAAE,CAAC,CAAC;MAClB,gBAAgB,EAAE;QAChBC,OAAO,EAAE,MAAM;QACfC,MAAM,EAAE;MACV;IACF;EACF;AACF,CAAC,CAAC"}
+{"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"}

package/dist/esm/components/tooltip.js

@@ -1,4 +1,4 @@
-module.exports = Tooltip = () => ({
+export var Tooltip = () => ({
   '.sk-tooltip': {
     '@apply inline-flex justify-center items-center': {},
     '@apply w-fit h-fit': {},

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":["module","exports","Tooltip"],"sources":["../../../src/components/tooltip.js"],"sourcesContent":["module.exports = 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-[3.4rem]': {},\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-[0.6rem] 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-[0.6rem] 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-[0.3rem]': {},\r\n      '&::after': {\r\n        '@apply content-[\"\"] border-solid border-[0.6rem] 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-[0.3rem]': {},\r\n      '&::before': {\r\n        '@apply content-[\"\"] border-solid border-[0.6rem] 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":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAGA,CAAA,MAAO;EAChC,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"}
+{"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-[3.4rem]': {},\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-[0.6rem] 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-[0.6rem] 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-[0.3rem]': {},\r\n      '&::after': {\r\n        '@apply content-[\"\"] border-solid border-[0.6rem] 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-[0.3rem]': {},\r\n      '&::before': {\r\n        '@apply content-[\"\"] border-solid border-[0.6rem] 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,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"}

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

@@ -1,4 +1,4 @@
-module.exports = UserMenu = () => ({
+export var UserMenu = () => ({
   '.sk-usermenu': {
     '@apply relative': {},
     '&-button': {

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

@@ -1 +1 @@
-{"version":3,"file":"user-menu.js","names":["module","exports","UserMenu","height","width"],"sources":["../../../src/components/user-menu.js"],"sourcesContent":["module.exports = UserMenu = () => ({\r\n  '.sk-usermenu': {\r\n    '@apply relative': {},\r\n    '&-button': {\r\n      '@apply p-0 bg-transparent hover:bg-transparent': {},\r\n      '@apply border-0': {},\r\n      '.sk-avatar': {\r\n        height: 'inherit',\r\n        width: 'inherit',\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAGA,CAAA,MAAO;EACjC,cAAc,EAAE;IACd,iBAAiB,EAAE,CAAC,CAAC;IACrB,UAAU,EAAE;MACV,gDAAgD,EAAE,CAAC,CAAC;MACpD,iBAAiB,EAAE,CAAC,CAAC;MACrB,YAAY,EAAE;QACZC,MAAM,EAAE,SAAS;QACjBC,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"user-menu.js","names":["UserMenu","height","width"],"sources":["../../../src/components/user-menu.ts"],"sourcesContent":["export const UserMenu = () => ({\r\n  '.sk-usermenu': {\r\n    '@apply relative': {},\r\n    '&-button': {\r\n      '@apply p-0 bg-transparent hover:bg-transparent': {},\r\n      '@apply border-0': {},\r\n      '.sk-avatar': {\r\n        height: 'inherit',\r\n        width: 'inherit',\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,QAAQ,GAAGA,CAAA,MAAO;EAC7B,cAAc,EAAE;IACd,iBAAiB,EAAE,CAAC,CAAC;IACrB,UAAU,EAAE;MACV,gDAAgD,EAAE,CAAC,CAAC;MACpD,iBAAiB,EAAE,CAAC,CAAC;MACrB,YAAY,EAAE;QACZC,MAAM,EAAE,SAAS;QACjBC,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/zebratable.js

@@ -1,4 +1,4 @@
-module.exports = ZebraTable = () => ({
+export var ZebraTable = () => ({
   '.sk-zebratable-wrapper': {
     '@apply rounded-groups': {},
     '@apply border-1': {},

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

@@ -1 +1 @@
-{"version":3,"file":"zebratable.js","names":["module","exports","ZebraTable","svg"],"sources":["../../../src/components/zebratable.js"],"sourcesContent":["module.exports = ZebraTable = () => ({\r\n  '.sk-zebratable-wrapper': {\r\n    '@apply rounded-groups': {},\r\n    '@apply border-1': {},\r\n    '@apply bg-background-content': {},\r\n    '&-inside': {\r\n      '@apply border-0 rounded-t-groups': {},\r\n      '@apply overflow-hidden': {},\r\n    },\r\n    '&[data-variant=\"table\"]': {\r\n      '&:not([data-background=\"true\"])': {\r\n        '@apply border-0': {},\r\n        '@apply bg-transparent': {},\r\n      },\r\n      '.sk-zebratable-wrapper-inside': {\r\n        '@apply border-0 rounded-b-groups': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-zebratable': {\r\n    '@apply w-full text-left table-auto': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&-thead': {\r\n      '@apply border-b-1 border-dark-primary': {},\r\n      '@apply h-48': {},\r\n      '&-tr': {\r\n        '@apply table-row': {},\r\n        '@apply text-label-small': {},\r\n      },\r\n\r\n      '&-th': {\r\n        '@apply py-4': {},\r\n\r\n        \"&[data-isColumnSortable='true']\": {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n      '@apply bg-transparent': {},\r\n      '&[data-background=\"true\"]': {\r\n        '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n      },\r\n    },\r\n\r\n    '&-sortbutton': {\r\n      '@apply flex items-center': {},\r\n      '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n      '@apply focus-visible:bg-vattjom-background-200': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply px-16': {},\r\n      '@apply h-40': {},\r\n\r\n      '&-icon': {\r\n        '@apply inline-flex pl-sm': {},\r\n\r\n        '&-sort': {\r\n          '@apply text-dark-secondary': {},\r\n          '@apply flex flex-col': {},\r\n\r\n          svg: {\r\n            '@apply h-16 w-16': {},\r\n            '@apply first-of-type:-mb-4': {},\r\n            '@apply last-of-type:-mt-4': {},\r\n          },\r\n\r\n          \"&[data-sortmodeascending='true']\": {\r\n            '> *': {\r\n              '@apply last-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n\r\n          \"&[data-sortmodeascending='false']\": {\r\n            '> *': {\r\n              '@apply first-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-tbody': {\r\n      '@apply text-dark-secondary bg-transparent': {},\r\n\r\n      '&-tr': {\r\n        '@apply bg-transparent': {},\r\n        '@apply hover:bg-background-100': {},\r\n        '@apply border-b-1': {},\r\n        '@apply last-of-type:border-b-transparent': {},\r\n      },\r\n\r\n      '&-td': {\r\n        '@apply text-small': {},\r\n        '&-content': {\r\n          '@apply inline-flex': {},\r\n          '@apply justify-start items-center': {},\r\n          '@apply gap-8': {},\r\n          '@apply py-8 px-18': {},\r\n          '@apply h-[6.3rem]': {},\r\n          '@apply min-h-[6.3rem]': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-dense=\"true\"]': {\r\n      '.sk-zebratable': {\r\n        '&-thead': {\r\n          '&-th': {\r\n            '@apply py-4': {},\r\n          },\r\n        },\r\n        '&-tbody': {\r\n          '&-td-content': {\r\n            '@apply py-0': {},\r\n            '@apply h-[4.7rem]': {},\r\n            '@apply min-h-[4.7rem]': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-paginationwrapper': {\r\n      '@apply w-full max-w-[60rem]': {},\r\n      '@apply shrink': {},\r\n    },\r\n\r\n    '&-bottom': {\r\n      '@apply py-14 px-16': {},\r\n      '@apply border-t-1': {},\r\n      '@apply flex flex-row': {},\r\n      '@apply gap-32': {},\r\n      '@apply justify-between items-center': {},\r\n      '&-section': {\r\n        '@apply shrink-0': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply justify-start items-center': {},\r\n        '@apply gap-8': {},\r\n        '&-label': {\r\n          '@apply font-normal': {},\r\n          '@apply text-small': {},\r\n          '@apply shrink-0': {},\r\n        },\r\n      },\r\n      '&-pagination': {\r\n        '@apply grow': {},\r\n        '@apply shrink': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"zebratable.js","names":["ZebraTable","svg"],"sources":["../../../src/components/zebratable.ts"],"sourcesContent":["export const ZebraTable = () => ({\r\n  '.sk-zebratable-wrapper': {\r\n    '@apply rounded-groups': {},\r\n    '@apply border-1': {},\r\n    '@apply bg-background-content': {},\r\n    '&-inside': {\r\n      '@apply border-0 rounded-t-groups': {},\r\n      '@apply overflow-hidden': {},\r\n    },\r\n    '&[data-variant=\"table\"]': {\r\n      '&:not([data-background=\"true\"])': {\r\n        '@apply border-0': {},\r\n        '@apply bg-transparent': {},\r\n      },\r\n      '.sk-zebratable-wrapper-inside': {\r\n        '@apply border-0 rounded-b-groups': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-zebratable': {\r\n    '@apply w-full text-left table-auto': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&-thead': {\r\n      '@apply border-b-1 border-dark-primary': {},\r\n      '@apply h-48': {},\r\n      '&-tr': {\r\n        '@apply table-row': {},\r\n        '@apply text-label-small': {},\r\n      },\r\n\r\n      '&-th': {\r\n        '@apply py-4': {},\r\n\r\n        \"&[data-isColumnSortable='true']\": {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n      '@apply bg-transparent': {},\r\n      '&[data-background=\"true\"]': {\r\n        '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n      },\r\n    },\r\n\r\n    '&-sortbutton': {\r\n      '@apply flex items-center': {},\r\n      '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n      '@apply focus-visible:bg-vattjom-background-200': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply px-16': {},\r\n      '@apply h-40': {},\r\n\r\n      '&-icon': {\r\n        '@apply inline-flex pl-sm': {},\r\n\r\n        '&-sort': {\r\n          '@apply text-dark-secondary': {},\r\n          '@apply flex flex-col': {},\r\n\r\n          svg: {\r\n            '@apply h-16 w-16': {},\r\n            '@apply first-of-type:-mb-4': {},\r\n            '@apply last-of-type:-mt-4': {},\r\n          },\r\n\r\n          \"&[data-sortmodeascending='true']\": {\r\n            '> *': {\r\n              '@apply last-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n\r\n          \"&[data-sortmodeascending='false']\": {\r\n            '> *': {\r\n              '@apply first-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-tbody': {\r\n      '@apply text-dark-secondary bg-transparent': {},\r\n\r\n      '&-tr': {\r\n        '@apply bg-transparent': {},\r\n        '@apply hover:bg-background-100': {},\r\n        '@apply border-b-1': {},\r\n        '@apply last-of-type:border-b-transparent': {},\r\n      },\r\n\r\n      '&-td': {\r\n        '@apply text-small': {},\r\n        '&-content': {\r\n          '@apply inline-flex': {},\r\n          '@apply justify-start items-center': {},\r\n          '@apply gap-8': {},\r\n          '@apply py-8 px-18': {},\r\n          '@apply h-[6.3rem]': {},\r\n          '@apply min-h-[6.3rem]': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-dense=\"true\"]': {\r\n      '.sk-zebratable': {\r\n        '&-thead': {\r\n          '&-th': {\r\n            '@apply py-4': {},\r\n          },\r\n        },\r\n        '&-tbody': {\r\n          '&-td-content': {\r\n            '@apply py-0': {},\r\n            '@apply h-[4.7rem]': {},\r\n            '@apply min-h-[4.7rem]': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-paginationwrapper': {\r\n      '@apply w-full max-w-[60rem]': {},\r\n      '@apply shrink': {},\r\n    },\r\n\r\n    '&-bottom': {\r\n      '@apply py-14 px-16': {},\r\n      '@apply border-t-1': {},\r\n      '@apply flex flex-row': {},\r\n      '@apply gap-32': {},\r\n      '@apply justify-between items-center': {},\r\n      '&-section': {\r\n        '@apply shrink-0': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply justify-start items-center': {},\r\n        '@apply gap-8': {},\r\n        '&-label': {\r\n          '@apply font-normal': {},\r\n          '@apply text-small': {},\r\n          '@apply shrink-0': {},\r\n        },\r\n      },\r\n      '&-pagination': {\r\n        '@apply grow': {},\r\n        '@apply shrink': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}

package/dist/esm/index.js

@@ -1,8 +1,5 @@
-var preset = require('./preset');
-var plugin = require('./plugin');
-module.exports = {
-  default: plugin,
-  plugin: plugin,
-  preset: preset
-};
+import preset from './preset';
+import plugin from './plugin';
+export { preset, plugin };
+export default plugin;
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["preset","require","plugin","module","exports","default"],"sources":["../../src/index.js"],"sourcesContent":["const preset = require('./preset');\r\nconst plugin = require('./plugin');\r\n\r\nmodule.exports = {\r\n  default: plugin,\r\n  plugin: plugin,\r\n  preset: preset,\r\n};\r\n"],"mappings":"AAAA,IAAMA,MAAM,GAAGC,OAAO,CAAC,UAAU,CAAC;AAClC,IAAMC,MAAM,GAAGD,OAAO,CAAC,UAAU,CAAC;AAElCE,MAAM,CAACC,OAAO,GAAG;EACfC,OAAO,EAAEH,MAAM;EACfA,MAAM,EAAEA,MAAM;EACdF,MAAM,EAAEA;AACV,CAAC"}
+{"version":3,"file":"index.js","names":["preset","plugin"],"sources":["../../src/index.ts"],"sourcesContent":["import preset from './preset';\r\nimport plugin from './plugin';\r\n\r\nexport { preset, plugin };\r\nexport default plugin;\r\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,UAAU;AAC7B,OAAOC,MAAM,MAAM,UAAU;AAE7B,SAASD,MAAM,EAAEC,MAAM;AACvB,eAAeA,MAAM"}

package/dist/esm/plugin.js

@@ -1,60 +1,55 @@
-var plugin = require('tailwindcss/plugin');
-var base = require('./base');
-var theme = require('./theme');
+import TailwindPlugin from 'tailwindcss/plugin';
+import { base } from './base';
+import { theme } from './theme';
 
 // components
-var Alert = require('./components/alert');
-var AlertBanner = require('./components/alert-banner');
-var Badge = require('./components/badge');
-var Breadcrumb = require('./components/breadcrumb');
-var ButtonGroup = require('./components/button-group');
-var ComboBox = require('./components/combobox');
-var Comments = require('./components/comments');
-var Checkbox = require('./components/checkbox');
-var ContextMenu = require('./components/context-menu');
-var Dialog = require('./components/dialog');
-var Dot = require('./components/dot');
-var Forms = require('./components/forms');
-var Filter = require('./components/filter');
-var Icon = require('./components/icon');
-var Input = require('./components/input');
-var Label = require('./components/label');
-var Link = require('./components/link');
-var List = require('./components/list');
-var Logo = require('./components/logo');
-var Menubar = require('./components/menubar');
-var MenuVertical = require('./components/menu-vertical');
-var Select = require('./components/select');
-var Snackbar = require('./components/snackbar');
-var Spinner = require('./components/spinner');
-var Notification = require('./components/notification');
-var Radio = require('./components/radio');
-var Switch = require('./components/switch');
-var Button = require('./components/button');
-var Accordion = require('./components/accordion');
-var Avatar = require('./components/avatar');
-var Card = require('./components/card');
-var Table = require('./components/table');
-var ZebraTable = require('./components/zebratable');
-var Modal = require('./components/modal');
-var CookieConsent = require('./components/cookie-consent');
-var Divider = require('./components/divider');
-var SideMenu = require('./components/side-menu');
-var TabMenu = require('./components/tab-menu');
-var Tabs = require('./components/tabs');
-var Tooltip = require('./components/tooltip');
-var UserMenu = require('./components/user-menu');
-var DropdownFilter = require('./components/dropdown-filter');
-var Pagination = require('./components/pagination');
-var PopupMenu = require('./components/popup-menu');
-var Footer = require('./components/footer');
-var Header = require('./components/header');
-var SearchField = require('./components/search-field');
-var ProgressStepper = require('./components/progress-stepper');
-var ProgressBar = require('./components/progress-bar');
-var components = [Alert, AlertBanner, Badge, Breadcrumb, ButtonGroup, Button, Checkbox, Comments, ContextMenu, Dialog, Dot, Forms, Filter, Icon, Input, Label, Link, List, Logo, Menubar, MenuVertical, Select, Snackbar, Spinner, Notification, Radio, Switch, Table, ZebraTable, CookieConsent, Modal, Accordion, Avatar, Card, Divider, SideMenu, TabMenu, Tabs, Tooltip, UserMenu, DropdownFilter, SearchField, Pagination, PopupMenu, Footer, Header, ProgressStepper, ProgressBar, ComboBox];
+
+import { Accordion } from './components/accordion';
+import { Alert } from './components/alert';
+import { Avatar } from './components/avatar';
+import { Badge } from './components/badge';
+import { Breadcrumb } from './components/breadcrumb';
+import { Button } from './components/button';
+import { ButtonGroup } from './components/button-group';
+import { Card } from './components/card';
+import { Checkbox } from './components/checkbox';
+import { Chip } from './components/chip';
+import { ComboBox } from './components/combobox';
+import { CookieConsent } from './components/cookie-consent';
+import { Dialog } from './components/dialog';
+import { Divider } from './components/divider';
+import { Dot } from './components/dot';
+import { Filter } from './components/filter';
+import { Footer } from './components/footer';
+import { Forms } from './components/forms';
+import { Header } from './components/header';
+import { Icon } from './components/icon';
+import { Input } from './components/input';
+import { Label } from './components/label';
+import { Link } from './components/link';
+import { List } from './components/list';
+import { Logo } from './components/logo';
+import { MenuVertical } from './components/menu-vertical';
+import { MenuBar } from './components/menubar';
+import { Modal } from './components/modal';
+import { Pagination } from './components/pagination';
+import { PopupMenu } from './components/popup-menu';
+import { ProgressBar } from './components/progress-bar';
+import { ProgressStepper } from './components/progress-stepper';
+import { Radio } from './components/radio';
+import { SearchField } from './components/search-field';
+import { Select } from './components/select';
+import { Snackbar } from './components/snackbar';
+import { Spinner } from './components/spinner';
+import { Switch } from './components/switch';
+import { Table } from './components/table';
+import { Tabs } from './components/tabs';
+import { Tooltip } from './components/tooltip';
+import { UserMenu } from './components/user-menu';
+import { ZebraTable } from './components/zebratable';
+var components = [Alert, Badge, Breadcrumb, ButtonGroup, Button, Checkbox, Chip, Dialog, Dot, Forms, Filter, Icon, Input, Label, Link, List, Logo, MenuBar, MenuVertical, Select, Snackbar, Spinner, Radio, Switch, Table, Tabs, ZebraTable, CookieConsent, Modal, Accordion, Avatar, Card, Divider, Tooltip, UserMenu, SearchField, Pagination, PopupMenu, Footer, Header, ProgressStepper, ProgressBar, ComboBox];
 var defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];
-module.exports = plugin.withOptions(function (options) {
+var plugin = TailwindPlugin.withOptions(function (options) {
   if (options === void 0) {
     options = {
       colors: [],
@@ -78,4 +73,5 @@ module.exports = plugin.withOptions(function (options) {
     theme: theme
   };
 });
+export default plugin;
 //# sourceMappingURL=plugin.js.map