@speckle/tailwind-theme 2.20.1 → 2.20.3
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/plugin.d.ts +12 -4
- package/dist/plugin.d.ts.map +1 -1
- package/dist/plugin.js +92 -74
- package/dist/plugin.js.map +1 -1
- package/dist/preset.d.ts.map +1 -1
- package/dist/preset.js +8 -1
- package/dist/preset.js.map +1 -1
- package/dist-cjs/plugin.d.ts +12 -4
- package/dist-cjs/plugin.d.ts.map +1 -1
- package/dist-cjs/plugin.js +92 -74
- package/dist-cjs/plugin.js.map +1 -1
- package/dist-cjs/preset.d.ts.map +1 -1
- package/dist-cjs/preset.js +8 -1
- package/dist-cjs/preset.js.map +1 -1
- package/package.json +1 -1
- package/src/plugin.ts +96 -74
- package/src/preset.ts +8 -1
package/dist/plugin.d.ts
CHANGED
|
@@ -9,8 +9,7 @@ export declare const lightThemeVariables: {
|
|
|
9
9
|
'--foundation-disabled': string;
|
|
10
10
|
'--foreground': string;
|
|
11
11
|
'--foreground-2': string;
|
|
12
|
-
'--foreground-
|
|
13
|
-
'--foreground-primary': string;
|
|
12
|
+
'--foreground-3': string;
|
|
14
13
|
'--foreground-on-primary': string;
|
|
15
14
|
'--primary': string;
|
|
16
15
|
'--primary-focus': string;
|
|
@@ -18,6 +17,11 @@ export declare const lightThemeVariables: {
|
|
|
18
17
|
'--outline-1': string;
|
|
19
18
|
'--outline-2': string;
|
|
20
19
|
'--outline-3': string;
|
|
20
|
+
'--outline-4': string;
|
|
21
|
+
'--outline-5': string;
|
|
22
|
+
'--highlight-1': string;
|
|
23
|
+
'--highlight-2': string;
|
|
24
|
+
'--highlight-3': string;
|
|
21
25
|
'--success': string;
|
|
22
26
|
'--success-lighter': string;
|
|
23
27
|
'--success-darker': string;
|
|
@@ -42,8 +46,7 @@ export declare const darkThemeVariables: {
|
|
|
42
46
|
'--foundation-disabled': string;
|
|
43
47
|
'--foreground': string;
|
|
44
48
|
'--foreground-2': string;
|
|
45
|
-
'--foreground-
|
|
46
|
-
'--foreground-primary': string;
|
|
49
|
+
'--foreground-3': string;
|
|
47
50
|
'--foreground-on-primary': string;
|
|
48
51
|
'--primary': string;
|
|
49
52
|
'--primary-focus': string;
|
|
@@ -51,6 +54,11 @@ export declare const darkThemeVariables: {
|
|
|
51
54
|
'--outline-1': string;
|
|
52
55
|
'--outline-2': string;
|
|
53
56
|
'--outline-3': string;
|
|
57
|
+
'--outline-4': string;
|
|
58
|
+
'--outline-5': string;
|
|
59
|
+
'--highlight-1': string;
|
|
60
|
+
'--highlight-2': string;
|
|
61
|
+
'--highlight-3': string;
|
|
54
62
|
'--success': string;
|
|
55
63
|
'--success-lighter': string;
|
|
56
64
|
'--success-darker': string;
|
package/dist/plugin.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB
|
|
1
|
+
{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4D/B,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2D9B,CAAA;;;;;AAED,wBAoPU"}
|
package/dist/plugin.js
CHANGED
|
@@ -2,10 +2,10 @@ import plugin from 'tailwindcss/plugin.js';
|
|
|
2
2
|
import preset from './preset.js';
|
|
3
3
|
export const lightThemeVariables = {
|
|
4
4
|
/* used only as the page background */
|
|
5
|
-
'--foundation-page': '#
|
|
5
|
+
'--foundation-page': '#FAFAFA',
|
|
6
6
|
/* used as the background for any elements that sit on the page */
|
|
7
|
-
'--foundation': '#
|
|
8
|
-
'--foundation-2': '#
|
|
7
|
+
'--foundation': '#FFFFFF',
|
|
8
|
+
'--foundation-2': '#F5F5F5',
|
|
9
9
|
'--foundation-3': '#fcfcfc',
|
|
10
10
|
'--foundation-4': '#fcfcfc',
|
|
11
11
|
'--foundation-5': '#fcfcfc',
|
|
@@ -14,48 +14,51 @@ export const lightThemeVariables = {
|
|
|
14
14
|
/* for disabled backgrounds */
|
|
15
15
|
'--foundation-disabled': '#e5e5e5',
|
|
16
16
|
/* default foreground color */
|
|
17
|
-
'--foreground': '#
|
|
17
|
+
'--foreground': '#1A1A1A',
|
|
18
18
|
/* dimmer foreground color, e.g. caption text */
|
|
19
|
-
'--foreground-2': '#
|
|
20
|
-
|
|
21
|
-
'--foreground-disabled': '#a3a3a3',
|
|
22
|
-
/* primary color when used for text directly on top of foundation-page */
|
|
23
|
-
'--foreground-primary': '#3b82f6',
|
|
19
|
+
'--foreground-2': '#626263',
|
|
20
|
+
'--foreground-3': '#7C7C7D',
|
|
24
21
|
/* foreground color when put on top of a primary colored background */
|
|
25
22
|
'--foreground-on-primary': '#fff',
|
|
26
23
|
/* primary color */
|
|
27
|
-
'--primary': '#
|
|
24
|
+
'--primary': '#136CFF',
|
|
28
25
|
/* focused primary color */
|
|
29
|
-
'--primary-focus': '#
|
|
26
|
+
'--primary-focus': '#276FE5',
|
|
30
27
|
/* muted primary color */
|
|
31
|
-
'--primary-muted': '#
|
|
28
|
+
'--primary-muted': '#EDEDED',
|
|
32
29
|
/* outline variations */
|
|
33
|
-
'--outline-1': '#
|
|
34
|
-
'--outline-2': '#
|
|
35
|
-
'--outline-3': '#
|
|
30
|
+
'--outline-1': '#276FE5',
|
|
31
|
+
'--outline-2': '#DFDFDF',
|
|
32
|
+
'--outline-3': '#E2E8F0',
|
|
33
|
+
'--outline-4': '#4B40C9',
|
|
34
|
+
'--outline-5': '#C4C4C4',
|
|
35
|
+
/* highlight variations */
|
|
36
|
+
'--highlight-1': '#F4F4F4',
|
|
37
|
+
'--highlight-2': '#F2F2F2',
|
|
38
|
+
'--highlight-3': '#EDEDED',
|
|
36
39
|
/* success variations */
|
|
37
|
-
'--success': '#
|
|
38
|
-
'--success-lighter': '#
|
|
39
|
-
'--success-darker': '#
|
|
40
|
+
'--success': '#34D399',
|
|
41
|
+
'--success-lighter': '#53EDB5',
|
|
42
|
+
'--success-darker': '#1CBA80',
|
|
40
43
|
/* warning variations */
|
|
41
|
-
'--warning': '#
|
|
42
|
-
'--warning-lighter': '#
|
|
43
|
-
'--warning-darker': '#
|
|
44
|
+
'--warning': '#FBBF24',
|
|
45
|
+
'--warning-lighter': '#FFD770',
|
|
46
|
+
'--warning-darker': '#E0AB20',
|
|
44
47
|
/* info variations */
|
|
45
|
-
'--info': '#
|
|
46
|
-
'--info-lighter': '#
|
|
47
|
-
'--info-darker': '#
|
|
48
|
+
'--info': '#B9B8CC',
|
|
49
|
+
'--info-lighter': '#D2D1E5',
|
|
50
|
+
'--info-darker': '#6D6B99',
|
|
48
51
|
/* danger variations */
|
|
49
|
-
'--danger': '#
|
|
50
|
-
'--danger-lighter': '#
|
|
51
|
-
'--danger-darker': '#
|
|
52
|
+
'--danger': '#C45959',
|
|
53
|
+
'--danger-lighter': '#F78888',
|
|
54
|
+
'--danger-darker': '#913333'
|
|
52
55
|
};
|
|
53
56
|
export const darkThemeVariables = {
|
|
54
57
|
/* used only as the page background */
|
|
55
|
-
'--foundation-page': '#
|
|
58
|
+
'--foundation-page': '#101012',
|
|
56
59
|
/* used as the background for any elements that sit on the page */
|
|
57
|
-
'--foundation': '#
|
|
58
|
-
'--foundation-2': '#
|
|
60
|
+
'--foundation': '#15161C',
|
|
61
|
+
'--foundation-2': '#191A22',
|
|
59
62
|
'--foundation-3': '#52525b',
|
|
60
63
|
'--foundation-4': '#71717a',
|
|
61
64
|
'--foundation-5': '#a1a1aa',
|
|
@@ -64,41 +67,43 @@ export const darkThemeVariables = {
|
|
|
64
67
|
/* for disabled backgrounds */
|
|
65
68
|
'--foundation-disabled': '#3c3c3d',
|
|
66
69
|
/* default foreground color */
|
|
67
|
-
'--foreground': '#
|
|
70
|
+
'--foreground': '#FFFFFF',
|
|
68
71
|
/* dimmer foreground color, e.g. caption text */
|
|
69
|
-
'--foreground-2': '#
|
|
70
|
-
|
|
71
|
-
'--foreground-
|
|
72
|
-
/* primary color when used for text directly on top of foundation-page */
|
|
73
|
-
'--foreground-primary': '#bfdbfe',
|
|
74
|
-
/* foreground color when put on top of a primary colored background */
|
|
75
|
-
'--foreground-on-primary': '#fafafa',
|
|
72
|
+
'--foreground-2': '#B0B1B5',
|
|
73
|
+
'--foreground-3': '#7E7F82',
|
|
74
|
+
'--foreground-on-primary': '#FFFFFF',
|
|
76
75
|
/* primary color */
|
|
77
|
-
'--primary': '#
|
|
76
|
+
'--primary': '#136CFF',
|
|
78
77
|
/* focused primary color */
|
|
79
|
-
'--primary-focus': '#
|
|
78
|
+
'--primary-focus': '#458CFF',
|
|
80
79
|
/* muted primary color */
|
|
81
|
-
'--primary-muted': '#
|
|
80
|
+
'--primary-muted': '#292B39',
|
|
82
81
|
/* outline variations */
|
|
83
|
-
'--outline-1': '#
|
|
84
|
-
'--outline-2': '#
|
|
85
|
-
'--outline-3': '#
|
|
82
|
+
'--outline-1': '#2B7CFF',
|
|
83
|
+
'--outline-2': '#2E313F',
|
|
84
|
+
'--outline-3': '#282833',
|
|
85
|
+
'--outline-4': '#4B40C9',
|
|
86
|
+
'--outline-5': '#434559',
|
|
87
|
+
/* highlight variations */
|
|
88
|
+
'--highlight-1': '#22242E',
|
|
89
|
+
'--highlight-2': '#292B39',
|
|
90
|
+
'--highlight-3': '#323445',
|
|
86
91
|
/* success variations */
|
|
87
|
-
'--success': '#
|
|
88
|
-
'--success-lighter': '#
|
|
89
|
-
'--success-darker': '#
|
|
92
|
+
'--success': '#34D399',
|
|
93
|
+
'--success-lighter': '#53EDB5',
|
|
94
|
+
'--success-darker': '#1CBA80',
|
|
90
95
|
/* warning variations */
|
|
91
|
-
'--warning': '#
|
|
92
|
-
'--warning-lighter': '#
|
|
93
|
-
'--warning-darker': '#
|
|
96
|
+
'--warning': '#FBBF24',
|
|
97
|
+
'--warning-lighter': '#FFD770',
|
|
98
|
+
'--warning-darker': '#E0AB20',
|
|
94
99
|
/* info variations */
|
|
95
|
-
'--info': '#
|
|
96
|
-
'--info-lighter': '#
|
|
97
|
-
'--info-darker': '#
|
|
100
|
+
'--info': '#B9B8CC',
|
|
101
|
+
'--info-lighter': '#D2D1E5',
|
|
102
|
+
'--info-darker': '#6D6B99',
|
|
98
103
|
/* danger variations */
|
|
99
|
-
'--danger': '#
|
|
100
|
-
'--danger-lighter': '#
|
|
101
|
-
'--danger-darker': '#
|
|
104
|
+
'--danger': '#F87171',
|
|
105
|
+
'--danger-lighter': '#FF8F8F',
|
|
106
|
+
'--danger-darker': '#AB3E3E'
|
|
102
107
|
};
|
|
103
108
|
export default plugin(function ({ addComponents, addBase }) {
|
|
104
109
|
addBase({
|
|
@@ -212,29 +217,42 @@ export default plugin(function ({ addComponents, addBase }) {
|
|
|
212
217
|
addComponents({
|
|
213
218
|
// Fancy gradient text
|
|
214
219
|
'.text-fancy-gradient': {
|
|
215
|
-
'@apply font-
|
|
220
|
+
'@apply font-semibold bg-gradient-to-r from-blue-500 via-blue-400 to-blue-600 text-transparent bg-clip-text': {}
|
|
221
|
+
},
|
|
222
|
+
// New heading styles
|
|
223
|
+
'.text-heading-2xl, .h1': {
|
|
224
|
+
'@apply font-medium text-3xl leading-10 tracking-[-0.63px]': {}
|
|
225
|
+
},
|
|
226
|
+
'.text-heading-xl, .h2': {
|
|
227
|
+
'@apply font-medium text-2xl leading-8 tracking-[-0.456px]': {}
|
|
228
|
+
},
|
|
229
|
+
'.text-heading-lg, .h3': {
|
|
230
|
+
'@apply font-medium text-lg leading-6 tracking-[-0.252px]': {}
|
|
231
|
+
},
|
|
232
|
+
'.text-heading, .h4': {
|
|
233
|
+
'@apply font-medium text-base leading-6 tracking-[-0.176px]': {}
|
|
216
234
|
},
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
'@apply text-5xl leading-10': {}
|
|
235
|
+
'.text-heading-sm, .h5, .h6': {
|
|
236
|
+
'@apply font-medium text-sm leading-6 tracking-[-0.084px]': {}
|
|
220
237
|
},
|
|
221
|
-
|
|
222
|
-
|
|
238
|
+
// New body styles
|
|
239
|
+
'.text-body': {
|
|
240
|
+
'@apply text-base leading-6 tracking-[-0.176px]': {}
|
|
223
241
|
},
|
|
224
|
-
'.
|
|
225
|
-
'@apply text-
|
|
242
|
+
'.text-body-sm': {
|
|
243
|
+
'@apply text-sm leading-6 tracking-[-0.084px]': {}
|
|
226
244
|
},
|
|
227
|
-
'.
|
|
228
|
-
'@apply text-
|
|
245
|
+
'.text-body-xs': {
|
|
246
|
+
'@apply text-[13px] leading-6 tracking-[-0.032px]': {}
|
|
229
247
|
},
|
|
230
|
-
'.
|
|
231
|
-
'@apply text-
|
|
248
|
+
'.text-body-2xs': {
|
|
249
|
+
'@apply text-xs leading-4': {}
|
|
232
250
|
},
|
|
233
|
-
'.
|
|
234
|
-
'@apply text-
|
|
251
|
+
'.text-body-3xs': {
|
|
252
|
+
'@apply text-[11px] leading-4 tracking-[0.055px]': {}
|
|
235
253
|
},
|
|
236
254
|
'.label': {
|
|
237
|
-
'@apply text-
|
|
255
|
+
'@apply text-[13px] font-medium leading-5': {}
|
|
238
256
|
},
|
|
239
257
|
'.label--light': {
|
|
240
258
|
'@apply font-normal': {}
|
|
@@ -277,7 +295,7 @@ export default plugin(function ({ addComponents, addBase }) {
|
|
|
277
295
|
// Simple scrollbar (OSX-like) to use instead of the ugly browser one
|
|
278
296
|
'.simple-scrollbar': {
|
|
279
297
|
'scrollbar-width': 'var(--simple-scrollbar-width)',
|
|
280
|
-
'scrollbar-color': 'var(--
|
|
298
|
+
'scrollbar-color': 'var(--outline-5)',
|
|
281
299
|
'&::-webkit-scrollbar': {
|
|
282
300
|
width: 'var(--simple-scrollbar-width)',
|
|
283
301
|
height: '6px'
|
|
@@ -288,10 +306,10 @@ export default plugin(function ({ addComponents, addBase }) {
|
|
|
288
306
|
},
|
|
289
307
|
'&::-webkit-scrollbar-thumb': {
|
|
290
308
|
'border-radius': '15px',
|
|
291
|
-
background: 'var(--
|
|
309
|
+
background: 'var(--outline-5)'
|
|
292
310
|
},
|
|
293
311
|
'&::-webkit-scrollbar-thumb:hover': {
|
|
294
|
-
background: 'var(--
|
|
312
|
+
background: 'var(--outline-5)'
|
|
295
313
|
},
|
|
296
314
|
'&::-webkit-scrollbar-thumb:active': {
|
|
297
315
|
background: 'rgba(90 90 90 10100%)'
|
package/dist/plugin.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,uBAAuB,CAAA;AAC1C,OAAO,MAAM,MAAM,aAAa,CAAA;AAEhC,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,sCAAsC;IACtC,mBAAmB,EAAE,SAAS;IAC9B,kEAAkE;IAClE,cAAc,EAAE,SAAS;IACzB,gBAAgB,EAAE,SAAS;IAC3B,gBAAgB,EAAE,SAAS;IAC3B,gBAAgB,EAAE,SAAS;IAC3B,gBAAgB,EAAE,SAAS;IAC3B,4BAA4B;IAC5B,oBAAoB,EAAE,SAAS;IAC/B,8BAA8B;IAC9B,uBAAuB,EAAE,SAAS;IAElC,8BAA8B;IAC9B,cAAc,EAAE,SAAS;IACzB,gDAAgD;IAChD,gBAAgB,EAAE,SAAS;IAC3B
|
|
1
|
+
{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"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"}
|
package/dist/preset.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAGzC,QAAA,MAAM,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAGzC,QAAA,MAAM,MAAM,EAAE,MAyFb,CAAA;AAED,eAAe,MAAM,CAAA"}
|
package/dist/preset.js
CHANGED
|
@@ -52,7 +52,14 @@ const config = {
|
|
|
52
52
|
outline: {
|
|
53
53
|
1: 'var(--outline-1)',
|
|
54
54
|
2: 'var(--outline-2)',
|
|
55
|
-
3: 'var(--outline-3)'
|
|
55
|
+
3: 'var(--outline-3)',
|
|
56
|
+
4: 'var(--outline-4)',
|
|
57
|
+
5: 'var(--outline-5)'
|
|
58
|
+
},
|
|
59
|
+
highlight: {
|
|
60
|
+
1: 'var(--highlight-1)',
|
|
61
|
+
2: 'var(--highlight-2)',
|
|
62
|
+
3: 'var(--highlight-3)'
|
|
56
63
|
},
|
|
57
64
|
success: {
|
|
58
65
|
DEFAULT: 'var(--success)',
|
package/dist/preset.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preset.js","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":"AACA,OAAO,WAAW,MAAM,oBAAoB,CAAA;AAE5C,MAAM,MAAM,GAAW;IACrB,QAAQ,EAAE,OAAO;IACjB,OAAO,EAAE;QACP,+BAA+B;QAC/B,oBAAoB;QACpB,kBAAkB;QAClB,4BAA4B;QAC5B,wBAAwB;QACxB,gCAAgC;QAChC,WAAW;QACX,+BAA+B;QAC/B,gCAAgC;QAChC,wHAAwH;KACzH;IACD,KAAK,EAAE;QACL,UAAU,EAAE;YACV,IAAI,EAAE,sJAAsJ;YAC5J,IAAI,EAAE,oGAAoG;SAC3G;QACD,MAAM,EAAE;YACN,qHAAqH;YACrH,SAAS,EAAE;gBACT,CAAC,EAAE,iEAAiE;aACrE;YACD,YAAY,EAAE;gBACZ,EAAE,EAAE,KAAK;aACV;YACD,MAAM,EAAE;gBACN,UAAU,EAAE;oBACV,IAAI,EAAE,wBAAwB;oBAC9B,OAAO,EAAE,mBAAmB;oBAC5B,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,KAAK,EAAE,yBAAyB;oBAChC,QAAQ,EAAE,4BAA4B;iBACvC;gBACD,UAAU,EAAE;oBACV,OAAO,EAAE,mBAAmB;oBAC5B,CAAC,EAAE,qBAAqB;oBACxB,QAAQ,EAAE,4BAA4B;oBACtC,YAAY,EAAE,8BAA8B;oBAC5C,OAAO,EAAE,2BAA2B;iBACrC;gBACD,OAAO,EAAE;oBACP,OAAO,EAAE,gBAAgB;oBACzB,KAAK,EAAE,sBAAsB;oBAC7B,KAAK,EAAE,sBAAsB;iBAC9B;gBACD,OAAO,EAAE;oBACP,CAAC,EAAE,kBAAkB;oBACrB,CAAC,EAAE,kBAAkB;oBACrB,CAAC,EAAE,kBAAkB;iBACtB;gBACD,OAAO,EAAE;oBACP,OAAO,EAAE,gBAAgB;oBACzB,OAAO,EAAE,wBAAwB;oBACjC,MAAM,EAAE,uBAAuB;iBAChC;gBACD,OAAO,EAAE;oBACP,OAAO,EAAE,gBAAgB;oBACzB,OAAO,EAAE,wBAAwB;oBACjC,MAAM,EAAE,uBAAuB;iBAChC;gBACD,IAAI,EAAE;oBACJ,OAAO,EAAE,aAAa;oBACtB,OAAO,EAAE,qBAAqB;oBAC9B,MAAM,EAAE,oBAAoB;iBAC7B;gBACD,MAAM,EAAE;oBACN,OAAO,EAAE,eAAe;oBACxB,OAAO,EAAE,uBAAuB;oBAChC,MAAM,EAAE,sBAAsB;iBAC/B;aACF;YACD,YAAY,EAAE;gBACZ,KAAK,EAAE,MAAM;aACd;SACF;KACF;IACD,OAAO,EAAE,CAAC,WAAW,CAAC;CACvB,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
1
|
+
{"version":3,"file":"preset.js","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":"AACA,OAAO,WAAW,MAAM,oBAAoB,CAAA;AAE5C,MAAM,MAAM,GAAW;IACrB,QAAQ,EAAE,OAAO;IACjB,OAAO,EAAE;QACP,+BAA+B;QAC/B,oBAAoB;QACpB,kBAAkB;QAClB,4BAA4B;QAC5B,wBAAwB;QACxB,gCAAgC;QAChC,WAAW;QACX,+BAA+B;QAC/B,gCAAgC;QAChC,wHAAwH;KACzH;IACD,KAAK,EAAE;QACL,UAAU,EAAE;YACV,IAAI,EAAE,sJAAsJ;YAC5J,IAAI,EAAE,oGAAoG;SAC3G;QACD,MAAM,EAAE;YACN,qHAAqH;YACrH,SAAS,EAAE;gBACT,CAAC,EAAE,iEAAiE;aACrE;YACD,YAAY,EAAE;gBACZ,EAAE,EAAE,KAAK;aACV;YACD,MAAM,EAAE;gBACN,UAAU,EAAE;oBACV,IAAI,EAAE,wBAAwB;oBAC9B,OAAO,EAAE,mBAAmB;oBAC5B,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,KAAK,EAAE,yBAAyB;oBAChC,QAAQ,EAAE,4BAA4B;iBACvC;gBACD,UAAU,EAAE;oBACV,OAAO,EAAE,mBAAmB;oBAC5B,CAAC,EAAE,qBAAqB;oBACxB,QAAQ,EAAE,4BAA4B;oBACtC,YAAY,EAAE,8BAA8B;oBAC5C,OAAO,EAAE,2BAA2B;iBACrC;gBACD,OAAO,EAAE;oBACP,OAAO,EAAE,gBAAgB;oBACzB,KAAK,EAAE,sBAAsB;oBAC7B,KAAK,EAAE,sBAAsB;iBAC9B;gBACD,OAAO,EAAE;oBACP,CAAC,EAAE,kBAAkB;oBACrB,CAAC,EAAE,kBAAkB;oBACrB,CAAC,EAAE,kBAAkB;oBACrB,CAAC,EAAE,kBAAkB;oBACrB,CAAC,EAAE,kBAAkB;iBACtB;gBACD,SAAS,EAAE;oBACT,CAAC,EAAE,oBAAoB;oBACvB,CAAC,EAAE,oBAAoB;oBACvB,CAAC,EAAE,oBAAoB;iBACxB;gBACD,OAAO,EAAE;oBACP,OAAO,EAAE,gBAAgB;oBACzB,OAAO,EAAE,wBAAwB;oBACjC,MAAM,EAAE,uBAAuB;iBAChC;gBACD,OAAO,EAAE;oBACP,OAAO,EAAE,gBAAgB;oBACzB,OAAO,EAAE,wBAAwB;oBACjC,MAAM,EAAE,uBAAuB;iBAChC;gBACD,IAAI,EAAE;oBACJ,OAAO,EAAE,aAAa;oBACtB,OAAO,EAAE,qBAAqB;oBAC9B,MAAM,EAAE,oBAAoB;iBAC7B;gBACD,MAAM,EAAE;oBACN,OAAO,EAAE,eAAe;oBACxB,OAAO,EAAE,uBAAuB;oBAChC,MAAM,EAAE,sBAAsB;iBAC/B;aACF;YACD,YAAY,EAAE;gBACZ,KAAK,EAAE,MAAM;aACd;SACF;KACF;IACD,OAAO,EAAE,CAAC,WAAW,CAAC;CACvB,CAAA;AAED,eAAe,MAAM,CAAA"}
|
package/dist-cjs/plugin.d.ts
CHANGED
|
@@ -9,8 +9,7 @@ export declare const lightThemeVariables: {
|
|
|
9
9
|
'--foundation-disabled': string;
|
|
10
10
|
'--foreground': string;
|
|
11
11
|
'--foreground-2': string;
|
|
12
|
-
'--foreground-
|
|
13
|
-
'--foreground-primary': string;
|
|
12
|
+
'--foreground-3': string;
|
|
14
13
|
'--foreground-on-primary': string;
|
|
15
14
|
'--primary': string;
|
|
16
15
|
'--primary-focus': string;
|
|
@@ -18,6 +17,11 @@ export declare const lightThemeVariables: {
|
|
|
18
17
|
'--outline-1': string;
|
|
19
18
|
'--outline-2': string;
|
|
20
19
|
'--outline-3': string;
|
|
20
|
+
'--outline-4': string;
|
|
21
|
+
'--outline-5': string;
|
|
22
|
+
'--highlight-1': string;
|
|
23
|
+
'--highlight-2': string;
|
|
24
|
+
'--highlight-3': string;
|
|
21
25
|
'--success': string;
|
|
22
26
|
'--success-lighter': string;
|
|
23
27
|
'--success-darker': string;
|
|
@@ -42,8 +46,7 @@ export declare const darkThemeVariables: {
|
|
|
42
46
|
'--foundation-disabled': string;
|
|
43
47
|
'--foreground': string;
|
|
44
48
|
'--foreground-2': string;
|
|
45
|
-
'--foreground-
|
|
46
|
-
'--foreground-primary': string;
|
|
49
|
+
'--foreground-3': string;
|
|
47
50
|
'--foreground-on-primary': string;
|
|
48
51
|
'--primary': string;
|
|
49
52
|
'--primary-focus': string;
|
|
@@ -51,6 +54,11 @@ export declare const darkThemeVariables: {
|
|
|
51
54
|
'--outline-1': string;
|
|
52
55
|
'--outline-2': string;
|
|
53
56
|
'--outline-3': string;
|
|
57
|
+
'--outline-4': string;
|
|
58
|
+
'--outline-5': string;
|
|
59
|
+
'--highlight-1': string;
|
|
60
|
+
'--highlight-2': string;
|
|
61
|
+
'--highlight-3': string;
|
|
54
62
|
'--success': string;
|
|
55
63
|
'--success-lighter': string;
|
|
56
64
|
'--success-darker': string;
|
package/dist-cjs/plugin.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB
|
|
1
|
+
{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4D/B,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2D9B,CAAA;;;;;AAED,wBAoPU"}
|
package/dist-cjs/plugin.js
CHANGED
|
@@ -8,10 +8,10 @@ const plugin_js_1 = __importDefault(require("tailwindcss/plugin.js"));
|
|
|
8
8
|
const preset_js_1 = __importDefault(require("./preset.js"));
|
|
9
9
|
exports.lightThemeVariables = {
|
|
10
10
|
/* used only as the page background */
|
|
11
|
-
'--foundation-page': '#
|
|
11
|
+
'--foundation-page': '#FAFAFA',
|
|
12
12
|
/* used as the background for any elements that sit on the page */
|
|
13
|
-
'--foundation': '#
|
|
14
|
-
'--foundation-2': '#
|
|
13
|
+
'--foundation': '#FFFFFF',
|
|
14
|
+
'--foundation-2': '#F5F5F5',
|
|
15
15
|
'--foundation-3': '#fcfcfc',
|
|
16
16
|
'--foundation-4': '#fcfcfc',
|
|
17
17
|
'--foundation-5': '#fcfcfc',
|
|
@@ -20,48 +20,51 @@ exports.lightThemeVariables = {
|
|
|
20
20
|
/* for disabled backgrounds */
|
|
21
21
|
'--foundation-disabled': '#e5e5e5',
|
|
22
22
|
/* default foreground color */
|
|
23
|
-
'--foreground': '#
|
|
23
|
+
'--foreground': '#1A1A1A',
|
|
24
24
|
/* dimmer foreground color, e.g. caption text */
|
|
25
|
-
'--foreground-2': '#
|
|
26
|
-
|
|
27
|
-
'--foreground-disabled': '#a3a3a3',
|
|
28
|
-
/* primary color when used for text directly on top of foundation-page */
|
|
29
|
-
'--foreground-primary': '#3b82f6',
|
|
25
|
+
'--foreground-2': '#626263',
|
|
26
|
+
'--foreground-3': '#7C7C7D',
|
|
30
27
|
/* foreground color when put on top of a primary colored background */
|
|
31
28
|
'--foreground-on-primary': '#fff',
|
|
32
29
|
/* primary color */
|
|
33
|
-
'--primary': '#
|
|
30
|
+
'--primary': '#136CFF',
|
|
34
31
|
/* focused primary color */
|
|
35
|
-
'--primary-focus': '#
|
|
32
|
+
'--primary-focus': '#276FE5',
|
|
36
33
|
/* muted primary color */
|
|
37
|
-
'--primary-muted': '#
|
|
34
|
+
'--primary-muted': '#EDEDED',
|
|
38
35
|
/* outline variations */
|
|
39
|
-
'--outline-1': '#
|
|
40
|
-
'--outline-2': '#
|
|
41
|
-
'--outline-3': '#
|
|
36
|
+
'--outline-1': '#276FE5',
|
|
37
|
+
'--outline-2': '#DFDFDF',
|
|
38
|
+
'--outline-3': '#E2E8F0',
|
|
39
|
+
'--outline-4': '#4B40C9',
|
|
40
|
+
'--outline-5': '#C4C4C4',
|
|
41
|
+
/* highlight variations */
|
|
42
|
+
'--highlight-1': '#F4F4F4',
|
|
43
|
+
'--highlight-2': '#F2F2F2',
|
|
44
|
+
'--highlight-3': '#EDEDED',
|
|
42
45
|
/* success variations */
|
|
43
|
-
'--success': '#
|
|
44
|
-
'--success-lighter': '#
|
|
45
|
-
'--success-darker': '#
|
|
46
|
+
'--success': '#34D399',
|
|
47
|
+
'--success-lighter': '#53EDB5',
|
|
48
|
+
'--success-darker': '#1CBA80',
|
|
46
49
|
/* warning variations */
|
|
47
|
-
'--warning': '#
|
|
48
|
-
'--warning-lighter': '#
|
|
49
|
-
'--warning-darker': '#
|
|
50
|
+
'--warning': '#FBBF24',
|
|
51
|
+
'--warning-lighter': '#FFD770',
|
|
52
|
+
'--warning-darker': '#E0AB20',
|
|
50
53
|
/* info variations */
|
|
51
|
-
'--info': '#
|
|
52
|
-
'--info-lighter': '#
|
|
53
|
-
'--info-darker': '#
|
|
54
|
+
'--info': '#B9B8CC',
|
|
55
|
+
'--info-lighter': '#D2D1E5',
|
|
56
|
+
'--info-darker': '#6D6B99',
|
|
54
57
|
/* danger variations */
|
|
55
|
-
'--danger': '#
|
|
56
|
-
'--danger-lighter': '#
|
|
57
|
-
'--danger-darker': '#
|
|
58
|
+
'--danger': '#C45959',
|
|
59
|
+
'--danger-lighter': '#F78888',
|
|
60
|
+
'--danger-darker': '#913333'
|
|
58
61
|
};
|
|
59
62
|
exports.darkThemeVariables = {
|
|
60
63
|
/* used only as the page background */
|
|
61
|
-
'--foundation-page': '#
|
|
64
|
+
'--foundation-page': '#101012',
|
|
62
65
|
/* used as the background for any elements that sit on the page */
|
|
63
|
-
'--foundation': '#
|
|
64
|
-
'--foundation-2': '#
|
|
66
|
+
'--foundation': '#15161C',
|
|
67
|
+
'--foundation-2': '#191A22',
|
|
65
68
|
'--foundation-3': '#52525b',
|
|
66
69
|
'--foundation-4': '#71717a',
|
|
67
70
|
'--foundation-5': '#a1a1aa',
|
|
@@ -70,41 +73,43 @@ exports.darkThemeVariables = {
|
|
|
70
73
|
/* for disabled backgrounds */
|
|
71
74
|
'--foundation-disabled': '#3c3c3d',
|
|
72
75
|
/* default foreground color */
|
|
73
|
-
'--foreground': '#
|
|
76
|
+
'--foreground': '#FFFFFF',
|
|
74
77
|
/* dimmer foreground color, e.g. caption text */
|
|
75
|
-
'--foreground-2': '#
|
|
76
|
-
|
|
77
|
-
'--foreground-
|
|
78
|
-
/* primary color when used for text directly on top of foundation-page */
|
|
79
|
-
'--foreground-primary': '#bfdbfe',
|
|
80
|
-
/* foreground color when put on top of a primary colored background */
|
|
81
|
-
'--foreground-on-primary': '#fafafa',
|
|
78
|
+
'--foreground-2': '#B0B1B5',
|
|
79
|
+
'--foreground-3': '#7E7F82',
|
|
80
|
+
'--foreground-on-primary': '#FFFFFF',
|
|
82
81
|
/* primary color */
|
|
83
|
-
'--primary': '#
|
|
82
|
+
'--primary': '#136CFF',
|
|
84
83
|
/* focused primary color */
|
|
85
|
-
'--primary-focus': '#
|
|
84
|
+
'--primary-focus': '#458CFF',
|
|
86
85
|
/* muted primary color */
|
|
87
|
-
'--primary-muted': '#
|
|
86
|
+
'--primary-muted': '#292B39',
|
|
88
87
|
/* outline variations */
|
|
89
|
-
'--outline-1': '#
|
|
90
|
-
'--outline-2': '#
|
|
91
|
-
'--outline-3': '#
|
|
88
|
+
'--outline-1': '#2B7CFF',
|
|
89
|
+
'--outline-2': '#2E313F',
|
|
90
|
+
'--outline-3': '#282833',
|
|
91
|
+
'--outline-4': '#4B40C9',
|
|
92
|
+
'--outline-5': '#434559',
|
|
93
|
+
/* highlight variations */
|
|
94
|
+
'--highlight-1': '#22242E',
|
|
95
|
+
'--highlight-2': '#292B39',
|
|
96
|
+
'--highlight-3': '#323445',
|
|
92
97
|
/* success variations */
|
|
93
|
-
'--success': '#
|
|
94
|
-
'--success-lighter': '#
|
|
95
|
-
'--success-darker': '#
|
|
98
|
+
'--success': '#34D399',
|
|
99
|
+
'--success-lighter': '#53EDB5',
|
|
100
|
+
'--success-darker': '#1CBA80',
|
|
96
101
|
/* warning variations */
|
|
97
|
-
'--warning': '#
|
|
98
|
-
'--warning-lighter': '#
|
|
99
|
-
'--warning-darker': '#
|
|
102
|
+
'--warning': '#FBBF24',
|
|
103
|
+
'--warning-lighter': '#FFD770',
|
|
104
|
+
'--warning-darker': '#E0AB20',
|
|
100
105
|
/* info variations */
|
|
101
|
-
'--info': '#
|
|
102
|
-
'--info-lighter': '#
|
|
103
|
-
'--info-darker': '#
|
|
106
|
+
'--info': '#B9B8CC',
|
|
107
|
+
'--info-lighter': '#D2D1E5',
|
|
108
|
+
'--info-darker': '#6D6B99',
|
|
104
109
|
/* danger variations */
|
|
105
|
-
'--danger': '#
|
|
106
|
-
'--danger-lighter': '#
|
|
107
|
-
'--danger-darker': '#
|
|
110
|
+
'--danger': '#F87171',
|
|
111
|
+
'--danger-lighter': '#FF8F8F',
|
|
112
|
+
'--danger-darker': '#AB3E3E'
|
|
108
113
|
};
|
|
109
114
|
exports.default = (0, plugin_js_1.default)(function ({ addComponents, addBase }) {
|
|
110
115
|
addBase({
|
|
@@ -218,29 +223,42 @@ exports.default = (0, plugin_js_1.default)(function ({ addComponents, addBase })
|
|
|
218
223
|
addComponents({
|
|
219
224
|
// Fancy gradient text
|
|
220
225
|
'.text-fancy-gradient': {
|
|
221
|
-
'@apply font-
|
|
226
|
+
'@apply font-semibold bg-gradient-to-r from-blue-500 via-blue-400 to-blue-600 text-transparent bg-clip-text': {}
|
|
227
|
+
},
|
|
228
|
+
// New heading styles
|
|
229
|
+
'.text-heading-2xl, .h1': {
|
|
230
|
+
'@apply font-medium text-3xl leading-10 tracking-[-0.63px]': {}
|
|
231
|
+
},
|
|
232
|
+
'.text-heading-xl, .h2': {
|
|
233
|
+
'@apply font-medium text-2xl leading-8 tracking-[-0.456px]': {}
|
|
234
|
+
},
|
|
235
|
+
'.text-heading-lg, .h3': {
|
|
236
|
+
'@apply font-medium text-lg leading-6 tracking-[-0.252px]': {}
|
|
237
|
+
},
|
|
238
|
+
'.text-heading, .h4': {
|
|
239
|
+
'@apply font-medium text-base leading-6 tracking-[-0.176px]': {}
|
|
222
240
|
},
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
'@apply text-5xl leading-10': {}
|
|
241
|
+
'.text-heading-sm, .h5, .h6': {
|
|
242
|
+
'@apply font-medium text-sm leading-6 tracking-[-0.084px]': {}
|
|
226
243
|
},
|
|
227
|
-
|
|
228
|
-
|
|
244
|
+
// New body styles
|
|
245
|
+
'.text-body': {
|
|
246
|
+
'@apply text-base leading-6 tracking-[-0.176px]': {}
|
|
229
247
|
},
|
|
230
|
-
'.
|
|
231
|
-
'@apply text-
|
|
248
|
+
'.text-body-sm': {
|
|
249
|
+
'@apply text-sm leading-6 tracking-[-0.084px]': {}
|
|
232
250
|
},
|
|
233
|
-
'.
|
|
234
|
-
'@apply text-
|
|
251
|
+
'.text-body-xs': {
|
|
252
|
+
'@apply text-[13px] leading-6 tracking-[-0.032px]': {}
|
|
235
253
|
},
|
|
236
|
-
'.
|
|
237
|
-
'@apply text-
|
|
254
|
+
'.text-body-2xs': {
|
|
255
|
+
'@apply text-xs leading-4': {}
|
|
238
256
|
},
|
|
239
|
-
'.
|
|
240
|
-
'@apply text-
|
|
257
|
+
'.text-body-3xs': {
|
|
258
|
+
'@apply text-[11px] leading-4 tracking-[0.055px]': {}
|
|
241
259
|
},
|
|
242
260
|
'.label': {
|
|
243
|
-
'@apply text-
|
|
261
|
+
'@apply text-[13px] font-medium leading-5': {}
|
|
244
262
|
},
|
|
245
263
|
'.label--light': {
|
|
246
264
|
'@apply font-normal': {}
|
|
@@ -283,7 +301,7 @@ exports.default = (0, plugin_js_1.default)(function ({ addComponents, addBase })
|
|
|
283
301
|
// Simple scrollbar (OSX-like) to use instead of the ugly browser one
|
|
284
302
|
'.simple-scrollbar': {
|
|
285
303
|
'scrollbar-width': 'var(--simple-scrollbar-width)',
|
|
286
|
-
'scrollbar-color': 'var(--
|
|
304
|
+
'scrollbar-color': 'var(--outline-5)',
|
|
287
305
|
'&::-webkit-scrollbar': {
|
|
288
306
|
width: 'var(--simple-scrollbar-width)',
|
|
289
307
|
height: '6px'
|
|
@@ -294,10 +312,10 @@ exports.default = (0, plugin_js_1.default)(function ({ addComponents, addBase })
|
|
|
294
312
|
},
|
|
295
313
|
'&::-webkit-scrollbar-thumb': {
|
|
296
314
|
'border-radius': '15px',
|
|
297
|
-
background: 'var(--
|
|
315
|
+
background: 'var(--outline-5)'
|
|
298
316
|
},
|
|
299
317
|
'&::-webkit-scrollbar-thumb:hover': {
|
|
300
|
-
background: 'var(--
|
|
318
|
+
background: 'var(--outline-5)'
|
|
301
319
|
},
|
|
302
320
|
'&::-webkit-scrollbar-thumb:active': {
|
|
303
321
|
background: 'rgba(90 90 90 10100%)'
|
package/dist-cjs/plugin.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":";;;;;;AAAA,sEAA0C;AAC1C,4DAAgC;AAEnB,QAAA,mBAAmB,GAAG;IACjC,sCAAsC;IACtC,mBAAmB,EAAE,SAAS;IAC9B,kEAAkE;IAClE,cAAc,EAAE,SAAS;IACzB,gBAAgB,EAAE,SAAS;IAC3B,gBAAgB,EAAE,SAAS;IAC3B,gBAAgB,EAAE,SAAS;IAC3B,gBAAgB,EAAE,SAAS;IAC3B,4BAA4B;IAC5B,oBAAoB,EAAE,SAAS;IAC/B,8BAA8B;IAC9B,uBAAuB,EAAE,SAAS;IAElC,8BAA8B;IAC9B,cAAc,EAAE,SAAS;IACzB,gDAAgD;IAChD,gBAAgB,EAAE,SAAS;IAC3B
|
|
1
|
+
{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"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"}
|
package/dist-cjs/preset.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAGzC,QAAA,MAAM,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAGzC,QAAA,MAAM,MAAM,EAAE,MAyFb,CAAA;AAED,eAAe,MAAM,CAAA"}
|
package/dist-cjs/preset.js
CHANGED
|
@@ -57,7 +57,14 @@ const config = {
|
|
|
57
57
|
outline: {
|
|
58
58
|
1: 'var(--outline-1)',
|
|
59
59
|
2: 'var(--outline-2)',
|
|
60
|
-
3: 'var(--outline-3)'
|
|
60
|
+
3: 'var(--outline-3)',
|
|
61
|
+
4: 'var(--outline-4)',
|
|
62
|
+
5: 'var(--outline-5)'
|
|
63
|
+
},
|
|
64
|
+
highlight: {
|
|
65
|
+
1: 'var(--highlight-1)',
|
|
66
|
+
2: 'var(--highlight-2)',
|
|
67
|
+
3: 'var(--highlight-3)'
|
|
61
68
|
},
|
|
62
69
|
success: {
|
|
63
70
|
DEFAULT: 'var(--success)',
|
package/dist-cjs/preset.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preset.js","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":";;;;;AACA,+DAA4C;AAE5C,MAAM,MAAM,GAAW;IACrB,QAAQ,EAAE,OAAO;IACjB,OAAO,EAAE;QACP,+BAA+B;QAC/B,oBAAoB;QACpB,kBAAkB;QAClB,4BAA4B;QAC5B,wBAAwB;QACxB,gCAAgC;QAChC,WAAW;QACX,+BAA+B;QAC/B,gCAAgC;QAChC,wHAAwH;KACzH;IACD,KAAK,EAAE;QACL,UAAU,EAAE;YACV,IAAI,EAAE,sJAAsJ;YAC5J,IAAI,EAAE,oGAAoG;SAC3G;QACD,MAAM,EAAE;YACN,qHAAqH;YACrH,SAAS,EAAE;gBACT,CAAC,EAAE,iEAAiE;aACrE;YACD,YAAY,EAAE;gBACZ,EAAE,EAAE,KAAK;aACV;YACD,MAAM,EAAE;gBACN,UAAU,EAAE;oBACV,IAAI,EAAE,wBAAwB;oBAC9B,OAAO,EAAE,mBAAmB;oBAC5B,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,KAAK,EAAE,yBAAyB;oBAChC,QAAQ,EAAE,4BAA4B;iBACvC;gBACD,UAAU,EAAE;oBACV,OAAO,EAAE,mBAAmB;oBAC5B,CAAC,EAAE,qBAAqB;oBACxB,QAAQ,EAAE,4BAA4B;oBACtC,YAAY,EAAE,8BAA8B;oBAC5C,OAAO,EAAE,2BAA2B;iBACrC;gBACD,OAAO,EAAE;oBACP,OAAO,EAAE,gBAAgB;oBACzB,KAAK,EAAE,sBAAsB;oBAC7B,KAAK,EAAE,sBAAsB;iBAC9B;gBACD,OAAO,EAAE;oBACP,CAAC,EAAE,kBAAkB;oBACrB,CAAC,EAAE,kBAAkB;oBACrB,CAAC,EAAE,kBAAkB;iBACtB;gBACD,OAAO,EAAE;oBACP,OAAO,EAAE,gBAAgB;oBACzB,OAAO,EAAE,wBAAwB;oBACjC,MAAM,EAAE,uBAAuB;iBAChC;gBACD,OAAO,EAAE;oBACP,OAAO,EAAE,gBAAgB;oBACzB,OAAO,EAAE,wBAAwB;oBACjC,MAAM,EAAE,uBAAuB;iBAChC;gBACD,IAAI,EAAE;oBACJ,OAAO,EAAE,aAAa;oBACtB,OAAO,EAAE,qBAAqB;oBAC9B,MAAM,EAAE,oBAAoB;iBAC7B;gBACD,MAAM,EAAE;oBACN,OAAO,EAAE,eAAe;oBACxB,OAAO,EAAE,uBAAuB;oBAChC,MAAM,EAAE,sBAAsB;iBAC/B;aACF;YACD,YAAY,EAAE;gBACZ,KAAK,EAAE,MAAM;aACd;SACF;KACF;IACD,OAAO,EAAE,CAAC,eAAW,CAAC;CACvB,CAAA;AAED,kBAAe,MAAM,CAAA"}
|
|
1
|
+
{"version":3,"file":"preset.js","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":";;;;;AACA,+DAA4C;AAE5C,MAAM,MAAM,GAAW;IACrB,QAAQ,EAAE,OAAO;IACjB,OAAO,EAAE;QACP,+BAA+B;QAC/B,oBAAoB;QACpB,kBAAkB;QAClB,4BAA4B;QAC5B,wBAAwB;QACxB,gCAAgC;QAChC,WAAW;QACX,+BAA+B;QAC/B,gCAAgC;QAChC,wHAAwH;KACzH;IACD,KAAK,EAAE;QACL,UAAU,EAAE;YACV,IAAI,EAAE,sJAAsJ;YAC5J,IAAI,EAAE,oGAAoG;SAC3G;QACD,MAAM,EAAE;YACN,qHAAqH;YACrH,SAAS,EAAE;gBACT,CAAC,EAAE,iEAAiE;aACrE;YACD,YAAY,EAAE;gBACZ,EAAE,EAAE,KAAK;aACV;YACD,MAAM,EAAE;gBACN,UAAU,EAAE;oBACV,IAAI,EAAE,wBAAwB;oBAC9B,OAAO,EAAE,mBAAmB;oBAC5B,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,CAAC,EAAE,qBAAqB;oBACxB,KAAK,EAAE,yBAAyB;oBAChC,QAAQ,EAAE,4BAA4B;iBACvC;gBACD,UAAU,EAAE;oBACV,OAAO,EAAE,mBAAmB;oBAC5B,CAAC,EAAE,qBAAqB;oBACxB,QAAQ,EAAE,4BAA4B;oBACtC,YAAY,EAAE,8BAA8B;oBAC5C,OAAO,EAAE,2BAA2B;iBACrC;gBACD,OAAO,EAAE;oBACP,OAAO,EAAE,gBAAgB;oBACzB,KAAK,EAAE,sBAAsB;oBAC7B,KAAK,EAAE,sBAAsB;iBAC9B;gBACD,OAAO,EAAE;oBACP,CAAC,EAAE,kBAAkB;oBACrB,CAAC,EAAE,kBAAkB;oBACrB,CAAC,EAAE,kBAAkB;oBACrB,CAAC,EAAE,kBAAkB;oBACrB,CAAC,EAAE,kBAAkB;iBACtB;gBACD,SAAS,EAAE;oBACT,CAAC,EAAE,oBAAoB;oBACvB,CAAC,EAAE,oBAAoB;oBACvB,CAAC,EAAE,oBAAoB;iBACxB;gBACD,OAAO,EAAE;oBACP,OAAO,EAAE,gBAAgB;oBACzB,OAAO,EAAE,wBAAwB;oBACjC,MAAM,EAAE,uBAAuB;iBAChC;gBACD,OAAO,EAAE;oBACP,OAAO,EAAE,gBAAgB;oBACzB,OAAO,EAAE,wBAAwB;oBACjC,MAAM,EAAE,uBAAuB;iBAChC;gBACD,IAAI,EAAE;oBACJ,OAAO,EAAE,aAAa;oBACtB,OAAO,EAAE,qBAAqB;oBAC9B,MAAM,EAAE,oBAAoB;iBAC7B;gBACD,MAAM,EAAE;oBACN,OAAO,EAAE,eAAe;oBACxB,OAAO,EAAE,uBAAuB;oBAChC,MAAM,EAAE,sBAAsB;iBAC/B;aACF;YACD,YAAY,EAAE;gBACZ,KAAK,EAAE,MAAM;aACd;SACF;KACF;IACD,OAAO,EAAE,CAAC,eAAW,CAAC;CACvB,CAAA;AAED,kBAAe,MAAM,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@speckle/tailwind-theme",
|
|
3
3
|
"description": "Speckle tailwind theme used in frontend 2 and other apps",
|
|
4
|
-
"version": "2.20.
|
|
4
|
+
"version": "2.20.3",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"scripts": {
|
|
7
7
|
"build": "rimraf ./dist ./dist-cjs && tsc -p . && tsc -p ./tsconfig.cjs.json && tsconfig-to-dual-package",
|
package/src/plugin.ts
CHANGED
|
@@ -3,10 +3,10 @@ import preset from './preset.js'
|
|
|
3
3
|
|
|
4
4
|
export const lightThemeVariables = {
|
|
5
5
|
/* used only as the page background */
|
|
6
|
-
'--foundation-page': '#
|
|
6
|
+
'--foundation-page': '#FAFAFA',
|
|
7
7
|
/* used as the background for any elements that sit on the page */
|
|
8
|
-
'--foundation': '#
|
|
9
|
-
'--foundation-2': '#
|
|
8
|
+
'--foundation': '#FFFFFF',
|
|
9
|
+
'--foundation-2': '#F5F5F5',
|
|
10
10
|
'--foundation-3': '#fcfcfc',
|
|
11
11
|
'--foundation-4': '#fcfcfc',
|
|
12
12
|
'--foundation-5': '#fcfcfc',
|
|
@@ -16,55 +16,59 @@ export const lightThemeVariables = {
|
|
|
16
16
|
'--foundation-disabled': '#e5e5e5',
|
|
17
17
|
|
|
18
18
|
/* default foreground color */
|
|
19
|
-
'--foreground': '#
|
|
19
|
+
'--foreground': '#1A1A1A',
|
|
20
20
|
/* dimmer foreground color, e.g. caption text */
|
|
21
|
-
'--foreground-2': '#
|
|
22
|
-
|
|
23
|
-
'--foreground-disabled': '#a3a3a3',
|
|
24
|
-
/* primary color when used for text directly on top of foundation-page */
|
|
25
|
-
'--foreground-primary': '#3b82f6',
|
|
21
|
+
'--foreground-2': '#626263',
|
|
22
|
+
'--foreground-3': '#7C7C7D',
|
|
26
23
|
/* foreground color when put on top of a primary colored background */
|
|
27
24
|
'--foreground-on-primary': '#fff',
|
|
28
25
|
|
|
29
26
|
/* primary color */
|
|
30
|
-
'--primary': '#
|
|
27
|
+
'--primary': '#136CFF',
|
|
31
28
|
/* focused primary color */
|
|
32
|
-
'--primary-focus': '#
|
|
29
|
+
'--primary-focus': '#276FE5',
|
|
33
30
|
/* muted primary color */
|
|
34
|
-
'--primary-muted': '#
|
|
31
|
+
'--primary-muted': '#EDEDED',
|
|
35
32
|
|
|
36
33
|
/* outline variations */
|
|
37
|
-
'--outline-1': '#
|
|
38
|
-
'--outline-2': '#
|
|
39
|
-
'--outline-3': '#
|
|
34
|
+
'--outline-1': '#276FE5',
|
|
35
|
+
'--outline-2': '#DFDFDF',
|
|
36
|
+
'--outline-3': '#E2E8F0',
|
|
37
|
+
'--outline-4': '#4B40C9',
|
|
38
|
+
'--outline-5': '#C4C4C4',
|
|
39
|
+
|
|
40
|
+
/* highlight variations */
|
|
41
|
+
'--highlight-1': '#F4F4F4',
|
|
42
|
+
'--highlight-2': '#F2F2F2',
|
|
43
|
+
'--highlight-3': '#EDEDED',
|
|
40
44
|
|
|
41
45
|
/* success variations */
|
|
42
|
-
'--success': '#
|
|
43
|
-
'--success-lighter': '#
|
|
44
|
-
'--success-darker': '#
|
|
46
|
+
'--success': '#34D399',
|
|
47
|
+
'--success-lighter': '#53EDB5',
|
|
48
|
+
'--success-darker': '#1CBA80',
|
|
45
49
|
|
|
46
50
|
/* warning variations */
|
|
47
|
-
'--warning': '#
|
|
48
|
-
'--warning-lighter': '#
|
|
49
|
-
'--warning-darker': '#
|
|
51
|
+
'--warning': '#FBBF24',
|
|
52
|
+
'--warning-lighter': '#FFD770',
|
|
53
|
+
'--warning-darker': '#E0AB20',
|
|
50
54
|
|
|
51
55
|
/* info variations */
|
|
52
|
-
'--info': '#
|
|
53
|
-
'--info-lighter': '#
|
|
54
|
-
'--info-darker': '#
|
|
56
|
+
'--info': '#B9B8CC',
|
|
57
|
+
'--info-lighter': '#D2D1E5',
|
|
58
|
+
'--info-darker': '#6D6B99',
|
|
55
59
|
|
|
56
60
|
/* danger variations */
|
|
57
|
-
'--danger': '#
|
|
58
|
-
'--danger-lighter': '#
|
|
59
|
-
'--danger-darker': '#
|
|
61
|
+
'--danger': '#C45959',
|
|
62
|
+
'--danger-lighter': '#F78888',
|
|
63
|
+
'--danger-darker': '#913333'
|
|
60
64
|
}
|
|
61
65
|
|
|
62
66
|
export const darkThemeVariables = {
|
|
63
67
|
/* used only as the page background */
|
|
64
|
-
'--foundation-page': '#
|
|
68
|
+
'--foundation-page': '#101012',
|
|
65
69
|
/* used as the background for any elements that sit on the page */
|
|
66
|
-
'--foundation': '#
|
|
67
|
-
'--foundation-2': '#
|
|
70
|
+
'--foundation': '#15161C',
|
|
71
|
+
'--foundation-2': '#191A22',
|
|
68
72
|
'--foundation-3': '#52525b',
|
|
69
73
|
'--foundation-4': '#71717a',
|
|
70
74
|
'--foundation-5': '#a1a1aa',
|
|
@@ -74,47 +78,50 @@ export const darkThemeVariables = {
|
|
|
74
78
|
'--foundation-disabled': '#3c3c3d',
|
|
75
79
|
|
|
76
80
|
/* default foreground color */
|
|
77
|
-
'--foreground': '#
|
|
81
|
+
'--foreground': '#FFFFFF',
|
|
78
82
|
/* dimmer foreground color, e.g. caption text */
|
|
79
|
-
'--foreground-2': '#
|
|
80
|
-
|
|
81
|
-
'--foreground-
|
|
82
|
-
/* primary color when used for text directly on top of foundation-page */
|
|
83
|
-
'--foreground-primary': '#bfdbfe',
|
|
84
|
-
/* foreground color when put on top of a primary colored background */
|
|
85
|
-
'--foreground-on-primary': '#fafafa',
|
|
83
|
+
'--foreground-2': '#B0B1B5',
|
|
84
|
+
'--foreground-3': '#7E7F82',
|
|
85
|
+
'--foreground-on-primary': '#FFFFFF',
|
|
86
86
|
|
|
87
87
|
/* primary color */
|
|
88
|
-
'--primary': '#
|
|
88
|
+
'--primary': '#136CFF',
|
|
89
89
|
/* focused primary color */
|
|
90
|
-
'--primary-focus': '#
|
|
90
|
+
'--primary-focus': '#458CFF',
|
|
91
91
|
/* muted primary color */
|
|
92
|
-
'--primary-muted': '#
|
|
92
|
+
'--primary-muted': '#292B39',
|
|
93
93
|
|
|
94
94
|
/* outline variations */
|
|
95
|
-
'--outline-1': '#
|
|
96
|
-
'--outline-2': '#
|
|
97
|
-
'--outline-3': '#
|
|
95
|
+
'--outline-1': '#2B7CFF',
|
|
96
|
+
'--outline-2': '#2E313F',
|
|
97
|
+
'--outline-3': '#282833',
|
|
98
|
+
'--outline-4': '#4B40C9',
|
|
99
|
+
'--outline-5': '#434559',
|
|
100
|
+
|
|
101
|
+
/* highlight variations */
|
|
102
|
+
'--highlight-1': '#22242E',
|
|
103
|
+
'--highlight-2': '#292B39',
|
|
104
|
+
'--highlight-3': '#323445',
|
|
98
105
|
|
|
99
106
|
/* success variations */
|
|
100
|
-
'--success': '#
|
|
101
|
-
'--success-lighter': '#
|
|
102
|
-
'--success-darker': '#
|
|
107
|
+
'--success': '#34D399',
|
|
108
|
+
'--success-lighter': '#53EDB5',
|
|
109
|
+
'--success-darker': '#1CBA80',
|
|
103
110
|
|
|
104
111
|
/* warning variations */
|
|
105
|
-
'--warning': '#
|
|
106
|
-
'--warning-lighter': '#
|
|
107
|
-
'--warning-darker': '#
|
|
112
|
+
'--warning': '#FBBF24',
|
|
113
|
+
'--warning-lighter': '#FFD770',
|
|
114
|
+
'--warning-darker': '#E0AB20',
|
|
108
115
|
|
|
109
116
|
/* info variations */
|
|
110
|
-
'--info': '#
|
|
111
|
-
'--info-lighter': '#
|
|
112
|
-
'--info-darker': '#
|
|
117
|
+
'--info': '#B9B8CC',
|
|
118
|
+
'--info-lighter': '#D2D1E5',
|
|
119
|
+
'--info-darker': '#6D6B99',
|
|
113
120
|
|
|
114
121
|
/* danger variations */
|
|
115
|
-
'--danger': '#
|
|
116
|
-
'--danger-lighter': '#
|
|
117
|
-
'--danger-darker': '#
|
|
122
|
+
'--danger': '#F87171',
|
|
123
|
+
'--danger-lighter': '#FF8F8F',
|
|
124
|
+
'--danger-darker': '#AB3E3E'
|
|
118
125
|
}
|
|
119
126
|
|
|
120
127
|
export default plugin(function ({ addComponents, addBase }) {
|
|
@@ -242,30 +249,45 @@ export default plugin(function ({ addComponents, addBase }) {
|
|
|
242
249
|
addComponents({
|
|
243
250
|
// Fancy gradient text
|
|
244
251
|
'.text-fancy-gradient': {
|
|
245
|
-
'@apply font-
|
|
252
|
+
'@apply font-semibold bg-gradient-to-r from-blue-500 via-blue-400 to-blue-600 text-transparent bg-clip-text':
|
|
246
253
|
{}
|
|
247
254
|
},
|
|
248
|
-
//
|
|
249
|
-
'.h1': {
|
|
250
|
-
'@apply text-
|
|
255
|
+
// New heading styles
|
|
256
|
+
'.text-heading-2xl, .h1': {
|
|
257
|
+
'@apply font-medium text-3xl leading-10 tracking-[-0.63px]': {}
|
|
251
258
|
},
|
|
252
|
-
'.h2': {
|
|
253
|
-
'@apply text-
|
|
259
|
+
'.text-heading-xl, .h2': {
|
|
260
|
+
'@apply font-medium text-2xl leading-8 tracking-[-0.456px]': {}
|
|
254
261
|
},
|
|
255
|
-
'.h3': {
|
|
256
|
-
'@apply text-
|
|
262
|
+
'.text-heading-lg, .h3': {
|
|
263
|
+
'@apply font-medium text-lg leading-6 tracking-[-0.252px]': {}
|
|
257
264
|
},
|
|
258
|
-
'.h4': {
|
|
259
|
-
'@apply text-
|
|
265
|
+
'.text-heading, .h4': {
|
|
266
|
+
'@apply font-medium text-base leading-6 tracking-[-0.176px]': {}
|
|
260
267
|
},
|
|
261
|
-
'.h5': {
|
|
262
|
-
'@apply text-
|
|
268
|
+
'.text-heading-sm, .h5, .h6': {
|
|
269
|
+
'@apply font-medium text-sm leading-6 tracking-[-0.084px]': {}
|
|
270
|
+
},
|
|
271
|
+
|
|
272
|
+
// New body styles
|
|
273
|
+
'.text-body': {
|
|
274
|
+
'@apply text-base leading-6 tracking-[-0.176px]': {}
|
|
263
275
|
},
|
|
264
|
-
'.
|
|
265
|
-
'@apply text-
|
|
276
|
+
'.text-body-sm': {
|
|
277
|
+
'@apply text-sm leading-6 tracking-[-0.084px]': {}
|
|
266
278
|
},
|
|
279
|
+
'.text-body-xs': {
|
|
280
|
+
'@apply text-[13px] leading-6 tracking-[-0.032px]': {}
|
|
281
|
+
},
|
|
282
|
+
'.text-body-2xs': {
|
|
283
|
+
'@apply text-xs leading-4': {}
|
|
284
|
+
},
|
|
285
|
+
'.text-body-3xs': {
|
|
286
|
+
'@apply text-[11px] leading-4 tracking-[0.055px]': {}
|
|
287
|
+
},
|
|
288
|
+
|
|
267
289
|
'.label': {
|
|
268
|
-
'@apply text-
|
|
290
|
+
'@apply text-[13px] font-medium leading-5': {}
|
|
269
291
|
},
|
|
270
292
|
'.label--light': {
|
|
271
293
|
'@apply font-normal': {}
|
|
@@ -308,7 +330,7 @@ export default plugin(function ({ addComponents, addBase }) {
|
|
|
308
330
|
// Simple scrollbar (OSX-like) to use instead of the ugly browser one
|
|
309
331
|
'.simple-scrollbar': {
|
|
310
332
|
'scrollbar-width': 'var(--simple-scrollbar-width)',
|
|
311
|
-
'scrollbar-color': 'var(--
|
|
333
|
+
'scrollbar-color': 'var(--outline-5)',
|
|
312
334
|
'&::-webkit-scrollbar': {
|
|
313
335
|
width: 'var(--simple-scrollbar-width)',
|
|
314
336
|
height: '6px'
|
|
@@ -319,10 +341,10 @@ export default plugin(function ({ addComponents, addBase }) {
|
|
|
319
341
|
},
|
|
320
342
|
'&::-webkit-scrollbar-thumb': {
|
|
321
343
|
'border-radius': '15px',
|
|
322
|
-
background: 'var(--
|
|
344
|
+
background: 'var(--outline-5)'
|
|
323
345
|
},
|
|
324
346
|
'&::-webkit-scrollbar-thumb:hover': {
|
|
325
|
-
background: 'var(--
|
|
347
|
+
background: 'var(--outline-5)'
|
|
326
348
|
},
|
|
327
349
|
'&::-webkit-scrollbar-thumb:active': {
|
|
328
350
|
background: 'rgba(90 90 90 10100%)'
|
package/src/preset.ts
CHANGED
|
@@ -54,7 +54,14 @@ const config: Config = {
|
|
|
54
54
|
outline: {
|
|
55
55
|
1: 'var(--outline-1)',
|
|
56
56
|
2: 'var(--outline-2)',
|
|
57
|
-
3: 'var(--outline-3)'
|
|
57
|
+
3: 'var(--outline-3)',
|
|
58
|
+
4: 'var(--outline-4)',
|
|
59
|
+
5: 'var(--outline-5)'
|
|
60
|
+
},
|
|
61
|
+
highlight: {
|
|
62
|
+
1: 'var(--highlight-1)',
|
|
63
|
+
2: 'var(--highlight-2)',
|
|
64
|
+
3: 'var(--highlight-3)'
|
|
58
65
|
},
|
|
59
66
|
success: {
|
|
60
67
|
DEFAULT: 'var(--success)',
|