npm - @xsolla/xui-core - Versions diffs - 0.154.2 → 0.155.0-pr296.1779151314 - Mend

@xsolla/xui-core 0.154.2 → 0.155.0-pr296.1779151314

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/index.d.mts CHANGED Viewed

@@ -4169,6 +4169,147 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             radius: number;
             borderWidth: number;
         };
+        dragDropUploader: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
+            areaHeight: number;
+            areaPadding: number;
+            areaGap: number;
+            iconSize: number;
+            width: number;
+            rootGap: number;
+            radius: number;
+            borderWidth: number;
+            textGap: number;
+            titleFontSize: number;
+            titleLineHeight: number;
+            descriptionFontSize: number;
+            descriptionLineHeight: number;
+            errorFontSize: number;
+            errorLineHeight: number;
+            listGap: number;
+            itemGap: number;
+            itemPaddingVertical: number;
+            itemPaddingLeft: number;
+            itemPaddingRight: number;
+            itemIconWrapperSize: number;
+            itemIconSize: number;
+            itemTitleFontSize: number;
+            itemTitleLineHeight: number;
+            itemDescriptionFontSize: number;
+            itemDescriptionLineHeight: number;
+            removeIconSize: number;
+        } | {
+            areaHeight: number;
+            areaPadding: number;
+            areaGap: number;
+            iconSize: number;
+            width: number;
+            rootGap: number;
+            radius: number;
+            borderWidth: number;
+            textGap: number;
+            titleFontSize: number;
+            titleLineHeight: number;
+            descriptionFontSize: number;
+            descriptionLineHeight: number;
+            errorFontSize: number;
+            errorLineHeight: number;
+            listGap: number;
+            itemGap: number;
+            itemPaddingVertical: number;
+            itemPaddingLeft: number;
+            itemPaddingRight: number;
+            itemIconWrapperSize: number;
+            itemIconSize: number;
+            itemTitleFontSize: number;
+            itemTitleLineHeight: number;
+            itemDescriptionFontSize: number;
+            itemDescriptionLineHeight: number;
+            removeIconSize: number;
+        } | {
+            areaHeight: number;
+            areaPadding: number;
+            areaGap: number;
+            iconSize: number;
+            width: number;
+            rootGap: number;
+            radius: number;
+            borderWidth: number;
+            textGap: number;
+            titleFontSize: number;
+            titleLineHeight: number;
+            descriptionFontSize: number;
+            descriptionLineHeight: number;
+            errorFontSize: number;
+            errorLineHeight: number;
+            listGap: number;
+            itemGap: number;
+            itemPaddingVertical: number;
+            itemPaddingLeft: number;
+            itemPaddingRight: number;
+            itemIconWrapperSize: number;
+            itemIconSize: number;
+            itemTitleFontSize: number;
+            itemTitleLineHeight: number;
+            itemDescriptionFontSize: number;
+            itemDescriptionLineHeight: number;
+            removeIconSize: number;
+        } | {
+            areaHeight: number;
+            areaPadding: number;
+            areaGap: number;
+            iconSize: number;
+            width: number;
+            rootGap: number;
+            radius: number;
+            borderWidth: number;
+            textGap: number;
+            titleFontSize: number;
+            titleLineHeight: number;
+            descriptionFontSize: number;
+            descriptionLineHeight: number;
+            errorFontSize: number;
+            errorLineHeight: number;
+            listGap: number;
+            itemGap: number;
+            itemPaddingVertical: number;
+            itemPaddingLeft: number;
+            itemPaddingRight: number;
+            itemIconWrapperSize: number;
+            itemIconSize: number;
+            itemTitleFontSize: number;
+            itemTitleLineHeight: number;
+            itemDescriptionFontSize: number;
+            itemDescriptionLineHeight: number;
+            removeIconSize: number;
+        } | {
+            width: number;
+            rootGap: number;
+            areaHeight: number;
+            areaPadding: number;
+            areaGap: number;
+            textGap: number;
+            iconSize: number;
+            titleFontSize: number;
+            titleLineHeight: number;
+            descriptionFontSize: number;
+            descriptionLineHeight: number;
+            listGap: number;
+            itemGap: number;
+            itemPaddingVertical: number;
+            itemPaddingLeft: number;
+            itemIconWrapperSize: number;
+            itemIconSize: number;
+            itemTitleFontSize: number;
+            itemTitleLineHeight: number;
+            itemDescriptionFontSize: number;
+            itemDescriptionLineHeight: number;
+            removeIconSize: number;
+            radius: number;
+            borderWidth: number;
+            errorFontSize: number;
+            errorLineHeight: number;
+            itemPaddingRight: number;
+        };
         inputPin: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
             size: number;
             gap: number;
