@ledgerhq/lumen-design-core 0.0.40 → 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 (48) hide show
  1. package/dist/themes/css/enterprise/theme.dark-css.d.ts.map +1 -1
  2. package/dist/themes/css/enterprise/theme.dark-css.js +8 -0
  3. package/dist/themes/css/enterprise/theme.light-css.d.ts.map +1 -1
  4. package/dist/themes/css/enterprise/theme.light-css.js +8 -0
  5. package/dist/themes/css/ledger-live/theme.dark-css.d.ts.map +1 -1
  6. package/dist/themes/css/ledger-live/theme.dark-css.js +4 -0
  7. package/dist/themes/css/ledger-live/theme.light-css.d.ts.map +1 -1
  8. package/dist/themes/css/ledger-live/theme.light-css.js +4 -0
  9. package/dist/themes/css/websites/theme.dark-css.d.ts.map +1 -1
  10. package/dist/themes/css/websites/theme.dark-css.js +8 -0
  11. package/dist/themes/css/websites/theme.light-css.d.ts.map +1 -1
  12. package/dist/themes/css/websites/theme.light-css.js +8 -0
  13. package/dist/themes/js/enterprise/theme.d.ts +434 -0
  14. package/dist/themes/js/enterprise/theme.d.ts.map +1 -1
  15. package/dist/themes/js/enterprise/theme.dark.d.ts +217 -0
  16. package/dist/themes/js/enterprise/theme.dark.d.ts.map +1 -1
  17. package/dist/themes/js/enterprise/theme.dark.js +75 -71
  18. package/dist/themes/js/enterprise/theme.light.d.ts +217 -0
  19. package/dist/themes/js/enterprise/theme.light.d.ts.map +1 -1
  20. package/dist/themes/js/enterprise/theme.light.js +75 -71
  21. package/dist/themes/js/ledger-live/theme.d.ts +434 -0
  22. package/dist/themes/js/ledger-live/theme.d.ts.map +1 -1
  23. package/dist/themes/js/ledger-live/theme.dark.d.ts +217 -0
  24. package/dist/themes/js/ledger-live/theme.dark.d.ts.map +1 -1
  25. package/dist/themes/js/ledger-live/theme.dark.js +75 -71
  26. package/dist/themes/js/ledger-live/theme.light.d.ts +217 -0
  27. package/dist/themes/js/ledger-live/theme.light.d.ts.map +1 -1
  28. package/dist/themes/js/ledger-live/theme.light.js +75 -71
  29. package/dist/themes/js/primitives/primitive.colors.d.ts +146 -142
  30. package/dist/themes/js/primitives/primitive.colors.d.ts.map +1 -1
  31. package/dist/themes/js/primitives/primitive.colors.js +146 -142
  32. package/dist/themes/js/primitives/primitive.gradients.d.ts +437 -0
  33. package/dist/themes/js/primitives/primitive.gradients.d.ts.map +1 -0
  34. package/dist/themes/js/primitives/primitive.gradients.js +9 -0
  35. package/dist/themes/js/types.d.ts +19 -0
  36. package/dist/themes/js/types.d.ts.map +1 -1
  37. package/dist/themes/js/utils/extractCryptoGradients.d.ts +216 -0
  38. package/dist/themes/js/utils/extractCryptoGradients.d.ts.map +1 -0
  39. package/dist/themes/js/utils/extractCryptoGradients.js +22 -0
  40. package/dist/themes/js/websites/theme.d.ts +434 -0
  41. package/dist/themes/js/websites/theme.d.ts.map +1 -1
  42. package/dist/themes/js/websites/theme.dark.d.ts +217 -0
  43. package/dist/themes/js/websites/theme.dark.d.ts.map +1 -1
  44. package/dist/themes/js/websites/theme.dark.js +75 -71
  45. package/dist/themes/js/websites/theme.light.d.ts +217 -0
  46. package/dist/themes/js/websites/theme.light.d.ts.map +1 -1
  47. package/dist/themes/js/websites/theme.light.js +75 -71
  48. package/package.json +1 -1
