@sk-web-gui/core 3.13.0 → 3.14.0

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

@@ -1 +1 @@
-{"version":3,"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-32': {},\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-42': {},\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-48': {},\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-input-field-outline': {},\r\n      '@apply hover:border-input-field-outline-hover': {},\r\n      '@apply bg-input-field-surface': {},\r\n      '@apply hover:bg-input-field-surface': {},\r\n\r\n      '&.sk-form-select-sm': {\r\n        //Padding - border width\r\n        '@apply pl-13': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_0.643em]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-34-1': {},\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-32': {},\r\n        },\r\n      },\r\n      '&.sk-form-select-md': {\r\n        //Padding - border width\r\n        '@apply pl-17': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_0.8125em]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-44-1': {},\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-42': {},\r\n        },\r\n      },\r\n      '&.sk-form-select-lg': {\r\n        //Padding - border width\r\n        '@apply pl-19': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_0.944em]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-50-1': {},\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-48': {},\r\n        },\r\n      },\r\n      //Disabled\r\n      '&[aria-disabled=\"true\"],&:disabled': {\r\n        '@apply bg-input-field-surface-disabled': {},\r\n        '@apply hover:bg-input-field-surface-disabled': {},\r\n        '@apply border-input-field-outline-disabled': {},\r\n        '@apply hover:border-input-field-outline-disabled': {},\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    //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.64)')}\")`],\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    //readOnly\r\n    '&[readonly], &[readonly=\"true\"]': {\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply bg-input-field-surface-disabled': {},\r\n      '@apply text-dark-secondary': {},\r\n      '@apply pointer-events-none': {},\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgba(28,28,40, 0.64)')}\")`],\r\n    },\r\n\r\n\r\n    '&-sm': {\r\n      '@apply h-32': {},\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-40': {},\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-48': {},\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"],"names":["chevronDown","color","tertiary","primary","Select","backgroundImage"],"mappings":"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"}
+{"version":3,"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-32': {},\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-42': {},\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-48': {},\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-input-field-outline': {},\r\n      '@apply hover:border-input-field-outline-hover': {},\r\n      '@apply bg-input-field-surface': {},\r\n      '@apply hover:bg-input-field-surface': {},\r\n\r\n      '&.sk-form-select-sm': {\r\n        //Padding - border width\r\n        '@apply pl-13': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_0.643em]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-34-1': {},\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-32': {},\r\n        },\r\n      },\r\n      '&.sk-form-select-md': {\r\n        //Padding - border width\r\n        '@apply pl-17': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_0.8125em]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-44-1': {},\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-42': {},\r\n        },\r\n      },\r\n      '&.sk-form-select-lg': {\r\n        //Padding - border width\r\n        '@apply pl-19': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_0.944em]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-50-1': {},\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-48': {},\r\n        },\r\n      },\r\n      //Disabled\r\n      '&[aria-disabled=\"true\"],&:disabled': {\r\n        '@apply bg-input-field-surface-disabled': {},\r\n        '@apply hover:bg-input-field-surface-disabled': {},\r\n        '@apply border-input-field-outline-disabled': {},\r\n        '@apply hover:border-input-field-outline-disabled': {},\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    //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.64)')}\")`],\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    //readOnly\r\n    '&[readonly], &[readonly=\"true\"]': {\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply bg-input-field-surface-disabled': {},\r\n      '@apply text-dark-secondary': {},\r\n      '@apply pointer-events-none': {},\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgba(28,28,40, 0.64)')}\")`],\r\n    },\r\n\r\n\r\n    '&-sm': {\r\n      '@apply h-32': {},\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-40': {},\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-48': {},\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"],"names":["chevronDown","color","tertiary","primary","Select","backgroundImage"],"mappings":"AAAA,SAASA,YAAYC,KAAa;IAChC,4FAA4F;IAC5F,OAAO,CAAC,uGAAuG,EAAEA,MAAM,iGAAiG,CAAC;AAC3N;AAEA,SAASC;IACP,OAAO;QACL,cAAc;YACZ,mBAAmB,CAAC;YAEpB,8BAA8B,CAAC;YAC/B,0CAA0C,CAAC;YAC3C,6BAA6B,CAAC;YAE9B,uBAAuB;gBACrB,wBAAwB;gBACxB,gBAAgB,CAAC;gBACjB,oCAAoC;gBACpC,qBAAqB,CAAC;gBAEtB,qCAAqC;gBACrC,gBAAgB,CAAC;YACnB;YACA,uBAAuB;gBACrB,wBAAwB;gBACxB,gBAAgB,CAAC;gBACjB,oCAAoC;gBACpC,sBAAsB,CAAC;gBACvB,qCAAqC;gBACrC,gBAAgB,CAAC;YACnB;YACA,uBAAuB;gBACrB,wBAAwB;gBACxB,gBAAgB,CAAC;gBACjB,oCAAoC;gBACpC,sBAAsB,CAAC;gBACvB,qCAAqC;gBACrC,gBAAgB,CAAC;YACnB;YACA,UAAU;YACV,2BAA2B;gBACzB,uCAAuC,CAAC;YAC1C;QACF;IACF;AACF;AAEA,SAASC;IACP,OAAO;QACL,aAAa;YACX,mBAAmB,CAAC;YACpB,qCAAqC,CAAC;YACtC,iDAAiD,CAAC;YAClD,iCAAiC,CAAC;YAClC,uCAAuC,CAAC;YAExC,uBAAuB;gBACrB,wBAAwB;gBACxB,gBAAgB,CAAC;gBACjB,oCAAoC;gBACpC,oCAAoC,CAAC;gBACrC,qCAAqC;gBACrC,kBAAkB,CAAC;gBAEnB,0BAA0B;oBACxB,wBAAwB;oBACxB,gBAAgB,CAAC;oBACjB,oCAAoC;oBACpC,qBAAqB,CAAC;oBACtB,qCAAqC;oBACrC,gBAAgB,CAAC;gBACnB;YACF;YACA,uBAAuB;gBACrB,wBAAwB;gBACxB,gBAAgB,CAAC;gBACjB,oCAAoC;gBACpC,qCAAqC,CAAC;gBACtC,qCAAqC;gBACrC,kBAAkB,CAAC;gBAEnB,0BAA0B;oBACxB,wBAAwB;oBACxB,gBAAgB,CAAC;oBACjB,oCAAoC;oBACpC,sBAAsB,CAAC;oBACvB,qCAAqC;oBACrC,gBAAgB,CAAC;gBACnB;YACF;YACA,uBAAuB;gBACrB,wBAAwB;gBACxB,gBAAgB,CAAC;gBACjB,oCAAoC;gBACpC,oCAAoC,CAAC;gBACrC,qCAAqC;gBACrC,kBAAkB,CAAC;gBAEnB,0BAA0B;oBACxB,wBAAwB;oBACxB,gBAAgB,CAAC;oBACjB,oCAAoC;oBACpC,sBAAsB,CAAC;oBACvB,qCAAqC;oBACrC,gBAAgB,CAAC;gBACnB;YACF;YACA,UAAU;YACV,sCAAsC;gBACpC,0CAA0C,CAAC;gBAC3C,gDAAgD,CAAC;gBACjD,8CAA8C,CAAC;gBAC/C,oDAAoD,CAAC;YACvD;QACF;IACF;AACF;AAEA,OAAO,MAAMC,SAAS,IAAO,CAAA;QAC3B,mBAAmB;YACjB,gBAAgB,CAAC;YACjB,gBAAgB,CAAC;YACjB,qBAAqB,CAAC;YACtB,mCAAmC,CAAC;YACpC,yBAAyB,CAAC;YAC1B,8BAA8B,CAAC;YAC/B,0CAA0C,CAAC;YAC3C,8CAA8C,CAAC;YAC/C,8CAA8C,CAAC;YAC/C,kCAAkC,CAAC;YACnC,kCAAkC,CAAC;YACnC,eAAe,CAAC;YAChB,uDAAuD,CAAC;YACxD,0BAA0B,CAAC;YAE3BC,iBAAiB;gBAAC,CAAC,8BAA8B,EAAEL,YAAY,iBAAiB,EAAE,CAAC;aAAC;YACpF,oBAAoB;gBAClBK,iBAAiB;oBAAC,CAAC,8BAA8B,EAAEL,YAAY,iBAAiB,EAAE,CAAC;iBAAC;YACtF;YAEA,SAAS;YACT,0BAA0B;gBACxB,gDAAgD,CAAC;YACnD;YAEA,UAAU;YACV,2BAA2B;gBACzB,sBAAsB,CAAC;gBACvB,6BAA6B,CAAC;gBAC9B,yCAAyC,CAAC;gBAC1C,uCAAuC,CAAC;gBACxCK,iBAAiB;oBAAC,CAAC,8BAA8B,EAAEL,YAAY,wBAAwB,EAAE,CAAC;iBAAC;YAC7F;YAEA,GAAGE,UAAU;YACb,GAAGC,SAAS;YAEZ,UAAU;YACV,KAAK;gBACH,gCAAgC,CAAC;YACnC;YAEA,UAAU;YACV,mCAAmC;gBACjC,8CAA8C,CAAC;gBAC/C,0CAA0C,CAAC;gBAC3C,8BAA8B,CAAC;gBAC/B,8BAA8B,CAAC;gBAC/BE,iBAAiB;oBAAC,CAAC,8BAA8B,EAAEL,YAAY,wBAAwB,EAAE,CAAC;iBAAC;YAC7F;YAGA,QAAQ;gBACN,eAAe,CAAC;gBAChB,2BAA2B,CAAC;gBAC5B,4BAA4B,CAAC;gBAC7B,KAAK;oBACH,2BAA2B,CAAC;gBAC9B;YACF;YACA,QAAQ;gBACN,eAAe,CAAC;gBAChB,4BAA4B,CAAC;gBAC7B,4BAA4B,CAAC;gBAC7B,KAAK;oBACH,4BAA4B,CAAC;gBAC/B;YACF;YACA,QAAQ;gBACN,eAAe,CAAC;gBAChB,2BAA2B,CAAC;gBAC5B,4BAA4B,CAAC;gBAC7B,KAAK;oBACH,2BAA2B,CAAC;gBAC9B;YACF;QACF;QACA,yBAAyB;YACvBK,iBAAiB;gBAAC,CAAC,8BAA8B,EAAEL,YAAY,oBAAoB,EAAE,CAAC;aAAC;YACvF,oBAAoB;gBAClBK,iBAAiB;oBAAC,CAAC,8BAA8B,EAAEL,YAAY,oBAAoB,EAAE,CAAC;iBAAC;YACzF;YACA,2BAA2B;gBACzBK,iBAAiB;oBAAC,CAAC,8BAA8B,EAAEL,YAAY,2BAA2B,EAAE,CAAC;iBAAC;YAChG;QACF;IACF,CAAA,EAAG"}

