@ledgerhq/lumen-design-core 0.1.16 → 0.1.18

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 (32) hide show
  1. package/dist/lib/themes/css/enterprise/theme.dark-css.d.ts +17 -17
  2. package/dist/lib/themes/css/enterprise/theme.dark-css.js +17 -17
  3. package/dist/lib/themes/css/enterprise/theme.light-css.d.ts +27 -27
  4. package/dist/lib/themes/css/enterprise/theme.light-css.js +27 -27
  5. package/dist/lib/themes/css/index.d.ts +265 -265
  6. package/dist/lib/themes/css/ledger-live/theme.dark-css.d.ts +17 -17
  7. package/dist/lib/themes/css/ledger-live/theme.dark-css.js +17 -17
  8. package/dist/lib/themes/css/ledger-live/theme.light-css.d.ts +27 -27
  9. package/dist/lib/themes/css/ledger-live/theme.light-css.js +27 -27
  10. package/dist/lib/themes/css/primitives-css.d.ts +1 -1
  11. package/dist/lib/themes/css/primitives-css.js +1 -1
  12. package/dist/lib/themes/css/websites/theme.dark-css.d.ts +17 -17
  13. package/dist/lib/themes/css/websites/theme.dark-css.js +17 -17
  14. package/dist/lib/themes/css/websites/theme.light-css.d.ts +27 -27
  15. package/dist/lib/themes/css/websites/theme.light-css.js +27 -27
  16. package/dist/lib/themes/js/enterprise/theme.d.ts +26 -26
  17. package/dist/lib/themes/js/enterprise/theme.dark.d.ts +3 -3
  18. package/dist/lib/themes/js/enterprise/theme.dark.js +3 -3
  19. package/dist/lib/themes/js/enterprise/theme.light.d.ts +10 -10
  20. package/dist/lib/themes/js/enterprise/theme.light.js +10 -10
  21. package/dist/lib/themes/js/ledger-live/theme.d.ts +26 -26
  22. package/dist/lib/themes/js/ledger-live/theme.dark.d.ts +3 -3
  23. package/dist/lib/themes/js/ledger-live/theme.dark.js +3 -3
  24. package/dist/lib/themes/js/ledger-live/theme.light.d.ts +10 -10
  25. package/dist/lib/themes/js/ledger-live/theme.light.js +10 -10
  26. package/dist/lib/themes/js/websites/theme.d.ts +88 -88
  27. package/dist/lib/themes/js/websites/theme.dark.d.ts +17 -17
  28. package/dist/lib/themes/js/websites/theme.dark.js +17 -17
  29. package/dist/lib/themes/js/websites/theme.light.d.ts +27 -27
  30. package/dist/lib/themes/js/websites/theme.light.js +27 -27
  31. package/package.json +1 -1
  32. package/symbols/icons/downloadData.json +1 -1
