@sproutsocial/seeds-react-theme 3.6.2 → 4.1.0
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 +199 -0
- package/commonjs/builders/buildCSS.js +202 -0
- package/commonjs/builders/buildTailwindV4.js +238 -0
- package/commonjs/builders/index.js +65 -0
- package/commonjs/builders/utils.js +225 -0
- package/commonjs/dark/theme.js +48 -3
- package/commonjs/light/theme.js +56 -3
- package/dist/tailwind-preset.css +118 -0
- package/dist/theme-all.css +961 -0
- package/dist/theme-dark.css +480 -0
- package/dist/theme.css +480 -0
- package/dist/themes/dark/_themed.scss +7 -0
- package/dist/themes/dark/theme.scss +94 -6
- package/dist/themes/extendedThemes/sproutTheme/dark/_themed.scss +7 -0
- package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +47 -3
- package/dist/themes/extendedThemes/sproutTheme/light/_themed.scss +7 -0
- package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +47 -3
- package/dist/themes/light/_themed.scss +7 -0
- package/dist/themes/light/theme.scss +94 -6
- package/dist/themes/types/_themed.scss +7 -0
- package/dist/types/builders/buildCSS.d.ts +8 -0
- package/dist/types/builders/buildCSS.d.ts.map +1 -0
- package/dist/types/builders/buildTailwindV4.d.ts +18 -0
- package/dist/types/builders/buildTailwindV4.d.ts.map +1 -0
- package/dist/types/builders/index.d.ts +10 -0
- package/dist/types/builders/index.d.ts.map +1 -0
- package/dist/types/builders/utils.d.ts +53 -0
- package/dist/types/builders/utils.d.ts.map +1 -0
- package/dist/types/dark/theme.d.ts +88 -0
- package/dist/types/dark/theme.d.ts.map +1 -1
- package/dist/types/light/theme.d.ts +88 -0
- package/dist/types/light/theme.d.ts.map +1 -1
- package/dist/types/types/theme.colors.d.ts +1 -0
- package/dist/types/types/theme.colors.d.ts.map +1 -1
- package/lib/builders/buildCSS.js +200 -0
- package/lib/builders/buildTailwindV4.js +233 -0
- package/lib/builders/index.js +37 -0
- package/lib/builders/utils.js +209 -0
- package/lib/dark/theme.js +48 -3
- package/lib/light/theme.js +56 -3
- package/package.json +24 -2
- package/tailwind-preset.js +199 -0
|
@@ -84,7 +84,8 @@ $theme: (
|
|
|
84
84
|
"selected": #FFFFFF,
|
|
85
85
|
"positive_sentiment": #3876e3,
|
|
86
86
|
"negative_sentiment": #f76054,
|
|
87
|
-
"neutral_sentiment": #c8cccc
|
|
87
|
+
"neutral_sentiment": #c8cccc,
|
|
88
|
+
"ai_generated": var(--color-container-bg-ai-generated, #f3f4f4)
|
|
88
89
|
),
|
|
89
90
|
"border": (
|
|
90
91
|
"base": #040404,
|
|
@@ -107,9 +108,14 @@ $theme: (
|
|
|
107
108
|
"aqua": #17b8ce,
|
|
108
109
|
"teal": #08c4b2
|
|
109
110
|
),
|
|
110
|
-
"selected": #FFFFFF
|
|
111
|
+
"selected": #FFFFFF,
|
|
112
|
+
"ai_generated": #6f5ed3
|
|
111
113
|
)
|
|
112
114
|
),
|
|
115
|
+
"gradient": (
|
|
116
|
+
"ai": radial-gradient(circle at bottom left, #205bc3 0%, #9747ff 61%, #f282f5 100%),
|
|
117
|
+
"ai-subtle": radial-gradient(circle at bottom left, color-mix(in srgb, #205bc3, transparent 80%) 0%, color-mix(in srgb, #9747ff, transparent 80%) 61%, color-mix(in srgb, #f282f5, transparent 80%) 100%)
|
|
118
|
+
),
|
|
113
119
|
"button": (
|
|
114
120
|
"primary": (
|
|
115
121
|
"background": (
|
|
@@ -202,6 +208,42 @@ $theme: (
|
|
|
202
208
|
"base": #c8cccc,
|
|
203
209
|
"hover": #dee1e1
|
|
204
210
|
)
|
|
211
|
+
),
|
|
212
|
+
"ai-primary": (
|
|
213
|
+
"background": (
|
|
214
|
+
"base": var(--color-gradient-ai)
|
|
215
|
+
),
|
|
216
|
+
"border": (
|
|
217
|
+
"base": transparent
|
|
218
|
+
),
|
|
219
|
+
"text": (
|
|
220
|
+
"base": #FFFFFF,
|
|
221
|
+
"hover": #FFFFFF
|
|
222
|
+
)
|
|
223
|
+
),
|
|
224
|
+
"ai-secondary": (
|
|
225
|
+
"background": (
|
|
226
|
+
"base": var(--color-gradient-ai-subtle)
|
|
227
|
+
),
|
|
228
|
+
"border": (
|
|
229
|
+
"base": transparent
|
|
230
|
+
),
|
|
231
|
+
"text": (
|
|
232
|
+
"base": #364141,
|
|
233
|
+
"hover": #364141
|
|
234
|
+
)
|
|
235
|
+
),
|
|
236
|
+
"ai-outline": (
|
|
237
|
+
"background": (
|
|
238
|
+
"base": transparent
|
|
239
|
+
),
|
|
240
|
+
"border": (
|
|
241
|
+
"base": var(--color-gradient-ai)
|
|
242
|
+
),
|
|
243
|
+
"text": (
|
|
244
|
+
"base": #f3f4f4,
|
|
245
|
+
"hover": #f3f4f4
|
|
246
|
+
)
|
|
205
247
|
)
|
|
206
248
|
),
|
|
207
249
|
"link": (
|
|
@@ -230,7 +272,8 @@ $theme: (
|
|
|
230
272
|
"pink": #fcdbeb,
|
|
231
273
|
"aqua": #c5f9f9,
|
|
232
274
|
"teal": #cdf7ef
|
|
233
|
-
)
|
|
275
|
+
),
|
|
276
|
+
"ai_generated": #273333
|
|
234
277
|
),
|
|
235
278
|
"icon": (
|
|
236
279
|
"base": #f3f4f4,
|
|
@@ -336,6 +379,7 @@ $theme: (
|
|
|
336
379
|
"instagram": #e4405f,
|
|
337
380
|
"feedly": #2bb24c,
|
|
338
381
|
"analytics": #ef6c00,
|
|
382
|
+
"google_analytics_property": #ef6c00,
|
|
339
383
|
"youtube": #ff0000,
|
|
340
384
|
"messenger": #000000,
|
|
341
385
|
"snapchat": #fffc00,
|
|
@@ -6,6 +6,13 @@
|
|
|
6
6
|
// _themed.scss will be copied to each theme folder in /dist, where the theme.scss file for that theme will be.
|
|
7
7
|
@import "./theme.scss";
|
|
8
8
|
|
|
9
|
+
// CSS custom properties for values that can't be represented in SCSS maps.
|
|
10
|
+
// radial-gradient + color-mix() breaks SCSS map parsing, so the theme object
|
|
11
|
+
// holds a var() reference and the actual value is defined here.
|
|
12
|
+
:root {
|
|
13
|
+
--color-container-bg-ai-generated: radial-gradient(circle at bottom left, color-mix(in srgb, #205bc3, transparent 80%) 0%, color-mix(in srgb, #6f5ed3, transparent 80%) 61%, color-mix(in srgb, #f282f5, transparent 80%) 100%), #f3f4f4;
|
|
14
|
+
}
|
|
15
|
+
|
|
9
16
|
// In the JS theme file, the theme object is exported as "default" (i.e., using "export default"),
|
|
10
17
|
// so we need to map-get "default" to access it.
|
|
11
18
|
$theme: map-get($theme, "default");
|
|
@@ -84,7 +84,8 @@ $theme: (
|
|
|
84
84
|
"selected": #364141,
|
|
85
85
|
"positive_sentiment": #3876e3,
|
|
86
86
|
"negative_sentiment": #f76054,
|
|
87
|
-
"neutral_sentiment": #c8cccc
|
|
87
|
+
"neutral_sentiment": #c8cccc,
|
|
88
|
+
"ai_generated": var(--color-container-bg-ai-generated, #f3f4f4)
|
|
88
89
|
),
|
|
89
90
|
"border": (
|
|
90
91
|
"base": #dee1e1,
|
|
@@ -107,9 +108,14 @@ $theme: (
|
|
|
107
108
|
"aqua": #17b8ce,
|
|
108
109
|
"teal": #08c4b2
|
|
109
110
|
),
|
|
110
|
-
"selected": #364141
|
|
111
|
+
"selected": #364141,
|
|
112
|
+
"ai_generated": #6f5ed3
|
|
111
113
|
)
|
|
112
114
|
),
|
|
115
|
+
"gradient": (
|
|
116
|
+
"ai": radial-gradient(circle at bottom left, #205bc3 0%, #9747ff 61%, #f282f5 100%),
|
|
117
|
+
"ai-subtle": radial-gradient(circle at bottom left, color-mix(in srgb, #205bc3, transparent 80%) 0%, color-mix(in srgb, #9747ff, transparent 80%) 61%, color-mix(in srgb, #f282f5, transparent 80%) 100%)
|
|
118
|
+
),
|
|
113
119
|
"button": (
|
|
114
120
|
"primary": (
|
|
115
121
|
"background": (
|
|
@@ -202,6 +208,42 @@ $theme: (
|
|
|
202
208
|
"base": #515e5f,
|
|
203
209
|
"hover": #273333
|
|
204
210
|
)
|
|
211
|
+
),
|
|
212
|
+
"ai-primary": (
|
|
213
|
+
"background": (
|
|
214
|
+
"base": var(--color-gradient-ai)
|
|
215
|
+
),
|
|
216
|
+
"border": (
|
|
217
|
+
"base": transparent
|
|
218
|
+
),
|
|
219
|
+
"text": (
|
|
220
|
+
"base": #FFFFFF,
|
|
221
|
+
"hover": #FFFFFF
|
|
222
|
+
)
|
|
223
|
+
),
|
|
224
|
+
"ai-secondary": (
|
|
225
|
+
"background": (
|
|
226
|
+
"base": var(--color-gradient-ai-subtle)
|
|
227
|
+
),
|
|
228
|
+
"border": (
|
|
229
|
+
"base": transparent
|
|
230
|
+
),
|
|
231
|
+
"text": (
|
|
232
|
+
"base": #364141,
|
|
233
|
+
"hover": #364141
|
|
234
|
+
)
|
|
235
|
+
),
|
|
236
|
+
"ai-outline": (
|
|
237
|
+
"background": (
|
|
238
|
+
"base": transparent
|
|
239
|
+
),
|
|
240
|
+
"border": (
|
|
241
|
+
"base": var(--color-gradient-ai)
|
|
242
|
+
),
|
|
243
|
+
"text": (
|
|
244
|
+
"base": #364141,
|
|
245
|
+
"hover": #364141
|
|
246
|
+
)
|
|
205
247
|
)
|
|
206
248
|
),
|
|
207
249
|
"link": (
|
|
@@ -230,7 +272,8 @@ $theme: (
|
|
|
230
272
|
"pink": #931847,
|
|
231
273
|
"aqua": #035e73,
|
|
232
274
|
"teal": #026661
|
|
233
|
-
)
|
|
275
|
+
),
|
|
276
|
+
"ai_generated": #273333
|
|
234
277
|
),
|
|
235
278
|
"icon": (
|
|
236
279
|
"base": #364141,
|
|
@@ -336,6 +379,7 @@ $theme: (
|
|
|
336
379
|
"instagram": #e4405f,
|
|
337
380
|
"feedly": #2bb24c,
|
|
338
381
|
"analytics": #ef6c00,
|
|
382
|
+
"google_analytics_property": #ef6c00,
|
|
339
383
|
"youtube": #ff0000,
|
|
340
384
|
"messenger": #000000,
|
|
341
385
|
"snapchat": #fffc00,
|
|
@@ -6,6 +6,13 @@
|
|
|
6
6
|
// _themed.scss will be copied to each theme folder in /dist, where the theme.scss file for that theme will be.
|
|
7
7
|
@import "./theme.scss";
|
|
8
8
|
|
|
9
|
+
// CSS custom properties for values that can't be represented in SCSS maps.
|
|
10
|
+
// radial-gradient + color-mix() breaks SCSS map parsing, so the theme object
|
|
11
|
+
// holds a var() reference and the actual value is defined here.
|
|
12
|
+
:root {
|
|
13
|
+
--color-container-bg-ai-generated: radial-gradient(circle at bottom left, color-mix(in srgb, #205bc3, transparent 80%) 0%, color-mix(in srgb, #6f5ed3, transparent 80%) 61%, color-mix(in srgb, #f282f5, transparent 80%) 100%), #f3f4f4;
|
|
14
|
+
}
|
|
15
|
+
|
|
9
16
|
// In the JS theme file, the theme object is exported as "default" (i.e., using "export default"),
|
|
10
17
|
// so we need to map-get "default" to access it.
|
|
11
18
|
$theme: map-get($theme, "default");
|
|
@@ -41,7 +41,8 @@ $theme: (
|
|
|
41
41
|
"selected": #364141,
|
|
42
42
|
"positive_sentiment": #3876e3,
|
|
43
43
|
"negative_sentiment": #f76054,
|
|
44
|
-
"neutral_sentiment": #c8cccc
|
|
44
|
+
"neutral_sentiment": #c8cccc,
|
|
45
|
+
"ai_generated": var(--color-container-bg-ai-generated, #f3f4f4)
|
|
45
46
|
),
|
|
46
47
|
"border": (
|
|
47
48
|
"base": #dee1e1,
|
|
@@ -64,9 +65,14 @@ $theme: (
|
|
|
64
65
|
"aqua": #17b8ce,
|
|
65
66
|
"teal": #08c4b2
|
|
66
67
|
),
|
|
67
|
-
"selected": #364141
|
|
68
|
+
"selected": #364141,
|
|
69
|
+
"ai_generated": #6f5ed3
|
|
68
70
|
)
|
|
69
71
|
),
|
|
72
|
+
"gradient": (
|
|
73
|
+
"ai": radial-gradient(circle at bottom left, #205bc3 0%, #9747ff 61%, #f282f5 100%),
|
|
74
|
+
"ai-subtle": radial-gradient(circle at bottom left, color-mix(in srgb, #205bc3, transparent 80%) 0%, color-mix(in srgb, #9747ff, transparent 80%) 61%, color-mix(in srgb, #f282f5, transparent 80%) 100%)
|
|
75
|
+
),
|
|
70
76
|
"button": (
|
|
71
77
|
"primary": (
|
|
72
78
|
"background": (
|
|
@@ -159,6 +165,42 @@ $theme: (
|
|
|
159
165
|
"base": #515e5f,
|
|
160
166
|
"hover": #273333
|
|
161
167
|
)
|
|
168
|
+
),
|
|
169
|
+
"ai-primary": (
|
|
170
|
+
"background": (
|
|
171
|
+
"base": var(--color-gradient-ai)
|
|
172
|
+
),
|
|
173
|
+
"border": (
|
|
174
|
+
"base": transparent
|
|
175
|
+
),
|
|
176
|
+
"text": (
|
|
177
|
+
"base": #FFFFFF,
|
|
178
|
+
"hover": #FFFFFF
|
|
179
|
+
)
|
|
180
|
+
),
|
|
181
|
+
"ai-secondary": (
|
|
182
|
+
"background": (
|
|
183
|
+
"base": var(--color-gradient-ai-subtle)
|
|
184
|
+
),
|
|
185
|
+
"border": (
|
|
186
|
+
"base": transparent
|
|
187
|
+
),
|
|
188
|
+
"text": (
|
|
189
|
+
"base": #364141,
|
|
190
|
+
"hover": #364141
|
|
191
|
+
)
|
|
192
|
+
),
|
|
193
|
+
"ai-outline": (
|
|
194
|
+
"background": (
|
|
195
|
+
"base": transparent
|
|
196
|
+
),
|
|
197
|
+
"border": (
|
|
198
|
+
"base": var(--color-gradient-ai)
|
|
199
|
+
),
|
|
200
|
+
"text": (
|
|
201
|
+
"base": #364141,
|
|
202
|
+
"hover": #364141
|
|
203
|
+
)
|
|
162
204
|
)
|
|
163
205
|
),
|
|
164
206
|
"link": (
|
|
@@ -187,7 +229,8 @@ $theme: (
|
|
|
187
229
|
"pink": #931847,
|
|
188
230
|
"aqua": #035e73,
|
|
189
231
|
"teal": #026661
|
|
190
|
-
)
|
|
232
|
+
),
|
|
233
|
+
"ai_generated": #273333
|
|
191
234
|
),
|
|
192
235
|
"icon": (
|
|
193
236
|
"base": #364141,
|
|
@@ -293,6 +336,7 @@ $theme: (
|
|
|
293
336
|
"instagram": #e4405f,
|
|
294
337
|
"feedly": #2bb24c,
|
|
295
338
|
"analytics": #ef6c00,
|
|
339
|
+
"google_analytics_property": #ef6c00,
|
|
296
340
|
"youtube": #ff0000,
|
|
297
341
|
"messenger": #000000,
|
|
298
342
|
"snapchat": #fffc00,
|
|
@@ -566,7 +610,8 @@ $theme: (
|
|
|
566
610
|
"selected": #364141,
|
|
567
611
|
"positive_sentiment": #3876e3,
|
|
568
612
|
"negative_sentiment": #f76054,
|
|
569
|
-
"neutral_sentiment": #c8cccc
|
|
613
|
+
"neutral_sentiment": #c8cccc,
|
|
614
|
+
"ai_generated": var(--color-container-bg-ai-generated, #f3f4f4)
|
|
570
615
|
),
|
|
571
616
|
"border": (
|
|
572
617
|
"base": #dee1e1,
|
|
@@ -589,9 +634,14 @@ $theme: (
|
|
|
589
634
|
"aqua": #17b8ce,
|
|
590
635
|
"teal": #08c4b2
|
|
591
636
|
),
|
|
592
|
-
"selected": #364141
|
|
637
|
+
"selected": #364141,
|
|
638
|
+
"ai_generated": #6f5ed3
|
|
593
639
|
)
|
|
594
640
|
),
|
|
641
|
+
"gradient": (
|
|
642
|
+
"ai": radial-gradient(circle at bottom left, #205bc3 0%, #9747ff 61%, #f282f5 100%),
|
|
643
|
+
"ai-subtle": radial-gradient(circle at bottom left, color-mix(in srgb, #205bc3, transparent 80%) 0%, color-mix(in srgb, #9747ff, transparent 80%) 61%, color-mix(in srgb, #f282f5, transparent 80%) 100%)
|
|
644
|
+
),
|
|
595
645
|
"button": (
|
|
596
646
|
"primary": (
|
|
597
647
|
"background": (
|
|
@@ -684,6 +734,42 @@ $theme: (
|
|
|
684
734
|
"base": #515e5f,
|
|
685
735
|
"hover": #273333
|
|
686
736
|
)
|
|
737
|
+
),
|
|
738
|
+
"ai-primary": (
|
|
739
|
+
"background": (
|
|
740
|
+
"base": var(--color-gradient-ai)
|
|
741
|
+
),
|
|
742
|
+
"border": (
|
|
743
|
+
"base": transparent
|
|
744
|
+
),
|
|
745
|
+
"text": (
|
|
746
|
+
"base": #FFFFFF,
|
|
747
|
+
"hover": #FFFFFF
|
|
748
|
+
)
|
|
749
|
+
),
|
|
750
|
+
"ai-secondary": (
|
|
751
|
+
"background": (
|
|
752
|
+
"base": var(--color-gradient-ai-subtle)
|
|
753
|
+
),
|
|
754
|
+
"border": (
|
|
755
|
+
"base": transparent
|
|
756
|
+
),
|
|
757
|
+
"text": (
|
|
758
|
+
"base": #364141,
|
|
759
|
+
"hover": #364141
|
|
760
|
+
)
|
|
761
|
+
),
|
|
762
|
+
"ai-outline": (
|
|
763
|
+
"background": (
|
|
764
|
+
"base": transparent
|
|
765
|
+
),
|
|
766
|
+
"border": (
|
|
767
|
+
"base": var(--color-gradient-ai)
|
|
768
|
+
),
|
|
769
|
+
"text": (
|
|
770
|
+
"base": #364141,
|
|
771
|
+
"hover": #364141
|
|
772
|
+
)
|
|
687
773
|
)
|
|
688
774
|
),
|
|
689
775
|
"link": (
|
|
@@ -712,7 +798,8 @@ $theme: (
|
|
|
712
798
|
"pink": #931847,
|
|
713
799
|
"aqua": #035e73,
|
|
714
800
|
"teal": #026661
|
|
715
|
-
)
|
|
801
|
+
),
|
|
802
|
+
"ai_generated": #273333
|
|
716
803
|
),
|
|
717
804
|
"icon": (
|
|
718
805
|
"base": #364141,
|
|
@@ -818,6 +905,7 @@ $theme: (
|
|
|
818
905
|
"instagram": #e4405f,
|
|
819
906
|
"feedly": #2bb24c,
|
|
820
907
|
"analytics": #ef6c00,
|
|
908
|
+
"google_analytics_property": #ef6c00,
|
|
821
909
|
"youtube": #ff0000,
|
|
822
910
|
"messenger": #000000,
|
|
823
911
|
"snapchat": #fffc00,
|
|
@@ -6,6 +6,13 @@
|
|
|
6
6
|
// _themed.scss will be copied to each theme folder in /dist, where the theme.scss file for that theme will be.
|
|
7
7
|
@import "./theme.scss";
|
|
8
8
|
|
|
9
|
+
// CSS custom properties for values that can't be represented in SCSS maps.
|
|
10
|
+
// radial-gradient + color-mix() breaks SCSS map parsing, so the theme object
|
|
11
|
+
// holds a var() reference and the actual value is defined here.
|
|
12
|
+
:root {
|
|
13
|
+
--color-container-bg-ai-generated: radial-gradient(circle at bottom left, color-mix(in srgb, #205bc3, transparent 80%) 0%, color-mix(in srgb, #6f5ed3, transparent 80%) 61%, color-mix(in srgb, #f282f5, transparent 80%) 100%), #f3f4f4;
|
|
14
|
+
}
|
|
15
|
+
|
|
9
16
|
// In the JS theme file, the theme object is exported as "default" (i.e., using "export default"),
|
|
10
17
|
// so we need to map-get "default" to access it.
|
|
11
18
|
$theme: map-get($theme, "default");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"buildCSS.d.ts","sourceRoot":"","sources":["../../../src/builders/buildCSS.ts"],"names":[],"mappings":"AAAA;;GAEG;AA4JH;;GAEG;AACH,wBAAsB,iBAAiB,kBA0BtC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Build a Tailwind CSS v4 @theme preset from Seeds design tokens.
|
|
3
|
+
*
|
|
4
|
+
* In Tailwind v4, theme customization is done in CSS via @theme blocks
|
|
5
|
+
* instead of a JavaScript tailwind.config.js. This builder generates
|
|
6
|
+
* dist/tailwind-preset.css which consuming apps import as:
|
|
7
|
+
*
|
|
8
|
+
* @import "tailwindcss";
|
|
9
|
+
* @import "@sproutsocial/seeds-react-theme/css/tailwind-preset";
|
|
10
|
+
*
|
|
11
|
+
* The @theme block registers custom CSS properties that Tailwind v4 picks
|
|
12
|
+
* up and exposes as utility classes (e.g. --spacing-300 → p-300, gap-300).
|
|
13
|
+
*/
|
|
14
|
+
/**
|
|
15
|
+
* Build the Tailwind v4 CSS preset file
|
|
16
|
+
*/
|
|
17
|
+
export declare function buildTailwindV4Preset(): Promise<void>;
|
|
18
|
+
//# sourceMappingURL=buildTailwindV4.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"buildTailwindV4.d.ts","sourceRoot":"","sources":["../../../src/builders/buildTailwindV4.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAUH;;GAEG;AACH,wBAAsB,qBAAqB,kBA4N1C"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Build scripts for transforming Seeds theme to multiple output formats
|
|
3
|
+
*/
|
|
4
|
+
export { buildCSSVariables } from "./buildCSS";
|
|
5
|
+
export * from "./utils";
|
|
6
|
+
/**
|
|
7
|
+
* Run all build transformations
|
|
8
|
+
*/
|
|
9
|
+
export declare function buildAll(): Promise<void>;
|
|
10
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/builders/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,cAAc,SAAS,CAAC;AAExB;;GAEG;AACH,wBAAsB,QAAQ,kBAI7B"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Utility functions for transforming theme objects into different formats
|
|
3
|
+
*/
|
|
4
|
+
/**
|
|
5
|
+
* Flatten a nested object into a single-level object with kebab-case keys
|
|
6
|
+
* Example: { button: { primary: { background: { base: '#fff' } } } }
|
|
7
|
+
* Becomes: { 'button-primary-bg-base': '#fff' }
|
|
8
|
+
*/
|
|
9
|
+
export declare function flattenObject(obj: any, prefix?: string, separator?: string): Record<string, string>;
|
|
10
|
+
/**
|
|
11
|
+
* Flatten colors with a 'color-' prefix for CSS variables
|
|
12
|
+
*/
|
|
13
|
+
export declare function flattenColors(colors: any): Record<string, string>;
|
|
14
|
+
/**
|
|
15
|
+
* Flatten spacing with a 'space-' prefix
|
|
16
|
+
*/
|
|
17
|
+
export declare function flattenSpacing(space: any): Record<string, string>;
|
|
18
|
+
/**
|
|
19
|
+
* Flatten typography values for Tailwind
|
|
20
|
+
*/
|
|
21
|
+
export declare function flattenTypography(typography: any): Record<string, [string, {
|
|
22
|
+
lineHeight: string;
|
|
23
|
+
}]>;
|
|
24
|
+
/**
|
|
25
|
+
* Flatten radii (border radius)
|
|
26
|
+
*/
|
|
27
|
+
export declare function flattenRadii(radii: any): Record<string, string>;
|
|
28
|
+
/**
|
|
29
|
+
* Flatten shadows
|
|
30
|
+
*/
|
|
31
|
+
export declare function flattenShadows(shadows: any): Record<string, string>;
|
|
32
|
+
/**
|
|
33
|
+
* Flatten font weights
|
|
34
|
+
*/
|
|
35
|
+
export declare function flattenFontWeights(fontWeights: any): Record<string, string | number>;
|
|
36
|
+
/**
|
|
37
|
+
* Flatten easing (transition timing functions)
|
|
38
|
+
*/
|
|
39
|
+
export declare function flattenEasing(easing: any): Record<string, string>;
|
|
40
|
+
/**
|
|
41
|
+
* Flatten duration (transition durations)
|
|
42
|
+
*/
|
|
43
|
+
export declare function flattenDuration(duration: any): Record<string, string>;
|
|
44
|
+
/**
|
|
45
|
+
* Check if a value is a valid CSS color
|
|
46
|
+
* Filters out complex values like color-mix() which may not work everywhere
|
|
47
|
+
*/
|
|
48
|
+
export declare function isSimpleColor(value: string): boolean;
|
|
49
|
+
/**
|
|
50
|
+
* Filter out colors that use advanced CSS features
|
|
51
|
+
*/
|
|
52
|
+
export declare function filterComplexColors(colors: Record<string, string>): Record<string, string>;
|
|
53
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/builders/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAiBH;;;;GAIG;AACH,wBAAgB,aAAa,CAC3B,GAAG,EAAE,GAAG,EACR,MAAM,GAAE,MAAW,EACnB,SAAS,GAAE,MAAY,GACtB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAkBxB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAEjE;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAYjE;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,UAAU,EAAE,GAAG,GACd,MAAM,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC,CAkBlD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAU/D;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAUnE;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,GAAG,GACf,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAUjC;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAUjE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAUrE;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEpD;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC7B,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAaxB"}
|
|
@@ -60,6 +60,7 @@ export declare const colors: {
|
|
|
60
60
|
positive_sentiment: string;
|
|
61
61
|
negative_sentiment: string;
|
|
62
62
|
neutral_sentiment: string;
|
|
63
|
+
ai_generated: string;
|
|
63
64
|
};
|
|
64
65
|
border: {
|
|
65
66
|
base: string;
|
|
@@ -84,8 +85,13 @@ export declare const colors: {
|
|
|
84
85
|
teal: string;
|
|
85
86
|
};
|
|
86
87
|
selected: string;
|
|
88
|
+
ai_generated: string;
|
|
87
89
|
};
|
|
88
90
|
};
|
|
91
|
+
gradient: {
|
|
92
|
+
ai: string;
|
|
93
|
+
"ai-subtle": string;
|
|
94
|
+
};
|
|
89
95
|
button: {
|
|
90
96
|
primary: {
|
|
91
97
|
background: {
|
|
@@ -179,6 +185,42 @@ export declare const colors: {
|
|
|
179
185
|
hover: string;
|
|
180
186
|
};
|
|
181
187
|
};
|
|
188
|
+
"ai-primary": {
|
|
189
|
+
background: {
|
|
190
|
+
base: string;
|
|
191
|
+
};
|
|
192
|
+
border: {
|
|
193
|
+
base: string;
|
|
194
|
+
};
|
|
195
|
+
text: {
|
|
196
|
+
base: string;
|
|
197
|
+
hover: string;
|
|
198
|
+
};
|
|
199
|
+
};
|
|
200
|
+
"ai-secondary": {
|
|
201
|
+
background: {
|
|
202
|
+
base: string;
|
|
203
|
+
};
|
|
204
|
+
border: {
|
|
205
|
+
base: string;
|
|
206
|
+
};
|
|
207
|
+
text: {
|
|
208
|
+
base: string;
|
|
209
|
+
hover: string;
|
|
210
|
+
};
|
|
211
|
+
};
|
|
212
|
+
"ai-outline": {
|
|
213
|
+
background: {
|
|
214
|
+
base: string;
|
|
215
|
+
};
|
|
216
|
+
border: {
|
|
217
|
+
base: string;
|
|
218
|
+
};
|
|
219
|
+
text: {
|
|
220
|
+
base: string;
|
|
221
|
+
hover: string;
|
|
222
|
+
};
|
|
223
|
+
};
|
|
182
224
|
};
|
|
183
225
|
link: {
|
|
184
226
|
base: string;
|
|
@@ -207,6 +249,7 @@ export declare const colors: {
|
|
|
207
249
|
aqua: string;
|
|
208
250
|
teal: string;
|
|
209
251
|
};
|
|
252
|
+
ai_generated: string;
|
|
210
253
|
};
|
|
211
254
|
icon: {
|
|
212
255
|
base: string;
|
|
@@ -501,6 +544,7 @@ export declare const colors: {
|
|
|
501
544
|
instagram: string;
|
|
502
545
|
feedly: string;
|
|
503
546
|
analytics: string;
|
|
547
|
+
google_analytics_property: string;
|
|
504
548
|
youtube: string;
|
|
505
549
|
messenger: string;
|
|
506
550
|
snapchat: string;
|
|
@@ -587,6 +631,7 @@ declare const darkTheme: {
|
|
|
587
631
|
positive_sentiment: string;
|
|
588
632
|
negative_sentiment: string;
|
|
589
633
|
neutral_sentiment: string;
|
|
634
|
+
ai_generated: string;
|
|
590
635
|
};
|
|
591
636
|
border: {
|
|
592
637
|
base: string;
|
|
@@ -611,8 +656,13 @@ declare const darkTheme: {
|
|
|
611
656
|
teal: string;
|
|
612
657
|
};
|
|
613
658
|
selected: string;
|
|
659
|
+
ai_generated: string;
|
|
614
660
|
};
|
|
615
661
|
};
|
|
662
|
+
gradient: {
|
|
663
|
+
ai: string;
|
|
664
|
+
"ai-subtle": string;
|
|
665
|
+
};
|
|
616
666
|
button: {
|
|
617
667
|
primary: {
|
|
618
668
|
background: {
|
|
@@ -706,6 +756,42 @@ declare const darkTheme: {
|
|
|
706
756
|
hover: string;
|
|
707
757
|
};
|
|
708
758
|
};
|
|
759
|
+
"ai-primary": {
|
|
760
|
+
background: {
|
|
761
|
+
base: string;
|
|
762
|
+
};
|
|
763
|
+
border: {
|
|
764
|
+
base: string;
|
|
765
|
+
};
|
|
766
|
+
text: {
|
|
767
|
+
base: string;
|
|
768
|
+
hover: string;
|
|
769
|
+
};
|
|
770
|
+
};
|
|
771
|
+
"ai-secondary": {
|
|
772
|
+
background: {
|
|
773
|
+
base: string;
|
|
774
|
+
};
|
|
775
|
+
border: {
|
|
776
|
+
base: string;
|
|
777
|
+
};
|
|
778
|
+
text: {
|
|
779
|
+
base: string;
|
|
780
|
+
hover: string;
|
|
781
|
+
};
|
|
782
|
+
};
|
|
783
|
+
"ai-outline": {
|
|
784
|
+
background: {
|
|
785
|
+
base: string;
|
|
786
|
+
};
|
|
787
|
+
border: {
|
|
788
|
+
base: string;
|
|
789
|
+
};
|
|
790
|
+
text: {
|
|
791
|
+
base: string;
|
|
792
|
+
hover: string;
|
|
793
|
+
};
|
|
794
|
+
};
|
|
709
795
|
};
|
|
710
796
|
link: {
|
|
711
797
|
base: string;
|
|
@@ -734,6 +820,7 @@ declare const darkTheme: {
|
|
|
734
820
|
aqua: string;
|
|
735
821
|
teal: string;
|
|
736
822
|
};
|
|
823
|
+
ai_generated: string;
|
|
737
824
|
};
|
|
738
825
|
icon: {
|
|
739
826
|
base: string;
|
|
@@ -1028,6 +1115,7 @@ declare const darkTheme: {
|
|
|
1028
1115
|
instagram: string;
|
|
1029
1116
|
feedly: string;
|
|
1030
1117
|
analytics: string;
|
|
1118
|
+
google_analytics_property: string;
|
|
1031
1119
|
youtube: string;
|
|
1032
1120
|
messenger: string;
|
|
1033
1121
|
snapchat: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/dark/theme.ts"],"names":[],"mappings":"AAyBA,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAIF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAeb,mDAAmD
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/dark/theme.ts"],"names":[],"mappings":"AAyBA,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAIF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAeb,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;YA0BnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAiMrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsGtD,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAnUT,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;gBA0BnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAiMrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6GtD,CAAC;AAEF,eAAe,SAAS,CAAC"}
|