@sk-web-gui/core 3.10.0 → 3.11.0

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

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

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

@@ -1 +1 @@
-{"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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"}
+{"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":"AAAA,OAAO,IAAMA,aAAa;WAAO;QAC/B,wBAAwB;YACtB,UAAU;gBACR,kDAAkD,CAAC;gBACnD,+CAA+C,CAAC;gBAEhD,yBAAyB;oBACvB,iCAAiC,CAAC;oBAElC,kCAAkC;wBAChC,kCAAkC,CAAC;oBACrC;gBACF;gBAEA,wBAAwB;oBACtB,wCAAwC,CAAC;gBAC3C;gBAEA,UAAU;oBACR,mEAAmE,CAAC;oBACpE,mBAAmB,CAAC;oBAEpB,kBAAkB;wBAChB,iBAAiB,CAAC;wBAClB,8EAA8E,CAAC;oBACjF;oBAEA,yBAAyB;wBACvB,+CAA+C;4BAC7C,mBAAmB,CAAC;4BACpB,4DAA4D,CAAC;4BAE7D,uCAAuC;gCACrC,iBAAiB,CAAC;gCAClB,6BAA6B,CAAC;4BAChC;wBACF;oBACF;oBAEA,WAAW;wBACT,4BAA4B,CAAC;oBAC/B;oBAEA,yBAAyB;wBACvB,kCAAkC,CAAC;oBACrC;oBAEA,UAAU;wBACR,uEAAuE,CAAC;wBACxE,oCAAoC,CAAC;wBAErC,oBAAoB,CAAC;wBACrB,YAAY;4BACV,mCAAmC,CAAC;wBACtC;wBAEA,qBAAqB;4BACnB,oBAAoB,CAAC;4BACrB,YAAY;gCACV,qBAAqB,CAAC;4BACxB;wBACF;wBACA,qBAAqB;4BACnB,gDAAgD,CAAC;4BACjD,YAAY;gCACV,mCAAmC,CAAC;4BACtC;wBACF;oBACF;oBAEA,aAAa;wBACX,oDAAoD,CAAC;wBACrD,+GACE,CAAC;wBAEH,SAAS;4BACP,iCAAiC,CAAC;wBACpC;wBAEA,UAAU;4BACR,0CAA0C,CAAC;4BAC3C,qBAAqB;gCACnB,2DAA2D;oCACzD,iBAAiB,CAAC;gCACpB;4BACF;4BAEA,mBAAmB;gCACjB,4BAA4B,CAAC;gCAE7B,kBAAkB;oCAChB,eAAe,CAAC;gCAClB;4BACF;4BAEA,YAAY;gCACV,eAAe,CAAC;4BAClB;4BAEA,aAAa;gCACX,yCAAyC,CAAC;4BAC5C;4BAEA,iBAAiB;gCACf,qBAAqB,CAAC;4BACxB;wBACF;oBACF;oBAEA,aAAa;wBACX,mCAAmC,CAAC;wBACpC,UAAU;4BACR,aAAa;gCACX,mBAAmB,CAAC;4BACtB;wBACF;oBACF;oBAEA,0BAA0B;wBACxB,qBAAqB,CAAC;oBACxB;oBAEA,oBAAoB;wBAClB,qCAAqC,CAAC;wBAEtC,kCAAkC;4BAChC,qCAAqC,CAAC;wBACxC;oBACF;oBAEA,cAAc;wBACZ,4CAA4C,CAAC;wBAE7C,SAAS;4BACP,yFAAyF,CAAC;4BAE1F,YAAY;gCACV,oEAAoE,CAAC;4BACvE;wBACF;oBACF;gBACF;YACF;YAEA,UAAU;gBACR,iCAAiC;oBAC/B,qCAAqC;wBACnC,gBAAgB,CAAC;oBACnB;gBACF;gBAEA,kCAAkC;oBAChC,+BAA+B,CAAC;oBAChC,qCAAqC;wBACnC,mBAAmB,CAAC;oBACtB;gBACF;gBAEA,aAAa;oBACX,0BAA0B,CAAC;oBAC3B,4DAA4D,CAAC;oBAC7D,yCAAyC,CAAC;oBAC1C,+CAA+C,CAAC;oBAChD,iBAAiB,CAAC;oBAElB,sBAAsB;wBACpB,gBAAgB,CAAC;oBACnB;oBAEA,aAAa;wBACX,wBAAwB,CAAC;wBACzB,uEAAuE,CAAC;wBACxE,2CAA2C,CAAC;wBAC5C,oCAAoC,CAAC;wBAErC,UAAU;4BACR,aAAa;gCACX,kHACE,CAAC;gCAEH,YAAY;oCACV,wBAAwB,CAAC;gCAC3B;4BACF;wBACF;oBACF;gBACF;YACF;YAEA,WAAW;gBACT,kCAAkC,CAAC;gBAEnC,YAAY;oBACV,iBAAiB,CAAC;oBAClB,uDAAuD,CAAC;oBACxD,+BAA+B,CAAC;oBAChC,qBAAqB,CAAC;gBACxB;gBAEA,YAAY;oBACV,aAAa;wBACX,wCAAwC,CAAC;oBAC3C;gBACF;YACF;YACA,kBAAkB;gBAChB,wBAAwB,CAAC;gBAEzB,cAAc;oBACZ,wBAAwB,CAAC;gBAC3B;YACF;YACA,WAAW;gBACT,gBAAgB,CAAC;gBAEjB,yCAAyC;oBACvC,gEAAgE,CAAC;gBACnE;gBAEA,uCAAuC;oBACrC,gEAAgE,CAAC;oBAEjE,6CAA6C;wBAC3C,uBAAuB,CAAC;wBAExB,kBAAkB;4BAChB,mCAAmC,CAAC;4BAEpC,eAAe;gCACb,sBAAsB,CAAC;4BACzB;wBACF;oBACF;gBACF;gBAEA,oBAAoB;oBAClB,iDAAiD,CAAC;gBACpD;gBAEA,mCAAmC;oBACjC,4DAA4D,CAAC;gBAC/D;gBAEA,YAAY;oBACV,2DAA2D,CAAC;oBAC5D,yGAAyG,CAAC;oBAE1G,UAAU;wBACR,YAAY;4BACV,oBAAoB,CAAC;wBACvB;oBACF;oBACA,aAAa;wBACX,4CAA4C,CAAC;wBAC7C,kBAAkB;4BAChB,oCAAoC,CAAC;4BACrC,yCAAyC,CAAC;4BAE1C,eAAe;gCACb,gDAAgD,CAAC;4BACnD;wBACF;oBACF;gBACF;YACF;QACF;IACF;EAAG"}

