@sk-web-gui/core 3.9.1 → 3.11.0

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

@@ -1 +1 @@
-{"version":3,"file":"file-upload.js","names":["FileUpload","exports"],"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/cjs/components/filter.js

@@ -1,21 +1,28 @@
 "use strict";
-
-exports.__esModule = true;
-exports.Filter = void 0;
-var Filter = exports.Filter = function Filter() {
-  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': {}
-        }
-      }
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Filter", {
+    enumerable: true,
+    get: function() {
+        return Filter;
     }
-  };
+});
+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/cjs/components/filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter.js","names":["Filter","exports"],"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":";;;;AAAO,IAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAA;EAAA,OAAU;IAC3B,YAAY,EAAE;MACZ,eAAe,EAAE,CAAC,CAAC;MAEnB,SAAS,EAAE;QACT,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MAED,yBAAyB,EAAE;QACzB,+CAA+C,EAAE,CAAC,CAAC;QACnD,WAAW,EAAE;UACX,eAAe,EAAE,CAAC;QACpB;MACF;IACF;EACF,CAAC;AAAA,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":";;;;+BAAaA;;;eAAAA;;;AAAN,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"}

package/dist/cjs/components/footer.js

@@ -1,38 +1,45 @@
 "use strict";
-
-exports.__esModule = true;
-exports.Footer = void 0;
-var Footer = exports.Footer = function Footer() {
-  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': {}
-          }
-        }
-      }
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Footer", {
+    enumerable: true,
+    get: function() {
+        return Footer;
     }
-  };
+});
+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/cjs/components/footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.js","names":["Footer","exports","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":";;;;AAAO,IAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAA;EAAA,OAAU;IAC3B,YAAY,EAAE;MACZ,8BAA8B,EAAE,CAAC,CAAC;MAClC,4BAA4B,EAAE,CAAC,CAAC;MAChC,eAAe,EAAE,CAAC,CAAC;MACnB,sCAAsC,EAAE,CAAC,CAAC;MAC1C,4BAA4B,EAAE,CAAC,CAAC;MAEhC,gBAAgB,EAAE;QAChB,0BAA0B,EAAE,CAAC,CAAC;QAE9B,UAAU,EAAE;UACV,0CAA0C,EAAE,CAAC;QAC/C;MACF,CAAC;MACD,WAAW,EAAE;QACX,oEAAoE,EAAE,CAAC,CAAC;QACxE,6BAA6B,EAAE,CAAC;MAClC,CAAC;MACD,QAAQ,EAAE;QACR,kCAAkC,EAAE,CAAC,CAAC;QAEtC,WAAW,EAAE;UACX,oGAAoG,EAAE,CAAC;QACzG,CAAC;QAED,QAAQ,EAAE;UACR,qEAAqE,EAAE,CAAC,CAAC;UAEzEE,KAAK,EAAE;YACL,0BAA0B,EAAE,CAAC;UAC/B;QACF;MACF;IACF;EACF,CAAC;AAAA,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":";;;;+BAAaA;;;eAAAA;;;AAAN,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"}

package/dist/cjs/components/forms.js

@@ -1,31 +1,38 @@
 "use strict";
-
-exports.__esModule = true;
-exports.Forms = void 0;
-var Forms = exports.Forms = function Forms() {
-  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': {}
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Forms", {
+    enumerable: true,
+    get: function() {
+        return Forms;
     }
-  };
+});
+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/cjs/components/forms.js.map

