@xsolla/xui-icons-currency 0.158.0 → 0.159.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/native/index.d.mts +2 -0
  2. package/native/index.d.ts +2 -0
  3. package/package.json +1 -1
  4. package/web/index.d.mts +2 -0
  5. package/web/index.d.ts +2 -0
  6. package/web/index.js +2 -1
  7. package/web/index.js.map +1 -1
  8. package/web/index.mjs +2 -1
  9. package/web/index.mjs.map +1 -1
package/native/index.d.mts CHANGED
@@ -25,6 +25,8 @@ type CurrencyIconComponent = React.FC<CurrencyIconProps>;
25
25
  interface CurrencyIconInternalProps extends CurrencyIconProps {
26
26
  coloredContent: string;
27
27
  monoContent: string;
28
+ /** Test ID for testing frameworks */
29
+ testID?: string;
28
30
  }
29
31
 
30
32
  declare const BaseIcon: React.FC<CurrencyIconInternalProps>;
package/native/index.d.ts CHANGED
@@ -25,6 +25,8 @@ type CurrencyIconComponent = React.FC<CurrencyIconProps>;
25
25
  interface CurrencyIconInternalProps extends CurrencyIconProps {
26
26
  coloredContent: string;
27
27
  monoContent: string;
28
+ /** Test ID for testing frameworks */
29
+ testID?: string;
28
30
  }
29
31
 
30
32
  declare const BaseIcon: React.FC<CurrencyIconInternalProps>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xsolla/xui-icons-currency",
3
- "version": "0.158.0",
3
+ "version": "0.159.0",
4
4
  "main": "./web/index.js",
5
5
  "module": "./web/index.mjs",
6
6
  "types": "./web/index.d.ts",
package/web/index.d.mts CHANGED
@@ -25,6 +25,8 @@ type CurrencyIconComponent = React.FC<CurrencyIconProps>;
25
25
  interface CurrencyIconInternalProps extends CurrencyIconProps {
26
26
  coloredContent: string;
27
27
  monoContent: string;
28
+ /** Test ID for testing frameworks */
29
+ testID?: string;
28
30
  }
29
31
 
30
32
  declare const BaseIcon: React.FC<CurrencyIconInternalProps>;
package/web/index.d.ts CHANGED
@@ -25,6 +25,8 @@ type CurrencyIconComponent = React.FC<CurrencyIconProps>;
25
25
  interface CurrencyIconInternalProps extends CurrencyIconProps {
26
26
  coloredContent: string;
27
27
  monoContent: string;
28
+ /** Test ID for testing frameworks */
29
+ testID?: string;
28
30
  }
29
31
 
30
32
  declare const BaseIcon: React.FC<CurrencyIconInternalProps>;
