@xsolla/xui-icons-flag 0.212.0 → 0.213.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,8 +1,14 @@
1
1
  import React from 'react';
2
+ import { IconSize } from '@xsolla/xui-primitives-core';
2
3
 
3
4
  interface FlagIconProps {
4
- /** Size in pixels (width and height). Default: 24 */
5
- size?: number;
5
+ /**
6
+ * Size (width and height) in pixels (`number`) or as a CSS length
7
+ * (`string`) — use `"100%"` to fill a container sized by the parent. On
8
+ * React Native only numbers and percentages apply; other CSS lengths warn
9
+ * and fall back to 24. Default: 24
10
+ */
11
+ size?: IconSize;
6
12
  /** Additional CSS class */
7
13
  className?: string;
8
14
  /** Inline styles */
package/native/index.d.ts CHANGED
@@ -1,8 +1,14 @@
1
1
  import React from 'react';
2
+ import { IconSize } from '@xsolla/xui-primitives-core';
2
3
 
3
4
  interface FlagIconProps {
4
- /** Size in pixels (width and height). Default: 24 */
5
- size?: number;
5
+ /**
6
+ * Size (width and height) in pixels (`number`) or as a CSS length
7
+ * (`string`) — use `"100%"` to fill a container sized by the parent. On
8
+ * React Native only numbers and percentages apply; other CSS lengths warn
9
+ * and fall back to 24. Default: 24
10
+ */
11
+ size?: IconSize;
6
12
  /** Additional CSS class */
7
13
  className?: string;
8
14
  /** Inline styles */
package/native/index.js CHANGED
@@ -282,6 +282,7 @@ module.exports = __toCommonJS(index_exports);
282
282
  // src/FlagIcon.native.tsx
283
283
  var import_react_native = require("react-native");
284
284
  var import_react_native_svg = require("react-native-svg");
285
+ var import_xui_primitives_core = require("@xsolla/xui-primitives-core");
285
286
  var import_jsx_runtime = require("react/jsx-runtime");
286
287
  var FlagIcon = ({
287
288
  size = 24,
@@ -290,9 +291,10 @@ var FlagIcon = ({
290
291
  testID,
291
292
  "aria-label": ariaLabel
292
293
  }) => {
294
+ const resolvedSize = (0, import_xui_primitives_core.resolveNativeIconSize)(size, 24);
293
295
  const containerStyle = {
294
- width: size,
295
- height: size,
296
+ width: resolvedSize,
297
+ height: resolvedSize,
296
298
  alignItems: "center",
297
299
  justifyContent: "center",
298
300
  ...style