@xsolla/xui-input-phone 0.128.0 → 0.130.0

package/web/index.mjs

@@ -44,6 +44,8 @@ var StyledBox = styled.div`
   width: ${(props) => typeof props.width === "number" ? `${props.width}px` : props.width || "auto"};
   min-width: ${(props) => typeof props.minWidth === "number" ? `${props.minWidth}px` : props.minWidth || "auto"};
   min-height: ${(props) => typeof props.minHeight === "number" ? `${props.minHeight}px` : props.minHeight || "auto"};
+  max-width: ${(props) => typeof props.maxWidth === "number" ? `${props.maxWidth}px` : props.maxWidth || "none"};
+  max-height: ${(props) => typeof props.maxHeight === "number" ? `${props.maxHeight}px` : props.maxHeight || "none"};
 
   padding: ${(props) => typeof props.padding === "number" ? `${props.padding}px` : props.padding || 0};
   ${(props) => props.paddingHorizontal && `
@@ -338,7 +340,11 @@ var InputPrimitive = forwardRef(
 InputPrimitive.displayName = "InputPrimitive";
 
 // src/InputPhone.tsx
-import { useDesignSystem, useId, isWeb } from "@xsolla/xui-core";
+import {
+  useResolvedTheme,
+  useId,
+  isWeb
+} from "@xsolla/xui-core";
 
 // ../icons-base/src/BaseIcon.tsx
 import styled5 from "styled-components";
@@ -2275,9 +2281,11 @@ var InputPhone = forwardRef2(
     checkedIcon = /* @__PURE__ */ jsx258(CheckCr, {}),
     id: providedId,
     "aria-label": ariaLabel,
-    testID
+    testID,
+    themeMode,
+    themeProductContext
   }, ref) => {
-    const { theme } = useDesignSystem();
+    const { theme } = useResolvedTheme({ themeMode, themeProductContext });
     const [internalState, setInternalState] = useState(
       "default"
     );