@ledgerhq/react-ui 0.48.0 → 0.49.0-nightly.20260317030141

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 (34) hide show
  1. package/lib/cjs/components/index.js +10 -33
  2. package/lib/cjs/components/index.js.map +1 -1
  3. package/lib/cjs/components/message/Tooltip/Tooltip.stories.js +10 -33
  4. package/lib/cjs/components/message/Tooltip/Tooltip.stories.js.map +1 -1
  5. package/lib/cjs/components/message/Tooltip/index.js +8 -31
  6. package/lib/cjs/components/message/Tooltip/index.js.map +1 -1
  7. package/lib/cjs/components/message/index.js +10 -33
  8. package/lib/cjs/components/message/index.js.map +1 -1
  9. package/lib/cjs/index.js +10 -33
  10. package/lib/cjs/index.js.map +1 -1
  11. package/lib/cjs/pre-ldls/components/index.js +18 -38
  12. package/lib/cjs/pre-ldls/components/index.js.map +1 -1
  13. package/lib/cjs/pre-ldls/index.js +18 -39
  14. package/lib/cjs/pre-ldls/index.js.map +1 -1
  15. package/lib/components/message/Tooltip/index.d.ts.map +1 -1
  16. package/lib/components/message/Tooltip/index.js +5 -25
  17. package/lib/components/message/Tooltip/index.js.map +1 -1
  18. package/lib/pre-ldls/components/index.d.ts +0 -1
  19. package/lib/pre-ldls/components/index.d.ts.map +1 -1
  20. package/lib/pre-ldls/components/index.js +0 -1
  21. package/lib/pre-ldls/components/index.js.map +1 -1
  22. package/package.json +13 -3
  23. package/lib/cjs/pre-ldls/components/ApyIndicator/ApyIndicator.js +0 -1776
  24. package/lib/cjs/pre-ldls/components/ApyIndicator/ApyIndicator.js.map +0 -1
  25. package/lib/cjs/pre-ldls/components/ApyIndicator/ApyIndicator.stories.js +0 -1835
  26. package/lib/cjs/pre-ldls/components/ApyIndicator/ApyIndicator.stories.js.map +0 -1
  27. package/lib/pre-ldls/components/ApyIndicator/ApyIndicator.d.ts +0 -6
  28. package/lib/pre-ldls/components/ApyIndicator/ApyIndicator.d.ts.map +0 -1
  29. package/lib/pre-ldls/components/ApyIndicator/ApyIndicator.js +0 -6
  30. package/lib/pre-ldls/components/ApyIndicator/ApyIndicator.js.map +0 -1
  31. package/lib/pre-ldls/components/ApyIndicator/ApyIndicator.stories.d.ts +0 -10
  32. package/lib/pre-ldls/components/ApyIndicator/ApyIndicator.stories.d.ts.map +0 -1
  33. package/lib/pre-ldls/components/ApyIndicator/ApyIndicator.stories.js +0 -20
  34. package/lib/pre-ldls/components/ApyIndicator/ApyIndicator.stories.js.map +0 -1