package/dist/esm/components/snackbar.js

@@ -1,5 +1,4 @@
-export var Snackbar = function() {
-    return {
+export const Snackbar = ()=>({
         '.sk-snackbar': {
             '@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]': {},
@@ -28,7 +27,6 @@ export var Snackbar = function() {
                 '@apply text-error-text-secondary bg-error-surface-primary': {}
             }
         }
-    };
-};
+    });
 
 //# sourceMappingURL=snackbar.js.map

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["Snackbar"],"mappings":"AAAA,OAAO,IAAMA,WAAW;WAAO;QAC7B,gBAAgB;YACd,uDAAuD,CAAC;YACxD,6FAA6F,CAAC;YAE9F,UAAU;gBACR,oBAAoB,CAAC;YACvB;YAEA,YAAY;gBACV,6BAA6B,CAAC;YAChC;YAEA,aAAa;gBACX,kDAAkD,CAAC;YACrD;YAEA,aAAa;gBACX,+CAA+C,CAAC;YAClD;YACA,UAAU;gBACR,iEAAiE,CAAC;YACpE;YACA,aAAa;gBACX,iEAAiE,CAAC;YACpE;YACA,aAAa;gBACX,iEAAiE,CAAC;YACpE;YACA,WAAW;gBACT,6DAA6D,CAAC;YAChE;QACF;IACF;EAAG"}
+{"version":3,"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"],"names":["Snackbar"],"mappings":"AAAA,OAAO,MAAMA,WAAW,IAAO,CAAA;QAC7B,gBAAgB;YACd,uDAAuD,CAAC;YACxD,6FAA6F,CAAC;YAE9F,UAAU;gBACR,oBAAoB,CAAC;YACvB;YAEA,YAAY;gBACV,6BAA6B,CAAC;YAChC;YAEA,aAAa;gBACX,kDAAkD,CAAC;YACrD;YAEA,aAAa;gBACX,+CAA+C,CAAC;YAClD;YACA,UAAU;gBACR,iEAAiE,CAAC;YACpE;YACA,aAAa;gBACX,iEAAiE,CAAC;YACpE;YACA,aAAa;gBACX,iEAAiE,CAAC;YACpE;YACA,WAAW;gBACT,6DAA6D,CAAC;YAChE;QACF;IACF,CAAA,EAAG"}

