@xsolla/xui-icons-currency 0.64.0-pr76.1768538499
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 +40 -0
- package/native/index.d.ts +40 -0
- package/native/index.js +119 -0
- package/native/index.js.map +1 -0
- package/native/index.mjs +88 -0
- package/native/index.mjs.map +1 -0
- package/package.json +57 -0
- package/web/index.d.mts +40 -0
- package/web/index.d.ts +40 -0
- package/web/index.js +145 -0
- package/web/index.js.map +1 -0
- package/web/index.mjs +104 -0
- package/web/index.mjs.map +1 -0
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
type IconVariant = "colored" | "mono";
|
|
4
|
+
interface CurrencyIconProps {
|
|
5
|
+
/** Icon variant style. Default: 'colored' */
|
|
6
|
+
variant?: IconVariant;
|
|
7
|
+
/** Size in pixels. Default: 24 */
|
|
8
|
+
size?: number;
|
|
9
|
+
/** Icon color (only applies to mono variant). Default: 'currentColor' */
|
|
10
|
+
color?: string;
|
|
11
|
+
/** Additional CSS class */
|
|
12
|
+
className?: string;
|
|
13
|
+
/** Inline styles */
|
|
14
|
+
style?: React.CSSProperties;
|
|
15
|
+
/** Test ID for testing frameworks (web) */
|
|
16
|
+
"data-testid"?: string;
|
|
17
|
+
/** Test ID for testing frameworks (React Native) */
|
|
18
|
+
testID?: string;
|
|
19
|
+
/** Accessible label for screen readers */
|
|
20
|
+
"aria-label"?: string;
|
|
21
|
+
/** Hide from screen readers (default: true if no aria-label) */
|
|
22
|
+
"aria-hidden"?: boolean;
|
|
23
|
+
}
|
|
24
|
+
type CurrencyIconComponent = React.FC<CurrencyIconProps>;
|
|
25
|
+
interface CurrencyIconInternalProps extends CurrencyIconProps {
|
|
26
|
+
coloredContent: string;
|
|
27
|
+
monoContent: string;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
declare const BaseIcon: React.FC<CurrencyIconInternalProps>;
|
|
31
|
+
|
|
32
|
+
declare const PlayTime: React.FC<CurrencyIconProps>;
|
|
33
|
+
|
|
34
|
+
declare const XsollaGold: React.FC<CurrencyIconProps>;
|
|
35
|
+
|
|
36
|
+
declare const XsollaPoint: React.FC<CurrencyIconProps>;
|
|
37
|
+
|
|
38
|
+
declare const XsollaTicket: React.FC<CurrencyIconProps>;
|
|
39
|
+
|
|
40
|
+
export { BaseIcon, type CurrencyIconComponent, type CurrencyIconProps, type IconVariant, PlayTime, XsollaGold, XsollaPoint, XsollaTicket };
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
type IconVariant = "colored" | "mono";
|
|
4
|
+
interface CurrencyIconProps {
|
|
5
|
+
/** Icon variant style. Default: 'colored' */
|
|
6
|
+
variant?: IconVariant;
|
|
7
|
+
/** Size in pixels. Default: 24 */
|
|
8
|
+
size?: number;
|
|
9
|
+
/** Icon color (only applies to mono variant). Default: 'currentColor' */
|
|
10
|
+
color?: string;
|
|
11
|
+
/** Additional CSS class */
|
|
12
|
+
className?: string;
|
|
13
|
+
/** Inline styles */
|
|
14
|
+
style?: React.CSSProperties;
|
|
15
|
+
/** Test ID for testing frameworks (web) */
|
|
16
|
+
"data-testid"?: string;
|
|
17
|
+
/** Test ID for testing frameworks (React Native) */
|
|
18
|
+
testID?: string;
|
|
19
|
+
/** Accessible label for screen readers */
|
|
20
|
+
"aria-label"?: string;
|
|
21
|
+
/** Hide from screen readers (default: true if no aria-label) */
|
|
22
|
+
"aria-hidden"?: boolean;
|
|
23
|
+
}
|
|
24
|
+
type CurrencyIconComponent = React.FC<CurrencyIconProps>;
|
|
25
|
+
interface CurrencyIconInternalProps extends CurrencyIconProps {
|
|
26
|
+
coloredContent: string;
|
|
27
|
+
monoContent: string;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
declare const BaseIcon: React.FC<CurrencyIconInternalProps>;
|
|
31
|
+
|
|
32
|
+
declare const PlayTime: React.FC<CurrencyIconProps>;
|
|
33
|
+
|
|
34
|
+
declare const XsollaGold: React.FC<CurrencyIconProps>;
|
|
35
|
+
|
|
36
|
+
declare const XsollaPoint: React.FC<CurrencyIconProps>;
|
|
37
|
+
|
|
38
|
+
declare const XsollaTicket: React.FC<CurrencyIconProps>;
|
|
39
|
+
|
|
40
|
+
export { BaseIcon, type CurrencyIconComponent, type CurrencyIconProps, type IconVariant, PlayTime, XsollaGold, XsollaPoint, XsollaTicket };
|
package/native/index.js
ADDED
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// src/index.ts
|
|
21
|
+
var index_exports = {};
|
|
22
|
+
__export(index_exports, {
|
|
23
|
+
BaseIcon: () => BaseIcon,
|
|
24
|
+
PlayTime: () => PlayTime,
|
|
25
|
+
XsollaGold: () => XsollaGold,
|
|
26
|
+
XsollaPoint: () => XsollaPoint,
|
|
27
|
+
XsollaTicket: () => XsollaTicket
|
|
28
|
+
});
|
|
29
|
+
module.exports = __toCommonJS(index_exports);
|
|
30
|
+
|
|
31
|
+
// src/BaseIcon.native.tsx
|
|
32
|
+
var import_react_native_svg = require("react-native-svg");
|
|
33
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
34
|
+
var BaseIcon = ({
|
|
35
|
+
variant = "colored",
|
|
36
|
+
size = 24,
|
|
37
|
+
color = "currentColor",
|
|
38
|
+
coloredContent: coloredContent5,
|
|
39
|
+
monoContent: monoContent5,
|
|
40
|
+
style,
|
|
41
|
+
testID,
|
|
42
|
+
"aria-label": ariaLabel
|
|
43
|
+
}) => {
|
|
44
|
+
const svgContent = variant === "colored" ? coloredContent5 : monoContent5;
|
|
45
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
46
|
+
import_react_native_svg.SvgXml,
|
|
47
|
+
{
|
|
48
|
+
xml: svgContent,
|
|
49
|
+
width: size,
|
|
50
|
+
height: size,
|
|
51
|
+
color,
|
|
52
|
+
style,
|
|
53
|
+
testID,
|
|
54
|
+
accessible: !!ariaLabel,
|
|
55
|
+
accessibilityLabel: ariaLabel
|
|
56
|
+
}
|
|
57
|
+
);
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
// src/components/PlayTime.tsx
|
|
61
|
+
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
62
|
+
var coloredContent = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g clip-path="url(#clip0_13340_33)"><g><path d="M12.7822 3.28223H16.7178V7.21777L19.5 10L16.7178 12.7822V16.7178H12.7822L10 19.5L7.21777 16.7178H3.28223V12.7822L0.5 10L3.28223 7.21777L3.28223 3.28223L7.21777 3.28223L10 0.5L12.7822 3.28223ZM3.94141 10L10 16.0586L16.0586 10L10 3.94141L3.94141 10Z" fill="#8168FF"/><path d="M10.0356 6.5L13.5712 10.0355L10.0356 13.5711V6.5Z" fill="black"/></g></g><defs><clipPath><rect width="20" height="20" fill="white"/></clipPath></defs></svg>`;
|
|
63
|
+
var monoContent = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g clip-path="url(#clip0_13340_82)"><g><path d="M13.5713 10.0352L10.0361 13.5713V6.5L13.5713 10.0352Z" style="fill: currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.7822 3.28223H16.7178V7.21777L19.5 10L16.7178 12.7822V16.7178H12.7822L10 19.5L7.21777 16.7178H3.28223V12.7822L0.5 10L3.28223 7.21777V3.28223H7.21777L10 0.5L12.7822 3.28223ZM3.94141 10L10 16.0586L16.0586 10L10 3.94141L3.94141 10Z" style="fill: currentColor"/></g></g><defs><clipPath><rect width="20" height="20" style="fill: currentColor"/></clipPath></defs></svg>`;
|
|
64
|
+
var PlayTime = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
65
|
+
BaseIcon,
|
|
66
|
+
{
|
|
67
|
+
...props,
|
|
68
|
+
coloredContent,
|
|
69
|
+
monoContent
|
|
70
|
+
}
|
|
71
|
+
);
|
|
72
|
+
|
|
73
|
+
// src/components/XsollaGold.tsx
|
|
74
|
+
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
75
|
+
var coloredContent2 = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g clip-path="url(#clip0_13340_27)"><g><g clip-path="url(#clip1_13340_27)"><path d="M19.9424 10.001L10 19.9434L0.0605469 9.99902L10.0029 0.0566406L19.9424 10.001ZM10 5C7.23858 5 5 7.23858 5 10C5 12.7614 7.23858 15 10 15C12.7614 15 15 12.7614 15 10C15 7.23858 12.7614 5 10 5Z" fill="#FFC800"/></g><path d="M10 7C9.60603 7 9.21593 7.0776 8.85195 7.22836C8.48797 7.37913 8.15726 7.6001 7.87868 7.87868C7.6001 8.15726 7.37913 8.48797 7.22836 8.85195C7.0776 9.21593 7 9.60603 7 10C7 10.394 7.0776 10.7841 7.22836 11.1481C7.37913 11.512 7.6001 11.8427 7.87868 12.1213C8.15726 12.3999 8.48797 12.6209 8.85195 12.7716C9.21593 12.9224 9.60603 13 10 13L10 10V7Z" fill="black"/></g></g><defs><clipPath><rect width="20" height="20" fill="white"/></clipPath><clipPath><rect width="20" height="20" fill="white"/></clipPath></defs></svg>`;
|
|
76
|
+
var monoContent2 = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g clip-path="url(#clip0_13340_76)"><g><path d="M10 13C9.60603 13 9.21554 12.9222 8.85156 12.7715C8.48774 12.6207 8.15738 12.3996 7.87891 12.1211C7.60043 11.8426 7.37928 11.5123 7.22852 11.1484C7.07775 10.7845 7 10.394 7 10C7 9.60603 7.07775 9.21554 7.22852 8.85156C7.37928 8.48774 7.60043 8.15738 7.87891 7.87891C8.15738 7.60043 8.48774 7.37928 8.85156 7.22852C9.21554 7.07775 9.60603 7 10 7V13Z" style="fill: currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.9424 10.001L10 19.9434L0.0605469 9.99902L10.0029 0.0566406L19.9424 10.001ZM10 5C7.23858 5 5 7.23858 5 10C5 12.7614 7.23858 15 10 15C12.7614 15 15 12.7614 15 10C15 7.23858 12.7614 5 10 5Z" style="fill: currentColor"/></g></g><defs><clipPath><rect width="20" height="20" style="fill: currentColor"/></clipPath></defs></svg>`;
|
|
77
|
+
var XsollaGold = (props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
78
|
+
BaseIcon,
|
|
79
|
+
{
|
|
80
|
+
...props,
|
|
81
|
+
coloredContent: coloredContent2,
|
|
82
|
+
monoContent: monoContent2
|
|
83
|
+
}
|
|
84
|
+
);
|
|
85
|
+
|
|
86
|
+
// src/components/XsollaPoint.tsx
|
|
87
|
+
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
88
|
+
var coloredContent3 = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g><g><path d="M10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1ZM10 4C8.4087 4 6.88303 4.63259 5.75781 5.75781C4.63259 6.88303 4 8.4087 4 10H6.94141C6.94141 10.7956 7.2577 11.5585 7.82031 12.1211C8.38291 12.6836 9.14581 13 9.94141 13C10.737 12.9999 11.4999 12.6836 12.0625 12.1211C12.625 11.5585 12.9414 10.7956 12.9414 10H16C16 8.4087 15.3674 6.88303 14.2422 5.75781C13.117 4.63259 11.5913 4 10 4Z" fill="#00D4FF"/><path d="M12.9412 10C12.9412 9.60603 12.8636 9.21593 12.7128 8.85195C12.562 8.48797 12.3411 8.15726 12.0625 7.87868C11.7839 7.6001 11.4532 7.37913 11.0892 7.22836C10.7252 7.0776 10.3351 7 9.94116 7C9.5472 7 9.15709 7.0776 8.79311 7.22836C8.42913 7.37913 8.09842 7.6001 7.81984 7.87868C7.54127 8.15726 7.32029 8.48797 7.16952 8.85195C7.01876 9.21593 6.94116 9.60603 6.94116 10L9.94116 10H12.9412Z" fill="black"/></g></g></svg>`;
|
|
89
|
+
var monoContent3 = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g><g><path d="M9.94141 7C10.3352 7.00003 10.725 7.07785 11.0889 7.22852C11.4528 7.37928 11.7839 7.60033 12.0625 7.87891C12.3409 8.15738 12.5622 8.48776 12.7129 8.85156C12.8637 9.21554 12.9414 9.60603 12.9414 10H6.94141C6.94141 9.60603 7.01916 9.21554 7.16992 8.85156C7.32068 8.48777 7.54186 8.15736 7.82031 7.87891C8.09882 7.60043 8.42911 7.37926 8.79297 7.22852C9.15695 7.07775 9.54744 7 9.94141 7Z" style="fill: currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1ZM10 4C8.4087 4 6.88303 4.63259 5.75781 5.75781C4.63259 6.88303 4 8.4087 4 10H6.94141C6.94141 10.7956 7.2577 11.5585 7.82031 12.1211C8.38291 12.6836 9.14581 13 9.94141 13C10.737 12.9999 11.4999 12.6836 12.0625 12.1211C12.625 11.5585 12.9414 10.7956 12.9414 10H16C16 8.4087 15.3674 6.88303 14.2422 5.75781C13.117 4.63259 11.5913 4 10 4Z" style="fill: currentColor"/></g></g></svg>`;
|
|
90
|
+
var XsollaPoint = (props) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
91
|
+
BaseIcon,
|
|
92
|
+
{
|
|
93
|
+
...props,
|
|
94
|
+
coloredContent: coloredContent3,
|
|
95
|
+
monoContent: monoContent3
|
|
96
|
+
}
|
|
97
|
+
);
|
|
98
|
+
|
|
99
|
+
// src/components/XsollaTicket.tsx
|
|
100
|
+
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
101
|
+
var coloredContent4 = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g><g><path d="M7.5 2C7.5 2.3283 7.56479 2.65372 7.69043 2.95703C7.81606 3.26022 8.00036 3.53551 8.23242 3.76758C8.46449 3.99964 8.73978 4.18394 9.04297 4.30957C9.34628 4.43521 9.6717 4.5 10 4.5C10.3283 4.5 10.6537 4.43521 10.957 4.30957C11.2602 4.18394 11.5355 3.99964 11.7676 3.76758C11.9996 3.53551 12.1839 3.26022 12.3096 2.95703C12.4352 2.65372 12.5 2.3283 12.5 2H17V18H12.5C12.5 17.6717 12.4352 17.3463 12.3096 17.043C12.1839 16.7398 11.9996 16.4645 11.7676 16.2324C11.5355 16.0004 11.2602 15.8161 10.957 15.6904C10.6537 15.5648 10.3283 15.5 10 15.5C9.6717 15.5 9.34628 15.5648 9.04297 15.6904C8.73978 15.8161 8.46449 16.0004 8.23242 16.2324C8.00036 16.4645 7.81606 16.7398 7.69043 17.043C7.56479 17.3463 7.5 17.6717 7.5 18H3V2H7.5Z" fill="#FF867D"/><g><path d="M5 11H7V13H5V11Z" fill="black"/><path d="M9 11H11V13H9V11Z" fill="black"/><path d="M13 11H15V13H13V11Z" fill="black"/></g></g></g></svg>`;
|
|
102
|
+
var monoContent4 = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 2C7.5 2.3283 7.56479 2.65372 7.69043 2.95703C7.81606 3.26022 8.00036 3.53551 8.23242 3.76758C8.46449 3.99964 8.73978 4.18394 9.04297 4.30957C9.34628 4.43521 9.6717 4.5 10 4.5C10.3283 4.5 10.6537 4.43521 10.957 4.30957C11.2602 4.18394 11.5355 3.99964 11.7676 3.76758C11.9996 3.53551 12.1839 3.26022 12.3096 2.95703C12.4352 2.65372 12.5 2.3283 12.5 2H17V18H12.5C12.5 17.6717 12.4352 17.3463 12.3096 17.043C12.1839 16.7398 11.9996 16.4645 11.7676 16.2324C11.5355 16.0004 11.2602 15.8161 10.957 15.6904C10.6537 15.5648 10.3283 15.5 10 15.5C9.6717 15.5 9.34628 15.5648 9.04297 15.6904C8.73978 15.8161 8.46449 16.0004 8.23242 16.2324C8.00036 16.4645 7.81606 16.7398 7.69043 17.043C7.56479 17.3463 7.5 17.6717 7.5 18H3V2H7.5ZM5 13H7V11H5V13ZM9 13H11V11H9V13ZM13 11V13H15V11H13Z" style="fill: currentColor"/></g></svg>`;
|
|
103
|
+
var XsollaTicket = (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
104
|
+
BaseIcon,
|
|
105
|
+
{
|
|
106
|
+
...props,
|
|
107
|
+
coloredContent: coloredContent4,
|
|
108
|
+
monoContent: monoContent4
|
|
109
|
+
}
|
|
110
|
+
);
|
|
111
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
112
|
+
0 && (module.exports = {
|
|
113
|
+
BaseIcon,
|
|
114
|
+
PlayTime,
|
|
115
|
+
XsollaGold,
|
|
116
|
+
XsollaPoint,
|
|
117
|
+
XsollaTicket
|
|
118
|
+
});
|
|
119
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/index.ts","../../src/BaseIcon.native.tsx","../../src/components/PlayTime.tsx","../../src/components/XsollaGold.tsx","../../src/components/XsollaPoint.tsx","../../src/components/XsollaTicket.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 { PlayTime } from \"./components/PlayTime\";\nexport { XsollaGold } from \"./components/XsollaGold\";\nexport { XsollaPoint } from \"./components/XsollaPoint\";\nexport { XsollaTicket } from \"./components/XsollaTicket\";\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 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g clip-path=\"url(#clip0_13340_33)\"><g><path d=\"M12.7822 3.28223H16.7178V7.21777L19.5 10L16.7178 12.7822V16.7178H12.7822L10 19.5L7.21777 16.7178H3.28223V12.7822L0.5 10L3.28223 7.21777L3.28223 3.28223L7.21777 3.28223L10 0.5L12.7822 3.28223ZM3.94141 10L10 16.0586L16.0586 10L10 3.94141L3.94141 10Z\" fill=\"#8168FF\"/><path d=\"M10.0356 6.5L13.5712 10.0355L10.0356 13.5711V6.5Z\" fill=\"black\"/></g></g><defs><clipPath><rect width=\"20\" height=\"20\" fill=\"white\"/></clipPath></defs></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g clip-path=\"url(#clip0_13340_82)\"><g><path d=\"M13.5713 10.0352L10.0361 13.5713V6.5L13.5713 10.0352Z\" style=\"fill: currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.7822 3.28223H16.7178V7.21777L19.5 10L16.7178 12.7822V16.7178H12.7822L10 19.5L7.21777 16.7178H3.28223V12.7822L0.5 10L3.28223 7.21777V3.28223H7.21777L10 0.5L12.7822 3.28223ZM3.94141 10L10 16.0586L16.0586 10L10 3.94141L3.94141 10Z\" style=\"fill: currentColor\"/></g></g><defs><clipPath><rect width=\"20\" height=\"20\" style=\"fill: currentColor\"/></clipPath></defs></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 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g clip-path=\"url(#clip0_13340_27)\"><g><g clip-path=\"url(#clip1_13340_27)\"><path d=\"M19.9424 10.001L10 19.9434L0.0605469 9.99902L10.0029 0.0566406L19.9424 10.001ZM10 5C7.23858 5 5 7.23858 5 10C5 12.7614 7.23858 15 10 15C12.7614 15 15 12.7614 15 10C15 7.23858 12.7614 5 10 5Z\" fill=\"#FFC800\"/></g><path d=\"M10 7C9.60603 7 9.21593 7.0776 8.85195 7.22836C8.48797 7.37913 8.15726 7.6001 7.87868 7.87868C7.6001 8.15726 7.37913 8.48797 7.22836 8.85195C7.0776 9.21593 7 9.60603 7 10C7 10.394 7.0776 10.7841 7.22836 11.1481C7.37913 11.512 7.6001 11.8427 7.87868 12.1213C8.15726 12.3999 8.48797 12.6209 8.85195 12.7716C9.21593 12.9224 9.60603 13 10 13L10 10V7Z\" fill=\"black\"/></g></g><defs><clipPath><rect width=\"20\" height=\"20\" fill=\"white\"/></clipPath><clipPath><rect width=\"20\" height=\"20\" fill=\"white\"/></clipPath></defs></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g clip-path=\"url(#clip0_13340_76)\"><g><path d=\"M10 13C9.60603 13 9.21554 12.9222 8.85156 12.7715C8.48774 12.6207 8.15738 12.3996 7.87891 12.1211C7.60043 11.8426 7.37928 11.5123 7.22852 11.1484C7.07775 10.7845 7 10.394 7 10C7 9.60603 7.07775 9.21554 7.22852 8.85156C7.37928 8.48774 7.60043 8.15738 7.87891 7.87891C8.15738 7.60043 8.48774 7.37928 8.85156 7.22852C9.21554 7.07775 9.60603 7 10 7V13Z\" style=\"fill: currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.9424 10.001L10 19.9434L0.0605469 9.99902L10.0029 0.0566406L19.9424 10.001ZM10 5C7.23858 5 5 7.23858 5 10C5 12.7614 7.23858 15 10 15C12.7614 15 15 12.7614 15 10C15 7.23858 12.7614 5 10 5Z\" style=\"fill: currentColor\"/></g></g><defs><clipPath><rect width=\"20\" height=\"20\" style=\"fill: currentColor\"/></clipPath></defs></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 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g><g><path d=\"M10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1ZM10 4C8.4087 4 6.88303 4.63259 5.75781 5.75781C4.63259 6.88303 4 8.4087 4 10H6.94141C6.94141 10.7956 7.2577 11.5585 7.82031 12.1211C8.38291 12.6836 9.14581 13 9.94141 13C10.737 12.9999 11.4999 12.6836 12.0625 12.1211C12.625 11.5585 12.9414 10.7956 12.9414 10H16C16 8.4087 15.3674 6.88303 14.2422 5.75781C13.117 4.63259 11.5913 4 10 4Z\" fill=\"#00D4FF\"/><path d=\"M12.9412 10C12.9412 9.60603 12.8636 9.21593 12.7128 8.85195C12.562 8.48797 12.3411 8.15726 12.0625 7.87868C11.7839 7.6001 11.4532 7.37913 11.0892 7.22836C10.7252 7.0776 10.3351 7 9.94116 7C9.5472 7 9.15709 7.0776 8.79311 7.22836C8.42913 7.37913 8.09842 7.6001 7.81984 7.87868C7.54127 8.15726 7.32029 8.48797 7.16952 8.85195C7.01876 9.21593 6.94116 9.60603 6.94116 10L9.94116 10H12.9412Z\" fill=\"black\"/></g></g></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g><g><path d=\"M9.94141 7C10.3352 7.00003 10.725 7.07785 11.0889 7.22852C11.4528 7.37928 11.7839 7.60033 12.0625 7.87891C12.3409 8.15738 12.5622 8.48776 12.7129 8.85156C12.8637 9.21554 12.9414 9.60603 12.9414 10H6.94141C6.94141 9.60603 7.01916 9.21554 7.16992 8.85156C7.32068 8.48777 7.54186 8.15736 7.82031 7.87891C8.09882 7.60043 8.42911 7.37926 8.79297 7.22852C9.15695 7.07775 9.54744 7 9.94141 7Z\" style=\"fill: currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1ZM10 4C8.4087 4 6.88303 4.63259 5.75781 5.75781C4.63259 6.88303 4 8.4087 4 10H6.94141C6.94141 10.7956 7.2577 11.5585 7.82031 12.1211C8.38291 12.6836 9.14581 13 9.94141 13C10.737 12.9999 11.4999 12.6836 12.0625 12.1211C12.625 11.5585 12.9414 10.7956 12.9414 10H16C16 8.4087 15.3674 6.88303 14.2422 5.75781C13.117 4.63259 11.5913 4 10 4Z\" style=\"fill: currentColor\"/></g></g></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 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g><g><path d=\"M7.5 2C7.5 2.3283 7.56479 2.65372 7.69043 2.95703C7.81606 3.26022 8.00036 3.53551 8.23242 3.76758C8.46449 3.99964 8.73978 4.18394 9.04297 4.30957C9.34628 4.43521 9.6717 4.5 10 4.5C10.3283 4.5 10.6537 4.43521 10.957 4.30957C11.2602 4.18394 11.5355 3.99964 11.7676 3.76758C11.9996 3.53551 12.1839 3.26022 12.3096 2.95703C12.4352 2.65372 12.5 2.3283 12.5 2H17V18H12.5C12.5 17.6717 12.4352 17.3463 12.3096 17.043C12.1839 16.7398 11.9996 16.4645 11.7676 16.2324C11.5355 16.0004 11.2602 15.8161 10.957 15.6904C10.6537 15.5648 10.3283 15.5 10 15.5C9.6717 15.5 9.34628 15.5648 9.04297 15.6904C8.73978 15.8161 8.46449 16.0004 8.23242 16.2324C8.00036 16.4645 7.81606 16.7398 7.69043 17.043C7.56479 17.3463 7.5 17.6717 7.5 18H3V2H7.5Z\" fill=\"#FF867D\"/><g><path d=\"M5 11H7V13H5V11Z\" fill=\"black\"/><path d=\"M9 11H11V13H9V11Z\" fill=\"black\"/><path d=\"M13 11H15V13H13V11Z\" fill=\"black\"/></g></g></g></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.5 2C7.5 2.3283 7.56479 2.65372 7.69043 2.95703C7.81606 3.26022 8.00036 3.53551 8.23242 3.76758C8.46449 3.99964 8.73978 4.18394 9.04297 4.30957C9.34628 4.43521 9.6717 4.5 10 4.5C10.3283 4.5 10.6537 4.43521 10.957 4.30957C11.2602 4.18394 11.5355 3.99964 11.7676 3.76758C11.9996 3.53551 12.1839 3.26022 12.3096 2.95703C12.4352 2.65372 12.5 2.3283 12.5 2H17V18H12.5C12.5 17.6717 12.4352 17.3463 12.3096 17.043C12.1839 16.7398 11.9996 16.4645 11.7676 16.2324C11.5355 16.0004 11.2602 15.8161 10.957 15.6904C10.6537 15.5648 10.3283 15.5 10 15.5C9.6717 15.5 9.34628 15.5648 9.04297 15.6904C8.73978 15.8161 8.46449 16.0004 8.23242 16.2324C8.00036 16.4645 7.81606 16.7398 7.69043 17.043C7.56479 17.3463 7.5 17.6717 7.5 18H3V2H7.5ZM5 13H7V11H5V13ZM9 13H11V11H9V13ZM13 11V13H15V11H13Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const XsollaTicket: 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;;;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,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;","names":["coloredContent","monoContent","import_jsx_runtime","import_jsx_runtime","coloredContent","monoContent","import_jsx_runtime","coloredContent","monoContent","import_jsx_runtime","coloredContent","monoContent"]}
|
package/native/index.mjs
ADDED
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
// src/BaseIcon.native.tsx
|
|
2
|
+
import { SvgXml } from "react-native-svg";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
var BaseIcon = ({
|
|
5
|
+
variant = "colored",
|
|
6
|
+
size = 24,
|
|
7
|
+
color = "currentColor",
|
|
8
|
+
coloredContent: coloredContent5,
|
|
9
|
+
monoContent: monoContent5,
|
|
10
|
+
style,
|
|
11
|
+
testID,
|
|
12
|
+
"aria-label": ariaLabel
|
|
13
|
+
}) => {
|
|
14
|
+
const svgContent = variant === "colored" ? coloredContent5 : monoContent5;
|
|
15
|
+
return /* @__PURE__ */ jsx(
|
|
16
|
+
SvgXml,
|
|
17
|
+
{
|
|
18
|
+
xml: svgContent,
|
|
19
|
+
width: size,
|
|
20
|
+
height: size,
|
|
21
|
+
color,
|
|
22
|
+
style,
|
|
23
|
+
testID,
|
|
24
|
+
accessible: !!ariaLabel,
|
|
25
|
+
accessibilityLabel: ariaLabel
|
|
26
|
+
}
|
|
27
|
+
);
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
// src/components/PlayTime.tsx
|
|
31
|
+
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
32
|
+
var coloredContent = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g clip-path="url(#clip0_13340_33)"><g><path d="M12.7822 3.28223H16.7178V7.21777L19.5 10L16.7178 12.7822V16.7178H12.7822L10 19.5L7.21777 16.7178H3.28223V12.7822L0.5 10L3.28223 7.21777L3.28223 3.28223L7.21777 3.28223L10 0.5L12.7822 3.28223ZM3.94141 10L10 16.0586L16.0586 10L10 3.94141L3.94141 10Z" fill="#8168FF"/><path d="M10.0356 6.5L13.5712 10.0355L10.0356 13.5711V6.5Z" fill="black"/></g></g><defs><clipPath><rect width="20" height="20" fill="white"/></clipPath></defs></svg>`;
|
|
33
|
+
var monoContent = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g clip-path="url(#clip0_13340_82)"><g><path d="M13.5713 10.0352L10.0361 13.5713V6.5L13.5713 10.0352Z" style="fill: currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.7822 3.28223H16.7178V7.21777L19.5 10L16.7178 12.7822V16.7178H12.7822L10 19.5L7.21777 16.7178H3.28223V12.7822L0.5 10L3.28223 7.21777V3.28223H7.21777L10 0.5L12.7822 3.28223ZM3.94141 10L10 16.0586L16.0586 10L10 3.94141L3.94141 10Z" style="fill: currentColor"/></g></g><defs><clipPath><rect width="20" height="20" style="fill: currentColor"/></clipPath></defs></svg>`;
|
|
34
|
+
var PlayTime = (props) => /* @__PURE__ */ jsx2(
|
|
35
|
+
BaseIcon,
|
|
36
|
+
{
|
|
37
|
+
...props,
|
|
38
|
+
coloredContent,
|
|
39
|
+
monoContent
|
|
40
|
+
}
|
|
41
|
+
);
|
|
42
|
+
|
|
43
|
+
// src/components/XsollaGold.tsx
|
|
44
|
+
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
45
|
+
var coloredContent2 = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g clip-path="url(#clip0_13340_27)"><g><g clip-path="url(#clip1_13340_27)"><path d="M19.9424 10.001L10 19.9434L0.0605469 9.99902L10.0029 0.0566406L19.9424 10.001ZM10 5C7.23858 5 5 7.23858 5 10C5 12.7614 7.23858 15 10 15C12.7614 15 15 12.7614 15 10C15 7.23858 12.7614 5 10 5Z" fill="#FFC800"/></g><path d="M10 7C9.60603 7 9.21593 7.0776 8.85195 7.22836C8.48797 7.37913 8.15726 7.6001 7.87868 7.87868C7.6001 8.15726 7.37913 8.48797 7.22836 8.85195C7.0776 9.21593 7 9.60603 7 10C7 10.394 7.0776 10.7841 7.22836 11.1481C7.37913 11.512 7.6001 11.8427 7.87868 12.1213C8.15726 12.3999 8.48797 12.6209 8.85195 12.7716C9.21593 12.9224 9.60603 13 10 13L10 10V7Z" fill="black"/></g></g><defs><clipPath><rect width="20" height="20" fill="white"/></clipPath><clipPath><rect width="20" height="20" fill="white"/></clipPath></defs></svg>`;
|
|
46
|
+
var monoContent2 = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g clip-path="url(#clip0_13340_76)"><g><path d="M10 13C9.60603 13 9.21554 12.9222 8.85156 12.7715C8.48774 12.6207 8.15738 12.3996 7.87891 12.1211C7.60043 11.8426 7.37928 11.5123 7.22852 11.1484C7.07775 10.7845 7 10.394 7 10C7 9.60603 7.07775 9.21554 7.22852 8.85156C7.37928 8.48774 7.60043 8.15738 7.87891 7.87891C8.15738 7.60043 8.48774 7.37928 8.85156 7.22852C9.21554 7.07775 9.60603 7 10 7V13Z" style="fill: currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.9424 10.001L10 19.9434L0.0605469 9.99902L10.0029 0.0566406L19.9424 10.001ZM10 5C7.23858 5 5 7.23858 5 10C5 12.7614 7.23858 15 10 15C12.7614 15 15 12.7614 15 10C15 7.23858 12.7614 5 10 5Z" style="fill: currentColor"/></g></g><defs><clipPath><rect width="20" height="20" style="fill: currentColor"/></clipPath></defs></svg>`;
|
|
47
|
+
var XsollaGold = (props) => /* @__PURE__ */ jsx3(
|
|
48
|
+
BaseIcon,
|
|
49
|
+
{
|
|
50
|
+
...props,
|
|
51
|
+
coloredContent: coloredContent2,
|
|
52
|
+
monoContent: monoContent2
|
|
53
|
+
}
|
|
54
|
+
);
|
|
55
|
+
|
|
56
|
+
// src/components/XsollaPoint.tsx
|
|
57
|
+
import { jsx as jsx4 } from "react/jsx-runtime";
|
|
58
|
+
var coloredContent3 = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g><g><path d="M10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1ZM10 4C8.4087 4 6.88303 4.63259 5.75781 5.75781C4.63259 6.88303 4 8.4087 4 10H6.94141C6.94141 10.7956 7.2577 11.5585 7.82031 12.1211C8.38291 12.6836 9.14581 13 9.94141 13C10.737 12.9999 11.4999 12.6836 12.0625 12.1211C12.625 11.5585 12.9414 10.7956 12.9414 10H16C16 8.4087 15.3674 6.88303 14.2422 5.75781C13.117 4.63259 11.5913 4 10 4Z" fill="#00D4FF"/><path d="M12.9412 10C12.9412 9.60603 12.8636 9.21593 12.7128 8.85195C12.562 8.48797 12.3411 8.15726 12.0625 7.87868C11.7839 7.6001 11.4532 7.37913 11.0892 7.22836C10.7252 7.0776 10.3351 7 9.94116 7C9.5472 7 9.15709 7.0776 8.79311 7.22836C8.42913 7.37913 8.09842 7.6001 7.81984 7.87868C7.54127 8.15726 7.32029 8.48797 7.16952 8.85195C7.01876 9.21593 6.94116 9.60603 6.94116 10L9.94116 10H12.9412Z" fill="black"/></g></g></svg>`;
|
|
59
|
+
var monoContent3 = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g><g><path d="M9.94141 7C10.3352 7.00003 10.725 7.07785 11.0889 7.22852C11.4528 7.37928 11.7839 7.60033 12.0625 7.87891C12.3409 8.15738 12.5622 8.48776 12.7129 8.85156C12.8637 9.21554 12.9414 9.60603 12.9414 10H6.94141C6.94141 9.60603 7.01916 9.21554 7.16992 8.85156C7.32068 8.48777 7.54186 8.15736 7.82031 7.87891C8.09882 7.60043 8.42911 7.37926 8.79297 7.22852C9.15695 7.07775 9.54744 7 9.94141 7Z" style="fill: currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1ZM10 4C8.4087 4 6.88303 4.63259 5.75781 5.75781C4.63259 6.88303 4 8.4087 4 10H6.94141C6.94141 10.7956 7.2577 11.5585 7.82031 12.1211C8.38291 12.6836 9.14581 13 9.94141 13C10.737 12.9999 11.4999 12.6836 12.0625 12.1211C12.625 11.5585 12.9414 10.7956 12.9414 10H16C16 8.4087 15.3674 6.88303 14.2422 5.75781C13.117 4.63259 11.5913 4 10 4Z" style="fill: currentColor"/></g></g></svg>`;
|
|
60
|
+
var XsollaPoint = (props) => /* @__PURE__ */ jsx4(
|
|
61
|
+
BaseIcon,
|
|
62
|
+
{
|
|
63
|
+
...props,
|
|
64
|
+
coloredContent: coloredContent3,
|
|
65
|
+
monoContent: monoContent3
|
|
66
|
+
}
|
|
67
|
+
);
|
|
68
|
+
|
|
69
|
+
// src/components/XsollaTicket.tsx
|
|
70
|
+
import { jsx as jsx5 } from "react/jsx-runtime";
|
|
71
|
+
var coloredContent4 = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g><g><path d="M7.5 2C7.5 2.3283 7.56479 2.65372 7.69043 2.95703C7.81606 3.26022 8.00036 3.53551 8.23242 3.76758C8.46449 3.99964 8.73978 4.18394 9.04297 4.30957C9.34628 4.43521 9.6717 4.5 10 4.5C10.3283 4.5 10.6537 4.43521 10.957 4.30957C11.2602 4.18394 11.5355 3.99964 11.7676 3.76758C11.9996 3.53551 12.1839 3.26022 12.3096 2.95703C12.4352 2.65372 12.5 2.3283 12.5 2H17V18H12.5C12.5 17.6717 12.4352 17.3463 12.3096 17.043C12.1839 16.7398 11.9996 16.4645 11.7676 16.2324C11.5355 16.0004 11.2602 15.8161 10.957 15.6904C10.6537 15.5648 10.3283 15.5 10 15.5C9.6717 15.5 9.34628 15.5648 9.04297 15.6904C8.73978 15.8161 8.46449 16.0004 8.23242 16.2324C8.00036 16.4645 7.81606 16.7398 7.69043 17.043C7.56479 17.3463 7.5 17.6717 7.5 18H3V2H7.5Z" fill="#FF867D"/><g><path d="M5 11H7V13H5V11Z" fill="black"/><path d="M9 11H11V13H9V11Z" fill="black"/><path d="M13 11H15V13H13V11Z" fill="black"/></g></g></g></svg>`;
|
|
72
|
+
var monoContent4 = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 2C7.5 2.3283 7.56479 2.65372 7.69043 2.95703C7.81606 3.26022 8.00036 3.53551 8.23242 3.76758C8.46449 3.99964 8.73978 4.18394 9.04297 4.30957C9.34628 4.43521 9.6717 4.5 10 4.5C10.3283 4.5 10.6537 4.43521 10.957 4.30957C11.2602 4.18394 11.5355 3.99964 11.7676 3.76758C11.9996 3.53551 12.1839 3.26022 12.3096 2.95703C12.4352 2.65372 12.5 2.3283 12.5 2H17V18H12.5C12.5 17.6717 12.4352 17.3463 12.3096 17.043C12.1839 16.7398 11.9996 16.4645 11.7676 16.2324C11.5355 16.0004 11.2602 15.8161 10.957 15.6904C10.6537 15.5648 10.3283 15.5 10 15.5C9.6717 15.5 9.34628 15.5648 9.04297 15.6904C8.73978 15.8161 8.46449 16.0004 8.23242 16.2324C8.00036 16.4645 7.81606 16.7398 7.69043 17.043C7.56479 17.3463 7.5 17.6717 7.5 18H3V2H7.5ZM5 13H7V11H5V13ZM9 13H11V11H9V13ZM13 11V13H15V11H13Z" style="fill: currentColor"/></g></svg>`;
|
|
73
|
+
var XsollaTicket = (props) => /* @__PURE__ */ jsx5(
|
|
74
|
+
BaseIcon,
|
|
75
|
+
{
|
|
76
|
+
...props,
|
|
77
|
+
coloredContent: coloredContent4,
|
|
78
|
+
monoContent: monoContent4
|
|
79
|
+
}
|
|
80
|
+
);
|
|
81
|
+
export {
|
|
82
|
+
BaseIcon,
|
|
83
|
+
PlayTime,
|
|
84
|
+
XsollaGold,
|
|
85
|
+
XsollaPoint,
|
|
86
|
+
XsollaTicket
|
|
87
|
+
};
|
|
88
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/BaseIcon.native.tsx","../../src/components/PlayTime.tsx","../../src/components/XsollaGold.tsx","../../src/components/XsollaPoint.tsx","../../src/components/XsollaTicket.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 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g clip-path=\"url(#clip0_13340_33)\"><g><path d=\"M12.7822 3.28223H16.7178V7.21777L19.5 10L16.7178 12.7822V16.7178H12.7822L10 19.5L7.21777 16.7178H3.28223V12.7822L0.5 10L3.28223 7.21777L3.28223 3.28223L7.21777 3.28223L10 0.5L12.7822 3.28223ZM3.94141 10L10 16.0586L16.0586 10L10 3.94141L3.94141 10Z\" fill=\"#8168FF\"/><path d=\"M10.0356 6.5L13.5712 10.0355L10.0356 13.5711V6.5Z\" fill=\"black\"/></g></g><defs><clipPath><rect width=\"20\" height=\"20\" fill=\"white\"/></clipPath></defs></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g clip-path=\"url(#clip0_13340_82)\"><g><path d=\"M13.5713 10.0352L10.0361 13.5713V6.5L13.5713 10.0352Z\" style=\"fill: currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.7822 3.28223H16.7178V7.21777L19.5 10L16.7178 12.7822V16.7178H12.7822L10 19.5L7.21777 16.7178H3.28223V12.7822L0.5 10L3.28223 7.21777V3.28223H7.21777L10 0.5L12.7822 3.28223ZM3.94141 10L10 16.0586L16.0586 10L10 3.94141L3.94141 10Z\" style=\"fill: currentColor\"/></g></g><defs><clipPath><rect width=\"20\" height=\"20\" style=\"fill: currentColor\"/></clipPath></defs></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 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g clip-path=\"url(#clip0_13340_27)\"><g><g clip-path=\"url(#clip1_13340_27)\"><path d=\"M19.9424 10.001L10 19.9434L0.0605469 9.99902L10.0029 0.0566406L19.9424 10.001ZM10 5C7.23858 5 5 7.23858 5 10C5 12.7614 7.23858 15 10 15C12.7614 15 15 12.7614 15 10C15 7.23858 12.7614 5 10 5Z\" fill=\"#FFC800\"/></g><path d=\"M10 7C9.60603 7 9.21593 7.0776 8.85195 7.22836C8.48797 7.37913 8.15726 7.6001 7.87868 7.87868C7.6001 8.15726 7.37913 8.48797 7.22836 8.85195C7.0776 9.21593 7 9.60603 7 10C7 10.394 7.0776 10.7841 7.22836 11.1481C7.37913 11.512 7.6001 11.8427 7.87868 12.1213C8.15726 12.3999 8.48797 12.6209 8.85195 12.7716C9.21593 12.9224 9.60603 13 10 13L10 10V7Z\" fill=\"black\"/></g></g><defs><clipPath><rect width=\"20\" height=\"20\" fill=\"white\"/></clipPath><clipPath><rect width=\"20\" height=\"20\" fill=\"white\"/></clipPath></defs></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g clip-path=\"url(#clip0_13340_76)\"><g><path d=\"M10 13C9.60603 13 9.21554 12.9222 8.85156 12.7715C8.48774 12.6207 8.15738 12.3996 7.87891 12.1211C7.60043 11.8426 7.37928 11.5123 7.22852 11.1484C7.07775 10.7845 7 10.394 7 10C7 9.60603 7.07775 9.21554 7.22852 8.85156C7.37928 8.48774 7.60043 8.15738 7.87891 7.87891C8.15738 7.60043 8.48774 7.37928 8.85156 7.22852C9.21554 7.07775 9.60603 7 10 7V13Z\" style=\"fill: currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.9424 10.001L10 19.9434L0.0605469 9.99902L10.0029 0.0566406L19.9424 10.001ZM10 5C7.23858 5 5 7.23858 5 10C5 12.7614 7.23858 15 10 15C12.7614 15 15 12.7614 15 10C15 7.23858 12.7614 5 10 5Z\" style=\"fill: currentColor\"/></g></g><defs><clipPath><rect width=\"20\" height=\"20\" style=\"fill: currentColor\"/></clipPath></defs></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 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g><g><path d=\"M10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1ZM10 4C8.4087 4 6.88303 4.63259 5.75781 5.75781C4.63259 6.88303 4 8.4087 4 10H6.94141C6.94141 10.7956 7.2577 11.5585 7.82031 12.1211C8.38291 12.6836 9.14581 13 9.94141 13C10.737 12.9999 11.4999 12.6836 12.0625 12.1211C12.625 11.5585 12.9414 10.7956 12.9414 10H16C16 8.4087 15.3674 6.88303 14.2422 5.75781C13.117 4.63259 11.5913 4 10 4Z\" fill=\"#00D4FF\"/><path d=\"M12.9412 10C12.9412 9.60603 12.8636 9.21593 12.7128 8.85195C12.562 8.48797 12.3411 8.15726 12.0625 7.87868C11.7839 7.6001 11.4532 7.37913 11.0892 7.22836C10.7252 7.0776 10.3351 7 9.94116 7C9.5472 7 9.15709 7.0776 8.79311 7.22836C8.42913 7.37913 8.09842 7.6001 7.81984 7.87868C7.54127 8.15726 7.32029 8.48797 7.16952 8.85195C7.01876 9.21593 6.94116 9.60603 6.94116 10L9.94116 10H12.9412Z\" fill=\"black\"/></g></g></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g><g><path d=\"M9.94141 7C10.3352 7.00003 10.725 7.07785 11.0889 7.22852C11.4528 7.37928 11.7839 7.60033 12.0625 7.87891C12.3409 8.15738 12.5622 8.48776 12.7129 8.85156C12.8637 9.21554 12.9414 9.60603 12.9414 10H6.94141C6.94141 9.60603 7.01916 9.21554 7.16992 8.85156C7.32068 8.48777 7.54186 8.15736 7.82031 7.87891C8.09882 7.60043 8.42911 7.37926 8.79297 7.22852C9.15695 7.07775 9.54744 7 9.94141 7Z\" style=\"fill: currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1ZM10 4C8.4087 4 6.88303 4.63259 5.75781 5.75781C4.63259 6.88303 4 8.4087 4 10H6.94141C6.94141 10.7956 7.2577 11.5585 7.82031 12.1211C8.38291 12.6836 9.14581 13 9.94141 13C10.737 12.9999 11.4999 12.6836 12.0625 12.1211C12.625 11.5585 12.9414 10.7956 12.9414 10H16C16 8.4087 15.3674 6.88303 14.2422 5.75781C13.117 4.63259 11.5913 4 10 4Z\" style=\"fill: currentColor\"/></g></g></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 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g><g><path d=\"M7.5 2C7.5 2.3283 7.56479 2.65372 7.69043 2.95703C7.81606 3.26022 8.00036 3.53551 8.23242 3.76758C8.46449 3.99964 8.73978 4.18394 9.04297 4.30957C9.34628 4.43521 9.6717 4.5 10 4.5C10.3283 4.5 10.6537 4.43521 10.957 4.30957C11.2602 4.18394 11.5355 3.99964 11.7676 3.76758C11.9996 3.53551 12.1839 3.26022 12.3096 2.95703C12.4352 2.65372 12.5 2.3283 12.5 2H17V18H12.5C12.5 17.6717 12.4352 17.3463 12.3096 17.043C12.1839 16.7398 11.9996 16.4645 11.7676 16.2324C11.5355 16.0004 11.2602 15.8161 10.957 15.6904C10.6537 15.5648 10.3283 15.5 10 15.5C9.6717 15.5 9.34628 15.5648 9.04297 15.6904C8.73978 15.8161 8.46449 16.0004 8.23242 16.2324C8.00036 16.4645 7.81606 16.7398 7.69043 17.043C7.56479 17.3463 7.5 17.6717 7.5 18H3V2H7.5Z\" fill=\"#FF867D\"/><g><path d=\"M5 11H7V13H5V11Z\" fill=\"black\"/><path d=\"M9 11H11V13H9V11Z\" fill=\"black\"/><path d=\"M13 11H15V13H13V11Z\" fill=\"black\"/></g></g></g></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.5 2C7.5 2.3283 7.56479 2.65372 7.69043 2.95703C7.81606 3.26022 8.00036 3.53551 8.23242 3.76758C8.46449 3.99964 8.73978 4.18394 9.04297 4.30957C9.34628 4.43521 9.6717 4.5 10 4.5C10.3283 4.5 10.6537 4.43521 10.957 4.30957C11.2602 4.18394 11.5355 3.99964 11.7676 3.76758C11.9996 3.53551 12.1839 3.26022 12.3096 2.95703C12.4352 2.65372 12.5 2.3283 12.5 2H17V18H12.5C12.5 17.6717 12.4352 17.3463 12.3096 17.043C12.1839 16.7398 11.9996 16.4645 11.7676 16.2324C11.5355 16.0004 11.2602 15.8161 10.957 15.6904C10.6537 15.5648 10.3283 15.5 10 15.5C9.6717 15.5 9.34628 15.5648 9.04297 15.6904C8.73978 15.8161 8.46449 16.0004 8.23242 16.2324C8.00036 16.4645 7.81606 16.7398 7.69043 17.043C7.56479 17.3463 7.5 17.6717 7.5 18H3V2H7.5ZM5 13H7V11H5V13ZM9 13H11V11H9V13ZM13 11V13H15V11H13Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const XsollaTicket: 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,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;","names":["coloredContent","monoContent","jsx","jsx","coloredContent","monoContent","jsx","coloredContent","monoContent","jsx","coloredContent","monoContent"]}
|
package/package.json
ADDED
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@xsolla/xui-icons-currency",
|
|
3
|
+
"version": "0.64.0-pr76.1768538499",
|
|
4
|
+
"main": "./web/index.js",
|
|
5
|
+
"module": "./web/index.mjs",
|
|
6
|
+
"types": "./web/index.d.ts",
|
|
7
|
+
"exports": {
|
|
8
|
+
".": {
|
|
9
|
+
"react-native": {
|
|
10
|
+
"types": "./native/index.d.ts",
|
|
11
|
+
"import": "./native/index.mjs",
|
|
12
|
+
"require": "./native/index.js"
|
|
13
|
+
},
|
|
14
|
+
"import": {
|
|
15
|
+
"types": "./web/index.d.ts",
|
|
16
|
+
"default": "./web/index.mjs"
|
|
17
|
+
},
|
|
18
|
+
"require": {
|
|
19
|
+
"types": "./web/index.d.ts",
|
|
20
|
+
"default": "./web/index.js"
|
|
21
|
+
},
|
|
22
|
+
"default": {
|
|
23
|
+
"types": "./web/index.d.ts",
|
|
24
|
+
"default": "./web/index.js"
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
"sideEffects": false,
|
|
29
|
+
"peerDependencies": {
|
|
30
|
+
"react": ">=16",
|
|
31
|
+
"styled-components": ">=5.0.0",
|
|
32
|
+
"react-native": ">=0.60.0",
|
|
33
|
+
"react-native-svg": ">=12.0.0"
|
|
34
|
+
},
|
|
35
|
+
"peerDependenciesMeta": {
|
|
36
|
+
"react-native": {
|
|
37
|
+
"optional": true
|
|
38
|
+
},
|
|
39
|
+
"react-native-svg": {
|
|
40
|
+
"optional": true
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
"devDependencies": {
|
|
44
|
+
"tsup": "^8.0.0",
|
|
45
|
+
"typescript": "^5.0.0"
|
|
46
|
+
},
|
|
47
|
+
"scripts": {
|
|
48
|
+
"generate": "node scripts/generate-icons.js",
|
|
49
|
+
"build": "yarn build:web && yarn build:native",
|
|
50
|
+
"build:web": "PLATFORM=web tsup",
|
|
51
|
+
"build:native": "PLATFORM=native tsup",
|
|
52
|
+
"dev": "PLATFORM=web tsup --watch"
|
|
53
|
+
},
|
|
54
|
+
"license": "MIT",
|
|
55
|
+
"react-native": "./native/index.js",
|
|
56
|
+
"dependencies": {}
|
|
57
|
+
}
|
package/web/index.d.mts
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
type IconVariant = "colored" | "mono";
|
|
4
|
+
interface CurrencyIconProps {
|
|
5
|
+
/** Icon variant style. Default: 'colored' */
|
|
6
|
+
variant?: IconVariant;
|
|
7
|
+
/** Size in pixels. Default: 24 */
|
|
8
|
+
size?: number;
|
|
9
|
+
/** Icon color (only applies to mono variant). Default: 'currentColor' */
|
|
10
|
+
color?: string;
|
|
11
|
+
/** Additional CSS class */
|
|
12
|
+
className?: string;
|
|
13
|
+
/** Inline styles */
|
|
14
|
+
style?: React.CSSProperties;
|
|
15
|
+
/** Test ID for testing frameworks (web) */
|
|
16
|
+
"data-testid"?: string;
|
|
17
|
+
/** Test ID for testing frameworks (React Native) */
|
|
18
|
+
testID?: string;
|
|
19
|
+
/** Accessible label for screen readers */
|
|
20
|
+
"aria-label"?: string;
|
|
21
|
+
/** Hide from screen readers (default: true if no aria-label) */
|
|
22
|
+
"aria-hidden"?: boolean;
|
|
23
|
+
}
|
|
24
|
+
type CurrencyIconComponent = React.FC<CurrencyIconProps>;
|
|
25
|
+
interface CurrencyIconInternalProps extends CurrencyIconProps {
|
|
26
|
+
coloredContent: string;
|
|
27
|
+
monoContent: string;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
declare const BaseIcon: React.FC<CurrencyIconInternalProps>;
|
|
31
|
+
|
|
32
|
+
declare const PlayTime: React.FC<CurrencyIconProps>;
|
|
33
|
+
|
|
34
|
+
declare const XsollaGold: React.FC<CurrencyIconProps>;
|
|
35
|
+
|
|
36
|
+
declare const XsollaPoint: React.FC<CurrencyIconProps>;
|
|
37
|
+
|
|
38
|
+
declare const XsollaTicket: React.FC<CurrencyIconProps>;
|
|
39
|
+
|
|
40
|
+
export { BaseIcon, type CurrencyIconComponent, type CurrencyIconProps, type IconVariant, PlayTime, XsollaGold, XsollaPoint, XsollaTicket };
|
package/web/index.d.ts
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
type IconVariant = "colored" | "mono";
|
|
4
|
+
interface CurrencyIconProps {
|
|
5
|
+
/** Icon variant style. Default: 'colored' */
|
|
6
|
+
variant?: IconVariant;
|
|
7
|
+
/** Size in pixels. Default: 24 */
|
|
8
|
+
size?: number;
|
|
9
|
+
/** Icon color (only applies to mono variant). Default: 'currentColor' */
|
|
10
|
+
color?: string;
|
|
11
|
+
/** Additional CSS class */
|
|
12
|
+
className?: string;
|
|
13
|
+
/** Inline styles */
|
|
14
|
+
style?: React.CSSProperties;
|
|
15
|
+
/** Test ID for testing frameworks (web) */
|
|
16
|
+
"data-testid"?: string;
|
|
17
|
+
/** Test ID for testing frameworks (React Native) */
|
|
18
|
+
testID?: string;
|
|
19
|
+
/** Accessible label for screen readers */
|
|
20
|
+
"aria-label"?: string;
|
|
21
|
+
/** Hide from screen readers (default: true if no aria-label) */
|
|
22
|
+
"aria-hidden"?: boolean;
|
|
23
|
+
}
|
|
24
|
+
type CurrencyIconComponent = React.FC<CurrencyIconProps>;
|
|
25
|
+
interface CurrencyIconInternalProps extends CurrencyIconProps {
|
|
26
|
+
coloredContent: string;
|
|
27
|
+
monoContent: string;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
declare const BaseIcon: React.FC<CurrencyIconInternalProps>;
|
|
31
|
+
|
|
32
|
+
declare const PlayTime: React.FC<CurrencyIconProps>;
|
|
33
|
+
|
|
34
|
+
declare const XsollaGold: React.FC<CurrencyIconProps>;
|
|
35
|
+
|
|
36
|
+
declare const XsollaPoint: React.FC<CurrencyIconProps>;
|
|
37
|
+
|
|
38
|
+
declare const XsollaTicket: React.FC<CurrencyIconProps>;
|
|
39
|
+
|
|
40
|
+
export { BaseIcon, type CurrencyIconComponent, type CurrencyIconProps, type IconVariant, PlayTime, XsollaGold, XsollaPoint, XsollaTicket };
|
package/web/index.js
ADDED
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
|
|
30
|
+
// src/index.ts
|
|
31
|
+
var index_exports = {};
|
|
32
|
+
__export(index_exports, {
|
|
33
|
+
BaseIcon: () => BaseIcon,
|
|
34
|
+
PlayTime: () => PlayTime,
|
|
35
|
+
XsollaGold: () => XsollaGold,
|
|
36
|
+
XsollaPoint: () => XsollaPoint,
|
|
37
|
+
XsollaTicket: () => XsollaTicket
|
|
38
|
+
});
|
|
39
|
+
module.exports = __toCommonJS(index_exports);
|
|
40
|
+
|
|
41
|
+
// src/BaseIcon.tsx
|
|
42
|
+
var import_styled_components = __toESM(require("styled-components"));
|
|
43
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
44
|
+
var StyledIcon = import_styled_components.default.div`
|
|
45
|
+
display: inline-flex;
|
|
46
|
+
align-items: center;
|
|
47
|
+
justify-content: center;
|
|
48
|
+
width: ${(props) => props.$size}px;
|
|
49
|
+
height: ${(props) => props.$size}px;
|
|
50
|
+
color: ${(props) => props.$color};
|
|
51
|
+
|
|
52
|
+
svg {
|
|
53
|
+
width: 100%;
|
|
54
|
+
height: 100%;
|
|
55
|
+
}
|
|
56
|
+
`;
|
|
57
|
+
var BaseIcon = ({
|
|
58
|
+
variant = "colored",
|
|
59
|
+
size = 24,
|
|
60
|
+
color = "currentColor",
|
|
61
|
+
coloredContent: coloredContent5,
|
|
62
|
+
monoContent: monoContent5,
|
|
63
|
+
className,
|
|
64
|
+
style,
|
|
65
|
+
"data-testid": testId,
|
|
66
|
+
"aria-label": ariaLabel,
|
|
67
|
+
"aria-hidden": ariaHidden
|
|
68
|
+
}) => {
|
|
69
|
+
const svgContent = variant === "colored" ? coloredContent5 : monoContent5;
|
|
70
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
71
|
+
StyledIcon,
|
|
72
|
+
{
|
|
73
|
+
$size: size,
|
|
74
|
+
$color: color,
|
|
75
|
+
className,
|
|
76
|
+
style,
|
|
77
|
+
"data-testid": testId,
|
|
78
|
+
role: ariaLabel ? "img" : void 0,
|
|
79
|
+
"aria-label": ariaLabel,
|
|
80
|
+
"aria-hidden": ariaHidden != null ? ariaHidden : ariaLabel ? void 0 : true,
|
|
81
|
+
dangerouslySetInnerHTML: { __html: svgContent }
|
|
82
|
+
}
|
|
83
|
+
);
|
|
84
|
+
};
|
|
85
|
+
|
|
86
|
+
// src/components/PlayTime.tsx
|
|
87
|
+
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
88
|
+
var coloredContent = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g clip-path="url(#clip0_13340_33)"><g><path d="M12.7822 3.28223H16.7178V7.21777L19.5 10L16.7178 12.7822V16.7178H12.7822L10 19.5L7.21777 16.7178H3.28223V12.7822L0.5 10L3.28223 7.21777L3.28223 3.28223L7.21777 3.28223L10 0.5L12.7822 3.28223ZM3.94141 10L10 16.0586L16.0586 10L10 3.94141L3.94141 10Z" fill="#8168FF"/><path d="M10.0356 6.5L13.5712 10.0355L10.0356 13.5711V6.5Z" fill="black"/></g></g><defs><clipPath><rect width="20" height="20" fill="white"/></clipPath></defs></svg>`;
|
|
89
|
+
var monoContent = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g clip-path="url(#clip0_13340_82)"><g><path d="M13.5713 10.0352L10.0361 13.5713V6.5L13.5713 10.0352Z" style="fill: currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.7822 3.28223H16.7178V7.21777L19.5 10L16.7178 12.7822V16.7178H12.7822L10 19.5L7.21777 16.7178H3.28223V12.7822L0.5 10L3.28223 7.21777V3.28223H7.21777L10 0.5L12.7822 3.28223ZM3.94141 10L10 16.0586L16.0586 10L10 3.94141L3.94141 10Z" style="fill: currentColor"/></g></g><defs><clipPath><rect width="20" height="20" style="fill: currentColor"/></clipPath></defs></svg>`;
|
|
90
|
+
var PlayTime = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
91
|
+
BaseIcon,
|
|
92
|
+
{
|
|
93
|
+
...props,
|
|
94
|
+
coloredContent,
|
|
95
|
+
monoContent
|
|
96
|
+
}
|
|
97
|
+
);
|
|
98
|
+
|
|
99
|
+
// src/components/XsollaGold.tsx
|
|
100
|
+
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
101
|
+
var coloredContent2 = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g clip-path="url(#clip0_13340_27)"><g><g clip-path="url(#clip1_13340_27)"><path d="M19.9424 10.001L10 19.9434L0.0605469 9.99902L10.0029 0.0566406L19.9424 10.001ZM10 5C7.23858 5 5 7.23858 5 10C5 12.7614 7.23858 15 10 15C12.7614 15 15 12.7614 15 10C15 7.23858 12.7614 5 10 5Z" fill="#FFC800"/></g><path d="M10 7C9.60603 7 9.21593 7.0776 8.85195 7.22836C8.48797 7.37913 8.15726 7.6001 7.87868 7.87868C7.6001 8.15726 7.37913 8.48797 7.22836 8.85195C7.0776 9.21593 7 9.60603 7 10C7 10.394 7.0776 10.7841 7.22836 11.1481C7.37913 11.512 7.6001 11.8427 7.87868 12.1213C8.15726 12.3999 8.48797 12.6209 8.85195 12.7716C9.21593 12.9224 9.60603 13 10 13L10 10V7Z" fill="black"/></g></g><defs><clipPath><rect width="20" height="20" fill="white"/></clipPath><clipPath><rect width="20" height="20" fill="white"/></clipPath></defs></svg>`;
|
|
102
|
+
var monoContent2 = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g clip-path="url(#clip0_13340_76)"><g><path d="M10 13C9.60603 13 9.21554 12.9222 8.85156 12.7715C8.48774 12.6207 8.15738 12.3996 7.87891 12.1211C7.60043 11.8426 7.37928 11.5123 7.22852 11.1484C7.07775 10.7845 7 10.394 7 10C7 9.60603 7.07775 9.21554 7.22852 8.85156C7.37928 8.48774 7.60043 8.15738 7.87891 7.87891C8.15738 7.60043 8.48774 7.37928 8.85156 7.22852C9.21554 7.07775 9.60603 7 10 7V13Z" style="fill: currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.9424 10.001L10 19.9434L0.0605469 9.99902L10.0029 0.0566406L19.9424 10.001ZM10 5C7.23858 5 5 7.23858 5 10C5 12.7614 7.23858 15 10 15C12.7614 15 15 12.7614 15 10C15 7.23858 12.7614 5 10 5Z" style="fill: currentColor"/></g></g><defs><clipPath><rect width="20" height="20" style="fill: currentColor"/></clipPath></defs></svg>`;
|
|
103
|
+
var XsollaGold = (props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
104
|
+
BaseIcon,
|
|
105
|
+
{
|
|
106
|
+
...props,
|
|
107
|
+
coloredContent: coloredContent2,
|
|
108
|
+
monoContent: monoContent2
|
|
109
|
+
}
|
|
110
|
+
);
|
|
111
|
+
|
|
112
|
+
// src/components/XsollaPoint.tsx
|
|
113
|
+
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
114
|
+
var coloredContent3 = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g><g><path d="M10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1ZM10 4C8.4087 4 6.88303 4.63259 5.75781 5.75781C4.63259 6.88303 4 8.4087 4 10H6.94141C6.94141 10.7956 7.2577 11.5585 7.82031 12.1211C8.38291 12.6836 9.14581 13 9.94141 13C10.737 12.9999 11.4999 12.6836 12.0625 12.1211C12.625 11.5585 12.9414 10.7956 12.9414 10H16C16 8.4087 15.3674 6.88303 14.2422 5.75781C13.117 4.63259 11.5913 4 10 4Z" fill="#00D4FF"/><path d="M12.9412 10C12.9412 9.60603 12.8636 9.21593 12.7128 8.85195C12.562 8.48797 12.3411 8.15726 12.0625 7.87868C11.7839 7.6001 11.4532 7.37913 11.0892 7.22836C10.7252 7.0776 10.3351 7 9.94116 7C9.5472 7 9.15709 7.0776 8.79311 7.22836C8.42913 7.37913 8.09842 7.6001 7.81984 7.87868C7.54127 8.15726 7.32029 8.48797 7.16952 8.85195C7.01876 9.21593 6.94116 9.60603 6.94116 10L9.94116 10H12.9412Z" fill="black"/></g></g></svg>`;
|
|
115
|
+
var monoContent3 = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g><g><path d="M9.94141 7C10.3352 7.00003 10.725 7.07785 11.0889 7.22852C11.4528 7.37928 11.7839 7.60033 12.0625 7.87891C12.3409 8.15738 12.5622 8.48776 12.7129 8.85156C12.8637 9.21554 12.9414 9.60603 12.9414 10H6.94141C6.94141 9.60603 7.01916 9.21554 7.16992 8.85156C7.32068 8.48777 7.54186 8.15736 7.82031 7.87891C8.09882 7.60043 8.42911 7.37926 8.79297 7.22852C9.15695 7.07775 9.54744 7 9.94141 7Z" style="fill: currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1ZM10 4C8.4087 4 6.88303 4.63259 5.75781 5.75781C4.63259 6.88303 4 8.4087 4 10H6.94141C6.94141 10.7956 7.2577 11.5585 7.82031 12.1211C8.38291 12.6836 9.14581 13 9.94141 13C10.737 12.9999 11.4999 12.6836 12.0625 12.1211C12.625 11.5585 12.9414 10.7956 12.9414 10H16C16 8.4087 15.3674 6.88303 14.2422 5.75781C13.117 4.63259 11.5913 4 10 4Z" style="fill: currentColor"/></g></g></svg>`;
|
|
116
|
+
var XsollaPoint = (props) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
117
|
+
BaseIcon,
|
|
118
|
+
{
|
|
119
|
+
...props,
|
|
120
|
+
coloredContent: coloredContent3,
|
|
121
|
+
monoContent: monoContent3
|
|
122
|
+
}
|
|
123
|
+
);
|
|
124
|
+
|
|
125
|
+
// src/components/XsollaTicket.tsx
|
|
126
|
+
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
127
|
+
var coloredContent4 = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g><g><path d="M7.5 2C7.5 2.3283 7.56479 2.65372 7.69043 2.95703C7.81606 3.26022 8.00036 3.53551 8.23242 3.76758C8.46449 3.99964 8.73978 4.18394 9.04297 4.30957C9.34628 4.43521 9.6717 4.5 10 4.5C10.3283 4.5 10.6537 4.43521 10.957 4.30957C11.2602 4.18394 11.5355 3.99964 11.7676 3.76758C11.9996 3.53551 12.1839 3.26022 12.3096 2.95703C12.4352 2.65372 12.5 2.3283 12.5 2H17V18H12.5C12.5 17.6717 12.4352 17.3463 12.3096 17.043C12.1839 16.7398 11.9996 16.4645 11.7676 16.2324C11.5355 16.0004 11.2602 15.8161 10.957 15.6904C10.6537 15.5648 10.3283 15.5 10 15.5C9.6717 15.5 9.34628 15.5648 9.04297 15.6904C8.73978 15.8161 8.46449 16.0004 8.23242 16.2324C8.00036 16.4645 7.81606 16.7398 7.69043 17.043C7.56479 17.3463 7.5 17.6717 7.5 18H3V2H7.5Z" fill="#FF867D"/><g><path d="M5 11H7V13H5V11Z" fill="black"/><path d="M9 11H11V13H9V11Z" fill="black"/><path d="M13 11H15V13H13V11Z" fill="black"/></g></g></g></svg>`;
|
|
128
|
+
var monoContent4 = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 2C7.5 2.3283 7.56479 2.65372 7.69043 2.95703C7.81606 3.26022 8.00036 3.53551 8.23242 3.76758C8.46449 3.99964 8.73978 4.18394 9.04297 4.30957C9.34628 4.43521 9.6717 4.5 10 4.5C10.3283 4.5 10.6537 4.43521 10.957 4.30957C11.2602 4.18394 11.5355 3.99964 11.7676 3.76758C11.9996 3.53551 12.1839 3.26022 12.3096 2.95703C12.4352 2.65372 12.5 2.3283 12.5 2H17V18H12.5C12.5 17.6717 12.4352 17.3463 12.3096 17.043C12.1839 16.7398 11.9996 16.4645 11.7676 16.2324C11.5355 16.0004 11.2602 15.8161 10.957 15.6904C10.6537 15.5648 10.3283 15.5 10 15.5C9.6717 15.5 9.34628 15.5648 9.04297 15.6904C8.73978 15.8161 8.46449 16.0004 8.23242 16.2324C8.00036 16.4645 7.81606 16.7398 7.69043 17.043C7.56479 17.3463 7.5 17.6717 7.5 18H3V2H7.5ZM5 13H7V11H5V13ZM9 13H11V11H9V13ZM13 11V13H15V11H13Z" style="fill: currentColor"/></g></svg>`;
|
|
129
|
+
var XsollaTicket = (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
130
|
+
BaseIcon,
|
|
131
|
+
{
|
|
132
|
+
...props,
|
|
133
|
+
coloredContent: coloredContent4,
|
|
134
|
+
monoContent: monoContent4
|
|
135
|
+
}
|
|
136
|
+
);
|
|
137
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
138
|
+
0 && (module.exports = {
|
|
139
|
+
BaseIcon,
|
|
140
|
+
PlayTime,
|
|
141
|
+
XsollaGold,
|
|
142
|
+
XsollaPoint,
|
|
143
|
+
XsollaTicket
|
|
144
|
+
});
|
|
145
|
+
//# sourceMappingURL=index.js.map
|
package/web/index.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/index.ts","../../src/BaseIcon.tsx","../../src/components/PlayTime.tsx","../../src/components/XsollaGold.tsx","../../src/components/XsollaPoint.tsx","../../src/components/XsollaTicket.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 { PlayTime } from \"./components/PlayTime\";\nexport { XsollaGold } from \"./components/XsollaGold\";\nexport { XsollaPoint } from \"./components/XsollaPoint\";\nexport { XsollaTicket } from \"./components/XsollaTicket\";\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 \"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}\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 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g clip-path=\"url(#clip0_13340_33)\"><g><path d=\"M12.7822 3.28223H16.7178V7.21777L19.5 10L16.7178 12.7822V16.7178H12.7822L10 19.5L7.21777 16.7178H3.28223V12.7822L0.5 10L3.28223 7.21777L3.28223 3.28223L7.21777 3.28223L10 0.5L12.7822 3.28223ZM3.94141 10L10 16.0586L16.0586 10L10 3.94141L3.94141 10Z\" fill=\"#8168FF\"/><path d=\"M10.0356 6.5L13.5712 10.0355L10.0356 13.5711V6.5Z\" fill=\"black\"/></g></g><defs><clipPath><rect width=\"20\" height=\"20\" fill=\"white\"/></clipPath></defs></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g clip-path=\"url(#clip0_13340_82)\"><g><path d=\"M13.5713 10.0352L10.0361 13.5713V6.5L13.5713 10.0352Z\" style=\"fill: currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.7822 3.28223H16.7178V7.21777L19.5 10L16.7178 12.7822V16.7178H12.7822L10 19.5L7.21777 16.7178H3.28223V12.7822L0.5 10L3.28223 7.21777V3.28223H7.21777L10 0.5L12.7822 3.28223ZM3.94141 10L10 16.0586L16.0586 10L10 3.94141L3.94141 10Z\" style=\"fill: currentColor\"/></g></g><defs><clipPath><rect width=\"20\" height=\"20\" style=\"fill: currentColor\"/></clipPath></defs></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 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g clip-path=\"url(#clip0_13340_27)\"><g><g clip-path=\"url(#clip1_13340_27)\"><path d=\"M19.9424 10.001L10 19.9434L0.0605469 9.99902L10.0029 0.0566406L19.9424 10.001ZM10 5C7.23858 5 5 7.23858 5 10C5 12.7614 7.23858 15 10 15C12.7614 15 15 12.7614 15 10C15 7.23858 12.7614 5 10 5Z\" fill=\"#FFC800\"/></g><path d=\"M10 7C9.60603 7 9.21593 7.0776 8.85195 7.22836C8.48797 7.37913 8.15726 7.6001 7.87868 7.87868C7.6001 8.15726 7.37913 8.48797 7.22836 8.85195C7.0776 9.21593 7 9.60603 7 10C7 10.394 7.0776 10.7841 7.22836 11.1481C7.37913 11.512 7.6001 11.8427 7.87868 12.1213C8.15726 12.3999 8.48797 12.6209 8.85195 12.7716C9.21593 12.9224 9.60603 13 10 13L10 10V7Z\" fill=\"black\"/></g></g><defs><clipPath><rect width=\"20\" height=\"20\" fill=\"white\"/></clipPath><clipPath><rect width=\"20\" height=\"20\" fill=\"white\"/></clipPath></defs></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g clip-path=\"url(#clip0_13340_76)\"><g><path d=\"M10 13C9.60603 13 9.21554 12.9222 8.85156 12.7715C8.48774 12.6207 8.15738 12.3996 7.87891 12.1211C7.60043 11.8426 7.37928 11.5123 7.22852 11.1484C7.07775 10.7845 7 10.394 7 10C7 9.60603 7.07775 9.21554 7.22852 8.85156C7.37928 8.48774 7.60043 8.15738 7.87891 7.87891C8.15738 7.60043 8.48774 7.37928 8.85156 7.22852C9.21554 7.07775 9.60603 7 10 7V13Z\" style=\"fill: currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.9424 10.001L10 19.9434L0.0605469 9.99902L10.0029 0.0566406L19.9424 10.001ZM10 5C7.23858 5 5 7.23858 5 10C5 12.7614 7.23858 15 10 15C12.7614 15 15 12.7614 15 10C15 7.23858 12.7614 5 10 5Z\" style=\"fill: currentColor\"/></g></g><defs><clipPath><rect width=\"20\" height=\"20\" style=\"fill: currentColor\"/></clipPath></defs></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 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g><g><path d=\"M10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1ZM10 4C8.4087 4 6.88303 4.63259 5.75781 5.75781C4.63259 6.88303 4 8.4087 4 10H6.94141C6.94141 10.7956 7.2577 11.5585 7.82031 12.1211C8.38291 12.6836 9.14581 13 9.94141 13C10.737 12.9999 11.4999 12.6836 12.0625 12.1211C12.625 11.5585 12.9414 10.7956 12.9414 10H16C16 8.4087 15.3674 6.88303 14.2422 5.75781C13.117 4.63259 11.5913 4 10 4Z\" fill=\"#00D4FF\"/><path d=\"M12.9412 10C12.9412 9.60603 12.8636 9.21593 12.7128 8.85195C12.562 8.48797 12.3411 8.15726 12.0625 7.87868C11.7839 7.6001 11.4532 7.37913 11.0892 7.22836C10.7252 7.0776 10.3351 7 9.94116 7C9.5472 7 9.15709 7.0776 8.79311 7.22836C8.42913 7.37913 8.09842 7.6001 7.81984 7.87868C7.54127 8.15726 7.32029 8.48797 7.16952 8.85195C7.01876 9.21593 6.94116 9.60603 6.94116 10L9.94116 10H12.9412Z\" fill=\"black\"/></g></g></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g><g><path d=\"M9.94141 7C10.3352 7.00003 10.725 7.07785 11.0889 7.22852C11.4528 7.37928 11.7839 7.60033 12.0625 7.87891C12.3409 8.15738 12.5622 8.48776 12.7129 8.85156C12.8637 9.21554 12.9414 9.60603 12.9414 10H6.94141C6.94141 9.60603 7.01916 9.21554 7.16992 8.85156C7.32068 8.48777 7.54186 8.15736 7.82031 7.87891C8.09882 7.60043 8.42911 7.37926 8.79297 7.22852C9.15695 7.07775 9.54744 7 9.94141 7Z\" style=\"fill: currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1ZM10 4C8.4087 4 6.88303 4.63259 5.75781 5.75781C4.63259 6.88303 4 8.4087 4 10H6.94141C6.94141 10.7956 7.2577 11.5585 7.82031 12.1211C8.38291 12.6836 9.14581 13 9.94141 13C10.737 12.9999 11.4999 12.6836 12.0625 12.1211C12.625 11.5585 12.9414 10.7956 12.9414 10H16C16 8.4087 15.3674 6.88303 14.2422 5.75781C13.117 4.63259 11.5913 4 10 4Z\" style=\"fill: currentColor\"/></g></g></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 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g><g><path d=\"M7.5 2C7.5 2.3283 7.56479 2.65372 7.69043 2.95703C7.81606 3.26022 8.00036 3.53551 8.23242 3.76758C8.46449 3.99964 8.73978 4.18394 9.04297 4.30957C9.34628 4.43521 9.6717 4.5 10 4.5C10.3283 4.5 10.6537 4.43521 10.957 4.30957C11.2602 4.18394 11.5355 3.99964 11.7676 3.76758C11.9996 3.53551 12.1839 3.26022 12.3096 2.95703C12.4352 2.65372 12.5 2.3283 12.5 2H17V18H12.5C12.5 17.6717 12.4352 17.3463 12.3096 17.043C12.1839 16.7398 11.9996 16.4645 11.7676 16.2324C11.5355 16.0004 11.2602 15.8161 10.957 15.6904C10.6537 15.5648 10.3283 15.5 10 15.5C9.6717 15.5 9.34628 15.5648 9.04297 15.6904C8.73978 15.8161 8.46449 16.0004 8.23242 16.2324C8.00036 16.4645 7.81606 16.7398 7.69043 17.043C7.56479 17.3463 7.5 17.6717 7.5 18H3V2H7.5Z\" fill=\"#FF867D\"/><g><path d=\"M5 11H7V13H5V11Z\" fill=\"black\"/><path d=\"M9 11H11V13H9V11Z\" fill=\"black\"/><path d=\"M13 11H15V13H13V11Z\" fill=\"black\"/></g></g></g></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.5 2C7.5 2.3283 7.56479 2.65372 7.69043 2.95703C7.81606 3.26022 8.00036 3.53551 8.23242 3.76758C8.46449 3.99964 8.73978 4.18394 9.04297 4.30957C9.34628 4.43521 9.6717 4.5 10 4.5C10.3283 4.5 10.6537 4.43521 10.957 4.30957C11.2602 4.18394 11.5355 3.99964 11.7676 3.76758C11.9996 3.53551 12.1839 3.26022 12.3096 2.95703C12.4352 2.65372 12.5 2.3283 12.5 2H17V18H12.5C12.5 17.6717 12.4352 17.3463 12.3096 17.043C12.1839 16.7398 11.9996 16.4645 11.7676 16.2324C11.5355 16.0004 11.2602 15.8161 10.957 15.6904C10.6537 15.5648 10.3283 15.5 10 15.5C9.6717 15.5 9.34628 15.5648 9.04297 15.6904C8.73978 15.8161 8.46449 16.0004 8.23242 16.2324C8.00036 16.4645 7.81606 16.7398 7.69043 17.043C7.56479 17.3463 7.5 17.6717 7.5 18H3V2H7.5ZM5 13H7V11H5V13ZM9 13H11V11H9V13ZM13 11V13H15V11H13Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const XsollaTicket: 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;;;ACCA,+BAAmB;AAgCf;AA7BJ,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,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;AAAA,MACb,MAAM,YAAY,QAAQ;AAAA,MAC1B,cAAY;AAAA,MACZ,eAAa,kCAAe,YAAY,SAAY;AAAA,MACpD,yBAAyB,EAAE,QAAQ,WAAW;AAAA;AAAA,EAChD;AAEJ;;;ACpCE,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,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;","names":["styled","coloredContent","monoContent","import_jsx_runtime","import_jsx_runtime","coloredContent","monoContent","import_jsx_runtime","coloredContent","monoContent","import_jsx_runtime","coloredContent","monoContent"]}
|
package/web/index.mjs
ADDED
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
// src/BaseIcon.tsx
|
|
2
|
+
import styled from "styled-components";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
var StyledIcon = styled.div`
|
|
5
|
+
display: inline-flex;
|
|
6
|
+
align-items: center;
|
|
7
|
+
justify-content: center;
|
|
8
|
+
width: ${(props) => props.$size}px;
|
|
9
|
+
height: ${(props) => props.$size}px;
|
|
10
|
+
color: ${(props) => props.$color};
|
|
11
|
+
|
|
12
|
+
svg {
|
|
13
|
+
width: 100%;
|
|
14
|
+
height: 100%;
|
|
15
|
+
}
|
|
16
|
+
`;
|
|
17
|
+
var BaseIcon = ({
|
|
18
|
+
variant = "colored",
|
|
19
|
+
size = 24,
|
|
20
|
+
color = "currentColor",
|
|
21
|
+
coloredContent: coloredContent5,
|
|
22
|
+
monoContent: monoContent5,
|
|
23
|
+
className,
|
|
24
|
+
style,
|
|
25
|
+
"data-testid": testId,
|
|
26
|
+
"aria-label": ariaLabel,
|
|
27
|
+
"aria-hidden": ariaHidden
|
|
28
|
+
}) => {
|
|
29
|
+
const svgContent = variant === "colored" ? coloredContent5 : monoContent5;
|
|
30
|
+
return /* @__PURE__ */ jsx(
|
|
31
|
+
StyledIcon,
|
|
32
|
+
{
|
|
33
|
+
$size: size,
|
|
34
|
+
$color: color,
|
|
35
|
+
className,
|
|
36
|
+
style,
|
|
37
|
+
"data-testid": testId,
|
|
38
|
+
role: ariaLabel ? "img" : void 0,
|
|
39
|
+
"aria-label": ariaLabel,
|
|
40
|
+
"aria-hidden": ariaHidden != null ? ariaHidden : ariaLabel ? void 0 : true,
|
|
41
|
+
dangerouslySetInnerHTML: { __html: svgContent }
|
|
42
|
+
}
|
|
43
|
+
);
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
// src/components/PlayTime.tsx
|
|
47
|
+
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
48
|
+
var coloredContent = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g clip-path="url(#clip0_13340_33)"><g><path d="M12.7822 3.28223H16.7178V7.21777L19.5 10L16.7178 12.7822V16.7178H12.7822L10 19.5L7.21777 16.7178H3.28223V12.7822L0.5 10L3.28223 7.21777L3.28223 3.28223L7.21777 3.28223L10 0.5L12.7822 3.28223ZM3.94141 10L10 16.0586L16.0586 10L10 3.94141L3.94141 10Z" fill="#8168FF"/><path d="M10.0356 6.5L13.5712 10.0355L10.0356 13.5711V6.5Z" fill="black"/></g></g><defs><clipPath><rect width="20" height="20" fill="white"/></clipPath></defs></svg>`;
|
|
49
|
+
var monoContent = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g clip-path="url(#clip0_13340_82)"><g><path d="M13.5713 10.0352L10.0361 13.5713V6.5L13.5713 10.0352Z" style="fill: currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.7822 3.28223H16.7178V7.21777L19.5 10L16.7178 12.7822V16.7178H12.7822L10 19.5L7.21777 16.7178H3.28223V12.7822L0.5 10L3.28223 7.21777V3.28223H7.21777L10 0.5L12.7822 3.28223ZM3.94141 10L10 16.0586L16.0586 10L10 3.94141L3.94141 10Z" style="fill: currentColor"/></g></g><defs><clipPath><rect width="20" height="20" style="fill: currentColor"/></clipPath></defs></svg>`;
|
|
50
|
+
var PlayTime = (props) => /* @__PURE__ */ jsx2(
|
|
51
|
+
BaseIcon,
|
|
52
|
+
{
|
|
53
|
+
...props,
|
|
54
|
+
coloredContent,
|
|
55
|
+
monoContent
|
|
56
|
+
}
|
|
57
|
+
);
|
|
58
|
+
|
|
59
|
+
// src/components/XsollaGold.tsx
|
|
60
|
+
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
61
|
+
var coloredContent2 = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g clip-path="url(#clip0_13340_27)"><g><g clip-path="url(#clip1_13340_27)"><path d="M19.9424 10.001L10 19.9434L0.0605469 9.99902L10.0029 0.0566406L19.9424 10.001ZM10 5C7.23858 5 5 7.23858 5 10C5 12.7614 7.23858 15 10 15C12.7614 15 15 12.7614 15 10C15 7.23858 12.7614 5 10 5Z" fill="#FFC800"/></g><path d="M10 7C9.60603 7 9.21593 7.0776 8.85195 7.22836C8.48797 7.37913 8.15726 7.6001 7.87868 7.87868C7.6001 8.15726 7.37913 8.48797 7.22836 8.85195C7.0776 9.21593 7 9.60603 7 10C7 10.394 7.0776 10.7841 7.22836 11.1481C7.37913 11.512 7.6001 11.8427 7.87868 12.1213C8.15726 12.3999 8.48797 12.6209 8.85195 12.7716C9.21593 12.9224 9.60603 13 10 13L10 10V7Z" fill="black"/></g></g><defs><clipPath><rect width="20" height="20" fill="white"/></clipPath><clipPath><rect width="20" height="20" fill="white"/></clipPath></defs></svg>`;
|
|
62
|
+
var monoContent2 = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g clip-path="url(#clip0_13340_76)"><g><path d="M10 13C9.60603 13 9.21554 12.9222 8.85156 12.7715C8.48774 12.6207 8.15738 12.3996 7.87891 12.1211C7.60043 11.8426 7.37928 11.5123 7.22852 11.1484C7.07775 10.7845 7 10.394 7 10C7 9.60603 7.07775 9.21554 7.22852 8.85156C7.37928 8.48774 7.60043 8.15738 7.87891 7.87891C8.15738 7.60043 8.48774 7.37928 8.85156 7.22852C9.21554 7.07775 9.60603 7 10 7V13Z" style="fill: currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.9424 10.001L10 19.9434L0.0605469 9.99902L10.0029 0.0566406L19.9424 10.001ZM10 5C7.23858 5 5 7.23858 5 10C5 12.7614 7.23858 15 10 15C12.7614 15 15 12.7614 15 10C15 7.23858 12.7614 5 10 5Z" style="fill: currentColor"/></g></g><defs><clipPath><rect width="20" height="20" style="fill: currentColor"/></clipPath></defs></svg>`;
|
|
63
|
+
var XsollaGold = (props) => /* @__PURE__ */ jsx3(
|
|
64
|
+
BaseIcon,
|
|
65
|
+
{
|
|
66
|
+
...props,
|
|
67
|
+
coloredContent: coloredContent2,
|
|
68
|
+
monoContent: monoContent2
|
|
69
|
+
}
|
|
70
|
+
);
|
|
71
|
+
|
|
72
|
+
// src/components/XsollaPoint.tsx
|
|
73
|
+
import { jsx as jsx4 } from "react/jsx-runtime";
|
|
74
|
+
var coloredContent3 = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g><g><path d="M10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1ZM10 4C8.4087 4 6.88303 4.63259 5.75781 5.75781C4.63259 6.88303 4 8.4087 4 10H6.94141C6.94141 10.7956 7.2577 11.5585 7.82031 12.1211C8.38291 12.6836 9.14581 13 9.94141 13C10.737 12.9999 11.4999 12.6836 12.0625 12.1211C12.625 11.5585 12.9414 10.7956 12.9414 10H16C16 8.4087 15.3674 6.88303 14.2422 5.75781C13.117 4.63259 11.5913 4 10 4Z" fill="#00D4FF"/><path d="M12.9412 10C12.9412 9.60603 12.8636 9.21593 12.7128 8.85195C12.562 8.48797 12.3411 8.15726 12.0625 7.87868C11.7839 7.6001 11.4532 7.37913 11.0892 7.22836C10.7252 7.0776 10.3351 7 9.94116 7C9.5472 7 9.15709 7.0776 8.79311 7.22836C8.42913 7.37913 8.09842 7.6001 7.81984 7.87868C7.54127 8.15726 7.32029 8.48797 7.16952 8.85195C7.01876 9.21593 6.94116 9.60603 6.94116 10L9.94116 10H12.9412Z" fill="black"/></g></g></svg>`;
|
|
75
|
+
var monoContent3 = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g><g><path d="M9.94141 7C10.3352 7.00003 10.725 7.07785 11.0889 7.22852C11.4528 7.37928 11.7839 7.60033 12.0625 7.87891C12.3409 8.15738 12.5622 8.48776 12.7129 8.85156C12.8637 9.21554 12.9414 9.60603 12.9414 10H6.94141C6.94141 9.60603 7.01916 9.21554 7.16992 8.85156C7.32068 8.48777 7.54186 8.15736 7.82031 7.87891C8.09882 7.60043 8.42911 7.37926 8.79297 7.22852C9.15695 7.07775 9.54744 7 9.94141 7Z" style="fill: currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1ZM10 4C8.4087 4 6.88303 4.63259 5.75781 5.75781C4.63259 6.88303 4 8.4087 4 10H6.94141C6.94141 10.7956 7.2577 11.5585 7.82031 12.1211C8.38291 12.6836 9.14581 13 9.94141 13C10.737 12.9999 11.4999 12.6836 12.0625 12.1211C12.625 11.5585 12.9414 10.7956 12.9414 10H16C16 8.4087 15.3674 6.88303 14.2422 5.75781C13.117 4.63259 11.5913 4 10 4Z" style="fill: currentColor"/></g></g></svg>`;
|
|
76
|
+
var XsollaPoint = (props) => /* @__PURE__ */ jsx4(
|
|
77
|
+
BaseIcon,
|
|
78
|
+
{
|
|
79
|
+
...props,
|
|
80
|
+
coloredContent: coloredContent3,
|
|
81
|
+
monoContent: monoContent3
|
|
82
|
+
}
|
|
83
|
+
);
|
|
84
|
+
|
|
85
|
+
// src/components/XsollaTicket.tsx
|
|
86
|
+
import { jsx as jsx5 } from "react/jsx-runtime";
|
|
87
|
+
var coloredContent4 = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g><g><path d="M7.5 2C7.5 2.3283 7.56479 2.65372 7.69043 2.95703C7.81606 3.26022 8.00036 3.53551 8.23242 3.76758C8.46449 3.99964 8.73978 4.18394 9.04297 4.30957C9.34628 4.43521 9.6717 4.5 10 4.5C10.3283 4.5 10.6537 4.43521 10.957 4.30957C11.2602 4.18394 11.5355 3.99964 11.7676 3.76758C11.9996 3.53551 12.1839 3.26022 12.3096 2.95703C12.4352 2.65372 12.5 2.3283 12.5 2H17V18H12.5C12.5 17.6717 12.4352 17.3463 12.3096 17.043C12.1839 16.7398 11.9996 16.4645 11.7676 16.2324C11.5355 16.0004 11.2602 15.8161 10.957 15.6904C10.6537 15.5648 10.3283 15.5 10 15.5C9.6717 15.5 9.34628 15.5648 9.04297 15.6904C8.73978 15.8161 8.46449 16.0004 8.23242 16.2324C8.00036 16.4645 7.81606 16.7398 7.69043 17.043C7.56479 17.3463 7.5 17.6717 7.5 18H3V2H7.5Z" fill="#FF867D"/><g><path d="M5 11H7V13H5V11Z" fill="black"/><path d="M9 11H11V13H9V11Z" fill="black"/><path d="M13 11H15V13H13V11Z" fill="black"/></g></g></g></svg>`;
|
|
88
|
+
var monoContent4 = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 2C7.5 2.3283 7.56479 2.65372 7.69043 2.95703C7.81606 3.26022 8.00036 3.53551 8.23242 3.76758C8.46449 3.99964 8.73978 4.18394 9.04297 4.30957C9.34628 4.43521 9.6717 4.5 10 4.5C10.3283 4.5 10.6537 4.43521 10.957 4.30957C11.2602 4.18394 11.5355 3.99964 11.7676 3.76758C11.9996 3.53551 12.1839 3.26022 12.3096 2.95703C12.4352 2.65372 12.5 2.3283 12.5 2H17V18H12.5C12.5 17.6717 12.4352 17.3463 12.3096 17.043C12.1839 16.7398 11.9996 16.4645 11.7676 16.2324C11.5355 16.0004 11.2602 15.8161 10.957 15.6904C10.6537 15.5648 10.3283 15.5 10 15.5C9.6717 15.5 9.34628 15.5648 9.04297 15.6904C8.73978 15.8161 8.46449 16.0004 8.23242 16.2324C8.00036 16.4645 7.81606 16.7398 7.69043 17.043C7.56479 17.3463 7.5 17.6717 7.5 18H3V2H7.5ZM5 13H7V11H5V13ZM9 13H11V11H9V13ZM13 11V13H15V11H13Z" style="fill: currentColor"/></g></svg>`;
|
|
89
|
+
var XsollaTicket = (props) => /* @__PURE__ */ jsx5(
|
|
90
|
+
BaseIcon,
|
|
91
|
+
{
|
|
92
|
+
...props,
|
|
93
|
+
coloredContent: coloredContent4,
|
|
94
|
+
monoContent: monoContent4
|
|
95
|
+
}
|
|
96
|
+
);
|
|
97
|
+
export {
|
|
98
|
+
BaseIcon,
|
|
99
|
+
PlayTime,
|
|
100
|
+
XsollaGold,
|
|
101
|
+
XsollaPoint,
|
|
102
|
+
XsollaTicket
|
|
103
|
+
};
|
|
104
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/BaseIcon.tsx","../../src/components/PlayTime.tsx","../../src/components/XsollaGold.tsx","../../src/components/XsollaPoint.tsx","../../src/components/XsollaTicket.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 \"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}\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 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g clip-path=\"url(#clip0_13340_33)\"><g><path d=\"M12.7822 3.28223H16.7178V7.21777L19.5 10L16.7178 12.7822V16.7178H12.7822L10 19.5L7.21777 16.7178H3.28223V12.7822L0.5 10L3.28223 7.21777L3.28223 3.28223L7.21777 3.28223L10 0.5L12.7822 3.28223ZM3.94141 10L10 16.0586L16.0586 10L10 3.94141L3.94141 10Z\" fill=\"#8168FF\"/><path d=\"M10.0356 6.5L13.5712 10.0355L10.0356 13.5711V6.5Z\" fill=\"black\"/></g></g><defs><clipPath><rect width=\"20\" height=\"20\" fill=\"white\"/></clipPath></defs></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g clip-path=\"url(#clip0_13340_82)\"><g><path d=\"M13.5713 10.0352L10.0361 13.5713V6.5L13.5713 10.0352Z\" style=\"fill: currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.7822 3.28223H16.7178V7.21777L19.5 10L16.7178 12.7822V16.7178H12.7822L10 19.5L7.21777 16.7178H3.28223V12.7822L0.5 10L3.28223 7.21777V3.28223H7.21777L10 0.5L12.7822 3.28223ZM3.94141 10L10 16.0586L16.0586 10L10 3.94141L3.94141 10Z\" style=\"fill: currentColor\"/></g></g><defs><clipPath><rect width=\"20\" height=\"20\" style=\"fill: currentColor\"/></clipPath></defs></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 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g clip-path=\"url(#clip0_13340_27)\"><g><g clip-path=\"url(#clip1_13340_27)\"><path d=\"M19.9424 10.001L10 19.9434L0.0605469 9.99902L10.0029 0.0566406L19.9424 10.001ZM10 5C7.23858 5 5 7.23858 5 10C5 12.7614 7.23858 15 10 15C12.7614 15 15 12.7614 15 10C15 7.23858 12.7614 5 10 5Z\" fill=\"#FFC800\"/></g><path d=\"M10 7C9.60603 7 9.21593 7.0776 8.85195 7.22836C8.48797 7.37913 8.15726 7.6001 7.87868 7.87868C7.6001 8.15726 7.37913 8.48797 7.22836 8.85195C7.0776 9.21593 7 9.60603 7 10C7 10.394 7.0776 10.7841 7.22836 11.1481C7.37913 11.512 7.6001 11.8427 7.87868 12.1213C8.15726 12.3999 8.48797 12.6209 8.85195 12.7716C9.21593 12.9224 9.60603 13 10 13L10 10V7Z\" fill=\"black\"/></g></g><defs><clipPath><rect width=\"20\" height=\"20\" fill=\"white\"/></clipPath><clipPath><rect width=\"20\" height=\"20\" fill=\"white\"/></clipPath></defs></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g clip-path=\"url(#clip0_13340_76)\"><g><path d=\"M10 13C9.60603 13 9.21554 12.9222 8.85156 12.7715C8.48774 12.6207 8.15738 12.3996 7.87891 12.1211C7.60043 11.8426 7.37928 11.5123 7.22852 11.1484C7.07775 10.7845 7 10.394 7 10C7 9.60603 7.07775 9.21554 7.22852 8.85156C7.37928 8.48774 7.60043 8.15738 7.87891 7.87891C8.15738 7.60043 8.48774 7.37928 8.85156 7.22852C9.21554 7.07775 9.60603 7 10 7V13Z\" style=\"fill: currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.9424 10.001L10 19.9434L0.0605469 9.99902L10.0029 0.0566406L19.9424 10.001ZM10 5C7.23858 5 5 7.23858 5 10C5 12.7614 7.23858 15 10 15C12.7614 15 15 12.7614 15 10C15 7.23858 12.7614 5 10 5Z\" style=\"fill: currentColor\"/></g></g><defs><clipPath><rect width=\"20\" height=\"20\" style=\"fill: currentColor\"/></clipPath></defs></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 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g><g><path d=\"M10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1ZM10 4C8.4087 4 6.88303 4.63259 5.75781 5.75781C4.63259 6.88303 4 8.4087 4 10H6.94141C6.94141 10.7956 7.2577 11.5585 7.82031 12.1211C8.38291 12.6836 9.14581 13 9.94141 13C10.737 12.9999 11.4999 12.6836 12.0625 12.1211C12.625 11.5585 12.9414 10.7956 12.9414 10H16C16 8.4087 15.3674 6.88303 14.2422 5.75781C13.117 4.63259 11.5913 4 10 4Z\" fill=\"#00D4FF\"/><path d=\"M12.9412 10C12.9412 9.60603 12.8636 9.21593 12.7128 8.85195C12.562 8.48797 12.3411 8.15726 12.0625 7.87868C11.7839 7.6001 11.4532 7.37913 11.0892 7.22836C10.7252 7.0776 10.3351 7 9.94116 7C9.5472 7 9.15709 7.0776 8.79311 7.22836C8.42913 7.37913 8.09842 7.6001 7.81984 7.87868C7.54127 8.15726 7.32029 8.48797 7.16952 8.85195C7.01876 9.21593 6.94116 9.60603 6.94116 10L9.94116 10H12.9412Z\" fill=\"black\"/></g></g></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g><g><path d=\"M9.94141 7C10.3352 7.00003 10.725 7.07785 11.0889 7.22852C11.4528 7.37928 11.7839 7.60033 12.0625 7.87891C12.3409 8.15738 12.5622 8.48776 12.7129 8.85156C12.8637 9.21554 12.9414 9.60603 12.9414 10H6.94141C6.94141 9.60603 7.01916 9.21554 7.16992 8.85156C7.32068 8.48777 7.54186 8.15736 7.82031 7.87891C8.09882 7.60043 8.42911 7.37926 8.79297 7.22852C9.15695 7.07775 9.54744 7 9.94141 7Z\" style=\"fill: currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1ZM10 4C8.4087 4 6.88303 4.63259 5.75781 5.75781C4.63259 6.88303 4 8.4087 4 10H6.94141C6.94141 10.7956 7.2577 11.5585 7.82031 12.1211C8.38291 12.6836 9.14581 13 9.94141 13C10.737 12.9999 11.4999 12.6836 12.0625 12.1211C12.625 11.5585 12.9414 10.7956 12.9414 10H16C16 8.4087 15.3674 6.88303 14.2422 5.75781C13.117 4.63259 11.5913 4 10 4Z\" style=\"fill: currentColor\"/></g></g></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 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g><g><path d=\"M7.5 2C7.5 2.3283 7.56479 2.65372 7.69043 2.95703C7.81606 3.26022 8.00036 3.53551 8.23242 3.76758C8.46449 3.99964 8.73978 4.18394 9.04297 4.30957C9.34628 4.43521 9.6717 4.5 10 4.5C10.3283 4.5 10.6537 4.43521 10.957 4.30957C11.2602 4.18394 11.5355 3.99964 11.7676 3.76758C11.9996 3.53551 12.1839 3.26022 12.3096 2.95703C12.4352 2.65372 12.5 2.3283 12.5 2H17V18H12.5C12.5 17.6717 12.4352 17.3463 12.3096 17.043C12.1839 16.7398 11.9996 16.4645 11.7676 16.2324C11.5355 16.0004 11.2602 15.8161 10.957 15.6904C10.6537 15.5648 10.3283 15.5 10 15.5C9.6717 15.5 9.34628 15.5648 9.04297 15.6904C8.73978 15.8161 8.46449 16.0004 8.23242 16.2324C8.00036 16.4645 7.81606 16.7398 7.69043 17.043C7.56479 17.3463 7.5 17.6717 7.5 18H3V2H7.5Z\" fill=\"#FF867D\"/><g><path d=\"M5 11H7V13H5V11Z\" fill=\"black\"/><path d=\"M9 11H11V13H9V11Z\" fill=\"black\"/><path d=\"M13 11H15V13H13V11Z\" fill=\"black\"/></g></g></g></svg>`;\nconst monoContent = `<svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\"><g><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.5 2C7.5 2.3283 7.56479 2.65372 7.69043 2.95703C7.81606 3.26022 8.00036 3.53551 8.23242 3.76758C8.46449 3.99964 8.73978 4.18394 9.04297 4.30957C9.34628 4.43521 9.6717 4.5 10 4.5C10.3283 4.5 10.6537 4.43521 10.957 4.30957C11.2602 4.18394 11.5355 3.99964 11.7676 3.76758C11.9996 3.53551 12.1839 3.26022 12.3096 2.95703C12.4352 2.65372 12.5 2.3283 12.5 2H17V18H12.5C12.5 17.6717 12.4352 17.3463 12.3096 17.043C12.1839 16.7398 11.9996 16.4645 11.7676 16.2324C11.5355 16.0004 11.2602 15.8161 10.957 15.6904C10.6537 15.5648 10.3283 15.5 10 15.5C9.6717 15.5 9.34628 15.5648 9.04297 15.6904C8.73978 15.8161 8.46449 16.0004 8.23242 16.2324C8.00036 16.4645 7.81606 16.7398 7.69043 17.043C7.56479 17.3463 7.5 17.6717 7.5 18H3V2H7.5ZM5 13H7V11H5V13ZM9 13H11V11H9V13ZM13 11V13H15V11H13Z\" style=\"fill: currentColor\"/></g></svg>`;\n\nexport const XsollaTicket: React.FC<CurrencyIconProps> = (props) => (\n <BaseIcon\n {...props}\n coloredContent={coloredContent}\n monoContent={monoContent}\n />\n);\n"],"mappings":";AACA,OAAO,YAAY;AAgCf;AA7BJ,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,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;AAAA,MACb,MAAM,YAAY,QAAQ;AAAA,MAC1B,cAAY;AAAA,MACZ,eAAa,kCAAe,YAAY,SAAY;AAAA,MACpD,yBAAyB,EAAE,QAAQ,WAAW;AAAA;AAAA,EAChD;AAEJ;;;ACpCE,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,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;","names":["coloredContent","monoContent","jsx","jsx","coloredContent","monoContent","jsx","coloredContent","monoContent","jsx","coloredContent","monoContent"]}
|