@@ -1,1835 +0,0 @@
1
- (() => {
2
- "use strict";
3
- var __webpack_modules__ = ({
4
- 348(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
5
- __webpack_require__.d(__webpack_exports__, {
6
- "default": () => (__rspack_default_export)
7
- });
8
- /* import */ var react__rspack_import_0 = __webpack_require__(2015);
9
- /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
10
- /* import */ var _styled__rspack_import_2 = __webpack_require__(7680);
11
- /* import */ var styled_system__rspack_import_1 = __webpack_require__(9351);
12
- /* import */ var styled_system__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_1);
13
- /* import */ var _styles_styled_fontFamily__rspack_import_4 = __webpack_require__(3364);
14
- /* import */ var _styles__rspack_import_3 = __webpack_require__(4368);
15
-
16
-
17
-
18
-
19
-
20
- const uppercase = (0,styled_system__rspack_import_1.system)({
21
- uppercase: {
22
- property: "textTransform",
23
- transform: (value)=>value ? "uppercase" : "none"
24
- }
25
- });
26
- const Text = _styled__rspack_import_2["default"].span.attrs(({ variant = "body", fontSize, color })=>({
27
- fontSize: fontSize ? fontSize : variant,
28
- color: color || "neutral.c100"
29
- }))`
30
- font-weight: 500;
31
- white-space: ${(props)=>props.whiteSpace ?? "normal"};
32
- ${(p)=>_styles__rspack_import_3.textVariantStyle[p.variant || "body"]}
33
- ${(0,styled_system__rspack_import_1.compose)(uppercase, styled_system__rspack_import_1.lineHeight, _styles_styled_fontFamily__rspack_import_4["default"], styled_system__rspack_import_1.fontSize, styled_system__rspack_import_1.textAlign, styled_system__rspack_import_1.fontWeight, styled_system__rspack_import_1.letterSpacing, (0,styled_system__rspack_import_1.system)({
34
- textOverflow: true
35
- }))}
36
- ${(p)=>p.textTransform ? `text-transform: ${p.textTransform};` : ""}
37
- `;
38
- /* export default */ const __rspack_default_export = (Text);
39
-
40
-
41
- },
42
- 4368(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
43
- __webpack_require__.d(__webpack_exports__, {
44
- textVariantStyle: () => (textVariantStyle)
45
- });
46
- /* import */ var styled_components__rspack_import_0 = __webpack_require__(2770);
47
- /* import */ var styled_components__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_0);
48
-
49
- const getFontSource = (name)=>(props)=>{
50
- const fontsPath = props.fontsPath ?? "assets/fonts";
51
- const fontName = props.fontMappings && props.fontMappings(name) || `${name}.woff2`;
52
- return `url("${fontsPath}/${fontName}") format("woff2")`;
53
- };
54
- const fontStyles = (0,styled_components__rspack_import_0.css)`
55
- @font-face {
56
- font-family: "Inter";
57
- src: ${getFontSource("Inter-ExtraLight-BETA")};
58
- font-weight: 100;
59
- font-style: normal;
60
- }
61
-
62
- @font-face {
63
- font-family: "Inter";
64
- src: ${getFontSource("Inter-Light-BETA")};
65
- font-weight: 300;
66
- font-style: normal;
67
- }
68
-
69
- @font-face {
70
- font-family: "Inter";
71
- src: ${getFontSource("Inter-Regular")};
72
- font-weight: 400;
73
- font-style: normal;
74
- }
75
-
76
- @font-face {
77
- font-family: "Inter";
78
- src: ${getFontSource("Inter-Medium")};
79
- font-weight: 500;
80
- font-style: normal;
81
- }
82
-
83
- @font-face {
84
- font-family: "Inter";
85
- src: ${getFontSource("Inter-SemiBold")};
86
- font-weight: 600;
87
- font-style: normal;
88
- }
89
-
90
- @font-face {
91
- font-family: "Inter";
92
- src: ${getFontSource("Inter-ExtraBold")};
93
- font-weight: 900;
94
- font-style: normal;
95
- }
96
-
97
- @font-face {
98
- font-family: "Alpha";
99
- src: ${getFontSource("HMAlphaMono-Medium")};
100
- font-weight: 500;
101
- font-style: normal;
102
- }
103
- `;
104
- const textVariantStyle = {
105
- h1: {
106
- fontFamily: "Alpha, Inter, Sans",
107
- fontWeight: 500,
108
- "text-transform": "uppercase"
109
- },
110
- h1Inter: {
111
- fontFamily: "Inter, Sans",
112
- fontWeight: 500,
113
- "text-transform": "uppercase"
114
- },
115
- h2: {
116
- fontFamily: "Alpha, Inter, Sans",
117
- fontWeight: 500,
118
- "text-transform": "uppercase"
119
- },
120
- h2Inter: {
121
- fontFamily: "Inter, Sans",
122
- fontWeight: 500,
123
- "text-transform": "uppercase"
124
- },
125
- h3: {
126
- fontFamily: "Alpha, Inter, Sans",
127
- fontWeight: 500,
128
- "text-transform": "uppercase"
129
- },
130
- h3Inter: {
131
- fontFamily: "Inter, Sans",
132
- fontWeight: 500
133
- },
134
- h4: {
135
- fontFamily: "Alpha, Inter, Sans",
136
- fontWeight: 500,
137
- "text-transform": "uppercase"
138
- },
139
- h4Inter: {
140
- fontFamily: "Inter, Sans",
141
- fontWeight: 600
142
- },
143
- h5: {
144
- fontFamily: "Alpha, Inter, Sans",
145
- fontWeight: 500,
146
- "text-transform": "uppercase"
147
- },
148
- h5Inter: {
149
- fontFamily: "Inter, Sans",
150
- fontWeight: 500
151
- },
152
- large: {
153
- fontFamily: "Inter, Sans"
154
- },
155
- largeLineHeight: {
156
- fontFamily: "Inter, Sans",
157
- lineHeight: 1.7
158
- },
159
- body: {
160
- fontFamily: "Inter, Sans"
161
- },
162
- bodyLineHeight: {
163
- fontFamily: "Inter, Sans",
164
- lineHeight: 1.7
165
- },
166
- paragraph: {
167
- fontFamily: "Inter, Sans"
168
- },
169
- paragraphLineHeight: {
170
- fontFamily: "Inter, Sans",
171
- lineHeight: 1.7
172
- },
173
- small: {
174
- fontFamily: "Inter, Sans"
175
- },
176
- extraSmall: {
177
- fontFamily: "Inter, Sans"
178
- },
179
- tiny: {
180
- fontFamily: "Inter, Sans"
181
- },
182
- micro: {
183
- fontFamily: "Inter, Sans"
184
- },
185
- subtitle: {
186
- fontFamily: "Inter, Sans",
187
- fontWeight: 600,
188
- "text-transform": "uppercase"
189
- }
190
- };
191
-
192
-
193
- },
194
- 7680(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
195
- __webpack_require__.d(__webpack_exports__, {
196
- "default": () => (__rspack_default_export)
197
- });
198
- /* import */ var _styles_system_gaps__rspack_import_2 = __webpack_require__(4182);
199
- /* import */ var styled_components__rspack_import_0 = __webpack_require__(2770);
200
- /* import */ var styled_components__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_0);
201
- /* import */ var styled_system__rspack_import_1 = __webpack_require__(9351);
202
- /* import */ var styled_system__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_1);
203
-
204
-
205
-
206
- const baseStyles = (0,styled_system__rspack_import_1.compose)(styled_system__rspack_import_1.flexbox, styled_system__rspack_import_1.space, styled_system__rspack_import_1.position, styled_system__rspack_import_1.color, styled_system__rspack_import_1.layout, styled_system__rspack_import_1.overflow, _styles_system_gaps__rspack_import_2["default"], styled_system__rspack_import_1.border);
207
- const proxyStyled = new Proxy((styled_components__rspack_import_0_default()), {
208
- apply (target, thisArg, argumentsList) {
209
- return styled_components__rspack_import_0_default()(target.apply(thisArg, argumentsList)(baseStyles));
210
- },
211
- get (target, property) {
212
- if (typeof target[property] === "function") {
213
- return styled_components__rspack_import_0_default()(target[property].apply((styled_components__rspack_import_0_default()), [
214
- baseStyles
215
- ]));
216
- }
217
- return target[property];
218
- }
219
- });
220
- /* export default */ const __rspack_default_export = (proxyStyled);
221
-
222
-
223
- },
224
- 7272(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
225
- __webpack_require__.d(__webpack_exports__, {
226
- ApyIndicator: () => (ApyIndicator)
227
- });
228
- /* import */ var _Tag_Tag__rspack_import_1 = __webpack_require__(2472);
229
- /* import */ var react__rspack_import_0 = __webpack_require__(2015);
230
- /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
231
-
232
-
233
- const ApyIndicator = ({ value, type })=>{
234
- return /*#__PURE__*/ react__rspack_import_0_default().createElement(_Tag_Tag__rspack_import_1.Tag, {
235
- spacing: "md"
236
- }, `~ ${value}% ${type}`);
237
- };
238
-
239
-
240
- },
241
- 2472(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
242
- __webpack_require__.d(__webpack_exports__, {
243
- Tag: () => (Tag)
244
- });
245
- /* import */ var react__rspack_import_0 = __webpack_require__(2015);
246
- /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
247
- /* import */ var _components__rspack_import_3 = __webpack_require__(348);
248
- /* import */ var _libs__rspack_import_2 = __webpack_require__(1507);
249
- /* import */ var styled_components__rspack_import_1 = __webpack_require__(2770);
250
- /* import */ var styled_components__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_1);
251
-
252
-
253
-
254
-
255
- const Wrapper = (styled_components__rspack_import_1_default().div)`
256
- ${(0,_libs__rspack_import_2.withTokens)("colors-surface-transparent-subdued-default", "colors-content-subdued-default-default", "radius-xs", "spacing-xxxs")}
257
-
258
- padding: ${({ $spacing })=>$spacing === "sm" ? "1px" : "2px"} var(--spacing-xxxs);
259
- border-radius: var(--radius-xs);
260
- display: inline-flex;
261
- background-color: var(--colors-surface-transparent-subdued-default);
262
- flex-shrink: 0;
263
- `;
264
- const Tag = ({ textTransform = "none", spacing = "sm", children })=>{
265
- return /*#__PURE__*/ react__rspack_import_0_default().createElement(Wrapper, {
266
- "data-testid": "tag",
267
- $spacing: spacing
268
- }, /*#__PURE__*/ react__rspack_import_0_default().createElement(_components__rspack_import_3["default"], {
269
- color: "var(--colors-content-subdued-default-default)",
270
- fontSize: "10px",
271
- lineHeight: "16px",
272
- textTransform: textTransform
273
- }, children));
274
- };
275
-
276
-
277
- },
278
- 8112(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
279
- __webpack_require__.d(__webpack_exports__, {
280
- dark: () => (dark),
281
- light: () => (light),
282
- spacing: () => (spacing)
283
- });
284
- // From https://github.com/LedgerHQ/ldls/blob/main/libs/design-tokens/src/lib/design-tokens.ts :
285
- const spacing = {
286
- "spacing-xs": "8px",
287
- "spacing-s": "16px",
288
- "spacing-m": "24px",
289
- "spacing-l": "32px",
290
- "spacing-xl": "40px",
291
- "spacing-xxs": "12px",
292
- "spacing-xxxs": "4px",
293
- "spacing-none": "0px",
294
- "marging-xs": "8px",
295
- "marging-s": "16px",
296
- "marging-m": "24px",
297
- "marging-l": "32px"
298
- };
299
- const light = {
300
- "background-default": "#ffffff",
301
- "background-constant-black": "#000000",
302
- "background-constant-white": "#ffffff",
303
- "background-backdrop-default": "#0000004d",
304
- "background-inverted": "#000000",
305
- "background-drawer-default": "#ffffff",
306
- "surface-brand-primary-default": "#d4a0ff",
307
- "surface-brand-primary-hover": "#b380dd",
308
- "surface-brand-primary-pressed": "#7e4ea5",
309
- "surface-default-default": "#ffffff",
310
- "surface-default-hover": "#fbfbfb",
311
- "surface-default-pressed": "#f4f4f4",
312
- "surface-default-inverted-default": "#000000",
313
- "surface-default-inverted-hover": "#272727",
314
- "surface-default-inverted-pressed": "#4d4d4d",
315
- "surface-constant-white": "#ffffff",
316
- "surface-constant-black": "#000000",
317
- "surface-status-error-default": "#c242441a",
318
- "surface-status-error-strong-default": "#c24244",
319
- "surface-status-error-strong-hover": "#852e2f",
320
- "surface-status-error-strong-pressed": "#702e2f",
321
- "surface-status-warning-default": "#d38b201a",
322
- "surface-status-warning-strong-default": "#d38b20",
323
- "surface-status-warning-strong-hover": "#885a14",
324
- "surface-status-warning-strong-pressed": "#63420f",
325
- "surface-status-success-default": "#47883a1a",
326
- "surface-status-success-strong-default": "#47883a",
327
- "surface-status-success-strong-hover": "#33572e",
328
- "surface-status-success-strong-pressed": "#2c4828",
329
- "surface-transparent-default": "#00000000",
330
- "surface-transparent-hover": "#0000001a",
331
- "surface-transparent-pressed": "#00000033",
332
- "surface-transparent-inverted-default": "#ffffff00",
333
- "surface-transparent-inverted-hover": "#ffffff1a",
334
- "surface-transparent-inverted-pressed": "#ffffff33",
335
- "surface-transparent-subdued-default": "#0000000d",
336
- "surface-transparent-subdued-inverted-default": "#ffffff1a",
337
- "surface-transparent-subdued-inverted-hover": "#ffffff33",
338
- "surface-transparent-subdued-inverted-pressed": "#ffffff4d",
339
- "surface-transparent-subdued-inverted-disabled": "#ffffff1a",
340
- "surface-transparent-subdued-hover": "#0000001a",
341
- "surface-transparent-subdued-pressed": "#00000033",
342
- "surface-transparent-subdued-disabled": "#0000000d",
343
- "surface-subdued-default": "#f4f4f4",
344
- "surface-subdued-hover": "#e8e8e8",
345
- "surface-subdued-pressed": "#d5d5d5",
346
- "surface-disabled": "#f4f4f4",
347
- "surface-interactive-default": "#ffffff",
348
- "surface-interactive-hover": "#fbfbfb",
349
- "surface-interactive-pressed": "#f4f4f4",
350
- "surface-interactive-selected-default": "#4d4d4d",
351
- "surface-interactive-selected-hover": "#272727",
352
- "surface-interactive-selected-pressed": "#000000",
353
- "surface-_native-default": "#f7f7f7",
354
- "surface-dark-default": "#c1c1c1",
355
- "surface-dark-hover": "#767676",
356
- "surface-dark-pressed": "#6a6a6a",
357
- "surface-active-default": "#d4a0ff",
358
- "surface-active-hover": "#b380dd",
359
- "surface-active-pressed": "#7e4ea5",
360
- "content-default-default": "#000000",
361
- "content-default-inverted-default": "#ffffff",
362
- "content-constant-white": "#ffffff",
363
- "content-constant-black": "#000000",
364
- "content-constant-grey": "#e8e8e8",
365
- "content-status-error-default": "#c24244",
366
- "content-status-error-hover": "#a43234",
367
- "content-status-error-pressed": "#852e2f",
368
- "content-status-warning-default": "#ae731a",
369
- "content-status-success-color": "#47883a",
370
- "content-on-primary-default": "#000000",
371
- "content-on-primary-hover": "#ffffffcc",
372
- "content-on-primary-pressed": "#ffffffb3",
373
- "content-on-primary-disabled": "#ffffff99",
374
- "content-on-secondary-default": "#ffffff",
375
- "content-on-secondary-hover": "#ffffff",
376
- "content-on-secondary-pressed": "#ffffff",
377
- "content-on-secondary-disabled": "#ffffff",
378
- "content-disabled": "#c1c1c1",
379
- "content-interactive-default-default": "#000000",
380
- "content-interactive-default-hover": "#272727",
381
- "content-interactive-default-pressed": "#4d4d4d",
382
- "content-interactive-inverted-default": "#ffffff",
383
- "content-interactive-inverted-hover": "#fbfbfb",
384
- "content-interactive-inverted-pressed": "#f4f4f4",
385
- "content-subdued-default-default": "#6a6a6a",
386
- "content-subdued-inverted-default": "#d5d5d5",
387
- "content-_native-default": "#007aff",
388
- "content-light-default-default": "#e8e8e8",
389
- "content-light-inverted-default": "#6a6a6a",
390
- "border-default-default": "#000000",
391
- "border-default-inverted-default": "#ffffff",
392
- "border-default-inverted-disabled": "#272727",
393
- "border-constant-white": "#ffffff",
394
- "border-constant-black": "#000000",
395
- "border-status-error-default": "#c24244",
396
- "border-status-error-hover": "#a43234",
397
- "border-status-error-pressed": "#852e2f",
398
- "border-status-warning-default": "#d38b20",
399
- "border-status-success-default": "#47883a",
400
- "border-on-primary-default": "#ffffff99",
401
- "border-on-primary-disabled": "#ffffff99",
402
- "border-on-secondary-default": "#ffffff",
403
- "border-on-secondary-disabled": "#ffffff",
404
- "border-disabled-default": "#e8e8e8",
405
- "border-disabled-inverted": "#272727",
406
- "border-light-default": "#e8e8e8",
407
- "border-subdued-default-default": "#c1c1c1",
408
- "border-subdued-default-hover": "#767676",
409
- "border-subdued-inverted-default": "#4d4d4d",
410
- "border-interactive-default": "#000000",
411
- "border-interactive-hover": "#272727",
412
- "border-interactive-pressed": "#4d4d4d",
413
- "border-focus-default": "#7e4ea5",
414
- "border-active-default": "#d4a0ff",
415
- "border-active-hover": "#b380dd",
416
- "border-active-pressed": "#7e4ea5",
417
- "crypto-bitcoin-sv": "#eab300",
418
- "crypto-bitcoin-gold": "#152569",
419
- "crypto-zcash": "#f4b728",
420
- "crypto-yieldly": "#f3b732",
421
- "crypto-uni": "#f04086",
422
- "crypto-uniswap": "#ff007a",
423
- "crypto-bitcoin-cash": "#0ac18e",
424
- "crypto-tezos": "#2c7df7",
425
- "crypto-sol": "#9945ff",
426
- "crypto-xrp": "#333333",
427
- "crypto-tron": "#ff060a",
428
- "crypto-sats": "#ff8b00",
429
- "crypto-polkadot": "#e6007a",
430
- "crypto-bitcoin": "#f7931a",
431
- "crypto-compound": "#00d395",
432
- "crypto-peercoin": "#3cb054",
433
- "crypto-omg-network": "#000000",
434
- "crypto-near": "#1c1d1f",
435
- "crypto-stellar": "#000000",
436
- "crypto-nano": "#5d8eb2",
437
- "crypto-nimiq": "#f8b425",
438
- "crypto-multiverse-x": "#23f7dd",
439
- "crypto-ethereum": "#454a75",
440
- "crypto-okb": "#2d60e0",
441
- "crypto-tether-usdt": "#00a478",
442
- "crypto-avax": "#e84142",
443
- "crypto-bgb": "#00e0ff",
444
- "crypto-usdc": "#f04086",
445
- "crypto-monero": "#f26822",
446
- "crypto-tkx": "#fd6a1f",
447
- "crypto-huobi": "#357ce1",
448
- "crypto-pivx": "#5c4c7c",
449
- "crypto-cardano": "#0033ad",
450
- "crypto-dydx": "#6966ff",
451
- "crypto-cro": "#002d74",
452
- "crypto-hnt": "#474dff",
453
- "crypto-hedera": "#000000",
454
- "crypto-ftm": "#1969ff",
455
- "crypto-flr": "#e62058",
456
- "crypto-bat": "#ff5000",
457
- "crypto-ethereum-classic": "#0b8311",
458
- "crypto-bincance": "#f5bc00",
459
- "crypto-ethergem": "#4a4ab6",
460
- "crypto-iota": "#000000",
461
- "crypto-chainlink": "#2a5ada",
462
- "crypto-dym": "#f1e1d4",
463
- "crypto-eos": "#000000",
464
- "crypto-waves": "#0055ff",
465
- "crypto-polygon": "#8247e5",
466
- "crypto-celo": "#fcff52",
467
- "crypto-dogecoin": "#c3a634",
468
- "crypto-algorand": "#00a478",
469
- "crypto-cosmos": "#2e3148",
470
- "crypto-digibyte": "#0066cc",
471
- "crypto-pirl": "#357ce1",
472
- "crypto-eng": "#2f2f2f",
473
- "crypto-decred": "#2970ff",
474
- "crypto-dash": "#008ce7",
475
- "crypto-xin": "#1eb5fa",
476
- "crypto-tusd": "#1a5aff",
477
- "crypto-litecoin": "#345d9d",
478
- "crypto-komodo": "#41ead4",
479
- "crypto-elrond": "#000000",
480
- "crypto-osmo": "#302dbb",
481
- "crypto-leo": "#000000",
482
- "crypto-bytecoin": "#f04086",
483
- "crypto-aion": "#212529",
484
- "crypto-dai": "#f5ac37",
485
- "crypto-neo": "#7dd224"
486
- };
487
- const dark = {
488
- "background-default": "#000000",
489
- "background-constant-black": "#000000",
490
- "background-constant-white": "#ffffff",
491
- "background-backdrop-default": "#0000004d",
492
- "background-inverted": "#ffffff",
493
- "background-drawer-default": "#191919",
494
- "surface-brand-primary-default": "#d4a0ff",
495
- "surface-brand-primary-hover": "#ddb3ff",
496
- "surface-brand-primary-pressed": "#e5c6ff",
497
- "surface-default-default": "#000000",
498
- "surface-default-hover": "#191919",
499
- "surface-default-pressed": "#272727",
500
- "surface-default-inverted-default": "#ffffff",
501
- "surface-default-inverted-hover": "#e1e1e1",
502
- "surface-default-inverted-pressed": "#c3c3c3",
503
- "surface-constant-white": "#ffffff",
504
- "surface-constant-black": "#000000",
505
- "surface-status-error-default": "#f872741a",
506
- "surface-status-error-strong-default": "#f87274",
507
- "surface-status-error-strong-hover": "#fec8c9",
508
- "surface-status-error-strong-pressed": "#fee1e2",
509
- "surface-status-warning-default": "#ffbd421a",
510
- "surface-status-warning-strong-default": "#ffbd42",
511
- "surface-status-warning-strong-hover": "#ffe7ac",
512
- "surface-status-warning-strong-pressed": "#fff3d5",
513
- "surface-status-success-default": "#6ec85c1a",
514
- "surface-status-success-strong-default": "#6ec85c",
515
- "surface-status-success-strong-hover": "#cbeec4",
516
- "surface-status-success-strong-pressed": "#e6f7e1",
517
- "surface-transparent-default": "#ffffff00",
518
- "surface-transparent-hover": "#ffffff1a",
519
- "surface-transparent-pressed": "#ffffff33",
520
- "surface-transparent-inverted-default": "#00000000",
521
- "surface-transparent-inverted-hover": "#0000001a",
522
- "surface-transparent-inverted-pressed": "#00000033",
523
- "surface-transparent-subdued-default": "#ffffff1a",
524
- "surface-transparent-subdued-inverted-default": "#0000000d",
525
- "surface-transparent-subdued-inverted-hover": "#0000001a",
526
- "surface-transparent-subdued-inverted-pressed": "#00000033",
527
- "surface-transparent-subdued-inverted-disabled": "#0000000d",
528
- "surface-transparent-subdued-hover": "#ffffff33",
529
- "surface-transparent-subdued-pressed": "#ffffff4d",
530
- "surface-transparent-subdued-disabled": "#ffffff1a",
531
- "surface-subdued-default": "#272727",
532
- "surface-subdued-hover": "#3c3c3c",
533
- "surface-subdued-pressed": "#565656",
534
- "surface-disabled": "#272727",
535
- "surface-interactive-default": "#000000",
536
- "surface-interactive-hover": "#191919",
537
- "surface-interactive-pressed": "#272727",
538
- "surface-interactive-selected-default": "#c3c3c3",
539
- "surface-interactive-selected-hover": "#e1e1e1",
540
- "surface-interactive-selected-pressed": "#ffffff",
541
- "surface-_native-default": "#c3c3c3",
542
- "surface-dark-default": "#717070",
543
- "surface-dark-hover": "#848484",
544
- "surface-dark-pressed": "#9c9c9c",
545
- "surface-active-default": "#d4a0ff",
546
- "surface-active-hover": "#ddb3ff",
547
- "surface-active-pressed": "#e5c6ff",
548
- "content-default-default": "#ffffff",
549
- "content-default-inverted-default": "#000000",
550
- "content-constant-white": "#ffffff",
551
- "content-constant-black": "#000000",
552
- "content-constant-grey": "#e1e1e1",
553
- "content-status-error-default": "#f87274",
554
- "content-status-error-hover": "#fca6a7",
555
- "content-status-error-pressed": "#fec8c9",
556
- "content-status-warning-default": "#ffd373",
557
- "content-status-success-color": "#6ec85c",
558
- "content-on-primary-default": "#000000",
559
- "content-on-primary-hover": "#000000cc",
560
- "content-on-primary-pressed": "#000000b3",
561
- "content-on-primary-disabled": "#00000099",
562
- "content-on-secondary-default": "#ffffff",
563
- "content-on-secondary-hover": "#ffffff",
564
- "content-on-secondary-pressed": "#ffffff",
565
- "content-on-secondary-disabled": "#ffffff",
566
- "content-disabled": "#565656",
567
- "content-interactive-default-default": "#ffffff",
568
- "content-interactive-default-hover": "#e1e1e1",
569
- "content-interactive-default-pressed": "#c3c3c3",
570
- "content-interactive-inverted-default": "#000000",
571
- "content-interactive-inverted-hover": "#191919",
572
- "content-interactive-inverted-pressed": "#272727",
573
- "content-subdued-default-default": "#9c9c9c",
574
- "content-subdued-inverted-default": "#565656",
575
- "content-_native-default": "#007aff",
576
- "content-light-default-default": "#3c3c3c",
577
- "content-light-inverted-default": "#9c9c9c",
578
- "border-default-default": "#ffffff",
579
- "border-default-inverted-default": "#000000",
580
- "border-default-inverted-disabled": "#9c9c9c",
581
- "border-constant-white": "#ffffff",
582
- "border-constant-black": "#000000",
583
- "border-status-error-default": "#f87274",
584
- "border-status-error-hover": "#fca6a7",
585
- "border-status-error-pressed": "#fec8c9",
586
- "border-status-warning-default": "#ffbd42",
587
- "border-status-success-default": "#6ec85c",
588
- "border-on-primary-default": "#00000099",
589
- "border-on-primary-disabled": "#00000099",
590
- "border-on-secondary-default": "#ffffff",
591
- "border-on-secondary-disabled": "#ffffff",
592
- "border-disabled-default": "#191919",
593
- "border-disabled-inverted": "#9c9c9c",
594
- "border-light-default": "#3c3c3c",
595
- "border-subdued-default-default": "#717070",
596
- "border-subdued-default-hover": "#848484",
597
- "border-subdued-inverted-default": "#c3c3c3",
598
- "border-interactive-default": "#ffffff",
599
- "border-interactive-hover": "#e1e1e1",
600
- "border-interactive-pressed": "#c3c3c3",
601
- "border-focus-default": "#f2e2ff",
602
- "border-active-default": "#d4a0ff",
603
- "border-active-hover": "#ddb3ff",
604
- "border-active-pressed": "#e5c6ff",
605
- "crypto-bitcoin-sv": "#eab300",
606
- "crypto-bitcoin-gold": "#152569",
607
- "crypto-zcash": "#f4b728",
608
- "crypto-yieldly": "#f3b732",
609
- "crypto-uni": "#f04086",
610
- "crypto-uniswap": "#ff007a",
611
- "crypto-bitcoin-cash": "#0ac18e",
612
- "crypto-tezos": "#2c7df7",
613
- "crypto-sol": "#9945ff",
614
- "crypto-xrp": "#333333",
615
- "crypto-tron": "#ff060a",
616
- "crypto-sats": "#ff8b00",
617
- "crypto-polkadot": "#e6007a",
618
- "crypto-bitcoin": "#f7931a",
619
- "crypto-compound": "#00d395",
620
- "crypto-peercoin": "#3cb054",
621
- "crypto-omg-network": "#000000",
622
- "crypto-near": "#1c1d1f",
623
- "crypto-stellar": "#000000",
624
- "crypto-nano": "#5d8eb2",
625
- "crypto-nimiq": "#f8b425",
626
- "crypto-multiverse-x": "#23f7dd",
627
- "crypto-ethereum": "#454a75",
628
- "crypto-okb": "#2d60e0",
629
- "crypto-tether-usdt": "#00a478",
630
- "crypto-avax": "#e84142",
631
- "crypto-bgb": "#00e0ff",
632
- "crypto-usdc": "#f04086",
633
- "crypto-monero": "#f26822",
634
- "crypto-tkx": "#fd6a1f",
635
- "crypto-huobi": "#357ce1",
636
- "crypto-pivx": "#5c4c7c",
637
- "crypto-cardano": "#0033ad",
638
- "crypto-dydx": "#6966ff",
639
- "crypto-cro": "#002d74",
640
- "crypto-hnt": "#474dff",
641
- "crypto-hedera": "#000000",
642
- "crypto-ftm": "#1969ff",
643
- "crypto-flr": "#e62058",
644
- "crypto-bat": "#ff5000",
645
- "crypto-ethereum-classic": "#0b8311",
646
- "crypto-bincance": "#f5bc00",
647
- "crypto-ethergem": "#4a4ab6",
648
- "crypto-iota": "#000000",
649
- "crypto-chainlink": "#2a5ada",
650
- "crypto-dym": "#f1e1d4",
651
- "crypto-eos": "#000000",
652
- "crypto-waves": "#0055ff",
653
- "crypto-polygon": "#8247e5",
654
- "crypto-celo": "#fcff52",
655
- "crypto-dogecoin": "#c3a634",
656
- "crypto-algorand": "#00a478",
657
- "crypto-cosmos": "#2e3148",
658
- "crypto-digibyte": "#0066cc",
659
- "crypto-pirl": "#357ce1",
660
- "crypto-eng": "#2f2f2f",
661
- "crypto-decred": "#2970ff",
662
- "crypto-dash": "#008ce7",
663
- "crypto-xin": "#1eb5fa",
664
- "crypto-tusd": "#1a5aff",
665
- "crypto-litecoin": "#345d9d",
666
- "crypto-komodo": "#41ead4",
667
- "crypto-elrond": "#000000",
668
- "crypto-osmo": "#302dbb",
669
- "crypto-leo": "#000000",
670
- "crypto-bytecoin": "#f04086",
671
- "crypto-aion": "#212529",
672
- "crypto-dai": "#f5ac37",
673
- "crypto-neo": "#7dd224"
674
- };
675
- const tailwindColors = (/* unused pure expression or super */ null && ({
676
- "background-default": "var(--background-default)",
677
- "background-constant-black": "var(--background-constant-black)",
678
- "background-constant-white": "var(--background-constant-white)",
679
- "background-backdrop-default": "var(--background-backdrop-default)",
680
- "background-inverted": "var(--background-inverted)",
681
- "background-drawer-default": "var(--background-drawer-default)",
682
- "surface-brand-primary-default": "var(--surface-brand-primary-default)",
683
- "surface-brand-primary-hover": "var(--surface-brand-primary-hover)",
684
- "surface-brand-primary-pressed": "var(--surface-brand-primary-pressed)",
685
- "surface-default-default": "var(--surface-default-default)",
686
- "surface-default-hover": "var(--surface-default-hover)",
687
- "surface-default-pressed": "var(--surface-default-pressed)",
688
- "surface-default-inverted-default": "var(--surface-default-inverted-default)",
689
- "surface-default-inverted-hover": "var(--surface-default-inverted-hover)",
690
- "surface-default-inverted-pressed": "var(--surface-default-inverted-pressed)",
691
- "surface-constant-white": "var(--surface-constant-white)",
692
- "surface-constant-black": "var(--surface-constant-black)",
693
- "surface-status-error-default": "var(--surface-status-error-default)",
694
- "surface-status-error-strong-default": "var(--surface-status-error-strong-default)",
695
- "surface-status-error-strong-hover": "var(--surface-status-error-strong-hover)",
696
- "surface-status-error-strong-pressed": "var(--surface-status-error-strong-pressed)",
697
- "surface-status-warning-default": "var(--surface-status-warning-default)",
698
- "surface-status-warning-strong-default": "var(--surface-status-warning-strong-default)",
699
- "surface-status-warning-strong-hover": "var(--surface-status-warning-strong-hover)",
700
- "surface-status-warning-strong-pressed": "var(--surface-status-warning-strong-pressed)",
701
- "surface-status-success-default": "var(--surface-status-success-default)",
702
- "surface-status-success-strong-default": "var(--surface-status-success-strong-default)",
703
- "surface-status-success-strong-hover": "var(--surface-status-success-strong-hover)",
704
- "surface-status-success-strong-pressed": "var(--surface-status-success-strong-pressed)",
705
- "surface-transparent-default": "var(--surface-transparent-default)",
706
- "surface-transparent-hover": "var(--surface-transparent-hover)",
707
- "surface-transparent-pressed": "var(--surface-transparent-pressed)",
708
- "surface-transparent-inverted-default": "var(--surface-transparent-inverted-default)",
709
- "surface-transparent-inverted-hover": "var(--surface-transparent-inverted-hover)",
710
- "surface-transparent-inverted-pressed": "var(--surface-transparent-inverted-pressed)",
711
- "surface-transparent-subdued-default": "var(--surface-transparent-subdued-default)",
712
- "surface-transparent-subdued-inverted-default": "var(--surface-transparent-subdued-inverted-default)",
713
- "surface-transparent-subdued-inverted-hover": "var(--surface-transparent-subdued-inverted-hover)",
714
- "surface-transparent-subdued-inverted-pressed": "var(--surface-transparent-subdued-inverted-pressed)",
715
- "surface-transparent-subdued-inverted-disabled": "var(--surface-transparent-subdued-inverted-disabled)",
716
- "surface-transparent-subdued-hover": "var(--surface-transparent-subdued-hover)",
717
- "surface-transparent-subdued-pressed": "var(--surface-transparent-subdued-pressed)",
718
- "surface-transparent-subdued-disabled": "var(--surface-transparent-subdued-disabled)",
719
- "surface-subdued-default": "var(--surface-subdued-default)",
720
- "surface-subdued-hover": "var(--surface-subdued-hover)",
721
- "surface-subdued-pressed": "var(--surface-subdued-pressed)",
722
- "surface-disabled": "var(--surface-disabled)",
723
- "surface-interactive-default": "var(--surface-interactive-default)",
724
- "surface-interactive-hover": "var(--surface-interactive-hover)",
725
- "surface-interactive-pressed": "var(--surface-interactive-pressed)",
726
- "surface-interactive-selected-default": "var(--surface-interactive-selected-default)",
727
- "surface-interactive-selected-hover": "var(--surface-interactive-selected-hover)",
728
- "surface-interactive-selected-pressed": "var(--surface-interactive-selected-pressed)",
729
- "surface-_native-default": "var(--surface-_native-default)",
730
- "surface-dark-default": "var(--surface-dark-default)",
731
- "surface-dark-hover": "var(--surface-dark-hover)",
732
- "surface-dark-pressed": "var(--surface-dark-pressed)",
733
- "surface-active-default": "var(--surface-active-default)",
734
- "surface-active-hover": "var(--surface-active-hover)",
735
- "surface-active-pressed": "var(--surface-active-pressed)",
736
- "content-default-default": "var(--content-default-default)",
737
- "content-default-inverted-default": "var(--content-default-inverted-default)",
738
- "content-constant-white": "var(--content-constant-white)",
739
- "content-constant-black": "var(--content-constant-black)",
740
- "content-constant-grey": "var(--content-constant-grey)",
741
- "content-status-error-default": "var(--content-status-error-default)",
742
- "content-status-error-hover": "var(--content-status-error-hover)",
743
- "content-status-error-pressed": "var(--content-status-error-pressed)",
744
- "content-status-warning-default": "var(--content-status-warning-default)",
745
- "content-status-success-color": "var(--content-status-success-color)",
746
- "content-on-primary-default": "var(--content-on-primary-default)",
747
- "content-on-primary-hover": "var(--content-on-primary-hover)",
748
- "content-on-primary-pressed": "var(--content-on-primary-pressed)",
749
- "content-on-primary-disabled": "var(--content-on-primary-disabled)",
750
- "content-on-secondary-default": "var(--content-on-secondary-default)",
751
- "content-on-secondary-hover": "var(--content-on-secondary-hover)",
752
- "content-on-secondary-pressed": "var(--content-on-secondary-pressed)",
753
- "content-on-secondary-disabled": "var(--content-on-secondary-disabled)",
754
- "content-disabled": "var(--content-disabled)",
755
- "content-interactive-default-default": "var(--content-interactive-default-default)",
756
- "content-interactive-default-hover": "var(--content-interactive-default-hover)",
757
- "content-interactive-default-pressed": "var(--content-interactive-default-pressed)",
758
- "content-interactive-inverted-default": "var(--content-interactive-inverted-default)",
759
- "content-interactive-inverted-hover": "var(--content-interactive-inverted-hover)",
760
- "content-interactive-inverted-pressed": "var(--content-interactive-inverted-pressed)",
761
- "content-subdued-default-default": "var(--content-subdued-default-default)",
762
- "content-subdued-inverted-default": "var(--content-subdued-inverted-default)",
763
- "content-_native-default": "var(--content-_native-default)",
764
- "content-light-default-default": "var(--content-light-default-default)",
765
- "content-light-inverted-default": "var(--content-light-inverted-default)",
766
- "border-default-default": "var(--border-default-default)",
767
- "border-default-inverted-default": "var(--border-default-inverted-default)",
768
- "border-default-inverted-disabled": "var(--border-default-inverted-disabled)",
769
- "border-constant-white": "var(--border-constant-white)",
770
- "border-constant-black": "var(--border-constant-black)",
771
- "border-status-error-default": "var(--border-status-error-default)",
772
- "border-status-error-hover": "var(--border-status-error-hover)",
773
- "border-status-error-pressed": "var(--border-status-error-pressed)",
774
- "border-status-warning-default": "var(--border-status-warning-default)",
775
- "border-status-success-default": "var(--border-status-success-default)",
776
- "border-on-primary-default": "var(--border-on-primary-default)",
777
- "border-on-primary-disabled": "var(--border-on-primary-disabled)",
778
- "border-on-secondary-default": "var(--border-on-secondary-default)",
779
- "border-on-secondary-disabled": "var(--border-on-secondary-disabled)",
780
- "border-disabled-default": "var(--border-disabled-default)",
781
- "border-disabled-inverted": "var(--border-disabled-inverted)",
782
- "border-light-default": "var(--border-light-default)",
783
- "border-subdued-default-default": "var(--border-subdued-default-default)",
784
- "border-subdued-default-hover": "var(--border-subdued-default-hover)",
785
- "border-subdued-inverted-default": "var(--border-subdued-inverted-default)",
786
- "border-interactive-default": "var(--border-interactive-default)",
787
- "border-interactive-hover": "var(--border-interactive-hover)",
788
- "border-interactive-pressed": "var(--border-interactive-pressed)",
789
- "border-focus-default": "var(--border-focus-default)",
790
- "border-active-default": "var(--border-active-default)",
791
- "border-active-hover": "var(--border-active-hover)",
792
- "border-active-pressed": "var(--border-active-pressed)",
793
- "crypto-bitcoin-sv": "var(--crypto-bitcoin-sv)",
794
- "crypto-bitcoin-gold": "var(--crypto-bitcoin-gold)",
795
- "crypto-zcash": "var(--crypto-zcash)",
796
- "crypto-yieldly": "var(--crypto-yieldly)",
797
- "crypto-uni": "var(--crypto-uni)",
798
- "crypto-uniswap": "var(--crypto-uniswap)",
799
- "crypto-bitcoin-cash": "var(--crypto-bitcoin-cash)",
800
- "crypto-tezos": "var(--crypto-tezos)",
801
- "crypto-sol": "var(--crypto-sol)",
802
- "crypto-xrp": "var(--crypto-xrp)",
803
- "crypto-tron": "var(--crypto-tron)",
804
- "crypto-sats": "var(--crypto-sats)",
805
- "crypto-polkadot": "var(--crypto-polkadot)",
806
- "crypto-bitcoin": "var(--crypto-bitcoin)",
807
- "crypto-compound": "var(--crypto-compound)",
808
- "crypto-peercoin": "var(--crypto-peercoin)",
809
- "crypto-omg-network": "var(--crypto-omg-network)",
810
- "crypto-near": "var(--crypto-near)",
811
- "crypto-stellar": "var(--crypto-stellar)",
812
- "crypto-nano": "var(--crypto-nano)",
813
- "crypto-nimiq": "var(--crypto-nimiq)",
814
- "crypto-multiverse-x": "var(--crypto-multiverse-x)",
815
- "crypto-ethereum": "var(--crypto-ethereum)",
816
- "crypto-okb": "var(--crypto-okb)",
817
- "crypto-tether-usdt": "var(--crypto-tether-usdt)",
818
- "crypto-avax": "var(--crypto-avax)",
819
- "crypto-bgb": "var(--crypto-bgb)",
820
- "crypto-usdc": "var(--crypto-usdc)",
821
- "crypto-monero": "var(--crypto-monero)",
822
- "crypto-tkx": "var(--crypto-tkx)",
823
- "crypto-huobi": "var(--crypto-huobi)",
824
- "crypto-pivx": "var(--crypto-pivx)",
825
- "crypto-cardano": "var(--crypto-cardano)",
826
- "crypto-dydx": "var(--crypto-dydx)",
827
- "crypto-cro": "var(--crypto-cro)",
828
- "crypto-hnt": "var(--crypto-hnt)",
829
- "crypto-hedera": "var(--crypto-hedera)",
830
- "crypto-ftm": "var(--crypto-ftm)",
831
- "crypto-flr": "var(--crypto-flr)",
832
- "crypto-bat": "var(--crypto-bat)",
833
- "crypto-ethereum-classic": "var(--crypto-ethereum-classic)",
834
- "crypto-bincance": "var(--crypto-bincance)",
835
- "crypto-ethergem": "var(--crypto-ethergem)",
836
- "crypto-iota": "var(--crypto-iota)",
837
- "crypto-chainlink": "var(--crypto-chainlink)",
838
- "crypto-dym": "var(--crypto-dym)",
839
- "crypto-eos": "var(--crypto-eos)",
840
- "crypto-waves": "var(--crypto-waves)",
841
- "crypto-polygon": "var(--crypto-polygon)",
842
- "crypto-celo": "var(--crypto-celo)",
843
- "crypto-dogecoin": "var(--crypto-dogecoin)",
844
- "crypto-algorand": "var(--crypto-algorand)",
845
- "crypto-cosmos": "var(--crypto-cosmos)",
846
- "crypto-digibyte": "var(--crypto-digibyte)",
847
- "crypto-pirl": "var(--crypto-pirl)",
848
- "crypto-eng": "var(--crypto-eng)",
849
- "crypto-decred": "var(--crypto-decred)",
850
- "crypto-dash": "var(--crypto-dash)",
851
- "crypto-xin": "var(--crypto-xin)",
852
- "crypto-tusd": "var(--crypto-tusd)",
853
- "crypto-litecoin": "var(--crypto-litecoin)",
854
- "crypto-komodo": "var(--crypto-komodo)",
855
- "crypto-elrond": "var(--crypto-elrond)",
856
- "crypto-osmo": "var(--crypto-osmo)",
857
- "crypto-leo": "var(--crypto-leo)",
858
- "crypto-bytecoin": "var(--crypto-bytecoin)",
859
- "crypto-aion": "var(--crypto-aion)",
860
- "crypto-dai": "var(--crypto-dai)",
861
- "crypto-neo": "var(--crypto-neo)"
862
- }));
863
- const primitiveColors = (/* unused pure expression or super */ null && ({
864
- "light-constant-400": "#d5d5d5",
865
- "light-constant-950": "#000000",
866
- "light-constant-050": "#ffffff",
867
- "light-green-100": "#e6f7e1",
868
- "light-green-200": "#cbeec4",
869
- "light-green-300": "#a2e095",
870
- "light-green-400": "#6ec85c",
871
- "light-green-500": "#5ba34d",
872
- "light-green-600": "#47883a",
873
- "light-green-700": "#3b6c32",
874
- "light-green-800": "#33572e",
875
- "light-green-900": "#2c4828",
876
- "light-green-950": "#142b12",
877
- "light-green-050": "#f4fbf2",
878
- "light-green-600---0%": "#47883a00",
879
- "light-green-400---0%": "#6ec85c00",
880
- "light-green-color": "#ffffff",
881
- "light-green-600---10%": "#47883a1a",
882
- "light-green-400---10%": "#6ec85c1a",
883
- "light-yellow-100": "#fff3d5",
884
- "light-yellow-200": "#ffe7ac",
885
- "light-yellow-300": "#ffd373",
886
- "light-yellow-400": "#ffbd42",
887
- "light-yellow-500": "#efa22f",
888
- "light-yellow-600": "#d38b20",
889
- "light-yellow-700": "#ae731a",
890
- "light-yellow-800": "#885a14",
891
- "light-yellow-900": "#63420f",
892
- "light-yellow-950": "#3e2909",
893
- "light-yellow-050": "#fff8e6",
894
- "light-yellow-600---0%": "#d38b2000",
895
- "light-yellow-600---10%": "#d38b201a",
896
- "light-yellow-400---0%": "#ffbd4200",
897
- "light-yellow-400---10%": "#ffbd421a",
898
- "light-red-100": "#fee1e2",
899
- "light-red-200": "#fec8c9",
900
- "light-red-300": "#fca6a7",
901
- "light-red-400": "#f87274",
902
- "light-red-500": "#f04f52",
903
- "light-red-600": "#c24244",
904
- "light-red-700": "#a43234",
905
- "light-red-800": "#852e2f",
906
- "light-red-900": "#702e2f",
907
- "light-red-950": "#3b1212",
908
- "light-red-050": "#fef1f1",
909
- "light-red-400---0%": "#f8727400",
910
- "light-red-600---0%": "#c2424400",
911
- "light-red-600---10%": "#c242441a",
912
- "light-red-400---10%": "#f872741a",
913
- "light-grey-100": "#fbfbfb",
914
- "light-grey-200": "#f4f4f4",
915
- "light-grey-300": "#e8e8e8",
916
- "light-grey-400": "#d5d5d5",
917
- "light-grey-500": "#c1c1c1",
918
- "light-grey-600": "#767676",
919
- "light-grey-700": "#6a6a6a",
920
- "light-grey-800": "#4d4d4d",
921
- "light-grey-900": "#272727",
922
- "light-grey-950": "#000000",
923
- "light-grey-950---30-%": "#0000004d",
924
- "light-grey-050": "#ffffff",
925
- "light-grey-050---90%": "#ffffffe6",
926
- "light-grey-050---80%": "#ffffffcc",
927
- "light-grey-050---70%": "#ffffffb3",
928
- "light-grey-050---60%": "#ffffff99",
929
- "light-grey-050---50%": "#ffffff80",
930
- "light-grey-050---40%": "#ffffff66",
931
- "light-grey-050--30%": "#ffffff4d",
932
- "light-grey-050---20%": "#ffffff33",
933
- "light-grey-050---10-%": "#ffffff1a",
934
- "light-grey-950---10%": "#0000001a",
935
- "light-grey-950---20%": "#00000033",
936
- "light-grey-950---40%": "#00000066",
937
- "light-grey-950---50%": "#00000080",
938
- "light-grey-950---60%": "#00000099",
939
- "light-grey-950---70%": "#000000b3",
940
- "light-grey-950---80%": "#000000cc",
941
- "light-grey-950---90%": "#000000e6",
942
- "light-grey-950---0%": "#00000000",
943
- "light-grey-050---0%": "#ffffff00",
944
- "light-grey-950----30%": "#0000004d",
945
- "light-grey-050---30%": "#ffffff4d",
946
- "light-grey-050---5%": "#ffffff0d",
947
- "light-grey-950---5%": "#0000000d",
948
- "light-grey-950---2%": "#00000005",
949
- "light-grey-050---2%": "#ffffff05",
950
- "light-orange-100": "#ffddcc",
951
- "light-orange-200": "#ffc2a4",
952
- "light-orange-300": "#ffa97f",
953
- "light-orange-400": "#ff8c55",
954
- "light-orange-500": "#ff702a",
955
- "light-orange-600": "#ff5300",
956
- "light-orange-700": "#d64400",
957
- "light-orange-800": "#b23a00",
958
- "light-orange-900": "#9e3300",
959
- "light-orange-950": "#662100",
960
- "light-orange-050": "#fef0e9",
961
- "light-crypto-colors-algorand": "#00a478",
962
- "light-crypto-colors-aion": "#212529",
963
- "light-crypto-colors-avax": "#e84142",
964
- "light-crypto-colors-bat": "#ff5000",
965
- "light-crypto-colors-bgb": "#00e0ff",
966
- "light-crypto-colors-bitcoin": "#f7931a",
967
- "light-crypto-colors-bitcoin-cash": "#0ac18e",
968
- "light-crypto-colors-bitcoin-gold": "#152569",
969
- "light-crypto-colors-bitcoin-sv": "#eab300",
970
- "light-crypto-colors-bincance": "#f5bc00",
971
- "light-crypto-colors-bytecoin": "#f04086",
972
- "light-crypto-colors-cardano": "#0033ad",
973
- "light-crypto-colors-cosmos": "#2e3148",
974
- "light-crypto-colors-compound": "#00d395",
975
- "light-crypto-colors-chainlink": "#2a5ada",
976
- "light-crypto-colors-dash": "#008ce7",
977
- "light-crypto-colors-dai": "#f5ac37",
978
- "light-crypto-colors-decred": "#2970ff",
979
- "light-crypto-colors-digibyte": "#0066cc",
980
- "light-crypto-colors-dogecoin": "#c3a634",
981
- "light-crypto-colors-dydx": "#6966ff",
982
- "light-crypto-colors-elrond": "#000000",
983
- "light-crypto-colors-eos": "#000000",
984
- "light-crypto-colors-ethergem": "#4a4ab6",
985
- "light-crypto-colors-ethereum": "#454a75",
986
- "light-crypto-colors-ethereum-classic": "#0b8311",
987
- "light-crypto-colors-huobi": "#357ce1",
988
- "light-crypto-colors-hnt": "#474dff",
989
- "light-crypto-colors-iota": "#000000",
990
- "light-crypto-colors-komodo": "#41ead4",
991
- "light-crypto-colors-leo": "#000000",
992
- "light-crypto-colors-litecoin": "#345d9d",
993
- "light-crypto-colors-monero": "#f26822",
994
- "light-crypto-colors-multiverse-x": "#23f7dd",
995
- "light-crypto-colors-nano": "#5d8eb2",
996
- "light-crypto-colors-near": "#1c1d1f",
997
- "light-crypto-colors-neo": "#7dd224",
998
- "light-crypto-colors-nimiq": "#f8b425",
999
- "light-crypto-colors-osmo": "#302dbb",
1000
- "light-crypto-colors-okb": "#2d60e0",
1001
- "light-crypto-colors-peercoin": "#3cb054",
1002
- "light-crypto-colors-pirl": "#357ce1",
1003
- "light-crypto-colors-pivx": "#5c4c7c",
1004
- "light-crypto-colors-polkadot": "#e6007a",
1005
- "light-crypto-colors-stellar": "#000000",
1006
- "light-crypto-colors-tether-usdt": "#00a478",
1007
- "light-crypto-colors-tezos": "#2c7df7",
1008
- "light-crypto-colors-tkx": "#fd6a1f",
1009
- "light-crypto-colors-tron": "#ff060a",
1010
- "light-crypto-colors-tusd": "#1a5aff",
1011
- "light-crypto-colors-usdc": "#f04086",
1012
- "light-crypto-colors-uni": "#f04086",
1013
- "light-crypto-colors-waves": "#0055ff",
1014
- "light-crypto-colors-xrp": "#333333",
1015
- "light-crypto-colors-zcash": "#f4b728",
1016
- "light-crypto-colors-cro": "#002d74",
1017
- "light-crypto-colors-eng": "#2f2f2f",
1018
- "light-crypto-colors-hedera": "#000000",
1019
- "light-crypto-colors-polygon": "#8247e5",
1020
- "light-crypto-colors-sats": "#ff8b00",
1021
- "light-crypto-colors-sol": "#9945ff",
1022
- "light-crypto-colors-uniswap": "#ff007a",
1023
- "light-crypto-colors-xin": "#1eb5fa",
1024
- "light-crypto-colors-yieldly": "#f3b732",
1025
- "light-crypto-colors-omg-network": "#000000",
1026
- "light-crypto-colors-celo": "#fcff52",
1027
- "light-crypto-colors-ftm": "#1969ff",
1028
- "light-crypto-colors-dym": "#f1e1d4",
1029
- "light-crypto-colors-flr": "#e62058",
1030
- "light-discover-1inch": "#212529",
1031
- "light-discover-changelly": "#10d078",
1032
- "light-discover-compound": "#00d395",
1033
- "light-discover-deversifi": "#6436ff",
1034
- "light-discover-lido": "#47a1f8",
1035
- "light-discover-opensea": "#2081e2",
1036
- "light-discover-paraswap": "#266ef0",
1037
- "light-discover-rarible": "#feda03",
1038
- "light-discover-zerion": "#2962ef",
1039
- "light-discover-bitrefill": "#449bf7",
1040
- "light-discover-loopipay-blue": "#0050ff",
1041
- "light-discover-loopipay-black": "#0e0d13",
1042
- "light-discover-loopipay-lime": "#e1fb61",
1043
- "light-discover-simplex": "#2ea836",
1044
- "light-discover-baanx": "#003edd",
1045
- "light-discover-mercuryo": "#212529",
1046
- "light-discover-juno": "#4643ee",
1047
- "light-discover-sardine": "#2d29d7",
1048
- "light-purple-100": "#f6ecff",
1049
- "light-purple-200": "#f2e2ff",
1050
- "light-purple-300": "#eed9ff",
1051
- "light-purple-400": "#e5c6ff",
1052
- "light-purple-500": "#ddb3ff",
1053
- "light-purple-600": "#d4a0ff",
1054
- "light-purple-700": "#b380dd",
1055
- "light-purple-800": "#7e4ea5",
1056
- "light-purple-900": "#6a3794",
1057
- "light-purple-950": "#3f2058",
1058
- "light-purple-050": "#fbf5ff",
1059
- "dark-constant-400": "#c3c3c3",
1060
- "dark-constant-950": "#000000",
1061
- "dark-constant-050": "#ffffff",
1062
- "dark-green-100": "#2c4828",
1063
- "dark-green-200": "#33572e",
1064
- "dark-green-300": "#3b6c32",
1065
- "dark-green-400": "#47883a",
1066
- "dark-green-500": "#5ba34d",
1067
- "dark-green-600": "#6ec85c",
1068
- "dark-green-700": "#a2e095",
1069
- "dark-green-800": "#cbeec4",
1070
- "dark-green-900": "#e6f7e1",
1071
- "dark-green-950": "#f4fbf2",
1072
- "dark-green-050": "#142b12",
1073
- "dark-green-600---0%": "#6ec85c00",
1074
- "dark-green-600---10%": "#6ec85c1a",
1075
- "dark-yellow-100": "#63420f",
1076
- "dark-yellow-200": "#885a14",
1077
- "dark-yellow-300": "#ae731a",
1078
- "dark-yellow-400": "#d38b20",
1079
- "dark-yellow-500": "#efa22f",
1080
- "dark-yellow-600": "#ffbd42",
1081
- "dark-yellow-700": "#ffd373",
1082
- "dark-yellow-800": "#ffe7ac",
1083
- "dark-yellow-900": "#fff3d5",
1084
- "dark-yellow-950": "#fff8e6",
1085
- "dark-yellow-050": "#3e2909",
1086
- "dark-yellow-600---0%": "#ffbd4200",
1087
- "dark-yellow-600---10%": "#ffbd421a",
1088
- "dark-red-100": "#702e2f",
1089
- "dark-red-200": "#852e2f",
1090
- "dark-red-300": "#a43234",
1091
- "dark-red-400": "#c24244",
1092
- "dark-red-500": "#f04f52",
1093
- "dark-red-600": "#f87274",
1094
- "dark-red-700": "#fca6a7",
1095
- "dark-red-800": "#fec8c9",
1096
- "dark-red-900": "#fee1e2",
1097
- "dark-red-1000": "#fef1f1",
1098
- "dark-red-050": "#3b1212",
1099
- "dark-red-600---0%": "#f8727400",
1100
- "dark-red-600---10%": "#f872741a",
1101
- "dark-grey-100": "#191919",
1102
- "dark-grey-200": "#272727",
1103
- "dark-grey-300": "#3c3c3c",
1104
- "dark-grey-400": "#565656",
1105
- "dark-grey-500": "#717070",
1106
- "dark-grey-600": "#848484",
1107
- "dark-grey-700": "#9c9c9c",
1108
- "dark-grey-800": "#c3c3c3",
1109
- "dark-grey-900": "#e1e1e1",
1110
- "dark-grey-950": "#ffffff",
1111
- "dark-grey-050---10%": "#0000001a",
1112
- "dark-grey-050---20%": "#00000033",
1113
- "dark-grey-050---30%": "#0000004d",
1114
- "dark-grey-050---40%": "#00000066",
1115
- "dark-grey-050---50%": "#00000080",
1116
- "dark-grey-050---60%": "#00000099",
1117
- "dark-grey-050---70%": "#000000b3",
1118
- "dark-grey-050---80%": "#000000cc",
1119
- "dark-grey-050---90%": "#000000e6",
1120
- "dark-grey-950---10%": "#ffffff1a",
1121
- "dark-grey-950---20%": "#ffffff33",
1122
- "dark-grey-950---30%": "#ffffff4d",
1123
- "dark-grey-950---40%": "#ffffff66",
1124
- "dark-grey-950---50%": "#ffffff80",
1125
- "dark-grey-950---60%": "#ffffff99",
1126
- "dark-grey-950---70%": "#ffffffb3",
1127
- "dark-grey-950---80%": "#ffffffcc",
1128
- "dark-grey-950---90%": "#ffffffe6",
1129
- "dark-grey-050": "#000000",
1130
- "dark-grey-950---0%": "#ffffff00",
1131
- "dark-grey-050---0%": "#00000000",
1132
- "dark-grey-050---5%": "#0000000d",
1133
- "dark-grey-950---5%": "#ffffff0d",
1134
- "dark-grey-950---2%": "#ffffff05",
1135
- "dark-orange-100": "#9e3300",
1136
- "dark-orange-200": "#b23a00",
1137
- "dark-orange-300": "#d64400",
1138
- "dark-orange-400": "#ff5300",
1139
- "dark-orange-500": "#ff702a",
1140
- "dark-orange-600": "#ff8c55",
1141
- "dark-orange-700": "#ffa97f",
1142
- "dark-orange-800": "#ffc2a4",
1143
- "dark-orange-900": "#ffddcc",
1144
- "dark-orange-950": "#fef0e9",
1145
- "dark-orange-050": "#662100",
1146
- "dark-crypto-colors-aion": "#212529",
1147
- "dark-crypto-colors-algorand": "#00a478",
1148
- "dark-crypto-colors-bytecoin": "#f04086",
1149
- "dark-crypto-colors-avax": "#e84142",
1150
- "dark-crypto-colors-bat": "#ff5000",
1151
- "dark-crypto-colors-bgb": "#00e0ff",
1152
- "dark-crypto-colors-bitcoin": "#f7931a",
1153
- "dark-crypto-colors-bitcoin-cash": "#0ac18e",
1154
- "dark-crypto-colors-bitcoin-gold": "#152569",
1155
- "dark-crypto-colors-bitcoin-sv": "#eab300",
1156
- "dark-crypto-colors-bincance": "#f5bc00",
1157
- "dark-crypto-colors-cardano": "#0033ad",
1158
- "dark-crypto-colors-cosmos": "#2e3148",
1159
- "dark-crypto-colors-compound": "#00d395",
1160
- "dark-crypto-colors-celo": "#fcff52",
1161
- "dark-crypto-colors-chainlink": "#2a5ada",
1162
- "dark-crypto-colors-cro": "#002d74",
1163
- "dark-crypto-colors-dash": "#008ce7",
1164
- "dark-crypto-colors-dai": "#f5ac37",
1165
- "dark-crypto-colors-decred": "#2970ff",
1166
- "dark-crypto-colors-digibyte": "#0066cc",
1167
- "dark-crypto-colors-dogecoin": "#c3a634",
1168
- "dark-crypto-colors-dydx": "#6966ff",
1169
- "dark-crypto-colors-dym": "#f1e1d4",
1170
- "dark-crypto-colors-elrond": "#000000",
1171
- "dark-crypto-colors-eng": "#2f2f2f",
1172
- "dark-crypto-colors-eos": "#000000",
1173
- "dark-crypto-colors-ethergem": "#4a4ab6",
1174
- "dark-crypto-colors-ethereum": "#454a75",
1175
- "dark-crypto-colors-ethereum-classic": "#0b8311",
1176
- "dark-crypto-colors-flr": "#e62058",
1177
- "dark-crypto-colors-ftm": "#1969ff",
1178
- "dark-crypto-colors-hedera": "#000000",
1179
- "dark-crypto-colors-hnt": "#474dff",
1180
- "dark-crypto-colors-huobi": "#357ce1",
1181
- "dark-crypto-colors-iota": "#000000",
1182
- "dark-crypto-colors-komodo": "#41ead4",
1183
- "dark-crypto-colors-leo": "#000000",
1184
- "dark-crypto-colors-litecoin": "#345d9d",
1185
- "dark-crypto-colors-monero": "#f26822",
1186
- "dark-crypto-colors-multiverse-x": "#23f7dd",
1187
- "dark-crypto-colors-nano": "#5d8eb2",
1188
- "dark-crypto-colors-near": "#1c1d1f",
1189
- "dark-crypto-colors-neo": "#7dd224",
1190
- "dark-crypto-colors-nimiq": "#f8b425",
1191
- "dark-crypto-colors-omg-network": "#000000",
1192
- "dark-crypto-colors-okb": "#2d60e0",
1193
- "dark-crypto-colors-osmo": "#302dbb",
1194
- "dark-crypto-colors-peercoin": "#3cb054",
1195
- "dark-crypto-colors-pirl": "#357ce1",
1196
- "dark-crypto-colors-pivx": "#5c4c7c",
1197
- "dark-crypto-colors-polkadot": "#e6007a",
1198
- "dark-crypto-colors-polygon": "#8247e5",
1199
- "dark-crypto-colors-sats": "#ff8b00",
1200
- "dark-crypto-colors-stellar": "#000000",
1201
- "dark-crypto-colors-sol": "#9945ff",
1202
- "dark-crypto-colors-tether-usdt": "#00a478",
1203
- "dark-crypto-colors-tezos": "#2c7df7",
1204
- "dark-crypto-colors-tkx": "#fd6a1f",
1205
- "dark-crypto-colors-tron": "#ff060a",
1206
- "dark-crypto-colors-uniswap": "#ff007a",
1207
- "dark-crypto-colors-tusd": "#1a5aff",
1208
- "dark-crypto-colors-usdc": "#f04086",
1209
- "dark-crypto-colors-uni": "#f04086",
1210
- "dark-crypto-colors-waves": "#0055ff",
1211
- "dark-crypto-colors-xrp": "#333333",
1212
- "dark-crypto-colors-xin": "#1eb5fa",
1213
- "dark-crypto-colors-yieldly": "#f3b732",
1214
- "dark-crypto-colors-zcash": "#f4b728",
1215
- "dark-discover-1inch": "#212529",
1216
- "dark-discover-changelly": "#10d078",
1217
- "dark-discover-loopipay-blue": "#0050ff",
1218
- "dark-discover-loopipay-black": "#0e0d13",
1219
- "dark-discover-loopipay-lime-2": "#e1fb61",
1220
- "dark-discover-simplex": "#2ea836",
1221
- "dark-discover-baanx": "#003edd",
1222
- "dark-discover-mercuryo": "#212529",
1223
- "dark-discover-juno": "#4643ee",
1224
- "dark-discover-sardine": "#2d29d7",
1225
- "dark-discover-compound": "#00d395",
1226
- "dark-discover-deversifi": "#6436ff",
1227
- "dark-discover-lido": "#47a1f8",
1228
- "dark-discover-opensea": "#2081e2",
1229
- "dark-discover-paraswap": "#266ef0",
1230
- "dark-discover-rarible": "#feda03",
1231
- "dark-discover-zerion": "#2962ef",
1232
- "dark-discover-bitrefill": "#449bf7",
1233
- "dark-purple-100": "#6a3794",
1234
- "dark-purple-200": "#7e4ea5",
1235
- "dark-purple-300": "#b380dd",
1236
- "dark-purple-400": "#d4a0ff",
1237
- "dark-purple-500": "#ddb3ff",
1238
- "dark-purple-600": "#e5c6ff",
1239
- "dark-purple-700": "#eed9ff",
1240
- "dark-purple-800": "#f2e2ff",
1241
- "dark-purple-900": "#f6ecff",
1242
- "dark-purple-950": "#fbf5ff",
1243
- "dark-purple-050": "#3f2058"
1244
- }));
1245
-
1246
-
1247
- },
1248
- 1507(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
1249
-
1250
- // EXPORTS
1251
- __webpack_require__.d(__webpack_exports__, {
1252
- withTokens: () => (/* binding */ withTokens)
1253
- });
1254
-
1255
- ;// CONCATENATED MODULE: external "lodash/memoize"
1256
- const memoize_namespaceObject = require("lodash/memoize");
1257
- var memoize_default = /*#__PURE__*/__webpack_require__.n(memoize_namespaceObject);
1258
- // EXTERNAL MODULE: external "styled-components"
1259
- var external_styled_components_ = __webpack_require__(2770);
1260
- // EXTERNAL MODULE: ./src/pre-ldls/libs/design-tokens.ts
1261
- var design_tokens = __webpack_require__(8112);
1262
- ;// CONCATENATED MODULE: ./src/pre-ldls/libs/index.ts
1263
-
1264
-
1265
-
1266
- // Add temporarily missing and override incorrect tokens here
1267
- const overrideOther = {
1268
- "radius-m": "12px",
1269
- "radius-s": "8px",
1270
- "radius-xs": "4px",
1271
- "border-width-default": "1px",
1272
- "border-width-focus": "2px",
1273
- "margin-xs": "8px",
1274
- "margin-s": "16px",
1275
- "margin-m": "24px",
1276
- "margin-l": "32px",
1277
- "spacing-xs": "12px",
1278
- "spacing-xxs": "8px"
1279
- };
1280
- // Add temporarily missing and override incorrect colours here
1281
- const overrideColor = {
1282
- light: {
1283
- "surface-transparent-hover": "#0000000D",
1284
- "surface-transparent-pressed": "#0000001A",
1285
- "border-subdued-default-hover": "#D5D5D5",
1286
- "border-subdued-default-pressed": "#C1C1C1",
1287
- "background-active": "#D4A0FF"
1288
- },
1289
- dark: {
1290
- "opacity-default-10": "#FFFFFF1A",
1291
- "background-active": "#D4A0FF"
1292
- }
1293
- };
1294
- const withTokens = (...usedTokens)=>{
1295
- const filterTokens = memoize_default()((theme)=>{
1296
- const colors = {
1297
- dark: {
1298
- ...design_tokens.dark,
1299
- ...overrideColor.dark
1300
- },
1301
- light: {
1302
- ...design_tokens.light,
1303
- ...overrideColor.light
1304
- }
1305
- }[theme];
1306
- const colorEntries = Object.entries(colors).flatMap(([key, value])=>{
1307
- const color = `colors-${key}`;
1308
- if (!usedTokens.includes(color)) return [];
1309
- return [
1310
- [
1311
- `--${color}`,
1312
- value
1313
- ]
1314
- ];
1315
- });
1316
- const otherEntries = [
1317
- design_tokens.spacing,
1318
- overrideOther
1319
- ].flatMap(Object.entries).flatMap(([key, value])=>{
1320
- if (!usedTokens.includes(key)) return [];
1321
- return [
1322
- [
1323
- `--${key}`,
1324
- value
1325
- ]
1326
- ];
1327
- });
1328
- return Object.fromEntries([
1329
- ...colorEntries,
1330
- ...otherEntries
1331
- ]);
1332
- });
1333
- return (0,external_styled_components_.css)(({ theme })=>filterTokens(theme.colors.type));
1334
- };
1335
-
1336
-
1337
- },
1338
- 4336(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
1339
-
1340
- // EXPORTS
1341
- __webpack_require__.d(__webpack_exports__, {
1342
- ff: () => (/* binding */ ff)
1343
- });
1344
-
1345
- // UNUSED EXPORTS: darken, ensureContrast, mix, rgba, lighten
1346
-
1347
- ;// CONCATENATED MODULE: external "color"
1348
- const external_color_namespaceObject = require("color");
1349
- // EXTERNAL MODULE: ./src/styles/theme.ts
1350
- var theme = __webpack_require__(5548);
1351
- ;// CONCATENATED MODULE: ./src/styles/helpers.ts
1352
-
1353
-
1354
- const rgba = (c, a)=>Color(c).alpha(a).rgb().toString();
1355
- const darken = (c, a)=>Color(c).darken(a).toString();
1356
- const lighten = (c, a)=>Color(c).lighten(a).toString();
1357
- const mix = (c, b, a)=>Color(c).mix(Color(b), a).toString();
1358
- const ff = (v)=>{
1359
- const [font, type = "Regular"] = v.split("|");
1360
- // @ts-expect-error FIXME
1361
- const { style, weight } = theme.fontFamilies[font][type];
1362
- // @ts-expect-error FIXME
1363
- const fallback = theme.fontFamilies[font].fallback ?? "Arial";
1364
- return {
1365
- fontFamily: `${font}, ${fallback}`,
1366
- fontWeight: weight,
1367
- fontStyle: style
1368
- };
1369
- };
1370
- const ensureContrast = (color1, color2)=>{
1371
- const colorL1 = Color(color1).luminosity() + 0.05;
1372
- const colorL2 = Color(color2).luminosity() + 0.05;
1373
- const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;
1374
- if (lRatio < 1.5) {
1375
- return Color(color1).rotate(180).negate().string();
1376
- }
1377
- return color1;
1378
- };
1379
-
1380
-
1381
- },
1382
- 3364(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
1383
- __webpack_require__.d(__webpack_exports__, {
1384
- "default": () => (__rspack_default_export)
1385
- });
1386
- /* import */ var _helpers__rspack_import_0 = __webpack_require__(4336);
1387
-
1388
- /* export default */ const __rspack_default_export = ((props)=>{
1389
- const prop = props.ff;
1390
- if (prop == null) {
1391
- return null;
1392
- }
1393
- return (0,_helpers__rspack_import_0.ff)(prop);
1394
- });
1395
-
1396
-
1397
- },
1398
- 4182(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
1399
- __webpack_require__.d(__webpack_exports__, {
1400
- "default": () => (__rspack_default_export)
1401
- });
1402
- /* import */ var styled_system__rspack_import_0 = __webpack_require__(9351);
1403
- /* import */ var styled_system__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_0);
1404
-
1405
- const gaps = (0,styled_system__rspack_import_0.system)({
1406
- rowGap: {
1407
- property: "rowGap",
1408
- scale: "space"
1409
- },
1410
- columnGap: {
1411
- property: "columnGap",
1412
- scale: "space"
1413
- }
1414
- });
1415
- /* export default */ const __rspack_default_export = (gaps);
1416
-
1417
-
1418
- },
1419
- 5548(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
1420
- __webpack_require__.d(__webpack_exports__, {
1421
- fontFamilies: () => (fontFamilies)
1422
- });
1423
- /* import */ var styled_components__rspack_import_0 = __webpack_require__(2770);
1424
- /* import */ var styled_components__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_0);
1425
- /* import */ var _ledgerhq_ui_shared__rspack_import_1 = __webpack_require__(2993);
1426
- /* import */ var _ledgerhq_ui_shared__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(_ledgerhq_ui_shared__rspack_import_1);
1427
-
1428
-
1429
- const breakpoints = {
1430
- sm: "640px",
1431
- md: "768px",
1432
- lg: "1024px",
1433
- xl: "1280px",
1434
- xxl: "1536px"
1435
- };
1436
- const space = [
1437
- /* space indexes:
1438
- 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21 */ 0,
1439
- 2,
1440
- 4,
1441
- 8,
1442
- 10,
1443
- 12,
1444
- 16,
1445
- 20,
1446
- 24,
1447
- 28,
1448
- 32,
1449
- 36,
1450
- 40,
1451
- 44,
1452
- 48,
1453
- 52,
1454
- 56,
1455
- 60,
1456
- 64,
1457
- 68,
1458
- 72,
1459
- 76
1460
- ];
1461
- const fontSizes = [
1462
- 8,
1463
- 10,
1464
- 11,
1465
- 12,
1466
- 13,
1467
- 14,
1468
- 16,
1469
- 20,
1470
- 24,
1471
- 28,
1472
- 32,
1473
- 36
1474
- ];
1475
- [fontSizes.micro, fontSizes.tiny, fontSizes.extraSmall, fontSizes.small, fontSizes.paragraph, fontSizes.body, fontSizes.large, fontSizes.h5, fontSizes.h4, fontSizes.h3, fontSizes.h2, fontSizes.h1] = fontSizes;
1476
- fontSizes.largeLineHeight = fontSizes.large;
1477
- fontSizes.bodyLineHeight = fontSizes.body;
1478
- fontSizes.paragraphLineHeight = fontSizes.paragraph;
1479
- fontSizes.subtitle = fontSizes.extraSmall;
1480
- fontSizes.h1Inter = fontSizes.h1;
1481
- fontSizes.h2Inter = fontSizes.h2;
1482
- fontSizes.h3Inter = fontSizes.h3;
1483
- fontSizes.h4Inter = fontSizes.h4;
1484
- fontSizes.h5Inter = fontSizes.h5;
1485
- const fontWeights = {
1486
- extraLight: "100",
1487
- light: "300",
1488
- regular: "400",
1489
- medium: "500",
1490
- semiBold: "600",
1491
- bold: "700",
1492
- extraBold: "800"
1493
- };
1494
- const radii = [
1495
- 0,
1496
- 4,
1497
- 8,
1498
- 12,
1499
- 16,
1500
- 20
1501
- ];
1502
- const shadows = [
1503
- "0 4px 8px 0 rgba(0, 0, 0, 0.03)"
1504
- ];
1505
- const zIndexes = [
1506
- -1,
1507
- 0,
1508
- 1,
1509
- 9,
1510
- 10,
1511
- 90,
1512
- 100,
1513
- 900,
1514
- 1000
1515
- ];
1516
- // Those fonts are now defined in global.css, this is just a mapping for styled-system
1517
- const fontFamilies = {
1518
- Inter: {
1519
- ExtraLight: {
1520
- weight: 100,
1521
- style: "normal"
1522
- },
1523
- Light: {
1524
- weight: 300,
1525
- style: "normal"
1526
- },
1527
- Regular: {
1528
- weight: 400,
1529
- style: "normal"
1530
- },
1531
- Medium: {
1532
- weight: 500,
1533
- style: "normal"
1534
- },
1535
- SemiBold: {
1536
- weight: 600,
1537
- style: "normal"
1538
- },
1539
- Bold: {
1540
- weight: 700,
1541
- style: "normal"
1542
- },
1543
- ExtraBold: {
1544
- weight: 800,
1545
- style: "normal"
1546
- }
1547
- },
1548
- Alpha: {
1549
- Medium: {
1550
- weight: 500,
1551
- style: "normal"
1552
- }
1553
- }
1554
- };
1555
- const animationDuration = "0.33s";
1556
- const easings = {
1557
- outQuadratic: "cubic-bezier(0.25, 0.46, 0.45, 0.94)"
1558
- };
1559
- const transition = (properties = [
1560
- "all"
1561
- ], duration = animationDuration, easing = easings.outQuadratic)=>(0,styled_components__rspack_import_0.css)`
1562
- transition-property: ${properties.join(",")};
1563
- transition-duration: ${duration};
1564
- transition-timing-function: ${easing};
1565
- `;
1566
- const fadeIn = (0,styled_components__rspack_import_0.keyframes)`
1567
- 0% {
1568
- opacity: 0;
1569
- }
1570
- 100% {
1571
- opacity: 1;
1572
- }
1573
- `;
1574
- const fadeOut = (0,styled_components__rspack_import_0.keyframes)`
1575
- 0% {
1576
- opacity: 1;
1577
- }
1578
- 100% {
1579
- opacity: 0;
1580
- }
1581
- `;
1582
- const fadeInGrowX = (0,styled_components__rspack_import_0.keyframes)`
1583
- 0% {
1584
- opacity: 0;
1585
- transform: scaleX(0);
1586
- }
1587
- 100% {
1588
- opacity: 1;
1589
- transform: scaleX(1);
1590
- }
1591
- `;
1592
- const fadeInUp = (0,styled_components__rspack_import_0.keyframes)`
1593
- 0% {
1594
- opacity: 0;
1595
- transform: translateY(66%);
1596
- }
1597
- 100% {
1598
- opacity: 1;
1599
- transform: translateY(0%);
1600
- }
1601
- `;
1602
- const animations = {
1603
- fadeIn: ()=>(0,styled_components__rspack_import_0.css)`
1604
- ${fadeIn} ${animationDuration} ${easings.outQuadratic} forwards
1605
- `,
1606
- fadeOut: ()=>(0,styled_components__rspack_import_0.css)`
1607
- ${fadeOut} ${animationDuration} ${easings.outQuadratic} forwards
1608
- `,
1609
- fadeInGrowX: ()=>(0,styled_components__rspack_import_0.css)`
1610
- ${fadeInGrowX} 0.6s ${easings.outQuadratic} forwards
1611
- `,
1612
- fadeInUp: ()=>(0,styled_components__rspack_import_0.css)`
1613
- ${fadeInUp} ${animationDuration} ${easings.outQuadratic} forwards
1614
- `
1615
- };
1616
- const overflow = {
1617
- x: (0,styled_components__rspack_import_0.css)`
1618
- overflow-y: hidden;
1619
- overflow-x: scroll;
1620
- will-change: transform;
1621
- &:hover {
1622
- --track-color: ${(p)=>p.theme.colors.neutral.c30};
1623
- }
1624
- `,
1625
- y: (0,styled_components__rspack_import_0.css)`
1626
- overflow-x: hidden;
1627
- overflow-y: scroll;
1628
- will-change: transform;
1629
- &:hover {
1630
- --track-color: ${(p)=>p.theme.colors.neutral.c30};
1631
- }
1632
- `,
1633
- yAuto: (0,styled_components__rspack_import_0.css)`
1634
- overflow-x: hidden;
1635
- overflow-y: auto;
1636
- will-change: transform;
1637
- &:hover {
1638
- --track-color: ${(p)=>p.theme.colors.neutral.c30};
1639
- }
1640
- `,
1641
- xy: (0,styled_components__rspack_import_0.css)`
1642
- overflow: scroll;
1643
- will-change: transform;
1644
- &:hover {
1645
- --track-color: ${(p)=>p.theme.colors.neutral.c30};
1646
- }
1647
- `,
1648
- trackSize: 12
1649
- };
1650
- const theme = {
1651
- theme: "light",
1652
- sizes: {
1653
- drawer: {
1654
- side: {
1655
- big: {
1656
- width: 580
1657
- },
1658
- small: {
1659
- width: 420
1660
- }
1661
- },
1662
- popin: {
1663
- min: {
1664
- height: 158,
1665
- width: 462
1666
- },
1667
- max: {
1668
- height: 522,
1669
- width: 622
1670
- }
1671
- }
1672
- },
1673
- topBarHeight: 58,
1674
- sideBarWidth: 230
1675
- },
1676
- radii,
1677
- fontFamilies,
1678
- fontSizes,
1679
- fontWeights,
1680
- space,
1681
- shadows,
1682
- colors: _ledgerhq_ui_shared__rspack_import_1.palettes.light,
1683
- animations,
1684
- overflow,
1685
- transition,
1686
- zIndexes,
1687
- breakpoints
1688
- };
1689
- /* unused export default */ var __rspack_default_export = ((/* unused pure expression or super */ null && (theme)));
1690
-
1691
-
1692
- },
1693
- 2993(module) {
1694
- module.exports = require("@ledgerhq/ui-shared");
1695
-
1696
- },
1697
- 2015(module) {
1698
- module.exports = require("react");
1699
-
1700
- },
1701
- 2770(module) {
1702
- module.exports = require("styled-components");
1703
-
1704
- },
1705
- 9351(module) {
1706
- module.exports = require("styled-system");
1707
-
1708
- },
1709
-
1710
- });
1711
- // The module cache
1712
- var __webpack_module_cache__ = {};
1713
-
1714
- // The require function
1715
- function __webpack_require__(moduleId) {
1716
-
1717
- // Check if module is in cache
1718
- var cachedModule = __webpack_module_cache__[moduleId];
1719
- if (cachedModule !== undefined) {
1720
- return cachedModule.exports;
1721
- }
1722
- // Create a new module (and put it into the cache)
1723
- var module = (__webpack_module_cache__[moduleId] = {
1724
- exports: {}
1725
- });
1726
- // Execute the module function
1727
- __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
1728
-
1729
- // Return the exports of the module
1730
- return module.exports;
1731
-
1732
- }
1733
-
1734
- // webpack/runtime/compat_get_default_export
1735
- (() => {
1736
- // getDefaultExport function for compatibility with non-ESM modules
1737
- __webpack_require__.n = (module) => {
1738
- var getter = module && module.__esModule ?
1739
- () => (module['default']) :
1740
- () => (module);
1741
- __webpack_require__.d(getter, { a: getter });
1742
- return getter;
1743
- };
1744
-
1745
- })();
1746
- // webpack/runtime/define_property_getters
1747
- (() => {
1748
- __webpack_require__.d = (exports, definition) => {
1749
- for(var key in definition) {
1750
- if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
1751
- Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
1752
- }
1753
- }
1754
- };
1755
- })();
1756
- // webpack/runtime/has_own_property
1757
- (() => {
1758
- __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
1759
- })();
1760
- // webpack/runtime/make_namespace_object
1761
- (() => {
1762
- // define __esModule on exports
1763
- __webpack_require__.r = (exports) => {
1764
- if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
1765
- Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
1766
- }
1767
- Object.defineProperty(exports, '__esModule', { value: true });
1768
- };
1769
- })();
1770
- var __webpack_exports__ = {};
1771
- // This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
1772
- (() => {
1773
- // ESM COMPAT FLAG
1774
- __webpack_require__.r(__webpack_exports__);
1775
-
1776
- // EXPORTS
1777
- __webpack_require__.d(__webpack_exports__, {
1778
- APY: () => (/* binding */ APY),
1779
- "default": () => (/* binding */ ApyIndicator_stories),
1780
- NRR: () => (/* binding */ NRR),
1781
- TestApyIndicator: () => (/* binding */ TestApyIndicator),
1782
- APR: () => (/* binding */ APR)
1783
- });
1784
-
1785
- // EXTERNAL MODULE: ./src/pre-ldls/components/ApyIndicator/ApyIndicator.tsx
1786
- var ApyIndicator = __webpack_require__(7272);
1787
- ;// CONCATENATED MODULE: external "@storybook/test"
1788
- const test_namespaceObject = require("@storybook/test");
1789
- ;// CONCATENATED MODULE: ./src/pre-ldls/components/ApyIndicator/ApyIndicator.stories.ts
1790
-
1791
-
1792
- const meta = {
1793
- component: ApyIndicator.ApyIndicator,
1794
- title: "PreLdls/Components/ApyIndicator",
1795
- tags: [
1796
- "autodocs"
1797
- ],
1798
- args: {
1799
- value: 30,
1800
- type: "APY"
1801
- }
1802
- };
1803
- /* export default */ const ApyIndicator_stories = (meta);
1804
- const APY = {
1805
- args: {
1806
- value: 30,
1807
- type: "APY"
1808
- }
1809
- };
1810
- const APR = {
1811
- args: {
1812
- value: 30,
1813
- type: "APR"
1814
- }
1815
- };
1816
- const NRR = {
1817
- args: {
1818
- value: 30,
1819
- type: "NRR"
1820
- }
1821
- };
1822
- const TestApyIndicator = {
1823
- play: async ({ canvasElement })=>{
1824
- const canvas = (0,test_namespaceObject.within)(canvasElement);
1825
- const input = canvas.getByTestId("tag");
1826
- await (0,test_namespaceObject.expect)(input).toHaveTextContent("~ 30% APY");
1827
- }
1828
- };
1829
-
1830
- })();
1831
-
1832
- module.exports = __webpack_exports__;
1833
- })()
1834
- ;
1835
- //# sourceMappingURL=ApyIndicator.stories.js.map