@sk-web-gui/core 3.13.0 → 3.13.1

package/dist/esm/components/dialog.js

@@ -1,73 +1,23 @@
-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 Dialog = function(colors) {
-    return {
+export const Dialog = (colors)=>({
         '.sk-dialog': {
             '@apply w-fit max-w-prose md:min-w-[25em]': {},
             //Confirm dialog
             '&-confirm': {
-                '&-label': _object_spread({
+                '&-label': {
                     '@apply flex items-center justify-start gap-4': {},
-                    '@apply text-dark-primary': {}
-                }, colors.reduce(function(classes, color) {
-                    return _object_spread_props(_object_spread({}, classes), _define_property({}, '&[data-color="'.concat(color, '"]'), _define_property({}, "@apply text-".concat(color, "-text-primary"), {})));
-                }, {})),
+                    '@apply text-dark-primary': {},
+                    ...colors.reduce((classes, color)=>({
+                            ...classes,
+                            [`&[data-color="${color}"]`]: {
+                                [`@apply text-${color}-text-primary`]: {}
+                            }
+                        }), {})
+                },
                 '&-heading': {
                     '@apply text-h3': {}
                 }
             }
         }
-    };
-};
+    });
 
 //# sourceMappingURL=dialog.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/dialog.ts"],"sourcesContent":["export const Dialog = (colors: string[]) => ({\r\n  '.sk-dialog': {\r\n    '@apply w-fit max-w-prose md:min-w-[25em]': {},\r\n\r\n    //Confirm dialog\r\n    '&-confirm': {\r\n      '&-label': {\r\n        '@apply flex items-center justify-start gap-4': {},\r\n        '@apply text-dark-primary': {},\r\n        ...colors.reduce(\r\n          (classes, color) => ({\r\n            ...classes,\r\n            [`&[data-color=\"${color}\"]`]: {\r\n              [`@apply text-${color}-text-primary`]: {},\r\n            },\r\n          }),\r\n          {}\r\n        ),\r\n      },\r\n      '&-heading': {\r\n        '@apply text-h3': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Dialog","colors","reduce","classes","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAMA,SAAS,SAACC;WAAsB;QAC3C,cAAc;YACZ,4CAA4C,CAAC;YAE7C,gBAAgB;YAChB,aAAa;gBACX,WAAW;oBACT,gDAAgD,CAAC;oBACjD,4BAA4B,CAAC;mBAC1BA,OAAOC,MAAM,CACd,SAACC,SAASC;2BAAW,wCAChBD,UACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OACtB,qBAAC,AAAC,eAAoB,OAANA,OAAM,kBAAiB,CAAC;mBAG5C,CAAC;gBAGL,aAAa;oBACX,kBAAkB,CAAC;gBACrB;YACF;QACF;IACF;EAAG"}
+{"version":3,"sources":["../../../src/components/dialog.ts"],"sourcesContent":["export const Dialog = (colors: string[]) => ({\r\n  '.sk-dialog': {\r\n    '@apply w-fit max-w-prose md:min-w-[25em]': {},\r\n\r\n    //Confirm dialog\r\n    '&-confirm': {\r\n      '&-label': {\r\n        '@apply flex items-center justify-start gap-4': {},\r\n        '@apply text-dark-primary': {},\r\n        ...colors.reduce(\r\n          (classes, color) => ({\r\n            ...classes,\r\n            [`&[data-color=\"${color}\"]`]: {\r\n              [`@apply text-${color}-text-primary`]: {},\r\n            },\r\n          }),\r\n          {}\r\n        ),\r\n      },\r\n      '&-heading': {\r\n        '@apply text-h3': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Dialog","colors","reduce","classes","color"],"mappings":"AAAA,OAAO,MAAMA,SAAS,CAACC,SAAsB,CAAA;QAC3C,cAAc;YACZ,4CAA4C,CAAC;YAE7C,gBAAgB;YAChB,aAAa;gBACX,WAAW;oBACT,gDAAgD,CAAC;oBACjD,4BAA4B,CAAC;oBAC7B,GAAGA,OAAOC,MAAM,CACd,CAACC,SAASC,QAAW,CAAA;4BACnB,GAAGD,OAAO;4BACV,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;gCAC5B,CAAC,CAAC,YAAY,EAAEA,MAAM,aAAa,CAAC,CAAC,EAAE,CAAC;4BAC1C;wBACF,CAAA,GACA,CAAC,EACF;gBACH;gBACA,aAAa;oBACX,kBAAkB,CAAC;gBACrB;YACF;QACF;IACF,CAAA,EAAG"}