@@ -1 +1 @@
-{"version":3,"file":"forms.js","names":["Forms","exports","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":";;;;AAAO,IAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAA;EAAA,OAAU;IAC1B,kBAAkB,EAAE;MAClB,kCAAkC,EAAE,CAAC;IACvC,CAAC;IAED,gBAAgB,EAAE;MAChB,kBAAkB,EAAE,CAAC,CAAC;MACtB,MAAM,EAAE;QACN,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MACD,MAAM,EAAE;QACN,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MACD,MAAM,EAAE;QACN,yBAAyB,EAAE,CAAC;MAC9B;IACF,CAAC;IAED,sBAAsB,EAAE;MACtBE,OAAO,EAAE;IACX,CAAC;IAED,8CAA8C,EAAE;MAC9C,oBAAoB,EAAE,CAAC,CAAC;MACxB,mBAAmB,EAAE,CAAC;IACxB;EACF,CAAC;AAAA,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":";;;;+BAAaA;;;eAAAA;;;AAAN,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"}

package/dist/cjs/components/header.js

@@ -1,35 +1,42 @@
 "use strict";
-
-exports.__esModule = true;
-exports.Header = void 0;
-var Header = exports.Header = function Header() {
-  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': {}
-      }
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Header", {
+    enumerable: true,
+    get: function() {
+        return Header;
     }
-  };
+});
+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/cjs/components/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","names":["Header","exports"],"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":";;;;AAAO,IAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAA;EAAA,OAAU;IAC3B,YAAY,EAAE;MACZ,8GAA8G,EAAE,CAAC,CAAC;MAClH,mBAAmB,EAAE,CAAC,CAAC;MACvB,4BAA4B,EAAE,CAAC,CAAC;MAChC,eAAe,EAAE,CAAC,CAAC;MAEnB,aAAa,EAAE;QACb,uCAAuC,EAAE,CAAC,CAAC;QAC3C,eAAe,EAAE,CAAC,CAAC;QACnB,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MAED,eAAe,EAAE;QACf,kFAAkF,EAAE,CAAC;MACvF,CAAC;MACD,kBAAkB,EAAE;QAClB,oEAAoE,EAAE,CAAC;MACzE,CAAC;MAED,YAAY,EAAE;QACZ,gEAAgE,EAAE,CAAC,CAAC;QAEpE,WAAW,EAAE;UACX,mEAAmE,EAAE,CAAC;QACxE;MACF,CAAC;MACD,cAAc,EAAE;QACd,iCAAiC,EAAE,CAAC;MACtC;IACF;EACF,CAAC;AAAA,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":";;;;+BAAaA;;;eAAAA;;;AAAN,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"}

package/dist/cjs/components/icon.js

@@ -1,60 +1,118 @@
 "use strict";
-
-exports.__esModule = true;
-exports.Icon = void 0;
-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); }
-var Icon = exports.Icon = function Icon(colors) {
-  return {
-    '.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(function (styles, color) {
-        var _dataInvertedTru, _ref, _extends2;
-        return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply bg-" + color + "-surface-primary text-" + color + "-text-secondary fill-" + color + "-text-secondary"] = {}, _ref['&[data-inverted="true"]'] = (_dataInvertedTru = {
-          '@apply text-inverted-light-primary': {}
-        }, _dataInvertedTru["@apply bg-inverted-" + color + "-surface-primary text-inverted-" + color + "-text-secondary fill-inverted-" + color + "-text-secondary"] = {}, _dataInvertedTru), _ref), _extends2));
-      }, {}), {
-        "&[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': {}
-          }
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Icon", {
+    enumerable: true,
+    get: function() {
+        return Icon;
+    }
+});
+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;
+            }));
         }