package/dist/esm/components/spinner.js

@@ -1,73 +1,20 @@
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-export var Spinner = function(colors) {
-    return {
-        '.sk-spinner': _object_spread({
+export const Spinner = (colors)=>({
+        '.sk-spinner': {
             '@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: {
+            svg: {
                 '@apply stroke-dark-secondary': {}
-            }
-        }, colors.reduce(function(styles, color) {
-            return _object_spread_props(_object_spread({}, styles), _define_property({}, '&[data-color="'.concat(color, '"]'), {
-                path: _define_property({}, "@apply stroke-".concat(color, "-surface-primary"), {})
-            }));
-        }, {}))
-    };
-};
+            },
+            ...colors.reduce((styles, color)=>({
+                    ...styles,
+                    [`&[data-color="${color}"]`]: {
+                        svg: {
+                            [`@apply stroke-${color}-surface-primary`]: {}
+                        }
+                    }
+                }), {})
+        }
+    });
 
 //# sourceMappingURL=spinner.js.map

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["Spinner","colors","path","reduce","styles","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAMA,UAAU,SAACC;WAAsB;QAC5C,eAAe;YACb,qBAAqB,CAAC;YACtB,yDAAyD,CAAC;YAC1D,0BAA0B,CAAC;YAE3B,YAAY;gBACV,gDAAgD,CAAC;YACnD;YACAC,MAAM;gBACJ,gCAAgC,CAAC;YACnC;WAEGD,OAAOE,MAAM,CACd,SAACC,QAAQC;mBAAW,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OAAM;gBAC5BH,MACE,qBAAC,AAAC,iBAAsB,OAANG,OAAM,qBAAoB,CAAC;YAEjD;WAEF,CAAC;IAGP;EAAG"}
+{"version":3,"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    svg: {\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          svg: {\r\n            [`@apply stroke-${color}-surface-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n  },\r\n});\r\n"],"names":["Spinner","colors","svg","reduce","styles","color"],"mappings":"AAAA,OAAO,MAAMA,UAAU,CAACC,SAAsB,CAAA;QAC5C,eAAe;YACb,qBAAqB,CAAC;YACtB,yDAAyD,CAAC;YAC1D,0BAA0B,CAAC;YAE3BC,KAAK;gBACH,gCAAgC,CAAC;YACnC;YAEA,GAAGD,OAAOE,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;oBAClB,GAAGD,MAAM;oBACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;wBAC5BH,KAAK;4BACH,CAAC,CAAC,cAAc,EAAEG,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC;wBAC/C;oBACF;gBACF,CAAA,GACA,CAAC,EACF;QACH;IACF,CAAA,EAAG"}