package/dist/esm/components/divider.js

@@ -1,5 +1,4 @@
-export var Divider = function() {
-    return {
+export const Divider = ()=>({
         '.sk-divider': {
             '@apply border-t-0 border-divider': {},
             '&-vertical': {
@@ -48,7 +47,6 @@ export var Divider = function() {
                 }
             }
         }
-    };
-};
+    });
 
 //# sourceMappingURL=divider.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/divider.ts"],"sourcesContent":["export const Divider = () => ({\r\n  '.sk-divider': {\r\n    '@apply border-t-0 border-divider': {},\r\n    '&-vertical': {\r\n      '@apply min-h-[1em] border-l-1 border-solid h-auto ml-4 mt-8 mb-4 mr-4 self-stretch': {},\r\n      '&[data-strong=\"true\"]': {\r\n        '@apply border-l border-solid h-auto mx-2': {},\r\n      },\r\n    },\r\n    '&-horizontal': {\r\n      '@apply flex-1 border-b-1 border-solid w-auto my-2': {},\r\n      '&[data-strong=\"true\"]': {\r\n        '@apply border-b border-solid w-auto my-2': {},\r\n      },\r\n    },\r\n\r\n    '&-root': {\r\n      '@apply flex items-center gap-16': {},\r\n    },\r\n\r\n    '&-sm': {\r\n      '&.sk-divider': {\r\n        '&-root': {\r\n          '@apply gap-8': {},\r\n        },\r\n        '.sk-divider-text': {\r\n          '@apply text-h4-sm': {},\r\n        },\r\n      },\r\n    },\r\n    '&-md': {\r\n      '&.sk-divider': {\r\n        '&-root': {\r\n          '@apply gap-10': {},\r\n        },\r\n        '.sk-divider-text': {\r\n          '@apply text-h4-md': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '&.sk-divider': {\r\n        '&-root': {\r\n          '@apply gap-12': {},\r\n        },\r\n        '.sk-divider-text': {\r\n          '@apply text-h4-lg': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Divider"],"mappings":"AAAA,OAAO,IAAMA,UAAU;WAAO;QAC5B,eAAe;YACb,oCAAoC,CAAC;YACrC,cAAc;gBACZ,sFAAsF,CAAC;gBACvF,yBAAyB;oBACvB,4CAA4C,CAAC;gBAC/C;YACF;YACA,gBAAgB;gBACd,qDAAqD,CAAC;gBACtD,yBAAyB;oBACvB,4CAA4C,CAAC;gBAC/C;YACF;YAEA,UAAU;gBACR,mCAAmC,CAAC;YACtC;YAEA,QAAQ;gBACN,gBAAgB;oBACd,UAAU;wBACR,gBAAgB,CAAC;oBACnB;oBACA,oBAAoB;wBAClB,qBAAqB,CAAC;oBACxB;gBACF;YACF;YACA,QAAQ;gBACN,gBAAgB;oBACd,UAAU;wBACR,iBAAiB,CAAC;oBACpB;oBACA,oBAAoB;wBAClB,qBAAqB,CAAC;oBACxB;gBACF;YACF;YACA,QAAQ;gBACN,gBAAgB;oBACd,UAAU;wBACR,iBAAiB,CAAC;oBACpB;oBACA,oBAAoB;wBAClB,qBAAqB,CAAC;oBACxB;gBACF;YACF;QACF;IACF;EAAG"}
