@xsolla/xui-icons-currency 0.211.1 → 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.
Files changed (13) hide show
  1. package/native/index.d.mts +7 -2
  2. package/native/index.d.ts +7 -2
  3. package/native/index.js +4 -2
  4. package/native/index.js.map +1 -1
  5. package/native/index.mjs +4 -2
  6. package/native/index.mjs.map +1 -1
  7. package/package.json +5 -3
  8. package/web/index.d.mts +7 -2
  9. package/web/index.d.ts +7 -2
  10. package/web/index.js +4 -3
  11. package/web/index.js.map +1 -1
  12. package/web/index.mjs +4 -3
  13. package/web/index.mjs.map +1 -1
package/native/index.d.mts CHANGED
@@ -1,11 +1,16 @@
1
1
  import React from 'react';
2
+ import { IconSize } from '@xsolla/xui-primitives-core';
2
3
 
3
4
  type IconVariant = "colored" | "mono";
4
5
  interface CurrencyIconProps {
5
6
  /** Icon variant style. Default: 'colored' */
6
7
  variant?: IconVariant;
7
- /** Size in pixels. Default: 24 */
8
- size?: number;
8
+ /**
9
+ * Size in pixels (`number`) or as a CSS length (`string`) — use `"100%"` to
10
+ * fill a container sized by the parent. On React Native only numbers and
11
+ * percentages apply; other CSS lengths warn and fall back to 24. Default: 24
12
+ */
13
+ size?: IconSize;
9
14
  /** Icon color (only applies to mono variant). Default: 'currentColor' */
10
15
  color?: string;
11
16
  /** Additional CSS class */
package/native/index.d.ts CHANGED
@@ -1,11 +1,16 @@
1
1
  import React from 'react';
2
+ import { IconSize } from '@xsolla/xui-primitives-core';
2
3
 
3
4
  type IconVariant = "colored" | "mono";
4
5
  interface CurrencyIconProps {
5
6
  /** Icon variant style. Default: 'colored' */
6
7
  variant?: IconVariant;
7
- /** Size in pixels. Default: 24 */
8
- size?: number;
8
+ /**
9
+ * Size in pixels (`number`) or as a CSS length (`string`) — use `"100%"` to
10
+ * fill a container sized by the parent. On React Native only numbers and
11
+ * percentages apply; other CSS lengths warn and fall back to 24. Default: 24
12
+ */
13
+ size?: IconSize;
9
14
  /** Icon color (only applies to mono variant). Default: 'currentColor' */
10
15
  color?: string;
11
16
  /** Additional CSS class */
package/native/index.js CHANGED
@@ -33,6 +33,7 @@ module.exports = __toCommonJS(index_exports);
33
33
 
34
34
  // src/BaseIcon.native.tsx
35
35
  var import_react_native_svg = require("react-native-svg");
36
+ var import_xui_primitives_core = require("@xsolla/xui-primitives-core");
36
37
  var import_jsx_runtime = require("react/jsx-runtime");
37
38
  var BaseIcon = ({
38
39
  variant = "colored",
@@ -45,12 +46,13 @@ var BaseIcon = ({
45
46
  "aria-label": ariaLabel
46
47
  }) => {
47
48
  const svgContent = variant === "colored" ? coloredContent8 : monoContent8;
49
+ const resolvedSize = (0, import_xui_primitives_core.resolveNativeIconSize)(size, 24);
48
50
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
49
51
  import_react_native_svg.SvgXml,
50
52
  {
51
53
  xml: svgContent,
52
- width: size,
53
- height: size,
54
+ width: resolvedSize,
55
+ height: resolvedSize,
54
56
  color,
55
57
  style,
56
58
  testID,
package/native/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/index.ts","../../src/BaseIcon.native.tsx","../../src/components/GreenOrb.tsx","../../src/components/LoyaltyPoint.tsx","../../src/components/PlayTime.tsx","../../src/components/XsollaGold.tsx","../../src/components/XsollaPoint.tsx","../../src/components/XsollaTicket.tsx","../../src/components/XsollaZk.tsx"],"sourcesContent":["// Auto-generated - do not edit manually\nexport { BaseIcon } from \"./BaseIcon\";\nexport type {\n CurrencyIconProps,\n CurrencyIconComponent,\n IconVariant,\n} from \"./types\";\n\nexport { GreenOrb } from \"./components/GreenOrb\";\nexport { LoyaltyPoint } from \"./components/LoyaltyPoint\";\nexport { PlayTime } from \"./components/PlayTime\";\nexport { XsollaGold } from \"./components/XsollaGold\";\nexport { XsollaPoint } from \"./components/XsollaPoint\";\nexport { XsollaTicket } from \"./components/XsollaTicket\";\nexport { XsollaZk } from \"./components/XsollaZk\";\n","import React from \"react\";\nimport { SvgXml } from \"react-native-svg\";\nimport type { CurrencyIconInternalProps } from \"./types\";\n\nexport const BaseIcon: React.FC<CurrencyIconInternalProps> = ({\n variant = \"colored\",\n size = 24,\n color = \"currentColor\",\n coloredContent,\n monoContent,\n style,\n testID,\n \"aria-label\": ariaLabel,\n}) => {\n const svgContent = variant === \"colored\" ? coloredContent : monoContent;\n\n return (\n <SvgXml\n xml={svgContent}\n width={size}\n height={size}\n color={color}\n style={style}\n testID={testID}\n accessible={!!ariaLabel}\n accessibilityLabel={ariaLabel}\n />\n );\n};\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M23.0004 12L12 23.0004L0.999603 12L12 0.999609L23.0004 12ZM7.99921 12L12 16.0008L16.0008 12L12 7.99922L7.99921 12Z\" fill=\"#D9FF66\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M23.0004 12L12 23.0004L0.999603 12L12 0.999609L23.0004 12ZM7.99921 12L12 16.0008L16.0008 12L12 7.99922L7.99921 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const GreenOrb: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM10.7012 10.2607H6.5L9.89941 12.7393L8.60059 16.75L12 14.2715L15.3994 16.75L14.1006 12.7393L17.5 10.2607H13.2979L12 6.25L10.7012 10.2607Z\" fill=\"#80EAFF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM10.7012 10.2607H6.5L9.89941 12.7393L8.60059 16.75L12 14.2715L15.3994 16.75L14.1006 12.7393L17.5 10.2607H13.2979L12 6.25L10.7012 10.2607Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const LoyaltyPoint: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 7V17L12 22L3 17V7L12 2L21 7ZM8 12L11.9893 16.001L15.9795 12L11.9893 7.99902L8 12Z\" fill=\"#9580FF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 7V17L12 22L3 17V7L12 2L21 7ZM8 12L11.9893 16.001L15.9795 12L11.9893 7.99902L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const PlayTime: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 21H3V3H21V21ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" fill=\"#F6DB55\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 21H3V3H21V21ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaGold: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" fill=\"#80EAFF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaPoint: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M8.5 3C8.5 4.933 10.067 6.5 12 6.5C13.933 6.5 15.5 4.933 15.5 3H19V21H15.5C15.5 19.067 13.933 17.5 12 17.5C10.067 17.5 8.5 19.067 8.5 21H5V3H8.5Z\" fill=\"#FFB2BF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M8.5 3C8.5 4.933 10.067 6.5 12 6.5C13.933 6.5 15.5 4.933 15.5 3H19V21H15.5C15.5 19.067 13.933 17.5 12 17.5C10.067 17.5 8.5 19.067 8.5 21H5V3H8.5Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaTicket: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M22 7L17 12L21.9854 16.9854L16.9854 21.9854L12 17L7 22L2 17L7 12L2 7L7 2L12 7L17 2L22 7ZM8 12L12.001 16L16.001 12L12.001 7.99903L8 12Z\" fill=\"#E89331\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M22 7L17 12L21.9854 16.9854L16.9854 21.9854L12 17L7 22L2 17L7 12L2 7L7 2L12 7L17 2L22 7ZM8 12L12.001 16L16.001 12L12.001 7.99903L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaZk: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,8BAAuB;AAgBnB;AAbG,IAAM,WAAgD,CAAC;AAAA,EAC5D,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,gBAAAA;AAAA,EACA,aAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,MAAM;AACJ,QAAM,aAAa,YAAY,YAAYD,kBAAiBC;AAE5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,CAAC,CAAC;AAAA,MACd,oBAAoB;AAAA;AAAA,EACtB;AAEJ;;;ACnBE,IAAAC,sBAAA;AAJF,IAAM,iBAAiB;AACvB,IAAM,cAAc;AAEb,IAAM,WAAwC,CAAC,UACpD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA;AAAA;AACF;;;ACJA,IAAAC,sBAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,eAA4C,CAAC,UACxD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBD;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,IAAAC,sBAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,WAAwC,CAAC,UACpD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBD;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,IAAAC,sBAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,aAA0C,CAAC,UACtD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBD;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,IAAAC,sBAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,cAA2C,CAAC,UACvD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBD;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,IAAAC,sBAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,eAA4C,CAAC,UACxD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBD;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,IAAAC,sBAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,WAAwC,CAAC,UACpD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBD;AAAA,IAChB,aAAaC;AAAA;AACf;","names":["coloredContent","monoContent","import_jsx_runtime","import_jsx_runtime","coloredContent","monoContent","import_jsx_runtime","coloredContent","monoContent","import_jsx_runtime","coloredContent","monoContent","import_jsx_runtime","coloredContent","monoContent","import_jsx_runtime","coloredContent","monoContent","import_jsx_runtime","coloredContent","monoContent"]}
1
+ {"version":3,"sources":["../../src/index.ts","../../src/BaseIcon.native.tsx","../../src/components/GreenOrb.tsx","../../src/components/LoyaltyPoint.tsx","../../src/components/PlayTime.tsx","../../src/components/XsollaGold.tsx","../../src/components/XsollaPoint.tsx","../../src/components/XsollaTicket.tsx","../../src/components/XsollaZk.tsx"],"sourcesContent":["// Auto-generated - do not edit manually\nexport { BaseIcon } from \"./BaseIcon\";\nexport type {\n CurrencyIconProps,\n CurrencyIconComponent,\n IconVariant,\n} from \"./types\";\n\nexport { GreenOrb } from \"./components/GreenOrb\";\nexport { LoyaltyPoint } from \"./components/LoyaltyPoint\";\nexport { PlayTime } from \"./components/PlayTime\";\nexport { XsollaGold } from \"./components/XsollaGold\";\nexport { XsollaPoint } from \"./components/XsollaPoint\";\nexport { XsollaTicket } from \"./components/XsollaTicket\";\nexport { XsollaZk } from \"./components/XsollaZk\";\n","import React from \"react\";\nimport { SvgXml } from \"react-native-svg\";\nimport { resolveNativeIconSize } from \"@xsolla/xui-primitives-core\";\nimport type { CurrencyIconInternalProps } from \"./types\";\n\nexport const BaseIcon: React.FC<CurrencyIconInternalProps> = ({\n variant = \"colored\",\n size = 24,\n color = \"currentColor\",\n coloredContent,\n monoContent,\n style,\n testID,\n \"aria-label\": ariaLabel,\n}) => {\n const svgContent = variant === \"colored\" ? coloredContent : monoContent;\n const resolvedSize = resolveNativeIconSize(size, 24);\n\n return (\n <SvgXml\n xml={svgContent}\n width={resolvedSize}\n height={resolvedSize}\n color={color}\n style={style}\n testID={testID}\n accessible={!!ariaLabel}\n accessibilityLabel={ariaLabel}\n />\n );\n};\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M23.0004 12L12 23.0004L0.999603 12L12 0.999609L23.0004 12ZM7.99921 12L12 16.0008L16.0008 12L12 7.99922L7.99921 12Z\" fill=\"#D9FF66\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M23.0004 12L12 23.0004L0.999603 12L12 0.999609L23.0004 12ZM7.99921 12L12 16.0008L16.0008 12L12 7.99922L7.99921 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const GreenOrb: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM10.7012 10.2607H6.5L9.89941 12.7393L8.60059 16.75L12 14.2715L15.3994 16.75L14.1006 12.7393L17.5 10.2607H13.2979L12 6.25L10.7012 10.2607Z\" fill=\"#80EAFF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM10.7012 10.2607H6.5L9.89941 12.7393L8.60059 16.75L12 14.2715L15.3994 16.75L14.1006 12.7393L17.5 10.2607H13.2979L12 6.25L10.7012 10.2607Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const LoyaltyPoint: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 7V17L12 22L3 17V7L12 2L21 7ZM8 12L11.9893 16.001L15.9795 12L11.9893 7.99902L8 12Z\" fill=\"#9580FF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 7V17L12 22L3 17V7L12 2L21 7ZM8 12L11.9893 16.001L15.9795 12L11.9893 7.99902L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const PlayTime: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 21H3V3H21V21ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" fill=\"#F6DB55\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 21H3V3H21V21ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaGold: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" fill=\"#80EAFF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaPoint: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M8.5 3C8.5 4.933 10.067 6.5 12 6.5C13.933 6.5 15.5 4.933 15.5 3H19V21H15.5C15.5 19.067 13.933 17.5 12 17.5C10.067 17.5 8.5 19.067 8.5 21H5V3H8.5Z\" fill=\"#FFB2BF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M8.5 3C8.5 4.933 10.067 6.5 12 6.5C13.933 6.5 15.5 4.933 15.5 3H19V21H15.5C15.5 19.067 13.933 17.5 12 17.5C10.067 17.5 8.5 19.067 8.5 21H5V3H8.5Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaTicket: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M22 7L17 12L21.9854 16.9854L16.9854 21.9854L12 17L7 22L2 17L7 12L2 7L7 2L12 7L17 2L22 7ZM8 12L12.001 16L16.001 12L12.001 7.99903L8 12Z\" fill=\"#E89331\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M22 7L17 12L21.9854 16.9854L16.9854 21.9854L12 17L7 22L2 17L7 12L2 7L7 2L12 7L17 2L22 7ZM8 12L12.001 16L16.001 12L12.001 7.99903L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaZk: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,8BAAuB;AACvB,iCAAsC;AAiBlC;AAdG,IAAM,WAAgD,CAAC;AAAA,EAC5D,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,gBAAAA;AAAA,EACA,aAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,MAAM;AACJ,QAAM,aAAa,YAAY,YAAYD,kBAAiBC;AAC5D,QAAM,mBAAe,kDAAsB,MAAM,EAAE;AAEnD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,CAAC,CAAC;AAAA,MACd,oBAAoB;AAAA;AAAA,EACtB;AAEJ;;;ACrBE,IAAAC,sBAAA;AAJF,IAAM,iBAAiB;AACvB,IAAM,cAAc;AAEb,IAAM,WAAwC,CAAC,UACpD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA;AAAA;AACF;;;ACJA,IAAAC,sBAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,eAA4C,CAAC,UACxD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBD;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,IAAAC,sBAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,WAAwC,CAAC,UACpD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBD;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,IAAAC,sBAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,aAA0C,CAAC,UACtD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBD;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,IAAAC,sBAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,cAA2C,CAAC,UACvD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBD;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,IAAAC,sBAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,eAA4C,CAAC,UACxD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBD;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,IAAAC,sBAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,WAAwC,CAAC,UACpD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBD;AAAA,IAChB,aAAaC;AAAA;AACf;","names":["coloredContent","monoContent","import_jsx_runtime","import_jsx_runtime","coloredContent","monoContent","import_jsx_runtime","coloredContent","monoContent","import_jsx_runtime","coloredContent","monoContent","import_jsx_runtime","coloredContent","monoContent","import_jsx_runtime","coloredContent","monoContent","import_jsx_runtime","coloredContent","monoContent"]}
package/native/index.mjs CHANGED
@@ -1,5 +1,6 @@
1
1
  // src/BaseIcon.native.tsx
2
2
  import { SvgXml } from "react-native-svg";
3
+ import { resolveNativeIconSize } from "@xsolla/xui-primitives-core";
3
4
  import { jsx } from "react/jsx-runtime";
4
5
  var BaseIcon = ({
5
6
  variant = "colored",
@@ -12,12 +13,13 @@ var BaseIcon = ({
12
13
  "aria-label": ariaLabel
13
14
  }) => {
14
15
  const svgContent = variant === "colored" ? coloredContent8 : monoContent8;
16
+ const resolvedSize = resolveNativeIconSize(size, 24);
15
17
  return /* @__PURE__ */ jsx(
16
18
  SvgXml,
17
19
  {
18
20
  xml: svgContent,
19
- width: size,
20
- height: size,
21
+ width: resolvedSize,
22
+ height: resolvedSize,
21
23
  color,
22
24
  style,
23
25
  testID,
package/native/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/BaseIcon.native.tsx","../../src/components/GreenOrb.tsx","../../src/components/LoyaltyPoint.tsx","../../src/components/PlayTime.tsx","../../src/components/XsollaGold.tsx","../../src/components/XsollaPoint.tsx","../../src/components/XsollaTicket.tsx","../../src/components/XsollaZk.tsx"],"sourcesContent":["import React from \"react\";\nimport { SvgXml } from \"react-native-svg\";\nimport type { CurrencyIconInternalProps } from \"./types\";\n\nexport const BaseIcon: React.FC<CurrencyIconInternalProps> = ({\n variant = \"colored\",\n size = 24,\n color = \"currentColor\",\n coloredContent,\n monoContent,\n style,\n testID,\n \"aria-label\": ariaLabel,\n}) => {\n const svgContent = variant === \"colored\" ? coloredContent : monoContent;\n\n return (\n <SvgXml\n xml={svgContent}\n width={size}\n height={size}\n color={color}\n style={style}\n testID={testID}\n accessible={!!ariaLabel}\n accessibilityLabel={ariaLabel}\n />\n );\n};\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M23.0004 12L12 23.0004L0.999603 12L12 0.999609L23.0004 12ZM7.99921 12L12 16.0008L16.0008 12L12 7.99922L7.99921 12Z\" fill=\"#D9FF66\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M23.0004 12L12 23.0004L0.999603 12L12 0.999609L23.0004 12ZM7.99921 12L12 16.0008L16.0008 12L12 7.99922L7.99921 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const GreenOrb: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM10.7012 10.2607H6.5L9.89941 12.7393L8.60059 16.75L12 14.2715L15.3994 16.75L14.1006 12.7393L17.5 10.2607H13.2979L12 6.25L10.7012 10.2607Z\" fill=\"#80EAFF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM10.7012 10.2607H6.5L9.89941 12.7393L8.60059 16.75L12 14.2715L15.3994 16.75L14.1006 12.7393L17.5 10.2607H13.2979L12 6.25L10.7012 10.2607Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const LoyaltyPoint: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 7V17L12 22L3 17V7L12 2L21 7ZM8 12L11.9893 16.001L15.9795 12L11.9893 7.99902L8 12Z\" fill=\"#9580FF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 7V17L12 22L3 17V7L12 2L21 7ZM8 12L11.9893 16.001L15.9795 12L11.9893 7.99902L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const PlayTime: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 21H3V3H21V21ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" fill=\"#F6DB55\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 21H3V3H21V21ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaGold: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" fill=\"#80EAFF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaPoint: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M8.5 3C8.5 4.933 10.067 6.5 12 6.5C13.933 6.5 15.5 4.933 15.5 3H19V21H15.5C15.5 19.067 13.933 17.5 12 17.5C10.067 17.5 8.5 19.067 8.5 21H5V3H8.5Z\" fill=\"#FFB2BF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M8.5 3C8.5 4.933 10.067 6.5 12 6.5C13.933 6.5 15.5 4.933 15.5 3H19V21H15.5C15.5 19.067 13.933 17.5 12 17.5C10.067 17.5 8.5 19.067 8.5 21H5V3H8.5Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaTicket: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M22 7L17 12L21.9854 16.9854L16.9854 21.9854L12 17L7 22L2 17L7 12L2 7L7 2L12 7L17 2L22 7ZM8 12L12.001 16L16.001 12L12.001 7.99903L8 12Z\" fill=\"#E89331\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M22 7L17 12L21.9854 16.9854L16.9854 21.9854L12 17L7 22L2 17L7 12L2 7L7 2L12 7L17 2L22 7ZM8 12L12.001 16L16.001 12L12.001 7.99903L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaZk: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n"],"mappings":";AACA,SAAS,cAAc;AAgBnB;AAbG,IAAM,WAAgD,CAAC;AAAA,EAC5D,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,gBAAAA;AAAA,EACA,aAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,MAAM;AACJ,QAAM,aAAa,YAAY,YAAYD,kBAAiBC;AAE5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,CAAC,CAAC;AAAA,MACd,oBAAoB;AAAA;AAAA,EACtB;AAEJ;;;ACnBE,gBAAAC,YAAA;AAJF,IAAM,iBAAiB;AACvB,IAAM,cAAc;AAEb,IAAM,WAAwC,CAAC,UACpD,gBAAAA;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA;AAAA;AACF;;;ACJA,gBAAAC,YAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,eAA4C,CAAC,UACxD,gBAAAF;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBC;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,gBAAAC,YAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,WAAwC,CAAC,UACpD,gBAAAF;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBC;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,gBAAAC,YAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,aAA0C,CAAC,UACtD,gBAAAF;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBC;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,gBAAAC,YAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,cAA2C,CAAC,UACvD,gBAAAF;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBC;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,gBAAAC,YAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,eAA4C,CAAC,UACxD,gBAAAF;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBC;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,gBAAAC,YAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,WAAwC,CAAC,UACpD,gBAAAF;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBC;AAAA,IAChB,aAAaC;AAAA;AACf;","names":["coloredContent","monoContent","jsx","jsx","coloredContent","monoContent","jsx","coloredContent","monoContent","jsx","coloredContent","monoContent","jsx","coloredContent","monoContent","jsx","coloredContent","monoContent","jsx","coloredContent","monoContent"]}
1
+ {"version":3,"sources":["../../src/BaseIcon.native.tsx","../../src/components/GreenOrb.tsx","../../src/components/LoyaltyPoint.tsx","../../src/components/PlayTime.tsx","../../src/components/XsollaGold.tsx","../../src/components/XsollaPoint.tsx","../../src/components/XsollaTicket.tsx","../../src/components/XsollaZk.tsx"],"sourcesContent":["import React from \"react\";\nimport { SvgXml } from \"react-native-svg\";\nimport { resolveNativeIconSize } from \"@xsolla/xui-primitives-core\";\nimport type { CurrencyIconInternalProps } from \"./types\";\n\nexport const BaseIcon: React.FC<CurrencyIconInternalProps> = ({\n variant = \"colored\",\n size = 24,\n color = \"currentColor\",\n coloredContent,\n monoContent,\n style,\n testID,\n \"aria-label\": ariaLabel,\n}) => {\n const svgContent = variant === \"colored\" ? coloredContent : monoContent;\n const resolvedSize = resolveNativeIconSize(size, 24);\n\n return (\n <SvgXml\n xml={svgContent}\n width={resolvedSize}\n height={resolvedSize}\n color={color}\n style={style}\n testID={testID}\n accessible={!!ariaLabel}\n accessibilityLabel={ariaLabel}\n />\n );\n};\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M23.0004 12L12 23.0004L0.999603 12L12 0.999609L23.0004 12ZM7.99921 12L12 16.0008L16.0008 12L12 7.99922L7.99921 12Z\" fill=\"#D9FF66\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M23.0004 12L12 23.0004L0.999603 12L12 0.999609L23.0004 12ZM7.99921 12L12 16.0008L16.0008 12L12 7.99922L7.99921 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const GreenOrb: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM10.7012 10.2607H6.5L9.89941 12.7393L8.60059 16.75L12 14.2715L15.3994 16.75L14.1006 12.7393L17.5 10.2607H13.2979L12 6.25L10.7012 10.2607Z\" fill=\"#80EAFF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM10.7012 10.2607H6.5L9.89941 12.7393L8.60059 16.75L12 14.2715L15.3994 16.75L14.1006 12.7393L17.5 10.2607H13.2979L12 6.25L10.7012 10.2607Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const LoyaltyPoint: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 7V17L12 22L3 17V7L12 2L21 7ZM8 12L11.9893 16.001L15.9795 12L11.9893 7.99902L8 12Z\" fill=\"#9580FF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 7V17L12 22L3 17V7L12 2L21 7ZM8 12L11.9893 16.001L15.9795 12L11.9893 7.99902L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const PlayTime: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 21H3V3H21V21ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" fill=\"#F6DB55\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 21H3V3H21V21ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaGold: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" fill=\"#80EAFF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaPoint: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M8.5 3C8.5 4.933 10.067 6.5 12 6.5C13.933 6.5 15.5 4.933 15.5 3H19V21H15.5C15.5 19.067 13.933 17.5 12 17.5C10.067 17.5 8.5 19.067 8.5 21H5V3H8.5Z\" fill=\"#FFB2BF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M8.5 3C8.5 4.933 10.067 6.5 12 6.5C13.933 6.5 15.5 4.933 15.5 3H19V21H15.5C15.5 19.067 13.933 17.5 12 17.5C10.067 17.5 8.5 19.067 8.5 21H5V3H8.5Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaTicket: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M22 7L17 12L21.9854 16.9854L16.9854 21.9854L12 17L7 22L2 17L7 12L2 7L7 2L12 7L17 2L22 7ZM8 12L12.001 16L16.001 12L12.001 7.99903L8 12Z\" fill=\"#E89331\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M22 7L17 12L21.9854 16.9854L16.9854 21.9854L12 17L7 22L2 17L7 12L2 7L7 2L12 7L17 2L22 7ZM8 12L12.001 16L16.001 12L12.001 7.99903L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaZk: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n"],"mappings":";AACA,SAAS,cAAc;AACvB,SAAS,6BAA6B;AAiBlC;AAdG,IAAM,WAAgD,CAAC;AAAA,EAC5D,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,gBAAAA;AAAA,EACA,aAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,MAAM;AACJ,QAAM,aAAa,YAAY,YAAYD,kBAAiBC;AAC5D,QAAM,eAAe,sBAAsB,MAAM,EAAE;AAEnD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,CAAC,CAAC;AAAA,MACd,oBAAoB;AAAA;AAAA,EACtB;AAEJ;;;ACrBE,gBAAAC,YAAA;AAJF,IAAM,iBAAiB;AACvB,IAAM,cAAc;AAEb,IAAM,WAAwC,CAAC,UACpD,gBAAAA;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA;AAAA;AACF;;;ACJA,gBAAAC,YAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,eAA4C,CAAC,UACxD,gBAAAF;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBC;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,gBAAAC,YAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,WAAwC,CAAC,UACpD,gBAAAF;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBC;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,gBAAAC,YAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,aAA0C,CAAC,UACtD,gBAAAF;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBC;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,gBAAAC,YAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,cAA2C,CAAC,UACvD,gBAAAF;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBC;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,gBAAAC,YAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,eAA4C,CAAC,UACxD,gBAAAF;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBC;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,gBAAAC,YAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,WAAwC,CAAC,UACpD,gBAAAF;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBC;AAAA,IAChB,aAAaC;AAAA;AACf;","names":["coloredContent","monoContent","jsx","jsx","coloredContent","monoContent","jsx","coloredContent","monoContent","jsx","coloredContent","monoContent","jsx","coloredContent","monoContent","jsx","coloredContent","monoContent","jsx","coloredContent","monoContent"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xsolla/xui-icons-currency",
3
- "version": "0.211.1",
3
+ "version": "0.213.0",
4
4
  "main": "./web/index.js",
5
5
  "module": "./web/index.mjs",
6
6
  "types": "./web/index.d.ts",
@@ -56,6 +56,8 @@
56
56
  "dev": "PLATFORM=web tsup --watch"
57
57
  },
58
58
  "license": "MIT",
59
- "react-native": "./native/index.js",
60
- "dependencies": {}
59
+ "dependencies": {
60
+ "@xsolla/xui-primitives-core": "0.213.0"
61
+ },
62
+ "react-native": "./native/index.js"
61
63
  }
package/web/index.d.mts CHANGED
@@ -1,11 +1,16 @@
1
1
  import React from 'react';
2
+ import { IconSize } from '@xsolla/xui-primitives-core';
2
3
 
3
4
  type IconVariant = "colored" | "mono";
4
5
  interface CurrencyIconProps {
5
6
  /** Icon variant style. Default: 'colored' */
6
7
  variant?: IconVariant;
7
- /** Size in pixels. Default: 24 */
8
- size?: number;
8
+ /**
9
+ * Size in pixels (`number`) or as a CSS length (`string`) — use `"100%"` to
10
+ * fill a container sized by the parent. On React Native only numbers and
11
+ * percentages apply; other CSS lengths warn and fall back to 24. Default: 24
12
+ */
13
+ size?: IconSize;
9
14
  /** Icon color (only applies to mono variant). Default: 'currentColor' */
10
15
  color?: string;
11
16
  /** Additional CSS class */
package/web/index.d.ts CHANGED
@@ -1,11 +1,16 @@
1
1
  import React from 'react';
2
+ import { IconSize } from '@xsolla/xui-primitives-core';
2
3
 
3
4
  type IconVariant = "colored" | "mono";
4
5
  interface CurrencyIconProps {
5
6
  /** Icon variant style. Default: 'colored' */
6
7
  variant?: IconVariant;
7
- /** Size in pixels. Default: 24 */
8
- size?: number;
8
+ /**
9
+ * Size in pixels (`number`) or as a CSS length (`string`) — use `"100%"` to
10
+ * fill a container sized by the parent. On React Native only numbers and
11
+ * percentages apply; other CSS lengths warn and fall back to 24. Default: 24
12
+ */
13
+ size?: IconSize;
9
14
  /** Icon color (only applies to mono variant). Default: 'currentColor' */
10
15
  color?: string;
11
16
  /** Additional CSS class */
package/web/index.js CHANGED
@@ -43,13 +43,14 @@ module.exports = __toCommonJS(index_exports);
43
43
 
44
44
  // src/BaseIcon.tsx
45
45
  var import_styled_components = __toESM(require("styled-components"));
46
+ var import_xui_primitives_core = require("@xsolla/xui-primitives-core");
46
47
  var import_jsx_runtime = require("react/jsx-runtime");
47
48
  var StyledIcon = import_styled_components.default.div`
48
49
  display: inline-flex;
49
50
  align-items: center;
50
51
  justify-content: center;
51
- width: ${(props) => props.$size}px;
52
- height: ${(props) => props.$size}px;
52
+ width: ${(props) => props.$size};
53
+ height: ${(props) => props.$size};
53
54
  color: ${(props) => props.$color};
54
55
 
55
56
  svg {
@@ -74,7 +75,7 @@ var BaseIcon = ({
74
75
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
75
76
  StyledIcon,
76
77
  {
77
- $size: size,
78
+ $size: (0, import_xui_primitives_core.resolveIconSize)(size),
78
79
  $color: color,
79
80
  className,
80
81
  style,
package/web/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/index.ts","../../src/BaseIcon.tsx","../../src/components/GreenOrb.tsx","../../src/components/LoyaltyPoint.tsx","../../src/components/PlayTime.tsx","../../src/components/XsollaGold.tsx","../../src/components/XsollaPoint.tsx","../../src/components/XsollaTicket.tsx","../../src/components/XsollaZk.tsx"],"sourcesContent":["// Auto-generated - do not edit manually\nexport { BaseIcon } from \"./BaseIcon\";\nexport type {\n CurrencyIconProps,\n CurrencyIconComponent,\n IconVariant,\n} from \"./types\";\n\nexport { GreenOrb } from \"./components/GreenOrb\";\nexport { LoyaltyPoint } from \"./components/LoyaltyPoint\";\nexport { PlayTime } from \"./components/PlayTime\";\nexport { XsollaGold } from \"./components/XsollaGold\";\nexport { XsollaPoint } from \"./components/XsollaPoint\";\nexport { XsollaTicket } from \"./components/XsollaTicket\";\nexport { XsollaZk } from \"./components/XsollaZk\";\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport type { CurrencyIconInternalProps } from \"./types\";\n\nconst StyledIcon = styled.div<{ $size: number; $color: string }>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: ${(props) => props.$size}px;\n height: ${(props) => props.$size}px;\n color: ${(props) => props.$color};\n\n svg {\n width: 100%;\n height: 100%;\n }\n`;\n\nexport const BaseIcon: React.FC<CurrencyIconInternalProps> = ({\n variant = \"colored\",\n size = 24,\n color = \"currentColor\",\n coloredContent,\n monoContent,\n className,\n style,\n \"data-testid\": testId,\n testID,\n \"aria-label\": ariaLabel,\n \"aria-hidden\": ariaHidden,\n}) => {\n const svgContent = variant === \"colored\" ? coloredContent : monoContent;\n\n return (\n <StyledIcon\n $size={size}\n $color={color}\n className={className}\n style={style}\n data-testid={testId || testID}\n role={ariaLabel ? \"img\" : undefined}\n aria-label={ariaLabel}\n aria-hidden={ariaHidden ?? (ariaLabel ? undefined : true)}\n dangerouslySetInnerHTML={{ __html: svgContent }}\n />\n );\n};\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M23.0004 12L12 23.0004L0.999603 12L12 0.999609L23.0004 12ZM7.99921 12L12 16.0008L16.0008 12L12 7.99922L7.99921 12Z\" fill=\"#D9FF66\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M23.0004 12L12 23.0004L0.999603 12L12 0.999609L23.0004 12ZM7.99921 12L12 16.0008L16.0008 12L12 7.99922L7.99921 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const GreenOrb: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM10.7012 10.2607H6.5L9.89941 12.7393L8.60059 16.75L12 14.2715L15.3994 16.75L14.1006 12.7393L17.5 10.2607H13.2979L12 6.25L10.7012 10.2607Z\" fill=\"#80EAFF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM10.7012 10.2607H6.5L9.89941 12.7393L8.60059 16.75L12 14.2715L15.3994 16.75L14.1006 12.7393L17.5 10.2607H13.2979L12 6.25L10.7012 10.2607Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const LoyaltyPoint: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 7V17L12 22L3 17V7L12 2L21 7ZM8 12L11.9893 16.001L15.9795 12L11.9893 7.99902L8 12Z\" fill=\"#9580FF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 7V17L12 22L3 17V7L12 2L21 7ZM8 12L11.9893 16.001L15.9795 12L11.9893 7.99902L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const PlayTime: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 21H3V3H21V21ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" fill=\"#F6DB55\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 21H3V3H21V21ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaGold: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" fill=\"#80EAFF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaPoint: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M8.5 3C8.5 4.933 10.067 6.5 12 6.5C13.933 6.5 15.5 4.933 15.5 3H19V21H15.5C15.5 19.067 13.933 17.5 12 17.5C10.067 17.5 8.5 19.067 8.5 21H5V3H8.5Z\" fill=\"#FFB2BF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M8.5 3C8.5 4.933 10.067 6.5 12 6.5C13.933 6.5 15.5 4.933 15.5 3H19V21H15.5C15.5 19.067 13.933 17.5 12 17.5C10.067 17.5 8.5 19.067 8.5 21H5V3H8.5Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaTicket: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M22 7L17 12L21.9854 16.9854L16.9854 21.9854L12 17L7 22L2 17L7 12L2 7L7 2L12 7L17 2L22 7ZM8 12L12.001 16L16.001 12L12.001 7.99903L8 12Z\" fill=\"#E89331\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M22 7L17 12L21.9854 16.9854L16.9854 21.9854L12 17L7 22L2 17L7 12L2 7L7 2L12 7L17 2L22 7ZM8 12L12.001 16L16.001 12L12.001 7.99903L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaZk: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,+BAAmB;AAiCf;AA9BJ,IAAM,aAAa,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,WAIf,CAAC,UAAU,MAAM,KAAK;AAAA,YACrB,CAAC,UAAU,MAAM,KAAK;AAAA,WACvB,CAAC,UAAU,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ3B,IAAM,WAAgD,CAAC;AAAA,EAC5D,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,gBAAAC;AAAA,EACA,aAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,cAAc;AAAA,EACd,eAAe;AACjB,MAAM;AACJ,QAAM,aAAa,YAAY,YAAYD,kBAAiBC;AAE5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,eAAa,UAAU;AAAA,MACvB,MAAM,YAAY,QAAQ;AAAA,MAC1B,cAAY;AAAA,MACZ,eAAa,kCAAe,YAAY,SAAY;AAAA,MACpD,yBAAyB,EAAE,QAAQ,WAAW;AAAA;AAAA,EAChD;AAEJ;;;ACrCE,IAAAC,sBAAA;AAJF,IAAM,iBAAiB;AACvB,IAAM,cAAc;AAEb,IAAM,WAAwC,CAAC,UACpD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA;AAAA;AACF;;;ACJA,IAAAC,sBAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,eAA4C,CAAC,UACxD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBD;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,IAAAC,sBAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,WAAwC,CAAC,UACpD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBD;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,IAAAC,sBAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,aAA0C,CAAC,UACtD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBD;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,IAAAC,sBAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,cAA2C,CAAC,UACvD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBD;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,IAAAC,sBAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,eAA4C,CAAC,UACxD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBD;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,IAAAC,sBAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,WAAwC,CAAC,UACpD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBD;AAAA,IAChB,aAAaC;AAAA;AACf;","names":["styled","coloredContent","monoContent","import_jsx_runtime","import_jsx_runtime","coloredContent","monoContent","import_jsx_runtime","coloredContent","monoContent","import_jsx_runtime","coloredContent","monoContent","import_jsx_runtime","coloredContent","monoContent","import_jsx_runtime","coloredContent","monoContent","import_jsx_runtime","coloredContent","monoContent"]}
1
+ {"version":3,"sources":["../../src/index.ts","../../src/BaseIcon.tsx","../../src/components/GreenOrb.tsx","../../src/components/LoyaltyPoint.tsx","../../src/components/PlayTime.tsx","../../src/components/XsollaGold.tsx","../../src/components/XsollaPoint.tsx","../../src/components/XsollaTicket.tsx","../../src/components/XsollaZk.tsx"],"sourcesContent":["// Auto-generated - do not edit manually\nexport { BaseIcon } from \"./BaseIcon\";\nexport type {\n CurrencyIconProps,\n CurrencyIconComponent,\n IconVariant,\n} from \"./types\";\n\nexport { GreenOrb } from \"./components/GreenOrb\";\nexport { LoyaltyPoint } from \"./components/LoyaltyPoint\";\nexport { PlayTime } from \"./components/PlayTime\";\nexport { XsollaGold } from \"./components/XsollaGold\";\nexport { XsollaPoint } from \"./components/XsollaPoint\";\nexport { XsollaTicket } from \"./components/XsollaTicket\";\nexport { XsollaZk } from \"./components/XsollaZk\";\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { resolveIconSize } from \"@xsolla/xui-primitives-core\";\nimport type { CurrencyIconInternalProps } from \"./types\";\n\nconst StyledIcon = styled.div<{ $size: string; $color: string }>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: ${(props) => props.$size};\n height: ${(props) => props.$size};\n color: ${(props) => props.$color};\n\n svg {\n width: 100%;\n height: 100%;\n }\n`;\n\nexport const BaseIcon: React.FC<CurrencyIconInternalProps> = ({\n variant = \"colored\",\n size = 24,\n color = \"currentColor\",\n coloredContent,\n monoContent,\n className,\n style,\n \"data-testid\": testId,\n testID,\n \"aria-label\": ariaLabel,\n \"aria-hidden\": ariaHidden,\n}) => {\n const svgContent = variant === \"colored\" ? coloredContent : monoContent;\n\n return (\n <StyledIcon\n $size={resolveIconSize(size)}\n $color={color}\n className={className}\n style={style}\n data-testid={testId || testID}\n role={ariaLabel ? \"img\" : undefined}\n aria-label={ariaLabel}\n aria-hidden={ariaHidden ?? (ariaLabel ? undefined : true)}\n dangerouslySetInnerHTML={{ __html: svgContent }}\n />\n );\n};\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M23.0004 12L12 23.0004L0.999603 12L12 0.999609L23.0004 12ZM7.99921 12L12 16.0008L16.0008 12L12 7.99922L7.99921 12Z\" fill=\"#D9FF66\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M23.0004 12L12 23.0004L0.999603 12L12 0.999609L23.0004 12ZM7.99921 12L12 16.0008L16.0008 12L12 7.99922L7.99921 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const GreenOrb: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM10.7012 10.2607H6.5L9.89941 12.7393L8.60059 16.75L12 14.2715L15.3994 16.75L14.1006 12.7393L17.5 10.2607H13.2979L12 6.25L10.7012 10.2607Z\" fill=\"#80EAFF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM10.7012 10.2607H6.5L9.89941 12.7393L8.60059 16.75L12 14.2715L15.3994 16.75L14.1006 12.7393L17.5 10.2607H13.2979L12 6.25L10.7012 10.2607Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const LoyaltyPoint: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 7V17L12 22L3 17V7L12 2L21 7ZM8 12L11.9893 16.001L15.9795 12L11.9893 7.99902L8 12Z\" fill=\"#9580FF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 7V17L12 22L3 17V7L12 2L21 7ZM8 12L11.9893 16.001L15.9795 12L11.9893 7.99902L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const PlayTime: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 21H3V3H21V21ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" fill=\"#F6DB55\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 21H3V3H21V21ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaGold: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" fill=\"#80EAFF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaPoint: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M8.5 3C8.5 4.933 10.067 6.5 12 6.5C13.933 6.5 15.5 4.933 15.5 3H19V21H15.5C15.5 19.067 13.933 17.5 12 17.5C10.067 17.5 8.5 19.067 8.5 21H5V3H8.5Z\" fill=\"#FFB2BF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M8.5 3C8.5 4.933 10.067 6.5 12 6.5C13.933 6.5 15.5 4.933 15.5 3H19V21H15.5C15.5 19.067 13.933 17.5 12 17.5C10.067 17.5 8.5 19.067 8.5 21H5V3H8.5Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaTicket: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M22 7L17 12L21.9854 16.9854L16.9854 21.9854L12 17L7 22L2 17L7 12L2 7L7 2L12 7L17 2L22 7ZM8 12L12.001 16L16.001 12L12.001 7.99903L8 12Z\" fill=\"#E89331\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M22 7L17 12L21.9854 16.9854L16.9854 21.9854L12 17L7 22L2 17L7 12L2 7L7 2L12 7L17 2L22 7ZM8 12L12.001 16L16.001 12L12.001 7.99903L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaZk: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,+BAAmB;AACnB,iCAAgC;AAiC5B;AA9BJ,IAAM,aAAa,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,WAIf,CAAC,UAAU,MAAM,KAAK;AAAA,YACrB,CAAC,UAAU,MAAM,KAAK;AAAA,WACvB,CAAC,UAAU,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ3B,IAAM,WAAgD,CAAC;AAAA,EAC5D,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,gBAAAC;AAAA,EACA,aAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,cAAc;AAAA,EACd,eAAe;AACjB,MAAM;AACJ,QAAM,aAAa,YAAY,YAAYD,kBAAiBC;AAE5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAO,4CAAgB,IAAI;AAAA,MAC3B,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,eAAa,UAAU;AAAA,MACvB,MAAM,YAAY,QAAQ;AAAA,MAC1B,cAAY;AAAA,MACZ,eAAa,kCAAe,YAAY,SAAY;AAAA,MACpD,yBAAyB,EAAE,QAAQ,WAAW;AAAA;AAAA,EAChD;AAEJ;;;ACtCE,IAAAC,sBAAA;AAJF,IAAM,iBAAiB;AACvB,IAAM,cAAc;AAEb,IAAM,WAAwC,CAAC,UACpD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA;AAAA;AACF;;;ACJA,IAAAC,sBAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,eAA4C,CAAC,UACxD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBD;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,IAAAC,sBAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,WAAwC,CAAC,UACpD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBD;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,IAAAC,sBAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,aAA0C,CAAC,UACtD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBD;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,IAAAC,sBAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,cAA2C,CAAC,UACvD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBD;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,IAAAC,sBAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,eAA4C,CAAC,UACxD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBD;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,IAAAC,sBAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,WAAwC,CAAC,UACpD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBD;AAAA,IAChB,aAAaC;AAAA;AACf;","names":["styled","coloredContent","monoContent","import_jsx_runtime","import_jsx_runtime","coloredContent","monoContent","import_jsx_runtime","coloredContent","monoContent","import_jsx_runtime","coloredContent","monoContent","import_jsx_runtime","coloredContent","monoContent","import_jsx_runtime","coloredContent","monoContent","import_jsx_runtime","coloredContent","monoContent"]}
package/web/index.mjs CHANGED
@@ -1,12 +1,13 @@
1
1
  // src/BaseIcon.tsx
2
2
  import styled from "styled-components";
3
+ import { resolveIconSize } from "@xsolla/xui-primitives-core";
3
4
  import { jsx } from "react/jsx-runtime";
4
5
  var StyledIcon = styled.div`
5
6
  display: inline-flex;
6
7
  align-items: center;
7
8
  justify-content: center;
8
- width: ${(props) => props.$size}px;
9
- height: ${(props) => props.$size}px;
9
+ width: ${(props) => props.$size};
10
+ height: ${(props) => props.$size};
10
11
  color: ${(props) => props.$color};
11
12
 
12
13
  svg {
@@ -31,7 +32,7 @@ var BaseIcon = ({
31
32
  return /* @__PURE__ */ jsx(
32
33
  StyledIcon,
33
34
  {
34
- $size: size,
35
+ $size: resolveIconSize(size),
35
36
  $color: color,
36
37
  className,
37
38
  style,
package/web/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/BaseIcon.tsx","../../src/components/GreenOrb.tsx","../../src/components/LoyaltyPoint.tsx","../../src/components/PlayTime.tsx","../../src/components/XsollaGold.tsx","../../src/components/XsollaPoint.tsx","../../src/components/XsollaTicket.tsx","../../src/components/XsollaZk.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport type { CurrencyIconInternalProps } from \"./types\";\n\nconst StyledIcon = styled.div<{ $size: number; $color: string }>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: ${(props) => props.$size}px;\n height: ${(props) => props.$size}px;\n color: ${(props) => props.$color};\n\n svg {\n width: 100%;\n height: 100%;\n }\n`;\n\nexport const BaseIcon: React.FC<CurrencyIconInternalProps> = ({\n variant = \"colored\",\n size = 24,\n color = \"currentColor\",\n coloredContent,\n monoContent,\n className,\n style,\n \"data-testid\": testId,\n testID,\n \"aria-label\": ariaLabel,\n \"aria-hidden\": ariaHidden,\n}) => {\n const svgContent = variant === \"colored\" ? coloredContent : monoContent;\n\n return (\n <StyledIcon\n $size={size}\n $color={color}\n className={className}\n style={style}\n data-testid={testId || testID}\n role={ariaLabel ? \"img\" : undefined}\n aria-label={ariaLabel}\n aria-hidden={ariaHidden ?? (ariaLabel ? undefined : true)}\n dangerouslySetInnerHTML={{ __html: svgContent }}\n />\n );\n};\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M23.0004 12L12 23.0004L0.999603 12L12 0.999609L23.0004 12ZM7.99921 12L12 16.0008L16.0008 12L12 7.99922L7.99921 12Z\" fill=\"#D9FF66\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M23.0004 12L12 23.0004L0.999603 12L12 0.999609L23.0004 12ZM7.99921 12L12 16.0008L16.0008 12L12 7.99922L7.99921 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const GreenOrb: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM10.7012 10.2607H6.5L9.89941 12.7393L8.60059 16.75L12 14.2715L15.3994 16.75L14.1006 12.7393L17.5 10.2607H13.2979L12 6.25L10.7012 10.2607Z\" fill=\"#80EAFF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM10.7012 10.2607H6.5L9.89941 12.7393L8.60059 16.75L12 14.2715L15.3994 16.75L14.1006 12.7393L17.5 10.2607H13.2979L12 6.25L10.7012 10.2607Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const LoyaltyPoint: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 7V17L12 22L3 17V7L12 2L21 7ZM8 12L11.9893 16.001L15.9795 12L11.9893 7.99902L8 12Z\" fill=\"#9580FF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 7V17L12 22L3 17V7L12 2L21 7ZM8 12L11.9893 16.001L15.9795 12L11.9893 7.99902L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const PlayTime: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 21H3V3H21V21ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" fill=\"#F6DB55\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 21H3V3H21V21ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaGold: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" fill=\"#80EAFF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaPoint: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M8.5 3C8.5 4.933 10.067 6.5 12 6.5C13.933 6.5 15.5 4.933 15.5 3H19V21H15.5C15.5 19.067 13.933 17.5 12 17.5C10.067 17.5 8.5 19.067 8.5 21H5V3H8.5Z\" fill=\"#FFB2BF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M8.5 3C8.5 4.933 10.067 6.5 12 6.5C13.933 6.5 15.5 4.933 15.5 3H19V21H15.5C15.5 19.067 13.933 17.5 12 17.5C10.067 17.5 8.5 19.067 8.5 21H5V3H8.5Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaTicket: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M22 7L17 12L21.9854 16.9854L16.9854 21.9854L12 17L7 22L2 17L7 12L2 7L7 2L12 7L17 2L22 7ZM8 12L12.001 16L16.001 12L12.001 7.99903L8 12Z\" fill=\"#E89331\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M22 7L17 12L21.9854 16.9854L16.9854 21.9854L12 17L7 22L2 17L7 12L2 7L7 2L12 7L17 2L22 7ZM8 12L12.001 16L16.001 12L12.001 7.99903L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaZk: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n"],"mappings":";AACA,OAAO,YAAY;AAiCf;AA9BJ,IAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA,WAIf,CAAC,UAAU,MAAM,KAAK;AAAA,YACrB,CAAC,UAAU,MAAM,KAAK;AAAA,WACvB,CAAC,UAAU,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ3B,IAAM,WAAgD,CAAC;AAAA,EAC5D,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,gBAAAA;AAAA,EACA,aAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,cAAc;AAAA,EACd,eAAe;AACjB,MAAM;AACJ,QAAM,aAAa,YAAY,YAAYD,kBAAiBC;AAE5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,eAAa,UAAU;AAAA,MACvB,MAAM,YAAY,QAAQ;AAAA,MAC1B,cAAY;AAAA,MACZ,eAAa,kCAAe,YAAY,SAAY;AAAA,MACpD,yBAAyB,EAAE,QAAQ,WAAW;AAAA;AAAA,EAChD;AAEJ;;;ACrCE,gBAAAC,YAAA;AAJF,IAAM,iBAAiB;AACvB,IAAM,cAAc;AAEb,IAAM,WAAwC,CAAC,UACpD,gBAAAA;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA;AAAA;AACF;;;ACJA,gBAAAC,YAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,eAA4C,CAAC,UACxD,gBAAAF;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBC;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,gBAAAC,YAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,WAAwC,CAAC,UACpD,gBAAAF;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBC;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,gBAAAC,YAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,aAA0C,CAAC,UACtD,gBAAAF;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBC;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,gBAAAC,YAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,cAA2C,CAAC,UACvD,gBAAAF;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBC;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,gBAAAC,YAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,eAA4C,CAAC,UACxD,gBAAAF;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBC;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,gBAAAC,YAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,WAAwC,CAAC,UACpD,gBAAAF;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBC;AAAA,IAChB,aAAaC;AAAA;AACf;","names":["coloredContent","monoContent","jsx","jsx","coloredContent","monoContent","jsx","coloredContent","monoContent","jsx","coloredContent","monoContent","jsx","coloredContent","monoContent","jsx","coloredContent","monoContent","jsx","coloredContent","monoContent"]}
1
+ {"version":3,"sources":["../../src/BaseIcon.tsx","../../src/components/GreenOrb.tsx","../../src/components/LoyaltyPoint.tsx","../../src/components/PlayTime.tsx","../../src/components/XsollaGold.tsx","../../src/components/XsollaPoint.tsx","../../src/components/XsollaTicket.tsx","../../src/components/XsollaZk.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport { resolveIconSize } from \"@xsolla/xui-primitives-core\";\nimport type { CurrencyIconInternalProps } from \"./types\";\n\nconst StyledIcon = styled.div<{ $size: string; $color: string }>`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: ${(props) => props.$size};\n height: ${(props) => props.$size};\n color: ${(props) => props.$color};\n\n svg {\n width: 100%;\n height: 100%;\n }\n`;\n\nexport const BaseIcon: React.FC<CurrencyIconInternalProps> = ({\n variant = \"colored\",\n size = 24,\n color = \"currentColor\",\n coloredContent,\n monoContent,\n className,\n style,\n \"data-testid\": testId,\n testID,\n \"aria-label\": ariaLabel,\n \"aria-hidden\": ariaHidden,\n}) => {\n const svgContent = variant === \"colored\" ? coloredContent : monoContent;\n\n return (\n <StyledIcon\n $size={resolveIconSize(size)}\n $color={color}\n className={className}\n style={style}\n data-testid={testId || testID}\n role={ariaLabel ? \"img\" : undefined}\n aria-label={ariaLabel}\n aria-hidden={ariaHidden ?? (ariaLabel ? undefined : true)}\n dangerouslySetInnerHTML={{ __html: svgContent }}\n />\n );\n};\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M23.0004 12L12 23.0004L0.999603 12L12 0.999609L23.0004 12ZM7.99921 12L12 16.0008L16.0008 12L12 7.99922L7.99921 12Z\" fill=\"#D9FF66\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M23.0004 12L12 23.0004L0.999603 12L12 0.999609L23.0004 12ZM7.99921 12L12 16.0008L16.0008 12L12 7.99922L7.99921 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const GreenOrb: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM10.7012 10.2607H6.5L9.89941 12.7393L8.60059 16.75L12 14.2715L15.3994 16.75L14.1006 12.7393L17.5 10.2607H13.2979L12 6.25L10.7012 10.2607Z\" fill=\"#80EAFF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM10.7012 10.2607H6.5L9.89941 12.7393L8.60059 16.75L12 14.2715L15.3994 16.75L14.1006 12.7393L17.5 10.2607H13.2979L12 6.25L10.7012 10.2607Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const LoyaltyPoint: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 7V17L12 22L3 17V7L12 2L21 7ZM8 12L11.9893 16.001L15.9795 12L11.9893 7.99902L8 12Z\" fill=\"#9580FF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 7V17L12 22L3 17V7L12 2L21 7ZM8 12L11.9893 16.001L15.9795 12L11.9893 7.99902L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const PlayTime: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 21H3V3H21V21ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" fill=\"#F6DB55\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M21 21H3V3H21V21ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaGold: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" fill=\"#80EAFF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM8 12L12.001 16.001L16.001 12L12.001 7.99902L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaPoint: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M8.5 3C8.5 4.933 10.067 6.5 12 6.5C13.933 6.5 15.5 4.933 15.5 3H19V21H15.5C15.5 19.067 13.933 17.5 12 17.5C10.067 17.5 8.5 19.067 8.5 21H5V3H8.5Z\" fill=\"#FFB2BF\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M8.5 3C8.5 4.933 10.067 6.5 12 6.5C13.933 6.5 15.5 4.933 15.5 3H19V21H15.5C15.5 19.067 13.933 17.5 12 17.5C10.067 17.5 8.5 19.067 8.5 21H5V3H8.5Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaTicket: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M22 7L17 12L21.9854 16.9854L16.9854 21.9854L12 17L7 22L2 17L7 12L2 7L7 2L12 7L17 2L22 7ZM8 12L12.001 16L16.001 12L12.001 7.99903L8 12Z\" fill=\"#E89331\"/></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><path d=\"M22 7L17 12L21.9854 16.9854L16.9854 21.9854L12 17L7 22L2 17L7 12L2 7L7 2L12 7L17 2L22 7ZM8 12L12.001 16L16.001 12L12.001 7.99903L8 12Z\" style=\"fill: currentColor\"/></svg>`;\n\nexport const XsollaZk: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n"],"mappings":";AACA,OAAO,YAAY;AACnB,SAAS,uBAAuB;AAiC5B;AA9BJ,IAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA,WAIf,CAAC,UAAU,MAAM,KAAK;AAAA,YACrB,CAAC,UAAU,MAAM,KAAK;AAAA,WACvB,CAAC,UAAU,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ3B,IAAM,WAAgD,CAAC;AAAA,EAC5D,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,gBAAAA;AAAA,EACA,aAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,cAAc;AAAA,EACd,eAAe;AACjB,MAAM;AACJ,QAAM,aAAa,YAAY,YAAYD,kBAAiBC;AAE5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,gBAAgB,IAAI;AAAA,MAC3B,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,eAAa,UAAU;AAAA,MACvB,MAAM,YAAY,QAAQ;AAAA,MAC1B,cAAY;AAAA,MACZ,eAAa,kCAAe,YAAY,SAAY;AAAA,MACpD,yBAAyB,EAAE,QAAQ,WAAW;AAAA;AAAA,EAChD;AAEJ;;;ACtCE,gBAAAC,YAAA;AAJF,IAAM,iBAAiB;AACvB,IAAM,cAAc;AAEb,IAAM,WAAwC,CAAC,UACpD,gBAAAA;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA;AAAA;AACF;;;ACJA,gBAAAC,YAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,eAA4C,CAAC,UACxD,gBAAAF;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBC;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,gBAAAC,YAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,WAAwC,CAAC,UACpD,gBAAAF;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBC;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,gBAAAC,YAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,aAA0C,CAAC,UACtD,gBAAAF;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBC;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,gBAAAC,YAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,cAA2C,CAAC,UACvD,gBAAAF;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBC;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,gBAAAC,YAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,eAA4C,CAAC,UACxD,gBAAAF;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBC;AAAA,IAChB,aAAaC;AAAA;AACf;;;ACJA,gBAAAC,YAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,WAAwC,CAAC,UACpD,gBAAAF;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,gBAAgBC;AAAA,IAChB,aAAaC;AAAA;AACf;","names":["coloredContent","monoContent","jsx","jsx","coloredContent","monoContent","jsx","coloredContent","monoContent","jsx","coloredContent","monoContent","jsx","coloredContent","monoContent","jsx","coloredContent","monoContent","jsx","coloredContent","monoContent"]}