package/web/index.js CHANGED
@@ -63,6 +63,7 @@ var BaseIcon = ({
63
63
  className,
64
64
  style,
65
65
  "data-testid": testId,
66
+ testID,
66
67
  "aria-label": ariaLabel,
67
68
  "aria-hidden": ariaHidden
68
69
  }) => {
@@ -74,7 +75,7 @@ var BaseIcon = ({
74
75
  $color: color,
75
76
  className,
76
77
  style,
77
- "data-testid": testId,
78
+ "data-testid": testId || testID,
78
79
  role: ariaLabel ? "img" : void 0,
79
80
  "aria-label": ariaLabel,
80
81
  "aria-hidden": ariaHidden != null ? ariaHidden : ariaLabel ? void 0 : true,
package/web/index.js.map CHANGED
@@ -1 +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"]}
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 testID,\n \"aria-label\": ariaLabel,\n \"aria-hidden\": ariaHidden,\n}) => {\n const svgContent = variant === \"colored\" ? coloredContent : monoContent;\n\n return (\n <StyledIcon\n $size={size}\n $color={color}\n className={className}\n style={style}\n data-testid={testId || testID}\n role={ariaLabel ? \"img\" : undefined}\n aria-label={ariaLabel}\n aria-hidden={ariaHidden ?? (ariaLabel ? undefined : true)}\n dangerouslySetInnerHTML={{ __html: svgContent }}\n />\n );\n};\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 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;AAiCf;AA9BJ,IAAM,aAAa,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,WAIf,CAAC,UAAU,MAAM,KAAK;AAAA,YACrB,CAAC,UAAU,MAAM,KAAK;AAAA,WACvB,CAAC,UAAU,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ3B,IAAM,WAAgD,CAAC;AAAA,EAC5D,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,gBAAAC;AAAA,EACA,aAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,cAAc;AAAA,EACd,eAAe;AACjB,MAAM;AACJ,QAAM,aAAa,YAAY,YAAYD,kBAAiBC;AAE5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,eAAa,UAAU;AAAA,MACvB,MAAM,YAAY,QAAQ;AAAA,MAC1B,cAAY;AAAA,MACZ,eAAa,kCAAe,YAAY,SAAY;AAAA,MACpD,yBAAyB,EAAE,QAAQ,WAAW;AAAA;AAAA,EAChD;AAEJ;;;ACrCE,IAAAC,sBAAA;AAJF,IAAM,iBAAiB;AACvB,IAAM,cAAc;AAEb,IAAM,WAAwC,CAAC,UACpD;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA;AAAA;AACF;;;ACJA,IAAAC,sBAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,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 CHANGED
@@ -23,6 +23,7 @@ var BaseIcon = ({
23
23
  className,
24
24
  style,
25
25
  "data-testid": testId,
26
+ testID,
26
27
  "aria-label": ariaLabel,
27
28
  "aria-hidden": ariaHidden
28
29
  }) => {
@@ -34,7 +35,7 @@ var BaseIcon = ({
34
35
  $color: color,
35
36
  className,
36
37
  style,
37
- "data-testid": testId,
38
+ "data-testid": testId || testID,
38
39
  role: ariaLabel ? "img" : void 0,
39
40
  "aria-label": ariaLabel,
40
41
  "aria-hidden": ariaHidden != null ? ariaHidden : ariaLabel ? void 0 : true,
package/web/index.mjs.map CHANGED
@@ -1 +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"]}
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 testID,\n \"aria-label\": ariaLabel,\n \"aria-hidden\": ariaHidden,\n}) => {\n const svgContent = variant === \"colored\" ? coloredContent : monoContent;\n\n return (\n <StyledIcon\n $size={size}\n $color={color}\n className={className}\n style={style}\n data-testid={testId || testID}\n role={ariaLabel ? \"img\" : undefined}\n aria-label={ariaLabel}\n aria-hidden={ariaHidden ?? (ariaLabel ? undefined : true)}\n dangerouslySetInnerHTML={{ __html: svgContent }}\n />\n );\n};\n","// Auto-generated - do not edit manually\nimport React from \"react\";\nimport { BaseIcon } from \"../BaseIcon\";\nimport type { CurrencyIconProps } from \"../types\";\n\nconst coloredContent = `<svg viewBox=\"0 0 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;AAiCf;AA9BJ,IAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA,WAIf,CAAC,UAAU,MAAM,KAAK;AAAA,YACrB,CAAC,UAAU,MAAM,KAAK;AAAA,WACvB,CAAC,UAAU,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ3B,IAAM,WAAgD,CAAC;AAAA,EAC5D,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,gBAAAA;AAAA,EACA,aAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,cAAc;AAAA,EACd,eAAe;AACjB,MAAM;AACJ,QAAM,aAAa,YAAY,YAAYD,kBAAiBC;AAE5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,eAAa,UAAU;AAAA,MACvB,MAAM,YAAY,QAAQ;AAAA,MAC1B,cAAY;AAAA,MACZ,eAAa,kCAAe,YAAY,SAAY;AAAA,MACpD,yBAAyB,EAAE,QAAQ,WAAW;AAAA;AAAA,EAChD;AAEJ;;;ACrCE,gBAAAC,YAAA;AAJF,IAAM,iBAAiB;AACvB,IAAM,cAAc;AAEb,IAAM,WAAwC,CAAC,UACpD,gBAAAA;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA;AAAA;AACF;;;ACJA,gBAAAC,YAAA;AAJF,IAAMC,kBAAiB;AACvB,IAAMC,eAAc;AAEb,IAAM,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"]}