package/dist/themes/css/enterprise/theme.dark-css.d.ts.map 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,CAkdzD,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"}
package/dist/themes/css/enterprise/theme.dark-css.js CHANGED
@@ -8,10 +8,12 @@ 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)',
15
17
  '--color-background-surface-transparent': 'var(--color-dark-grey-950-5)',
16
18
  '--color-background-surface-transparent-hover': 'var(--color-dark-grey-950-10)',
17
19
  '--color-background-surface-transparent-pressed': 'var(--color-dark-grey-950-20)',
@@ -79,6 +81,8 @@ export const tokens = {
79
81
  '--color-background-gradient-80': 'var(--color-dark-grey-050-80)',
80
82
  '--color-background-gradient-70': 'var(--color-dark-grey-050-70)',
81
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)',
82
86
  '--color-text-black': 'var(--color-dark-constant-950)',
83
87
  '--color-text-white': 'var(--color-dark-constant-050)',
84
88
  '--color-text-grey': 'var(--color-dark-grey-900)',
@@ -308,10 +312,12 @@ export const tokens = {
308
312
  '--background-canvas-sheet': 'var(--color-background-canvas-sheet)',
309
313
  '--background-canvas-overlay': 'var(--color-background-canvas-overlay)',
310
314
  '--background-white': 'var(--color-background-white)',
315
+ '--background-white-transparent': 'var(--color-background-white-transparent)',
311
316
  '--background-black': 'var(--color-background-black)',
312
317
  '--background-surface': 'var(--color-background-surface)',
313
318
  '--background-surface-hover': 'var(--color-background-surface-hover)',
314
319
  '--background-surface-pressed': 'var(--color-background-surface-pressed)',
320
+ '--background-surface-disabled': 'var(--color-background-surface-disabled)',
315
321
  '--background-surface-transparent': 'var(--color-background-surface-transparent)',
316
322
  '--background-surface-transparent-hover': 'var(--color-background-surface-transparent-hover)',
317
323
  '--background-surface-transparent-pressed': 'var(--color-background-surface-transparent-pressed)',
@@ -361,6 +367,8 @@ export const tokens = {
361
367
  '--background-gradient-80': 'var(--color-background-gradient-80)',
362
368
  '--background-gradient-70': 'var(--color-background-gradient-70)',
363
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)',
364
372
  '--text-black': 'var(--color-text-black)',
365
373
  '--text-white': 'var(--color-text-white)',
366
374
  '--text-grey': 'var(--color-text-grey)',
package/dist/themes/css/enterprise/theme.light-css.d.ts.map CHANGED
@@ -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,CAsdzD,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"}
package/dist/themes/css/enterprise/theme.light-css.js CHANGED
@@ -8,10 +8,12 @@ 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)',
15
17
  '--color-background-surface-transparent': 'var(--color-light-grey-950-3)',
16
18
  '--color-background-surface-transparent-hover': 'var(--color-light-grey-950-5)',
17
19
  '--color-background-surface-transparent-pressed': 'var(--color-light-grey-950-10)',
@@ -79,6 +81,8 @@ export const tokens = {
79
81
  '--color-background-gradient-80': 'var(--color-light-grey-050-80)',
80
82
  '--color-background-gradient-70': 'var(--color-light-grey-050-70)',
81
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)',
82
86
  '--color-text-black': 'var(--color-light-constant-950)',
83
87
  '--color-text-white': 'var(--color-light-constant-050)',
84
88
  '--color-text-grey': 'var(--color-light-grey-300)',
