@ledgerhq/lumen-design-core 0.0.38 → 0.0.40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/presets/allBrands.d.ts +2 -14
- package/dist/presets/allBrands.d.ts.map +1 -1
- package/dist/presets/allBrands.js +2 -0
- package/dist/presets/enterprise.d.ts +2 -14
- package/dist/presets/enterprise.d.ts.map +1 -1
- package/dist/presets/enterprise.js +2 -0
- package/dist/presets/ledger-live.d.ts +2 -14
- package/dist/presets/ledger-live.d.ts.map +1 -1
- package/dist/presets/ledger-live.js +2 -0
- package/dist/presets/websites.d.ts +2 -14
- package/dist/presets/websites.d.ts.map +1 -1
- package/dist/presets/websites.js +2 -0
- package/dist/themes/css/enterprise/theme.dark-css.d.ts.map +1 -1
- package/dist/themes/css/enterprise/theme.dark-css.js +9 -0
- package/dist/themes/css/enterprise/theme.light-css.d.ts.map +1 -1
- package/dist/themes/css/enterprise/theme.light-css.js +13 -4
- package/dist/themes/css/ledger-live/theme.dark-css.d.ts.map +1 -1
- package/dist/themes/css/ledger-live/theme.dark-css.js +4 -0
- package/dist/themes/css/ledger-live/theme.light-css.d.ts.map +1 -1
- package/dist/themes/css/ledger-live/theme.light-css.js +8 -4
- package/dist/themes/css/primitives-css.d.ts.map +1 -1
- package/dist/themes/css/primitives-css.js +168 -167
- package/dist/themes/css/typographies/typography.lg-css.d.ts.map +1 -1
- package/dist/themes/css/typographies/typography.lg-css.js +19 -14
- package/dist/themes/css/typographies/typography.md-css.d.ts.map +1 -1
- package/dist/themes/css/typographies/typography.md-css.js +19 -14
- package/dist/themes/css/typographies/typography.sm-css.d.ts.map +1 -1
- package/dist/themes/css/typographies/typography.sm-css.js +19 -14
- package/dist/themes/css/typographies/typography.xl-css.d.ts.map +1 -1
- package/dist/themes/css/typographies/typography.xl-css.js +19 -14
- package/dist/themes/css/websites/theme.dark-css.d.ts.map +1 -1
- package/dist/themes/css/websites/theme.dark-css.js +9 -0
- package/dist/themes/css/websites/theme.light-css.d.ts.map +1 -1
- package/dist/themes/css/websites/theme.light-css.js +13 -4
- package/dist/themes/js/enterprise/theme.d.ts +264 -88
- package/dist/themes/js/enterprise/theme.d.ts.map +1 -1
- package/dist/themes/js/enterprise/theme.dark.d.ts +8 -4
- package/dist/themes/js/enterprise/theme.dark.d.ts.map +1 -1
- package/dist/themes/js/enterprise/theme.dark.js +8 -4
- package/dist/themes/js/enterprise/theme.light.d.ts +4 -0
- package/dist/themes/js/enterprise/theme.light.d.ts.map +1 -1
- package/dist/themes/js/enterprise/theme.light.js +4 -0
- package/dist/themes/js/ledger-live/theme.d.ts +264 -88
- package/dist/themes/js/ledger-live/theme.d.ts.map +1 -1
- package/dist/themes/js/ledger-live/theme.dark.d.ts +8 -4
- package/dist/themes/js/ledger-live/theme.dark.d.ts.map +1 -1
- package/dist/themes/js/ledger-live/theme.dark.js +8 -4
- package/dist/themes/js/ledger-live/theme.light.d.ts +4 -0
- package/dist/themes/js/ledger-live/theme.light.d.ts.map +1 -1
- package/dist/themes/js/ledger-live/theme.light.js +4 -0
- package/dist/themes/js/types.d.ts +2 -0
- package/dist/themes/js/types.d.ts.map +1 -1
- package/dist/themes/js/typographies/index.d.ts +84 -28
- package/dist/themes/js/typographies/index.d.ts.map +1 -1
- package/dist/themes/js/typographies/typography.lg.d.ts +21 -7
- package/dist/themes/js/typographies/typography.lg.d.ts.map +1 -1
- package/dist/themes/js/typographies/typography.md.d.ts +21 -7
- package/dist/themes/js/typographies/typography.md.d.ts.map +1 -1
- package/dist/themes/js/typographies/typography.md.js +21 -7
- package/dist/themes/js/typographies/typography.sm.d.ts +24 -10
- package/dist/themes/js/typographies/typography.sm.d.ts.map +1 -1
- package/dist/themes/js/typographies/typography.sm.js +24 -10
- package/dist/themes/js/typographies/typography.xl.d.ts +21 -7
- package/dist/themes/js/typographies/typography.xl.d.ts.map +1 -1
- package/dist/themes/js/websites/theme.d.ts +264 -88
- package/dist/themes/js/websites/theme.d.ts.map +1 -1
- package/dist/themes/js/websites/theme.dark.d.ts +8 -4
- package/dist/themes/js/websites/theme.dark.d.ts.map +1 -1
- package/dist/themes/js/websites/theme.dark.js +8 -4
- package/dist/themes/js/websites/theme.light.d.ts +4 -0
- package/dist/themes/js/websites/theme.light.d.ts.map +1 -1
- package/dist/themes/js/websites/theme.light.js +4 -0
- package/dist/utils/createAnimationsPlugin.d.ts +4 -4
- package/dist/utils/createAnimationsPlugin.d.ts.map +1 -1
- package/dist/utils/createAnimationsPlugin.js +9 -83
- package/dist/utils/createCustomPlugin.d.ts +7 -16
- package/dist/utils/createCustomPlugin.d.ts.map +1 -1
- package/dist/utils/createCustomPlugin.js +17 -1
- package/dist/utils/createPrimitivesPlugin.d.ts +4 -4
- package/dist/utils/createPrimitivesPlugin.d.ts.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/themes/js/websites/theme.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,kBAAkB
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/themes/js/websites/theme.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIJ,CAAC;AAY5B,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAG1B,CAAC"}
|
|
@@ -173,6 +173,10 @@ export declare const websitesDarkColorTokens: {
|
|
|
173
173
|
readonly surface: "#151515";
|
|
174
174
|
readonly surfaceHover: "#1f1f1f";
|
|
175
175
|
readonly surfacePressed: "#3c3c3c";
|
|
176
|
+
readonly surfaceTransparent: "#ffffff0d";
|
|
177
|
+
readonly surfaceTransparentHover: "#ffffff1a";
|
|
178
|
+
readonly surfaceTransparentPressed: "#ffffff33";
|
|
179
|
+
readonly surfaceTransparentDisabled: "#ffffff0d";
|
|
176
180
|
readonly base: "#000000";
|
|
177
181
|
readonly baseHover: "#151515";
|
|
178
182
|
readonly basePressed: "#1f1f1f";
|
|
@@ -187,10 +191,10 @@ export declare const websitesDarkColorTokens: {
|
|
|
187
191
|
readonly mutedStrong: "#848484";
|
|
188
192
|
readonly mutedStrongHover: "#9c9c9c";
|
|
189
193
|
readonly mutedStrongPressed: "#c3c3c3";
|
|
190
|
-
readonly mutedTransparent: "#
|
|
191
|
-
readonly mutedTransparentHover: "#
|
|
192
|
-
readonly mutedTransparentPressed: "#
|
|
193
|
-
readonly mutedTransparentDisabled: "#
|
|
194
|
+
readonly mutedTransparent: "#ffffff1a";
|
|
195
|
+
readonly mutedTransparentHover: "#ffffff33";
|
|
196
|
+
readonly mutedTransparentPressed: "#ffffff4d";
|
|
197
|
+
readonly mutedTransparentDisabled: "#ffffff1a";
|
|
194
198
|
readonly accent: "#ff5300";
|
|
195
199
|
readonly accentHover: "#ff702a";
|
|
196
200
|
readonly accentPressed: "#ff8c55";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.dark.d.ts","sourceRoot":"","sources":["../../../../src/themes/js/websites/theme.dark.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,uBAAuB
|
|
1
|
+
{"version":3,"file":"theme.dark.d.ts","sourceRoot":"","sources":["../../../../src/themes/js/websites/theme.dark.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmRC,CAAC"}
|
|
@@ -174,6 +174,10 @@ export const websitesDarkColorTokens = {
|
|
|
174
174
|
surface: primitiveColorTokens.dark.grey['100'],
|
|
175
175
|
surfaceHover: primitiveColorTokens.dark.grey['200'],
|
|
176
176
|
surfacePressed: primitiveColorTokens.dark.grey['300'],
|
|
177
|
+
surfaceTransparent: primitiveColorTokens.dark.grey['950-5'],
|
|
178
|
+
surfaceTransparentHover: primitiveColorTokens.dark.grey['950-10'],
|
|
179
|
+
surfaceTransparentPressed: primitiveColorTokens.dark.grey['950-20'],
|
|
180
|
+
surfaceTransparentDisabled: primitiveColorTokens.dark.grey['950-5'],
|
|
177
181
|
base: primitiveColorTokens.dark.grey['050'],
|
|
178
182
|
baseHover: primitiveColorTokens.dark.grey['100'],
|
|
179
183
|
basePressed: primitiveColorTokens.dark.grey['200'],
|
|
@@ -188,10 +192,10 @@ export const websitesDarkColorTokens = {
|
|
|
188
192
|
mutedStrong: primitiveColorTokens.dark.grey['600'],
|
|
189
193
|
mutedStrongHover: primitiveColorTokens.dark.grey['700'],
|
|
190
194
|
mutedStrongPressed: primitiveColorTokens.dark.grey['800'],
|
|
191
|
-
mutedTransparent: primitiveColorTokens.dark.grey['950-
|
|
192
|
-
mutedTransparentHover: primitiveColorTokens.
|
|
193
|
-
mutedTransparentPressed: primitiveColorTokens.
|
|
194
|
-
mutedTransparentDisabled: primitiveColorTokens.dark.grey['950-
|
|
195
|
+
mutedTransparent: primitiveColorTokens.dark.grey['950-10'],
|
|
196
|
+
mutedTransparentHover: primitiveColorTokens.dark.grey['950-20'],
|
|
197
|
+
mutedTransparentPressed: primitiveColorTokens.dark.grey['950-30'],
|
|
198
|
+
mutedTransparentDisabled: primitiveColorTokens.dark.grey['950-10'],
|
|
195
199
|
accent: primitiveColorTokens.dark.orange['400'],
|
|
196
200
|
accentHover: primitiveColorTokens.dark.orange['500'],
|
|
197
201
|
accentPressed: primitiveColorTokens.dark.orange['600'],
|
|
@@ -173,6 +173,10 @@ export declare const websitesLightColorTokens: {
|
|
|
173
173
|
readonly surface: "#fafafa";
|
|
174
174
|
readonly surfaceHover: "#f1f1f1";
|
|
175
175
|
readonly surfacePressed: "#e8e8e8";
|
|
176
|
+
readonly surfaceTransparent: "#0000000d";
|
|
177
|
+
readonly surfaceTransparentHover: "#0000001a";
|
|
178
|
+
readonly surfaceTransparentPressed: "#00000033";
|
|
179
|
+
readonly surfaceTransparentDisabled: "#0000000d";
|
|
176
180
|
readonly base: "#ffffff";
|
|
177
181
|
readonly baseHover: "#fafafa";
|
|
178
182
|
readonly basePressed: "#f1f1f1";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.light.d.ts","sourceRoot":"","sources":["../../../../src/themes/js/websites/theme.light.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,wBAAwB
|
|
1
|
+
{"version":3,"file":"theme.light.d.ts","sourceRoot":"","sources":["../../../../src/themes/js/websites/theme.light.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmRA,CAAC"}
|
|
@@ -174,6 +174,10 @@ export const websitesLightColorTokens = {
|
|
|
174
174
|
surface: primitiveColorTokens.light.grey['100'],
|
|
175
175
|
surfaceHover: primitiveColorTokens.light.grey['200'],
|
|
176
176
|
surfacePressed: primitiveColorTokens.light.grey['300'],
|
|
177
|
+
surfaceTransparent: primitiveColorTokens.light.grey['950-5'],
|
|
178
|
+
surfaceTransparentHover: primitiveColorTokens.light.grey['950-10'],
|
|
179
|
+
surfaceTransparentPressed: primitiveColorTokens.light.grey['950-20'],
|
|
180
|
+
surfaceTransparentDisabled: primitiveColorTokens.light.grey['950-5'],
|
|
177
181
|
base: primitiveColorTokens.light.grey['050'],
|
|
178
182
|
baseHover: primitiveColorTokens.light.grey['100'],
|
|
179
183
|
basePressed: primitiveColorTokens.light.grey['200'],
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
1
|
+
import plugin from 'tailwindcss/plugin.js';
|
|
2
|
+
type TailwindPlugin = ReturnType<typeof plugin>;
|
|
3
|
+
export declare function createAnimationsPlugin(): TailwindPlugin;
|
|
4
|
+
export {};
|
|
5
5
|
//# sourceMappingURL=createAnimationsPlugin.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createAnimationsPlugin.d.ts","sourceRoot":"","sources":["../../src/utils/createAnimationsPlugin.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"createAnimationsPlugin.d.ts","sourceRoot":"","sources":["../../src/utils/createAnimationsPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AAEhD,wBAAgB,sBAAsB,IAAI,cAAc,CAqHvD"}
|
|
@@ -8,18 +8,21 @@ export function createAnimationsPlugin() {
|
|
|
8
8
|
'content-show': {
|
|
9
9
|
from: {
|
|
10
10
|
opacity: '0',
|
|
11
|
-
|
|
11
|
+
scale: '0.96',
|
|
12
|
+
},
|
|
13
|
+
to: {
|
|
14
|
+
opacity: '1',
|
|
15
|
+
scale: '1',
|
|
12
16
|
},
|
|
13
|
-
to: { opacity: '1', transform: 'translate(-50%, -50%) scale(1)' },
|
|
14
17
|
},
|
|
15
18
|
'content-hide': {
|
|
16
19
|
from: {
|
|
17
20
|
opacity: '1',
|
|
18
|
-
|
|
21
|
+
scale: '1',
|
|
19
22
|
},
|
|
20
23
|
to: {
|
|
21
24
|
opacity: '0',
|
|
22
|
-
|
|
25
|
+
scale: '0.96',
|
|
23
26
|
},
|
|
24
27
|
},
|
|
25
28
|
'fade-in': {
|
|
@@ -58,44 +61,6 @@ export function createAnimationsPlugin() {
|
|
|
58
61
|
},
|
|
59
62
|
to: { transform: 'translateX(0px)', opacity: '1' },
|
|
60
63
|
},
|
|
61
|
-
// Slide in animations (8px offset)
|
|
62
|
-
'slide-in-from-top-8': {
|
|
63
|
-
from: {
|
|
64
|
-
transform: 'translateY(calc(var(--spacing-10) * -1))',
|
|
65
|
-
opacity: '0',
|
|
66
|
-
},
|
|
67
|
-
to: { transform: 'translateY(var(--spacing-8))', opacity: '1' },
|
|
68
|
-
},
|
|
69
|
-
'slide-in-from-bottom-8': {
|
|
70
|
-
from: {
|
|
71
|
-
transform: 'translateY(var(--spacing-10))',
|
|
72
|
-
opacity: '0',
|
|
73
|
-
},
|
|
74
|
-
to: {
|
|
75
|
-
transform: 'translateY(calc(var(--spacing-8) * -1))',
|
|
76
|
-
opacity: '1',
|
|
77
|
-
},
|
|
78
|
-
},
|
|
79
|
-
'slide-in-from-left-8': {
|
|
80
|
-
from: {
|
|
81
|
-
transform: 'translateX(calc(var(--spacing-10) * -1))',
|
|
82
|
-
opacity: '0',
|
|
83
|
-
},
|
|
84
|
-
to: {
|
|
85
|
-
transform: 'translateX(calc(var(--spacing-8) * -1))',
|
|
86
|
-
opacity: '1',
|
|
87
|
-
},
|
|
88
|
-
},
|
|
89
|
-
'slide-in-from-right-8': {
|
|
90
|
-
from: {
|
|
91
|
-
transform: 'translateX(var(--spacing-10))',
|
|
92
|
-
opacity: '0',
|
|
93
|
-
},
|
|
94
|
-
to: {
|
|
95
|
-
transform: 'translateX(calc(var(--spacing-8) * -1))',
|
|
96
|
-
opacity: '1',
|
|
97
|
-
},
|
|
98
|
-
},
|
|
99
64
|
'slide-out-to-top': {
|
|
100
65
|
from: { transform: 'translateY(0px)', opacity: '1' },
|
|
101
66
|
to: {
|
|
@@ -118,41 +83,12 @@ export function createAnimationsPlugin() {
|
|
|
118
83
|
from: { transform: 'translateX(0px)', opacity: '1' },
|
|
119
84
|
to: { transform: 'translateX(var(--spacing-10))', opacity: '0' },
|
|
120
85
|
},
|
|
121
|
-
// Slide out animations (8px offset)
|
|
122
|
-
'slide-out-to-top-8': {
|
|
123
|
-
from: { transform: 'translateY(var(--spacing-8))', opacity: '1' },
|
|
124
|
-
to: {
|
|
125
|
-
transform: 'translateY(calc(var(--spacing-10) * -1))',
|
|
126
|
-
opacity: '0',
|
|
127
|
-
},
|
|
128
|
-
},
|
|
129
|
-
'slide-out-to-bottom-8': {
|
|
130
|
-
from: {
|
|
131
|
-
transform: 'translateY(calc(var(--spacing-8) * -1))',
|
|
132
|
-
opacity: '1',
|
|
133
|
-
},
|
|
134
|
-
to: { transform: 'translateY(var(--spacing-10))', opacity: '0' },
|
|
135
|
-
},
|
|
136
|
-
'slide-out-to-left-8': {
|
|
137
|
-
from: {
|
|
138
|
-
transform: 'translateX(calc(var(--spacing-8) * -1))',
|
|
139
|
-
opacity: '1',
|
|
140
|
-
},
|
|
141
|
-
to: {
|
|
142
|
-
transform: 'translateX(calc(var(--spacing-10) * -1))',
|
|
143
|
-
opacity: '0',
|
|
144
|
-
},
|
|
145
|
-
},
|
|
146
|
-
'slide-out-to-right-8': {
|
|
147
|
-
from: { transform: 'translateX(var(--spacing-8))', opacity: '1' },
|
|
148
|
-
to: { transform: 'translateX(var(--spacing-10))', opacity: '0' },
|
|
149
|
-
},
|
|
150
86
|
'translate-from-right': {
|
|
151
87
|
from: {
|
|
152
|
-
transform: 'translateX(
|
|
88
|
+
transform: 'translateX(4px)',
|
|
153
89
|
},
|
|
154
90
|
to: {
|
|
155
|
-
transform: 'translateX(
|
|
91
|
+
transform: 'translateX(0px)',
|
|
156
92
|
},
|
|
157
93
|
},
|
|
158
94
|
},
|
|
@@ -161,7 +97,6 @@ export function createAnimationsPlugin() {
|
|
|
161
97
|
'content-hide': 'content-hide 300ms ease-out',
|
|
162
98
|
'fade-in': 'fade-in 300ms ease-in',
|
|
163
99
|
'fade-out': 'fade-out 300ms ease-out',
|
|
164
|
-
// Slide animations with default 0px offset
|
|
165
100
|
'slide-in-from-top': 'slide-in-from-top 300ms ease-in',
|
|
166
101
|
'slide-in-from-bottom': 'slide-in-from-bottom 300ms ease-in',
|
|
167
102
|
'slide-in-from-left': 'slide-in-from-left 300ms ease-in',
|
|
@@ -170,15 +105,6 @@ export function createAnimationsPlugin() {
|
|
|
170
105
|
'slide-out-to-bottom': 'slide-out-to-bottom 300ms ease-out',
|
|
171
106
|
'slide-out-to-left': 'slide-out-to-left 300ms ease-out',
|
|
172
107
|
'slide-out-to-right': 'slide-out-to-right 300ms ease-out',
|
|
173
|
-
// Slide animations with 8px offset
|
|
174
|
-
'slide-in-from-top-8': 'slide-in-from-top-8 300ms ease-in',
|
|
175
|
-
'slide-in-from-bottom-8': 'slide-in-from-bottom-8 300ms ease-in',
|
|
176
|
-
'slide-in-from-left-8': 'slide-in-from-left-8 300ms ease-in',
|
|
177
|
-
'slide-in-from-right-8': 'slide-in-from-right-8 300ms ease-in',
|
|
178
|
-
'slide-out-to-top-8': 'slide-out-to-top-8 300ms ease-out',
|
|
179
|
-
'slide-out-to-bottom-8': 'slide-out-to-bottom-8 300ms ease-out',
|
|
180
|
-
'slide-out-to-left-8': 'slide-out-to-left-8 300ms ease-out',
|
|
181
|
-
'slide-out-to-right-8': 'slide-out-to-right-8 300ms ease-out',
|
|
182
108
|
'translate-from-right': 'translate-from-right 250ms cubic-bezier(0.4, 0, 0.2, 1)',
|
|
183
109
|
},
|
|
184
110
|
},
|
|
@@ -1,17 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export declare function
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
};
|
|
9
|
-
export declare function createGradientPlugin(brandTheme?: Record<string, Record<string, string>>): {
|
|
10
|
-
handler: import("tailwindcss/types/config.js").PluginCreator;
|
|
11
|
-
config?: Partial<import("tailwindcss/types/config.js").Config>;
|
|
12
|
-
};
|
|
13
|
-
export declare function createShadowPlugin(): {
|
|
14
|
-
handler: import("tailwindcss/types/config.js").PluginCreator;
|
|
15
|
-
config?: Partial<import("tailwindcss/types/config.js").Config>;
|
|
16
|
-
};
|
|
1
|
+
import plugin from 'tailwindcss/plugin.js';
|
|
2
|
+
type TailwindPlugin = ReturnType<typeof plugin>;
|
|
3
|
+
export declare function createThemePlugin(brandTheme: Record<string, Record<string, string>>): TailwindPlugin;
|
|
4
|
+
export declare function createTypographyPlugin(): TailwindPlugin;
|
|
5
|
+
export declare function createGradientPlugin(brandTheme?: Record<string, Record<string, string>>): TailwindPlugin;
|
|
6
|
+
export declare function createShadowPlugin(): TailwindPlugin;
|
|
7
|
+
export {};
|
|
17
8
|
//# sourceMappingURL=createCustomPlugin.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createCustomPlugin.d.ts","sourceRoot":"","sources":["../../src/utils/createCustomPlugin.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"createCustomPlugin.d.ts","sourceRoot":"","sources":["../../src/utils/createCustomPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAG3C,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AAehD,wBAAgB,iBAAiB,CAC/B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GACjD,cAAc,CA+ChB;AAED,wBAAgB,sBAAsB,IAAI,cAAc,CAwNvD;AAgCD,wBAAgB,oBAAoB,CAClC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAClD,cAAc,CAqChB;AAED,wBAAgB,kBAAkB,IAAI,cAAc,CAkCnD"}
|
|
@@ -171,6 +171,22 @@ export function createTypographyPlugin() {
|
|
|
171
171
|
'letter-spacing': 'var(--font-style-heading-4-letter-spacing)',
|
|
172
172
|
...fontSmoothing,
|
|
173
173
|
},
|
|
174
|
+
'.heading-5': {
|
|
175
|
+
'font-family': 'var(--font-family-font)',
|
|
176
|
+
'font-size': 'var(--font-style-heading-5-size)',
|
|
177
|
+
'font-weight': 'var(--font-style-heading-5-weight-medium)',
|
|
178
|
+
'line-height': 'var(--font-style-heading-5-line-height)',
|
|
179
|
+
'letter-spacing': 'var(--font-style-heading-5-letter-spacing)',
|
|
180
|
+
...fontSmoothing,
|
|
181
|
+
},
|
|
182
|
+
'.heading-5-semi-bold': {
|
|
183
|
+
'font-family': 'var(--font-family-font)',
|
|
184
|
+
'font-size': 'var(--font-style-heading-5-size)',
|
|
185
|
+
'font-weight': 'var(--font-style-heading-5-weight-semi-bold)',
|
|
186
|
+
'line-height': 'var(--font-style-heading-5-line-height)',
|
|
187
|
+
'letter-spacing': 'var(--font-style-heading-5-letter-spacing)',
|
|
188
|
+
...fontSmoothing,
|
|
189
|
+
},
|
|
174
190
|
};
|
|
175
191
|
const bodyStyles = {
|
|
176
192
|
'.body-1': {
|
|
@@ -323,6 +339,6 @@ export function createShadowPlugin() {
|
|
|
323
339
|
},
|
|
324
340
|
};
|
|
325
341
|
addUtilities(shadows);
|
|
326
|
-
matchUtilities({ shadow: (value) => ({ '--tw-shadow-color': value }) }, { values: theme('
|
|
342
|
+
matchUtilities({ shadow: (value) => ({ '--tw-shadow-color': value }) }, { values: theme('boxShadowColor') });
|
|
327
343
|
});
|
|
328
344
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
1
|
+
import plugin from 'tailwindcss/plugin.js';
|
|
2
|
+
type TailwindPlugin = ReturnType<typeof plugin>;
|
|
3
|
+
export declare function createPrimitivesPlugin(): TailwindPlugin;
|
|
4
|
+
export {};
|
|
5
5
|
//# sourceMappingURL=createPrimitivesPlugin.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createPrimitivesPlugin.d.ts","sourceRoot":"","sources":["../../src/utils/createPrimitivesPlugin.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"createPrimitivesPlugin.d.ts","sourceRoot":"","sources":["../../src/utils/createPrimitivesPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAM3C,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AAEhD,wBAAgB,sBAAsB,IAAI,cAAc,CA2DvD"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ledgerhq/lumen-design-core",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.40",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"design-system",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"!dist/figma/*"
|
|
28
28
|
],
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"tailwindcss": "^
|
|
30
|
+
"tailwindcss": "^4.1.17",
|
|
31
31
|
"tslib": "^2.3.0"
|
|
32
32
|
}
|
|
33
33
|
}
|