@sk-web-gui/core 3.9.1 → 3.11.0

package/dist/esm/components/dot.js

@@ -1,58 +1,106 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-export var Dot = colors => ({
-  '.dot': {
-    '@apply relative inline-flex rounded-full': {},
-    '&-solid': _extends({
-      '@apply bg-neutral-500': {}
-    }, colors.reduce((styles, color) => _extends({}, styles, {
-      ["&[data-color=\"" + color + "\"]"]: {
-        ["@apply bg-" + color + "-surface-primary"]: {}
-      }
-    }), {}), {
-      '&.dot-bordered': {
-        '@apply border-2 border-white': {},
-        '@apply dark:border-neutral-800': {}
-      }
-    }, colors.reduce((styles, color) => _extends({}, styles, {
-      ["&.dot-bordered[data-color=\"" + color + "\"]"]: {
-        ["@apply border-" + color + "-background-200"]: {}
-      }
-    }), {})),
-    '&-outline': _extends({
-      '@apply bg-white border-2 border-neutral-500': {},
-      '@apply dark:bg-neutral-800': {}
-    }, colors.reduce((styles, color) => _extends({}, styles, {
-      ["&[data-color=\"" + color + "\"]"]: {
-        ["@apply border-" + color + "-surface-primary"]: {}
-      }
-    }), {})),
-    '&-3xs': {
-      '@apply w-1.5 h-1.5': {}
-    },
-    '&-2xs': {
-      '@apply w-2 h-2': {}
-    },
-    '&-xs': {
-      '@apply w-2.5 h-2.5': {}
-    },
-    '&-sm': {
-      '@apply w-3 h-3': {}
-    },
-    '&-md': {
-      '@apply w-3.5 h-3.5': {}
-    },
-    '&-lg': {
-      '@apply w-4 h-4': {}
-    },
-    '&-xl': {
-      '@apply w-5 h-5': {}
-    },
-    '&-2xl': {
-      '@apply w-6 h-6': {}
-    },
-    '&-3xl': {
-      '@apply w-8 h-8': {}
+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 {
+        '.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"), {})));
+            }, {})), {
+                '&.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({
+                '@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"), {})));
+            }, {})),
+            '&-3xs': {
+                '@apply w-1.5 h-1.5': {}
+            },
+            '&-2xs': {
+                '@apply w-2 h-2': {}
+            },
+            '&-xs': {
+                '@apply w-2.5 h-2.5': {}
+            },
+            '&-sm': {
+                '@apply w-3 h-3': {}
+            },
+            '&-md': {
+                '@apply w-3.5 h-3.5': {}
+            },
+            '&-lg': {
+                '@apply w-4 h-4': {}
+            },
+            '&-xl': {
+                '@apply w-5 h-5': {}
+            },
+            '&-2xl': {
+                '@apply w-6 h-6': {}
+            },
+            '&-3xl': {
+                '@apply w-8 h-8': {}
+            }
+        }
+    };
+};
+
 //# sourceMappingURL=dot.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dot.js","names":["Dot","colors","_extends","reduce","styles","color"],"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"],"mappings":";AAAA,OAAO,IAAMA,GAAG,GAAIC,MAAgB,KAAM;EACxC,MAAM,EAAE;IACN,0CAA0C,EAAE,CAAC,CAAC;IAC9C,SAAS,EAAAC,QAAA;MACP,uBAAuB,EAAE,CAAC;IAAC,GAExBD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,gBAAcA,KAAK,wBAAqB,CAAC;MAC3C;IAAC,EACD,EACF,CAAC,CACH,CAAC;MAED,gBAAgB,EAAE;QAChB,8BAA8B,EAAE,CAAC,CAAC;QAClC,gCAAgC,EAAE,CAAC;MACrC;IAAC,GAEEJ,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,kCAA+BC,KAAK,WAAO;QACzC,oBAAkBA,KAAK,uBAAoB,CAAC;MAC9C;IAAC,EACD,EACF,CAAC,CACH,CAAC,CACF;IAED,WAAW,EAAAH,QAAA;MACT,6CAA6C,EAAE,CAAC,CAAC;MACjD,4BAA4B,EAAE,CAAC;IAAC,GAC7BD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,oBAAkBA,KAAK,wBAAqB,CAAC;MAC/C;IAAC,EACD,EACF,CAAC,CACH,CAAC,CACF;IAED,OAAO,EAAE;MACP,oBAAoB,EAAE,CAAC;IACzB,CAAC;IAED,OAAO,EAAE;MACP,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,oBAAoB,EAAE,CAAC;IACzB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,oBAAoB,EAAE,CAAC;IACzB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,OAAO,EAAE;MACP,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,OAAO,EAAE;MACP,gBAAgB,EAAE,CAAC;IACrB;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"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"}

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

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