npm - @xsolla/xui-core - Versions diffs - 0.141.1 → 0.147.0-pr265.1777518947 - Mend

@xsolla/xui-core 0.141.1 → 0.147.0-pr265.1777518947

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

@@ -4098,6 +4098,82 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             fieldGap: number;
             lineHeight: number;
         };
+        imageUploader: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
+            box: number;
+            wideWidth: number;
+            padding: number;
+            gap: number;
+            iconSize: number;
+            labelFontSize: number;
+            labelLineHeight: number;
+            descriptionFontSize: number;
+            descriptionLineHeight: number;
+            errorFontSize: number;
+            errorLineHeight: number;
+            errorGap: number;
+            radius: number;
+            borderWidth: number;
+        } | {
+            box: number;
+            wideWidth: number;
+            padding: number;
+            gap: number;
+            iconSize: number;
+            labelFontSize: number;
+            labelLineHeight: number;
+            descriptionFontSize: number;
+            descriptionLineHeight: number;
+            errorFontSize: number;
+            errorLineHeight: number;
+            errorGap: number;
+            radius: number;
+            borderWidth: number;
+        } | {
+            box: number;
+            wideWidth: number;
+            padding: number;
+            gap: number;
+            iconSize: number;
+            labelFontSize: number;
+            labelLineHeight: number;
+            descriptionFontSize: number;
+            descriptionLineHeight: number;
+            errorFontSize: number;
+            errorLineHeight: number;
+            errorGap: number;
+            radius: number;
+            borderWidth: number;
+        } | {
+            box: number;
+            wideWidth: number;
+            padding: number;
+            gap: number;
+            iconSize: number;
+            labelFontSize: number;
+            labelLineHeight: number;
+            descriptionFontSize: number;
+            descriptionLineHeight: number;
+            errorFontSize: number;
+            errorLineHeight: number;
+            errorGap: number;
+            radius: number;
+            borderWidth: number;
+        } | {
+            box: number;
+            wideWidth: number;
+            padding: number;
+            gap: number;
+            iconSize: number;
+            labelFontSize: number;
+            labelLineHeight: number;
+            descriptionFontSize: number;
+            descriptionLineHeight: number;
+            errorFontSize: number;
+            errorLineHeight: number;
+            errorGap: number;
+            radius: number;
+            borderWidth: number;
+        };
         inputPin: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
             size: number;
             gap: number;
@@ -4383,24 +4459,28 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
         tabs: (size: "xl" | "lg" | "md" | "sm") => {
             height: number;
             fontSize: number;
+            lineHeight: number;
             iconSize: number;
             gap: number;
             paddingHorizontal: number;
         } | {
             height: number;
             fontSize: number;
+            lineHeight: number;
             iconSize: number;
             gap: number;
             paddingHorizontal: number;
         } | {
             height: number;
             fontSize: number;
+            lineHeight: number;
             iconSize: number;
             gap: number;
             paddingHorizontal: number;
         } | {
             height: number;
             fontSize: number;
+            lineHeight: number;
             iconSize: number;
             gap: number;
             paddingHorizontal: number;
@@ -4600,7 +4680,22 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             descriptionFontSize: number;
             descriptionLineHeight: number;
         };