package/dist/esm/components/filter.js

@@ -1,2 +1,18 @@
-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":{}}}}}};
+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,"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"}
+{"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,SAAS;WAAO;QAC3B,cAAc;YACZ,iBAAiB,CAAC;YAElB,WAAW;gBACT,4BAA4B,CAAC;YAC/B;YAEA,2BAA2B;gBACzB,iDAAiD,CAAC;gBAClD,aAAa;oBACX,iBAAiB,CAAC;gBACpB;YACF;QACF;IACF;EAAG"}

package/dist/esm/components/footer.js

@@ -1,2 +1,35 @@
-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":{}}}}}}};
+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,"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"}
+{"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,SAAS;WAAO;QAC3B,cAAc;YACZ,gCAAgC,CAAC;YACjC,8BAA8B,CAAC;YAC/B,iBAAiB,CAAC;YAClB,wCAAwC,CAAC;YACzC,8BAA8B,CAAC;YAE/B,kBAAkB;gBAChB,4BAA4B,CAAC;gBAE7B,YAAY;oBACV,4CAA4C,CAAC;gBAC/C;YACF;YACA,aAAa;gBACX,sEAAsE,CAAC;gBACvE,+BAA+B,CAAC;YAClC;YACA,UAAU;gBACR,oCAAoC,CAAC;gBAErC,aAAa;oBACX,sGAAsG,CAAC;gBACzG;gBAEA,UAAU;oBACR,uEAAuE,CAAC;oBAExEC,OAAO;wBACL,4BAA4B,CAAC;oBAC/B;gBACF;YACF;QACF;IACF;EAAG"}

package/dist/esm/components/forms.js