-      }),
-      '&[data-size="fit"]': {
-        '@apply w-fit h-fit': {}
-      },
-      '&[data-rounded="true"]': {
-        '@apply rounded-circular': {}
-      }
-    }, colors.reduce(function (styles, color) {
-      var _dataInvertedTru2, _ref2, _extends3;
-      return _extends({}, styles, (_extends3 = {}, _extends3["&[data-color=\"" + color + "\"]"] = (_ref2 = {
-        '@apply text-inverted-light-primary': {}
-      }, _ref2["@apply text-inverted-" + color + "-text-secondary fill-inverted-" + color + "-text-secondary"] = {}, _ref2['&[data-inverted="true"]'] = (_dataInvertedTru2 = {
-        '@apply text-inverted-light-primary': {}
-      }, _dataInvertedTru2["@apply bg-inverted-" + color + "-surface-primary text-inverted-" + color + "-text-secondary fill-inverted-" + color + "-text-secondary"] = {}, _dataInvertedTru2), _ref2), _extends3));
-    }, {}), {
-      "&[data-color='primary']": {
-        '&[data-inverted="true"]': {
-          '@apply text-light-primary fill-light-primary': {}
+        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;
+}
+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/cjs/components/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","names":["Icon","exports","colors","_extends","svg","reduce","styles","color","_dataInvertedTru","_ref","_extends2","_dataInvertedTru2","_ref2","_extends3"],"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":";;;;;AAAO,IAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAIE,MAAgB;EAAA,OAAM;IACzC,UAAU,EAAAC,QAAA;MACR,gDAAgD,EAAE,CAAC,CAAC;MACpD,kBAAkB,EAAE,CAAC,CAAC;MACtBC,GAAG,EAAE;QACH,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MAED,kBAAkB,EAAAD,QAAA;QAChB,wBAAwB,EAAE,CAAC,CAAC;QAC5B,8CAA8C,EAAE,CAAC,CAAC;QAClD,YAAY,EAAE,CAAC;MAAC,GAEbD,MAAM,CAACG,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAC,gBAAA,EAAAC,IAAA,EAAAC,SAAA;QAAA,OAAAP,QAAA,KACTG,MAAM,GAAAI,SAAA,OAAAA,SAAA,qBACSH,KAAK,aAAAE,IAAA,OAAAA,IAAA,gBACPF,KAAK,8BAAyBA,KAAK,6BAAwBA,KAAK,wBAAoB,CAAC,CAAC,EAAAE,IAAA,CAEpG,yBAAyB,KAAAD,gBAAA;UACvB,oCAAoC,EAAE,CAAC;QAAC,GAAAA,gBAAA,yBACjBD,KAAK,uCAAkCA,KAAK,sCAAiCA,KAAK,wBACvG,CAAC,CAAC,EAAAC,gBAAA,GAAAC,IAAA,GAAAC,SAAA;MAAA,CAGR,EACF,CAAC,CACH,CAAC;QAED,mDAAmD,EAAE;UACnD,iEAAiE,EAAE,CAAC,CAAC;UAErE,yBAAyB,EAAE;YACzB,gEAAgE,EAAE,CAAC,CAAC;YACpE,4BAA4B,EAAE,CAAC;UACjC;QACF,CAAC;QACD,yBAAyB,EAAE;UACzB,iDAAiD,EAAE,CAAC,CAAC;UAErD,yBAAyB,EAAE;YACzB,iDAAiD,EAAE,CAAC;UACtD;QACF;MAAC,EACF;MAED,oBAAoB,EAAE;QACpB,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,wBAAwB,EAAE;QACxB,yBAAyB,EAAE,CAAC;MAC9B;IAAC,GAEER,MAAM,CAACG,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAI,iBAAA,EAAAC,KAAA,EAAAC,SAAA;MAAA,OAAAV,QAAA,KACTG,MAAM,GAAAO,SAAA,OAAAA,SAAA,qBACSN,KAAK,aAAAK,KAAA;QACrB,oCAAoC,EAAE,CAAC;MAAC,GAAAA,KAAA,2BACfL,KAAK,sCAAiCA,KAAK,wBAAoB,CAAC,CAAC,EAAAK,KAAA,CAE1F,yBAAyB,KAAAD,iBAAA;QACvB,oCAAoC,EAAE,CAAC;MAAC,GAAAA,iBAAA,yBACjBJ,KAAK,uCAAkCA,KAAK,sCAAiCA,KAAK,wBACvG,CAAC,CAAC,EAAAI,iBAAA,GAAAC,KAAA,GAAAC,SAAA;IAAA,CAGR,EACF,CAAC,CACH,CAAC;MAED,yBAAyB,EAAE;QACzB,yBAAyB,EAAE;UACzB,8CAA8C,EAAE,CAAC;QACnD;MACF;IAAC;EAEL,CAAC;AAAA,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":";;;;+BAAaA;;;eAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAN,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"}