@ledgerhq/lumen-design-core 0.1.15 → 0.1.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/themes/css/enterprise/theme.dark-css.d.ts +18 -18
- package/dist/lib/themes/css/enterprise/theme.dark-css.js +18 -18
- package/dist/lib/themes/css/enterprise/theme.light-css.d.ts +28 -28
- package/dist/lib/themes/css/enterprise/theme.light-css.js +28 -28
- package/dist/lib/themes/css/index.d.ts +281 -277
- package/dist/lib/themes/css/index.d.ts.map +1 -1
- package/dist/lib/themes/css/ledger-live/theme.dark-css.d.ts +18 -18
- package/dist/lib/themes/css/ledger-live/theme.dark-css.js +18 -18
- package/dist/lib/themes/css/ledger-live/theme.light-css.d.ts +28 -28
- package/dist/lib/themes/css/ledger-live/theme.light-css.js +28 -28
- package/dist/lib/themes/css/primitives-css.d.ts +5 -1
- package/dist/lib/themes/css/primitives-css.d.ts.map +1 -1
- package/dist/lib/themes/css/primitives-css.js +5 -1
- package/dist/lib/themes/css/websites/theme.dark-css.d.ts +18 -18
- package/dist/lib/themes/css/websites/theme.dark-css.js +18 -18
- package/dist/lib/themes/css/websites/theme.light-css.d.ts +28 -28
- package/dist/lib/themes/css/websites/theme.light-css.js +28 -28
- package/dist/lib/themes/js/enterprise/theme.d.ts +46 -26
- package/dist/lib/themes/js/enterprise/theme.d.ts.map +1 -1
- package/dist/lib/themes/js/enterprise/theme.dark.d.ts +3 -3
- package/dist/lib/themes/js/enterprise/theme.dark.js +3 -3
- package/dist/lib/themes/js/enterprise/theme.light.d.ts +10 -10
- package/dist/lib/themes/js/enterprise/theme.light.js +10 -10
- package/dist/lib/themes/js/ledger-live/theme.d.ts +46 -26
- package/dist/lib/themes/js/ledger-live/theme.d.ts.map +1 -1
- package/dist/lib/themes/js/ledger-live/theme.dark.d.ts +3 -3
- package/dist/lib/themes/js/ledger-live/theme.dark.js +3 -3
- package/dist/lib/themes/js/ledger-live/theme.light.d.ts +10 -10
- package/dist/lib/themes/js/ledger-live/theme.light.js +10 -10
- package/dist/lib/themes/js/primitives/primitives.others.d.ts +4 -0
- package/dist/lib/themes/js/primitives/primitives.others.d.ts.map +1 -1
- package/dist/lib/themes/js/primitives/primitives.others.js +4 -0
- package/dist/lib/themes/js/websites/theme.d.ts +108 -88
- package/dist/lib/themes/js/websites/theme.d.ts.map +1 -1
- package/dist/lib/themes/js/websites/theme.dark.d.ts +17 -17
- package/dist/lib/themes/js/websites/theme.dark.js +17 -17
- package/dist/lib/themes/js/websites/theme.light.d.ts +27 -27
- package/dist/lib/themes/js/websites/theme.light.js +27 -27
- package/package.json +1 -1
- package/symbols/icons/downloadData.json +1 -1
- package/symbols/icons/lightbulb.svg +2 -2
|
@@ -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-
|
|
50
|
-
readonly '--color-background-accent-websites-hover': "var(--color-dark-
|
|
51
|
-
readonly '--color-background-accent-websites-pressed': "var(--color-dark-
|
|
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-
|
|
62
|
-
readonly '--color-background-active-websites-hover': "var(--color-dark-
|
|
63
|
-
readonly '--color-background-active-websites-pressed': "var(--color-dark-
|
|
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-
|
|
71
|
-
readonly '--color-background-active-subtle-website-hover': "var(--color-dark-
|
|
72
|
-
readonly '--color-background-active-subtle-website-pressed': "var(--color-dark-
|
|
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)";
|
|
@@ -104,22 +104,22 @@ export declare const tokens: {
|
|
|
104
104
|
readonly '--color-text-muted-subtle': "var(--color-dark-grey-300)";
|
|
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-
|
|
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-
|
|
115
|
-
readonly '--color-text-interactive-websites-hover': "var(--color-dark-
|
|
116
|
-
readonly '--color-text-interactive-websites-pressed': "var(--color-dark-
|
|
117
|
-
readonly '--color-text-error': "var(--color-dark-red-
|
|
118
|
-
readonly '--color-text-warning': "var(--color-dark-yellow-
|
|
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-
|
|
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)";
|
|
@@ -130,12 +130,12 @@ export declare const tokens: {
|
|
|
130
130
|
readonly '--color-border-base': "var(--color-dark-grey-950)";
|
|
131
131
|
readonly '--color-border-base-hover': "var(--color-dark-grey-900)";
|
|
132
132
|
readonly '--color-border-base-pressed': "var(--color-dark-grey-800)";
|
|
133
|
+
readonly '--color-border-base-transparent-0': "var(--color-dark-grey-950-0)";
|
|
133
134
|
readonly '--color-border-base-inverted': "var(--color-dark-grey-050)";
|
|
134
135
|
readonly '--color-border-disabled': "var(--color-dark-grey-300)";
|
|
135
136
|
readonly '--color-border-muted': "var(--color-dark-grey-500)";
|
|
136
137
|
readonly '--color-border-muted-hover': "var(--color-dark-grey-600)";
|
|
137
138
|
readonly '--color-border-muted-pressed': "var(--color-dark-grey-700)";
|
|
138
|
-
readonly '--color-border-muted-transparent-0': "var(--color-dark-grey-500-0)";
|
|
139
139
|
readonly '--color-border-muted-subtle': "var(--color-dark-grey-300)";
|
|
140
140
|
readonly '--color-border-muted-subtle-hover': "var(--color-dark-grey-400)";
|
|
141
141
|
readonly '--color-border-muted-subtle-pressed': "var(--color-dark-grey-500)";
|
|
@@ -420,11 +420,11 @@ export declare const tokens: {
|
|
|
420
420
|
readonly '--border-base': "var(--color-border-base)";
|
|
421
421
|
readonly '--border-base-hover': "var(--color-border-base-hover)";
|
|
422
422
|
readonly '--border-base-pressed': "var(--color-border-base-pressed)";
|
|
423
|
+
readonly '--border-base-transparent-0': "var(--color-border-base-transparent-0)";
|
|
423
424
|
readonly '--border-base-inverted': "var(--color-border-base-inverted)";
|
|
424
425
|
readonly '--border-muted': "var(--color-border-muted)";
|
|
425
426
|
readonly '--border-muted-hover': "var(--color-border-muted-hover)";
|
|
426
427
|
readonly '--border-muted-pressed': "var(--color-border-muted-pressed)";
|
|
427
|
-
readonly '--border-muted-transparent-0': "var(--color-border-muted-transparent-0)";
|
|
428
428
|
readonly '--border-muted-subtle': "var(--color-border-muted-subtle)";
|
|
429
429
|
readonly '--border-muted-subtle-hover': "var(--color-border-muted-subtle-hover)";
|
|
430
430
|
readonly '--border-muted-subtle-pressed': "var(--color-border-muted-subtle-pressed)";
|
|
@@ -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-
|
|
50
|
-
'--color-background-accent-websites-hover': 'var(--color-dark-
|
|
51
|
-
'--color-background-accent-websites-pressed': 'var(--color-dark-
|
|
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-
|
|
62
|
-
'--color-background-active-websites-hover': 'var(--color-dark-
|
|
63
|
-
'--color-background-active-websites-pressed': 'var(--color-dark-
|
|
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-
|
|
71
|
-
'--color-background-active-subtle-website-hover': 'var(--color-dark-
|
|
72
|
-
'--color-background-active-subtle-website-pressed': 'var(--color-dark-
|
|
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)',
|
|
@@ -104,22 +104,22 @@ export const tokens = {
|
|
|
104
104
|
'--color-text-muted-subtle': 'var(--color-dark-grey-300)',
|
|
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-
|
|
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-
|
|
115
|
-
'--color-text-interactive-websites-hover': 'var(--color-dark-
|
|
116
|
-
'--color-text-interactive-websites-pressed': 'var(--color-dark-
|
|
117
|
-
'--color-text-error': 'var(--color-dark-red-
|
|
118
|
-
'--color-text-warning': 'var(--color-dark-yellow-
|
|
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-
|
|
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)',
|
|
@@ -130,12 +130,12 @@ export const tokens = {
|
|
|
130
130
|
'--color-border-base': 'var(--color-dark-grey-950)',
|
|
131
131
|
'--color-border-base-hover': 'var(--color-dark-grey-900)',
|
|
132
132
|
'--color-border-base-pressed': 'var(--color-dark-grey-800)',
|
|
133
|
+
'--color-border-base-transparent-0': 'var(--color-dark-grey-950-0)',
|
|
133
134
|
'--color-border-base-inverted': 'var(--color-dark-grey-050)',
|
|
134
135
|
'--color-border-disabled': 'var(--color-dark-grey-300)',
|
|
135
136
|
'--color-border-muted': 'var(--color-dark-grey-500)',
|
|
136
137
|
'--color-border-muted-hover': 'var(--color-dark-grey-600)',
|
|
137
138
|
'--color-border-muted-pressed': 'var(--color-dark-grey-700)',
|
|
138
|
-
'--color-border-muted-transparent-0': 'var(--color-dark-grey-500-0)',
|
|
139
139
|
'--color-border-muted-subtle': 'var(--color-dark-grey-300)',
|
|
140
140
|
'--color-border-muted-subtle-hover': 'var(--color-dark-grey-400)',
|
|
141
141
|
'--color-border-muted-subtle-pressed': 'var(--color-dark-grey-500)',
|
|
@@ -420,11 +420,11 @@ export const tokens = {
|
|
|
420
420
|
'--border-base': 'var(--color-border-base)',
|
|
421
421
|
'--border-base-hover': 'var(--color-border-base-hover)',
|
|
422
422
|
'--border-base-pressed': 'var(--color-border-base-pressed)',
|
|
423
|
+
'--border-base-transparent-0': 'var(--color-border-base-transparent-0)',
|
|
423
424
|
'--border-base-inverted': 'var(--color-border-base-inverted)',
|
|
424
425
|
'--border-muted': 'var(--color-border-muted)',
|
|
425
426
|
'--border-muted-hover': 'var(--color-border-muted-hover)',
|
|
426
427
|
'--border-muted-pressed': 'var(--color-border-muted-pressed)',
|
|
427
|
-
'--border-muted-transparent-0': 'var(--color-border-muted-transparent-0)',
|
|
428
428
|
'--border-muted-subtle': 'var(--color-border-muted-subtle)',
|
|
429
429
|
'--border-muted-subtle-hover': 'var(--color-border-muted-subtle-hover)',
|
|
430
430
|
'--border-muted-subtle-pressed': 'var(--color-border-muted-subtle-pressed)',
|
|
@@ -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-
|
|
50
|
-
readonly '--color-background-accent-websites-hover': "var(--color-light-
|
|
51
|
-
readonly '--color-background-accent-websites-pressed': "var(--color-light-
|
|
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-
|
|
62
|
-
readonly '--color-background-active-websites-hover': "var(--color-light-
|
|
63
|
-
readonly '--color-background-active-websites-pressed': "var(--color-light-
|
|
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-
|
|
71
|
-
readonly '--color-background-active-subtle-website-hover': "var(--color-light-
|
|
72
|
-
readonly '--color-background-active-subtle-website-pressed': "var(--color-light-
|
|
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-
|
|
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-
|
|
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-
|
|
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)";
|
|
@@ -104,22 +104,22 @@ export declare const tokens: {
|
|
|
104
104
|
readonly '--color-text-muted-subtle': "var(--color-light-grey-300)";
|
|
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-
|
|
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-
|
|
115
|
-
readonly '--color-text-interactive-websites-hover': "var(--color-light-
|
|
116
|
-
readonly '--color-text-interactive-websites-pressed': "var(--color-light-
|
|
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-
|
|
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-
|
|
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)";
|
|
@@ -130,12 +130,12 @@ export declare const tokens: {
|
|
|
130
130
|
readonly '--color-border-base': "var(--color-light-grey-950)";
|
|
131
131
|
readonly '--color-border-base-hover': "var(--color-light-grey-900)";
|
|
132
132
|
readonly '--color-border-base-pressed': "var(--color-light-grey-800)";
|
|
133
|
+
readonly '--color-border-base-transparent-0': "var(--color-light-grey-950-0)";
|
|
133
134
|
readonly '--color-border-base-inverted': "var(--color-light-grey-050)";
|
|
134
135
|
readonly '--color-border-disabled': "var(--color-light-grey-300)";
|
|
135
136
|
readonly '--color-border-muted': "var(--color-light-grey-600)";
|
|
136
137
|
readonly '--color-border-muted-hover': "var(--color-light-grey-700)";
|
|
137
138
|
readonly '--color-border-muted-pressed': "var(--color-light-grey-800)";
|
|
138
|
-
readonly '--color-border-muted-transparent-0': "var(--color-light-grey-600-0)";
|
|
139
139
|
readonly '--color-border-muted-subtle': "var(--color-light-grey-300)";
|
|
140
140
|
readonly '--color-border-muted-subtle-hover': "var(--color-light-grey-400)";
|
|
141
141
|
readonly '--color-border-muted-subtle-pressed': "var(--color-light-grey-500)";
|
|
@@ -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-
|
|
150
|
-
readonly '--color-border-active-websites-hover': "var(--color-light-
|
|
151
|
-
readonly '--color-border-active-websites-pressed': "var(--color-light-
|
|
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-
|
|
156
|
-
readonly '--color-border-error-hover': "var(--color-light-red-
|
|
157
|
-
readonly '--color-border-error-pressed': "var(--color-light-red-
|
|
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-
|
|
160
|
-
readonly '--color-border-success': "var(--color-light-green-
|
|
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)";
|
|
@@ -420,11 +420,11 @@ export declare const tokens: {
|
|
|
420
420
|
readonly '--border-base': "var(--color-border-base)";
|
|
421
421
|
readonly '--border-base-hover': "var(--color-border-base-hover)";
|
|
422
422
|
readonly '--border-base-pressed': "var(--color-border-base-pressed)";
|
|
423
|
+
readonly '--border-base-transparent-0': "var(--color-border-base-transparent-0)";
|
|
423
424
|
readonly '--border-base-inverted': "var(--color-border-base-inverted)";
|
|
424
425
|
readonly '--border-muted': "var(--color-border-muted)";
|
|
425
426
|
readonly '--border-muted-hover': "var(--color-border-muted-hover)";
|
|
426
427
|
readonly '--border-muted-pressed': "var(--color-border-muted-pressed)";
|
|
427
|
-
readonly '--border-muted-transparent-0': "var(--color-border-muted-transparent-0)";
|
|
428
428
|
readonly '--border-muted-subtle': "var(--color-border-muted-subtle)";
|
|
429
429
|
readonly '--border-muted-subtle-hover': "var(--color-border-muted-subtle-hover)";
|
|
430
430
|
readonly '--border-muted-subtle-pressed': "var(--color-border-muted-subtle-pressed)";
|
|
@@ -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-
|
|
50
|
-
'--color-background-accent-websites-hover': 'var(--color-light-
|
|
51
|
-
'--color-background-accent-websites-pressed': 'var(--color-light-
|
|
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-
|
|
62
|
-
'--color-background-active-websites-hover': 'var(--color-light-
|
|
63
|
-
'--color-background-active-websites-pressed': 'var(--color-light-
|
|
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-
|
|
71
|
-
'--color-background-active-subtle-website-hover': 'var(--color-light-
|
|
72
|
-
'--color-background-active-subtle-website-pressed': 'var(--color-light-
|
|
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-
|
|
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-
|
|
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-
|
|
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)',
|
|
@@ -104,22 +104,22 @@ export const tokens = {
|
|
|
104
104
|
'--color-text-muted-subtle': 'var(--color-light-grey-300)',
|
|
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-
|
|
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-
|
|
115
|
-
'--color-text-interactive-websites-hover': 'var(--color-light-
|
|
116
|
-
'--color-text-interactive-websites-pressed': 'var(--color-light-
|
|
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-
|
|
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-
|
|
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)',
|
|
@@ -130,12 +130,12 @@ export const tokens = {
|
|
|
130
130
|
'--color-border-base': 'var(--color-light-grey-950)',
|
|
131
131
|
'--color-border-base-hover': 'var(--color-light-grey-900)',
|
|
132
132
|
'--color-border-base-pressed': 'var(--color-light-grey-800)',
|
|
133
|
+
'--color-border-base-transparent-0': 'var(--color-light-grey-950-0)',
|
|
133
134
|
'--color-border-base-inverted': 'var(--color-light-grey-050)',
|
|
134
135
|
'--color-border-disabled': 'var(--color-light-grey-300)',
|
|
135
136
|
'--color-border-muted': 'var(--color-light-grey-600)',
|
|
136
137
|
'--color-border-muted-hover': 'var(--color-light-grey-700)',
|
|
137
138
|
'--color-border-muted-pressed': 'var(--color-light-grey-800)',
|
|
138
|
-
'--color-border-muted-transparent-0': 'var(--color-light-grey-600-0)',
|
|
139
139
|
'--color-border-muted-subtle': 'var(--color-light-grey-300)',
|
|
140
140
|
'--color-border-muted-subtle-hover': 'var(--color-light-grey-400)',
|
|
141
141
|
'--color-border-muted-subtle-pressed': 'var(--color-light-grey-500)',
|
|
@@ -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-
|
|
150
|
-
'--color-border-active-websites-hover': 'var(--color-light-
|
|
151
|
-
'--color-border-active-websites-pressed': 'var(--color-light-
|
|
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-
|
|
156
|
-
'--color-border-error-hover': 'var(--color-light-red-
|
|
157
|
-
'--color-border-error-pressed': 'var(--color-light-red-
|
|
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-
|
|
160
|
-
'--color-border-success': 'var(--color-light-green-
|
|
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)',
|
|
@@ -420,11 +420,11 @@ export const tokens = {
|
|
|
420
420
|
'--border-base': 'var(--color-border-base)',
|
|
421
421
|
'--border-base-hover': 'var(--color-border-base-hover)',
|
|
422
422
|
'--border-base-pressed': 'var(--color-border-base-pressed)',
|
|
423
|
+
'--border-base-transparent-0': 'var(--color-border-base-transparent-0)',
|
|
423
424
|
'--border-base-inverted': 'var(--color-border-base-inverted)',
|
|
424
425
|
'--border-muted': 'var(--color-border-muted)',
|
|
425
426
|
'--border-muted-hover': 'var(--color-border-muted-hover)',
|
|
426
427
|
'--border-muted-pressed': 'var(--color-border-muted-pressed)',
|
|
427
|
-
'--border-muted-transparent-0': 'var(--color-border-muted-transparent-0)',
|
|
428
428
|
'--border-muted-subtle': 'var(--color-border-muted-subtle)',
|
|
429
429
|
'--border-muted-subtle-hover': 'var(--color-border-muted-subtle-hover)',
|
|
430
430
|
'--border-muted-subtle-pressed': 'var(--color-border-muted-subtle-pressed)',
|