-        progress: (size: "xl" | "lg" | "md" | "sm" | "xs" | "xxs") => {
+        progress: (size: "xl" | "lg" | "md" | "sm" | "xs" | "xxs" | "l" | "m" | "s") => {
+            height: number;
+            labelSize: number;
+            helperSize: number;
+            gap: number;
+        } | {
+            height: number;
+            labelSize: number;
+            helperSize: number;
+            gap: number;
+        } | {
+            height: number;
+            labelSize: number;
+            helperSize: number;
+            gap: number;
+        } | {
             height: number;
             labelSize: number;
             helperSize: number;
@@ -4778,6 +4873,119 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             portalPadding: number;
             zIndex: number;
         };
+        drawer: () => {
+            widthSm: number;
+            widthMd: number;
+            widthLg: number;
+            headerHeight: number;
+            headerPaddingX: number;
+            headerPaddingY: number;
+            headerGap: number;
+            titleFontSize: number;
+            titleLineHeight: number;
+            contentPaddingX: number;
+            footerPadding: number;
+            outerPadding: number;
+            containerRadius: number;
+            contentRadius: number;
+            stepperPadding: number;
+            stepperRadius: number;
+            stepperContentGap: number;
+            scrimColor: string;
+            animationDuration: number;
+            zIndex: number;
+        };
+        sidebar: () => {
+            widthExpanded: number;
+            widthCollapsed: number;
+            radius: number;
+            itemHeight: number;
+            iconSize: number;
+            padding: number;
+            sectionLabelHeight: number;
+            nestedItemPaddingLeft: number;
+            nestedItemRailLeft: number;
+            chevronSize: number;
+            externalIconSize: number;
+            chatBadgeSize: number;
+            itemBadgeSize: number;
+            focusOutlineWidth: number;
+            scrollbarWidth: number;
+            popoverGap: number;
+            popoverViewportPadding: number;
+            popoverMinWidth: number;
+            popoverMaxWidth: number;
+            popoverShadow: string;
+            popoverZIndex: number;
+            transitionWidth: string;
+            transitionFadeIn: string;
+            transitionFadeOut: string;
+            transitionItem: string;
+            transitionRows: string;
+        };
+        stepperB2b: () => {
+            chipSize: number;
+            chipRadius: number;
+            chipPaddingTop: number;
+            chipPaddingBottom: number;
+            chipPaddingX: number;
+            chipIconSize: number;
+            numberFontSize: number;
+            numberLineHeight: number;
+            titleFontSize: number;
+            titleLineHeight: number;
+            descriptionFontSize: number;
+            descriptionLineHeight: number;
+            captionFontSize: number;
+            captionLineHeight: number;
+            itemGap: number;
+            contentGap: number;
+            contentMinHeight: number;
+            contentWidth: number;
+            activeCardRadiusVertical: number;
+            activeCardRadiusHorizontal: number;
+            activeCardPaddingTop: number;
+            activeCardPaddingX: number;
+            activeCardPaddingYHorizontal: number;
+            activeCardPaddingLeftHorizontal: number;
+            activeCardGapHorizontal: number;
+            innerConnectorLength: number;
+            connectorSegment: number;
+            connectorCellHeight: number;
+            connectorCellWidth: number;
+            surfaceRadius: number;
+            surfacePaddingVertical: number;
+            surfacePaddingHorizontal: number;
+            horizontalItemGap: number;
+            horizontalFirstItemWidth: number;
+            horizontalItemWidth: number;
+            horizontalConnectorSegment: number;
+            horizontalConnectorGap: number;
+            simpleCardPadding: number;
+            simpleCardRadius: number;
+            simpleCardGap: number;
+            simpleItemGap: number;
+            simpleHorizontalCellWidth: number;
+            simpleHorizontalStubLength: number;
+        };
+        collapsibleB2b: () => {
+            triggerPadding: number;
+            triggerGap: number;
+            triggerMinHeight: number;
+            surfaceRadius: number;
+            cellRadius: number;
+            iconSlotSize: number;
+            iconSlotRadius: number;
+            chevronSize: number;
+            trailingGap: number;
+            textGap: number;
+            titleFontSize: number;
+            titleLineHeight: number;
+            captionFontSize: number;
+            captionLineHeight: number;
+            panelPadding: number;
+            accordionItemGap: number;
+        };
         toast: () => {
             minHeight: number;
             paddingHorizontal: number;
@@ -6312,6 +6520,82 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 fieldGap: number;
                 lineHeight: number;
             };
+            imageUploader: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
+                box: number;
+                wideWidth: number;
+                padding: number;
+                gap: number;
+                iconSize: number;
+                labelFontSize: number;
+                labelLineHeight: number;
+                descriptionFontSize: number;
+                descriptionLineHeight: number;
+                errorFontSize: number;
+                errorLineHeight: number;
+                errorGap: number;
+                radius: number;
+                borderWidth: number;
+            } | {
+                box: number;
+                wideWidth: number;
+                padding: number;
+                gap: number;
+                iconSize: number;
+                labelFontSize: number;
+                labelLineHeight: number;
+                descriptionFontSize: number;
+                descriptionLineHeight: number;
+                errorFontSize: number;
+                errorLineHeight: number;
+                errorGap: number;
+                radius: number;
+                borderWidth: number;
+            } | {
+                box: number;
+                wideWidth: number;
+                padding: number;
+                gap: number;
+                iconSize: number;
+                labelFontSize: number;
+                labelLineHeight: number;
+                descriptionFontSize: number;
+                descriptionLineHeight: number;
+                errorFontSize: number;
+                errorLineHeight: number;
+                errorGap: number;
+                radius: number;
+                borderWidth: number;
+            } | {
+                box: number;
+                wideWidth: number;
+                padding: number;
+                gap: number;
+                iconSize: number;
+                labelFontSize: number;
+                labelLineHeight: number;
+                descriptionFontSize: number;
+                descriptionLineHeight: number;
+                errorFontSize: number;
+                errorLineHeight: number;
+                errorGap: number;
+                radius: number;
+                borderWidth: number;
+            } | {
+                box: number;
+                wideWidth: number;
+                padding: number;
+                gap: number;
+                iconSize: number;
+                labelFontSize: number;
+                labelLineHeight: number;
+                descriptionFontSize: number;
+                descriptionLineHeight: number;
+                errorFontSize: number;
+                errorLineHeight: number;
+                errorGap: number;
+                radius: number;
+                borderWidth: number;
+            };
             inputPin: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
                 size: number;
                 gap: number;
