@sk-web-gui/core 3.9.1 → 3.11.0

package/dist/cjs/components/dot.js

@@ -1,61 +1,116 @@
 "use strict";
-
-exports.__esModule = true;
-exports.Dot = void 0;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-var Dot = exports.Dot = function Dot(colors) {
-  return {
-    '.dot': {
-      '@apply relative inline-flex rounded-full': {},
-      '&-solid': _extends({
-        '@apply bg-neutral-500': {}
-      }, colors.reduce(function (styles, color) {
-        var _ref, _extends2;
-        return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply bg-" + color + "-surface-primary"] = {}, _ref), _extends2));
-      }, {}), {
-        '&.dot-bordered': {
-          '@apply border-2 border-white': {},
-          '@apply dark:border-neutral-800': {}
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Dot", {
+    enumerable: true,
+    get: function() {
+        return Dot;
+    }
+});
+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;
+            });
         }
-      }, colors.reduce(function (styles, color) {
-        var _ref2, _extends3;
-        return _extends({}, styles, (_extends3 = {}, _extends3["&.dot-bordered[data-color=\"" + color + "\"]"] = (_ref2 = {}, _ref2["@apply border-" + color + "-background-200"] = {}, _ref2), _extends3));
-      }, {})),
-      '&-outline': _extends({
-        '@apply bg-white border-2 border-neutral-500': {},
-        '@apply dark:bg-neutral-800': {}
-      }, colors.reduce(function (styles, color) {
-        var _ref3, _extends4;
-        return _extends({}, styles, (_extends4 = {}, _extends4["&[data-color=\"" + color + "\"]"] = (_ref3 = {}, _ref3["@apply border-" + color + "-surface-primary"] = {}, _ref3), _extends4));
-      }, {})),
-      '&-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': {}
-      }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
     }
-  };
+    return target;
+}
+var 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/cjs/components/dot.js.map

@@ -1 +1 @@
-{"version":3,"file":"dot.js","names":["Dot","exports","colors","_extends","reduce","styles","color","_ref","_extends2","_ref2","_extends3","_ref3","_extends4"],"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":";;;;;AAAO,IAAMA,GAAG,GAAAC,OAAA,CAAAD,GAAA,GAAG,SAANA,GAAGA,CAAIE,MAAgB;EAAA,OAAM;IACxC,MAAM,EAAE;MACN,0CAA0C,EAAE,CAAC,CAAC;MAC9C,SAAS,EAAAC,QAAA;QACP,uBAAuB,EAAE,CAAC;MAAC,GAExBD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAC,IAAA,EAAAC,SAAA;QAAA,OAAAL,QAAA,KACTE,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSF,KAAK,aAAAC,IAAA,OAAAA,IAAA,gBACPD,KAAK,yBAAqB,CAAC,CAAC,EAAAC,IAAA,GAAAC,SAAA;MAAA,CAE5C,EACF,CAAC,CACH,CAAC;QAED,gBAAgB,EAAE;UAChB,8BAA8B,EAAE,CAAC,CAAC;UAClC,gCAAgC,EAAE,CAAC;QACrC;MAAC,GAEEN,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAG,KAAA,EAAAC,SAAA;QAAA,OAAAP,QAAA,KACTE,MAAM,GAAAK,SAAA,OAAAA,SAAA,kCACsBJ,KAAK,aAAAG,KAAA,OAAAA,KAAA,oBAChBH,KAAK,wBAAoB,CAAC,CAAC,EAAAG,KAAA,GAAAC,SAAA;MAAA,CAE/C,EACF,CAAC,CACH,CAAC,CACF;MAED,WAAW,EAAAP,QAAA;QACT,6CAA6C,EAAE,CAAC,CAAC;QACjD,4BAA4B,EAAE,CAAC;MAAC,GAC7BD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAK,KAAA,EAAAC,SAAA;QAAA,OAAAT,QAAA,KACTE,MAAM,GAAAO,SAAA,OAAAA,SAAA,qBACSN,KAAK,aAAAK,KAAA,OAAAA,KAAA,oBACHL,KAAK,yBAAqB,CAAC,CAAC,EAAAK,KAAA,GAAAC,SAAA;MAAA,CAEhD,EACF,CAAC,CACH,CAAC,CACF;MAED,OAAO,EAAE;QACP,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;MACrB;IACF;EACF,CAAC;AAAA,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":";;;;+BAAaA;;;eAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAN,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"}

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

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