@@ -6605,6 +6746,147 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 radius: number;
                 borderWidth: number;
             };
+            dragDropUploader: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
+                areaHeight: number;
+                areaPadding: number;
+                areaGap: number;
+                iconSize: number;
+                width: number;
+                rootGap: number;
+                radius: number;
+                borderWidth: number;
+                textGap: number;
+                titleFontSize: number;
+                titleLineHeight: number;
+                descriptionFontSize: number;
+                descriptionLineHeight: number;
+                errorFontSize: number;
+                errorLineHeight: number;
+                listGap: number;
+                itemGap: number;
+                itemPaddingVertical: number;
+                itemPaddingLeft: number;
+                itemPaddingRight: number;
+                itemIconWrapperSize: number;
+                itemIconSize: number;
+                itemTitleFontSize: number;
+                itemTitleLineHeight: number;
+                itemDescriptionFontSize: number;
+                itemDescriptionLineHeight: number;
+                removeIconSize: number;
+            } | {
+                areaHeight: number;
+                areaPadding: number;
+                areaGap: number;
+                iconSize: number;
+                width: number;
+                rootGap: number;
+                radius: number;
+                borderWidth: number;
+                textGap: number;
+                titleFontSize: number;
+                titleLineHeight: number;
+                descriptionFontSize: number;
+                descriptionLineHeight: number;
+                errorFontSize: number;
+                errorLineHeight: number;
+                listGap: number;
+                itemGap: number;
+                itemPaddingVertical: number;
+                itemPaddingLeft: number;
+                itemPaddingRight: number;
+                itemIconWrapperSize: number;
+                itemIconSize: number;
+                itemTitleFontSize: number;
+                itemTitleLineHeight: number;
+                itemDescriptionFontSize: number;
+                itemDescriptionLineHeight: number;
+                removeIconSize: number;
+            } | {
+                areaHeight: number;
+                areaPadding: number;
+                areaGap: number;
+                iconSize: number;
+                width: number;
+                rootGap: number;
+                radius: number;
+                borderWidth: number;
+                textGap: number;
+                titleFontSize: number;
+                titleLineHeight: number;
+                descriptionFontSize: number;
+                descriptionLineHeight: number;
+                errorFontSize: number;
+                errorLineHeight: number;
+                listGap: number;
+                itemGap: number;
+                itemPaddingVertical: number;
+                itemPaddingLeft: number;
+                itemPaddingRight: number;
+                itemIconWrapperSize: number;
+                itemIconSize: number;
+                itemTitleFontSize: number;
+                itemTitleLineHeight: number;
+                itemDescriptionFontSize: number;
+                itemDescriptionLineHeight: number;
+                removeIconSize: number;
+            } | {
+                areaHeight: number;
+                areaPadding: number;
+                areaGap: number;
+                iconSize: number;
+                width: number;
+                rootGap: number;
+                radius: number;
+                borderWidth: number;
+                textGap: number;
+                titleFontSize: number;
+                titleLineHeight: number;
+                descriptionFontSize: number;
+                descriptionLineHeight: number;
+                errorFontSize: number;
+                errorLineHeight: number;
+                listGap: number;
+                itemGap: number;
+                itemPaddingVertical: number;
+                itemPaddingLeft: number;
+                itemPaddingRight: number;
+                itemIconWrapperSize: number;
+                itemIconSize: number;
+                itemTitleFontSize: number;
+                itemTitleLineHeight: number;
+                itemDescriptionFontSize: number;
+                itemDescriptionLineHeight: number;
+                removeIconSize: number;
+            } | {
+                width: number;
+                rootGap: number;
+                areaHeight: number;
+                areaPadding: number;
+                areaGap: number;
+                textGap: number;
+                iconSize: number;
+                titleFontSize: number;
+                titleLineHeight: number;
+                descriptionFontSize: number;
+                descriptionLineHeight: number;
+                listGap: number;
+                itemGap: number;
+                itemPaddingVertical: number;
+                itemPaddingLeft: number;
+                itemIconWrapperSize: number;
+                itemIconSize: number;
+                itemTitleFontSize: number;
+                itemTitleLineHeight: number;
+                itemDescriptionFontSize: number;
+                itemDescriptionLineHeight: number;
+                removeIconSize: number;
+                radius: number;
+                borderWidth: number;
+                errorFontSize: number;
+                errorLineHeight: number;
+                itemPaddingRight: number;
+            };
             inputPin: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
                 size: number;
                 gap: number;

