@xsolla/xui-input-phone 0.212.0 → 0.213.1

package/native/index.mjs

@@ -486,6 +486,7 @@ import {
 
 // ../../foundation/icons-base/src/BaseIcon.tsx
 import styled from "styled-components";
+import { resolveIconSize } from "@xsolla/xui-primitives-core";
 import { jsx as jsx5 } from "react/jsx-runtime";
 var StyledIcon = styled.div`
   display: inline-flex;
@@ -514,7 +515,7 @@ var BaseIcon = ({
   "aria-hidden": ariaHidden
 }) => {
   const svgContent247 = variant === "line" ? lineContent5 : solidContent5;
-  const sizeValue = typeof size === "number" ? `${size}px` : size;
+  const sizeValue = resolveIconSize(size);
   return /* @__PURE__ */ jsx5(
     StyledIcon,
     {
@@ -557,13 +558,14 @@ var Search = (props) => /* @__PURE__ */ jsx9(BaseIcon, { ...props, solidContent:
 
 // ../../foundation/icons-flag/src/FlagIcon.tsx
 import styled2 from "styled-components";
+import { resolveIconSize as resolveIconSize2 } from "@xsolla/xui-primitives-core";
 import { jsx as jsx10 } from "react/jsx-runtime";
 var StyledFlagIcon = styled2.div`
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: ${(props) => props.$size}px;
-  height: ${(props) => props.$size}px;
+  width: ${(props) => props.$size};
+  height: ${(props) => props.$size};
 
   svg {
     width: 100%;
@@ -582,7 +584,7 @@ var FlagIcon = ({
 }) => /* @__PURE__ */ jsx10(
   StyledFlagIcon,
   {
-    $size: size,
+    $size: resolveIconSize2(size),
     className,
     style,
     "data-testid": testId || testID,