@sproutsocial/seeds-react-theme 3.6.2 → 4.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/README.md +199 -0
  2. package/commonjs/builders/buildCSS.js +202 -0
  3. package/commonjs/builders/buildTailwindV4.js +238 -0
  4. package/commonjs/builders/index.js +65 -0
  5. package/commonjs/builders/utils.js +225 -0
  6. package/commonjs/dark/theme.js +48 -3
  7. package/commonjs/light/theme.js +57 -3
  8. package/dist/tailwind-preset.css +118 -0
  9. package/dist/theme-all.css +961 -0
  10. package/dist/theme-dark.css +480 -0
  11. package/dist/theme.css +480 -0
  12. package/dist/themes/dark/_themed.scss +7 -0
  13. package/dist/themes/dark/theme.scss +94 -6
  14. package/dist/themes/extendedThemes/sproutTheme/dark/_themed.scss +7 -0
  15. package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +47 -3
  16. package/dist/themes/extendedThemes/sproutTheme/light/_themed.scss +7 -0
  17. package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +47 -3
  18. package/dist/themes/light/_themed.scss +7 -0
  19. package/dist/themes/light/theme.scss +94 -6
  20. package/dist/themes/types/_themed.scss +7 -0
  21. package/dist/types/builders/buildCSS.d.ts +8 -0
  22. package/dist/types/builders/buildCSS.d.ts.map +1 -0
  23. package/dist/types/builders/buildTailwindV4.d.ts +18 -0
  24. package/dist/types/builders/buildTailwindV4.d.ts.map +1 -0
  25. package/dist/types/builders/index.d.ts +10 -0
  26. package/dist/types/builders/index.d.ts.map +1 -0
  27. package/dist/types/builders/utils.d.ts +53 -0
  28. package/dist/types/builders/utils.d.ts.map +1 -0
  29. package/dist/types/dark/theme.d.ts +88 -0
  30. package/dist/types/dark/theme.d.ts.map +1 -1
  31. package/dist/types/light/theme.d.ts +88 -0
  32. package/dist/types/light/theme.d.ts.map +1 -1
  33. package/dist/types/types/theme.colors.d.ts +1 -0
  34. package/dist/types/types/theme.colors.d.ts.map +1 -1
  35. package/lib/builders/buildCSS.js +200 -0
  36. package/lib/builders/buildTailwindV4.js +233 -0
  37. package/lib/builders/index.js +37 -0
  38. package/lib/builders/utils.js +209 -0
  39. package/lib/dark/theme.js +48 -3
  40. package/lib/light/theme.js +57 -3
  41. package/package.json +24 -2
  42. 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,8 @@
1
+ /**
2
+ * Build CSS custom properties (variables) from Seeds theme objects
3
+ */
4
+ /**
5
+ * Main build function for CSS variables
6
+ */
7
+ export declare function buildCSSVariables(): Promise<void>;
8
+ //# sourceMappingURL=buildCSS.d.ts.map
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;YAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAoJrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsGtD,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBArRT,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;gBAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAoJrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6GtD,CAAC;AAEF,eAAe,SAAS,CAAC"}
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"}