package/dist/esm/components/switch.js

@@ -1,19 +1,4 @@
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-export var Switch = function() {
-    var _obj, _obj1;
-    return {
+export const Switch = ()=>({
         '.sk-form-switch-label': {
             '@apply inline-flex align-middle items-center': {},
             '@apply flex-row gap-12': {},
@@ -25,7 +10,7 @@ export var Switch = function() {
                 }
             }
         },
-        '.sk-form-switch': (_obj1 = {
+        '.sk-form-switch': {
             '@apply rounded-full cursor-pointer focus:outline-none': {},
             '@apply bg-switch-surface': {},
             // Hover
@@ -38,33 +23,41 @@ export var Switch = function() {
                 '@apply sr-only': {}
             },
             // Checked
-            'input[type=checkbox]:checked + &': (_obj = {}, _define_property(_obj, '&[data-color="gronsta"]', {
+            'input[type=checkbox]:checked + &': {
+                [`&[data-color="gronsta"]`]: {
+                    '.sk-form-switch-box': {
+                        '@apply bg-gronsta-surface-primary': {}
+                    }
+                },
+                '.sk-form-switch-icon': {
+                    '@apply flex': {}
+                },
                 '.sk-form-switch-box': {
-                    '@apply bg-gronsta-surface-primary': {}
+                    transform: 'translateX(var(--sk-spacing-24))',
+                    '@apply bg-switch-control-on': {}
+                },
+                '@apply bg-switch-surface-on': {},
+                // Disabled
+                [`&[data-disabled="true"]`]: {
+                    '.sk-form-switch-box': {
+                        '@apply bg-switch-control-disabled': {},
+                        '.sk-form-switch-icon': {
+                            '@apply opacity-0': {},
+                            '@apply text-light-primary': {}
+                        }
+                    }
                 }
-            }), _define_property(_obj, '.sk-form-switch-icon', {
-                '@apply flex': {}
-            }), _define_property(_obj, '.sk-form-switch-box', {
-                transform: 'translateX(var(--sk-spacing-24))',
-                '@apply bg-switch-control-on': {}
-            }), _define_property(_obj, '@apply bg-switch-surface-on', {}), // Disabled
-            _define_property(_obj, '&[data-disabled="true"]', {
+            },
+            // Disabled not checked
+            [`&[data-disabled="true"]`]: {
+                '@apply cursor-default': {},
+                '@apply bg-switch-surface-disabled': {},
                 '.sk-form-switch-box': {
-                    '@apply bg-switch-control-disabled': {},
-                    '.sk-form-switch-icon': {
-                        '@apply opacity-0': {},
-                        '@apply text-light-primary': {}
-                    }
+                    '@apply bg-switch-control-disabled': {}
                 }
-            }), _obj)
-        }, // Disabled not checked
-        _define_property(_obj1, '&[data-disabled="true"]', {
-            '@apply cursor-default': {},
-            '@apply bg-switch-surface-disabled': {},
-            '.sk-form-switch-box': {
-                '@apply bg-switch-control-disabled': {}
-            }
-        }), _define_property(_obj1, '@apply w-56', {}), _obj1),
+            },
+            '@apply w-56': {}
+        },
         // Knob
         '.sk-form-switch-box': {
             '@apply transition-transform ease-in-out duration-150 transform rounded-full shadow translate-x-0 m-6': {},
@@ -78,7 +71,6 @@ export var Switch = function() {
                 '@apply text-light-primary': {}
             }
         }
-    };
-};
+    });
 
 //# sourceMappingURL=switch.js.map

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