+{"version":3,"sources":["../../../src/components/divider.ts"],"sourcesContent":["export const Divider = () => ({\r\n  '.sk-divider': {\r\n    '@apply border-t-0 border-divider': {},\r\n    '&-vertical': {\r\n      '@apply min-h-[1em] border-l-1 border-solid h-auto ml-4 mt-8 mb-4 mr-4 self-stretch': {},\r\n      '&[data-strong=\"true\"]': {\r\n        '@apply border-l border-solid h-auto mx-2': {},\r\n      },\r\n    },\r\n    '&-horizontal': {\r\n      '@apply flex-1 border-b-1 border-solid w-auto my-2': {},\r\n      '&[data-strong=\"true\"]': {\r\n        '@apply border-b border-solid w-auto my-2': {},\r\n      },\r\n    },\r\n\r\n    '&-root': {\r\n      '@apply flex items-center gap-16': {},\r\n    },\r\n\r\n    '&-sm': {\r\n      '&.sk-divider': {\r\n        '&-root': {\r\n          '@apply gap-8': {},\r\n        },\r\n        '.sk-divider-text': {\r\n          '@apply text-h4-sm': {},\r\n        },\r\n      },\r\n    },\r\n    '&-md': {\r\n      '&.sk-divider': {\r\n        '&-root': {\r\n          '@apply gap-10': {},\r\n        },\r\n        '.sk-divider-text': {\r\n          '@apply text-h4-md': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '&.sk-divider': {\r\n        '&-root': {\r\n          '@apply gap-12': {},\r\n        },\r\n        '.sk-divider-text': {\r\n          '@apply text-h4-lg': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Divider"],"mappings":"AAAA,OAAO,MAAMA,UAAU,IAAO,CAAA;QAC5B,eAAe;YACb,oCAAoC,CAAC;YACrC,cAAc;gBACZ,sFAAsF,CAAC;gBACvF,yBAAyB;oBACvB,4CAA4C,CAAC;gBAC/C;YACF;YACA,gBAAgB;gBACd,qDAAqD,CAAC;gBACtD,yBAAyB;oBACvB,4CAA4C,CAAC;gBAC/C;YACF;YAEA,UAAU;gBACR,mCAAmC,CAAC;YACtC;YAEA,QAAQ;gBACN,gBAAgB;oBACd,UAAU;wBACR,gBAAgB,CAAC;oBACnB;oBACA,oBAAoB;wBAClB,qBAAqB,CAAC;oBACxB;gBACF;YACF;YACA,QAAQ;gBACN,gBAAgB;oBACd,UAAU;wBACR,iBAAiB,CAAC;oBACpB;oBACA,oBAAoB;wBAClB,qBAAqB,CAAC;oBACxB;gBACF;YACF;YACA,QAAQ;gBACN,gBAAgB;oBACd,UAAU;wBACR,iBAAiB,CAAC;oBACpB;oBACA,oBAAoB;wBAClB,qBAAqB,CAAC;oBACxB;gBACF;YACF;QACF;IACF,CAAA,EAAG"}

package/dist/esm/components/dot.js

