@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.
Files changed (91) hide show
  1. package/README.md +2 -2
  2. package/dist/presets/allBrands.d.ts +2 -14
  3. package/dist/presets/allBrands.d.ts.map +1 -1
  4. package/dist/presets/allBrands.js +2 -0
  5. package/dist/presets/enterprise.d.ts +2 -14
  6. package/dist/presets/enterprise.d.ts.map +1 -1
  7. package/dist/presets/enterprise.js +2 -0
  8. package/dist/presets/ledger-live.d.ts +2 -14
  9. package/dist/presets/ledger-live.d.ts.map +1 -1
  10. package/dist/presets/ledger-live.js +2 -0
  11. package/dist/presets/websites.d.ts +2 -14
  12. package/dist/presets/websites.d.ts.map +1 -1
  13. package/dist/presets/websites.js +2 -0
  14. package/dist/themes/css/enterprise/theme.dark-css.d.ts.map +1 -1
  15. package/dist/themes/css/enterprise/theme.dark-css.js +17 -0
  16. package/dist/themes/css/enterprise/theme.light-css.d.ts.map +1 -1
  17. package/dist/themes/css/enterprise/theme.light-css.js +21 -4
  18. package/dist/themes/css/ledger-live/theme.dark-css.d.ts.map +1 -1
  19. package/dist/themes/css/ledger-live/theme.dark-css.js +8 -0
  20. package/dist/themes/css/ledger-live/theme.light-css.d.ts.map +1 -1
  21. package/dist/themes/css/ledger-live/theme.light-css.js +12 -4
  22. package/dist/themes/css/primitives-css.d.ts.map +1 -1
  23. package/dist/themes/css/primitives-css.js +168 -167
  24. package/dist/themes/css/typographies/typography.lg-css.d.ts.map +1 -1
  25. package/dist/themes/css/typographies/typography.lg-css.js +19 -14
  26. package/dist/themes/css/typographies/typography.md-css.d.ts.map +1 -1
  27. package/dist/themes/css/typographies/typography.md-css.js +19 -14
  28. package/dist/themes/css/typographies/typography.sm-css.d.ts.map +1 -1
  29. package/dist/themes/css/typographies/typography.sm-css.js +19 -14
  30. package/dist/themes/css/typographies/typography.xl-css.d.ts.map +1 -1
  31. package/dist/themes/css/typographies/typography.xl-css.js +19 -14
  32. package/dist/themes/css/websites/theme.dark-css.d.ts.map +1 -1
  33. package/dist/themes/css/websites/theme.dark-css.js +17 -0
  34. package/dist/themes/css/websites/theme.light-css.d.ts.map +1 -1
  35. package/dist/themes/css/websites/theme.light-css.js +21 -4
  36. package/dist/themes/js/enterprise/theme.d.ts +698 -88
  37. package/dist/themes/js/enterprise/theme.d.ts.map +1 -1
  38. package/dist/themes/js/enterprise/theme.dark.d.ts +225 -4
  39. package/dist/themes/js/enterprise/theme.dark.d.ts.map +1 -1
  40. package/dist/themes/js/enterprise/theme.dark.js +83 -75
  41. package/dist/themes/js/enterprise/theme.light.d.ts +221 -0
  42. package/dist/themes/js/enterprise/theme.light.d.ts.map +1 -1
  43. package/dist/themes/js/enterprise/theme.light.js +79 -71
  44. package/dist/themes/js/ledger-live/theme.d.ts +698 -88
  45. package/dist/themes/js/ledger-live/theme.d.ts.map +1 -1
  46. package/dist/themes/js/ledger-live/theme.dark.d.ts +225 -4
  47. package/dist/themes/js/ledger-live/theme.dark.d.ts.map +1 -1
  48. package/dist/themes/js/ledger-live/theme.dark.js +83 -75
  49. package/dist/themes/js/ledger-live/theme.light.d.ts +221 -0
  50. package/dist/themes/js/ledger-live/theme.light.d.ts.map +1 -1
  51. package/dist/themes/js/ledger-live/theme.light.js +79 -71
  52. package/dist/themes/js/primitives/primitive.colors.d.ts +146 -142
  53. package/dist/themes/js/primitives/primitive.colors.d.ts.map +1 -1
  54. package/dist/themes/js/primitives/primitive.colors.js +146 -142
  55. package/dist/themes/js/primitives/primitive.gradients.d.ts +437 -0
  56. package/dist/themes/js/primitives/primitive.gradients.d.ts.map +1 -0
  57. package/dist/themes/js/primitives/primitive.gradients.js +9 -0
  58. package/dist/themes/js/types.d.ts +21 -0
  59. package/dist/themes/js/types.d.ts.map +1 -1
  60. package/dist/themes/js/typographies/index.d.ts +84 -28
  61. package/dist/themes/js/typographies/index.d.ts.map +1 -1
  62. package/dist/themes/js/typographies/typography.lg.d.ts +21 -7
  63. package/dist/themes/js/typographies/typography.lg.d.ts.map +1 -1
  64. package/dist/themes/js/typographies/typography.md.d.ts +21 -7
  65. package/dist/themes/js/typographies/typography.md.d.ts.map +1 -1
  66. package/dist/themes/js/typographies/typography.md.js +21 -7
  67. package/dist/themes/js/typographies/typography.sm.d.ts +24 -10
  68. package/dist/themes/js/typographies/typography.sm.d.ts.map +1 -1
  69. package/dist/themes/js/typographies/typography.sm.js +24 -10
  70. package/dist/themes/js/typographies/typography.xl.d.ts +21 -7
  71. package/dist/themes/js/typographies/typography.xl.d.ts.map +1 -1
  72. package/dist/themes/js/utils/extractCryptoGradients.d.ts +216 -0
  73. package/dist/themes/js/utils/extractCryptoGradients.d.ts.map +1 -0
  74. package/dist/themes/js/utils/extractCryptoGradients.js +22 -0
  75. package/dist/themes/js/websites/theme.d.ts +698 -88
  76. package/dist/themes/js/websites/theme.d.ts.map +1 -1
  77. package/dist/themes/js/websites/theme.dark.d.ts +225 -4
  78. package/dist/themes/js/websites/theme.dark.d.ts.map +1 -1
  79. package/dist/themes/js/websites/theme.dark.js +83 -75
  80. package/dist/themes/js/websites/theme.light.d.ts +221 -0
  81. package/dist/themes/js/websites/theme.light.d.ts.map +1 -1
  82. package/dist/themes/js/websites/theme.light.js +79 -71
  83. package/dist/utils/createAnimationsPlugin.d.ts +4 -4
  84. package/dist/utils/createAnimationsPlugin.d.ts.map +1 -1
  85. package/dist/utils/createAnimationsPlugin.js +9 -83
  86. package/dist/utils/createCustomPlugin.d.ts +7 -16
  87. package/dist/utils/createCustomPlugin.d.ts.map +1 -1
  88. package/dist/utils/createCustomPlugin.js +17 -1
  89. package/dist/utils/createPrimitivesPlugin.d.ts +4 -4
  90. package/dist/utils/createPrimitivesPlugin.d.ts.map +1 -1
  91. 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 v3.x is required as a peer dependency. Not compatible yet with Tailwind CSS v4.
