@xsolla/xui-core 0.154.2 → 0.155.0

package/index.mjs

@@ -2434,6 +2434,89 @@ var themeConfig = (mode = "dark", productContext = defaultProductContext) => {
         };
         return configs[size];
       },
+      dragDropUploader: (size) => {
+        const base = {
+          width: 360,
+          rootGap: 12,
+          radius: 4,
+          borderWidth: 1,
+          textGap: 6,
+          titleFontSize: 14,
+          titleLineHeight: 18,
+          descriptionFontSize: 14,
+          descriptionLineHeight: 18,
+          errorFontSize: 12,
+          errorLineHeight: 16,
+          listGap: 6,
+          itemGap: 8,
+          itemPaddingVertical: 8,
+          itemPaddingLeft: 8,
+          itemPaddingRight: 12,
+          itemIconWrapperSize: 32,
+          itemIconSize: 20,
+          itemTitleFontSize: 14,
+          itemTitleLineHeight: 16,
+          itemDescriptionFontSize: 14,
+          itemDescriptionLineHeight: 18,
+          removeIconSize: 18
+        };
+        const configs = {
+          xl: {
+            ...base,
+            areaHeight: 240,
+            areaPadding: 20,
+            areaGap: 16,
+            iconSize: 32
+          },
+          lg: {
+            ...base,
+            areaHeight: 200,
+            areaPadding: 20,
+            areaGap: 16,
+            iconSize: 24
+          },
+          md: {
+            ...base,
+            areaHeight: 160,
+            areaPadding: 20,
+            areaGap: 16,
+            iconSize: 24
+          },
+          sm: {
+            ...base,
+            areaHeight: 128,
+            areaPadding: 20,
+            areaGap: 16,
+            iconSize: 24
+          },
+          xs: {
+            ...base,
+            width: 320,
+            rootGap: 8,
+            areaHeight: 104,
+            areaPadding: 16,
+            areaGap: 8,
+            textGap: 4,
+            iconSize: 16,
+            titleFontSize: 12,
+            titleLineHeight: 16,
+            descriptionFontSize: 12,
+            descriptionLineHeight: 16,
+            listGap: 4,
+            itemGap: 4,
+            itemPaddingVertical: 4,
+            itemPaddingLeft: 4,
+            itemIconWrapperSize: 24,
+            itemIconSize: 16,
+            itemTitleFontSize: 12,
+            itemTitleLineHeight: 14,
+            itemDescriptionFontSize: 12,
+            itemDescriptionLineHeight: 16,
+            removeIconSize: 14
+          }
+        };
+        return configs[size];
+      },
       inputPin: (size) => {
         const configs = {
           xl: {