@@ -1,77 +1,35 @@
-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 Dot = function(colors) {
-    return {
+export const Dot = (colors)=>({
         '.dot': {
             '@apply relative inline-flex rounded-full': {},
-            '&-solid': _object_spread(_object_spread_props(_object_spread({
-                '@apply bg-neutral-500': {}
-            }, colors.reduce(function(styles, color) {
-                return _object_spread_props(_object_spread({}, styles), _define_property({}, '&[data-color="'.concat(color, '"]'), _define_property({}, "@apply bg-".concat(color, "-surface-primary"), {})));
-            }, {})), {
+            '&-solid': {
+                '@apply bg-neutral-500': {},
+                ...colors.reduce((styles, color)=>({
+                        ...styles,
+                        [`&[data-color="${color}"]`]: {
+                            [`@apply bg-${color}-surface-primary`]: {}
+                        }
+                    }), {}),
                 '&.dot-bordered': {
                     '@apply border-2 border-white': {},
                     '@apply dark:border-neutral-800': {}
-                }
-            }), colors.reduce(function(styles, color) {
-                return _object_spread_props(_object_spread({}, styles), _define_property({}, '&.dot-bordered[data-color="'.concat(color, '"]'), _define_property({}, "@apply border-".concat(color, "-background-200"), {})));
-            }, {})),
-            '&-outline': _object_spread({
+                },
+                ...colors.reduce((styles, color)=>({
+                        ...styles,
+                        [`&.dot-bordered[data-color="${color}"]`]: {
+                            [`@apply border-${color}-background-200`]: {}
+                        }
+                    }), {})
+            },
+            '&-outline': {
                 '@apply bg-white border-2 border-neutral-500': {},
-                '@apply dark:bg-neutral-800': {}
-            }, colors.reduce(function(styles, color) {
-                return _object_spread_props(_object_spread({}, styles), _define_property({}, '&[data-color="'.concat(color, '"]'), _define_property({}, "@apply border-".concat(color, "-surface-primary"), {})));
-            }, {})),
+                '@apply dark:bg-neutral-800': {},
+                ...colors.reduce((styles, color)=>({
+                        ...styles,
+                        [`&[data-color="${color}"]`]: {
+                            [`@apply border-${color}-surface-primary`]: {}
+                        }
+                    }), {})
+            },
             '&-3xs': {
                 '@apply w-1.5 h-1.5': {}
             },
@@ -100,7 +58,6 @@ export var Dot = function(colors) {
                 '@apply w-8 h-8': {}
             }
         }
-    };
-};
+    });
 
 //# sourceMappingURL=dot.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/dot.ts"],"sourcesContent":["export const Dot = (colors: string[]) => ({\r\n  '.dot': {\r\n    '@apply relative inline-flex rounded-full': {},\r\n    '&-solid': {\r\n      '@apply bg-neutral-500': {},\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`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&.dot-bordered': {\r\n        '@apply border-2 border-white': {},\r\n        '@apply dark:border-neutral-800': {},\r\n      },\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&.dot-bordered[data-color=\"${color}\"]`]: {\r\n            [`@apply border-${color}-background-200`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-outline': {\r\n      '@apply bg-white border-2 border-neutral-500': {},\r\n      '@apply dark:bg-neutral-800': {},\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply border-${color}-surface-primary`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-3xs': {\r\n      '@apply w-1.5 h-1.5': {},\r\n    },\r\n\r\n    '&-2xs': {\r\n      '@apply w-2 h-2': {},\r\n    },\r\n\r\n    '&-xs': {\r\n      '@apply w-2.5 h-2.5': {},\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply w-3 h-3': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply w-3.5 h-3.5': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply w-4 h-4': {},\r\n    },\r\n\r\n    '&-xl': {\r\n      '@apply w-5 h-5': {},\r\n    },\r\n\r\n    '&-2xl': {\r\n      '@apply w-6 h-6': {},\r\n    },\r\n\r\n    '&-3xl': {\r\n      '@apply w-8 h-8': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Dot","colors","reduce","styles","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAMA,MAAM,SAACC;WAAsB;QACxC,QAAQ;YACN,4CAA4C,CAAC;YAC7C,WAAW;gBACT,yBAAyB,CAAC;eAEvBA,OAAOC,MAAM,CACd,SAACC,QAAQC;uBAAW,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OACtB,qBAAC,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC;eAG7C,CAAC;gBAGH,kBAAkB;oBAChB,gCAAgC,CAAC;oBACjC,kCAAkC,CAAC;gBACrC;gBAEGH,OAAOC,MAAM,CACd,SAACC,QAAQC;uBAAW,wCACfD,SACH,qBAAC,AAAC,8BAAmC,OAANC,OAAM,OACnC,qBAAC,AAAC,iBAAsB,OAANA,OAAM,oBAAmB,CAAC;eAGhD,CAAC;YAIL,aAAa;gBACX,+CAA+C,CAAC;gBAChD,8BAA8B,CAAC;eAC5BH,OAAOC,MAAM,CACd,SAACC,QAAQC;uBAAW,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OACtB,qBAAC,AAAC,iBAAsB,OAANA,OAAM,qBAAoB,CAAC;eAGjD,CAAC;YAIL,SAAS;gBACP,sBAAsB,CAAC;YACzB;YAEA,SAAS;gBACP,kBAAkB,CAAC;YACrB;YAEA,QAAQ;gBACN,sBAAsB,CAAC;YACzB;YAEA,QAAQ;gBACN,kBAAkB,CAAC;YACrB;YAEA,QAAQ;gBACN,sBAAsB,CAAC;YACzB;YAEA,QAAQ;gBACN,kBAAkB,CAAC;YACrB;YAEA,QAAQ;gBACN,kBAAkB,CAAC;YACrB;YAEA,SAAS;gBACP,kBAAkB,CAAC;YACrB;YAEA,SAAS;gBACP,kBAAkB,CAAC;YACrB;QACF;IACF;EAAG"}
