@ledgerhq/lumen-design-core 0.0.39 → 0.0.41
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/README.md +2 -2
- package/dist/presets/allBrands.d.ts +2 -14
- package/dist/presets/allBrands.d.ts.map +1 -1
- package/dist/presets/allBrands.js +2 -0
- package/dist/presets/enterprise.d.ts +2 -14
- package/dist/presets/enterprise.d.ts.map +1 -1
- package/dist/presets/enterprise.js +2 -0
- package/dist/presets/ledger-live.d.ts +2 -14
- package/dist/presets/ledger-live.d.ts.map +1 -1
- package/dist/presets/ledger-live.js +2 -0
- package/dist/presets/websites.d.ts +2 -14
- package/dist/presets/websites.d.ts.map +1 -1
- package/dist/presets/websites.js +2 -0
- package/dist/themes/css/enterprise/theme.dark-css.d.ts.map +1 -1
- package/dist/themes/css/enterprise/theme.dark-css.js +17 -0
- package/dist/themes/css/enterprise/theme.light-css.d.ts.map +1 -1
- package/dist/themes/css/enterprise/theme.light-css.js +21 -4
- package/dist/themes/css/ledger-live/theme.dark-css.d.ts.map +1 -1
- package/dist/themes/css/ledger-live/theme.dark-css.js +8 -0
- package/dist/themes/css/ledger-live/theme.light-css.d.ts.map +1 -1
- package/dist/themes/css/ledger-live/theme.light-css.js +12 -4
- package/dist/themes/css/primitives-css.d.ts.map +1 -1
- package/dist/themes/css/primitives-css.js +168 -167
- package/dist/themes/css/typographies/typography.lg-css.d.ts.map +1 -1
- package/dist/themes/css/typographies/typography.lg-css.js +19 -14
- package/dist/themes/css/typographies/typography.md-css.d.ts.map +1 -1
- package/dist/themes/css/typographies/typography.md-css.js +19 -14
- package/dist/themes/css/typographies/typography.sm-css.d.ts.map +1 -1
- package/dist/themes/css/typographies/typography.sm-css.js +19 -14
- package/dist/themes/css/typographies/typography.xl-css.d.ts.map +1 -1
- package/dist/themes/css/typographies/typography.xl-css.js +19 -14
- package/dist/themes/css/websites/theme.dark-css.d.ts.map +1 -1
- package/dist/themes/css/websites/theme.dark-css.js +17 -0
- package/dist/themes/css/websites/theme.light-css.d.ts.map +1 -1
- package/dist/themes/css/websites/theme.light-css.js +21 -4
- package/dist/themes/js/enterprise/theme.d.ts +698 -88
- package/dist/themes/js/enterprise/theme.d.ts.map +1 -1
- package/dist/themes/js/enterprise/theme.dark.d.ts +225 -4
- package/dist/themes/js/enterprise/theme.dark.d.ts.map +1 -1
- package/dist/themes/js/enterprise/theme.dark.js +83 -75
- package/dist/themes/js/enterprise/theme.light.d.ts +221 -0
- package/dist/themes/js/enterprise/theme.light.d.ts.map +1 -1
- package/dist/themes/js/enterprise/theme.light.js +79 -71
- package/dist/themes/js/ledger-live/theme.d.ts +698 -88
- package/dist/themes/js/ledger-live/theme.d.ts.map +1 -1
- package/dist/themes/js/ledger-live/theme.dark.d.ts +225 -4
- package/dist/themes/js/ledger-live/theme.dark.d.ts.map +1 -1
- package/dist/themes/js/ledger-live/theme.dark.js +83 -75
- package/dist/themes/js/ledger-live/theme.light.d.ts +221 -0
- package/dist/themes/js/ledger-live/theme.light.d.ts.map +1 -1
- package/dist/themes/js/ledger-live/theme.light.js +79 -71
- package/dist/themes/js/primitives/primitive.colors.d.ts +146 -142
- package/dist/themes/js/primitives/primitive.colors.d.ts.map +1 -1
- package/dist/themes/js/primitives/primitive.colors.js +146 -142
- package/dist/themes/js/primitives/primitive.gradients.d.ts +437 -0
- package/dist/themes/js/primitives/primitive.gradients.d.ts.map +1 -0
- package/dist/themes/js/primitives/primitive.gradients.js +9 -0
- package/dist/themes/js/types.d.ts +21 -0
- package/dist/themes/js/types.d.ts.map +1 -1
- package/dist/themes/js/typographies/index.d.ts +84 -28
- package/dist/themes/js/typographies/index.d.ts.map +1 -1
- package/dist/themes/js/typographies/typography.lg.d.ts +21 -7
- package/dist/themes/js/typographies/typography.lg.d.ts.map +1 -1
- package/dist/themes/js/typographies/typography.md.d.ts +21 -7
- package/dist/themes/js/typographies/typography.md.d.ts.map +1 -1
- package/dist/themes/js/typographies/typography.md.js +21 -7
- package/dist/themes/js/typographies/typography.sm.d.ts +24 -10
- package/dist/themes/js/typographies/typography.sm.d.ts.map +1 -1
- package/dist/themes/js/typographies/typography.sm.js +24 -10
- package/dist/themes/js/typographies/typography.xl.d.ts +21 -7
- package/dist/themes/js/typographies/typography.xl.d.ts.map +1 -1
- package/dist/themes/js/utils/extractCryptoGradients.d.ts +216 -0
- package/dist/themes/js/utils/extractCryptoGradients.d.ts.map +1 -0
- package/dist/themes/js/utils/extractCryptoGradients.js +22 -0
- package/dist/themes/js/websites/theme.d.ts +698 -88
- package/dist/themes/js/websites/theme.d.ts.map +1 -1
- package/dist/themes/js/websites/theme.dark.d.ts +225 -4
- package/dist/themes/js/websites/theme.dark.d.ts.map +1 -1
- package/dist/themes/js/websites/theme.dark.js +83 -75
- package/dist/themes/js/websites/theme.light.d.ts +221 -0
- package/dist/themes/js/websites/theme.light.d.ts.map +1 -1
- package/dist/themes/js/websites/theme.light.js +79 -71
- package/dist/utils/createAnimationsPlugin.d.ts +4 -4
- package/dist/utils/createAnimationsPlugin.d.ts.map +1 -1
- package/dist/utils/createAnimationsPlugin.js +9 -83
- package/dist/utils/createCustomPlugin.d.ts +7 -16
- package/dist/utils/createCustomPlugin.d.ts.map +1 -1
- package/dist/utils/createCustomPlugin.js +17 -1
- package/dist/utils/createPrimitivesPlugin.d.ts +4 -4
- package/dist/utils/createPrimitivesPlugin.d.ts.map +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -8,10 +8,10 @@
|
|
|
8
8
|
npm install @ledgerhq/lumen-design-core
|
|
9
9
|
|
|
10
10
|
# Install required peer dependency
|
|
11
|
-
npm install tailwindcss
|
|
11
|
+
npm install tailwindcss@^4.1.17 @tailwindcss/postcss
|
|
12
12
|
```
|
|
13
13
|
|
|
14
|
-
**Note:** Tailwind CSS
|
|
14
|
+
**Note:** Tailwind CSS v4.x is the supported peer dependency.
|
|
15
15
|
|
|
16
16
|
## ⚡ Quick Setup
|
|
17
17
|
|
|
@@ -1,15 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
theme: {
|
|
4
|
-
boxShadow: {};
|
|
5
|
-
fontSize: {};
|
|
6
|
-
fontWeight: {};
|
|
7
|
-
lineHeight: {};
|
|
8
|
-
};
|
|
9
|
-
plugins: {
|
|
10
|
-
handler: import("tailwindcss/types/config").PluginCreator;
|
|
11
|
-
config?: Partial<import("tailwindcss/types/config").Config>;
|
|
12
|
-
}[];
|
|
13
|
-
darkMode: "class";
|
|
14
|
-
};
|
|
1
|
+
import type { Config } from 'tailwindcss';
|
|
2
|
+
export declare const allBrandsPreset: Config;
|
|
15
3
|
//# sourceMappingURL=allBrands.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allBrands.d.ts","sourceRoot":"","sources":["../../src/presets/allBrands.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"allBrands.d.ts","sourceRoot":"","sources":["../../src/presets/allBrands.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAW1C,eAAO,MAAM,eAAe,EAAE,MAmB7B,CAAC"}
|
|
@@ -1,15 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
theme: {
|
|
4
|
-
boxShadow: {};
|
|
5
|
-
fontSize: {};
|
|
6
|
-
fontWeight: {};
|
|
7
|
-
lineHeight: {};
|
|
8
|
-
};
|
|
9
|
-
plugins: {
|
|
10
|
-
handler: import("tailwindcss/types/config").PluginCreator;
|
|
11
|
-
config?: Partial<import("tailwindcss/types/config").Config>;
|
|
12
|
-
}[];
|
|
13
|
-
darkMode: "class";
|
|
14
|
-
};
|
|
1
|
+
import type { Config } from 'tailwindcss';
|
|
2
|
+
export declare const enterprisePreset: Config;
|
|
15
3
|
//# sourceMappingURL=enterprise.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"enterprise.d.ts","sourceRoot":"","sources":["../../src/presets/enterprise.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"enterprise.d.ts","sourceRoot":"","sources":["../../src/presets/enterprise.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAY1C,eAAO,MAAM,gBAAgB,EAAE,MAmB9B,CAAC"}
|
|
@@ -1,15 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
theme: {
|
|
4
|
-
boxShadow: {};
|
|
5
|
-
fontSize: {};
|
|
6
|
-
fontWeight: {};
|
|
7
|
-
lineHeight: {};
|
|
8
|
-
};
|
|
9
|
-
plugins: {
|
|
10
|
-
handler: import("tailwindcss/types/config").PluginCreator;
|
|
11
|
-
config?: Partial<import("tailwindcss/types/config").Config>;
|
|
12
|
-
}[];
|
|
13
|
-
darkMode: "class";
|
|
14
|
-
};
|
|
1
|
+
import type { Config } from 'tailwindcss';
|
|
2
|
+
export declare const ledgerLivePreset: Config;
|
|
15
3
|
//# sourceMappingURL=ledger-live.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ledger-live.d.ts","sourceRoot":"","sources":["../../src/presets/ledger-live.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ledger-live.d.ts","sourceRoot":"","sources":["../../src/presets/ledger-live.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAW1C,eAAO,MAAM,gBAAgB,EAAE,MAmB9B,CAAC"}
|
|
@@ -1,15 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
theme: {
|
|
4
|
-
boxShadow: {};
|
|
5
|
-
fontSize: {};
|
|
6
|
-
fontWeight: {};
|
|
7
|
-
lineHeight: {};
|
|
8
|
-
};
|
|
9
|
-
plugins: {
|
|
10
|
-
handler: import("tailwindcss/types/config").PluginCreator;
|
|
11
|
-
config?: Partial<import("tailwindcss/types/config").Config>;
|
|
12
|
-
}[];
|
|
13
|
-
darkMode: "class";
|
|
14
|
-
};
|
|
1
|
+
import type { Config } from 'tailwindcss';
|
|
2
|
+
export declare const websitesPreset: Config;
|
|
15
3
|
//# sourceMappingURL=websites.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"websites.d.ts","sourceRoot":"","sources":["../../src/presets/websites.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"websites.d.ts","sourceRoot":"","sources":["../../src/presets/websites.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAY1C,eAAO,MAAM,cAAc,EAAE,MAmB5B,CAAC"}
|
package/dist/presets/websites.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.dark-css.d.ts","sourceRoot":"","sources":["../../../../src/themes/css/enterprise/theme.dark-css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"theme.dark-css.d.ts","sourceRoot":"","sources":["../../../../src/themes/css/enterprise/theme.dark-css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA6dzD,CAAC"}
|
|
@@ -8,10 +8,16 @@ export const tokens = {
|
|
|
8
8
|
'--color-background-canvas-sheet': 'var(--color-dark-grey-075)',
|
|
9
9
|
'--color-background-canvas-overlay': 'var(--color-dark-grey-050-60)',
|
|
10
10
|
'--color-background-white': 'var(--color-dark-constant-050)',
|
|
11
|
+
'--color-background-white-transparent': 'var(--color-dark-grey-950-10)',
|
|
11
12
|
'--color-background-black': 'var(--color-dark-constant-950)',
|
|
12
13
|
'--color-background-surface': 'var(--color-dark-grey-100)',
|
|
13
14
|
'--color-background-surface-hover': 'var(--color-dark-grey-200)',
|
|
14
15
|
'--color-background-surface-pressed': 'var(--color-dark-grey-300)',
|
|
16
|
+
'--color-background-surface-disabled': 'var(--color-dark-grey-100)',
|
|
17
|
+
'--color-background-surface-transparent': 'var(--color-dark-grey-950-5)',
|
|
18
|
+
'--color-background-surface-transparent-hover': 'var(--color-dark-grey-950-10)',
|
|
19
|
+
'--color-background-surface-transparent-pressed': 'var(--color-dark-grey-950-20)',
|
|
20
|
+
'--color-background-surface-transparent-disabled': 'var(--color-dark-grey-950-5)',
|
|
15
21
|
'--color-background-base': 'var(--color-dark-grey-050)',
|
|
16
22
|
'--color-background-base-hover': 'var(--color-dark-grey-100)',
|
|
17
23
|
'--color-background-base-pressed': 'var(--color-dark-grey-200)',
|
|
@@ -75,6 +81,8 @@ export const tokens = {
|
|
|
75
81
|
'--color-background-gradient-80': 'var(--color-dark-grey-050-80)',
|
|
76
82
|
'--color-background-gradient-70': 'var(--color-dark-grey-050-70)',
|
|
77
83
|
'--color-background-gradient-0': 'var(--color-dark-grey-050-0)',
|
|
84
|
+
'--color-background-gradient-overlay-80': 'var(--color-dark-grey-050-80)',
|
|
85
|
+
'--color-background-gradient-overlay-0': 'var(--color-dark-grey-050-0)',
|
|
78
86
|
'--color-text-black': 'var(--color-dark-constant-950)',
|
|
79
87
|
'--color-text-white': 'var(--color-dark-constant-050)',
|
|
80
88
|
'--color-text-grey': 'var(--color-dark-grey-900)',
|
|
@@ -304,10 +312,16 @@ export const tokens = {
|
|
|
304
312
|
'--background-canvas-sheet': 'var(--color-background-canvas-sheet)',
|
|
305
313
|
'--background-canvas-overlay': 'var(--color-background-canvas-overlay)',
|
|
306
314
|
'--background-white': 'var(--color-background-white)',
|
|
315
|
+
'--background-white-transparent': 'var(--color-background-white-transparent)',
|
|
307
316
|
'--background-black': 'var(--color-background-black)',
|
|
308
317
|
'--background-surface': 'var(--color-background-surface)',
|
|
309
318
|
'--background-surface-hover': 'var(--color-background-surface-hover)',
|
|
310
319
|
'--background-surface-pressed': 'var(--color-background-surface-pressed)',
|
|
320
|
+
'--background-surface-disabled': 'var(--color-background-surface-disabled)',
|
|
321
|
+
'--background-surface-transparent': 'var(--color-background-surface-transparent)',
|
|
322
|
+
'--background-surface-transparent-hover': 'var(--color-background-surface-transparent-hover)',
|
|
323
|
+
'--background-surface-transparent-pressed': 'var(--color-background-surface-transparent-pressed)',
|
|
324
|
+
'--background-surface-transparent-disabled': 'var(--color-background-surface-transparent-disabled)',
|
|
311
325
|
'--background-base': 'var(--color-background-base)',
|
|
312
326
|
'--background-base-hover': 'var(--color-background-base-hover)',
|
|
313
327
|
'--background-base-pressed': 'var(--color-background-base-pressed)',
|
|
@@ -353,6 +367,8 @@ export const tokens = {
|
|
|
353
367
|
'--background-gradient-80': 'var(--color-background-gradient-80)',
|
|
354
368
|
'--background-gradient-70': 'var(--color-background-gradient-70)',
|
|
355
369
|
'--background-gradient-0': 'var(--color-background-gradient-0)',
|
|
370
|
+
'--background-gradient-overlay-80': 'var(--color-background-gradient-overlay-80)',
|
|
371
|
+
'--background-gradient-overlay-0': 'var(--color-background-gradient-overlay-0)',
|
|
356
372
|
'--text-black': 'var(--color-text-black)',
|
|
357
373
|
'--text-white': 'var(--color-text-white)',
|
|
358
374
|
'--text-grey': 'var(--color-text-grey)',
|
|
@@ -402,5 +418,6 @@ export const tokens = {
|
|
|
402
418
|
'--border-width': 'var(--stroke-1)',
|
|
403
419
|
'--border-width-active': 'var(--stroke-2)',
|
|
404
420
|
'--border-width-focus': 'var(--stroke-2)',
|
|
421
|
+
'--border-width-stepper': 'var(--stroke-4)',
|
|
405
422
|
},
|
|
406
423
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.light-css.d.ts","sourceRoot":"","sources":["../../../../src/themes/css/enterprise/theme.light-css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"theme.light-css.d.ts","sourceRoot":"","sources":["../../../../src/themes/css/enterprise/theme.light-css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAiezD,CAAC"}
|
|
@@ -8,10 +8,16 @@ export const tokens = {
|
|
|
8
8
|
'--color-background-canvas-sheet': 'var(--color-light-grey-050)',
|
|
9
9
|
'--color-background-canvas-overlay': 'var(--color-light-grey-950-60)',
|
|
10
10
|
'--color-background-white': 'var(--color-light-constant-050)',
|
|
11
|
+
'--color-background-white-transparent': 'var(--color-light-grey-050-10)',
|
|
11
12
|
'--color-background-black': 'var(--color-light-constant-950)',
|
|
12
13
|
'--color-background-surface': 'var(--color-light-grey-100)',
|
|
13
14
|
'--color-background-surface-hover': 'var(--color-light-grey-200)',
|
|
14
15
|
'--color-background-surface-pressed': 'var(--color-light-grey-300)',
|
|
16
|
+
'--color-background-surface-disabled': 'var(--color-light-grey-100)',
|
|
17
|
+
'--color-background-surface-transparent': 'var(--color-light-grey-950-3)',
|
|
18
|
+
'--color-background-surface-transparent-hover': 'var(--color-light-grey-950-5)',
|
|
19
|
+
'--color-background-surface-transparent-pressed': 'var(--color-light-grey-950-10)',
|
|
20
|
+
'--color-background-surface-transparent-disabled': 'var(--color-light-grey-950-3)',
|
|
15
21
|
'--color-background-base': 'var(--color-light-grey-050)',
|
|
16
22
|
'--color-background-base-hover': 'var(--color-light-grey-100)',
|
|
17
23
|
'--color-background-base-pressed': 'var(--color-light-grey-200)',
|
|
@@ -71,10 +77,12 @@ export const tokens = {
|
|
|
71
77
|
'--color-background-success-strong': '#47883a',
|
|
72
78
|
'--color-background-success-transparent': 'var(--color-light-green-600-0)',
|
|
73
79
|
'--color-background-native': '#f7f7f7',
|
|
74
|
-
'--color-background-gradient-100': 'var(--color-light-grey-
|
|
75
|
-
'--color-background-gradient-80': 'var(--color-light-grey-
|
|
76
|
-
'--color-background-gradient-70': 'var(--color-light-grey-
|
|
77
|
-
'--color-background-gradient-0': 'var(--color-light-grey-
|
|
80
|
+
'--color-background-gradient-100': 'var(--color-light-grey-050)',
|
|
81
|
+
'--color-background-gradient-80': 'var(--color-light-grey-050-80)',
|
|
82
|
+
'--color-background-gradient-70': 'var(--color-light-grey-050-70)',
|
|
83
|
+
'--color-background-gradient-0': 'var(--color-light-grey-050-0)',
|
|
84
|
+
'--color-background-gradient-overlay-80': 'var(--color-light-grey-950-80)',
|
|
85
|
+
'--color-background-gradient-overlay-0': 'var(--color-light-grey-950-0)',
|
|
78
86
|
'--color-text-black': 'var(--color-light-constant-950)',
|
|
79
87
|
'--color-text-white': 'var(--color-light-constant-050)',
|
|
80
88
|
'--color-text-grey': 'var(--color-light-grey-300)',
|
|
@@ -304,10 +312,16 @@ export const tokens = {
|
|
|
304
312
|
'--background-canvas-sheet': 'var(--color-background-canvas-sheet)',
|
|
305
313
|
'--background-canvas-overlay': 'var(--color-background-canvas-overlay)',
|
|
306
314
|
'--background-white': 'var(--color-background-white)',
|
|
315
|
+
'--background-white-transparent': 'var(--color-background-white-transparent)',
|
|
307
316
|
'--background-black': 'var(--color-background-black)',
|
|
308
317
|
'--background-surface': 'var(--color-background-surface)',
|
|
309
318
|
'--background-surface-hover': 'var(--color-background-surface-hover)',
|
|
310
319
|
'--background-surface-pressed': 'var(--color-background-surface-pressed)',
|
|
320
|
+
'--background-surface-disabled': 'var(--color-background-surface-disabled)',
|
|
321
|
+
'--background-surface-transparent': 'var(--color-background-surface-transparent)',
|
|
322
|
+
'--background-surface-transparent-hover': 'var(--color-background-surface-transparent-hover)',
|
|
323
|
+
'--background-surface-transparent-pressed': 'var(--color-background-surface-transparent-pressed)',
|
|
324
|
+
'--background-surface-transparent-disabled': 'var(--color-background-surface-transparent-disabled)',
|
|
311
325
|
'--background-base': 'var(--color-background-base)',
|
|
312
326
|
'--background-base-hover': 'var(--color-background-base-hover)',
|
|
313
327
|
'--background-base-pressed': 'var(--color-background-base-pressed)',
|
|
@@ -353,6 +367,8 @@ export const tokens = {
|
|
|
353
367
|
'--background-gradient-80': 'var(--color-background-gradient-80)',
|
|
354
368
|
'--background-gradient-70': 'var(--color-background-gradient-70)',
|
|
355
369
|
'--background-gradient-0': 'var(--color-background-gradient-0)',
|
|
370
|
+
'--background-gradient-overlay-80': 'var(--color-background-gradient-overlay-80)',
|
|
371
|
+
'--background-gradient-overlay-0': 'var(--color-background-gradient-overlay-0)',
|
|
356
372
|
'--text-black': 'var(--color-text-black)',
|
|
357
373
|
'--text-white': 'var(--color-text-white)',
|
|
358
374
|
'--text-grey': 'var(--color-text-grey)',
|
|
@@ -402,5 +418,6 @@ export const tokens = {
|
|
|
402
418
|
'--border-width': 'var(--stroke-1)',
|
|
403
419
|
'--border-width-active': 'var(--stroke-2)',
|
|
404
420
|
'--border-width-focus': 'var(--stroke-2)',
|
|
421
|
+
'--border-width-stepper': 'var(--stroke-4)',
|
|
405
422
|
},
|
|
406
423
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.dark-css.d.ts","sourceRoot":"","sources":["../../../../src/themes/css/ledger-live/theme.dark-css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"theme.dark-css.d.ts","sourceRoot":"","sources":["../../../../src/themes/css/ledger-live/theme.dark-css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA6czD,CAAC"}
|
|
@@ -8,10 +8,16 @@ export const tokens = {
|
|
|
8
8
|
'--color-background-canvas-sheet': 'var(--color-dark-grey-075)',
|
|
9
9
|
'--color-background-canvas-overlay': 'var(--color-dark-grey-050-60)',
|
|
10
10
|
'--color-background-white': 'var(--color-dark-constant-050)',
|
|
11
|
+
'--color-background-white-transparent': 'var(--color-dark-grey-950-10)',
|
|
11
12
|
'--color-background-black': 'var(--color-dark-constant-950)',
|
|
12
13
|
'--color-background-surface': 'var(--color-dark-grey-100)',
|
|
13
14
|
'--color-background-surface-hover': 'var(--color-dark-grey-200)',
|
|
14
15
|
'--color-background-surface-pressed': 'var(--color-dark-grey-300)',
|
|
16
|
+
'--color-background-surface-disabled': 'var(--color-dark-grey-100)',
|
|
17
|
+
'--color-background-surface-transparent': 'var(--color-dark-grey-950-5)',
|
|
18
|
+
'--color-background-surface-transparent-hover': 'var(--color-dark-grey-950-10)',
|
|
19
|
+
'--color-background-surface-transparent-pressed': 'var(--color-dark-grey-950-20)',
|
|
20
|
+
'--color-background-surface-transparent-disabled': 'var(--color-dark-grey-950-5)',
|
|
15
21
|
'--color-background-base': 'var(--color-dark-grey-050)',
|
|
16
22
|
'--color-background-base-hover': 'var(--color-dark-grey-100)',
|
|
17
23
|
'--color-background-base-pressed': 'var(--color-dark-grey-200)',
|
|
@@ -75,6 +81,8 @@ export const tokens = {
|
|
|
75
81
|
'--color-background-gradient-80': 'var(--color-dark-grey-050-80)',
|
|
76
82
|
'--color-background-gradient-70': 'var(--color-dark-grey-050-70)',
|
|
77
83
|
'--color-background-gradient-0': 'var(--color-dark-grey-050-0)',
|
|
84
|
+
'--color-background-gradient-overlay-80': 'var(--color-dark-grey-050-80)',
|
|
85
|
+
'--color-background-gradient-overlay-0': 'var(--color-dark-grey-050-0)',
|
|
78
86
|
'--color-text-black': 'var(--color-dark-constant-950)',
|
|
79
87
|
'--color-text-white': 'var(--color-dark-constant-050)',
|
|
80
88
|
'--color-text-grey': 'var(--color-dark-grey-900)',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.light-css.d.ts","sourceRoot":"","sources":["../../../../src/themes/css/ledger-live/theme.light-css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"theme.light-css.d.ts","sourceRoot":"","sources":["../../../../src/themes/css/ledger-live/theme.light-css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAidzD,CAAC"}
|
|
@@ -8,10 +8,16 @@ export const tokens = {
|
|
|
8
8
|
'--color-background-canvas-sheet': 'var(--color-light-grey-050)',
|
|
9
9
|
'--color-background-canvas-overlay': 'var(--color-light-grey-950-60)',
|
|
10
10
|
'--color-background-white': 'var(--color-light-constant-050)',
|
|
11
|
+
'--color-background-white-transparent': 'var(--color-light-grey-050-10)',
|
|
11
12
|
'--color-background-black': 'var(--color-light-constant-950)',
|
|
12
13
|
'--color-background-surface': 'var(--color-light-grey-100)',
|
|
13
14
|
'--color-background-surface-hover': 'var(--color-light-grey-200)',
|
|
14
15
|
'--color-background-surface-pressed': 'var(--color-light-grey-300)',
|
|
16
|
+
'--color-background-surface-disabled': 'var(--color-light-grey-100)',
|
|
17
|
+
'--color-background-surface-transparent': 'var(--color-light-grey-950-3)',
|
|
18
|
+
'--color-background-surface-transparent-hover': 'var(--color-light-grey-950-5)',
|
|
19
|
+
'--color-background-surface-transparent-pressed': 'var(--color-light-grey-950-10)',
|
|
20
|
+
'--color-background-surface-transparent-disabled': 'var(--color-light-grey-950-3)',
|
|
15
21
|
'--color-background-base': 'var(--color-light-grey-050)',
|
|
16
22
|
'--color-background-base-hover': 'var(--color-light-grey-100)',
|
|
17
23
|
'--color-background-base-pressed': 'var(--color-light-grey-200)',
|
|
@@ -71,10 +77,12 @@ export const tokens = {
|
|
|
71
77
|
'--color-background-success-strong': '#47883a',
|
|
72
78
|
'--color-background-success-transparent': 'var(--color-light-green-600-0)',
|
|
73
79
|
'--color-background-native': '#f7f7f7',
|
|
74
|
-
'--color-background-gradient-100': 'var(--color-light-grey-
|
|
75
|
-
'--color-background-gradient-80': 'var(--color-light-grey-
|
|
76
|
-
'--color-background-gradient-70': 'var(--color-light-grey-
|
|
77
|
-
'--color-background-gradient-0': 'var(--color-light-grey-
|
|
80
|
+
'--color-background-gradient-100': 'var(--color-light-grey-050)',
|
|
81
|
+
'--color-background-gradient-80': 'var(--color-light-grey-050-80)',
|
|
82
|
+
'--color-background-gradient-70': 'var(--color-light-grey-050-70)',
|
|
83
|
+
'--color-background-gradient-0': 'var(--color-light-grey-050-0)',
|
|
84
|
+
'--color-background-gradient-overlay-80': 'var(--color-light-grey-950-80)',
|
|
85
|
+
'--color-background-gradient-overlay-0': 'var(--color-light-grey-950-0)',
|
|
78
86
|
'--color-text-black': 'var(--color-light-constant-950)',
|
|
79
87
|
'--color-text-white': 'var(--color-light-constant-050)',
|
|
80
88
|
'--color-text-grey': 'var(--color-light-grey-300)',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"primitives-css.d.ts","sourceRoot":"","sources":["../../../src/themes/css/primitives-css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"primitives-css.d.ts","sourceRoot":"","sources":["../../../src/themes/css/primitives-css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CA4tBlE,CAAC"}
|