@sk-web-gui/core 3.9.1 → 3.10.0

package/dist/esm/components/file-upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-upload.js","names":["FileUpload"],"sources":["../../../src/components/file-upload.ts"],"sourcesContent":["export const FileUpload = () => ({\r\n  '.sk-form-file-upload': {\r\n    '&-list': {\r\n      '@apply flex flex-col py-4 gap-x-12 items-start': {},\r\n      '@apply border-divider border-t-1 border-b-1': {},\r\n\r\n      '&[data-border=\"true\"]': {\r\n        '@apply border-0 py-0 gap-y-12': {},\r\n\r\n        '.sk-form-file-upload-list-item': {\r\n          '@apply border-1 border-divider': {},\r\n        },\r\n      },\r\n\r\n      'li[role=\"separator\"]': {\r\n        '@apply h-[1px] mt-3 mb-6 py-0 w-full': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '@apply self-stretch flex flex-row flex-wrap p-12 rounded-button': {},\r\n        '@apply gap-y-12': {},\r\n\r\n        '&-innerwrapper': {\r\n          '@apply w-full': {},\r\n          '@apply self-stretch items-center list-none flex flex-row gap-y-24 gap-x-12': {},\r\n        },\r\n\r\n        '&[data-isedit=\"true\"]': {\r\n          '.sk-form-file-upload-list-item-innerwrapper': {\r\n            '@apply flex-col': {},\r\n            '@apply medium-device:flex-row medium-device:items-center': {},\r\n\r\n            '.sk-form-file-upload-list-item-icon': {\r\n              '@apply hidden': {},\r\n              '@apply medium-device:flex': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '&:hover': {\r\n          '@apply bg-background-200': {},\r\n        },\r\n\r\n        '&[data-border=\"true\"]': {\r\n          '@apply border-1 border-divider': {},\r\n        },\r\n\r\n        '&-icon': {\r\n          '@apply flex justify-center shrink-0 rounded-utility overflow-hidden': {},\r\n          '@apply bg-vattjom-surface-accent': {},\r\n\r\n          '@apply w-32 h-32': {},\r\n          '.sk-icon': {\r\n            '@apply w-full h-full p-[.64rem]': {},\r\n          },\r\n\r\n          '&[data-size=\"sm\"]': {\r\n            '@apply w-32 h-32': {},\r\n            '.sk-icon': {\r\n              '@apply p-[.64rem]': {},\r\n            },\r\n          },\r\n          '&[data-size=\"md\"]': {\r\n            '@apply medium-device:w-44 medium-device:h-44': {},\r\n            '.sk-icon': {\r\n              '@apply medium-device:p-[.88rem]': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '&-content': {\r\n          '@apply grow flex flex-col justify-start gap-y-24': {},\r\n          '@apply medium-device:grid medium-device:grid-flow-col medium-device:auto-cols-fr medium-device:items-center':\r\n            {},\r\n\r\n          '& > *': {\r\n            '@apply grow shrink basis-auto': {},\r\n          },\r\n\r\n          '&-name': {\r\n            '@apply flex flex-col items-start gap-2': {},\r\n            '&[data-size=\"sm\"]': {\r\n              '.sk-form-file-upload-list-item-content-name-description': {\r\n                '@apply hidden': {},\r\n              },\r\n            },\r\n\r\n            '&-input-wrapper': {\r\n              '@apply flex items-center': {},\r\n\r\n              '.sk-form-input': {\r\n                '@apply grow': {},\r\n              },\r\n            },\r\n\r\n            '&-ending': {\r\n              '@apply ml-8': {},\r\n            },\r\n\r\n            '&-heading': {\r\n              '@apply text-base font-bold leading-24': {},\r\n            },\r\n\r\n            '&-description': {\r\n              '@apply text-small': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '&-actions': {\r\n          '@apply flex gap-12 items-center': {},\r\n          '&-more': {\r\n            '&-wrapper': {\r\n              '@apply relative': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '.sk-form-error-message': {\r\n          '@apply text-error': {},\r\n        },\r\n\r\n        '.sk-form-control': {\r\n          '@apply w-full medium-device:w-fit': {},\r\n\r\n          '.sk-form-select,.sk-form-input': {\r\n            '@apply w-full medium-device:w-fit': {},\r\n          },\r\n        },\r\n\r\n        '&-progress': {\r\n          '@apply w-full flex gap-x-md items-center': {},\r\n\r\n          '&-bar': {\r\n            '@apply w-full h-[0.4rem] bg-background-color-mixin-2 rounded-circular overflow-hidden': {},\r\n\r\n            '&-amount': {\r\n              '@apply h-full bg-primary-surface w-0 transition-[width_.3s_ease]': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-area': {\r\n      '&[data-relativity=\"viewport\"]': {\r\n        '.sk-form-file-upload-area-overlay': {\r\n          '@apply fixed': {},\r\n        },\r\n      },\r\n\r\n      '&[data-relativity=\"component\"]': {\r\n        '@apply relative inline-flex': {},\r\n        '.sk-form-file-upload-area-overlay': {\r\n          '@apply absolute': {},\r\n        },\r\n      },\r\n\r\n      '&-overlay': {\r\n        '@apply fixed z-overlay': {},\r\n        '@apply top-0 bottom-0 left-0 right-0 p-32 rounded-groups': {},\r\n        '@apply bg-primitives-overlay-darken-6': {},\r\n        '@apply border-2 border-gronsta-text-primary': {},\r\n        '@apply hidden': {},\r\n\r\n        '&[data-isdragging]': {\r\n          '@apply block': {},\r\n        },\r\n\r\n        '&-content': {\r\n          '@apply w-full h-full': {},\r\n          '@apply rounded-6 border-dashed border-2 border-gronsta-text-primary': {},\r\n          '@apply flex items-center justify-center': {},\r\n          '@apply text-gronsta-text-primary': {},\r\n\r\n          '&-icon': {\r\n            '&-wrapper': {\r\n              '@apply rounded-full bg-gronsta-surface-accent p-16 h-40 w-40 md:h-[8rem] md:w-[8rem] xl:h-[12rem] xl:w-[12rem]':\r\n                {},\r\n\r\n              '.sk-icon': {\r\n                '@apply w-full h-full': {},\r\n              },\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-modal': {\r\n      '@apply medium-device:w-[78rem]': {},\r\n\r\n      '&-labels': {\r\n        '@apply hidden': {},\r\n        '@apply medium-device:grid medium-device:grid-cols-2': {},\r\n        '@apply text-small font-bold': {},\r\n        '@apply mt-12 mb-8': {},\r\n      },\r\n\r\n      '&-button': {\r\n        '&-wrapper': {\r\n          '@apply flex items-center gap-8 mb-32': {},\r\n        },\r\n      },\r\n    },\r\n    '&-field &-area': {\r\n      '@apply w-full h-full': {},\r\n\r\n      '&-children': {\r\n        '@apply w-full h-full': {},\r\n      },\r\n    },\r\n    '&-field': {\r\n      '@apply w-fit': {},\r\n\r\n      '&[data-variant=\"horizontal\"] &-button': {\r\n        '@apply flex flex-row p-24 justify-center items-center gap-16': {},\r\n      },\r\n\r\n      '&[data-variant=\"vertical\"] &-button': {\r\n        '@apply flex flex-col p-24 justify-center items-center gap-18': {},\r\n\r\n        '.sk-form-file-upload-field-button-content': {\r\n          '@apply items-center': {},\r\n\r\n          '&-restrictions': {\r\n            '@apply items-center text-center': {},\r\n\r\n            '&-mimetypes': {\r\n              '@apply text-center': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n\r\n      '&:hover &-button': {\r\n        '@apply bg-vattjom-background-200 border-solid': {},\r\n      },\r\n\r\n      '&[data-invalid=\"true\"] &-button': {\r\n        '@apply bg-error-background-100 border-solid border-error': {},\r\n      },\r\n\r\n      '&-button': {\r\n        '@apply w-full h-full grow shrink-0 basis-0 self-stretch': {},\r\n        '@apply rounded-groups border-vattjom-surface-primary border-dashed border-1 bg-vattjom-background-100': {},\r\n\r\n        '&-icon': {\r\n          '.sk-icon': {\r\n            '@apply w-32 h-32': {},\r\n          },\r\n        },\r\n        '&-content': {\r\n          '@apply flex flex-col items-start gap-y-4': {},\r\n          '&-restrictions': {\r\n            '@apply flex flex-col items-start': {},\r\n            '@apply text-small text-dark-secondary': {},\r\n\r\n            '&-mimetypes': {\r\n              '@apply text-start line-clamp-1 max-w-[25rem]': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/file-upload.ts"],"sourcesContent":["export const FileUpload = () => ({\r\n  '.sk-form-file-upload': {\r\n    '&-list': {\r\n      '@apply flex flex-col py-4 gap-x-12 items-start': {},\r\n      '@apply border-divider border-t-1 border-b-1': {},\r\n\r\n      '&[data-border=\"true\"]': {\r\n        '@apply border-0 py-0 gap-y-12': {},\r\n\r\n        '.sk-form-file-upload-list-item': {\r\n          '@apply border-1 border-divider': {},\r\n        },\r\n      },\r\n\r\n      'li[role=\"separator\"]': {\r\n        '@apply h-[1px] mt-3 mb-6 py-0 w-full': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '@apply self-stretch flex flex-row flex-wrap p-12 rounded-button': {},\r\n        '@apply gap-y-12': {},\r\n\r\n        '&-innerwrapper': {\r\n          '@apply w-full': {},\r\n          '@apply self-stretch items-center list-none flex flex-row gap-y-24 gap-x-12': {},\r\n        },\r\n\r\n        '&[data-isedit=\"true\"]': {\r\n          '.sk-form-file-upload-list-item-innerwrapper': {\r\n            '@apply flex-col': {},\r\n            '@apply medium-device:flex-row medium-device:items-center': {},\r\n\r\n            '.sk-form-file-upload-list-item-icon': {\r\n              '@apply hidden': {},\r\n              '@apply medium-device:flex': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '&:hover': {\r\n          '@apply bg-background-200': {},\r\n        },\r\n\r\n        '&[data-border=\"true\"]': {\r\n          '@apply border-1 border-divider': {},\r\n        },\r\n\r\n        '&-icon': {\r\n          '@apply flex justify-center shrink-0 rounded-utility overflow-hidden': {},\r\n          '@apply bg-vattjom-surface-accent': {},\r\n\r\n          '@apply w-32 h-32': {},\r\n          '.sk-icon': {\r\n            '@apply w-full h-full p-[.64rem]': {},\r\n          },\r\n\r\n          '&[data-size=\"sm\"]': {\r\n            '@apply w-32 h-32': {},\r\n            '.sk-icon': {\r\n              '@apply p-[.64rem]': {},\r\n            },\r\n          },\r\n          '&[data-size=\"md\"]': {\r\n            '@apply medium-device:w-44 medium-device:h-44': {},\r\n            '.sk-icon': {\r\n              '@apply medium-device:p-[.88rem]': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '&-content': {\r\n          '@apply grow flex flex-col justify-start gap-y-24': {},\r\n          '@apply medium-device:grid medium-device:grid-flow-col medium-device:auto-cols-fr medium-device:items-center':\r\n            {},\r\n\r\n          '& > *': {\r\n            '@apply grow shrink basis-auto': {},\r\n          },\r\n\r\n          '&-name': {\r\n            '@apply flex flex-col items-start gap-2': {},\r\n            '&[data-size=\"sm\"]': {\r\n              '.sk-form-file-upload-list-item-content-name-description': {\r\n                '@apply hidden': {},\r\n              },\r\n            },\r\n\r\n            '&-input-wrapper': {\r\n              '@apply flex items-center': {},\r\n\r\n              '.sk-form-input': {\r\n                '@apply grow': {},\r\n              },\r\n            },\r\n\r\n            '&-ending': {\r\n              '@apply ml-8': {},\r\n            },\r\n\r\n            '&-heading': {\r\n              '@apply text-base font-bold leading-24': {},\r\n            },\r\n\r\n            '&-description': {\r\n              '@apply text-small': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '&-actions': {\r\n          '@apply flex gap-12 items-center': {},\r\n          '&-more': {\r\n            '&-wrapper': {\r\n              '@apply relative': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '.sk-form-error-message': {\r\n          '@apply text-error': {},\r\n        },\r\n\r\n        '.sk-form-control': {\r\n          '@apply w-full medium-device:w-fit': {},\r\n\r\n          '.sk-form-select,.sk-form-input': {\r\n            '@apply w-full medium-device:w-fit': {},\r\n          },\r\n        },\r\n\r\n        '&-progress': {\r\n          '@apply w-full flex gap-x-md items-center': {},\r\n\r\n          '&-bar': {\r\n            '@apply w-full h-[0.4rem] bg-background-color-mixin-2 rounded-circular overflow-hidden': {},\r\n\r\n            '&-amount': {\r\n              '@apply h-full bg-primary-surface w-0 transition-[width_.3s_ease]': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-area': {\r\n      '&[data-relativity=\"viewport\"]': {\r\n        '.sk-form-file-upload-area-overlay': {\r\n          '@apply fixed': {},\r\n        },\r\n      },\r\n\r\n      '&[data-relativity=\"component\"]': {\r\n        '@apply relative inline-flex': {},\r\n        '.sk-form-file-upload-area-overlay': {\r\n          '@apply absolute': {},\r\n        },\r\n      },\r\n\r\n      '&-overlay': {\r\n        '@apply fixed z-overlay': {},\r\n        '@apply top-0 bottom-0 left-0 right-0 p-32 rounded-groups': {},\r\n        '@apply bg-primitives-overlay-darken-6': {},\r\n        '@apply border-2 border-gronsta-text-primary': {},\r\n        '@apply hidden': {},\r\n\r\n        '&[data-isdragging]': {\r\n          '@apply block': {},\r\n        },\r\n\r\n        '&-content': {\r\n          '@apply w-full h-full': {},\r\n          '@apply rounded-6 border-dashed border-2 border-gronsta-text-primary': {},\r\n          '@apply flex items-center justify-center': {},\r\n          '@apply text-gronsta-text-primary': {},\r\n\r\n          '&-icon': {\r\n            '&-wrapper': {\r\n              '@apply rounded-full bg-gronsta-surface-accent p-16 h-40 w-40 md:h-[8rem] md:w-[8rem] xl:h-[12rem] xl:w-[12rem]':\r\n                {},\r\n\r\n              '.sk-icon': {\r\n                '@apply w-full h-full': {},\r\n              },\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-modal': {\r\n      '@apply medium-device:w-[78rem]': {},\r\n\r\n      '&-labels': {\r\n        '@apply hidden': {},\r\n        '@apply medium-device:grid medium-device:grid-cols-2': {},\r\n        '@apply text-small font-bold': {},\r\n        '@apply mt-12 mb-8': {},\r\n      },\r\n\r\n      '&-button': {\r\n        '&-wrapper': {\r\n          '@apply flex items-center gap-8 mb-32': {},\r\n        },\r\n      },\r\n    },\r\n    '&-field &-area': {\r\n      '@apply w-full h-full': {},\r\n\r\n      '&-children': {\r\n        '@apply w-full h-full': {},\r\n      },\r\n    },\r\n    '&-field': {\r\n      '@apply w-fit': {},\r\n\r\n      '&[data-variant=\"horizontal\"] &-button': {\r\n        '@apply flex flex-row p-24 justify-center items-center gap-16': {},\r\n      },\r\n\r\n      '&[data-variant=\"vertical\"] &-button': {\r\n        '@apply flex flex-col p-24 justify-center items-center gap-18': {},\r\n\r\n        '.sk-form-file-upload-field-button-content': {\r\n          '@apply items-center': {},\r\n\r\n          '&-restrictions': {\r\n            '@apply items-center text-center': {},\r\n\r\n            '&-mimetypes': {\r\n              '@apply text-center': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n\r\n      '&:hover &-button': {\r\n        '@apply bg-vattjom-background-200 border-solid': {},\r\n      },\r\n\r\n      '&[data-invalid=\"true\"] &-button': {\r\n        '@apply bg-error-background-100 border-solid border-error': {},\r\n      },\r\n\r\n      '&-button': {\r\n        '@apply w-full h-full grow shrink-0 basis-0 self-stretch': {},\r\n        '@apply rounded-groups border-vattjom-surface-primary border-dashed border-1 bg-vattjom-background-100': {},\r\n\r\n        '&-icon': {\r\n          '.sk-icon': {\r\n            '@apply w-32 h-32': {},\r\n          },\r\n        },\r\n        '&-content': {\r\n          '@apply flex flex-col items-start gap-y-4': {},\r\n          '&-restrictions': {\r\n            '@apply flex flex-col items-start': {},\r\n            '@apply text-small text-dark-secondary': {},\r\n\r\n            '&-mimetypes': {\r\n              '@apply text-start line-clamp-1 max-w-[25rem]': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["FileUpload"],"mappings":"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"}

package/dist/esm/components/filter.js

@@ -1,15 +1,2 @@
-export var Filter = () => ({
-  '.sk-filter': {
-    '@apply w-full': {},
-    '&-label': {
-      '@apply text-label-medium': {}
-    },
-    '.sk-form-checkbox-label': {
-      '@apply grow flex items-center justify-between': {},
-      '&-wrapper': {
-        '@apply w-full': {}
-      }
-    }
-  }
-});
+export var Filter=function(){return{".sk-filter":{"@apply w-full":{},"&-label":{"@apply text-label-medium":{}},".sk-form-checkbox-label":{"@apply grow flex items-center justify-between":{},"&-wrapper":{"@apply w-full":{}}}}}};
 //# sourceMappingURL=filter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"filter.js","names":["Filter"],"sources":["../../../src/components/filter.ts"],"sourcesContent":["export const Filter = () => ({\r\n  '.sk-filter': {\r\n    '@apply w-full': {},\r\n\r\n    '&-label': {\r\n      '@apply text-label-medium': {},\r\n    },\r\n\r\n    '.sk-form-checkbox-label': {\r\n      '@apply grow flex items-center justify-between': {},\r\n      '&-wrapper': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,MAAM,GAAGA,CAAA,MAAO;EAC3B,YAAY,EAAE;IACZ,eAAe,EAAE,CAAC,CAAC;IAEnB,SAAS,EAAE;MACT,0BAA0B,EAAE,CAAC;IAC/B,CAAC;IAED,yBAAyB,EAAE;MACzB,+CAA+C,EAAE,CAAC,CAAC;MACnD,WAAW,EAAE;QACX,eAAe,EAAE,CAAC;MACpB;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/filter.ts"],"sourcesContent":["export const Filter = () => ({\r\n  '.sk-filter': {\r\n    '@apply w-full': {},\r\n\r\n    '&-label': {\r\n      '@apply text-label-medium': {},\r\n    },\r\n\r\n    '.sk-form-checkbox-label': {\r\n      '@apply grow flex items-center justify-between': {},\r\n      '&-wrapper': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Filter"],"mappings":"AAAA,OAAO,IAAMA,OAAS,iBAAO,CAC3B,aAAc,CACZ,gBAAiB,CAAC,EAElB,UAAW,CACT,2BAA4B,CAAC,CAC/B,EAEA,0BAA2B,CACzB,gDAAiD,CAAC,EAClD,YAAa,CACX,gBAAiB,CAAC,CACpB,CACF,CACF,CACF,EAAG"}

package/dist/esm/components/footer.js

@@ -1,32 +1,2 @@
-export var Footer = () => ({
-  '.sk-footer': {
-    '@apply bg-background-content': {},
-    '@apply flex justify-center': {},
-    '@apply w-full': {},
-    '@apply py-24 lg:py-40 px-20 lg:px-80': {},
-    '@apply text-dark-secondary': {},
-    '&-logo-wrapper': {
-      '@apply mr-80 mb-40 w-fit': {},
-      '.sk-logo': {
-        '@apply max-h-56 h-56 lg:max-h-72 lg:h-72': {}
-      }
-    },
-    '&-content': {
-      '@apply w-fit grow flex flex-col desktop:flex-row desktop:flex-wrap': {},
-      '@apply w-full max-w-content': {}
-    },
-    '&-list': {
-      '@apply flex grow flex-col gap-16': {},
-      '&-wrapper': {
-        '@apply flex flex-col desktop:flex-row flex-wrap justify-start grow gap-y-36 gap-x-80 desktop:ml-80': {}
-      },
-      '&-item': {
-        '@apply text-[1.4rem] flex flex-row justify-start items-center gap-8': {},
-        label: {
-          '@apply text-label-medium': {}
-        }
-      }
-    }
-  }
-});
+export var Footer=function(){return{".sk-footer":{"@apply bg-background-content":{},"@apply flex justify-center":{},"@apply w-full":{},"@apply py-24 lg:py-40 px-20 lg:px-80":{},"@apply text-dark-secondary":{},"&-logo-wrapper":{"@apply mr-80 mb-40 w-fit":{},".sk-logo":{"@apply max-h-56 h-56 lg:max-h-72 lg:h-72":{}}},"&-content":{"@apply w-fit grow flex flex-col desktop:flex-row desktop:flex-wrap":{},"@apply w-full max-w-content":{}},"&-list":{"@apply flex grow flex-col gap-16":{},"&-wrapper":{"@apply flex flex-col desktop:flex-row flex-wrap justify-start grow gap-y-36 gap-x-80 desktop:ml-80":{}},"&-item":{"@apply text-[1.4rem] flex flex-row justify-start items-center gap-8":{},label:{"@apply text-label-medium":{}}}}}}};
 //# sourceMappingURL=footer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"footer.js","names":["Footer","label"],"sources":["../../../src/components/footer.ts"],"sourcesContent":["export const Footer = () => ({\r\n  '.sk-footer': {\r\n    '@apply bg-background-content': {},\r\n    '@apply flex justify-center': {},\r\n    '@apply w-full': {},\r\n    '@apply py-24 lg:py-40 px-20 lg:px-80': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&-logo-wrapper': {\r\n      '@apply mr-80 mb-40 w-fit': {},\r\n\r\n      '.sk-logo': {\r\n        '@apply max-h-56 h-56 lg:max-h-72 lg:h-72': {},\r\n      },\r\n    },\r\n    '&-content': {\r\n      '@apply w-fit grow flex flex-col desktop:flex-row desktop:flex-wrap': {},\r\n      '@apply w-full max-w-content': {},\r\n    },\r\n    '&-list': {\r\n      '@apply flex grow flex-col gap-16': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply flex flex-col desktop:flex-row flex-wrap justify-start grow gap-y-36 gap-x-80 desktop:ml-80': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '@apply text-[1.4rem] flex flex-row justify-start items-center gap-8': {},\r\n\r\n        label: {\r\n          '@apply text-label-medium': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,MAAM,GAAGA,CAAA,MAAO;EAC3B,YAAY,EAAE;IACZ,8BAA8B,EAAE,CAAC,CAAC;IAClC,4BAA4B,EAAE,CAAC,CAAC;IAChC,eAAe,EAAE,CAAC,CAAC;IACnB,sCAAsC,EAAE,CAAC,CAAC;IAC1C,4BAA4B,EAAE,CAAC,CAAC;IAEhC,gBAAgB,EAAE;MAChB,0BAA0B,EAAE,CAAC,CAAC;MAE9B,UAAU,EAAE;QACV,0CAA0C,EAAE,CAAC;MAC/C;IACF,CAAC;IACD,WAAW,EAAE;MACX,oEAAoE,EAAE,CAAC,CAAC;MACxE,6BAA6B,EAAE,CAAC;IAClC,CAAC;IACD,QAAQ,EAAE;MACR,kCAAkC,EAAE,CAAC,CAAC;MAEtC,WAAW,EAAE;QACX,oGAAoG,EAAE,CAAC;MACzG,CAAC;MAED,QAAQ,EAAE;QACR,qEAAqE,EAAE,CAAC,CAAC;QAEzEC,KAAK,EAAE;UACL,0BAA0B,EAAE,CAAC;QAC/B;MACF;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/footer.ts"],"sourcesContent":["export const Footer = () => ({\r\n  '.sk-footer': {\r\n    '@apply bg-background-content': {},\r\n    '@apply flex justify-center': {},\r\n    '@apply w-full': {},\r\n    '@apply py-24 lg:py-40 px-20 lg:px-80': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&-logo-wrapper': {\r\n      '@apply mr-80 mb-40 w-fit': {},\r\n\r\n      '.sk-logo': {\r\n        '@apply max-h-56 h-56 lg:max-h-72 lg:h-72': {},\r\n      },\r\n    },\r\n    '&-content': {\r\n      '@apply w-fit grow flex flex-col desktop:flex-row desktop:flex-wrap': {},\r\n      '@apply w-full max-w-content': {},\r\n    },\r\n    '&-list': {\r\n      '@apply flex grow flex-col gap-16': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply flex flex-col desktop:flex-row flex-wrap justify-start grow gap-y-36 gap-x-80 desktop:ml-80': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '@apply text-[1.4rem] flex flex-row justify-start items-center gap-8': {},\r\n\r\n        label: {\r\n          '@apply text-label-medium': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Footer","label"],"mappings":"AAAA,OAAO,IAAMA,OAAS,iBAAO,CAC3B,aAAc,CACZ,+BAAgC,CAAC,EACjC,6BAA8B,CAAC,EAC/B,gBAAiB,CAAC,EAClB,uCAAwC,CAAC,EACzC,6BAA8B,CAAC,EAE/B,iBAAkB,CAChB,2BAA4B,CAAC,EAE7B,WAAY,CACV,2CAA4C,CAAC,CAC/C,CACF,EACA,YAAa,CACX,qEAAsE,CAAC,EACvE,8BAA+B,CAAC,CAClC,EACA,SAAU,CACR,mCAAoC,CAAC,EAErC,YAAa,CACX,qGAAsG,CAAC,CACzG,EAEA,SAAU,CACR,sEAAuE,CAAC,EAExEC,MAAO,CACL,2BAA4B,CAAC,CAC/B,CACF,CACF,CACF,CACF,EAAG"}

package/dist/esm/components/forms.js

@@ -1,25 +1,2 @@
-export var Forms = () => ({
-  '.sk-form-control': {
-    '@apply flex flex-col gap-8 w-fit': {}
-  },
-  '.sk-form-label': {
-    '@apply font-bold': {},
-    '&-sm': {
-      '@apply text-label-small': {}
-    },
-    '&-md': {
-      '@apply text-label-medium': {}
-    },
-    '&-lg': {
-      '@apply text-label-large': {}
-    }
-  },
-  'legend.sk-form-label': {
-    display: 'contents'
-  },
-  '.sk-form-helper-text, .sk-form-error-message': {
-    '@apply font-normal': {},
-    '@apply text-small': {}
-  }
-});
+export var Forms=function(){return{".sk-form-control":{"@apply flex flex-col gap-8 w-fit":{}},".sk-form-label":{"@apply font-bold":{},"&-sm":{"@apply text-label-small":{}},"&-md":{"@apply text-label-medium":{}},"&-lg":{"@apply text-label-large":{}}},"legend.sk-form-label":{display:"contents"},".sk-form-helper-text, .sk-form-error-message":{"@apply font-normal":{},"@apply text-small":{}}}};
 //# sourceMappingURL=forms.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"forms.js","names":["Forms","display"],"sources":["../../../src/components/forms.ts"],"sourcesContent":["export const Forms = () => ({\r\n  '.sk-form-control': {\r\n    '@apply flex flex-col gap-8 w-fit': {},\r\n  },\r\n\r\n  '.sk-form-label': {\r\n    '@apply font-bold': {},\r\n    '&-sm': {\r\n      '@apply text-label-small': {},\r\n    },\r\n    '&-md': {\r\n      '@apply text-label-medium': {},\r\n    },\r\n    '&-lg': {\r\n      '@apply text-label-large': {},\r\n    },\r\n  },\r\n\r\n  'legend.sk-form-label': {\r\n    display: 'contents',\r\n  },\r\n\r\n  '.sk-form-helper-text, .sk-form-error-message': {\r\n    '@apply font-normal': {},\r\n    '@apply text-small': {},\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,KAAK,GAAGA,CAAA,MAAO;EAC1B,kBAAkB,EAAE;IAClB,kCAAkC,EAAE,CAAC;EACvC,CAAC;EAED,gBAAgB,EAAE;IAChB,kBAAkB,EAAE,CAAC,CAAC;IACtB,MAAM,EAAE;MACN,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IACD,MAAM,EAAE;MACN,0BAA0B,EAAE,CAAC;IAC/B,CAAC;IACD,MAAM,EAAE;MACN,yBAAyB,EAAE,CAAC;IAC9B;EACF,CAAC;EAED,sBAAsB,EAAE;IACtBC,OAAO,EAAE;EACX,CAAC;EAED,8CAA8C,EAAE;IAC9C,oBAAoB,EAAE,CAAC,CAAC;IACxB,mBAAmB,EAAE,CAAC;EACxB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/forms.ts"],"sourcesContent":["export const Forms = () => ({\n  '.sk-form-control': {\n    '@apply flex flex-col gap-8 w-fit': {},\n  },\n\n  '.sk-form-label': {\n    '@apply font-bold': {},\n    '&-sm': {\n      '@apply text-label-small': {},\n    },\n    '&-md': {\n      '@apply text-label-medium': {},\n    },\n    '&-lg': {\n      '@apply text-label-large': {},\n    },\n  },\n\n  'legend.sk-form-label': {\n    display: 'contents',\n  },\n\n  '.sk-form-helper-text, .sk-form-error-message': {\n    '@apply font-normal': {},\n    '@apply text-small': {},\n  },\n});\n"],"names":["Forms","display"],"mappings":"AAAA,OAAO,IAAMA,MAAQ,iBAAO,CAC1B,mBAAoB,CAClB,mCAAoC,CAAC,CACvC,EAEA,iBAAkB,CAChB,mBAAoB,CAAC,EACrB,OAAQ,CACN,0BAA2B,CAAC,CAC9B,EACA,OAAQ,CACN,2BAA4B,CAAC,CAC/B,EACA,OAAQ,CACN,0BAA2B,CAAC,CAC9B,CACF,EAEA,uBAAwB,CACtBC,QAAS,UACX,EAEA,+CAAgD,CAC9C,qBAAsB,CAAC,EACvB,oBAAqB,CAAC,CACxB,CACF,EAAG"}

package/dist/esm/components/header.js

@@ -1,29 +1,2 @@
-export var Header = () => ({
-  '.sk-header': {
-    '@apply bg-background-content p-12 md:px-32 md:pt-24 md:pb-20 xl:pt-32 xl:pb-20 xl:px-80 xl:h-auto xl:min-h-0': {},
-    '@apply shadow-100': {},
-    '@apply flex justify-center': {},
-    '@apply w-full': {},
-    '&-container': {
-      '@apply flex flex-col gap-20 xl:gap-24': {},
-      '@apply w-full': {},
-      '@apply max-w-content': {}
-    },
-    '&-top-content': {
-      '@apply flex items-center w-full justify-between m-auto flex-shrink-0 py-4 gap-20': {}
-    },
-    '&-bottom-content': {
-      '@apply hidden md:flex items-center w-full justify-start p-8 xl:p-0': {}
-    },
-    '&-usermenu': {
-      '@apply hidden xl:flex-shrink md:flex xl:items-center xl:w-auto': {},
-      '&-content': {
-        '@apply relative flex flex-grow justify-end items-center xl:w-auto': {}
-      }
-    },
-    '&-mobilemenu': {
-      '@apply block md:hidden relative': {}
-    }
-  }
-});
+export var Header=function(){return{".sk-header":{"@apply bg-background-content p-12 md:px-32 md:pt-24 md:pb-20 xl:pt-32 xl:pb-20 xl:px-80 xl:h-auto xl:min-h-0":{},"@apply shadow-100":{},"@apply flex justify-center":{},"@apply w-full":{},"&-container":{"@apply flex flex-col gap-20 xl:gap-24":{},"@apply w-full":{},"@apply max-w-content":{}},"&-top-content":{"@apply flex items-center w-full justify-between m-auto flex-shrink-0 py-4 gap-20":{}},"&-bottom-content":{"@apply hidden md:flex items-center w-full justify-start p-8 xl:p-0":{}},"&-usermenu":{"@apply hidden xl:flex-shrink md:flex xl:items-center xl:w-auto":{},"&-content":{"@apply relative flex flex-grow justify-end items-center xl:w-auto":{}}},"&-mobilemenu":{"@apply block md:hidden relative":{}}}}};
 //# sourceMappingURL=header.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"header.js","names":["Header"],"sources":["../../../src/components/header.ts"],"sourcesContent":["export const Header = () => ({\r\n  '.sk-header': {\r\n    '@apply bg-background-content p-12 md:px-32 md:pt-24 md:pb-20 xl:pt-32 xl:pb-20 xl:px-80 xl:h-auto xl:min-h-0': {},\r\n    '@apply shadow-100': {},\r\n    '@apply flex justify-center': {},\r\n    '@apply w-full': {},\r\n\r\n    '&-container': {\r\n      '@apply flex flex-col gap-20 xl:gap-24': {},\r\n      '@apply w-full': {},\r\n      '@apply max-w-content': {},\r\n    },\r\n\r\n    '&-top-content': {\r\n      '@apply flex items-center w-full justify-between m-auto flex-shrink-0 py-4 gap-20': {},\r\n    },\r\n    '&-bottom-content': {\r\n      '@apply hidden md:flex items-center w-full justify-start p-8 xl:p-0': {},\r\n    },\r\n\r\n    '&-usermenu': {\r\n      '@apply hidden xl:flex-shrink md:flex xl:items-center xl:w-auto': {},\r\n\r\n      '&-content': {\r\n        '@apply relative flex flex-grow justify-end items-center xl:w-auto': {},\r\n      },\r\n    },\r\n    '&-mobilemenu': {\r\n      '@apply block md:hidden relative': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,MAAM,GAAGA,CAAA,MAAO;EAC3B,YAAY,EAAE;IACZ,8GAA8G,EAAE,CAAC,CAAC;IAClH,mBAAmB,EAAE,CAAC,CAAC;IACvB,4BAA4B,EAAE,CAAC,CAAC;IAChC,eAAe,EAAE,CAAC,CAAC;IAEnB,aAAa,EAAE;MACb,uCAAuC,EAAE,CAAC,CAAC;MAC3C,eAAe,EAAE,CAAC,CAAC;MACnB,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IAED,eAAe,EAAE;MACf,kFAAkF,EAAE,CAAC;IACvF,CAAC;IACD,kBAAkB,EAAE;MAClB,oEAAoE,EAAE,CAAC;IACzE,CAAC;IAED,YAAY,EAAE;MACZ,gEAAgE,EAAE,CAAC,CAAC;MAEpE,WAAW,EAAE;QACX,mEAAmE,EAAE,CAAC;MACxE;IACF,CAAC;IACD,cAAc,EAAE;MACd,iCAAiC,EAAE,CAAC;IACtC;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/header.ts"],"sourcesContent":["export const Header = () => ({\r\n  '.sk-header': {\r\n    '@apply bg-background-content p-12 md:px-32 md:pt-24 md:pb-20 xl:pt-32 xl:pb-20 xl:px-80 xl:h-auto xl:min-h-0': {},\r\n    '@apply shadow-100': {},\r\n    '@apply flex justify-center': {},\r\n    '@apply w-full': {},\r\n\r\n    '&-container': {\r\n      '@apply flex flex-col gap-20 xl:gap-24': {},\r\n      '@apply w-full': {},\r\n      '@apply max-w-content': {},\r\n    },\r\n\r\n    '&-top-content': {\r\n      '@apply flex items-center w-full justify-between m-auto flex-shrink-0 py-4 gap-20': {},\r\n    },\r\n    '&-bottom-content': {\r\n      '@apply hidden md:flex items-center w-full justify-start p-8 xl:p-0': {},\r\n    },\r\n\r\n    '&-usermenu': {\r\n      '@apply hidden xl:flex-shrink md:flex xl:items-center xl:w-auto': {},\r\n\r\n      '&-content': {\r\n        '@apply relative flex flex-grow justify-end items-center xl:w-auto': {},\r\n      },\r\n    },\r\n    '&-mobilemenu': {\r\n      '@apply block md:hidden relative': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Header"],"mappings":"AAAA,OAAO,IAAMA,OAAS,iBAAO,CAC3B,aAAc,CACZ,+GAAgH,CAAC,EACjH,oBAAqB,CAAC,EACtB,6BAA8B,CAAC,EAC/B,gBAAiB,CAAC,EAElB,cAAe,CACb,wCAAyC,CAAC,EAC1C,gBAAiB,CAAC,EAClB,uBAAwB,CAAC,CAC3B,EAEA,gBAAiB,CACf,mFAAoF,CAAC,CACvF,EACA,mBAAoB,CAClB,qEAAsE,CAAC,CACzE,EAEA,aAAc,CACZ,iEAAkE,CAAC,EAEnE,YAAa,CACX,oEAAqE,CAAC,CACxE,CACF,EACA,eAAgB,CACd,kCAAmC,CAAC,CACtC,CACF,CACF,EAAG"}

package/dist/esm/components/icon.js

@@ -1,59 +1,2 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-export var Icon = colors => ({
-  '.sk-icon': _extends({
-    '@apply inline-flex items-center justify-center': {},
-    '@apply w-24 h-24': {},
-    svg: {
-      '@apply w-full h-full': {}
-    },
-    '&.sk-icon-padded': _extends({
-      '@apply rounded-utility': {},
-      '@apply text-light-primary fill-light-primary': {},
-      '@apply p-4': {}
-    }, colors.reduce((styles, color) => _extends({}, styles, {
-      ["&[data-color=\"" + color + "\"]"]: {
-        ["@apply bg-" + color + "-surface-primary text-" + color + "-text-secondary fill-" + color + "-text-secondary"]: {},
-        '&[data-inverted="true"]': {
-          '@apply text-inverted-light-primary': {},
-          ["@apply bg-inverted-" + color + "-surface-primary text-inverted-" + color + "-text-secondary fill-inverted-" + color + "-text-secondary"]: {}
-        }
-      }
-    }), {}), {
-      "&[data-color='primary'], &[data-color='tertiary']": {
-        '@apply bg-primary-surface text-light-primary fill-light-primary': {},
-        '&[data-inverted="true"]': {
-          '@apply text-inverted-light-primary fill-inverted-light-primary': {},
-          '@apply bg-tertiary-surface': {}
-        }
-      },
-      "&[data-variant='ghost']": {
-        '@apply bg-transparent text-current fill-current': {},
-        '&[data-inverted="true"]': {
-          '@apply bg-transparent text-current fill-current': {}
-        }
-      }
-    }),
-    '&[data-size="fit"]': {
-      '@apply w-fit h-fit': {}
-    },
-    '&[data-rounded="true"]': {
-      '@apply rounded-circular': {}
-    }
-  }, colors.reduce((styles, color) => _extends({}, styles, {
-    ["&[data-color=\"" + color + "\"]"]: {
-      '@apply text-inverted-light-primary': {},
-      ["@apply text-inverted-" + color + "-text-secondary fill-inverted-" + color + "-text-secondary"]: {},
-      '&[data-inverted="true"]': {
-        '@apply text-inverted-light-primary': {},
-        ["@apply bg-inverted-" + color + "-surface-primary text-inverted-" + color + "-text-secondary fill-inverted-" + color + "-text-secondary"]: {}
-      }
-    }
-  }), {}), {
-    "&[data-color='primary']": {
-      '&[data-inverted="true"]': {
-        '@apply text-light-primary fill-light-primary': {}
-      }
-    }
-  })
-});
+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 Icon=function(colors){return{".sk-icon":_object_spread_props(_object_spread({"@apply inline-flex items-center justify-center":{},"@apply w-24 h-24":{},svg:{"@apply w-full h-full":{}},"&.sk-icon-padded":_object_spread_props(_object_spread({"@apply rounded-utility":{},"@apply text-light-primary fill-light-primary":{},"@apply p-4":{}},colors.reduce(function(styles,color){var _obj;return _object_spread_props(_object_spread({},styles),_define_property({},'&[data-color="'.concat(color,'"]'),(_obj={},_define_property(_obj,"@apply bg-".concat(color,"-surface-primary text-").concat(color,"-text-secondary fill-").concat(color,"-text-secondary"),{}),_define_property(_obj,'&[data-inverted="true"]',_define_property({"@apply text-inverted-light-primary":{}},"@apply bg-inverted-".concat(color,"-surface-primary text-inverted-").concat(color,"-text-secondary fill-inverted-").concat(color,"-text-secondary"),{})),_obj)))},{})),{"&[data-color='primary'], &[data-color='tertiary']":{"@apply bg-primary-surface text-light-primary fill-light-primary":{},'&[data-inverted="true"]':{"@apply text-inverted-light-primary fill-inverted-light-primary":{},"@apply bg-tertiary-surface":{}}},"&[data-variant='ghost']":{"@apply bg-transparent text-current fill-current":{},'&[data-inverted="true"]':{"@apply bg-transparent text-current fill-current":{}}}}),'&[data-size="fit"]':{"@apply w-fit h-fit":{}},'&[data-rounded="true"]':{"@apply rounded-circular":{}}},colors.reduce(function(styles,color){var _obj;return _object_spread_props(_object_spread({},styles),_define_property({},'&[data-color="'.concat(color,'"]'),(_obj={"@apply text-inverted-light-primary":{}},_define_property(_obj,"@apply text-inverted-".concat(color,"-text-secondary fill-inverted-").concat(color,"-text-secondary"),{}),_define_property(_obj,'&[data-inverted="true"]',_define_property({"@apply text-inverted-light-primary":{}},"@apply bg-inverted-".concat(color,"-surface-primary text-inverted-").concat(color,"-text-secondary fill-inverted-").concat(color,"-text-secondary"),{})),_obj)))},{})),{"&[data-color='primary']":{'&[data-inverted="true"]':{"@apply text-light-primary fill-light-primary":{}}}})}};
 //# sourceMappingURL=icon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"icon.js","names":["Icon","colors","_extends","svg","reduce","styles","color"],"sources":["../../../src/components/icon.ts"],"sourcesContent":["export const Icon = (colors: string[]) => ({\r\n  '.sk-icon': {\r\n    '@apply inline-flex items-center justify-center': {},\r\n    '@apply w-24 h-24': {},\r\n    svg: {\r\n      '@apply w-full h-full': {},\r\n    },\r\n\r\n    '&.sk-icon-padded': {\r\n      '@apply rounded-utility': {},\r\n      '@apply text-light-primary fill-light-primary': {},\r\n      '@apply p-4': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-surface-primary text-${color}-text-secondary fill-${color}-text-secondary`]: {},\r\n\r\n            '&[data-inverted=\"true\"]': {\r\n              '@apply text-inverted-light-primary': {},\r\n              [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary fill-inverted-${color}-text-secondary`]:\r\n                {},\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary'], &[data-color='tertiary']\": {\r\n        '@apply bg-primary-surface text-light-primary fill-light-primary': {},\r\n\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply text-inverted-light-primary fill-inverted-light-primary': {},\r\n          '@apply bg-tertiary-surface': {},\r\n        },\r\n      },\r\n      \"&[data-variant='ghost']\": {\r\n        '@apply bg-transparent text-current fill-current': {},\r\n\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply bg-transparent text-current fill-current': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-size=\"fit\"]': {\r\n      '@apply w-fit h-fit': {},\r\n    },\r\n\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          '@apply text-inverted-light-primary': {},\r\n          [`@apply text-inverted-${color}-text-secondary fill-inverted-${color}-text-secondary`]: {},\r\n\r\n          '&[data-inverted=\"true\"]': {\r\n            '@apply text-inverted-light-primary': {},\r\n            [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary fill-inverted-${color}-text-secondary`]:\r\n              {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    \"&[data-color='primary']\": {\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-light-primary fill-light-primary': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,IAAI,GAAIC,MAAgB,KAAM;EACzC,UAAU,EAAAC,QAAA;IACR,gDAAgD,EAAE,CAAC,CAAC;IACpD,kBAAkB,EAAE,CAAC,CAAC;IACtBC,GAAG,EAAE;MACH,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IAED,kBAAkB,EAAAD,QAAA;MAChB,wBAAwB,EAAE,CAAC,CAAC;MAC5B,8CAA8C,EAAE,CAAC,CAAC;MAClD,YAAY,EAAE,CAAC;IAAC,GAEbD,MAAM,CAACG,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAJ,QAAA,KACTG,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,gBAAcA,KAAK,8BAAyBA,KAAK,6BAAwBA,KAAK,uBAAoB,CAAC,CAAC;QAEpG,yBAAyB,EAAE;UACzB,oCAAoC,EAAE,CAAC,CAAC;UACxC,yBAAuBA,KAAK,uCAAkCA,KAAK,sCAAiCA,KAAK,uBACvG,CAAC;QACL;MACF;IAAC,EACD,EACF,CAAC,CACH,CAAC;MAED,mDAAmD,EAAE;QACnD,iEAAiE,EAAE,CAAC,CAAC;QAErE,yBAAyB,EAAE;UACzB,gEAAgE,EAAE,CAAC,CAAC;UACpE,4BAA4B,EAAE,CAAC;QACjC;MACF,CAAC;MACD,yBAAyB,EAAE;QACzB,iDAAiD,EAAE,CAAC,CAAC;QAErD,yBAAyB,EAAE;UACzB,iDAAiD,EAAE,CAAC;QACtD;MACF;IAAC,EACF;IAED,oBAAoB,EAAE;MACpB,oBAAoB,EAAE,CAAC;IACzB,CAAC;IAED,wBAAwB,EAAE;MACxB,yBAAyB,EAAE,CAAC;IAC9B;EAAC,GAEEL,MAAM,CAACG,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAJ,QAAA,KACTG,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,oCAAoC,EAAE,CAAC,CAAC;MACxC,2BAAyBA,KAAK,sCAAiCA,KAAK,uBAAoB,CAAC,CAAC;MAE1F,yBAAyB,EAAE;QACzB,oCAAoC,EAAE,CAAC,CAAC;QACxC,yBAAuBA,KAAK,uCAAkCA,KAAK,sCAAiCA,KAAK,uBACvG,CAAC;MACL;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IAED,yBAAyB,EAAE;MACzB,yBAAyB,EAAE;QACzB,8CAA8C,EAAE,CAAC;MACnD;IACF;EAAC;AAEL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/icon.ts"],"sourcesContent":["export const Icon = (colors: string[]) => ({\r\n  '.sk-icon': {\r\n    '@apply inline-flex items-center justify-center': {},\r\n    '@apply w-24 h-24': {},\r\n    svg: {\r\n      '@apply w-full h-full': {},\r\n    },\r\n\r\n    '&.sk-icon-padded': {\r\n      '@apply rounded-utility': {},\r\n      '@apply text-light-primary fill-light-primary': {},\r\n      '@apply p-4': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-surface-primary text-${color}-text-secondary fill-${color}-text-secondary`]: {},\r\n\r\n            '&[data-inverted=\"true\"]': {\r\n              '@apply text-inverted-light-primary': {},\r\n              [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary fill-inverted-${color}-text-secondary`]:\r\n                {},\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary'], &[data-color='tertiary']\": {\r\n        '@apply bg-primary-surface text-light-primary fill-light-primary': {},\r\n\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply text-inverted-light-primary fill-inverted-light-primary': {},\r\n          '@apply bg-tertiary-surface': {},\r\n        },\r\n      },\r\n      \"&[data-variant='ghost']\": {\r\n        '@apply bg-transparent text-current fill-current': {},\r\n\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply bg-transparent text-current fill-current': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-size=\"fit\"]': {\r\n      '@apply w-fit h-fit': {},\r\n    },\r\n\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          '@apply text-inverted-light-primary': {},\r\n          [`@apply text-inverted-${color}-text-secondary fill-inverted-${color}-text-secondary`]: {},\r\n\r\n          '&[data-inverted=\"true\"]': {\r\n            '@apply text-inverted-light-primary': {},\r\n            [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary fill-inverted-${color}-text-secondary`]:\r\n              {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    \"&[data-color='primary']\": {\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-light-primary fill-light-primary': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Icon","colors","svg","reduce","styles","color"],"mappings":"uuCAAA,OAAO,IAAMA,KAAO,SAACC,cAAsB,CACzC,WAAY,qCACV,iDAAkD,CAAC,EACnD,mBAAoB,CAAC,EACrBC,IAAK,CACH,uBAAwB,CAAC,CAC3B,EAEA,mBAAoB,qCAClB,yBAA0B,CAAC,EAC3B,+CAAgD,CAAC,EACjD,aAAc,CAAC,GAEZD,OAAOE,MAAM,CACd,SAACC,OAAQC,WAEuB,YAFZ,uCACfD,4BACF,AAAC,iBAAsB,OAANC,MAAM,OAAM,QAC5B,iBAD4B,KAC3B,AAAC,aAA0CA,OAA9BA,MAAM,0BAAqDA,OAA7BA,MAAM,yBAA6B,OAANA,MAAM,mBAAmB,CAAC,GAEnG,iBAH4B,KAG5B,0BAEE,kBADA,qCAAsC,CAAC,GACtC,AAAC,sBAA4DA,OAAvCA,MAAM,mCAAuEA,OAAtCA,MAAM,kCAAsC,OAANA,MAAM,mBACxG,CAAC,IANuB,SAUhC,CAAC,KAGH,oDAAqD,CACnD,kEAAmE,CAAC,EAEpE,0BAA2B,CACzB,iEAAkE,CAAC,EACnE,6BAA8B,CAAC,CACjC,CACF,EACA,0BAA2B,CACzB,kDAAmD,CAAC,EAEpD,0BAA2B,CACzB,kDAAmD,CAAC,CACtD,CACF,IAGF,qBAAsB,CACpB,qBAAsB,CAAC,CACzB,EAEA,yBAA0B,CACxB,0BAA2B,CAAC,CAC9B,GAEGJ,OAAOE,MAAM,CACd,SAACC,OAAQC,WAEuB,YAFZ,uCACfD,4BACF,AAAC,iBAAsB,OAANC,MAAM,OAAM,MAC5B,qCAAsC,CAAC,GACvC,iBAF4B,KAE3B,AAAC,wBAA6DA,OAAtCA,MAAM,kCAAsC,OAANA,MAAM,mBAAmB,CAAC,GAEzF,iBAJ4B,KAI5B,0BAEE,kBADA,qCAAsC,CAAC,GACtC,AAAC,sBAA4DA,OAAvCA,MAAM,mCAAuEA,OAAtCA,MAAM,kCAAsC,OAANA,MAAM,mBACxG,CAAC,IAPuB,SAWhC,CAAC,KAGH,0BAA2B,CACzB,0BAA2B,CACzB,+CAAgD,CAAC,CACnD,CACF,GAEJ,EAAG"}

package/dist/esm/components/input.js

@@ -1,231 +1,2 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function calendar() {
-  return "<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>";
-}
-function clock() {
-  return "<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>";
-}
-function inputStandards() {
-  return {
-    '@apply border-1': {},
-    '@apply border-primitives-overlay-darken-6': {},
-    '@apply dark:border-primitives-overlay-lighten-6': {},
-    '@apply hover:border-primitives-overlay-darken-8': {},
-    '@apply dark:hover:border-primitives-overlay-lighten-4': {},
-    '@apply placeholder:text-dark-placeholder': {},
-    '@apply bg-primitives-overlay-lighten-10': {},
-    '@apply dark:bg-primitives-overlay-darken-6': {},
-    //Invalid
-    '&:invalid, &[aria-invalid="true"]': {
-      '@apply border-2 border-error-surface-primary': {}
-    },
-    //Disabled
-    '&:disabled, &[aria-disabled="true"]': {
-      '@apply bg-primitives-overlay-darken-1': {},
-      '@apply dark:bg-primitives-overlay-lighten-1': {},
-      '@apply border-primitives-overlay-darken-3': {},
-      '@apply dark:border-primitives-overlay-lighten-3': {},
-      '@apply hover:border-primitives-overlay-darken-3': {},
-      '@apply dark:hover:border-primitives-overlay-lighten-3': {},
-      '@apply text-dark-disabled': {}
-    }
-  };
-}
-function addin() {
-  return {
-    '&-addin': {
-      '@apply bg-transparent': {},
-      '@apply flex': {},
-      '@apply justify-start items-center': {},
-      '&-sm': {
-        '@apply px-6 gap-6': {},
-        '&.sk-form-input-addin-left': {
-          '@apply -mr-12': {},
-          '@apply pl-10': {}
-        },
-        '&.sk-form-input-addin-right': {
-          '@apply -ml-12': {},
-          '@apply pr-10': {}
-        },
-        svg: {
-          '@apply w-16 h-16': {}
-        }
-      },
-      '&-md': {
-        '@apply md:px-8 md:gap-8': {},
-        '&.sk-form-input-addin-left': {
-          '@apply -mr-16': {},
-          '@apply pl-12': {}
-        },
-        '&.sk-form-input-addin-right': {
-          '@apply -ml-16': {},
-          '@apply pr-12': {}
-        },
-        svg: {
-          '@apply w-20 h-20': {}
-        }
-      },
-      '&-lg': {
-        '@apply md:px-8 md:gap-8': {},
-        '&.sk-form-input-addin-left': {
-          '@apply -mr-20': {},
-          '@apply pl-16': {}
-        },
-        '&.sk-form-input-addin-right': {
-          '@apply -ml-20': {},
-          '@apply pr-16': {}
-        },
-        svg: {
-          '@apply w-22 h-22': {}
-        }
-      }
-    }
-  };
-}
-function inputGroup() {
-  return {
-    '&-group': _extends({
-      '@apply flex relative': {},
-      '@apply items-center': {},
-      '@apply focus-within:ring': {},
-      '@apply focus-within:ring-ring': {},
-      '@apply text-dark-secondary': {},
-      //Focus
-      '@apply focus-within:border-primitives-overlay-lighten-10': {},
-      '@apply dark:focus-within:border-primitives-overlay-darken-6': {},
-      '&:not(:invalid):not([aria-invalid="true"])': {
-        '@apply focus-within:hover:border-primitives-overlay-lighten-10': {},
-        '@apply dark:focus-within:hover:border-primitives-overlay-darken-6': {}
-      },
-      '&&-lg': {
-        '@apply text-input-large': {},
-        '@apply rounded-button-lg': {}
-      },
-      '&&-md': {
-        '@apply text-input-medium': {},
-        '@apply rounded-button-md': {}
-      },
-      '&&-sm': {
-        '@apply text-input-small': {},
-        '@apply rounded-button-sm': {}
-      }
-    }, inputStandards(), {
-      '.sk-form-input': {
-        '@apply rounded-0': {},
-        '@apply border-0': {},
-        '@apply focus:ring-0': {},
-        '@apply focus:ring-offset-0': {},
-        '@apply bg-transparent': {},
-        '@apply dark:bg-transparent': {},
-        '@apply grow': {}
-      }
-    })
-  };
-}
-function timeAndDatePicker() {
-  return {
-    '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {
-      '@apply block': {},
-      '@apply p-0': {},
-      '@apply pl-6 md:pl-8': {},
-      '@apply m-0': {},
-      '@apply bg-none': {},
-      '@apply bg-dark-secondary': {},
-      '&.sk-form-input-sm': {
-        '@apply w-16 h-16': {},
-        '@apply -mr-2': {}
-      },
-      '&.sk-form-input-md': {
-        '@apply -mr-4': {},
-        '@apply w-18 h-18': {}
-      },
-      '&.sk-form-input-lg': {
-        '@apply -mr-6': {},
-        '@apply w-20 h-20': {}
-      }
-    },
-    '&[type="date"]::-webkit-inner-spin-button, &[type="date"]::-webkit-calendar-picker-indicator': {
-      mask: ["url(\"data:image/svg+xml;utf-8," + calendar() + "\") no-repeat 100% 100%"],
-      '-webkit-mask': ["url(\"data:image/svg+xml;utf-8," + calendar() + "\") no-repeat 100% 100%"],
-      maskSize: 'contain',
-      '-webkit-mask-size': 'contain'
-    },
-    '&[type="datetime-local"]::-webkit-inner-spin-button, &[type="datetime-local"]::-webkit-calendar-picker-indicator': {
-      mask: ["url(\"data:image/svg+xml;utf-8," + calendar() + "\") no-repeat 100% 100%"],
-      '-webkit-mask': ["url(\"data:image/svg+xml;utf-8," + calendar() + "\") no-repeat 100% 100%"],
-      maskSize: 'contain',
-      '-webkit-mask-size': 'contain'
-    },
-    '&[type="time"]::-webkit-inner-spin-button, &[type="time"]::-webkit-calendar-picker-indicator': {
-      mask: ["url(\"data:image/svg+xml;utf-8," + clock() + "\") no-repeat 100% 100%"],
-      '-webkit-mask': ["url(\"data:image/svg+xml;utf-8," + clock() + "\") no-repeat 100% 100%"],
-      maskSize: 'contain',
-      '-webkit-mask-size': 'contain'
-    },
-    '&:disabled, &[aria-disabled="true"]': {
-      '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {
-        '@apply color-black-disabled': {}
-      }
-    }
-  };
-}
-export var Input = () => ({
-  '.sk-form-input': _extends({
-    '@apply grow-0': {},
-    '@apply text-dark-primary': {},
-    '&[data-hideextra="true"]': {
-      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {
-        '-webkit-appearance': 'none',
-        display: 'none',
-        margin: '0px'
-      },
-      '-moz-appearance': 'textfield'
-    },
-    '&&-lg': {
-      '@apply rounded-button-lg': {},
-      '@apply px-20': {},
-      '@apply py-11': {},
-      '@apply gap-8': {},
-      '@apply text-input-large': {},
-      '@apply h-48': {}
-    },
-    '&&-md': {
-      '@apply rounded-button-md': {},
-      '@apply px-16': {},
-      '@apply py-7': {},
-      '@apply gap-8': {},
-      '@apply text-input-medium': {},
-      '@apply h-40': {}
-    },
-    '&&-sm': {
-      '@apply rounded-button-sm': {},
-      '@apply px-12': {},
-      '@apply py-5': {},
-      '@apply gap-6': {},
-      '@apply text-input-small': {},
-      '@apply h-32': {}
-    },
-    '&&-textarea': {
-      '@apply h-auto': {},
-      '&-warning': {
-        '@apply sr-only': {}
-      }
-    },
-    //Focus
-    '@apply focus:ring': {},
-    '@apply focus:ring-ring': {},
-    '@apply focus:ring-offset': {},
-    '@apply focus:border-primitives-overlay-lighten-10': {},
-    '@apply dark:focus:border-primitives-overlay-darken-6': {},
-    '@apply focus-within:ring': {},
-    '@apply focus-within:ring-ring': {},
-    '@apply focus-within:ring-offset': {},
-    '@apply focus-within:border-primitives-overlay-lighten-10': {},
-    '@apply dark:focus-within:border-primitives-overlay-darken-6': {},
-    '&:not(:invalid):not([aria-invalid="true"])': {
-      '@apply focus:hover:border-primitives-overlay-lighten-10': {},
-      '@apply dark:focus:hover:border-primitives-overlay-darken-6': {}
-    }
-  }, timeAndDatePicker(), inputStandards(), inputGroup(), addin())
-});
+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}function calendar(){return"<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>"}function clock(){return"<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>"}function inputStandards(){return{"@apply border-1":{},"@apply border-input-field-outline":{},"@apply hover:border-input-field-outline-hover":{},"@apply placeholder:text-dark-placeholder":{},"@apply bg-input-field-surface":{},'&:invalid, &[aria-invalid="true"]':{"@apply border-2 border-error-surface-primary":{}},'&:disabled, &[aria-disabled="true"]':{"@apply bg-input-field-surface-disabled":{},"@apply border-input-field-outline-disabled":{},"@apply hover:border-input-field-outline-disabled":{},"@apply text-dark-disabled":{}}}}function addin(){return{"&-addin":{"@apply bg-transparent":{},"@apply flex":{},"@apply justify-start items-center":{},"&-sm":{"@apply px-6 gap-6":{},"&.sk-form-input-addin-left":{"@apply -mr-12":{},"@apply pl-10":{}},"&.sk-form-input-addin-right":{"@apply -ml-12":{},"@apply pr-10":{}},svg:{"@apply w-16 h-16":{}}},"&-md":{"@apply md:px-8 md:gap-8":{},"&.sk-form-input-addin-left":{"@apply -mr-16":{},"@apply pl-12":{}},"&.sk-form-input-addin-right":{"@apply -ml-16":{},"@apply pr-12":{}},svg:{"@apply w-20 h-20":{}}},"&-lg":{"@apply md:px-8 md:gap-8":{},"&.sk-form-input-addin-left":{"@apply -mr-20":{},"@apply pl-16":{}},"&.sk-form-input-addin-right":{"@apply -ml-20":{},"@apply pr-16":{}},svg:{"@apply w-22 h-22":{}}}}}}function inputGroup(){return{"&-group":_object_spread_props(_object_spread({"@apply flex relative":{},"@apply items-center":{},"@apply focus-within:ring":{},"@apply focus-within:ring-ring":{},"@apply text-dark-secondary":{},"@apply focus-within:border-input-field-surface":{},'&:not(:invalid):not([aria-invalid="true"])':{"@apply focus-within:border-input-field-surface":{}},"&&-lg":{"@apply text-input-large":{},"@apply rounded-button-lg":{}},"&&-md":{"@apply text-input-medium":{},"@apply rounded-button-md":{}},"&&-sm":{"@apply text-input-small":{},"@apply rounded-button-sm":{}}},inputStandards()),{".sk-form-input":{"@apply rounded-0":{},"@apply border-0":{},"@apply focus:ring-0":{},"@apply focus:ring-offset-0":{},"@apply bg-transparent":{},"@apply dark:bg-transparent":{},"@apply grow":{}}})}}function timeAndDatePicker(){return{"&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator":{"@apply block":{},"@apply p-0":{},"@apply pl-6 md:pl-8":{},"@apply m-0":{},"@apply bg-none":{},"@apply bg-dark-secondary":{},"&.sk-form-input-sm":{"@apply w-16 h-16":{},"@apply -mr-2":{}},"&.sk-form-input-md":{"@apply -mr-4":{},"@apply w-18 h-18":{}},"&.sk-form-input-lg":{"@apply -mr-6":{},"@apply w-20 h-20":{}}},'&[type="date"]::-webkit-inner-spin-button, &[type="date"]::-webkit-calendar-picker-indicator':{mask:['url("data:image/svg+xml;utf-8,'.concat(calendar(),'") no-repeat 100% 100%')],"-webkit-mask":['url("data:image/svg+xml;utf-8,'.concat(calendar(),'") no-repeat 100% 100%')],maskSize:"contain","-webkit-mask-size":"contain"},'&[type="datetime-local"]::-webkit-inner-spin-button, &[type="datetime-local"]::-webkit-calendar-picker-indicator':{mask:['url("data:image/svg+xml;utf-8,'.concat(calendar(),'") no-repeat 100% 100%')],"-webkit-mask":['url("data:image/svg+xml;utf-8,'.concat(calendar(),'") no-repeat 100% 100%')],maskSize:"contain","-webkit-mask-size":"contain"},'&[type="time"]::-webkit-inner-spin-button, &[type="time"]::-webkit-calendar-picker-indicator':{mask:['url("data:image/svg+xml;utf-8,'.concat(clock(),'") no-repeat 100% 100%')],"-webkit-mask":['url("data:image/svg+xml;utf-8,'.concat(clock(),'") no-repeat 100% 100%')],maskSize:"contain","-webkit-mask-size":"contain"},'&:disabled, &[aria-disabled="true"]':{"&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator":{"@apply color-black-disabled":{}}}}}export var Input=function(){return{".sk-form-input":_object_spread({"@apply grow-0":{},"@apply text-dark-primary":{},'&[data-hideextra="true"]':{"&::-webkit-outer-spin-button, &::-webkit-inner-spin-button":{"-webkit-appearance":"none",display:"none",margin:"0px"},"-moz-appearance":"textfield"},"&&-lg":{"@apply rounded-button-lg":{},"@apply px-20":{},"@apply py-11":{},"@apply gap-8":{},"@apply text-input-large":{},"@apply h-48":{}},"&&-md":{"@apply rounded-button-md":{},"@apply px-16":{},"@apply py-7":{},"@apply gap-8":{},"@apply text-input-medium":{},"@apply h-40":{}},"&&-sm":{"@apply rounded-button-sm":{},"@apply px-12":{},"@apply py-5":{},"@apply gap-6":{},"@apply text-input-small":{},"@apply h-32":{}},"&&-textarea":{"@apply h-auto":{},"&-warning":{"@apply sr-only":{}}},"@apply focus:ring":{},"@apply focus:ring-ring":{},"@apply focus:ring-offset":{},"@apply focus:border-input-field-surface":{},"@apply focus-within:ring":{},"@apply focus-within:ring-ring":{},"@apply focus-within:ring-offset":{},"@apply focus-within:border-input-field-surface":{},'&:not(:invalid):not([aria-invalid="true"])':{"@apply focus:hover:border-input-field-surface":{}}},timeAndDatePicker(),inputStandards(),inputGroup(),addin())}};
 //# sourceMappingURL=input.js.map