+{"version":3,"sources":["../../../src/components/dot.ts"],"sourcesContent":["export const Dot = (colors: string[]) => ({\r\n  '.dot': {\r\n    '@apply relative inline-flex rounded-full': {},\r\n    '&-solid': {\r\n      '@apply bg-neutral-500': {},\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`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&.dot-bordered': {\r\n        '@apply border-2 border-white': {},\r\n        '@apply dark:border-neutral-800': {},\r\n      },\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&.dot-bordered[data-color=\"${color}\"]`]: {\r\n            [`@apply border-${color}-background-200`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-outline': {\r\n      '@apply bg-white border-2 border-neutral-500': {},\r\n      '@apply dark:bg-neutral-800': {},\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply border-${color}-surface-primary`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-3xs': {\r\n      '@apply w-1.5 h-1.5': {},\r\n    },\r\n\r\n    '&-2xs': {\r\n      '@apply w-2 h-2': {},\r\n    },\r\n\r\n    '&-xs': {\r\n      '@apply w-2.5 h-2.5': {},\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply w-3 h-3': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply w-3.5 h-3.5': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply w-4 h-4': {},\r\n    },\r\n\r\n    '&-xl': {\r\n      '@apply w-5 h-5': {},\r\n    },\r\n\r\n    '&-2xl': {\r\n      '@apply w-6 h-6': {},\r\n    },\r\n\r\n    '&-3xl': {\r\n      '@apply w-8 h-8': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Dot","colors","reduce","styles","color"],"mappings":"AAAA,OAAO,MAAMA,MAAM,CAACC,SAAsB,CAAA;QACxC,QAAQ;YACN,4CAA4C,CAAC;YAC7C,WAAW;gBACT,yBAAyB,CAAC;gBAE1B,GAAGA,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;wBAClB,GAAGD,MAAM;wBACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;4BAC5B,CAAC,CAAC,UAAU,EAAEA,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC;wBAC3C;oBACF,CAAA,GACA,CAAC,EACF;gBAED,kBAAkB;oBAChB,gCAAgC,CAAC;oBACjC,kCAAkC,CAAC;gBACrC;gBAEA,GAAGH,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;wBAClB,GAAGD,MAAM;wBACT,CAAC,CAAC,2BAA2B,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;4BACzC,CAAC,CAAC,cAAc,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;wBAC9C;oBACF,CAAA,GACA,CAAC,EACF;YACH;YAEA,aAAa;gBACX,+CAA+C,CAAC;gBAChD,8BAA8B,CAAC;gBAC/B,GAAGH,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;wBAClB,GAAGD,MAAM;wBACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;4BAC5B,CAAC,CAAC,cAAc,EAAEA,MAAM,gBAAgB,CAAC,CAAC,EAAE,CAAC;wBAC/C;oBACF,CAAA,GACA,CAAC,EACF;YACH;YAEA,SAAS;gBACP,sBAAsB,CAAC;YACzB;YAEA,SAAS;gBACP,kBAAkB,CAAC;YACrB;YAEA,QAAQ;gBACN,sBAAsB,CAAC;YACzB;YAEA,QAAQ;gBACN,kBAAkB,CAAC;YACrB;YAEA,QAAQ;gBACN,sBAAsB,CAAC;YACzB;YAEA,QAAQ;gBACN,kBAAkB,CAAC;YACrB;YAEA,QAAQ;gBACN,kBAAkB,CAAC;YACrB;YAEA,SAAS;gBACP,kBAAkB,CAAC;YACrB;YAEA,SAAS;gBACP,kBAAkB,CAAC;YACrB;QACF;IACF,CAAA,EAAG"}

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

@@ -1,5 +1,4 @@
-export var FileUpload = function() {
-    return {
+export const FileUpload = ()=>({
         '.sk-form-file-upload': {
             '&-list': {
                 '@apply flex flex-col py-4 gap-x-12 items-start': {},
@@ -215,7 +214,6 @@ export var FileUpload = function() {
                 }
             }
         }
-    };
-};
+    });
 
 //# 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":"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"}

package/dist/esm/components/filter.js

@@ -1,5 +1,4 @@
-export var Filter = function() {
-    return {
+export const Filter = ()=>({
         '.sk-filter': {
             '@apply w-full': {},
             '&-label': {
@@ -12,7 +11,6 @@ export var Filter = function() {
                 }
             }
         }
-    };
-};
+    });
 
 //# 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,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"}
+{"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,MAAMA,SAAS,IAAO,CAAA;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,CAAA,EAAG"}

package/dist/esm/components/footer.js

@@ -1,5 +1,4 @@
-export var Footer = function() {
-    return {
+export const Footer = ()=>({
         '.sk-footer': {
             '@apply bg-background-content': {},
             '@apply flex justify-center': {},
@@ -29,7 +28,6 @@ export var Footer = function() {
                 }
             }
         }
-    };
-};
+    });
 
 //# 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,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"}
+{"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,MAAMA,SAAS,IAAO,CAAA;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,CAAA,EAAG"}

package/dist/esm/components/forms.js