package/dist/lib/themes/css/ledger-live/theme.dark-css.d.ts CHANGED
@@ -46,9 +46,9 @@ export declare const tokens: {
46
46
  readonly '--color-background-accent-enterprise': "var(--color-dark-blue-400)";
47
47
  readonly '--color-background-accent-enterprise-hover': "var(--color-dark-blue-500)";
48
48
  readonly '--color-background-accent-enterprise-pressed': "var(--color-dark-blue-600)";
49
- readonly '--color-background-accent-websites': "var(--color-dark-orange-400)";
50
- readonly '--color-background-accent-websites-hover': "var(--color-dark-orange-500)";
51
- readonly '--color-background-accent-websites-pressed': "var(--color-dark-orange-600)";
49
+ readonly '--color-background-accent-websites': "var(--color-dark-purple-400)";
50
+ readonly '--color-background-accent-websites-hover': "var(--color-dark-purple-500)";
51
+ readonly '--color-background-accent-websites-pressed': "var(--color-dark-purple-600)";
52
52
  readonly '--color-background-interactive': "var(--color-dark-grey-950)";
53
53
  readonly '--color-background-interactive-hover': "var(--color-dark-grey-900)";
54
54
  readonly '--color-background-interactive-pressed': "var(--color-dark-grey-800)";
@@ -58,18 +58,18 @@ export declare const tokens: {
58
58
  readonly '--color-background-active-enterprise': "var(--color-dark-blue-400)";
59
59
  readonly '--color-background-active-enterprise-hover': "var(--color-dark-blue-500)";
60
60
  readonly '--color-background-active-enterprise-pressed': "var(--color-dark-blue-600)";
61
- readonly '--color-background-active-websites': "var(--color-dark-orange-400)";
62
- readonly '--color-background-active-websites-hover': "var(--color-dark-orange-500)";
63
- readonly '--color-background-active-websites-pressed': "var(--color-dark-orange-600)";
61
+ readonly '--color-background-active-websites': "var(--color-dark-purple-400)";
62
+ readonly '--color-background-active-websites-hover': "var(--color-dark-purple-500)";
63
+ readonly '--color-background-active-websites-pressed': "var(--color-dark-purple-600)";
64
64
  readonly '--color-background-active-subtle-ledger-live': "var(--color-dark-purple-050)";
65
65
  readonly '--color-background-active-subtle-ledger-live-hover': "var(--color-dark-purple-100)";
66
66
  readonly '--color-background-active-subtle-ledger-live-pressed': "var(--color-dark-purple-200)";
67
67
  readonly '--color-background-active-subtle-enterprise': "var(--color-dark-blue-050)";
68
68
  readonly '--color-background-active-subtle-enterprise-hover': "var(--color-dark-blue-100)";
69
69
  readonly '--color-background-active-subtle-enterprise-pressed': "var(--color-dark-blue-200)";
70
- readonly '--color-background-active-subtle-website': "var(--color-dark-orange-050)";
71
- readonly '--color-background-active-subtle-website-hover': "var(--color-dark-orange-100)";
72
- readonly '--color-background-active-subtle-website-pressed': "var(--color-dark-orange-200)";
70
+ readonly '--color-background-active-subtle-website': "var(--color-dark-purple-050)";
71
+ readonly '--color-background-active-subtle-website-hover': "var(--color-dark-purple-100)";
72
+ readonly '--color-background-active-subtle-website-pressed': "var(--color-dark-purple-200)";
73
73
  readonly '--color-background-error': "var(--color-dark-red-600-15)";
74
74
  readonly '--color-background-error-hover': "var(--color-dark-red-600-30)";
75
75
  readonly '--color-background-error-pressed': "var(--color-dark-red-600-40)";
@@ -101,25 +101,25 @@ export declare const tokens: {
101
101
  readonly '--color-text-muted': "var(--color-dark-grey-700)";
102
102
  readonly '--color-text-muted-hover': "var(--color-dark-grey-800)";
103
103
  readonly '--color-text-muted-pressed': "var(--color-dark-grey-900)";
104
- readonly '--color-text-muted-subtle': "var(--color-dark-grey-300)";
104
+ readonly '--color-text-muted-subtle': "var(--color-dark-grey-400)";
105
105
  readonly '--color-text-active-ledger-live': "var(--color-dark-purple-400)";
106
106
  readonly '--color-text-active-enterprise': "var(--color-dark-blue-500)";
107
- readonly '--color-text-active-websites': "var(--color-dark-orange-400)";
107
+ readonly '--color-text-active-websites': "var(--color-dark-purple-400)";
108
108
  readonly '--color-text-interactive-ledger-live': "var(--color-dark-purple-400)";
109
109
  readonly '--color-text-interactive-ledger-live-hover': "var(--color-dark-purple-500)";
110
110
  readonly '--color-text-interactive-ledger-live-pressed': "var(--color-dark-purple-600)";
111
111
  readonly '--color-text-interactive-enterprise': "var(--color-dark-blue-500)";
112
112
  readonly '--color-text-interactive-enterprise-hover': "var(--color-dark-blue-600)";
113
113
  readonly '--color-text-interactive-enterprise-pressed': "var(--color-dark-blue-700)";
114
- readonly '--color-text-interactive-websites': "var(--color-dark-orange-400)";
115
- readonly '--color-text-interactive-websites-hover': "var(--color-dark-orange-500)";
116
- readonly '--color-text-interactive-websites-pressed': "var(--color-dark-orange-600)";
117
- readonly '--color-text-error': "var(--color-dark-red-700)";
118
- readonly '--color-text-warning': "var(--color-dark-yellow-700)";
114
+ readonly '--color-text-interactive-websites': "var(--color-dark-purple-400)";
115
+ readonly '--color-text-interactive-websites-hover': "var(--color-dark-purple-500)";
116
+ readonly '--color-text-interactive-websites-pressed': "var(--color-dark-purple-600)";
117
+ readonly '--color-text-error': "var(--color-dark-red-600)";
118
+ readonly '--color-text-warning': "var(--color-dark-yellow-600)";
119
119
  readonly '--color-text-success': "var(--color-dark-green-600)";
120
120
  readonly '--color-text-on-accent-ledger-live': "var(--color-dark-grey-050)";
121
121
  readonly '--color-text-on-accent-enterprise': "var(--color-dark-grey-950)";
122
- readonly '--color-text-on-accent-websites': "var(--color-dark-grey-950)";
122
+ readonly '--color-text-on-accent-websites': "var(--color-dark-grey-050)";
123
123
  readonly '--color-text-on-interactive': "var(--color-dark-grey-050)";
124
124
  readonly '--color-text-on-error-strong': "var(--color-dark-grey-050)";
125
125
  readonly '--color-text-on-warning-strong': "var(--color-dark-grey-050)";
package/dist/lib/themes/css/ledger-live/theme.dark-css.js CHANGED
@@ -46,9 +46,9 @@ export const tokens = {
46
46
  '--color-background-accent-enterprise': 'var(--color-dark-blue-400)',
47
47
  '--color-background-accent-enterprise-hover': 'var(--color-dark-blue-500)',
48
48
  '--color-background-accent-enterprise-pressed': 'var(--color-dark-blue-600)',
49
- '--color-background-accent-websites': 'var(--color-dark-orange-400)',
50
- '--color-background-accent-websites-hover': 'var(--color-dark-orange-500)',
51
- '--color-background-accent-websites-pressed': 'var(--color-dark-orange-600)',
49
+ '--color-background-accent-websites': 'var(--color-dark-purple-400)',
50
+ '--color-background-accent-websites-hover': 'var(--color-dark-purple-500)',
51
+ '--color-background-accent-websites-pressed': 'var(--color-dark-purple-600)',
52
52
  '--color-background-interactive': 'var(--color-dark-grey-950)',
53
53
  '--color-background-interactive-hover': 'var(--color-dark-grey-900)',
54
54
  '--color-background-interactive-pressed': 'var(--color-dark-grey-800)',
@@ -58,18 +58,18 @@ export const tokens = {
58
58
  '--color-background-active-enterprise': 'var(--color-dark-blue-400)',
59
59
  '--color-background-active-enterprise-hover': 'var(--color-dark-blue-500)',
60
60
  '--color-background-active-enterprise-pressed': 'var(--color-dark-blue-600)',
61
- '--color-background-active-websites': 'var(--color-dark-orange-400)',
62
- '--color-background-active-websites-hover': 'var(--color-dark-orange-500)',
63
- '--color-background-active-websites-pressed': 'var(--color-dark-orange-600)',
61
+ '--color-background-active-websites': 'var(--color-dark-purple-400)',
62
+ '--color-background-active-websites-hover': 'var(--color-dark-purple-500)',
63
+ '--color-background-active-websites-pressed': 'var(--color-dark-purple-600)',
64
64
  '--color-background-active-subtle-ledger-live': 'var(--color-dark-purple-050)',
65
65
  '--color-background-active-subtle-ledger-live-hover': 'var(--color-dark-purple-100)',
66
66
  '--color-background-active-subtle-ledger-live-pressed': 'var(--color-dark-purple-200)',
67
67
  '--color-background-active-subtle-enterprise': 'var(--color-dark-blue-050)',
68
68
  '--color-background-active-subtle-enterprise-hover': 'var(--color-dark-blue-100)',
69
69
  '--color-background-active-subtle-enterprise-pressed': 'var(--color-dark-blue-200)',
70
- '--color-background-active-subtle-website': 'var(--color-dark-orange-050)',
71
- '--color-background-active-subtle-website-hover': 'var(--color-dark-orange-100)',
72
- '--color-background-active-subtle-website-pressed': 'var(--color-dark-orange-200)',
70
+ '--color-background-active-subtle-website': 'var(--color-dark-purple-050)',
71
+ '--color-background-active-subtle-website-hover': 'var(--color-dark-purple-100)',
72
+ '--color-background-active-subtle-website-pressed': 'var(--color-dark-purple-200)',
73
73
  '--color-background-error': 'var(--color-dark-red-600-15)',
74
74
  '--color-background-error-hover': 'var(--color-dark-red-600-30)',
75
75
  '--color-background-error-pressed': 'var(--color-dark-red-600-40)',
@@ -101,25 +101,25 @@ export const tokens = {
101
101
  '--color-text-muted': 'var(--color-dark-grey-700)',
102
102
  '--color-text-muted-hover': 'var(--color-dark-grey-800)',
103
103
  '--color-text-muted-pressed': 'var(--color-dark-grey-900)',
104
- '--color-text-muted-subtle': 'var(--color-dark-grey-300)',
104
+ '--color-text-muted-subtle': 'var(--color-dark-grey-400)',
105
105
  '--color-text-active-ledger-live': 'var(--color-dark-purple-400)',
106
106
  '--color-text-active-enterprise': 'var(--color-dark-blue-500)',
107
- '--color-text-active-websites': 'var(--color-dark-orange-400)',
107
+ '--color-text-active-websites': 'var(--color-dark-purple-400)',
108
108
  '--color-text-interactive-ledger-live': 'var(--color-dark-purple-400)',
109
109
  '--color-text-interactive-ledger-live-hover': 'var(--color-dark-purple-500)',
110
110
  '--color-text-interactive-ledger-live-pressed': 'var(--color-dark-purple-600)',
111
111
  '--color-text-interactive-enterprise': 'var(--color-dark-blue-500)',
112
112
  '--color-text-interactive-enterprise-hover': 'var(--color-dark-blue-600)',
113
113
  '--color-text-interactive-enterprise-pressed': 'var(--color-dark-blue-700)',
114
- '--color-text-interactive-websites': 'var(--color-dark-orange-400)',
115
- '--color-text-interactive-websites-hover': 'var(--color-dark-orange-500)',
116
- '--color-text-interactive-websites-pressed': 'var(--color-dark-orange-600)',
117
- '--color-text-error': 'var(--color-dark-red-700)',
118
- '--color-text-warning': 'var(--color-dark-yellow-700)',
114
+ '--color-text-interactive-websites': 'var(--color-dark-purple-400)',
115
+ '--color-text-interactive-websites-hover': 'var(--color-dark-purple-500)',
116
+ '--color-text-interactive-websites-pressed': 'var(--color-dark-purple-600)',
117
+ '--color-text-error': 'var(--color-dark-red-600)',
118
+ '--color-text-warning': 'var(--color-dark-yellow-600)',
119
119
  '--color-text-success': 'var(--color-dark-green-600)',
120
120
  '--color-text-on-accent-ledger-live': 'var(--color-dark-grey-050)',
121
121
  '--color-text-on-accent-enterprise': 'var(--color-dark-grey-950)',
122
- '--color-text-on-accent-websites': 'var(--color-dark-grey-950)',
122
+ '--color-text-on-accent-websites': 'var(--color-dark-grey-050)',
123
123
  '--color-text-on-interactive': 'var(--color-dark-grey-050)',
124
124
  '--color-text-on-error-strong': 'var(--color-dark-grey-050)',
125
125
  '--color-text-on-warning-strong': 'var(--color-dark-grey-050)',
package/dist/lib/themes/css/ledger-live/theme.light-css.d.ts CHANGED
@@ -46,9 +46,9 @@ export declare const tokens: {
46
46
  readonly '--color-background-accent-enterprise': "var(--color-light-blue-600)";
47
47
  readonly '--color-background-accent-enterprise-hover': "var(--color-light-blue-700)";
48
48
  readonly '--color-background-accent-enterprise-pressed': "var(--color-light-blue-800)";
49
- readonly '--color-background-accent-websites': "var(--color-light-orange-600)";
50
- readonly '--color-background-accent-websites-hover': "var(--color-light-orange-700)";
51
- readonly '--color-background-accent-websites-pressed': "var(--color-light-orange-800)";
49
+ readonly '--color-background-accent-websites': "var(--color-light-purple-600)";
50
+ readonly '--color-background-accent-websites-hover': "var(--color-light-purple-700)";
51
+ readonly '--color-background-accent-websites-pressed': "var(--color-light-purple-800)";
52
52
  readonly '--color-background-interactive': "var(--color-light-grey-950)";
53
53
  readonly '--color-background-interactive-hover': "var(--color-light-grey-900)";
54
54
  readonly '--color-background-interactive-pressed': "var(--color-light-grey-800)";
@@ -58,27 +58,27 @@ export declare const tokens: {
58
58
  readonly '--color-background-active-enterprise': "var(--color-light-blue-600)";
59
59
  readonly '--color-background-active-enterprise-hover': "var(--color-light-blue-700)";
60
60
  readonly '--color-background-active-enterprise-pressed': "var(--color-light-blue-800)";
61
- readonly '--color-background-active-websites': "var(--color-light-orange-600)";
62
- readonly '--color-background-active-websites-hover': "var(--color-light-orange-700)";
63
- readonly '--color-background-active-websites-pressed': "var(--color-light-orange-800)";
61
+ readonly '--color-background-active-websites': "var(--color-light-purple-600)";
62
+ readonly '--color-background-active-websites-hover': "var(--color-light-purple-700)";
63
+ readonly '--color-background-active-websites-pressed': "var(--color-light-purple-800)";
64
64
  readonly '--color-background-active-subtle-ledger-live': "var(--color-light-purple-050)";
65
65
  readonly '--color-background-active-subtle-ledger-live-hover': "var(--color-light-purple-100)";
66
66
  readonly '--color-background-active-subtle-ledger-live-pressed': "var(--color-light-purple-200)";
67
67
  readonly '--color-background-active-subtle-enterprise': "var(--color-light-blue-050)";
68
68
  readonly '--color-background-active-subtle-enterprise-hover': "var(--color-light-blue-100)";
69
69
  readonly '--color-background-active-subtle-enterprise-pressed': "var(--color-light-blue-200)";
70
- readonly '--color-background-active-subtle-website': "var(--color-light-orange-050)";
71
- readonly '--color-background-active-subtle-website-hover': "var(--color-light-orange-100)";
72
- readonly '--color-background-active-subtle-website-pressed': "var(--color-light-orange-200)";
70
+ readonly '--color-background-active-subtle-website': "var(--color-light-purple-050)";
71
+ readonly '--color-background-active-subtle-website-hover': "var(--color-light-purple-100)";
72
+ readonly '--color-background-active-subtle-website-pressed': "var(--color-light-purple-200)";
73
73
  readonly '--color-background-error': "var(--color-light-red-600-10)";
74
74
  readonly '--color-background-error-hover': "var(--color-light-red-600-20)";
75
75
  readonly '--color-background-error-pressed': "var(--color-light-red-600-30)";
76
- readonly '--color-background-error-strong': "var(--color-light-red-600)";
76
+ readonly '--color-background-error-strong': "var(--color-light-red-700)";
77
77
  readonly '--color-background-error-transparent-0': "var(--color-light-red-600-0)";
78
78
  readonly '--color-background-warning': "var(--color-light-yellow-600-10)";
79
- readonly '--color-background-warning-strong': "var(--color-light-yellow-600)";
79
+ readonly '--color-background-warning-strong': "var(--color-light-yellow-700)";
80
80
  readonly '--color-background-success': "var(--color-light-green-600-10)";
81
- readonly '--color-background-success-strong': "var(--color-light-green-600)";
81
+ readonly '--color-background-success-strong': "var(--color-light-green-700)";
82
82
  readonly '--color-background-success-transparent-0': "var(--color-light-green-600-0)";
83
83
  readonly '--color-background-native': "#f7f7f7";
84
84
  readonly '--color-background-gradient-100': "var(--color-light-grey-050)";
@@ -101,25 +101,25 @@ export declare const tokens: {
101
101
  readonly '--color-text-muted': "var(--color-light-grey-700)";
102
102
  readonly '--color-text-muted-hover': "var(--color-light-grey-800)";
103
103
  readonly '--color-text-muted-pressed': "var(--color-light-grey-900)";
104
- readonly '--color-text-muted-subtle': "var(--color-light-grey-300)";
104
+ readonly '--color-text-muted-subtle': "var(--color-light-grey-400)";
105
105
  readonly '--color-text-active-ledger-live': "var(--color-light-purple-800)";
106
106
  readonly '--color-text-active-enterprise': "var(--color-light-blue-700)";
107
- readonly '--color-text-active-websites': "var(--color-light-orange-800)";
107
+ readonly '--color-text-active-websites': "var(--color-light-purple-800)";
108
108
  readonly '--color-text-interactive-ledger-live': "var(--color-light-purple-800)";
109
109
  readonly '--color-text-interactive-ledger-live-hover': "var(--color-light-purple-900)";
110
110
  readonly '--color-text-interactive-ledger-live-pressed': "var(--color-light-purple-950)";
111
111
  readonly '--color-text-interactive-enterprise': "var(--color-light-blue-700)";
112
112
  readonly '--color-text-interactive-enterprise-hover': "var(--color-light-blue-800)";
113
113
  readonly '--color-text-interactive-enterprise-pressed': "var(--color-light-blue-900)";
114
- readonly '--color-text-interactive-websites': "var(--color-light-orange-800)";
115
- readonly '--color-text-interactive-websites-hover': "var(--color-light-orange-900)";
116
- readonly '--color-text-interactive-websites-pressed': "var(--color-light-orange-950)";
114
+ readonly '--color-text-interactive-websites': "var(--color-light-purple-800)";
115
+ readonly '--color-text-interactive-websites-hover': "var(--color-light-purple-900)";
116
+ readonly '--color-text-interactive-websites-pressed': "var(--color-light-purple-950)";
117
117
  readonly '--color-text-error': "var(--color-light-red-700)";
118
118
  readonly '--color-text-warning': "var(--color-light-yellow-700)";
119
- readonly '--color-text-success': "var(--color-light-green-600)";
119
+ readonly '--color-text-success': "var(--color-light-green-700)";
120
120
  readonly '--color-text-on-accent-ledger-live': "var(--color-light-grey-950)";
121
121
  readonly '--color-text-on-accent-enterprise': "var(--color-light-grey-050)";
122
- readonly '--color-text-on-accent-websites': "var(--color-light-grey-050)";
122
+ readonly '--color-text-on-accent-websites': "var(--color-light-grey-950)";
123
123
  readonly '--color-text-on-interactive': "var(--color-light-grey-050)";
124
124
  readonly '--color-text-on-error-strong': "var(--color-light-grey-050)";
125
125
  readonly '--color-text-on-warning-strong': "var(--color-light-grey-950)";
@@ -146,18 +146,18 @@ export declare const tokens: {
146
146
  readonly '--color-border-active-enterprise': "var(--color-light-blue-600)";
147
147
  readonly '--color-border-active-enterprise-hover': "var(--color-light-blue-700)";
148
148
  readonly '--color-border-active-enterprise-pressed': "var(--color-light-blue-800)";
149
- readonly '--color-border-active-websites': "var(--color-light-orange-600)";
150
- readonly '--color-border-active-websites-hover': "var(--color-light-orange-700)";
151
- readonly '--color-border-active-websites-pressed': "var(--color-light-orange-800)";
149
+ readonly '--color-border-active-websites': "var(--color-light-purple-600)";
150
+ readonly '--color-border-active-websites-hover': "var(--color-light-purple-700)";
151
+ readonly '--color-border-active-websites-pressed': "var(--color-light-purple-800)";
152
152
  readonly '--color-border-focus-ledger-live': "var(--color-light-purple-800)";
153
153
  readonly '--color-border-focus-enterprise': "var(--color-light-blue-800)";
154
154
  readonly '--color-border-focus-websites': "var(--color-light-orange-800)";
155
- readonly '--color-border-error': "var(--color-light-red-600)";
156
- readonly '--color-border-error-hover': "var(--color-light-red-700)";
157
- readonly '--color-border-error-pressed': "var(--color-light-red-800)";
155
+ readonly '--color-border-error': "var(--color-light-red-700)";
156
+ readonly '--color-border-error-hover': "var(--color-light-red-800)";
157
+ readonly '--color-border-error-pressed': "var(--color-light-red-900)";
158
158
  readonly '--color-border-error-transparent': "var(--color-light-red-600-50)";
159
- readonly '--color-border-warning': "var(--color-light-yellow-600)";
160
- readonly '--color-border-success': "var(--color-light-green-600)";
159
+ readonly '--color-border-warning': "var(--color-light-yellow-700)";
160
+ readonly '--color-border-success': "var(--color-light-green-700)";
161
161
  readonly '--color-border-success-transparent': "var(--color-light-green-600-50)";
162
162
  readonly '--color-border-icon': "var(--color-light-grey-950-5)";
163
163
  readonly '--color-crypto-aion': "var(--color-light-crypto-aion)";
package/dist/lib/themes/css/ledger-live/theme.light-css.js CHANGED
@@ -46,9 +46,9 @@ export const tokens = {
46
46
  '--color-background-accent-enterprise': 'var(--color-light-blue-600)',
47
47
  '--color-background-accent-enterprise-hover': 'var(--color-light-blue-700)',
48
48
  '--color-background-accent-enterprise-pressed': 'var(--color-light-blue-800)',
49
- '--color-background-accent-websites': 'var(--color-light-orange-600)',
50
- '--color-background-accent-websites-hover': 'var(--color-light-orange-700)',
51
- '--color-background-accent-websites-pressed': 'var(--color-light-orange-800)',
49
+ '--color-background-accent-websites': 'var(--color-light-purple-600)',
50
+ '--color-background-accent-websites-hover': 'var(--color-light-purple-700)',
51
+ '--color-background-accent-websites-pressed': 'var(--color-light-purple-800)',
52
52
  '--color-background-interactive': 'var(--color-light-grey-950)',
53
53
  '--color-background-interactive-hover': 'var(--color-light-grey-900)',
54
54
  '--color-background-interactive-pressed': 'var(--color-light-grey-800)',
@@ -58,27 +58,27 @@ export const tokens = {
58
58
  '--color-background-active-enterprise': 'var(--color-light-blue-600)',
59
59
  '--color-background-active-enterprise-hover': 'var(--color-light-blue-700)',
60
60
  '--color-background-active-enterprise-pressed': 'var(--color-light-blue-800)',
61
- '--color-background-active-websites': 'var(--color-light-orange-600)',
62
- '--color-background-active-websites-hover': 'var(--color-light-orange-700)',
63
- '--color-background-active-websites-pressed': 'var(--color-light-orange-800)',
61
+ '--color-background-active-websites': 'var(--color-light-purple-600)',
62
+ '--color-background-active-websites-hover': 'var(--color-light-purple-700)',
63
+ '--color-background-active-websites-pressed': 'var(--color-light-purple-800)',
64
64
  '--color-background-active-subtle-ledger-live': 'var(--color-light-purple-050)',
65
65
  '--color-background-active-subtle-ledger-live-hover': 'var(--color-light-purple-100)',
66
66
  '--color-background-active-subtle-ledger-live-pressed': 'var(--color-light-purple-200)',
67
67
  '--color-background-active-subtle-enterprise': 'var(--color-light-blue-050)',
68
68
  '--color-background-active-subtle-enterprise-hover': 'var(--color-light-blue-100)',
69
69
  '--color-background-active-subtle-enterprise-pressed': 'var(--color-light-blue-200)',
70
- '--color-background-active-subtle-website': 'var(--color-light-orange-050)',
71
- '--color-background-active-subtle-website-hover': 'var(--color-light-orange-100)',
72
- '--color-background-active-subtle-website-pressed': 'var(--color-light-orange-200)',
70
+ '--color-background-active-subtle-website': 'var(--color-light-purple-050)',
71
+ '--color-background-active-subtle-website-hover': 'var(--color-light-purple-100)',
72
+ '--color-background-active-subtle-website-pressed': 'var(--color-light-purple-200)',
73
73
  '--color-background-error': 'var(--color-light-red-600-10)',
74
74
  '--color-background-error-hover': 'var(--color-light-red-600-20)',
75
75
  '--color-background-error-pressed': 'var(--color-light-red-600-30)',
76
- '--color-background-error-strong': 'var(--color-light-red-600)',
76
+ '--color-background-error-strong': 'var(--color-light-red-700)',
77
77
  '--color-background-error-transparent-0': 'var(--color-light-red-600-0)',
78
78
  '--color-background-warning': 'var(--color-light-yellow-600-10)',
79
- '--color-background-warning-strong': 'var(--color-light-yellow-600)',
79
+ '--color-background-warning-strong': 'var(--color-light-yellow-700)',
80
80
  '--color-background-success': 'var(--color-light-green-600-10)',
81
- '--color-background-success-strong': 'var(--color-light-green-600)',
81
+ '--color-background-success-strong': 'var(--color-light-green-700)',
82
82
  '--color-background-success-transparent-0': 'var(--color-light-green-600-0)',
83
83
  '--color-background-native': '#f7f7f7',
84
84
  '--color-background-gradient-100': 'var(--color-light-grey-050)',
@@ -101,25 +101,25 @@ export const tokens = {
101
101
  '--color-text-muted': 'var(--color-light-grey-700)',
102
102
  '--color-text-muted-hover': 'var(--color-light-grey-800)',
103
103
  '--color-text-muted-pressed': 'var(--color-light-grey-900)',
104
- '--color-text-muted-subtle': 'var(--color-light-grey-300)',
104
+ '--color-text-muted-subtle': 'var(--color-light-grey-400)',
105
105
  '--color-text-active-ledger-live': 'var(--color-light-purple-800)',
106
106
  '--color-text-active-enterprise': 'var(--color-light-blue-700)',
107
- '--color-text-active-websites': 'var(--color-light-orange-800)',
107
+ '--color-text-active-websites': 'var(--color-light-purple-800)',
108
108
  '--color-text-interactive-ledger-live': 'var(--color-light-purple-800)',
109
109
  '--color-text-interactive-ledger-live-hover': 'var(--color-light-purple-900)',
110
110
  '--color-text-interactive-ledger-live-pressed': 'var(--color-light-purple-950)',
111
111
  '--color-text-interactive-enterprise': 'var(--color-light-blue-700)',
112
112
  '--color-text-interactive-enterprise-hover': 'var(--color-light-blue-800)',
113
113
  '--color-text-interactive-enterprise-pressed': 'var(--color-light-blue-900)',
114
- '--color-text-interactive-websites': 'var(--color-light-orange-800)',
115
- '--color-text-interactive-websites-hover': 'var(--color-light-orange-900)',
116
- '--color-text-interactive-websites-pressed': 'var(--color-light-orange-950)',
114
+ '--color-text-interactive-websites': 'var(--color-light-purple-800)',
115
+ '--color-text-interactive-websites-hover': 'var(--color-light-purple-900)',
116
+ '--color-text-interactive-websites-pressed': 'var(--color-light-purple-950)',
117
117
  '--color-text-error': 'var(--color-light-red-700)',
118
118
  '--color-text-warning': 'var(--color-light-yellow-700)',
119
- '--color-text-success': 'var(--color-light-green-600)',
119
+ '--color-text-success': 'var(--color-light-green-700)',
120
120
  '--color-text-on-accent-ledger-live': 'var(--color-light-grey-950)',
121
121
  '--color-text-on-accent-enterprise': 'var(--color-light-grey-050)',
122
- '--color-text-on-accent-websites': 'var(--color-light-grey-050)',
122
+ '--color-text-on-accent-websites': 'var(--color-light-grey-950)',
123
123
  '--color-text-on-interactive': 'var(--color-light-grey-050)',
124
124
  '--color-text-on-error-strong': 'var(--color-light-grey-050)',
125
125
  '--color-text-on-warning-strong': 'var(--color-light-grey-950)',
@@ -146,18 +146,18 @@ export const tokens = {
146
146
  '--color-border-active-enterprise': 'var(--color-light-blue-600)',
147
147
  '--color-border-active-enterprise-hover': 'var(--color-light-blue-700)',
148
148
  '--color-border-active-enterprise-pressed': 'var(--color-light-blue-800)',
149
- '--color-border-active-websites': 'var(--color-light-orange-600)',
150
- '--color-border-active-websites-hover': 'var(--color-light-orange-700)',
151
- '--color-border-active-websites-pressed': 'var(--color-light-orange-800)',
149
+ '--color-border-active-websites': 'var(--color-light-purple-600)',
150
+ '--color-border-active-websites-hover': 'var(--color-light-purple-700)',
151
+ '--color-border-active-websites-pressed': 'var(--color-light-purple-800)',
152
152
  '--color-border-focus-ledger-live': 'var(--color-light-purple-800)',
153
153
  '--color-border-focus-enterprise': 'var(--color-light-blue-800)',
154
154
  '--color-border-focus-websites': 'var(--color-light-orange-800)',
155
- '--color-border-error': 'var(--color-light-red-600)',
156
- '--color-border-error-hover': 'var(--color-light-red-700)',
157
- '--color-border-error-pressed': 'var(--color-light-red-800)',
155
+ '--color-border-error': 'var(--color-light-red-700)',
156
+ '--color-border-error-hover': 'var(--color-light-red-800)',
157
+ '--color-border-error-pressed': 'var(--color-light-red-900)',
158
158
  '--color-border-error-transparent': 'var(--color-light-red-600-50)',
159
- '--color-border-warning': 'var(--color-light-yellow-600)',
160
- '--color-border-success': 'var(--color-light-green-600)',
159
+ '--color-border-warning': 'var(--color-light-yellow-700)',
160
+ '--color-border-success': 'var(--color-light-green-700)',
161
161
  '--color-border-success-transparent': 'var(--color-light-green-600-50)',
162
162
  '--color-border-icon': 'var(--color-light-grey-950-5)',
163
163
  '--color-crypto-aion': 'var(--color-light-crypto-aion)',
package/dist/lib/themes/css/primitives-css.d.ts CHANGED
@@ -103,7 +103,7 @@ export declare const tokens: {
103
103
  readonly '--color-light-yellow-400': "#ffbd42";
104
104
  readonly '--color-light-yellow-500': "#efa22f";
105
105
  readonly '--color-light-yellow-600': "#d38b20";
106
- readonly '--color-light-yellow-700': "#ae731a";
106
+ readonly '--color-light-yellow-700': "#9b6109";
107
107
  readonly '--color-light-yellow-800': "#885a14";
108
108
  readonly '--color-light-yellow-900': "#63420f";
109
109
  readonly '--color-light-yellow-950': "#3e2909";
package/dist/lib/themes/css/primitives-css.js CHANGED
@@ -103,7 +103,7 @@ export const tokens = {
103
103
  '--color-light-yellow-400': '#ffbd42',
104
104
  '--color-light-yellow-500': '#efa22f',
105
105
  '--color-light-yellow-600': '#d38b20',
106
- '--color-light-yellow-700': '#ae731a',
106
+ '--color-light-yellow-700': '#9b6109',
107
107
  '--color-light-yellow-800': '#885a14',
108
108
  '--color-light-yellow-900': '#63420f',
109
109
  '--color-light-yellow-950': '#3e2909',
package/dist/lib/themes/css/websites/theme.dark-css.d.ts CHANGED
@@ -46,9 +46,9 @@ export declare const tokens: {
46
46
  readonly '--color-background-accent-enterprise': "var(--color-dark-blue-400)";
47
47
  readonly '--color-background-accent-enterprise-hover': "var(--color-dark-blue-500)";
48
48
  readonly '--color-background-accent-enterprise-pressed': "var(--color-dark-blue-600)";
49
- readonly '--color-background-accent-websites': "var(--color-dark-orange-400)";
50
- readonly '--color-background-accent-websites-hover': "var(--color-dark-orange-500)";
51
- readonly '--color-background-accent-websites-pressed': "var(--color-dark-orange-600)";
49
+ readonly '--color-background-accent-websites': "var(--color-dark-purple-400)";
50
+ readonly '--color-background-accent-websites-hover': "var(--color-dark-purple-500)";
51
+ readonly '--color-background-accent-websites-pressed': "var(--color-dark-purple-600)";
52
52
  readonly '--color-background-interactive': "var(--color-dark-grey-950)";
53
53
  readonly '--color-background-interactive-hover': "var(--color-dark-grey-900)";
54
54
  readonly '--color-background-interactive-pressed': "var(--color-dark-grey-800)";
@@ -58,18 +58,18 @@ export declare const tokens: {
58
58
  readonly '--color-background-active-enterprise': "var(--color-dark-blue-400)";
59
59
  readonly '--color-background-active-enterprise-hover': "var(--color-dark-blue-500)";
60
60
  readonly '--color-background-active-enterprise-pressed': "var(--color-dark-blue-600)";
61
- readonly '--color-background-active-websites': "var(--color-dark-orange-400)";
62
- readonly '--color-background-active-websites-hover': "var(--color-dark-orange-500)";
63
- readonly '--color-background-active-websites-pressed': "var(--color-dark-orange-600)";
61
+ readonly '--color-background-active-websites': "var(--color-dark-purple-400)";
62
+ readonly '--color-background-active-websites-hover': "var(--color-dark-purple-500)";
63
+ readonly '--color-background-active-websites-pressed': "var(--color-dark-purple-600)";
64
64
  readonly '--color-background-active-subtle-ledger-live': "var(--color-dark-purple-050)";
65
65
  readonly '--color-background-active-subtle-ledger-live-hover': "var(--color-dark-purple-100)";
66
66
  readonly '--color-background-active-subtle-ledger-live-pressed': "var(--color-dark-purple-200)";
67
67
  readonly '--color-background-active-subtle-enterprise': "var(--color-dark-blue-050)";
68
68
  readonly '--color-background-active-subtle-enterprise-hover': "var(--color-dark-blue-100)";
69
69
  readonly '--color-background-active-subtle-enterprise-pressed': "var(--color-dark-blue-200)";
70
- readonly '--color-background-active-subtle-website': "var(--color-dark-orange-050)";
71
- readonly '--color-background-active-subtle-website-hover': "var(--color-dark-orange-100)";
72
- readonly '--color-background-active-subtle-website-pressed': "var(--color-dark-orange-200)";
70
+ readonly '--color-background-active-subtle-website': "var(--color-dark-purple-050)";
71
+ readonly '--color-background-active-subtle-website-hover': "var(--color-dark-purple-100)";
72
+ readonly '--color-background-active-subtle-website-pressed': "var(--color-dark-purple-200)";
73
73
  readonly '--color-background-error': "var(--color-dark-red-600-15)";
74
74
  readonly '--color-background-error-hover': "var(--color-dark-red-600-30)";
75
75
  readonly '--color-background-error-pressed': "var(--color-dark-red-600-40)";
@@ -101,25 +101,25 @@ export declare const tokens: {
101
101
  readonly '--color-text-muted': "var(--color-dark-grey-700)";
102
102
  readonly '--color-text-muted-hover': "var(--color-dark-grey-800)";
103
103
  readonly '--color-text-muted-pressed': "var(--color-dark-grey-900)";
104
- readonly '--color-text-muted-subtle': "var(--color-dark-grey-300)";
104
+ readonly '--color-text-muted-subtle': "var(--color-dark-grey-400)";
105
105
  readonly '--color-text-active-ledger-live': "var(--color-dark-purple-400)";
106
106
  readonly '--color-text-active-enterprise': "var(--color-dark-blue-500)";
107
- readonly '--color-text-active-websites': "var(--color-dark-orange-400)";
107
+ readonly '--color-text-active-websites': "var(--color-dark-purple-400)";
108
108
  readonly '--color-text-interactive-ledger-live': "var(--color-dark-purple-400)";
109
109
  readonly '--color-text-interactive-ledger-live-hover': "var(--color-dark-purple-500)";
110
110
  readonly '--color-text-interactive-ledger-live-pressed': "var(--color-dark-purple-600)";
111
111
  readonly '--color-text-interactive-enterprise': "var(--color-dark-blue-500)";
112
112
  readonly '--color-text-interactive-enterprise-hover': "var(--color-dark-blue-600)";
113
113
  readonly '--color-text-interactive-enterprise-pressed': "var(--color-dark-blue-700)";
114
- readonly '--color-text-interactive-websites': "var(--color-dark-orange-400)";
115
- readonly '--color-text-interactive-websites-hover': "var(--color-dark-orange-500)";
116
- readonly '--color-text-interactive-websites-pressed': "var(--color-dark-orange-600)";
117
- readonly '--color-text-error': "var(--color-dark-red-700)";
118
- readonly '--color-text-warning': "var(--color-dark-yellow-700)";
114
+ readonly '--color-text-interactive-websites': "var(--color-dark-purple-400)";
115
+ readonly '--color-text-interactive-websites-hover': "var(--color-dark-purple-500)";
116
+ readonly '--color-text-interactive-websites-pressed': "var(--color-dark-purple-600)";
117
+ readonly '--color-text-error': "var(--color-dark-red-600)";
118
+ readonly '--color-text-warning': "var(--color-dark-yellow-600)";
119
119
  readonly '--color-text-success': "var(--color-dark-green-600)";
120
120
  readonly '--color-text-on-accent-ledger-live': "var(--color-dark-grey-050)";
121
121
  readonly '--color-text-on-accent-enterprise': "var(--color-dark-grey-950)";
122
- readonly '--color-text-on-accent-websites': "var(--color-dark-grey-950)";
122
+ readonly '--color-text-on-accent-websites': "var(--color-dark-grey-050)";
123
123
  readonly '--color-text-on-interactive': "var(--color-dark-grey-050)";
124
124
  readonly '--color-text-on-error-strong': "var(--color-dark-grey-050)";
125
125
  readonly '--color-text-on-warning-strong': "var(--color-dark-grey-050)";
package/dist/lib/themes/css/websites/theme.dark-css.js CHANGED
@@ -46,9 +46,9 @@ export const tokens = {
46
46
  '--color-background-accent-enterprise': 'var(--color-dark-blue-400)',
47
47
  '--color-background-accent-enterprise-hover': 'var(--color-dark-blue-500)',
48
48
  '--color-background-accent-enterprise-pressed': 'var(--color-dark-blue-600)',
49
- '--color-background-accent-websites': 'var(--color-dark-orange-400)',
50
- '--color-background-accent-websites-hover': 'var(--color-dark-orange-500)',
51
- '--color-background-accent-websites-pressed': 'var(--color-dark-orange-600)',
49
+ '--color-background-accent-websites': 'var(--color-dark-purple-400)',
50
+ '--color-background-accent-websites-hover': 'var(--color-dark-purple-500)',
51
+ '--color-background-accent-websites-pressed': 'var(--color-dark-purple-600)',
52
52
  '--color-background-interactive': 'var(--color-dark-grey-950)',
53
53
  '--color-background-interactive-hover': 'var(--color-dark-grey-900)',
54
54
  '--color-background-interactive-pressed': 'var(--color-dark-grey-800)',
@@ -58,18 +58,18 @@ export const tokens = {
58
58
  '--color-background-active-enterprise': 'var(--color-dark-blue-400)',
59
59
  '--color-background-active-enterprise-hover': 'var(--color-dark-blue-500)',
60
60
  '--color-background-active-enterprise-pressed': 'var(--color-dark-blue-600)',
61
- '--color-background-active-websites': 'var(--color-dark-orange-400)',
62
- '--color-background-active-websites-hover': 'var(--color-dark-orange-500)',
63
- '--color-background-active-websites-pressed': 'var(--color-dark-orange-600)',
61
+ '--color-background-active-websites': 'var(--color-dark-purple-400)',
62
+ '--color-background-active-websites-hover': 'var(--color-dark-purple-500)',
63
+ '--color-background-active-websites-pressed': 'var(--color-dark-purple-600)',
64
64
  '--color-background-active-subtle-ledger-live': 'var(--color-dark-purple-050)',
65
65
  '--color-background-active-subtle-ledger-live-hover': 'var(--color-dark-purple-100)',
66
66
  '--color-background-active-subtle-ledger-live-pressed': 'var(--color-dark-purple-200)',
67
67
  '--color-background-active-subtle-enterprise': 'var(--color-dark-blue-050)',
68
68
  '--color-background-active-subtle-enterprise-hover': 'var(--color-dark-blue-100)',
69
69
  '--color-background-active-subtle-enterprise-pressed': 'var(--color-dark-blue-200)',
70
- '--color-background-active-subtle-website': 'var(--color-dark-orange-050)',
71
- '--color-background-active-subtle-website-hover': 'var(--color-dark-orange-100)',
72
- '--color-background-active-subtle-website-pressed': 'var(--color-dark-orange-200)',
70
+ '--color-background-active-subtle-website': 'var(--color-dark-purple-050)',
71
+ '--color-background-active-subtle-website-hover': 'var(--color-dark-purple-100)',
72
+ '--color-background-active-subtle-website-pressed': 'var(--color-dark-purple-200)',
73
73
  '--color-background-error': 'var(--color-dark-red-600-15)',
74
74
  '--color-background-error-hover': 'var(--color-dark-red-600-30)',
75
75
  '--color-background-error-pressed': 'var(--color-dark-red-600-40)',
@@ -101,25 +101,25 @@ export const tokens = {
101
101
  '--color-text-muted': 'var(--color-dark-grey-700)',
102
102
  '--color-text-muted-hover': 'var(--color-dark-grey-800)',
103
103
  '--color-text-muted-pressed': 'var(--color-dark-grey-900)',
104
- '--color-text-muted-subtle': 'var(--color-dark-grey-300)',
104
+ '--color-text-muted-subtle': 'var(--color-dark-grey-400)',
105
105
  '--color-text-active-ledger-live': 'var(--color-dark-purple-400)',
106
106
  '--color-text-active-enterprise': 'var(--color-dark-blue-500)',
107
- '--color-text-active-websites': 'var(--color-dark-orange-400)',
107
+ '--color-text-active-websites': 'var(--color-dark-purple-400)',
108
108
  '--color-text-interactive-ledger-live': 'var(--color-dark-purple-400)',
109
109
  '--color-text-interactive-ledger-live-hover': 'var(--color-dark-purple-500)',
110
110
  '--color-text-interactive-ledger-live-pressed': 'var(--color-dark-purple-600)',
111
111
  '--color-text-interactive-enterprise': 'var(--color-dark-blue-500)',
112
112
  '--color-text-interactive-enterprise-hover': 'var(--color-dark-blue-600)',
113
113
  '--color-text-interactive-enterprise-pressed': 'var(--color-dark-blue-700)',
114
- '--color-text-interactive-websites': 'var(--color-dark-orange-400)',
115
- '--color-text-interactive-websites-hover': 'var(--color-dark-orange-500)',
116
- '--color-text-interactive-websites-pressed': 'var(--color-dark-orange-600)',
117
- '--color-text-error': 'var(--color-dark-red-700)',
118
- '--color-text-warning': 'var(--color-dark-yellow-700)',
114
+ '--color-text-interactive-websites': 'var(--color-dark-purple-400)',
115
+ '--color-text-interactive-websites-hover': 'var(--color-dark-purple-500)',
116
+ '--color-text-interactive-websites-pressed': 'var(--color-dark-purple-600)',
117
+ '--color-text-error': 'var(--color-dark-red-600)',
118
+ '--color-text-warning': 'var(--color-dark-yellow-600)',
119
119
  '--color-text-success': 'var(--color-dark-green-600)',
120
120
  '--color-text-on-accent-ledger-live': 'var(--color-dark-grey-050)',
121
121
  '--color-text-on-accent-enterprise': 'var(--color-dark-grey-950)',
122
- '--color-text-on-accent-websites': 'var(--color-dark-grey-950)',
122
+ '--color-text-on-accent-websites': 'var(--color-dark-grey-050)',
123
123
  '--color-text-on-interactive': 'var(--color-dark-grey-050)',
124
124
  '--color-text-on-error-strong': 'var(--color-dark-grey-050)',
125
125
  '--color-text-on-warning-strong': 'var(--color-dark-grey-050)',