14
+ **Note:** Tailwind CSS v4.x is the supported peer dependency.
15
15
 
16
16
  ## ⚡ Quick Setup
17
17
 
@@ -1,15 +1,3 @@
1
- export declare const allBrandsPreset: {
2
- content: never[];
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":"AAWA,eAAO,MAAM,eAAe;;;;;;;;;;;;;CAiBV,CAAC"}
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"}
@@ -6,9 +6,11 @@ export const allBrandsPreset = {
6
6
  content: [],
7
7
  theme: {
8
8
  boxShadow: {},
9
+ boxShadowColor: {},
9
10
  fontSize: {},
10
11
  fontWeight: {},
11
12
  lineHeight: {},
13
+ colors: {},
12
14
  },
13
15
  plugins: [
14
16
  createPrimitivesPlugin(),
@@ -1,15 +1,3 @@
1
- export declare const enterprisePreset: {
2
- content: never[];
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":"AAYA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;CAiBX,CAAC"}
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"}
@@ -6,9 +6,11 @@ export const enterprisePreset = {
6
6
  content: [],
7
7
  theme: {
8
8
  boxShadow: {},
9
+ boxShadowColor: {},
9
10
  fontSize: {},
10
11
  fontWeight: {},
11
12
  lineHeight: {},
13
+ colors: {},
12
14
  },
13
15
  plugins: [
14
16
  createPrimitivesPlugin(),
@@ -1,15 +1,3 @@
1
- export declare const ledgerLivePreset: {
2
- content: never[];
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":"AAWA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;CAiBX,CAAC"}
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"}
@@ -6,9 +6,11 @@ export const ledgerLivePreset = {
6
6
  content: [],
7
7
  theme: {
8
8
  boxShadow: {},
9
+ boxShadowColor: {},
9
10
  fontSize: {},
10
11
  fontWeight: {},
11
12
  lineHeight: {},
13
+ colors: {},
12
14
  },
13
15
  plugins: [
14
16
  createPrimitivesPlugin(),
@@ -1,15 +1,3 @@
1
- export declare const websitesPreset: {
2
- content: never[];
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":"AAYA,eAAO,MAAM,cAAc;;;;;;;;;;;;;CAiBT,CAAC"}
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"}
@@ -6,9 +6,11 @@ export const websitesPreset = {
6
6
  content: [],
7
7
  theme: {
8
8
  boxShadow: {},
9
+ boxShadowColor: {},
9
10
  fontSize: {},
10
11
  fontWeight: {},
11
12
  lineHeight: {},
13
+ colors: {},
12
14
  },
13
15
  plugins: [
14
16
  createPrimitivesPlugin(),
@@ -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,CAkczD,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,CAsczD,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-950)',
75
- '--color-background-gradient-80': 'var(--color-light-grey-950-80)',
76
- '--color-background-gradient-70': 'var(--color-light-grey-950-70)',
77
- '--color-background-gradient-0': 'var(--color-light-grey-950-0)',
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,CAkczD,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,CAsczD,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-950)',
75
- '--color-background-gradient-80': 'var(--color-light-grey-950-80)',
76
- '--color-background-gradient-70': 'var(--color-light-grey-950-70)',
77
- '--color-background-gradient-0': 'var(--color-light-grey-950-0)',
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,CA2tBlE,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"}