@@ -1,5 +1,4 @@
-export var Forms = function() {
-    return {
+export const Forms = ()=>({
         '.sk-form-control': {
             '@apply flex flex-col gap-8 w-fit': {}
         },
@@ -22,7 +21,6 @@ export var Forms = function() {
             '@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 = () => ({\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"],"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"}
+{"version":3,"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"],"names":["Forms","display"],"mappings":"AAAA,OAAO,MAAMA,QAAQ,IAAO,CAAA;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,CAAA,EAAG"}

package/dist/esm/components/header.js

@@ -1,5 +1,4 @@
-export var Header = function() {
-    return {
+export const Header = ()=>({
         '.sk-header': {
             '@apply bg-background-content p-12 md:px-32 md:pt-24 md:pb-20 xl:pt-32 xl:pb-20 xl:px-80 xl:h-auto xl:min-h-0': {},
             '@apply shadow-100': {},
@@ -26,7 +25,6 @@ export var Header = function() {
                 '@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,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"}
+{"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,MAAMA,SAAS,IAAO,CAAA;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,CAAA,EAAG"}

package/dist/esm/components/icon.js

@@ -1,73 +1,24 @@
-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({
+export const Icon = (colors)=>({
+        '.sk-icon': {
             '@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({
+            '&.sk-icon-padded': {
                 '@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)));
-            }, {})), {
+                '@apply p-4': {},
+                ...colors.reduce((styles, color)=>({
+                        ...styles,
+                        [`&[data-color="${color}"]`]: {
+                            [`@apply bg-${color}-surface-primary text-${color}-text-secondary fill-${color}-text-secondary`]: {},
+                            '&[data-inverted="true"]': {
+                                '@apply text-inverted-light-primary': {},
+                                [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary fill-inverted-${color}-text-secondary`]: {}
+                            }
+                        }
+                    }), {}),
                 "&[data-color='primary'], &[data-color='tertiary']": {
                     '@apply bg-primary-surface text-light-primary fill-light-primary': {},
                     '&[data-inverted="true"]': {
@@ -81,28 +32,30 @@ export var Icon = function(colors) {
                         '@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)));
-        }, {})), {
+            },
+            ...colors.reduce((styles, color)=>({
+                    ...styles,
+                    [`&[data-color="${color}"]`]: {
+                        '@apply text-inverted-light-primary': {},
+                        [`@apply text-inverted-${color}-text-secondary fill-inverted-${color}-text-secondary`]: {},
+                        '&[data-inverted="true"]': {
+                            '@apply text-inverted-light-primary': {},
+                            [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary fill-inverted-${color}-text-secondary`]: {}
+                        }
+                    }
+                }), {}),
             "&[data-color='primary']": {
                 '&[data-inverted="true"]': {
                     '@apply text-light-primary fill-light-primary': {}
                 }
             }
-        })
-    };
-};
+        }
+    });
 
 //# 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}
+{"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,MAAMA,OAAO,CAACC,SAAsB,CAAA;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;gBAEf,GAAGD,OAAOE,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;wBAClB,GAAGD,MAAM;wBACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;4BAC5B,CAAC,CAAC,UAAU,EAAEA,MAAM,sBAAsB,EAAEA,MAAM,qBAAqB,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;4BAEnG,2BAA2B;gCACzB,sCAAsC,CAAC;gCACvC,CAAC,CAAC,mBAAmB,EAAEA,MAAM,+BAA+B,EAAEA,MAAM,8BAA8B,EAAEA,MAAM,eAAe,CAAC,CAAC,EACzH,CAAC;4BACL;wBACF;oBACF,CAAA,GACA,CAAC,EACF;gBAED,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;YACF;YAEA,sBAAsB;gBACpB,sBAAsB,CAAC;YACzB;YAEA,0BAA0B;gBACxB,2BAA2B,CAAC;YAC9B;YAEA,GAAGJ,OAAOE,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;oBAClB,GAAGD,MAAM;oBACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;wBAC5B,sCAAsC,CAAC;wBACvC,CAAC,CAAC,qBAAqB,EAAEA,MAAM,8BAA8B,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;wBAEzF,2BAA2B;4BACzB,sCAAsC,CAAC;4BACvC,CAAC,CAAC,mBAAmB,EAAEA,MAAM,+BAA+B,EAAEA,MAAM,8BAA8B,EAAEA,MAAM,eAAe,CAAC,CAAC,EACzH,CAAC;wBACL;oBACF;gBACF,CAAA,GACA,CAAC,EACF;YAED,2BAA2B;gBACzB,2BAA2B;oBACzB,gDAAgD,CAAC;gBACnD;YACF;QACF;IACF,CAAA,EAAG"}