@@ -308,10 +312,12 @@ export const tokens = {
308
312
  '--background-canvas-sheet': 'var(--color-background-canvas-sheet)',
309
313
  '--background-canvas-overlay': 'var(--color-background-canvas-overlay)',
310
314
  '--background-white': 'var(--color-background-white)',
315
+ '--background-white-transparent': 'var(--color-background-white-transparent)',
311
316
  '--background-black': 'var(--color-background-black)',
312
317
  '--background-surface': 'var(--color-background-surface)',
313
318
  '--background-surface-hover': 'var(--color-background-surface-hover)',
314
319
  '--background-surface-pressed': 'var(--color-background-surface-pressed)',
320
+ '--background-surface-disabled': 'var(--color-background-surface-disabled)',
315
321
  '--background-surface-transparent': 'var(--color-background-surface-transparent)',
316
322
  '--background-surface-transparent-hover': 'var(--color-background-surface-transparent-hover)',
317
323
  '--background-surface-transparent-pressed': 'var(--color-background-surface-transparent-pressed)',
@@ -361,6 +367,8 @@ export const tokens = {
361
367
  '--background-gradient-80': 'var(--color-background-gradient-80)',
362
368
  '--background-gradient-70': 'var(--color-background-gradient-70)',
363
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)',
364
372
  '--text-black': 'var(--color-text-black)',
365
373
  '--text-white': 'var(--color-text-white)',
366
374
  '--text-grey': 'var(--color-text-grey)',
package/dist/themes/css/ledger-live/theme.dark-css.d.ts.map CHANGED
@@ -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,CAyczD,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"}
package/dist/themes/css/ledger-live/theme.dark-css.js CHANGED
@@ -8,10 +8,12 @@ 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)',
15
17
  '--color-background-surface-transparent': 'var(--color-dark-grey-950-5)',
16
18
  '--color-background-surface-transparent-hover': 'var(--color-dark-grey-950-10)',
17
19
  '--color-background-surface-transparent-pressed': 'var(--color-dark-grey-950-20)',
@@ -79,6 +81,8 @@ export const tokens = {
79
81
  '--color-background-gradient-80': 'var(--color-dark-grey-050-80)',
80
82
  '--color-background-gradient-70': 'var(--color-dark-grey-050-70)',
81
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)',
82
86
  '--color-text-black': 'var(--color-dark-constant-950)',
83
87
  '--color-text-white': 'var(--color-dark-constant-050)',
84
88
  '--color-text-grey': 'var(--color-dark-grey-900)',
package/dist/themes/css/ledger-live/theme.light-css.d.ts.map CHANGED
@@ -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,CA6czD,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"}
package/dist/themes/css/ledger-live/theme.light-css.js CHANGED
@@ -8,10 +8,12 @@ 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)',
15
17
  '--color-background-surface-transparent': 'var(--color-light-grey-950-3)',
16
18
  '--color-background-surface-transparent-hover': 'var(--color-light-grey-950-5)',
17
19
  '--color-background-surface-transparent-pressed': 'var(--color-light-grey-950-10)',
@@ -79,6 +81,8 @@ export const tokens = {
79
81
  '--color-background-gradient-80': 'var(--color-light-grey-050-80)',
80
82
  '--color-background-gradient-70': 'var(--color-light-grey-050-70)',
81
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)',
82
86
  '--color-text-black': 'var(--color-light-constant-950)',
83
87
  '--color-text-white': 'var(--color-light-constant-050)',
84
88
  '--color-text-grey': 'var(--color-light-grey-300)',
package/dist/themes/css/websites/theme.dark-css.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme.dark-css.d.ts","sourceRoot":"","sources":["../../../../src/themes/css/websites/theme.dark-css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAidzD,CAAC"}
1
+ {"version":3,"file":"theme.dark-css.d.ts","sourceRoot":"","sources":["../../../../src/themes/css/websites/theme.dark-css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA4dzD,CAAC"}
package/dist/themes/css/websites/theme.dark-css.js CHANGED
@@ -8,10 +8,12 @@ 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)',
15
17
  '--color-background-surface-transparent': 'var(--color-dark-grey-950-5)',
16
18
  '--color-background-surface-transparent-hover': 'var(--color-dark-grey-950-10)',
17
19
  '--color-background-surface-transparent-pressed': 'var(--color-dark-grey-950-20)',
@@ -79,6 +81,8 @@ export const tokens = {
79
81
  '--color-background-gradient-80': 'var(--color-dark-grey-050-80)',
80
82
  '--color-background-gradient-70': 'var(--color-dark-grey-050-70)',
81
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)',
82
86
  '--color-text-black': 'var(--color-dark-constant-950)',
83
87
  '--color-text-white': 'var(--color-dark-constant-050)',
84
88
  '--color-text-grey': 'var(--color-dark-grey-900)',
