@xsolla/xui-icons-flag 0.212.0 → 0.213.1
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.
- package/native/index.d.mts +8 -2
- package/native/index.d.ts +8 -2
- package/native/index.js +4 -2
- package/native/index.js.map +1 -1
- package/native/index.mjs +4 -2
- package/native/index.mjs.map +1 -1
- package/package.json +5 -3
- package/web/index.d.mts +8 -2
- package/web/index.d.ts +8 -2
- package/web/index.js +4 -3
- package/web/index.js.map +1 -1
- package/web/index.mjs +4 -3
- package/web/index.mjs.map +1 -1
package/native/index.d.mts
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
|
-
/**
|
|
5
|
-
|
|
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
|
-
/**
|
|
5
|
-
|
|
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:
|
|
295
|
-
height:
|
|
296
|
+
width: resolvedSize,
|
|
297
|
+
height: resolvedSize,
|
|
296
298
|
alignItems: "center",
|
|
297
299
|
justifyContent: "center",
|
|
298
300
|
...style
|