@lidofinance/lido-app-ui 1.7.0 → 1.9.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.
- package/dist/cjs/button/Button.cjs +11 -3
- package/dist/cjs/button/Button.cjs.map +1 -1
- package/dist/cjs/counter/Counter.module.css.cjs +1 -1
- package/dist/cjs/counter/CounterSlot.cjs +22 -0
- package/dist/cjs/counter/CounterSlot.cjs.map +1 -0
- package/dist/cjs/counter/CounterSlot.module.css.cjs +6 -0
- package/dist/cjs/counter/CounterSlot.module.css.cjs.map +1 -0
- package/dist/cjs/disclaimer/Disclaimer.cjs +33 -0
- package/dist/cjs/disclaimer/Disclaimer.cjs.map +1 -0
- package/dist/cjs/disclaimer/Disclaimer.module.css.cjs +6 -0
- package/dist/cjs/disclaimer/Disclaimer.module.css.cjs.map +1 -0
- package/dist/cjs/error-page/ErrorPage.cjs +64 -0
- package/dist/cjs/error-page/ErrorPage.cjs.map +1 -0
- package/dist/cjs/error-page/ErrorPage.module.css.cjs +6 -0
- package/dist/cjs/error-page/ErrorPage.module.css.cjs.map +1 -0
- package/dist/cjs/footer/Footer.cjs +30 -0
- package/dist/cjs/footer/Footer.cjs.map +1 -0
- package/dist/cjs/footer/Footer.module.css.cjs +6 -0
- package/dist/cjs/footer/Footer.module.css.cjs.map +1 -0
- package/dist/cjs/icon-button/IconButton.cjs +8 -3
- package/dist/cjs/icon-button/IconButton.cjs.map +1 -1
- package/dist/cjs/icons/TokenIcon.cjs +9 -1
- package/dist/cjs/icons/TokenIcon.cjs.map +1 -1
- package/dist/cjs/icons/components/base/IconEtherscan.cjs +25 -0
- package/dist/cjs/icons/components/base/IconEtherscan.cjs.map +1 -0
- package/dist/cjs/icons/components/base/IconNumber.cjs +28 -0
- package/dist/cjs/icons/components/base/IconNumber.cjs.map +1 -0
- package/dist/cjs/icons/components/base/iconsMap.cjs +5 -1
- package/dist/cjs/icons/components/base/iconsMap.cjs.map +1 -1
- package/dist/cjs/identicon/Identicon.cjs +35 -3
- package/dist/cjs/identicon/Identicon.cjs.map +1 -1
- package/dist/cjs/index.cjs +12 -1
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/index.css +3 -3
- package/dist/cjs/notification/Notification.cjs +29 -36
- package/dist/cjs/notification/Notification.cjs.map +1 -1
- package/dist/cjs/notification/Notification.module.css.cjs +1 -1
- package/dist/cjs/rich-input/RichInput.cjs +28 -25
- package/dist/cjs/rich-input/RichInput.cjs.map +1 -1
- package/dist/cjs/rich-input/RichInput.module.css.cjs +1 -1
- package/dist/cjs/skeleton/Skeleton.cjs +40 -0
- package/dist/cjs/skeleton/Skeleton.cjs.map +1 -0
- package/dist/cjs/skeleton/Skeleton.module.css.cjs +6 -0
- package/dist/cjs/skeleton/Skeleton.module.css.cjs.map +1 -0
- package/dist/cjs/tag/Tag.cjs +12 -8
- package/dist/cjs/tag/Tag.cjs.map +1 -1
- package/dist/cjs/tag/Tag.module.css.cjs +1 -1
- package/dist/cjs/token-selector/TokenSelector.cjs +6 -6
- package/dist/cjs/token-selector/TokenSelector.cjs.map +1 -1
- package/dist/cjs/tooltip/Tooltip.cjs +85 -48
- package/dist/cjs/tooltip/Tooltip.cjs.map +1 -1
- package/dist/cjs/tooltip/Tooltip.module.css.cjs +1 -1
- package/dist/cjs/tx-status/TxStatus.cjs +2 -2
- package/dist/cjs/tx-status/TxStatus.cjs.map +1 -1
- package/dist/esm/button/Button.mjs +11 -3
- package/dist/esm/button/Button.mjs.map +1 -1
- package/dist/esm/counter/Counter.module.css.mjs +1 -1
- package/dist/esm/counter/CounterSlot.mjs +18 -0
- package/dist/esm/counter/CounterSlot.mjs.map +1 -0
- package/dist/esm/counter/CounterSlot.module.css.mjs +4 -0
- package/dist/esm/counter/CounterSlot.module.css.mjs.map +1 -0
- package/dist/esm/disclaimer/Disclaimer.mjs +29 -0
- package/dist/esm/disclaimer/Disclaimer.mjs.map +1 -0
- package/dist/esm/disclaimer/Disclaimer.module.css.mjs +4 -0
- package/dist/esm/disclaimer/Disclaimer.module.css.mjs.map +1 -0
- package/dist/esm/error-page/ErrorPage.mjs +60 -0
- package/dist/esm/error-page/ErrorPage.mjs.map +1 -0
- package/dist/esm/error-page/ErrorPage.module.css.mjs +4 -0
- package/dist/esm/error-page/ErrorPage.module.css.mjs.map +1 -0
- package/dist/esm/footer/Footer.mjs +26 -0
- package/dist/esm/footer/Footer.mjs.map +1 -0
- package/dist/esm/footer/Footer.module.css.mjs +4 -0
- package/dist/esm/footer/Footer.module.css.mjs.map +1 -0
- package/dist/esm/icon-button/IconButton.mjs +9 -4
- package/dist/esm/icon-button/IconButton.mjs.map +1 -1
- package/dist/esm/icons/TokenIcon.mjs +9 -1
- package/dist/esm/icons/TokenIcon.mjs.map +1 -1
- package/dist/esm/icons/components/base/IconEtherscan.mjs +21 -0
- package/dist/esm/icons/components/base/IconEtherscan.mjs.map +1 -0
- package/dist/esm/icons/components/base/IconNumber.mjs +24 -0
- package/dist/esm/icons/components/base/IconNumber.mjs.map +1 -0
- package/dist/esm/icons/components/base/iconsMap.mjs +5 -1
- package/dist/esm/icons/components/base/iconsMap.mjs.map +1 -1
- package/dist/esm/identicon/Identicon.mjs +15 -2
- package/dist/esm/identicon/Identicon.mjs.map +1 -1
- package/dist/esm/index.css +3 -3
- package/dist/esm/index.mjs +7 -1
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/notification/Notification.mjs +31 -37
- package/dist/esm/notification/Notification.mjs.map +1 -1
- package/dist/esm/notification/Notification.module.css.mjs +1 -1
- package/dist/esm/rich-input/RichInput.mjs +28 -25
- package/dist/esm/rich-input/RichInput.mjs.map +1 -1
- package/dist/esm/rich-input/RichInput.module.css.mjs +1 -1
- package/dist/esm/skeleton/Skeleton.mjs +36 -0
- package/dist/esm/skeleton/Skeleton.mjs.map +1 -0
- package/dist/esm/skeleton/Skeleton.module.css.mjs +4 -0
- package/dist/esm/skeleton/Skeleton.module.css.mjs.map +1 -0
- package/dist/esm/tag/Tag.mjs +13 -9
- package/dist/esm/tag/Tag.mjs.map +1 -1
- package/dist/esm/tag/Tag.module.css.mjs +1 -1
- package/dist/esm/token-selector/TokenSelector.mjs +6 -6
- package/dist/esm/token-selector/TokenSelector.mjs.map +1 -1
- package/dist/esm/tooltip/Tooltip.mjs +87 -50
- package/dist/esm/tooltip/Tooltip.mjs.map +1 -1
- package/dist/esm/tooltip/Tooltip.module.css.mjs +1 -1
- package/dist/esm/tx-status/TxStatus.mjs +2 -2
- package/dist/esm/tx-status/TxStatus.mjs.map +1 -1
- package/dist/index.css +3 -3
- package/dist/styles/typography-mixins.css +8 -0
- package/dist/types/button/Button.d.ts +14 -2
- package/dist/types/button/Button.d.ts.map +1 -1
- package/dist/types/counter/CounterSlot.d.ts +8 -0
- package/dist/types/counter/CounterSlot.d.ts.map +1 -0
- package/dist/types/disclaimer/Disclaimer.d.ts +9 -0
- package/dist/types/disclaimer/Disclaimer.d.ts.map +1 -0
- package/dist/types/disclaimer/index.d.ts +3 -0
- package/dist/types/disclaimer/index.d.ts.map +1 -0
- package/dist/types/error-page/ErrorPage.d.ts +20 -0
- package/dist/types/error-page/ErrorPage.d.ts.map +1 -0
- package/dist/types/error-page/index.d.ts +3 -0
- package/dist/types/error-page/index.d.ts.map +1 -0
- package/dist/types/footer/Footer.d.ts +7 -0
- package/dist/types/footer/Footer.d.ts.map +1 -0
- package/dist/types/footer/index.d.ts +3 -0
- package/dist/types/footer/index.d.ts.map +1 -0
- package/dist/types/icon-button/IconButton.d.ts +4 -1
- package/dist/types/icon-button/IconButton.d.ts.map +1 -1
- package/dist/types/icons/TokenIcon.d.ts +1 -1
- package/dist/types/icons/TokenIcon.d.ts.map +1 -1
- package/dist/types/icons/components/base/IconEtherscan.d.ts +3 -0
- package/dist/types/icons/components/base/IconEtherscan.d.ts.map +1 -0
- package/dist/types/icons/components/base/IconNumber.d.ts +3 -0
- package/dist/types/icons/components/base/IconNumber.d.ts.map +1 -0
- package/dist/types/icons/components/base/iconsMap.d.ts +2 -0
- package/dist/types/icons/components/base/iconsMap.d.ts.map +1 -1
- package/dist/types/icons/components/base/index.d.ts +2 -0
- package/dist/types/icons/components/base/index.d.ts.map +1 -1
- package/dist/types/identicon/Identicon.d.ts.map +1 -1
- package/dist/types/index.d.ts +4 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/notification/Notification.d.ts +5 -11
- package/dist/types/notification/Notification.d.ts.map +1 -1
- package/dist/types/notification/index.d.ts +2 -2
- package/dist/types/notification/index.d.ts.map +1 -1
- package/dist/types/rich-input/RichInput.d.ts +4 -2
- package/dist/types/rich-input/RichInput.d.ts.map +1 -1
- package/dist/types/skeleton/Skeleton.d.ts +9 -0
- package/dist/types/skeleton/Skeleton.d.ts.map +1 -0
- package/dist/types/skeleton/index.d.ts +2 -0
- package/dist/types/skeleton/index.d.ts.map +1 -0
- package/dist/types/tag/Tag.d.ts +4 -1
- package/dist/types/tag/Tag.d.ts.map +1 -1
- package/dist/types/tooltip/Tooltip.d.ts +1 -1
- package/dist/types/tooltip/Tooltip.d.ts.map +1 -1
- package/dist/types/tx-status/TxStatus.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -2,12 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
+
const react = require('react');
|
|
5
6
|
const cn = require('classnames');
|
|
7
|
+
const CounterSlot = require('../counter/CounterSlot.cjs');
|
|
6
8
|
const Button_module = require('./Button.module.css.cjs');
|
|
7
9
|
const jsxRuntime = require('react/jsx-runtime');
|
|
8
10
|
const IconLoaderCircle = require('../icons/components/base/IconLoaderCircle.cjs');
|
|
9
11
|
|
|
10
|
-
const Button = _ref => {
|
|
12
|
+
const Button = /*#__PURE__*/react.forwardRef((_ref, ref) => {
|
|
11
13
|
let {
|
|
12
14
|
className,
|
|
13
15
|
children,
|
|
@@ -18,10 +20,12 @@ const Button = _ref => {
|
|
|
18
20
|
disabled = false,
|
|
19
21
|
iconLeft,
|
|
20
22
|
iconRight,
|
|
23
|
+
counter,
|
|
21
24
|
dataTestId,
|
|
22
25
|
...rest
|
|
23
26
|
} = _ref;
|
|
24
27
|
return /*#__PURE__*/jsxRuntime.jsxs("button", {
|
|
28
|
+
ref: ref,
|
|
25
29
|
type: type,
|
|
26
30
|
disabled: disabled || loading,
|
|
27
31
|
"aria-busy": loading || undefined,
|
|
@@ -45,9 +49,13 @@ const Button = _ref => {
|
|
|
45
49
|
"aria-hidden": "true",
|
|
46
50
|
"data-testid": dataTestId?.iconRight,
|
|
47
51
|
children: iconRight
|
|
48
|
-
}) : null
|
|
52
|
+
}) : null, /*#__PURE__*/jsxRuntime.jsx(CounterSlot.CounterSlot, {
|
|
53
|
+
dataTestId: dataTestId?.counter,
|
|
54
|
+
children: counter
|
|
55
|
+
})]
|
|
49
56
|
});
|
|
50
|
-
};
|
|
57
|
+
});
|
|
58
|
+
Button.displayName = 'Button';
|
|
51
59
|
|
|
52
60
|
exports.Button = Button;
|
|
53
61
|
//# sourceMappingURL=Button.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.cjs","sources":["../../../src/button/Button.tsx"],"sourcesContent":["import type
|
|
1
|
+
{"version":3,"file":"Button.cjs","sources":["../../../src/button/Button.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes, type ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport { CounterSlot } from '../counter/CounterSlot'\nimport { IconLoaderCircle } from '../icons'\nimport styles from './Button.module.css'\n\nexport type ButtonVariant = 'primary' | 'outline' | 'subtle' | 'ghost' | 'error'\n\nexport type ButtonSize = 'big' | 'small'\n\nexport type ButtonDataTestId = {\n root?: string\n iconLeft?: string\n iconRight?: string\n content?: string\n counter?: string\n}\n\nexport type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n variant?: ButtonVariant\n size?: ButtonSize\n loading?: boolean\n iconLeft?: ReactNode\n iconRight?: ReactNode\n /** Corner slot, aria-hidden: put the count into `aria-label`. */\n counter?: ReactNode\n dataTestId?: ButtonDataTestId\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n className,\n children,\n type = 'button',\n variant = 'primary',\n size = 'big',\n loading = false,\n disabled = false,\n iconLeft,\n iconRight,\n counter,\n dataTestId,\n ...rest\n },\n ref,\n ) => (\n <button\n ref={ref}\n type={type}\n disabled={disabled || loading}\n aria-busy={loading || undefined}\n className={cn(\n styles.button,\n styles[variant],\n styles[size],\n loading && styles.loading,\n className,\n )}\n data-testid={dataTestId?.root}\n {...rest}\n >\n {loading ? (\n <IconLoaderCircle className={styles.spinner} aria-hidden='true' />\n ) : (\n iconLeft != null && (\n <span\n className={styles.icon}\n aria-hidden='true'\n data-testid={dataTestId?.iconLeft}\n >\n {iconLeft}\n </span>\n )\n )}\n <span className={styles.content} data-testid={dataTestId?.content}>\n {children}\n </span>\n {!loading && iconRight != null ? (\n <span\n className={styles.icon}\n aria-hidden='true'\n data-testid={dataTestId?.iconRight}\n >\n {iconRight}\n </span>\n ) : null}\n <CounterSlot dataTestId={dataTestId?.counter}>{counter}</CounterSlot>\n </button>\n ),\n)\n\nButton.displayName = 'Button'\n"],"names":["Button","forwardRef","_ref","ref","className","children","type","variant","size","loading","disabled","iconLeft","iconRight","counter","dataTestId","rest","_jsxs","undefined","cn","styles","button","root","_jsx","IconLoaderCircle","spinner","icon","content","CounterSlot","displayName"],"mappings":";;;;;;;;;;;AA+BO,MAAMA,MAAM,gBAAGC,gBAAU,CAC9B,CAAAC,IAAA,EAeEC,GAAG,KAAA;EAAA,IAdH;IACEC,SAAS;IACTC,QAAQ;AACRC,IAAAA,IAAI,GAAG,QAAQ;AACfC,IAAAA,OAAO,GAAG,SAAS;AACnBC,IAAAA,IAAI,GAAG,KAAK;AACZC,IAAAA,OAAO,GAAG,KAAK;AACfC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,QAAQ;IACRC,SAAS;IACTC,OAAO;IACPC,UAAU;IACV,GAAGC,IAAAA;AACL,GAAC,GAAAb,IAAA,CAAA;AAAA,EAAA,oBAGDc,eAAA,CAAA,QAAA,EAAA;AACEb,IAAAA,GAAG,EAAEA,GAAI;AACTG,IAAAA,IAAI,EAAEA,IAAK;IACXI,QAAQ,EAAEA,QAAQ,IAAID,OAAQ;IAC9B,WAAWA,EAAAA,OAAO,IAAIQ,SAAU;IAChCb,SAAS,EAAEc,EAAE,CACXC,aAAM,CAACC,MAAM,EACbD,aAAM,CAACZ,OAAO,CAAC,EACfY,aAAM,CAACX,IAAI,CAAC,EACZC,OAAO,IAAIU,aAAM,CAACV,OAAO,EACzBL,SACF,CAAE;IACF,aAAaU,EAAAA,UAAU,EAAEO,IAAK;AAAA,IAAA,GAC1BN,IAAI;AAAAV,IAAAA,QAAA,EAEPI,CAAAA,OAAO,gBACNa,cAAA,CAACC,iCAAgB,EAAA;MAACnB,SAAS,EAAEe,aAAM,CAACK,OAAQ;MAAC,aAAY,EAAA,MAAA;AAAM,KAAE,CAAC,GAElEb,QAAQ,IAAI,IAAI,iBACdW,cAAA,CAAA,MAAA,EAAA;MACElB,SAAS,EAAEe,aAAM,CAACM,IAAK;AACvB,MAAA,aAAA,EAAY,MAAM;MAClB,aAAaX,EAAAA,UAAU,EAAEH,QAAS;AAAAN,MAAAA,QAAA,EAEjCM,QAAAA;KACG,CAET,eACDW,cAAA,CAAA,MAAA,EAAA;MAAMlB,SAAS,EAAEe,aAAM,CAACO,OAAQ;MAAC,aAAaZ,EAAAA,UAAU,EAAEY,OAAQ;AAAArB,MAAAA,QAAA,EAC/DA,QAAAA;KACG,CAAC,EACN,CAACI,OAAO,IAAIG,SAAS,IAAI,IAAI,gBAC5BU,cAAA,CAAA,MAAA,EAAA;MACElB,SAAS,EAAEe,aAAM,CAACM,IAAK;AACvB,MAAA,aAAA,EAAY,MAAM;MAClB,aAAaX,EAAAA,UAAU,EAAEF,SAAU;AAAAP,MAAAA,QAAA,EAElCO,SAAAA;AAAS,KACN,CAAC,GACL,IAAI,eACRU,cAAA,CAACK,uBAAW,EAAA;MAACb,UAAU,EAAEA,UAAU,EAAED,OAAQ;AAAAR,MAAAA,QAAA,EAAEQ,OAAAA;AAAO,KAAc,CAAC,CAAA;AAAA,GAC/D,CAAC,CAAA;AAAA,CAEb,EAAC;AAEDb,MAAM,CAAC4B,WAAW,GAAG,QAAQ;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
const styles = {"counter":"Counter-module_counter__qutVl","neutral":"Counter-module_neutral__Z5iCI","error":"Counter-module_error__srNOJ","warning":"Counter-module_warning__5OY4o","action":"Counter-module_action__ywkeX","active":"Counter-module_active__AZ4oD"};
|
|
3
|
+
const styles = {"counter":"Counter-module_counter__qutVl","neutral":"Counter-module_neutral__Z5iCI","default":"Counter-module_default__W0-pw","error":"Counter-module_error__srNOJ","warning":"Counter-module_warning__5OY4o","action":"Counter-module_action__ywkeX","active":"Counter-module_active__AZ4oD"};
|
|
4
4
|
|
|
5
5
|
module.exports = styles;
|
|
6
6
|
//# sourceMappingURL=Counter.module.css.cjs.map
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const CounterSlot_module = require('./CounterSlot.module.css.cjs');
|
|
6
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
|
|
8
|
+
const CounterSlot = _ref => {
|
|
9
|
+
let {
|
|
10
|
+
children,
|
|
11
|
+
dataTestId
|
|
12
|
+
} = _ref;
|
|
13
|
+
return children == null || children === false ? null : /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
14
|
+
className: CounterSlot_module.slot,
|
|
15
|
+
"aria-hidden": "true",
|
|
16
|
+
"data-testid": dataTestId,
|
|
17
|
+
children: children
|
|
18
|
+
});
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
exports.CounterSlot = CounterSlot;
|
|
22
|
+
//# sourceMappingURL=CounterSlot.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CounterSlot.cjs","sources":["../../../src/counter/CounterSlot.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nimport styles from './CounterSlot.module.css'\n\ntype CounterSlotProps = {\n children?: ReactNode\n dataTestId?: string\n}\n\nexport const CounterSlot = ({ children, dataTestId }: CounterSlotProps) =>\n children == null || children === false ? null : (\n <span className={styles.slot} aria-hidden='true' data-testid={dataTestId}>\n {children}\n </span>\n )\n"],"names":["CounterSlot","_ref","children","dataTestId","_jsx","className","styles","slot"],"mappings":";;;;;;;AASO,MAAMA,WAAW,GAAGC,IAAA,IAAA;EAAA,IAAC;IAAEC,QAAQ;AAAEC,IAAAA,UAAAA;AAA6B,GAAC,GAAAF,IAAA,CAAA;EAAA,OACpEC,QAAQ,IAAI,IAAI,IAAIA,QAAQ,KAAK,KAAK,GAAG,IAAI,gBAC3CE,cAAA,CAAA,MAAA,EAAA;IAAMC,SAAS,EAAEC,kBAAM,CAACC,IAAK;AAAC,IAAA,aAAA,EAAY,MAAM;AAAC,IAAA,aAAA,EAAaJ,UAAW;AAAAD,IAAAA,QAAA,EACtEA,QAAAA;AAAQ,GACL,CACP,CAAA;AAAA;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CounterSlot.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const cn = require('classnames');
|
|
6
|
+
const Disclaimer_module = require('./Disclaimer.module.css.cjs');
|
|
7
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
8
|
+
const TextLink = require('../text-link/TextLink.cjs');
|
|
9
|
+
|
|
10
|
+
const defaultContent = /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
11
|
+
children: ["Your privacy matters. We use cookieless analytics and collect only anonymized data for improvements. Cookies are used for functionality only. For more info read", ' ', /*#__PURE__*/jsxRuntime.jsx(TextLink.TextLink, {
|
|
12
|
+
href: "https://lido.fi/privacy-notice",
|
|
13
|
+
external: true,
|
|
14
|
+
children: "Privacy Notice"
|
|
15
|
+
}), "."]
|
|
16
|
+
});
|
|
17
|
+
const Disclaimer = _ref => {
|
|
18
|
+
let {
|
|
19
|
+
className,
|
|
20
|
+
children = defaultContent,
|
|
21
|
+
dataTestId,
|
|
22
|
+
...rest
|
|
23
|
+
} = _ref;
|
|
24
|
+
return /*#__PURE__*/jsxRuntime.jsx("p", {
|
|
25
|
+
className: cn(Disclaimer_module.root, className),
|
|
26
|
+
"data-testid": dataTestId?.root,
|
|
27
|
+
...rest,
|
|
28
|
+
children: children
|
|
29
|
+
});
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
exports.Disclaimer = Disclaimer;
|
|
33
|
+
//# sourceMappingURL=Disclaimer.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Disclaimer.cjs","sources":["../../../src/disclaimer/Disclaimer.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react'\n\nimport cn from 'classnames'\n\nimport { TextLink } from '../text-link'\nimport styles from './Disclaimer.module.css'\n\nexport type DisclaimerDataTestId = {\n root?: string\n}\n\nexport type DisclaimerProps = ComponentPropsWithoutRef<'p'> & {\n dataTestId?: DisclaimerDataTestId\n}\n\nconst defaultContent = (\n <>\n Your privacy matters. We use cookieless analytics and collect only\n anonymized data for improvements. Cookies are used for functionality only.\n For more info read{' '}\n <TextLink href='https://lido.fi/privacy-notice' external>\n Privacy Notice\n </TextLink>\n .\n </>\n)\n\nexport const Disclaimer = ({\n className,\n children = defaultContent,\n dataTestId,\n ...rest\n}: DisclaimerProps) => (\n <p\n className={cn(styles.root, className)}\n data-testid={dataTestId?.root}\n {...rest}\n >\n {children}\n </p>\n)\n"],"names":["defaultContent","_jsxs","_Fragment","children","_jsx","TextLink","href","external","Disclaimer","_ref","className","dataTestId","rest","cn","styles","root"],"mappings":";;;;;;;;;AAeA,MAAMA,cAAc,gBAClBC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,EAAAA,QAAA,GAAE,kKAGkB,EAAC,GAAG,eACtBC,cAAA,CAACC,iBAAQ,EAAA;AAACC,IAAAA,IAAI,EAAC,gCAAgC;IAACC,QAAQ,EAAA,IAAA;AAAAJ,IAAAA,QAAA,EAAC,gBAAA;AAEzD,GAAU,CAAC,EAEb,GAAA,CAAA;AAAA,CAAE,CACH,CAAA;AAEM,MAAMK,UAAU,GAAGC,IAAA,IAAA;EAAA,IAAC;IACzBC,SAAS;AACTP,IAAAA,QAAQ,GAAGH,cAAc;IACzBW,UAAU;IACV,GAAGC,IAAAA;AACY,GAAC,GAAAH,IAAA,CAAA;AAAA,EAAA,oBAChBL,cAAA,CAAA,GAAA,EAAA;IACEM,SAAS,EAAEG,EAAE,CAACC,iBAAM,CAACC,IAAI,EAAEL,SAAS,CAAE;IACtC,aAAaC,EAAAA,UAAU,EAAEI,IAAK;AAAA,IAAA,GAC1BH,IAAI;AAAAT,IAAAA,QAAA,EAEPA,QAAAA;AAAQ,GACR,CAAC,CAAA;AAAA;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Disclaimer.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const cn = require('classnames');
|
|
6
|
+
const ErrorPage_module = require('./ErrorPage.module.css.cjs');
|
|
7
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
8
|
+
|
|
9
|
+
const presets = {
|
|
10
|
+
'404': {
|
|
11
|
+
title: 'Page not found',
|
|
12
|
+
description: 'The page you’re looking for doesn’t exist or has been moved. Check the URL or return to your dashboard.'
|
|
13
|
+
},
|
|
14
|
+
'500': {
|
|
15
|
+
title: 'Something went wrong',
|
|
16
|
+
description: 'We’re having trouble loading this page. Please try again in a moment.'
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
const isPresetCode = code => code === '404' || code === '500';
|
|
20
|
+
const ErrorPage = _ref => {
|
|
21
|
+
let {
|
|
22
|
+
code,
|
|
23
|
+
title,
|
|
24
|
+
description,
|
|
25
|
+
action,
|
|
26
|
+
className,
|
|
27
|
+
dataTestId,
|
|
28
|
+
...rest
|
|
29
|
+
} = _ref;
|
|
30
|
+
const preset = isPresetCode(code) ? presets[code] : undefined;
|
|
31
|
+
const resolvedTitle = title !== undefined ? title : preset?.title;
|
|
32
|
+
const resolvedDescription = description !== undefined ? description : preset?.description;
|
|
33
|
+
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
34
|
+
className: cn(ErrorPage_module.root, className),
|
|
35
|
+
"data-testid": dataTestId?.root,
|
|
36
|
+
...rest,
|
|
37
|
+
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
38
|
+
className: ErrorPage_module.inner,
|
|
39
|
+
children: [code != null ? /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
40
|
+
className: ErrorPage_module.code,
|
|
41
|
+
"data-testid": dataTestId?.code,
|
|
42
|
+
children: code
|
|
43
|
+
}) : null, /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
44
|
+
className: ErrorPage_module.text,
|
|
45
|
+
children: [resolvedTitle != null ? /*#__PURE__*/jsxRuntime.jsx("h1", {
|
|
46
|
+
className: ErrorPage_module.title,
|
|
47
|
+
"data-testid": dataTestId?.title,
|
|
48
|
+
children: resolvedTitle
|
|
49
|
+
}) : null, resolvedDescription != null ? /*#__PURE__*/jsxRuntime.jsx("p", {
|
|
50
|
+
className: ErrorPage_module.description,
|
|
51
|
+
"data-testid": dataTestId?.description,
|
|
52
|
+
children: resolvedDescription
|
|
53
|
+
}) : null]
|
|
54
|
+
}), action != null ? /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
55
|
+
className: ErrorPage_module.action,
|
|
56
|
+
"data-testid": dataTestId?.action,
|
|
57
|
+
children: action
|
|
58
|
+
}) : null]
|
|
59
|
+
})
|
|
60
|
+
});
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
exports.ErrorPage = ErrorPage;
|
|
64
|
+
//# sourceMappingURL=ErrorPage.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ErrorPage.cjs","sources":["../../../src/error-page/ErrorPage.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './ErrorPage.module.css'\n\nexport type ErrorPageCode = '404' | '500'\n\nexport type ErrorPageDataTestId = {\n root?: string\n code?: string\n title?: string\n description?: string\n action?: string\n}\n\nexport type ErrorPageProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {\n /** `'404'` / `'500'` fill default title and description. */\n code?: ErrorPageCode | (string & {})\n title?: ReactNode\n description?: ReactNode\n /** Slot below the text, usually a `Button`. */\n action?: ReactNode\n dataTestId?: ErrorPageDataTestId\n}\n\nconst presets: Record<ErrorPageCode, { title: string; description: string }> = {\n '404': {\n title: 'Page not found',\n description:\n 'The page you’re looking for doesn’t exist or has been moved. Check the URL or return to your dashboard.',\n },\n '500': {\n title: 'Something went wrong',\n description:\n 'We’re having trouble loading this page. Please try again in a moment.',\n },\n}\n\nconst isPresetCode = (code?: string): code is ErrorPageCode =>\n code === '404' || code === '500'\n\nexport const ErrorPage = ({\n code,\n title,\n description,\n action,\n className,\n dataTestId,\n ...rest\n}: ErrorPageProps) => {\n const preset = isPresetCode(code) ? presets[code] : undefined\n const resolvedTitle = title !== undefined ? title : preset?.title\n const resolvedDescription =\n description !== undefined ? description : preset?.description\n\n return (\n <div\n className={cn(styles.root, className)}\n data-testid={dataTestId?.root}\n {...rest}\n >\n <div className={styles.inner}>\n {code != null ? (\n <div className={styles.code} data-testid={dataTestId?.code}>\n {code}\n </div>\n ) : null}\n <div className={styles.text}>\n {resolvedTitle != null ? (\n <h1 className={styles.title} data-testid={dataTestId?.title}>\n {resolvedTitle}\n </h1>\n ) : null}\n {resolvedDescription != null ? (\n <p\n className={styles.description}\n data-testid={dataTestId?.description}\n >\n {resolvedDescription}\n </p>\n ) : null}\n </div>\n {action != null ? (\n <div className={styles.action} data-testid={dataTestId?.action}>\n {action}\n </div>\n ) : null}\n </div>\n </div>\n )\n}\n"],"names":["presets","title","description","isPresetCode","code","ErrorPage","_ref","action","className","dataTestId","rest","preset","undefined","resolvedTitle","resolvedDescription","_jsx","cn","styles","root","children","_jsxs","inner","text"],"mappings":";;;;;;;;AA0BA,MAAMA,OAAsE,GAAG;AAC7E,EAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,gBAAgB;AACvBC,IAAAA,WAAW,EACT,yGAAA;GACH;AACD,EAAA,KAAK,EAAE;AACLD,IAAAA,KAAK,EAAE,sBAAsB;AAC7BC,IAAAA,WAAW,EACT,uEAAA;AACJ,GAAA;AACF,CAAC,CAAA;AAED,MAAMC,YAAY,GAAIC,IAAa,IACjCA,IAAI,KAAK,KAAK,IAAIA,IAAI,KAAK,KAAK,CAAA;AAErBC,MAAAA,SAAS,GAAGC,IAAA,IAQH;EAAA,IARI;IACxBF,IAAI;IACJH,KAAK;IACLC,WAAW;IACXK,MAAM;IACNC,SAAS;IACTC,UAAU;IACV,GAAGC,IAAAA;AACW,GAAC,GAAAJ,IAAA,CAAA;AACf,EAAA,MAAMK,MAAM,GAAGR,YAAY,CAACC,IAAI,CAAC,GAAGJ,OAAO,CAACI,IAAI,CAAC,GAAGQ,SAAS,CAAA;EAC7D,MAAMC,aAAa,GAAGZ,KAAK,KAAKW,SAAS,GAAGX,KAAK,GAAGU,MAAM,EAAEV,KAAK,CAAA;EACjE,MAAMa,mBAAmB,GACvBZ,WAAW,KAAKU,SAAS,GAAGV,WAAW,GAAGS,MAAM,EAAET,WAAW,CAAA;AAE/D,EAAA,oBACEa,cAAA,CAAA,KAAA,EAAA;IACEP,SAAS,EAAEQ,EAAE,CAACC,gBAAM,CAACC,IAAI,EAAEV,SAAS,CAAE;IACtC,aAAaC,EAAAA,UAAU,EAAES,IAAK;AAAA,IAAA,GAC1BR,IAAI;AAAAS,IAAAA,QAAA,eAERC,eAAA,CAAA,KAAA,EAAA;MAAKZ,SAAS,EAAES,gBAAM,CAACI,KAAM;AAAAF,MAAAA,QAAA,EAC1Bf,CAAAA,IAAI,IAAI,IAAI,gBACXW,cAAA,CAAA,KAAA,EAAA;QAAKP,SAAS,EAAES,gBAAM,CAACb,IAAK;QAAC,aAAaK,EAAAA,UAAU,EAAEL,IAAK;AAAAe,QAAAA,QAAA,EACxDf,IAAAA;AAAI,OACF,CAAC,GACJ,IAAI,eACRgB,eAAA,CAAA,KAAA,EAAA;QAAKZ,SAAS,EAAES,gBAAM,CAACK,IAAK;AAAAH,QAAAA,QAAA,EACzBN,CAAAA,aAAa,IAAI,IAAI,gBACpBE,cAAA,CAAA,IAAA,EAAA;UAAIP,SAAS,EAAES,gBAAM,CAAChB,KAAM;UAAC,aAAaQ,EAAAA,UAAU,EAAER,KAAM;AAAAkB,UAAAA,QAAA,EACzDN,aAAAA;SACC,CAAC,GACH,IAAI,EACPC,mBAAmB,IAAI,IAAI,gBAC1BC,cAAA,CAAA,GAAA,EAAA;UACEP,SAAS,EAAES,gBAAM,CAACf,WAAY;UAC9B,aAAaO,EAAAA,UAAU,EAAEP,WAAY;AAAAiB,UAAAA,QAAA,EAEpCL,mBAAAA;SACA,CAAC,GACF,IAAI,CAAA;AAAA,OACL,CAAC,EACLP,MAAM,IAAI,IAAI,gBACbQ,cAAA,CAAA,KAAA,EAAA;QAAKP,SAAS,EAAES,gBAAM,CAACV,MAAO;QAAC,aAAaE,EAAAA,UAAU,EAAEF,MAAO;AAAAY,QAAAA,QAAA,EAC5DZ,MAAAA;OACE,CAAC,GACJ,IAAI,CAAA;KACL,CAAA;AAAC,GACH,CAAC,CAAA;AAEV;;;;"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const styles = {"root":"ErrorPage-module_root__sdAsZ","inner":"ErrorPage-module_inner__rf3pT","code":"ErrorPage-module_code__sXtwL","text":"ErrorPage-module_text__SIHr-","title":"ErrorPage-module_title__1gYNN","description":"ErrorPage-module_description__VILdD","action":"ErrorPage-module_action__euwDk"};
|
|
4
|
+
|
|
5
|
+
module.exports = styles;
|
|
6
|
+
//# sourceMappingURL=ErrorPage.module.css.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ErrorPage.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const cn = require('classnames');
|
|
6
|
+
const Footer_module = require('./Footer.module.css.cjs');
|
|
7
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
8
|
+
|
|
9
|
+
const Footer = _ref => {
|
|
10
|
+
let {
|
|
11
|
+
children,
|
|
12
|
+
aside,
|
|
13
|
+
className,
|
|
14
|
+
...rest
|
|
15
|
+
} = _ref;
|
|
16
|
+
return /*#__PURE__*/jsxRuntime.jsxs("footer", {
|
|
17
|
+
className: cn(Footer_module.footer, className),
|
|
18
|
+
...rest,
|
|
19
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
20
|
+
className: Footer_module.content,
|
|
21
|
+
children: children
|
|
22
|
+
}), aside != null ? /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
23
|
+
className: Footer_module.aside,
|
|
24
|
+
children: aside
|
|
25
|
+
}) : null]
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
exports.Footer = Footer;
|
|
30
|
+
//# sourceMappingURL=Footer.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Footer.cjs","sources":["../../../src/footer/Footer.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './Footer.module.css'\n\nexport type FooterProps = ComponentPropsWithoutRef<'footer'> & {\n /** Right slot, e.g. version tag. */\n aside?: ReactNode\n}\n\nexport const Footer = ({\n children,\n aside,\n className,\n ...rest\n}: FooterProps) => (\n <footer className={cn(styles.footer, className)} {...rest}>\n <div className={styles.content}>{children}</div>\n {aside != null ? <div className={styles.aside}>{aside}</div> : null}\n </footer>\n)\n"],"names":["Footer","_ref","children","aside","className","rest","_jsxs","cn","styles","footer","_jsx","content"],"mappings":";;;;;;;;AAWO,MAAMA,MAAM,GAAGC,IAAA,IAAA;EAAA,IAAC;IACrBC,QAAQ;IACRC,KAAK;IACLC,SAAS;IACT,GAAGC,IAAAA;AACQ,GAAC,GAAAJ,IAAA,CAAA;AAAA,EAAA,oBACZK,eAAA,CAAA,QAAA,EAAA;IAAQF,SAAS,EAAEG,EAAE,CAACC,aAAM,CAACC,MAAM,EAAEL,SAAS,CAAE;AAAA,IAAA,GAAKC,IAAI;AAAAH,IAAAA,QAAA,gBACvDQ,cAAA,CAAA,KAAA,EAAA;MAAKN,SAAS,EAAEI,aAAM,CAACG,OAAQ;AAAAT,MAAAA,QAAA,EAAEA,QAAAA;AAAQ,KAAM,CAAC,EAC/CC,KAAK,IAAI,IAAI,gBAAGO,cAAA,CAAA,KAAA,EAAA;MAAKN,SAAS,EAAEI,aAAM,CAACL,KAAM;AAAAD,MAAAA,QAAA,EAAEC,KAAAA;KAAW,CAAC,GAAG,IAAI,CAAA;AAAA,GAC7D,CAAC,CAAA;AAAA;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Footer.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
5
|
const cn = require('classnames');
|
|
6
|
+
const CounterSlot = require('../counter/CounterSlot.cjs');
|
|
6
7
|
const IconButton_module = require('./IconButton.module.css.cjs');
|
|
7
8
|
const jsxRuntime = require('react/jsx-runtime');
|
|
8
9
|
const IconLoaderCircle = require('../icons/components/base/IconLoaderCircle.cjs');
|
|
@@ -15,17 +16,18 @@ const IconButton = _ref => {
|
|
|
15
16
|
loading = false,
|
|
16
17
|
disabled = false,
|
|
17
18
|
icon,
|
|
19
|
+
counter,
|
|
18
20
|
dataTestId,
|
|
19
21
|
...rest
|
|
20
22
|
} = _ref;
|
|
21
|
-
return /*#__PURE__*/jsxRuntime.
|
|
23
|
+
return /*#__PURE__*/jsxRuntime.jsxs("button", {
|
|
22
24
|
type: type,
|
|
23
25
|
disabled: disabled || loading,
|
|
24
26
|
"aria-busy": loading || undefined,
|
|
25
27
|
className: cn(IconButton_module.button, IconButton_module[variant], loading && IconButton_module.loading, className),
|
|
26
28
|
"data-testid": dataTestId?.root,
|
|
27
29
|
...rest,
|
|
28
|
-
children: loading ? /*#__PURE__*/jsxRuntime.jsx(IconLoaderCircle.IconLoaderCircle, {
|
|
30
|
+
children: [loading ? /*#__PURE__*/jsxRuntime.jsx(IconLoaderCircle.IconLoaderCircle, {
|
|
29
31
|
className: IconButton_module.spinner,
|
|
30
32
|
"aria-hidden": "true"
|
|
31
33
|
}) : /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
@@ -33,7 +35,10 @@ const IconButton = _ref => {
|
|
|
33
35
|
"aria-hidden": "true",
|
|
34
36
|
"data-testid": dataTestId?.icon,
|
|
35
37
|
children: icon
|
|
36
|
-
})
|
|
38
|
+
}), /*#__PURE__*/jsxRuntime.jsx(CounterSlot.CounterSlot, {
|
|
39
|
+
dataTestId: dataTestId?.counter,
|
|
40
|
+
children: counter
|
|
41
|
+
})]
|
|
37
42
|
});
|
|
38
43
|
};
|
|
39
44
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.cjs","sources":["../../../src/icon-button/IconButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport { IconLoaderCircle } from '../icons'\nimport styles from './IconButton.module.css'\n\nexport type IconButtonVariant = 'outline' | 'ghost'\n\nexport type IconButtonDataTestId = {\n root?: string\n icon?: string\n}\n\nexport type IconButtonProps = Omit<\n ButtonHTMLAttributes<HTMLButtonElement>,\n 'aria-label'\n> & {\n 'aria-label': string\n icon: ReactNode\n variant?: IconButtonVariant\n loading?: boolean\n dataTestId?: IconButtonDataTestId\n}\n\nexport const IconButton = ({\n className,\n type = 'button',\n variant = 'outline',\n loading = false,\n disabled = false,\n icon,\n dataTestId,\n ...rest\n}: IconButtonProps) => (\n <button\n type={type}\n disabled={disabled || loading}\n aria-busy={loading || undefined}\n className={cn(\n styles.button,\n styles[variant],\n loading && styles.loading,\n className,\n )}\n data-testid={dataTestId?.root}\n {...rest}\n >\n {loading ? (\n <IconLoaderCircle className={styles.spinner} aria-hidden='true' />\n ) : (\n <span\n className={styles.icon}\n aria-hidden='true'\n data-testid={dataTestId?.icon}\n >\n {icon}\n </span>\n )}\n </button>\n)\n"],"names":["IconButton","_ref","className","type","variant","loading","disabled","icon","dataTestId","rest","
|
|
1
|
+
{"version":3,"file":"IconButton.cjs","sources":["../../../src/icon-button/IconButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport { CounterSlot } from '../counter/CounterSlot'\nimport { IconLoaderCircle } from '../icons'\nimport styles from './IconButton.module.css'\n\nexport type IconButtonVariant = 'outline' | 'ghost'\n\nexport type IconButtonDataTestId = {\n root?: string\n icon?: string\n counter?: string\n}\n\nexport type IconButtonProps = Omit<\n ButtonHTMLAttributes<HTMLButtonElement>,\n 'aria-label'\n> & {\n 'aria-label': string\n icon: ReactNode\n variant?: IconButtonVariant\n loading?: boolean\n /** Corner slot, aria-hidden: put the count into `aria-label`. */\n counter?: ReactNode\n dataTestId?: IconButtonDataTestId\n}\n\nexport const IconButton = ({\n className,\n type = 'button',\n variant = 'outline',\n loading = false,\n disabled = false,\n icon,\n counter,\n dataTestId,\n ...rest\n}: IconButtonProps) => (\n <button\n type={type}\n disabled={disabled || loading}\n aria-busy={loading || undefined}\n className={cn(\n styles.button,\n styles[variant],\n loading && styles.loading,\n className,\n )}\n data-testid={dataTestId?.root}\n {...rest}\n >\n {loading ? (\n <IconLoaderCircle className={styles.spinner} aria-hidden='true' />\n ) : (\n <span\n className={styles.icon}\n aria-hidden='true'\n data-testid={dataTestId?.icon}\n >\n {icon}\n </span>\n )}\n <CounterSlot dataTestId={dataTestId?.counter}>{counter}</CounterSlot>\n </button>\n)\n"],"names":["IconButton","_ref","className","type","variant","loading","disabled","icon","counter","dataTestId","rest","_jsxs","undefined","cn","styles","button","root","children","_jsx","IconLoaderCircle","spinner","CounterSlot"],"mappings":";;;;;;;;;;AA6BO,MAAMA,UAAU,GAAGC,IAAA,IAAA;EAAA,IAAC;IACzBC,SAAS;AACTC,IAAAA,IAAI,GAAG,QAAQ;AACfC,IAAAA,OAAO,GAAG,SAAS;AACnBC,IAAAA,OAAO,GAAG,KAAK;AACfC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,IAAI;IACJC,OAAO;IACPC,UAAU;IACV,GAAGC,IAAAA;AACY,GAAC,GAAAT,IAAA,CAAA;AAAA,EAAA,oBAChBU,eAAA,CAAA,QAAA,EAAA;AACER,IAAAA,IAAI,EAAEA,IAAK;IACXG,QAAQ,EAAEA,QAAQ,IAAID,OAAQ;IAC9B,WAAWA,EAAAA,OAAO,IAAIO,SAAU;AAChCV,IAAAA,SAAS,EAAEW,EAAE,CACXC,iBAAM,CAACC,MAAM,EACbD,iBAAM,CAACV,OAAO,CAAC,EACfC,OAAO,IAAIS,iBAAM,CAACT,OAAO,EACzBH,SACF,CAAE;IACF,aAAaO,EAAAA,UAAU,EAAEO,IAAK;AAAA,IAAA,GAC1BN,IAAI;AAAAO,IAAAA,QAAA,EAEPZ,CAAAA,OAAO,gBACNa,cAAA,CAACC,iCAAgB,EAAA;MAACjB,SAAS,EAAEY,iBAAM,CAACM,OAAQ;MAAC,aAAY,EAAA,MAAA;KAAQ,CAAC,gBAElEF,cAAA,CAAA,MAAA,EAAA;MACEhB,SAAS,EAAEY,iBAAM,CAACP,IAAK;AACvB,MAAA,aAAA,EAAY,MAAM;MAClB,aAAaE,EAAAA,UAAU,EAAEF,IAAK;AAAAU,MAAAA,QAAA,EAE7BV,IAAAA;AAAI,KACD,CACP,eACDW,cAAA,CAACG,uBAAW,EAAA;MAACZ,UAAU,EAAEA,UAAU,EAAED,OAAQ;AAAAS,MAAAA,QAAA,EAAET,OAAAA;AAAO,KAAc,CAAC,CAAA;AAAA,GAC/D,CAAC,CAAA;AAAA;;;;"}
|
|
@@ -4,13 +4,21 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
|
4
4
|
|
|
5
5
|
const TokenEth = require('./components/token/TokenEth.cjs');
|
|
6
6
|
const TokenSteth = require('./components/token/TokenSteth.cjs');
|
|
7
|
+
const TokenUsdc = require('./components/token/TokenUsdc.cjs');
|
|
8
|
+
const TokenUsdt = require('./components/token/TokenUsdt.cjs');
|
|
9
|
+
const TokenUsdy = require('./components/token/TokenUsdy.cjs');
|
|
10
|
+
const TokenWEth = require('./components/token/TokenWEth.cjs');
|
|
7
11
|
const TokenWsteth = require('./components/token/TokenWsteth.cjs');
|
|
8
12
|
const jsxRuntime = require('react/jsx-runtime');
|
|
9
13
|
|
|
10
14
|
const iconBySymbol = {
|
|
11
15
|
ETH: TokenEth.TokenEth,
|
|
16
|
+
WETH: TokenWEth.TokenWEth,
|
|
12
17
|
stETH: TokenSteth.TokenSteth,
|
|
13
|
-
wstETH: TokenWsteth.TokenWsteth
|
|
18
|
+
wstETH: TokenWsteth.TokenWsteth,
|
|
19
|
+
USDC: TokenUsdc.TokenUsdc,
|
|
20
|
+
USDT: TokenUsdt.TokenUsdt,
|
|
21
|
+
USDY: TokenUsdy.TokenUsdy
|
|
14
22
|
};
|
|
15
23
|
|
|
16
24
|
// True when a symbol has a glyph in the kit — callers with arbitrary token symbols guard
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenIcon.cjs","sources":["../../../src/icons/TokenIcon.tsx"],"sourcesContent":["import type { SVGProps } from 'react'\nimport { TokenEth } from './components/token/TokenEth'\nimport { TokenSteth } from './components/token/TokenSteth'\nimport { TokenWsteth } from './components/token/TokenWsteth'\n\nexport type TokenIconSymbol
|
|
1
|
+
{"version":3,"file":"TokenIcon.cjs","sources":["../../../src/icons/TokenIcon.tsx"],"sourcesContent":["import type { SVGProps } from 'react'\nimport { TokenEth } from './components/token/TokenEth'\nimport { TokenSteth } from './components/token/TokenSteth'\nimport { TokenUsdc } from './components/token/TokenUsdc'\nimport { TokenUsdt } from './components/token/TokenUsdt'\nimport { TokenUsdy } from './components/token/TokenUsdy'\nimport { TokenWEth } from './components/token/TokenWEth'\nimport { TokenWsteth } from './components/token/TokenWsteth'\n\nexport type TokenIconSymbol =\n | 'ETH'\n | 'WETH'\n | 'stETH'\n | 'wstETH'\n | 'USDC'\n | 'USDT'\n | 'USDY'\n\nexport type TokenIconProps = SVGProps<SVGSVGElement> & {\n token: TokenIconSymbol\n}\n\nconst iconBySymbol = {\n ETH: TokenEth,\n WETH: TokenWEth,\n stETH: TokenSteth,\n wstETH: TokenWsteth,\n USDC: TokenUsdc,\n USDT: TokenUsdt,\n USDY: TokenUsdy,\n} as const\n\n// True when a symbol has a glyph in the kit — callers with arbitrary token symbols guard\n// on this before rendering an icon, so tokens without art render no icon rather than crash.\nexport const isTokenIcon = (symbol: string): symbol is TokenIconSymbol =>\n symbol in iconBySymbol\n\nexport const TokenIcon = ({ token, ...props }: TokenIconProps) => {\n const Icon = iconBySymbol[token]\n if (!Icon) return null\n return <Icon {...props} />\n}\n"],"names":["iconBySymbol","ETH","TokenEth","WETH","TokenWEth","stETH","TokenSteth","wstETH","TokenWsteth","USDC","TokenUsdc","USDT","TokenUsdt","USDY","TokenUsdy","isTokenIcon","symbol","TokenIcon","_ref","token","props","Icon","_jsx"],"mappings":";;;;;;;;;;;;;AAsBA,MAAMA,YAAY,GAAG;AACnBC,EAAAA,GAAG,EAAEC,iBAAQ;AACbC,EAAAA,IAAI,EAAEC,mBAAS;AACfC,EAAAA,KAAK,EAAEC,qBAAU;AACjBC,EAAAA,MAAM,EAAEC,uBAAW;AACnBC,EAAAA,IAAI,EAAEC,mBAAS;AACfC,EAAAA,IAAI,EAAEC,mBAAS;AACfC,EAAAA,IAAI,EAAEC,mBAAAA;AACR,CAAU,CAAA;;AAEV;AACA;MACaC,WAAW,GAAIC,MAAc,IACxCA,MAAM,IAAIhB,aAAY;AAEXiB,MAAAA,SAAS,GAAGC,IAAA,IAAyC;EAAA,IAAxC;IAAEC,KAAK;IAAE,GAAGC,KAAAA;AAAsB,GAAC,GAAAF,IAAA,CAAA;AAC3D,EAAA,MAAMG,IAAI,GAAGrB,YAAY,CAACmB,KAAK,CAAC,CAAA;AAChC,EAAA,IAAI,CAACE,IAAI,EAAE,OAAO,IAAI,CAAA;EACtB,oBAAOC,cAAA,CAACD,IAAI,EAAA;IAAA,GAAKD,KAAAA;AAAK,GAAG,CAAC,CAAA;AAC5B;;;;;"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
require('react');
|
|
6
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
|
|
8
|
+
// THIS FILE IS AUTO GENERATED
|
|
9
|
+
|
|
10
|
+
const IconEtherscan = props => {
|
|
11
|
+
return /*#__PURE__*/jsxRuntime.jsx("svg", {
|
|
12
|
+
width: 20,
|
|
13
|
+
height: 20,
|
|
14
|
+
viewBox: "0 0 20 20",
|
|
15
|
+
fill: "none",
|
|
16
|
+
...props,
|
|
17
|
+
children: /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
18
|
+
d: "M17.98 9.44a8.02 8.02 0 01-1.157 4.735 8.003 8.003 0 01-3.19 2.953 7.984 7.984 0 01-8.107-.502l-.225-.159c4.363-.621 9.757-2.662 12.678-7.027zM9.898 2a7.981 7.981 0 015.941 2.546 8.01 8.01 0 011.704 2.833 1.144 1.144 0 01-.173 1.066c-.789 1.03-1.784 1.887-2.765 2.599V6.208a.68.68 0 00-.679-.68h-1.131a.679.679 0 00-.68.68v5.872a.568.568 0 01-.345.524c-.275.116-.557.23-.56.23V7.91a.683.683 0 00-.679-.68H9.4a.68.68 0 00-.68.68v5.308a.567.567 0 01-.436.55 9.088 9.088 0 00-.469.121V9.61a.683.683 0 00-.679-.68l-1.13-.004a.677.677 0 00-.681.68v4.245a.568.568 0 01-.502.562c-.316.037-.583.064-.797.083a1.01 1.01 0 01-.964-.5A8.018 8.018 0 016.676 2.722a7.983 7.983 0 013.222-.721z",
|
|
19
|
+
fill: "currentColor"
|
|
20
|
+
})
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
exports.IconEtherscan = IconEtherscan;
|
|
25
|
+
//# sourceMappingURL=IconEtherscan.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconEtherscan.cjs","sources":["../../../../../src/icons/components/base/IconEtherscan.tsx"],"sourcesContent":["// THIS FILE IS AUTO GENERATED\n\nimport React, { SVGProps } from 'react'\n\nexport const IconEtherscan = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width={20} height={20} viewBox='0 0 20 20' fill='none' {...props}>\n <path\n d='M17.98 9.44a8.02 8.02 0 01-1.157 4.735 8.003 8.003 0 01-3.19 2.953 7.984 7.984 0 01-8.107-.502l-.225-.159c4.363-.621 9.757-2.662 12.678-7.027zM9.898 2a7.981 7.981 0 015.941 2.546 8.01 8.01 0 011.704 2.833 1.144 1.144 0 01-.173 1.066c-.789 1.03-1.784 1.887-2.765 2.599V6.208a.68.68 0 00-.679-.68h-1.131a.679.679 0 00-.68.68v5.872a.568.568 0 01-.345.524c-.275.116-.557.23-.56.23V7.91a.683.683 0 00-.679-.68H9.4a.68.68 0 00-.68.68v5.308a.567.567 0 01-.436.55 9.088 9.088 0 00-.469.121V9.61a.683.683 0 00-.679-.68l-1.13-.004a.677.677 0 00-.681.68v4.245a.568.568 0 01-.502.562c-.316.037-.583.064-.797.083a1.01 1.01 0 01-.964-.5A8.018 8.018 0 016.676 2.722a7.983 7.983 0 013.222-.721z'\n fill='currentColor'\n />\n </svg>\n )\n}\n"],"names":["IconEtherscan","props","_jsx","width","height","viewBox","fill","children","d"],"mappings":";;;;;;;AAAA;;AAIaA,MAAAA,aAAa,GAAIC,KAA8B,IAAK;AAC/D,EAAA,oBACEC,cAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,KAAK,EAAE,EAAG;AAACC,IAAAA,MAAM,EAAE,EAAG;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAM;AAAA,IAAA,GAAKL,KAAK;AAAAM,IAAAA,QAAA,eACnEL,cAAA,CAAA,MAAA,EAAA;AACEM,MAAAA,CAAC,EAAC,wqBAAwqB;AAC1qBF,MAAAA,IAAI,EAAC,cAAA;KACN,CAAA;AAAC,GACC,CAAC,CAAA;AAEV;;;;"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
require('react');
|
|
6
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
|
|
8
|
+
// THIS FILE IS AUTO GENERATED
|
|
9
|
+
|
|
10
|
+
const IconNumber = props => {
|
|
11
|
+
return /*#__PURE__*/jsxRuntime.jsxs("svg", {
|
|
12
|
+
width: 20,
|
|
13
|
+
height: 20,
|
|
14
|
+
viewBox: "0 0 20 20",
|
|
15
|
+
fill: "none",
|
|
16
|
+
...props,
|
|
17
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("path", {
|
|
18
|
+
d: "M9.991 1.458c4.671 0 8.547 3.867 8.547 8.538 0 4.662-3.867 8.538-8.538 8.538-4.662 0-8.538-3.876-8.538-8.538 0-4.67 3.867-8.538 8.53-8.538z",
|
|
19
|
+
fill: "currentColor"
|
|
20
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
21
|
+
d: "M7.079 13.994l.006-1.116 3.762-3.372c.303-.268.51-.524.617-.768a1.742 1.742 0 00-.036-1.56 1.532 1.532 0 00-1.392-.804 1.628 1.628 0 00-1.44.822c-.14.248-.207.516-.203.804H7.109c0-.56.126-1.05.378-1.47a2.662 2.662 0 011.05-.99c.444-.24.952-.36 1.523-.36.544 0 1.032.124 1.464.372.433.244.773.58 1.02 1.008.252.428.378.916.378 1.464 0 .396-.052.732-.155 1.008a2.48 2.48 0 01-.468.768 8.947 8.947 0 01-.78.768L8.614 13.16l-.138-.36h4.445v1.194H7.08z",
|
|
22
|
+
fill: "currentColor"
|
|
23
|
+
})]
|
|
24
|
+
});
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
exports.IconNumber = IconNumber;
|
|
28
|
+
//# sourceMappingURL=IconNumber.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconNumber.cjs","sources":["../../../../../src/icons/components/base/IconNumber.tsx"],"sourcesContent":["// THIS FILE IS AUTO GENERATED\n\nimport React, { SVGProps } from 'react'\n\nexport const IconNumber = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg width={20} height={20} viewBox='0 0 20 20' fill='none' {...props}>\n <path\n d='M9.991 1.458c4.671 0 8.547 3.867 8.547 8.538 0 4.662-3.867 8.538-8.538 8.538-4.662 0-8.538-3.876-8.538-8.538 0-4.67 3.867-8.538 8.53-8.538z'\n fill='currentColor'\n />\n <path\n d='M7.079 13.994l.006-1.116 3.762-3.372c.303-.268.51-.524.617-.768a1.742 1.742 0 00-.036-1.56 1.532 1.532 0 00-1.392-.804 1.628 1.628 0 00-1.44.822c-.14.248-.207.516-.203.804H7.109c0-.56.126-1.05.378-1.47a2.662 2.662 0 011.05-.99c.444-.24.952-.36 1.523-.36.544 0 1.032.124 1.464.372.433.244.773.58 1.02 1.008.252.428.378.916.378 1.464 0 .396-.052.732-.155 1.008a2.48 2.48 0 01-.468.768 8.947 8.947 0 01-.78.768L8.614 13.16l-.138-.36h4.445v1.194H7.08z'\n fill='currentColor'\n />\n </svg>\n )\n}\n"],"names":["IconNumber","props","_jsxs","width","height","viewBox","fill","children","_jsx","d"],"mappings":";;;;;;;AAAA;;AAIaA,MAAAA,UAAU,GAAIC,KAA8B,IAAK;AAC5D,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,KAAK,EAAE,EAAG;AAACC,IAAAA,MAAM,EAAE,EAAG;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAM;AAAA,IAAA,GAAKL,KAAK;AAAAM,IAAAA,QAAA,gBACnEC,cAAA,CAAA,MAAA,EAAA;AACEC,MAAAA,CAAC,EAAC,6IAA6I;AAC/IH,MAAAA,IAAI,EAAC,cAAA;KACN,CAAC,eACFE,cAAA,CAAA,MAAA,EAAA;AACEC,MAAAA,CAAC,EAAC,icAAic;AACncH,MAAAA,IAAI,EAAC,cAAA;AAAc,KACpB,CAAC,CAAA;AAAA,GACC,CAAC,CAAA;AAEV;;;;"}
|
|
@@ -60,6 +60,8 @@ const IconTrash = require('./IconTrash.cjs');
|
|
|
60
60
|
const IconUser = require('./IconUser.cjs');
|
|
61
61
|
const IconWallet = require('./IconWallet.cjs');
|
|
62
62
|
const IconWarning = require('./IconWarning.cjs');
|
|
63
|
+
const IconEtherscan = require('./IconEtherscan.cjs');
|
|
64
|
+
const IconNumber = require('./IconNumber.cjs');
|
|
63
65
|
|
|
64
66
|
// THIS FILE IS AUTO GENERATED
|
|
65
67
|
|
|
@@ -123,7 +125,9 @@ const BASE_ICONS_MAP = {
|
|
|
123
125
|
IconTrash: IconTrash.IconTrash,
|
|
124
126
|
IconUser: IconUser.IconUser,
|
|
125
127
|
IconWallet: IconWallet.IconWallet,
|
|
126
|
-
IconWarning: IconWarning.IconWarning
|
|
128
|
+
IconWarning: IconWarning.IconWarning,
|
|
129
|
+
IconEtherscan: IconEtherscan.IconEtherscan,
|
|
130
|
+
IconNumber: IconNumber.IconNumber
|
|
127
131
|
};
|
|
128
132
|
|
|
129
133
|
exports.BASE_ICONS_MAP = BASE_ICONS_MAP;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"iconsMap.cjs","sources":["../../../../../src/icons/components/base/iconsMap.tsx"],"sourcesContent":["// THIS FILE IS AUTO GENERATED\n\nimport { IconAdd } from './IconAdd'\nimport { IconAdjust } from './IconAdjust'\nimport { IconArrowDown } from './IconArrowDown'\nimport { IconArrowLeft } from './IconArrowLeft'\nimport { IconArrowNarrowDownLeft } from './IconArrowNarrowDownLeft'\nimport { IconArrowNarrowUpRight } from './IconArrowNarrowUpRight'\nimport { IconArrowRight } from './IconArrowRight'\nimport { IconArrowUp } from './IconArrowUp'\nimport { IconBell } from './IconBell'\nimport { IconBolt } from './IconBolt'\nimport { IconBox } from './IconBox'\nimport { IconCalendar } from './IconCalendar'\nimport { IconCheck } from './IconCheck'\nimport { IconChevronDown } from './IconChevronDown'\nimport { IconChevronLeft } from './IconChevronLeft'\nimport { IconChevronRight } from './IconChevronRight'\nimport { IconChevronUp } from './IconChevronUp'\nimport { IconChevronsUpDown } from './IconChevronsUpDown'\nimport { IconCircleStar } from './IconCircleStar'\nimport { IconCloudDownload } from './IconCloudDownload'\nimport { IconCloudUpload } from './IconCloudUpload'\nimport { IconComponent } from './IconComponent'\nimport { IconConfirmed } from './IconConfirmed'\nimport { IconCopy } from './IconCopy'\nimport { IconCross } from './IconCross'\nimport { IconDashboard } from './IconDashboard'\nimport { IconDay } from './IconDay'\nimport { IconDownload } from './IconDownload'\nimport { IconExclamation } from './IconExclamation'\nimport { IconFilter } from './IconFilter'\nimport { IconFreeze } from './IconFreeze'\nimport { IconGem } from './IconGem'\nimport { IconHourglass } from './IconHourglass'\nimport { IconInfo } from './IconInfo'\nimport { IconKeyRound } from './IconKeyRound'\nimport { IconLightning } from './IconLightning'\nimport { IconLink } from './IconLink'\nimport { IconListCheck } from './IconListCheck'\nimport { IconLoaderCircle } from './IconLoaderCircle'\nimport { IconLockKeyhole } from './IconLockKeyhole'\nimport { IconLogout } from './IconLogout'\nimport { IconMenu } from './IconMenu'\nimport { IconMinus } from './IconMinus'\nimport { IconNight } from './IconNight'\nimport { IconPause } from './IconPause'\nimport { IconPlus } from './IconPlus'\nimport { IconPriceDown } from './IconPriceDown'\nimport { IconPriceUp } from './IconPriceUp'\nimport { IconRemove } from './IconRemove'\nimport { IconRotate } from './IconRotate'\nimport { IconSearch } from './IconSearch'\nimport { IconShield } from './IconShield'\nimport { IconSpinner } from './IconSpinner'\nimport { IconStar } from './IconStar'\nimport { IconTrash } from './IconTrash'\nimport { IconUser } from './IconUser'\nimport { IconWallet } from './IconWallet'\nimport { IconWarning } from './IconWarning'\n\n// Export a constant with all icons in this directory\nexport const BASE_ICONS_MAP = {\n IconAdd,\n IconAdjust,\n IconArrowDown,\n IconArrowLeft,\n IconArrowNarrowDownLeft,\n IconArrowNarrowUpRight,\n IconArrowRight,\n IconArrowUp,\n IconBell,\n IconBolt,\n IconBox,\n IconCalendar,\n IconCheck,\n IconChevronDown,\n IconChevronLeft,\n IconChevronRight,\n IconChevronUp,\n IconChevronsUpDown,\n IconCircleStar,\n IconCloudDownload,\n IconCloudUpload,\n IconComponent,\n IconConfirmed,\n IconCopy,\n IconCross,\n IconDashboard,\n IconDay,\n IconDownload,\n IconExclamation,\n IconFilter,\n IconFreeze,\n IconGem,\n IconHourglass,\n IconInfo,\n IconKeyRound,\n IconLightning,\n IconLink,\n IconListCheck,\n IconLoaderCircle,\n IconLockKeyhole,\n IconLogout,\n IconMenu,\n IconMinus,\n IconNight,\n IconPause,\n IconPlus,\n IconPriceDown,\n IconPriceUp,\n IconRemove,\n IconRotate,\n IconSearch,\n IconShield,\n IconSpinner,\n IconStar,\n IconTrash,\n IconUser,\n IconWallet,\n IconWarning,\n}\n"],"names":["BASE_ICONS_MAP","IconAdd","IconAdjust","IconArrowDown","IconArrowLeft","IconArrowNarrowDownLeft","IconArrowNarrowUpRight","IconArrowRight","IconArrowUp","IconBell","IconBolt","IconBox","IconCalendar","IconCheck","IconChevronDown","IconChevronLeft","IconChevronRight","IconChevronUp","IconChevronsUpDown","IconCircleStar","IconCloudDownload","IconCloudUpload","IconComponent","IconConfirmed","IconCopy","IconCross","IconDashboard","IconDay","IconDownload","IconExclamation","IconFilter","IconFreeze","IconGem","IconHourglass","IconInfo","IconKeyRound","IconLightning","IconLink","IconListCheck","IconLoaderCircle","IconLockKeyhole","IconLogout","IconMenu","IconMinus","IconNight","IconPause","IconPlus","IconPriceDown","IconPriceUp","IconRemove","IconRotate","IconSearch","IconShield","IconSpinner","IconStar","IconTrash","IconUser","IconWallet","IconWarning"],"mappings":"
|
|
1
|
+
{"version":3,"file":"iconsMap.cjs","sources":["../../../../../src/icons/components/base/iconsMap.tsx"],"sourcesContent":["// THIS FILE IS AUTO GENERATED\n\nimport { IconAdd } from './IconAdd'\nimport { IconAdjust } from './IconAdjust'\nimport { IconArrowDown } from './IconArrowDown'\nimport { IconArrowLeft } from './IconArrowLeft'\nimport { IconArrowNarrowDownLeft } from './IconArrowNarrowDownLeft'\nimport { IconArrowNarrowUpRight } from './IconArrowNarrowUpRight'\nimport { IconArrowRight } from './IconArrowRight'\nimport { IconArrowUp } from './IconArrowUp'\nimport { IconBell } from './IconBell'\nimport { IconBolt } from './IconBolt'\nimport { IconBox } from './IconBox'\nimport { IconCalendar } from './IconCalendar'\nimport { IconCheck } from './IconCheck'\nimport { IconChevronDown } from './IconChevronDown'\nimport { IconChevronLeft } from './IconChevronLeft'\nimport { IconChevronRight } from './IconChevronRight'\nimport { IconChevronUp } from './IconChevronUp'\nimport { IconChevronsUpDown } from './IconChevronsUpDown'\nimport { IconCircleStar } from './IconCircleStar'\nimport { IconCloudDownload } from './IconCloudDownload'\nimport { IconCloudUpload } from './IconCloudUpload'\nimport { IconComponent } from './IconComponent'\nimport { IconConfirmed } from './IconConfirmed'\nimport { IconCopy } from './IconCopy'\nimport { IconCross } from './IconCross'\nimport { IconDashboard } from './IconDashboard'\nimport { IconDay } from './IconDay'\nimport { IconDownload } from './IconDownload'\nimport { IconExclamation } from './IconExclamation'\nimport { IconFilter } from './IconFilter'\nimport { IconFreeze } from './IconFreeze'\nimport { IconGem } from './IconGem'\nimport { IconHourglass } from './IconHourglass'\nimport { IconInfo } from './IconInfo'\nimport { IconKeyRound } from './IconKeyRound'\nimport { IconLightning } from './IconLightning'\nimport { IconLink } from './IconLink'\nimport { IconListCheck } from './IconListCheck'\nimport { IconLoaderCircle } from './IconLoaderCircle'\nimport { IconLockKeyhole } from './IconLockKeyhole'\nimport { IconLogout } from './IconLogout'\nimport { IconMenu } from './IconMenu'\nimport { IconMinus } from './IconMinus'\nimport { IconNight } from './IconNight'\nimport { IconPause } from './IconPause'\nimport { IconPlus } from './IconPlus'\nimport { IconPriceDown } from './IconPriceDown'\nimport { IconPriceUp } from './IconPriceUp'\nimport { IconRemove } from './IconRemove'\nimport { IconRotate } from './IconRotate'\nimport { IconSearch } from './IconSearch'\nimport { IconShield } from './IconShield'\nimport { IconSpinner } from './IconSpinner'\nimport { IconStar } from './IconStar'\nimport { IconTrash } from './IconTrash'\nimport { IconUser } from './IconUser'\nimport { IconWallet } from './IconWallet'\nimport { IconWarning } from './IconWarning'\nimport { IconEtherscan } from './IconEtherscan'\nimport { IconNumber } from './IconNumber'\n\n// Export a constant with all icons in this directory\nexport const BASE_ICONS_MAP = {\n IconAdd,\n IconAdjust,\n IconArrowDown,\n IconArrowLeft,\n IconArrowNarrowDownLeft,\n IconArrowNarrowUpRight,\n IconArrowRight,\n IconArrowUp,\n IconBell,\n IconBolt,\n IconBox,\n IconCalendar,\n IconCheck,\n IconChevronDown,\n IconChevronLeft,\n IconChevronRight,\n IconChevronUp,\n IconChevronsUpDown,\n IconCircleStar,\n IconCloudDownload,\n IconCloudUpload,\n IconComponent,\n IconConfirmed,\n IconCopy,\n IconCross,\n IconDashboard,\n IconDay,\n IconDownload,\n IconExclamation,\n IconFilter,\n IconFreeze,\n IconGem,\n IconHourglass,\n IconInfo,\n IconKeyRound,\n IconLightning,\n IconLink,\n IconListCheck,\n IconLoaderCircle,\n IconLockKeyhole,\n IconLogout,\n IconMenu,\n IconMinus,\n IconNight,\n IconPause,\n IconPlus,\n IconPriceDown,\n IconPriceUp,\n IconRemove,\n IconRotate,\n IconSearch,\n IconShield,\n IconSpinner,\n IconStar,\n IconTrash,\n IconUser,\n IconWallet,\n IconWarning,\n IconEtherscan,\n IconNumber,\n}\n"],"names":["BASE_ICONS_MAP","IconAdd","IconAdjust","IconArrowDown","IconArrowLeft","IconArrowNarrowDownLeft","IconArrowNarrowUpRight","IconArrowRight","IconArrowUp","IconBell","IconBolt","IconBox","IconCalendar","IconCheck","IconChevronDown","IconChevronLeft","IconChevronRight","IconChevronUp","IconChevronsUpDown","IconCircleStar","IconCloudDownload","IconCloudUpload","IconComponent","IconConfirmed","IconCopy","IconCross","IconDashboard","IconDay","IconDownload","IconExclamation","IconFilter","IconFreeze","IconGem","IconHourglass","IconInfo","IconKeyRound","IconLightning","IconLink","IconListCheck","IconLoaderCircle","IconLockKeyhole","IconLogout","IconMenu","IconMinus","IconNight","IconPause","IconPlus","IconPriceDown","IconPriceUp","IconRemove","IconRotate","IconSearch","IconShield","IconSpinner","IconStar","IconTrash","IconUser","IconWallet","IconWarning","IconEtherscan","IconNumber"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;AA+DA;AACO,MAAMA,cAAc,GAAG;WAC5BC,eAAO;cACPC,qBAAU;iBACVC,2BAAa;iBACbC,2BAAa;2BACbC,+CAAuB;0BACvBC,6CAAsB;kBACtBC,6BAAc;eACdC,uBAAW;YACXC,iBAAQ;YACRC,iBAAQ;WACRC,eAAO;gBACPC,yBAAY;aACZC,mBAAS;mBACTC,+BAAe;mBACfC,+BAAe;oBACfC,iCAAgB;iBAChBC,2BAAa;sBACbC,qCAAkB;kBAClBC,6BAAc;qBACdC,mCAAiB;mBACjBC,+BAAe;iBACfC,2BAAa;iBACbC,2BAAa;YACbC,iBAAQ;aACRC,mBAAS;iBACTC,2BAAa;WACbC,eAAO;gBACPC,yBAAY;mBACZC,+BAAe;cACfC,qBAAU;cACVC,qBAAU;WACVC,eAAO;iBACPC,2BAAa;YACbC,iBAAQ;gBACRC,yBAAY;iBACZC,2BAAa;YACbC,iBAAQ;iBACRC,2BAAa;oBACbC,iCAAgB;mBAChBC,+BAAe;cACfC,qBAAU;YACVC,iBAAQ;aACRC,mBAAS;aACTC,mBAAS;aACTC,mBAAS;YACTC,iBAAQ;iBACRC,2BAAa;eACbC,uBAAW;cACXC,qBAAU;cACVC,qBAAU;cACVC,qBAAU;cACVC,qBAAU;eACVC,uBAAW;YACXC,iBAAQ;aACRC,mBAAS;YACTC,iBAAQ;cACRC,qBAAU;eACVC,uBAAW;iBACXC,2BAAa;AACbC,cAAAA,qBAAAA;AACF;;;;"}
|
|
@@ -2,12 +2,44 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const react = require('react');
|
|
6
|
-
const Jazzicon = require('react-jazzicon');
|
|
7
5
|
const cn = require('classnames');
|
|
6
|
+
const react = require('react');
|
|
7
|
+
const ReactJazzicon = require('react-jazzicon');
|
|
8
8
|
const Identicon_module = require('./Identicon.module.css.cjs');
|
|
9
9
|
const jsxRuntime = require('react/jsx-runtime');
|
|
10
10
|
|
|
11
|
+
function _interopNamespaceDefault(e) {
|
|
12
|
+
const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
|
|
13
|
+
if (e) {
|
|
14
|
+
for (const k in e) {
|
|
15
|
+
if (k !== 'default') {
|
|
16
|
+
const d = Object.getOwnPropertyDescriptor(e, k);
|
|
17
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
18
|
+
enumerable: true,
|
|
19
|
+
get: () => e[k]
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
n.default = e;
|
|
25
|
+
return Object.freeze(n);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
const ReactJazzicon__namespace = /*#__PURE__*/_interopNamespaceDefault(ReactJazzicon);
|
|
29
|
+
|
|
30
|
+
// react-jazzicon's own `dist/index.js` re-exports its default via an
|
|
31
|
+
// Object.defineProperty getter chaining to a nested submodule, rather than a
|
|
32
|
+
// plain assignment. esbuild's CJS interop (used by Vite — including when this
|
|
33
|
+
// package is only pulled in transitively, e.g. by a consuming app that has no
|
|
34
|
+
// direct dependency on react-jazzicon) sets a self-referential `.default`
|
|
35
|
+
// before copying the module's own properties, so that nested getter gets
|
|
36
|
+
// shadowed: `ReactJazzicon.default` can end up being the raw CJS exports
|
|
37
|
+
// object instead of the component. When that happens, the real component is
|
|
38
|
+
// one level deeper, at `.default.default`.
|
|
39
|
+
const Jazzicon = typeof ReactJazzicon__namespace.default === 'function' ? ReactJazzicon__namespace.default : ReactJazzicon__namespace.default.default;
|
|
40
|
+
const {
|
|
41
|
+
jsNumberForAddress
|
|
42
|
+
} = ReactJazzicon__namespace;
|
|
11
43
|
const Identicon = /*#__PURE__*/react.forwardRef((_ref, ref) => {
|
|
12
44
|
let {
|
|
13
45
|
address,
|
|
@@ -30,7 +62,7 @@ const Identicon = /*#__PURE__*/react.forwardRef((_ref, ref) => {
|
|
|
30
62
|
...rest,
|
|
31
63
|
children: address ? /*#__PURE__*/jsxRuntime.jsx(Jazzicon, {
|
|
32
64
|
diameter: size,
|
|
33
|
-
seed:
|
|
65
|
+
seed: jsNumberForAddress(address)
|
|
34
66
|
}) : null
|
|
35
67
|
});
|
|
36
68
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Identicon.cjs","sources":["../../../src/identicon/Identicon.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"Identicon.cjs","sources":["../../../src/identicon/Identicon.tsx"],"sourcesContent":["import cn from 'classnames'\nimport { type ComponentPropsWithoutRef, forwardRef } from 'react'\nimport * as ReactJazzicon from 'react-jazzicon'\n\nimport styles from './Identicon.module.css'\n\nexport type IdenticonDataTestId = {\n root?: string\n}\n\nexport type IdenticonProps = ComponentPropsWithoutRef<'span'> & {\n address?: string\n size?: number\n dataTestId?: IdenticonDataTestId\n}\n\n// react-jazzicon's own `dist/index.js` re-exports its default via an\n// Object.defineProperty getter chaining to a nested submodule, rather than a\n// plain assignment. esbuild's CJS interop (used by Vite — including when this\n// package is only pulled in transitively, e.g. by a consuming app that has no\n// direct dependency on react-jazzicon) sets a self-referential `.default`\n// before copying the module's own properties, so that nested getter gets\n// shadowed: `ReactJazzicon.default` can end up being the raw CJS exports\n// object instead of the component. When that happens, the real component is\n// one level deeper, at `.default.default`.\nconst Jazzicon =\n typeof ReactJazzicon.default === 'function'\n ? ReactJazzicon.default\n : (\n ReactJazzicon.default as unknown as {\n default: typeof ReactJazzicon.default\n }\n ).default\nconst { jsNumberForAddress } = ReactJazzicon\n\nexport const Identicon = forwardRef<HTMLSpanElement, IdenticonProps>(\n ({ address, size = 40, className, style, dataTestId, ...rest }, ref) => (\n <span\n ref={ref}\n className={cn(styles.root, !address && styles.empty, className)}\n style={{ width: size, height: size, ...style }}\n aria-hidden='true'\n data-testid={dataTestId?.root}\n {...rest}\n >\n {address ? (\n <Jazzicon diameter={size} seed={jsNumberForAddress(address)} />\n ) : null}\n </span>\n ),\n)\n\nIdenticon.displayName = 'Identicon'\n"],"names":["Jazzicon","ReactJazzicon","default","jsNumberForAddress","Identicon","forwardRef","_ref","ref","address","size","className","style","dataTestId","rest","_jsx","cn","styles","root","empty","width","height","children","diameter","seed","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,QAAQ,GACZ,OAAOC,wBAAa,CAACC,OAAO,KAAK,UAAU,GACvCD,wBAAa,CAACC,OAAO,GAEnBD,wBAAa,CAACC,OAAO,CAGrBA,OAAO,CAAA;AACf,MAAM;AAAEC,EAAAA,kBAAAA;AAAmB,CAAC,GAAGF,wBAAa,CAAA;AAErC,MAAMG,SAAS,gBAAGC,gBAAU,CACjC,CAAAC,IAAA,EAAgEC,GAAG,KAAA;EAAA,IAAlE;IAAEC,OAAO;AAAEC,IAAAA,IAAI,GAAG,EAAE;IAAEC,SAAS;IAAEC,KAAK;IAAEC,UAAU;IAAE,GAAGC,IAAAA;AAAK,GAAC,GAAAP,IAAA,CAAA;AAAA,EAAA,oBAC5DQ,cAAA,CAAA,MAAA,EAAA;AACEP,IAAAA,GAAG,EAAEA,GAAI;AACTG,IAAAA,SAAS,EAAEK,EAAE,CAACC,gBAAM,CAACC,IAAI,EAAE,CAACT,OAAO,IAAIQ,gBAAM,CAACE,KAAK,EAAER,SAAS,CAAE;AAChEC,IAAAA,KAAK,EAAE;AAAEQ,MAAAA,KAAK,EAAEV,IAAI;AAAEW,MAAAA,MAAM,EAAEX,IAAI;MAAE,GAAGE,KAAAA;KAAQ;AAC/C,IAAA,aAAA,EAAY,MAAM;IAClB,aAAaC,EAAAA,UAAU,EAAEK,IAAK;AAAA,IAAA,GAC1BJ,IAAI;AAAAQ,IAAAA,QAAA,EAEPb,OAAO,gBACNM,cAAA,CAACd,QAAQ,EAAA;AAACsB,MAAAA,QAAQ,EAAEb,IAAK;MAACc,IAAI,EAAEpB,kBAAkB,CAACK,OAAO,CAAA;AAAE,KAAE,CAAC,GAC7D,IAAA;AAAI,GACJ,CAAC,CAAA;AAAA,CAEX,EAAC;AAEDJ,SAAS,CAACoB,WAAW,GAAG,WAAW;;;;"}
|