@@ -308,10 +312,12 @@ export const tokens = {
308
312
  '--background-canvas-sheet': 'var(--color-background-canvas-sheet)',
309
313
  '--background-canvas-overlay': 'var(--color-background-canvas-overlay)',
310
314
  '--background-white': 'var(--color-background-white)',
315
+ '--background-white-transparent': 'var(--color-background-white-transparent)',
311
316
  '--background-black': 'var(--color-background-black)',
312
317
  '--background-surface': 'var(--color-background-surface)',
313
318
  '--background-surface-hover': 'var(--color-background-surface-hover)',
314
319
  '--background-surface-pressed': 'var(--color-background-surface-pressed)',
320
+ '--background-surface-disabled': 'var(--color-background-surface-disabled)',
315
321
  '--background-surface-transparent': 'var(--color-background-surface-transparent)',
316
322
  '--background-surface-transparent-hover': 'var(--color-background-surface-transparent-hover)',
317
323
  '--background-surface-transparent-pressed': 'var(--color-background-surface-transparent-pressed)',
@@ -361,6 +367,8 @@ export const tokens = {
361
367
  '--background-gradient-80': 'var(--color-background-gradient-80)',
362
368
  '--background-gradient-70': 'var(--color-background-gradient-70)',
363
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)',
364
372
  '--text-black': 'var(--color-text-black)',
365
373
  '--text-white': 'var(--color-text-white)',
366
374
  '--text-grey': 'var(--color-text-grey)',
package/dist/themes/css/websites/theme.light-css.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme.light-css.d.ts","sourceRoot":"","sources":["../../../../src/themes/css/websites/theme.light-css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAqdzD,CAAC"}
1
+ {"version":3,"file":"theme.light-css.d.ts","sourceRoot":"","sources":["../../../../src/themes/css/websites/theme.light-css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAgezD,CAAC"}
package/dist/themes/css/websites/theme.light-css.js CHANGED
@@ -8,10 +8,12 @@ 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)',
15
17
  '--color-background-surface-transparent': 'var(--color-light-grey-950-3)',
16
18
  '--color-background-surface-transparent-hover': 'var(--color-light-grey-950-5)',
17
19
  '--color-background-surface-transparent-pressed': 'var(--color-light-grey-950-10)',
@@ -79,6 +81,8 @@ export const tokens = {
79
81
  '--color-background-gradient-80': 'var(--color-light-grey-050-80)',
80
82
  '--color-background-gradient-70': 'var(--color-light-grey-050-70)',
81
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)',
82
86
  '--color-text-black': 'var(--color-light-constant-950)',
83
87
  '--color-text-white': 'var(--color-light-constant-050)',
84
88
  '--color-text-grey': 'var(--color-light-grey-300)',
@@ -308,10 +312,12 @@ export const tokens = {
308
312
  '--background-canvas-sheet': 'var(--color-background-canvas-sheet)',
309
313
  '--background-canvas-overlay': 'var(--color-background-canvas-overlay)',
310
314
  '--background-white': 'var(--color-background-white)',
315
+ '--background-white-transparent': 'var(--color-background-white-transparent)',
311
316
  '--background-black': 'var(--color-background-black)',
312
317
  '--background-surface': 'var(--color-background-surface)',
313
318
  '--background-surface-hover': 'var(--color-background-surface-hover)',
314
319
  '--background-surface-pressed': 'var(--color-background-surface-pressed)',
320
+ '--background-surface-disabled': 'var(--color-background-surface-disabled)',
315
321
  '--background-surface-transparent': 'var(--color-background-surface-transparent)',
316
322
  '--background-surface-transparent-hover': 'var(--color-background-surface-transparent-hover)',
317
323
  '--background-surface-transparent-pressed': 'var(--color-background-surface-transparent-pressed)',
@@ -361,6 +367,8 @@ export const tokens = {
361
367
  '--background-gradient-80': 'var(--color-background-gradient-80)',
362
368
  '--background-gradient-70': 'var(--color-background-gradient-70)',
363
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)',
364
372
  '--text-black': 'var(--color-text-black)',
365
373
  '--text-white': 'var(--color-text-white)',
366
374
  '--text-grey': 'var(--color-text-grey)',