@@ -6597,24 +6881,28 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
             tabs: (size: "xl" | "lg" | "md" | "sm") => {
                 height: number;
                 fontSize: number;
+                lineHeight: number;
                 iconSize: number;
                 gap: number;
                 paddingHorizontal: number;
             } | {
                 height: number;
                 fontSize: number;
+                lineHeight: number;
                 iconSize: number;
                 gap: number;
                 paddingHorizontal: number;
             } | {
                 height: number;
                 fontSize: number;
+                lineHeight: number;
                 iconSize: number;
                 gap: number;
                 paddingHorizontal: number;
             } | {
                 height: number;
                 fontSize: number;
+                lineHeight: number;
                 iconSize: number;
                 gap: number;
                 paddingHorizontal: number;
@@ -6814,7 +7102,22 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 descriptionFontSize: number;
                 descriptionLineHeight: number;
             };
-            progress: (size: "xl" | "lg" | "md" | "sm" | "xs" | "xxs") => {
+            progress: (size: "xl" | "lg" | "md" | "sm" | "xs" | "xxs" | "l" | "m" | "s") => {
+                height: number;
+                labelSize: number;
+                helperSize: number;
+                gap: number;
+            } | {
+                height: number;
+                labelSize: number;
+                helperSize: number;
+                gap: number;
+            } | {
+                height: number;
+                labelSize: number;
+                helperSize: number;
+                gap: number;
+            } | {
                 height: number;
                 labelSize: number;
                 helperSize: number;
@@ -6992,6 +7295,119 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 portalPadding: number;
                 zIndex: number;
             };
+            drawer: () => {
+                widthSm: number;
+                widthMd: number;
+                widthLg: number;
+                headerHeight: number;
+                headerPaddingX: number;
+                headerPaddingY: number;
+                headerGap: number;
+                titleFontSize: number;
+                titleLineHeight: number;
+                contentPaddingX: number;
+                footerPadding: number;
+                outerPadding: number;
+                containerRadius: number;
+                contentRadius: number;
+                stepperPadding: number;
+                stepperRadius: number;
+                stepperContentGap: number;
+                scrimColor: string;
+                animationDuration: number;
+                zIndex: number;
+            };
+            sidebar: () => {
+                widthExpanded: number;
+                widthCollapsed: number;
+                radius: number;
+                itemHeight: number;
+                iconSize: number;
+                padding: number;
+                sectionLabelHeight: number;
+                nestedItemPaddingLeft: number;
+                nestedItemRailLeft: number;
+                chevronSize: number;
+                externalIconSize: number;
+                chatBadgeSize: number;
+                itemBadgeSize: number;
+                focusOutlineWidth: number;
+                scrollbarWidth: number;
+                popoverGap: number;
+                popoverViewportPadding: number;
+                popoverMinWidth: number;
+                popoverMaxWidth: number;
+                popoverShadow: string;
+                popoverZIndex: number;
+                transitionWidth: string;
+                transitionFadeIn: string;
+                transitionFadeOut: string;
+                transitionItem: string;
+                transitionRows: string;
+            };
+            stepperB2b: () => {
+                chipSize: number;
+                chipRadius: number;
+                chipPaddingTop: number;
+                chipPaddingBottom: number;
+                chipPaddingX: number;
+                chipIconSize: number;
+                numberFontSize: number;
+                numberLineHeight: number;
+                titleFontSize: number;
+                titleLineHeight: number;
+                descriptionFontSize: number;
+                descriptionLineHeight: number;
+                captionFontSize: number;
+                captionLineHeight: number;
+                itemGap: number;
+                contentGap: number;
+                contentMinHeight: number;
+                contentWidth: number;
+                activeCardRadiusVertical: number;
+                activeCardRadiusHorizontal: number;
+                activeCardPaddingTop: number;
+                activeCardPaddingX: number;
+                activeCardPaddingYHorizontal: number;
+                activeCardPaddingLeftHorizontal: number;
+                activeCardGapHorizontal: number;
+                innerConnectorLength: number;
+                connectorSegment: number;
+                connectorCellHeight: number;
+                connectorCellWidth: number;
+                surfaceRadius: number;
+                surfacePaddingVertical: number;
+                surfacePaddingHorizontal: number;
+                horizontalItemGap: number;
+                horizontalFirstItemWidth: number;
+                horizontalItemWidth: number;
+                horizontalConnectorSegment: number;
+                horizontalConnectorGap: number;
+                simpleCardPadding: number;
+                simpleCardRadius: number;
+                simpleCardGap: number;
+                simpleItemGap: number;
+                simpleHorizontalCellWidth: number;
+                simpleHorizontalStubLength: number;
+            };
+            collapsibleB2b: () => {
+                triggerPadding: number;
+                triggerGap: number;
+                triggerMinHeight: number;
+                surfaceRadius: number;
+                cellRadius: number;
+                iconSlotSize: number;
+                iconSlotRadius: number;
+                chevronSize: number;
+                trailingGap: number;
+                textGap: number;
+                titleFontSize: number;
+                titleLineHeight: number;
+                captionFontSize: number;
+                captionLineHeight: number;
+                panelPadding: number;
+                accordionItemGap: number;
+            };
             toast: () => {
                 minHeight: number;
                 paddingHorizontal: number;