@@ -1 +1 @@
-{"version":3,"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-switch-surface': {},\r\n\r\n    // Hover\r\n    '@apply hover:bg-switch-surface-hover': {},\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    '&-input': {\r\n      '@apply sr-only': {},\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        '@apply bg-switch-control-on': {},\r\n      },\r\n\r\n      '@apply bg-switch-surface-on': {},\r\n\r\n      // Disabled\r\n      [`&[data-disabled=\"true\"]`]: {\r\n        '.sk-form-switch-box': {\r\n          '@apply bg-switch-control-disabled': {},\r\n\r\n          '.sk-form-switch-icon': {\r\n            '@apply opacity-0': {},\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-switch-surface-disabled': {},\r\n\r\n      '.sk-form-switch-box': {\r\n        '@apply bg-switch-control-disabled': {},\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-switch-control': {},\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"],"names":["Switch","transform"],"mappings":";;;;;;;;;;;;;AAAA,OAAO,IAAMA,SAAS;QA+BkB,MAjBnB;WAdQ;QAC3B,yBAAyB;YACvB,gDAAgD,CAAC;YACjD,0BAA0B,CAAC;YAC3B,gCAAgC,CAAC;YAEjC,oBAAoB;gBAClB,iBAAiB,CAAC;gBAElB,mBAAmB;oBACjB,iBAAiB,CAAC;gBACpB;YACF;QACF;QACA,iBAAiB,GAAE;YACjB,yDAAyD,CAAC;YAC1D,4BAA4B,CAAC;YAE7B,QAAQ;YACR,wCAAwC,CAAC;YAEzC,QAAQ;YACR,0CAA0C;gBACxC,6BAA6B,CAAC;YAChC;YAEA,WAAW;gBACT,kBAAkB,CAAC;YACrB;YAEA,UAAU;YACV,kCAAkC,GAAE,WAClC,iBADkC,MAChC,2BAA2B;gBAC3B,uBAAuB;oBACrB,qCAAqC,CAAC;gBACxC;YACF,IAEA,iBAPkC,MAOlC,wBAAwB;gBACtB,eAAe,CAAC;YAClB,IAEA,iBAXkC,MAWlC,uBAAuB;gBACrBC,WAAW;gBACX,+BAA+B,CAAC;YAClC,IAEA,iBAhBkC,MAgBlC,+BAA+B,CAAC,IAEhC,WAAW;YACX,iBAnBkC,MAmBhC,2BAA2B;gBAC3B,uBAAuB;oBACrB,qCAAqC,CAAC;oBAEtC,wBAAwB;wBACtB,oBAAoB,CAAC;wBACrB,6BAA6B,CAAC;oBAChC;gBACF;YACF,IA5BkC;WA+BpC,uBAAuB;QACvB,iBAjDiB,OAiDf,2BAA2B;YAC3B,yBAAyB,CAAC;YAC1B,qCAAqC,CAAC;YAEtC,uBAAuB;gBACrB,qCAAqC,CAAC;YACxC;QACF,IAEA,iBA1DiB,OA0DjB,eAAe,CAAC,IA1DC;QA6DnB,OAAO;QACP,uBAAuB;YACrB,wGAAwG,CAAC;YACzG,4BAA4B,CAAC;YAC7B,oBAAoB,CAAC;YACrB,yDAAyD,CAAC;YAE1D,wBAAwB;gBACtB,yBAAyB,CAAC;gBAC1B,iBAAiB,CAAC;gBAClB,oBAAoB,CAAC;gBACrB,6BAA6B,CAAC;YAChC;QACF;IACF;EAAG"}
+{"version":3,"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-switch-surface': {},\r\n\r\n    // Hover\r\n    '@apply hover:bg-switch-surface-hover': {},\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    '&-input': {\r\n      '@apply sr-only': {},\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        '@apply bg-switch-control-on': {},\r\n      },\r\n\r\n      '@apply bg-switch-surface-on': {},\r\n\r\n      // Disabled\r\n      [`&[data-disabled=\"true\"]`]: {\r\n        '.sk-form-switch-box': {\r\n          '@apply bg-switch-control-disabled': {},\r\n\r\n          '.sk-form-switch-icon': {\r\n            '@apply opacity-0': {},\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-switch-surface-disabled': {},\r\n\r\n      '.sk-form-switch-box': {\r\n        '@apply bg-switch-control-disabled': {},\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-switch-control': {},\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"],"names":["Switch","transform"],"mappings":"AAAA,OAAO,MAAMA,SAAS,IAAO,CAAA;QAC3B,yBAAyB;YACvB,gDAAgD,CAAC;YACjD,0BAA0B,CAAC;YAC3B,gCAAgC,CAAC;YAEjC,oBAAoB;gBAClB,iBAAiB,CAAC;gBAElB,mBAAmB;oBACjB,iBAAiB,CAAC;gBACpB;YACF;QACF;QACA,mBAAmB;YACjB,yDAAyD,CAAC;YAC1D,4BAA4B,CAAC;YAE7B,QAAQ;YACR,wCAAwC,CAAC;YAEzC,QAAQ;YACR,0CAA0C;gBACxC,6BAA6B,CAAC;YAChC;YAEA,WAAW;gBACT,kBAAkB,CAAC;YACrB;YAEA,UAAU;YACV,oCAAoC;gBAClC,CAAC,CAAC,uBAAuB,CAAC,CAAC,EAAE;oBAC3B,uBAAuB;wBACrB,qCAAqC,CAAC;oBACxC;gBACF;gBAEA,wBAAwB;oBACtB,eAAe,CAAC;gBAClB;gBAEA,uBAAuB;oBACrBC,WAAW;oBACX,+BAA+B,CAAC;gBAClC;gBAEA,+BAA+B,CAAC;gBAEhC,WAAW;gBACX,CAAC,CAAC,uBAAuB,CAAC,CAAC,EAAE;oBAC3B,uBAAuB;wBACrB,qCAAqC,CAAC;wBAEtC,wBAAwB;4BACtB,oBAAoB,CAAC;4BACrB,6BAA6B,CAAC;wBAChC;oBACF;gBACF;YACF;YAEA,uBAAuB;YACvB,CAAC,CAAC,uBAAuB,CAAC,CAAC,EAAE;gBAC3B,yBAAyB,CAAC;gBAC1B,qCAAqC,CAAC;gBAEtC,uBAAuB;oBACrB,qCAAqC,CAAC;gBACxC;YACF;YAEA,eAAe,CAAC;QAClB;QAEA,OAAO;QACP,uBAAuB;YACrB,wGAAwG,CAAC;YACzG,4BAA4B,CAAC;YAC7B,oBAAoB,CAAC;YACrB,yDAAyD,CAAC;YAE1D,wBAAwB;gBACtB,yBAAyB,CAAC;gBAC1B,iBAAiB,CAAC;gBAClB,oBAAoB,CAAC;gBACrB,6BAA6B,CAAC;YAChC;QACF;IACF,CAAA,EAAG"}

