@xsolla/xui-input-phone 0.127.0 → 0.129.0

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.
@@ -1,4 +1,5 @@
1
1
  import React, { ReactNode, InputHTMLAttributes } from 'react';
2
+ import { ThemeOverrideProps } from '@xsolla/xui-core';
2
3
 
3
4
  /**
4
5
  * Country data for phone input
@@ -13,7 +14,7 @@ interface Country {
13
14
  /** Flag icon component */
14
15
  flag?: ReactNode;
15
16
  }
16
- interface InputPhoneProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "onChange"> {
17
+ interface InputPhoneProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "onChange">, ThemeOverrideProps {
17
18
  /**
18
19
  * Property for specifying the value of the control.
19
20
  */
package/native/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import React, { ReactNode, InputHTMLAttributes } from 'react';
2
+ import { ThemeOverrideProps } from '@xsolla/xui-core';
2
3
 
3
4
  /**
4
5
  * Country data for phone input
@@ -13,7 +14,7 @@ interface Country {
13
14
  /** Flag icon component */
14
15
  flag?: ReactNode;
15
16
  }
16
- interface InputPhoneProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "onChange"> {
17
+ interface InputPhoneProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "onChange">, ThemeOverrideProps {
17
18
  /**
18
19
  * Property for specifying the value of the control.
19
20
  */
package/native/index.js CHANGED
@@ -86,6 +86,10 @@ var Box = ({
86
86
  left,
87
87
  right,
88
88
  width,
89
+ minWidth,
90
+ minHeight,
91
+ maxWidth,
92
+ maxHeight,
89
93
  flex,
90
94
  overflow,
91
95
  zIndex,
@@ -117,6 +121,10 @@ var Box = ({
117
121
  zIndex,
118
122
  height,
119
123
  width,
124
+ minWidth,
125
+ minHeight,
126
+ maxWidth,
127
+ maxHeight,
120
128
  padding,
121
129
  paddingHorizontal,
122
130
  paddingVertical,
@@ -245,7 +253,7 @@ var Text = ({
245
253
  }
246
254
  const incomingStyle = import_react_native2.StyleSheet.flatten(styleProp);
247
255
  const baseStyle = {
248
- color,
256
+ color: color ?? incomingStyle?.color,
249
257
  fontSize: typeof fontSize === "number" ? fontSize : void 0,
250
258
  fontWeight,
251
259
  fontFamily: resolvedFontFamily,
@@ -2357,9 +2365,11 @@ var InputPhone = (0, import_react3.forwardRef)(
2357
2365
  checkedIcon = /* @__PURE__ */ (0, import_jsx_runtime258.jsx)(CheckCr, {}),
2358
2366
  id: providedId,
2359
2367
  "aria-label": ariaLabel,
2360
- testID
2368
+ testID,
2369
+ themeMode,
2370
+ themeProductContext
2361
2371
  }, ref) => {
2362
- const { theme } = (0, import_xui_core.useDesignSystem)();
2372
+ const { theme } = (0, import_xui_core.useResolvedTheme)({ themeMode, themeProductContext });
2363
2373
  const [internalState, setInternalState] = (0, import_react3.useState)(
2364
2374
  "default"
2365
2375
  );