@@ -1,2 +1,28 @@
-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":{}}}};
+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,"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"}
+{"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,QAAQ;WAAO;QAC1B,oBAAoB;YAClB,oCAAoC,CAAC;QACvC;QAEA,kBAAkB;YAChB,oBAAoB,CAAC;YACrB,QAAQ;gBACN,2BAA2B,CAAC;YAC9B;YACA,QAAQ;gBACN,4BAA4B,CAAC;YAC/B;YACA,QAAQ;gBACN,2BAA2B,CAAC;YAC9B;QACF;QAEA,wBAAwB;YACtBC,SAAS;QACX;QAEA,gDAAgD;YAC9C,sBAAsB,CAAC;YACvB,qBAAqB,CAAC;QACxB;IACF;EAAG"}

package/dist/esm/components/header.js

@@ -1,2 +1,32 @@
-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":{}}}}};
+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,"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"}
+{"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,SAAS;WAAO;QAC3B,cAAc;YACZ,gHAAgH,CAAC;YACjH,qBAAqB,CAAC;YACtB,8BAA8B,CAAC;YAC/B,iBAAiB,CAAC;YAElB,eAAe;gBACb,yCAAyC,CAAC;gBAC1C,iBAAiB,CAAC;gBAClB,wBAAwB,CAAC;YAC3B;YAEA,iBAAiB;gBACf,oFAAoF,CAAC;YACvF;YACA,oBAAoB;gBAClB,sEAAsE,CAAC;YACzE;YAEA,cAAc;gBACZ,kEAAkE,CAAC;gBAEnE,aAAa;oBACX,qEAAqE,CAAC;gBACxE;YACF;YACA,gBAAgB;gBACd,mCAAmC,CAAC;YACtC;QACF;IACF;EAAG"}

package/dist/esm/components/icon.js

@@ -1,2 +1,108 @@
-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":{}}}})}};
+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,"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"}
+{"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAMA,OAAO,SAACC;WAAsB;QACzC,YAAY;YACV,kDAAkD,CAAC;YACnD,oBAAoB,CAAC;YACrBC,KAAK;gBACH,wBAAwB,CAAC;YAC3B;YAEA,oBAAoB;gBAClB,0BAA0B,CAAC;gBAC3B,gDAAgD,CAAC;gBACjD,cAAc,CAAC;eAEZD,OAAOE,MAAM,CACd,SAACC,QAAQC;oBAEuB;uBAFZ,wCACfD,8BACF,AAAC,iBAAsB,OAANC,OAAM,QAAM,WAC5B,iBAD4B,MAC3B,AAAC,aAA0CA,OAA9BA,OAAM,0BAAqDA,OAA7BA,OAAM,yBAA6B,OAANA,OAAM,oBAAmB,CAAC,IAEnG,iBAH4B,MAG5B,2BAEE;oBADA,sCAAsC,CAAC;mBACtC,AAAC,sBAA4DA,OAAvCA,OAAM,mCAAuEA,OAAtCA,OAAM,kCAAsC,OAANA,OAAM,oBACxG,CAAC,KANuB;eAUhC,CAAC;gBAGH,qDAAqD;oBACnD,mEAAmE,CAAC;oBAEpE,2BAA2B;wBACzB,kEAAkE,CAAC;wBACnE,8BAA8B,CAAC;oBACjC;gBACF;gBACA,2BAA2B;oBACzB,mDAAmD,CAAC;oBAEpD,2BAA2B;wBACzB,mDAAmD,CAAC;oBACtD;gBACF;;YAGF,sBAAsB;gBACpB,sBAAsB,CAAC;YACzB;YAEA,0BAA0B;gBACxB,2BAA2B,CAAC;YAC9B;WAEGJ,OAAOE,MAAM,CACd,SAACC,QAAQC;gBAEuB;mBAFZ,wCACfD,8BACF,AAAC,iBAAsB,OAANC,OAAM,QAAM;gBAC5B,sCAAsC,CAAC;eACvC,iBAF4B,MAE3B,AAAC,wBAA6DA,OAAtCA,OAAM,kCAAsC,OAANA,OAAM,oBAAmB,CAAC,IAEzF,iBAJ4B,MAI5B,2BAEE;gBADA,sCAAsC,CAAC;eACtC,AAAC,sBAA4DA,OAAvCA,OAAM,mCAAuEA,OAAtCA,OAAM,kCAAsC,OAANA,OAAM,oBACxG,CAAC,KAPuB;WAWhC,CAAC;YAGH,2BAA2B;gBACzB,2BAA2B;oBACzB,gDAAgD,CAAC;gBACnD;YACF;;IAEJ;EAAG"}