package/dist/esm/components/table.js

@@ -1,57 +1,4 @@
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-export var Table = function() {
-    return {
+export const Table = ()=>({
         '.sk-table-wrapper': {
             '@apply text-base': {},
             '@apply rounded-groups': {},
@@ -84,20 +31,23 @@ export var Table = function() {
         '.sk-table': {
             '@apply w-full text-left table-auto': {},
             '@apply text-dark-secondary': {},
-            '&-caption': _object_spread_props(_object_spread({
+            '&-caption': {
                 '@apply text-left': {},
-                '@apply w-full': {}
-            }, [
-                'left',
-                'center',
-                'right'
-            ].reduce(function(classes, position) {
-                return _object_spread_props(_object_spread({}, classes), _define_property({}, '&[data-textalign="'.concat(position, '"]'), _define_property({}, "@apply text-".concat(position), {})));
-            }, {})), {
+                '@apply w-full': {},
+                ...[
+                    'left',
+                    'center',
+                    'right'
+                ].reduce((classes, position)=>({
+                        ...classes,
+                        [`&[data-textalign="${position}"]`]: {
+                            [`@apply text-${position}`]: {}
+                        }
+                    }), {}),
                 '&-sr': {
                     '@apply sr-only': {}
                 }
-            }),
+            },
             '&-auto': {
                 '&-cell': {
                     '@apply w-full': {}
@@ -293,7 +243,6 @@ export var Table = function() {
                 }
             }
         }
-    };
-};
+    });
 
 //# sourceMappingURL=table.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/table.ts"],"sourcesContent":["export const Table = () => ({\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\"]):not([data-wrappingborder=\"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    '&-caption': {\r\n      '@apply text-left': {},\r\n      '@apply w-full': {},\r\n      ...['left', 'center', 'right'].reduce(\r\n        (classes, position) => ({\r\n          ...classes,\r\n          [`&[data-textalign=\"${position}\"]`]: {\r\n            [`@apply text-${position}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n      '&-sr': {\r\n        '@apply sr-only': {},\r\n      },\r\n    },\r\n    '&-auto': {\r\n      '&-cell': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\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      '&[data-sronly=\"true\"]': {\r\n        '@apply sr-only': {},\r\n      },\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-full -order-1 w-full mb-10 @screen-md/footer:order-none @screen-md/footer:w-fit @screen-md/footer:max-w-[33em] @screen-md/footer:px-20 @screen-md/footer:mb-0':\r\n        {},\r\n      '@apply shrink grow flex justify-center': {},\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        '&-label': {\r\n          '@apply font-normal': {},\r\n          '@apply text-small': {},\r\n          '@apply shrink-0': {},\r\n        },\r\n        '&.spacer': {\r\n          '@apply w-[18rem]': {},\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"],"names":["Table","reduce","classes","position","svg","td","th"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/table.ts"],"sourcesContent":["export const Table = () => ({\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\"]):not([data-wrappingborder=\"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    '&-caption': {\r\n      '@apply text-left': {},\r\n      '@apply w-full': {},\r\n      ...['left', 'center', 'right'].reduce(\r\n        (classes, position) => ({\r\n          ...classes,\r\n          [`&[data-textalign=\"${position}\"]`]: {\r\n            [`@apply text-${position}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n      '&-sr': {\r\n        '@apply sr-only': {},\r\n      },\r\n    },\r\n    '&-auto': {\r\n      '&-cell': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\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      '&[data-sronly=\"true\"]': {\r\n        '@apply sr-only': {},\r\n      },\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-full -order-1 w-full mb-10 @screen-md/footer:order-none @screen-md/footer:w-fit @screen-md/footer:max-w-[33em] @screen-md/footer:px-20 @screen-md/footer:mb-0':\r\n        {},\r\n      '@apply shrink grow flex justify-center': {},\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        '&-label': {\r\n          '@apply font-normal': {},\r\n          '@apply text-small': {},\r\n          '@apply shrink-0': {},\r\n        },\r\n        '&.spacer': {\r\n          '@apply w-[18rem]': {},\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"],"names":["Table","reduce","classes","position","svg","td","th"],"mappings":"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"}

package/dist/esm/components/tabs.js

@@ -1,57 +1,4 @@
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-export var Tabs = function(colors) {
-    return {
+export const Tabs = (colors)=>({
         '.sk-tabs': {
             '@apply w-full': {},
             '&-list': {
@@ -59,7 +6,7 @@ export var Tabs = function(colors) {
                 '&[data-underline="true"]': {
                     '@apply border-divider': {}
                 },
-                '&-item': _object_spread_props(_object_spread({
+                '&-item': {
                     '@apply flex flex-col gap-y-10': {},
                     '&[data-size="sm"]': {
                         '> button': {
@@ -91,24 +38,27 @@ export var Tabs = function(colors) {
                         }
                     },
                     '.sk-tabs-list-item-divider': {
-                        '@apply m-0 min-h-2 h-2 rounded-t-24 opacity-0': {}
+                        '@apply m-0 min-h-2 h-2 opacity-0': {}
                     },
                     '&[data-current="true"]': {
                         '.sk-tabs-list-item-divider': {
                             '@apply opacity-100': {}
                         }
-                    }
-                }, colors.reduce(function(styles, color) {
-                    return _object_spread_props(_object_spread({}, styles), _define_property({}, '&[data-color="'.concat(color, '"]'), {
-                        '.sk-tabs-list-item-divider': _define_property({}, "@apply bg-".concat(color, "-surface-primary"), {})
-                    }));
-                }, {})), {
+                    },
+                    ...colors.reduce((styles, color)=>({
+                            ...styles,
+                            [`&[data-color="${color}"]`]: {
+                                '.sk-tabs-list-item-divider': {
+                                    [`@apply bg-${color}-surface-primary`]: {}
+                                }
+                            }
+                        }), {}),
                     "&[data-color='tertiary']": {
                         '.sk-tabs-list-item-divider': {
                             '@apply bg-primary-surface': {}
                         }
                     }
-                })
+                }
             },
             '&-panels': {
                 '@apply mt-20': {}
@@ -119,7 +69,6 @@ export var Tabs = function(colors) {
                 }
             }
         }
-    };
-};
+    });
 
 //# sourceMappingURL=tabs.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tabs.ts"],"sourcesContent":["export const Tabs = (colors: string[]) => ({\r\n  '.sk-tabs': {\r\n    '@apply w-full': {},\r\n\r\n    '&-list': {\r\n      '@apply flex items-center gap-20 border-b-1 border-transparent': {},\r\n\r\n      '&[data-underline=\"true\"]': {\r\n        '@apply border-divider': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '@apply flex flex-col gap-y-10': {},\r\n\r\n        '&[data-size=\"sm\"]': {\r\n          '> button': {\r\n            '@apply text-small': {},\r\n          },\r\n        },\r\n\r\n        '&:hover': {\r\n          // hover\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply opacity-90': {},\r\n          },\r\n        },\r\n\r\n        '&-button': {\r\n          '@apply h-auto border-0 py-0 px-2': {},\r\n          // ring\r\n          '@apply rounded-4': {},\r\n\r\n          '&[aria-disabled=\"true\"]': {\r\n            '@apply text-dark-disabled cursor-default': {},\r\n          },\r\n\r\n          '&:focus-visible': {\r\n            // focus\r\n            '@apply ring-[.3rem]': {},\r\n            '@apply ring-ring': {},\r\n            '@apply ring-offset-background-content': {},\r\n            '@apply outline-0': {},\r\n          },\r\n\r\n          '.sk-callout': {\r\n            '@apply absolute self-end': {},\r\n          },\r\n        },\r\n\r\n        '.sk-tabs-list-item-divider': {\r\n          '@apply m-0 min-h-2 h-2 rounded-t-24 opacity-0': {},\r\n        },\r\n\r\n        '&[data-current=\"true\"]': {\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply opacity-100': {},\r\n          },\r\n        },\r\n\r\n        ...colors.reduce(\r\n          (styles, color) => ({\r\n            ...styles,\r\n            [`&[data-color=\"${color}\"]`]: {\r\n              '.sk-tabs-list-item-divider': {\r\n                [`@apply bg-${color}-surface-primary`]: {},\r\n              },\r\n            },\r\n          }),\r\n          {}\r\n        ),\r\n        \"&[data-color='tertiary']\": {\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply bg-primary-surface': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-panels': {\r\n      '@apply mt-20': {},\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"],"names":["Tabs","colors","reduce","styles","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAMA,OAAO,SAACC;WAAsB;QACzC,YAAY;YACV,iBAAiB,CAAC;YAElB,UAAU;gBACR,iEAAiE,CAAC;gBAElE,4BAA4B;oBAC1B,yBAAyB,CAAC;gBAC5B;gBAEA,UAAU;oBACR,iCAAiC,CAAC;oBAElC,qBAAqB;wBACnB,YAAY;4BACV,qBAAqB,CAAC;wBACxB;oBACF;oBAEA,WAAW;wBACT,QAAQ;wBACR,8BAA8B;4BAC5B,qBAAqB,CAAC;wBACxB;oBACF;oBAEA,YAAY;wBACV,oCAAoC,CAAC;wBACrC,OAAO;wBACP,oBAAoB,CAAC;wBAErB,2BAA2B;4BACzB,4CAA4C,CAAC;wBAC/C;wBAEA,mBAAmB;4BACjB,QAAQ;4BACR,uBAAuB,CAAC;4BACxB,oBAAoB,CAAC;4BACrB,yCAAyC,CAAC;4BAC1C,oBAAoB,CAAC;wBACvB;wBAEA,eAAe;4BACb,4BAA4B,CAAC;wBAC/B;oBACF;oBAEA,8BAA8B;wBAC5B,iDAAiD,CAAC;oBACpD;oBAEA,0BAA0B;wBACxB,8BAA8B;4BAC5B,sBAAsB,CAAC;wBACzB;oBACF;mBAEGA,OAAOC,MAAM,CACd,SAACC,QAAQC;2BAAW,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OAAM;wBAC5B,8BACE,qBAAC,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC;oBAE7C;mBAEF,CAAC;oBAEH,4BAA4B;wBAC1B,8BAA8B;4BAC5B,6BAA6B,CAAC;wBAChC;oBACF;;YAEJ;YAEA,YAAY;gBACV,gBAAgB,CAAC;YACnB;YAEA,aAAa;gBACX,iCAAiC;oBAC/B,iBAAiB,CAAC;gBACpB;YACF;QACF;IACF;EAAG"}
+{"version":3,"sources":["../../../src/components/tabs.ts"],"sourcesContent":["export const Tabs = (colors: string[]) => ({\r\n  '.sk-tabs': {\r\n    '@apply w-full': {},\r\n\r\n    '&-list': {\r\n      '@apply flex items-center gap-20 border-b-1 border-transparent': {},\r\n\r\n      '&[data-underline=\"true\"]': {\r\n        '@apply border-divider': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '@apply flex flex-col gap-y-10': {},\r\n\r\n        '&[data-size=\"sm\"]': {\r\n          '> button': {\r\n            '@apply text-small': {},\r\n          },\r\n        },\r\n\r\n        '&:hover': {\r\n          // hover\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply opacity-90': {},\r\n          },\r\n        },\r\n\r\n        '&-button': {\r\n          '@apply h-auto border-0 py-0 px-2': {},\r\n          // ring\r\n          '@apply rounded-4': {},\r\n\r\n          '&[aria-disabled=\"true\"]': {\r\n            '@apply text-dark-disabled cursor-default': {},\r\n          },\r\n\r\n          '&:focus-visible': {\r\n            // focus\r\n            '@apply ring-[.3rem]': {},\r\n            '@apply ring-ring': {},\r\n            '@apply ring-offset-background-content': {},\r\n            '@apply outline-0': {},\r\n          },\r\n\r\n          '.sk-callout': {\r\n            '@apply absolute self-end': {},\r\n          },\r\n        },\r\n\r\n        '.sk-tabs-list-item-divider': {\r\n          '@apply m-0 min-h-2 h-2 opacity-0': {},\r\n        },\r\n\r\n        '&[data-current=\"true\"]': {\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply opacity-100': {},\r\n          },\r\n        },\r\n\r\n        ...colors.reduce(\r\n          (styles, color) => ({\r\n            ...styles,\r\n            [`&[data-color=\"${color}\"]`]: {\r\n              '.sk-tabs-list-item-divider': {\r\n                [`@apply bg-${color}-surface-primary`]: {},\r\n              },\r\n            },\r\n          }),\r\n          {}\r\n        ),\r\n        \"&[data-color='tertiary']\": {\r\n          '.sk-tabs-list-item-divider': {\r\n            '@apply bg-primary-surface': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-panels': {\r\n      '@apply mt-20': {},\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"],"names":["Tabs","colors","reduce","styles","color"],"mappings":"AAAA,OAAO,MAAMA,OAAO,CAACC,SAAsB,CAAA;QACzC,YAAY;YACV,iBAAiB,CAAC;YAElB,UAAU;gBACR,iEAAiE,CAAC;gBAElE,4BAA4B;oBAC1B,yBAAyB,CAAC;gBAC5B;gBAEA,UAAU;oBACR,iCAAiC,CAAC;oBAElC,qBAAqB;wBACnB,YAAY;4BACV,qBAAqB,CAAC;wBACxB;oBACF;oBAEA,WAAW;wBACT,QAAQ;wBACR,8BAA8B;4BAC5B,qBAAqB,CAAC;wBACxB;oBACF;oBAEA,YAAY;wBACV,oCAAoC,CAAC;wBACrC,OAAO;wBACP,oBAAoB,CAAC;wBAErB,2BAA2B;4BACzB,4CAA4C,CAAC;wBAC/C;wBAEA,mBAAmB;4BACjB,QAAQ;4BACR,uBAAuB,CAAC;4BACxB,oBAAoB,CAAC;4BACrB,yCAAyC,CAAC;4BAC1C,oBAAoB,CAAC;wBACvB;wBAEA,eAAe;4BACb,4BAA4B,CAAC;wBAC/B;oBACF;oBAEA,8BAA8B;wBAC5B,oCAAoC,CAAC;oBACvC;oBAEA,0BAA0B;wBACxB,8BAA8B;4BAC5B,sBAAsB,CAAC;wBACzB;oBACF;oBAEA,GAAGA,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;4BAClB,GAAGD,MAAM;4BACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;gCAC5B,8BAA8B;oCAC5B,CAAC,CAAC,UAAU,EAAEA,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC;gCAC3C;4BACF;wBACF,CAAA,GACA,CAAC,EACF;oBACD,4BAA4B;wBAC1B,8BAA8B;4BAC5B,6BAA6B,CAAC;wBAChC;oBACF;gBACF;YACF;YAEA,YAAY;gBACV,gBAAgB,CAAC;YACnB;YAEA,aAAa;gBACX,iCAAiC;oBAC/B,iBAAiB,CAAC;gBACpB;YACF;QACF;IACF,CAAA,EAAG"}