package/index.d.ts CHANGED Viewed

@@ -4169,6 +4169,147 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             radius: number;
             borderWidth: number;
         };
+        dragDropUploader: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
+            areaHeight: number;
+            areaPadding: number;
+            areaGap: number;
+            iconSize: number;
+            width: number;
+            rootGap: number;
+            radius: number;
+            borderWidth: number;
+            textGap: number;
+            titleFontSize: number;
+            titleLineHeight: number;
+            descriptionFontSize: number;
+            descriptionLineHeight: number;
+            errorFontSize: number;
+            errorLineHeight: number;
+            listGap: number;
+            itemGap: number;
+            itemPaddingVertical: number;
+            itemPaddingLeft: number;
+            itemPaddingRight: number;
+            itemIconWrapperSize: number;
+            itemIconSize: number;
+            itemTitleFontSize: number;
+            itemTitleLineHeight: number;
+            itemDescriptionFontSize: number;
+            itemDescriptionLineHeight: number;
+            removeIconSize: number;
+        } | {
+            areaHeight: number;
+            areaPadding: number;
+            areaGap: number;
+            iconSize: number;
+            width: number;
+            rootGap: number;
+            radius: number;
+            borderWidth: number;
+            textGap: number;
+            titleFontSize: number;
+            titleLineHeight: number;
+            descriptionFontSize: number;
+            descriptionLineHeight: number;
+            errorFontSize: number;
+            errorLineHeight: number;
+            listGap: number;
+            itemGap: number;
+            itemPaddingVertical: number;
+            itemPaddingLeft: number;
+            itemPaddingRight: number;
+            itemIconWrapperSize: number;
+            itemIconSize: number;
+            itemTitleFontSize: number;
+            itemTitleLineHeight: number;
+            itemDescriptionFontSize: number;
+            itemDescriptionLineHeight: number;
+            removeIconSize: number;
+        } | {
+            areaHeight: number;
+            areaPadding: number;
+            areaGap: number;
+            iconSize: number;
+            width: number;
+            rootGap: number;
+            radius: number;
+            borderWidth: number;
+            textGap: number;
+            titleFontSize: number;
+            titleLineHeight: number;
+            descriptionFontSize: number;
+            descriptionLineHeight: number;
+            errorFontSize: number;
+            errorLineHeight: number;
+            listGap: number;
+            itemGap: number;
+            itemPaddingVertical: number;
+            itemPaddingLeft: number;
+            itemPaddingRight: number;
+            itemIconWrapperSize: number;
+            itemIconSize: number;
+            itemTitleFontSize: number;
+            itemTitleLineHeight: number;
+            itemDescriptionFontSize: number;
+            itemDescriptionLineHeight: number;
+            removeIconSize: number;
+        } | {
+            areaHeight: number;
+            areaPadding: number;
+            areaGap: number;
+            iconSize: number;
+            width: number;
+            rootGap: number;
+            radius: number;
+            borderWidth: number;
+            textGap: number;
+            titleFontSize: number;
+            titleLineHeight: number;
+            descriptionFontSize: number;
+            descriptionLineHeight: number;
+            errorFontSize: number;
+            errorLineHeight: number;
+            listGap: number;
+            itemGap: number;
+            itemPaddingVertical: number;
+            itemPaddingLeft: number;
+            itemPaddingRight: number;
+            itemIconWrapperSize: number;
+            itemIconSize: number;
+            itemTitleFontSize: number;
+            itemTitleLineHeight: number;
+            itemDescriptionFontSize: number;
+            itemDescriptionLineHeight: number;
+            removeIconSize: number;
+        } | {
+            width: number;
+            rootGap: number;
+            areaHeight: number;
+            areaPadding: number;
+            areaGap: number;
+            textGap: number;
+            iconSize: number;
+            titleFontSize: number;
+            titleLineHeight: number;
+            descriptionFontSize: number;
+            descriptionLineHeight: number;
+            listGap: number;
+            itemGap: number;
+            itemPaddingVertical: number;
+            itemPaddingLeft: number;
+            itemIconWrapperSize: number;
+            itemIconSize: number;
+            itemTitleFontSize: number;
+            itemTitleLineHeight: number;
+            itemDescriptionFontSize: number;
+            itemDescriptionLineHeight: number;
+            removeIconSize: number;
+            radius: number;
+            borderWidth: number;
+            errorFontSize: number;
+            errorLineHeight: number;
+            itemPaddingRight: number;
+        };
         inputPin: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
             size: number;
             gap: number;
