@xsolla/xui-stepper 0.78.0 → 0.79.0-pr124.1769766602

package/native/index.d.mts

@@ -1,4 +1,5 @@
-import React, { ReactElement } from 'react';
+import * as React from 'react';
+import React__default, { ReactElement } from 'react';
 import { BoxProps } from '@xsolla/xui-primitives-core';
 
 type StepperDirectionType = "horizontal" | "vertical";
@@ -81,10 +82,10 @@ interface StepperProps extends Omit<BoxProps, "onClick"> {
 
 declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<any>>;
 
-declare const ProgressStep: React.FC<ProgressStepProps>;
+declare const ProgressStep: React__default.FC<ProgressStepProps>;
 
-declare const ProgressStepItem: React.FC<ProgressStepItemProps>;
+declare const ProgressStepItem: React__default.FC<ProgressStepItemProps>;
 
-declare const Step: React.FC<StepProps>;
+declare const Step: React__default.FC<StepProps>;
 
 export { ProgressStep, ProgressStepItem, type ProgressStepItemProps, type ProgressStepItemState, type ProgressStepProps, type ProgressStepSize, Step, type StepClickType, type StepProps, type StepStateType, type StepType, Stepper, type StepperDirectionType, type StepperPaletteType, type StepperProps, type StepperSize, type StepperUIVariantType };

package/native/index.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactElement } from 'react';
+import * as React from 'react';
+import React__default, { ReactElement } from 'react';
 import { BoxProps } from '@xsolla/xui-primitives-core';
 
 type StepperDirectionType = "horizontal" | "vertical";
@@ -81,10 +82,10 @@ interface StepperProps extends Omit<BoxProps, "onClick"> {
 
 declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<any>>;
 
-declare const ProgressStep: React.FC<ProgressStepProps>;
+declare const ProgressStep: React__default.FC<ProgressStepProps>;
 
-declare const ProgressStepItem: React.FC<ProgressStepItemProps>;
+declare const ProgressStepItem: React__default.FC<ProgressStepItemProps>;
 
-declare const Step: React.FC<StepProps>;
+declare const Step: React__default.FC<StepProps>;
 
 export { ProgressStep, ProgressStepItem, type ProgressStepItemProps, type ProgressStepItemState, type ProgressStepProps, type ProgressStepSize, Step, type StepClickType, type StepProps, type StepStateType, type StepType, Stepper, type StepperDirectionType, type StepperPaletteType, type StepperProps, type StepperSize, type StepperUIVariantType };

package/native/index.js

@@ -250,7 +250,6 @@ var Spinner = ({
   role,
   "aria-label": ariaLabel,
   "aria-live": ariaLive,
-  "aria-describedby": ariaDescribedBy,
   testID
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -350,14 +349,11 @@ var InputPrimitive = (0, import_react2.forwardRef)(
     fontSize,
     placeholderTextColor,
     maxLength,
-    name,
     type,
     inputMode,
     autoComplete,
     id,
-    "aria-invalid": ariaInvalid,
     "aria-describedby": ariaDescribedBy,
-    "aria-labelledby": ariaLabelledBy,
     "aria-label": ariaLabel,
     "aria-disabled": ariaDisabled,
     "data-testid": dataTestId
@@ -449,9 +445,7 @@ var TextAreaPrimitive = (0, import_react3.forwardRef)(
     maxLength,
     rows,
     id,
-    "aria-invalid": ariaInvalid,
     "aria-describedby": ariaDescribedBy,
-    "aria-labelledby": ariaLabelledBy,
     "aria-label": ariaLabel,
     "aria-disabled": ariaDisabled,
     "data-testid": dataTestId
@@ -808,17 +802,13 @@ var StepState = ({
   size,
   step,
   variantUI,
-  disabled,
-  noClick,
   palette,
   theme,
   mode,
   sizeStyles,
-  className,
-  isLast = false
+  className
 }) => {
   const paletteColor = getPaletteColor(palette, theme, "active");
-  const paletteTextColor = getPaletteColor(palette, theme, "text");
   const iconStyles = (0, import_react5.useMemo)(() => {
     if (variantUI === "simple") {
       switch (state) {
@@ -922,73 +912,6 @@ var StepState = ({
       }
     }
   }, [state, variantUI, theme, paletteColor]);
-  const iconHoverStyles = (0, import_react5.useMemo)(() => {
-    if (disabled || noClick) return {};
-    if (variantUI === "simple") {
-      if (isLast) {
-        return {
-          backgroundColor: paletteColor,
-          borderColor: paletteColor,
-          color: theme.colors.content.static.light,
-          opacity: 0.9
-        };
-      }
-      switch (state) {
-        case "current":
-          return {
-            backgroundColor: paletteColor,
-            borderColor: paletteColor,
-            opacity: 0.9
-          };
-        case "incomplete":
-          return {
-            borderColor: paletteColor,
-            color: paletteColor,
-            opacity: 0.9
-          };
-        case "loading":
-          return {
-            color: paletteColor,
-            opacity: 0.9
-          };
-        case "complete":
-          return {
-            borderColor: paletteColor,
-            color: paletteColor,
-            opacity: 0.9
-          };
-        case "alert":
-        case "warning":
-          return {};
-        default:
-          return {};
-      }
-    } else {
-      switch (state) {
-        case "current":
-          return {
-            backgroundColor: theme.colors.control.brand.primary.bgHover
-          };
-        case "incomplete":
-          return {
-            backgroundColor: theme.colors.control.input.bgHover || theme.colors.control.input.bg
-          };
-        case "loading":
-          return {
-            color: theme.colors.control.brand.primary.bgHover
-          };
-        case "complete":
-          return {
-            backgroundColor: theme.colors.control.brand.primary.bgHover
-          };
-        case "alert":
-        case "warning":
-          return {};
-        default:
-          return {};
-      }
-    }
-  }, [state, variantUI, disabled, noClick, theme, paletteColor]);
   const iconSize = 18;
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     Box,

package/native/index.js.flow

@@ -5,7 +5,8 @@
  * @flow
  */
 
-import React, { Element } from "react";
+import * as React from "react";
+import React__default, { Element } from "react";
 import { BoxProps } from "@xsolla/xui-primitives-core";
 declare type StepperDirectionType = "horizontal" | "vertical";
 declare type StepperUIVariantType = "current" | "simple";
@@ -102,9 +103,9 @@ declare var Stepper: React.ForwardRefExoticComponent<{
   ...StepperProps,
   ...React.RefAttributes<any>,
 }>;
-declare var ProgressStep: React.FC<ProgressStepProps>;
-declare var ProgressStepItem: React.FC<ProgressStepItemProps>;
-declare var Step: React.FC<StepProps>;
+declare var ProgressStep: React__default.FC<ProgressStepProps>;
+declare var ProgressStepItem: React__default.FC<ProgressStepItemProps>;
+declare var Step: React__default.FC<StepProps>;
 export type {
   ProgressStepItemProps,
   ProgressStepItemState,