@@ -6605,6 +6746,147 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 radius: number;
                 borderWidth: number;
             };
+            dragDropUploader: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
+                areaHeight: number;
+                areaPadding: number;
+                areaGap: number;
+                iconSize: number;
+                width: number;
+                rootGap: number;
+                radius: number;
+                borderWidth: number;
+                textGap: number;
+                titleFontSize: number;
+                titleLineHeight: number;
+                descriptionFontSize: number;
+                descriptionLineHeight: number;
+                errorFontSize: number;
+                errorLineHeight: number;
+                listGap: number;
+                itemGap: number;
+                itemPaddingVertical: number;
+                itemPaddingLeft: number;
+                itemPaddingRight: number;
+                itemIconWrapperSize: number;
+                itemIconSize: number;
+                itemTitleFontSize: number;
+                itemTitleLineHeight: number;
+                itemDescriptionFontSize: number;
+                itemDescriptionLineHeight: number;
+                removeIconSize: number;
+            } | {
+                areaHeight: number;
+                areaPadding: number;
+                areaGap: number;
+                iconSize: number;
+                width: number;
+                rootGap: number;
+                radius: number;
+                borderWidth: number;
+                textGap: number;
+                titleFontSize: number;
+                titleLineHeight: number;
+                descriptionFontSize: number;
+                descriptionLineHeight: number;
+                errorFontSize: number;
+                errorLineHeight: number;
+                listGap: number;
+                itemGap: number;
+                itemPaddingVertical: number;
+                itemPaddingLeft: number;
+                itemPaddingRight: number;
+                itemIconWrapperSize: number;
+                itemIconSize: number;
+                itemTitleFontSize: number;
+                itemTitleLineHeight: number;
+                itemDescriptionFontSize: number;
+                itemDescriptionLineHeight: number;
+                removeIconSize: number;
+            } | {
+                areaHeight: number;
+                areaPadding: number;
+                areaGap: number;
+                iconSize: number;
+                width: number;
+                rootGap: number;
+                radius: number;
+                borderWidth: number;
+                textGap: number;
+                titleFontSize: number;
+                titleLineHeight: number;
+                descriptionFontSize: number;
+                descriptionLineHeight: number;
+                errorFontSize: number;
+                errorLineHeight: number;
+                listGap: number;
+                itemGap: number;
+                itemPaddingVertical: number;
+                itemPaddingLeft: number;
+                itemPaddingRight: number;
+                itemIconWrapperSize: number;
+                itemIconSize: number;
+                itemTitleFontSize: number;
+                itemTitleLineHeight: number;
+                itemDescriptionFontSize: number;
+                itemDescriptionLineHeight: number;
+                removeIconSize: number;
+            } | {
+                areaHeight: number;
+                areaPadding: number;
+                areaGap: number;
+                iconSize: number;
+                width: number;
+                rootGap: number;
+                radius: number;
+                borderWidth: number;
+                textGap: number;
+                titleFontSize: number;
+                titleLineHeight: number;
+                descriptionFontSize: number;
+                descriptionLineHeight: number;
+                errorFontSize: number;
+                errorLineHeight: number;
+                listGap: number;
+                itemGap: number;
+                itemPaddingVertical: number;
+                itemPaddingLeft: number;
+                itemPaddingRight: number;
+                itemIconWrapperSize: number;
+                itemIconSize: number;
+                itemTitleFontSize: number;
+                itemTitleLineHeight: number;
+                itemDescriptionFontSize: number;
+                itemDescriptionLineHeight: number;
+                removeIconSize: number;
+            } | {
+                width: number;
+                rootGap: number;
+                areaHeight: number;
+                areaPadding: number;
+                areaGap: number;
+                textGap: number;
+                iconSize: number;
+                titleFontSize: number;
+                titleLineHeight: number;
+                descriptionFontSize: number;
+                descriptionLineHeight: number;
+                listGap: number;
+                itemGap: number;
+                itemPaddingVertical: number;
+                itemPaddingLeft: number;
+                itemIconWrapperSize: number;
+                itemIconSize: number;
+                itemTitleFontSize: number;
+                itemTitleLineHeight: number;
+                itemDescriptionFontSize: number;
+                itemDescriptionLineHeight: number;
+                removeIconSize: number;
+                radius: number;
+                borderWidth: number;
+                errorFontSize: number;
+                errorLineHeight: number;
+                itemPaddingRight: number;
+            };
             inputPin: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
                 size: number;
                 gap: number;

package/index.js CHANGED Viewed

@@ -2502,6 +2502,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: {