@sproutsocial/seeds-react-theme 1.1.0 → 1.2.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.
Files changed (18) hide show
  1. package/__flow__/extendedThemes/sproutTheme/dark/theme.flow.js +2 -1
  2. package/__flow__/extendedThemes/sproutTheme/light/theme.flow.js +2 -1
  3. package/__flow__/types/theme.flow.js +16 -0
  4. package/commonjs/extendedThemes/sproutTheme/dark/theme.js +15 -1
  5. package/commonjs/extendedThemes/sproutTheme/light/theme.js +15 -1
  6. package/dist/themes/dark/theme.scss +3 -3
  7. package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +27 -3
  8. package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +27 -3
  9. package/dist/themes/light/theme.scss +3 -3
  10. package/dist/types/extendedThemes/sproutTheme/dark/theme.d.ts +12 -0
  11. package/dist/types/extendedThemes/sproutTheme/dark/theme.d.ts.map +1 -1
  12. package/dist/types/extendedThemes/sproutTheme/light/theme.d.ts +12 -0
  13. package/dist/types/extendedThemes/sproutTheme/light/theme.d.ts.map +1 -1
  14. package/dist/types/types/theme.d.ts +2 -1
  15. package/dist/types/types/theme.d.ts.map +1 -1
  16. package/lib/extendedThemes/sproutTheme/dark/theme.js +14 -0
  17. package/lib/extendedThemes/sproutTheme/light/theme.js +14 -0
  18. package/package.json +3 -2
package/__flow__/extendedThemes/sproutTheme/dark/theme.flow.js CHANGED
@@ -1,7 +1,8 @@
1
1
  // @flow strict-local
2
- import type { TypeAnalyticsTheme, TypeCardControlTheme, TypeDatePickerTheme, TypeGrowthTheme, TypeListeningTheme, TypeNavigationTheme, TypeSproutTheme } from "../../../types/theme.flow";
2
+ import type { TypeAITheme, TypeAnalyticsTheme, TypeCardControlTheme, TypeDatePickerTheme, TypeGrowthTheme, TypeListeningTheme, TypeNavigationTheme, TypeSproutTheme } from "../../../types/theme.flow";
3
3
  declare export var navigation: TypeNavigationTheme;
4
4
  declare export var datePicker: TypeDatePickerTheme;
5
+ declare export var ai: TypeAITheme;
5
6
  declare export var analytics: TypeAnalyticsTheme;
6
7
  declare export var listening: TypeListeningTheme;
7
8
  declare export var growth: TypeGrowthTheme;
package/__flow__/extendedThemes/sproutTheme/light/theme.flow.js CHANGED
@@ -1,7 +1,8 @@
1
1
  // @flow strict-local
2
- import type { TypeAnalyticsTheme, TypeCardControlTheme, TypeDatePickerTheme, TypeGrowthTheme, TypeListeningTheme, TypeNavigationTheme, TypeSproutTheme } from "../../../types/theme.flow";
2
+ import type { TypeAITheme, TypeAnalyticsTheme, TypeCardControlTheme, TypeDatePickerTheme, TypeGrowthTheme, TypeListeningTheme, TypeNavigationTheme, TypeSproutTheme } from "../../../types/theme.flow";
3
3
  declare export var navigation: TypeNavigationTheme;
4
4
  declare export var datePicker: TypeDatePickerTheme;
5
+ declare export var ai: TypeAITheme;
5
6
  declare export var analytics: TypeAnalyticsTheme;
6
7
  declare export var listening: TypeListeningTheme;
7
8
  declare export var growth: TypeGrowthTheme;
package/__flow__/types/theme.flow.js CHANGED
@@ -80,6 +80,21 @@ export type TypeDatePickerTheme = {|
80
80
  ...
81
81
  }
82
82
  |};
83
+ export type TypeAITheme = {|
84
+ feature: {
85
+ decorative: {
86
+ primary: string,
87
+ secondary: string,
88
+ ...
89
+ },
90
+ background: {
91
+ primary: string,
92
+ secondary: string,
93
+ ...
94
+ },
95
+ ...
96
+ }
97
+ |};
83
98
  export type TypeAnalyticsTheme = {|
84
99
  trend: {
85
100
  positive: string,
@@ -363,6 +378,7 @@ export type TypeSproutTheme = {
363
378
  ...$Exact<TypeColor>,
364
379
  navigation: TypeNavigationTheme,
365
380
  datePicker: TypeDatePickerTheme,
381
+ ai: TypeAITheme,
366
382
  analytics: TypeAnalyticsTheme,
367
383
  listening: TypeListeningTheme,
368
384
  growth: TypeGrowthTheme,
package/commonjs/extendedThemes/sproutTheme/dark/theme.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.navigation = exports.listening = exports.growth = exports.default = exports.datePicker = exports.cardControl = exports.analytics = void 0;
6
+ exports.navigation = exports.listening = exports.growth = exports.default = exports.datePicker = exports.cardControl = exports.analytics = exports.ai = void 0;
7
7
  var _polished = require("polished");
8
8
  var _theme = _interopRequireDefault(require("../../../dark/theme"));
9
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -77,6 +77,19 @@ var datePicker = exports.datePicker = {
77
77
  }
78
78
  }
79
79
  };
80
+ var ai = exports.ai = {
81
+ feature: {
82
+ decorative: {
83
+ // identical to light theme
84
+ primary: _theme.default.colors.teal[800],
85
+ secondary: _theme.default.colors.blue[900]
86
+ },
87
+ background: {
88
+ primary: _theme.default.colors.teal[100],
89
+ secondary: _theme.default.colors.blue[200]
90
+ }
91
+ }
92
+ };
80
93
  var analytics = exports.analytics = {
81
94
  trend: {
82
95
  positive: _theme.default.colors.teal[500],
@@ -231,6 +244,7 @@ var darkTheme = _objectSpread(_objectSpread({}, _theme.default), {}, {
231
244
  colors: _objectSpread(_objectSpread({}, _theme.default.colors), {}, {
232
245
  navigation: navigation,
233
246
  datePicker: datePicker,
247
+ ai: ai,
234
248
  analytics: analytics,
235
249
  listening: listening,
236
250
  growth: growth,
package/commonjs/extendedThemes/sproutTheme/light/theme.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.navigation = exports.listening = exports.growth = exports.default = exports.datePicker = exports.cardControl = exports.analytics = void 0;
6
+ exports.navigation = exports.listening = exports.growth = exports.default = exports.datePicker = exports.cardControl = exports.analytics = exports.ai = void 0;
7
7
  var _polished = require("polished");
8
8
  var _theme = _interopRequireDefault(require("../../../light/theme"));
9
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -74,6 +74,19 @@ var datePicker = exports.datePicker = {
74
74
  }
75
75
  }
76
76
  };
77
+ var ai = exports.ai = {
78
+ feature: {
79
+ decorative: {
80
+ // these two colors form a gradient in AI features
81
+ primary: _theme.default.colors.teal[800],
82
+ secondary: _theme.default.colors.blue[900]
83
+ },
84
+ background: {
85
+ primary: _theme.default.colors.teal[800],
86
+ secondary: _theme.default.colors.blue[900]
87
+ }
88
+ }
89
+ };
77
90
  var analytics = exports.analytics = {
78
91
  trend: {
79
92
  positive: _theme.default.colors.teal[800],
@@ -226,6 +239,7 @@ var cardControl = exports.cardControl = {
226
239
  };
227
240
  var lightTheme = _objectSpread(_objectSpread({}, _theme.default), {}, {
228
241
  colors: _objectSpread(_objectSpread({}, _theme.default.colors), {}, {
242
+ ai: ai,
229
243
  navigation: navigation,
230
244
  datePicker: datePicker,
231
245
  analytics: analytics,
package/dist/themes/dark/theme.scss CHANGED
@@ -228,14 +228,14 @@ $theme: (
228
228
  "network": (
229
229
  "twitter": #000000,
230
230
  "twitter_like": #e0245e,
231
- "facebook": #217bee,
231
+ "facebook": #1877F2,
232
232
  "facebook_audience_network": #58409B,
233
233
  "linkedin": #0A66C2,
234
234
  "instagram": #e4405f,
235
235
  "feedly": #2bb24c,
236
236
  "analytics": #ef6c00,
237
237
  "youtube": #ff0000,
238
- "messenger": #0084ff,
238
+ "messenger": #000000,
239
239
  "snapchat": #fffc00,
240
240
  "pinterest": #E60023,
241
241
  "tumblr": #35465c,
@@ -251,7 +251,7 @@ $theme: (
251
251
  "hubspot": #FF7A59,
252
252
  "microsoft_dynamics": #002050,
253
253
  "yelp": #FF1A1A,
254
- "whatsapp": #25D366,
254
+ "whatsapp": #59CE72,
255
255
  "tiktok": #000000,
256
256
  "threads": #000000,
257
257
  "trustpilot": #04DA8D,
package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss CHANGED
@@ -1,4 +1,16 @@
1
1
  $theme: (
2
+ "ai": (
3
+ "feature": (
4
+ "decorative": (
5
+ "primary": #067c7c,
6
+ "secondary": #0c3f89
7
+ ),
8
+ "background": (
9
+ "primary": #cdf7ef,
10
+ "secondary": #c7dbf9
11
+ )
12
+ )
13
+ ),
2
14
  "analytics": (
3
15
  "trend": (
4
16
  "positive": #08c4b2,
@@ -260,14 +272,14 @@ $theme: (
260
272
  "network": (
261
273
  "twitter": #000000,
262
274
  "twitter_like": #e0245e,
263
- "facebook": #217bee,
275
+ "facebook": #1877F2,
264
276
  "facebook_audience_network": #58409B,
265
277
  "linkedin": #0A66C2,
266
278
  "instagram": #e4405f,
267
279
  "feedly": #2bb24c,
268
280
  "analytics": #ef6c00,
269
281
  "youtube": #ff0000,
270
- "messenger": #0084ff,
282
+ "messenger": #000000,
271
283
  "snapchat": #fffc00,
272
284
  "pinterest": #E60023,
273
285
  "tumblr": #35465c,
@@ -283,7 +295,7 @@ $theme: (
283
295
  "hubspot": #FF7A59,
284
296
  "microsoft_dynamics": #002050,
285
297
  "yelp": #FF1A1A,
286
- "whatsapp": #25D366,
298
+ "whatsapp": #59CE72,
287
299
  "tiktok": #000000,
288
300
  "threads": #000000,
289
301
  "trustpilot": #04DA8D,
@@ -554,6 +566,18 @@ $theme: (
554
566
  )
555
567
  )
556
568
  ),
569
+ "ai": (
570
+ "feature": (
571
+ "decorative": (
572
+ "primary": #067c7c,
573
+ "secondary": #0c3f89
574
+ ),
575
+ "background": (
576
+ "primary": #cdf7ef,
577
+ "secondary": #c7dbf9
578
+ )
579
+ )
580
+ ),
557
581
  "analytics": (
558
582
  "trend": (
559
583
  "positive": #08c4b2,
package/dist/themes/extendedThemes/sproutTheme/light/theme.scss CHANGED
@@ -1,4 +1,16 @@
1
1
  $theme: (
2
+ "ai": (
3
+ "feature": (
4
+ "decorative": (
5
+ "primary": #067c7c,
6
+ "secondary": #0c3f89
7
+ ),
8
+ "background": (
9
+ "primary": #067c7c,
10
+ "secondary": #0c3f89
11
+ )
12
+ )
13
+ ),
2
14
  "analytics": (
3
15
  "trend": (
4
16
  "positive": #067c7c,
@@ -260,14 +272,14 @@ $theme: (
260
272
  "network": (
261
273
  "twitter": #000000,
262
274
  "twitter_like": #e0245e,
263
- "facebook": #217bee,
275
+ "facebook": #1877F2,
264
276
  "facebook_audience_network": #58409B,
265
277
  "linkedin": #0A66C2,
266
278
  "instagram": #e4405f,
267
279
  "feedly": #2bb24c,
268
280
  "analytics": #ef6c00,
269
281
  "youtube": #ff0000,
270
- "messenger": #0084ff,
282
+ "messenger": #000000,
271
283
  "snapchat": #fffc00,
272
284
  "pinterest": #E60023,
273
285
  "tumblr": #35465c,
@@ -283,7 +295,7 @@ $theme: (
283
295
  "hubspot": #FF7A59,
284
296
  "microsoft_dynamics": #002050,
285
297
  "yelp": #FF1A1A,
286
- "whatsapp": #25D366,
298
+ "whatsapp": #59CE72,
287
299
  "tiktok": #000000,
288
300
  "threads": #000000,
289
301
  "trustpilot": #04DA8D,
@@ -494,6 +506,18 @@ $theme: (
494
506
  "19": #0ca750,
495
507
  "20": #ba7506
496
508
  ),
509
+ "ai": (
510
+ "feature": (
511
+ "decorative": (
512
+ "primary": #067c7c,
513
+ "secondary": #0c3f89
514
+ ),
515
+ "background": (
516
+ "primary": #067c7c,
517
+ "secondary": #0c3f89
518
+ )
519
+ )
520
+ ),
497
521
  "navigation": (
498
522
  "main": (
499
523
  "background": (
package/dist/themes/light/theme.scss CHANGED
@@ -235,14 +235,14 @@ $theme: (
235
235
  "network": (
236
236
  "twitter": #000000,
237
237
  "twitter_like": #e0245e,
238
- "facebook": #217bee,
238
+ "facebook": #1877F2,
239
239
  "facebook_audience_network": #58409B,
240
240
  "linkedin": #0A66C2,
241
241
  "instagram": #e4405f,
242
242
  "feedly": #2bb24c,
243
243
  "analytics": #ef6c00,
244
244
  "youtube": #ff0000,
245
- "messenger": #0084ff,
245
+ "messenger": #000000,
246
246
  "snapchat": #fffc00,
247
247
  "pinterest": #E60023,
248
248
  "tumblr": #35465c,
@@ -258,7 +258,7 @@ $theme: (
258
258
  "hubspot": #FF7A59,
259
259
  "microsoft_dynamics": #002050,
260
260
  "yelp": #FF1A1A,
261
- "whatsapp": #25D366,
261
+ "whatsapp": #59CE72,
262
262
  "tiktok": #000000,
263
263
  "threads": #000000,
264
264
  "trustpilot": #04DA8D,
package/dist/types/extendedThemes/sproutTheme/dark/theme.d.ts CHANGED
@@ -59,6 +59,18 @@ export declare const datePicker: {
59
59
  };
60
60
  };
61
61
  };
62
+ export declare const ai: {
63
+ feature: {
64
+ decorative: {
65
+ primary: string;
66
+ secondary: string;
67
+ };
68
+ background: {
69
+ primary: string;
70
+ secondary: string;
71
+ };
72
+ };
73
+ };
62
74
  export declare const analytics: {
63
75
  trend: {
64
76
  positive: string;
package/dist/types/extendedThemes/sproutTheme/dark/theme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../src/extendedThemes/sproutTheme/dark/theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;CAStB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;CAWrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCrB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqFlB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;CASvB,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,eAWhB,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../src/extendedThemes/sproutTheme/dark/theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;CAStB,CAAC;AAEF,eAAO,MAAM,EAAE;;;;;;;;;;;CAYd,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;CAWrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCrB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqFlB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;CASvB,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,eAYhB,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/dist/types/extendedThemes/sproutTheme/light/theme.d.ts CHANGED
@@ -59,6 +59,18 @@ export declare const datePicker: {
59
59
  };
60
60
  };
61
61
  };
62
+ export declare const ai: {
63
+ feature: {
64
+ decorative: {
65
+ primary: string;
66
+ secondary: string;
67
+ };
68
+ background: {
69
+ primary: string;
70
+ secondary: string;
71
+ };
72
+ };
73
+ };
62
74
  export declare const analytics: {
63
75
  trend: {
64
76
  positive: string;
package/dist/types/extendedThemes/sproutTheme/light/theme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../src/extendedThemes/sproutTheme/light/theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;CAStB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;CAWrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCrB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqFlB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;CASvB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,eAWjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../src/extendedThemes/sproutTheme/light/theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;CAStB,CAAC;AAEF,eAAO,MAAM,EAAE;;;;;;;;;;;CAYd,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;CAWrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCrB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqFlB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;CASvB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,eAYjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
package/dist/types/types/theme.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { breakpoints, typography, fontWeights, radii, borders, borderWidths, shadows, space, easing, duration } from "../light/theme";
2
2
  import type { TypeColors } from "./theme.colors";
3
3
  import type { TypeFontFamilyString } from "../light/theme";
4
- import { datePicker, navigation, analytics, listening, growth, cardControl } from "../extendedThemes/sproutTheme/light/theme";
4
+ import { datePicker, navigation, ai, analytics, listening, growth, cardControl } from "../extendedThemes/sproutTheme/light/theme";
5
5
  export type TypeThemeMode = "light" | "dark";
6
6
  export type TypeBreakpoint = typeof breakpoints;
7
7
  export type TypeTypography = typeof typography;
@@ -34,6 +34,7 @@ export interface TypeSproutTheme extends TypeTheme {
34
34
  colors: TypeColor & {
35
35
  navigation: typeof navigation;
36
36
  datePicker: typeof datePicker;
37
+ ai: typeof ai;
37
38
  analytics: typeof analytics;
38
39
  listening: typeof listening;
39
40
  growth: typeof growth;
package/dist/types/types/theme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/types/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,UAAU,EACV,WAAW,EACX,KAAK,EACL,OAAO,EACP,YAAY,EACZ,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAQ,EACT,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EACL,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,EACT,MAAM,EACN,WAAW,EACZ,MAAM,2CAA2C,CAAC;AAEnD,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAC7C,MAAM,MAAM,cAAc,GAAG,OAAO,WAAW,CAAC;AAChD,MAAM,MAAM,cAAc,GAAG,OAAO,UAAU,CAAC;AAC/C,MAAM,MAAM,cAAc,GAAG,OAAO,WAAW,CAAC;AAChD,MAAM,MAAM,cAAc,GAAG,oBAAoB,CAAC;AAClD,MAAM,MAAM,SAAS,GAAG,OAAO,KAAK,CAAC;AACrC,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC;AACnC,MAAM,MAAM,SAAS,GAAG,OAAO,KAAK,CAAC;AACrC,MAAM,MAAM,UAAU,GAAG,OAAO,OAAO,CAAC;AACxC,MAAM,MAAM,eAAe,GAAG,OAAO,YAAY,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,OAAO,CAAC;AACxC,MAAM,MAAM,UAAU,GAAG,OAAO,MAAM,CAAC;AACvC,MAAM,MAAM,YAAY,GAAG,OAAO,QAAQ,CAAC;AAE3C,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,aAAa,CAAC;IACpB,WAAW,EAAE,cAAc,CAAC;IAC5B,MAAM,EAAE,SAAS,CAAC;IAClB,UAAU,EAAE,cAAc,CAAC;IAC3B,WAAW,EAAE,cAAc,CAAC;IAC5B,UAAU,EAAE,cAAc,CAAC;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,UAAU,CAAC;IACpB,YAAY,EAAE,eAAe,CAAC;IAC9B,OAAO,EAAE,UAAU,CAAC;IACpB,MAAM,EAAE,UAAU,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC;CACxB;AAGD,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,MAAM,EAAE,SAAS,GAAG;QAClB,UAAU,EAAE,OAAO,UAAU,CAAC;QAC9B,UAAU,EAAE,OAAO,UAAU,CAAC;QAC9B,SAAS,EAAE,OAAO,SAAS,CAAC;QAC5B,SAAS,EAAE,OAAO,SAAS,CAAC;QAC5B,MAAM,EAAE,OAAO,MAAM,CAAC;QACtB,WAAW,EAAE,OAAO,WAAW,CAAC;KACjC,CAAC;CACH"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/types/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,UAAU,EACV,WAAW,EACX,KAAK,EACL,OAAO,EACP,YAAY,EACZ,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAQ,EACT,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EACL,UAAU,EACV,UAAU,EACV,EAAE,EACF,SAAS,EACT,SAAS,EACT,MAAM,EACN,WAAW,EACZ,MAAM,2CAA2C,CAAC;AAEnD,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAC7C,MAAM,MAAM,cAAc,GAAG,OAAO,WAAW,CAAC;AAChD,MAAM,MAAM,cAAc,GAAG,OAAO,UAAU,CAAC;AAC/C,MAAM,MAAM,cAAc,GAAG,OAAO,WAAW,CAAC;AAChD,MAAM,MAAM,cAAc,GAAG,oBAAoB,CAAC;AAClD,MAAM,MAAM,SAAS,GAAG,OAAO,KAAK,CAAC;AACrC,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC;AACnC,MAAM,MAAM,SAAS,GAAG,OAAO,KAAK,CAAC;AACrC,MAAM,MAAM,UAAU,GAAG,OAAO,OAAO,CAAC;AACxC,MAAM,MAAM,eAAe,GAAG,OAAO,YAAY,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,OAAO,CAAC;AACxC,MAAM,MAAM,UAAU,GAAG,OAAO,MAAM,CAAC;AACvC,MAAM,MAAM,YAAY,GAAG,OAAO,QAAQ,CAAC;AAE3C,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,aAAa,CAAC;IACpB,WAAW,EAAE,cAAc,CAAC;IAC5B,MAAM,EAAE,SAAS,CAAC;IAClB,UAAU,EAAE,cAAc,CAAC;IAC3B,WAAW,EAAE,cAAc,CAAC;IAC5B,UAAU,EAAE,cAAc,CAAC;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,UAAU,CAAC;IACpB,YAAY,EAAE,eAAe,CAAC;IAC9B,OAAO,EAAE,UAAU,CAAC;IACpB,MAAM,EAAE,UAAU,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC;CACxB;AAGD,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,MAAM,EAAE,SAAS,GAAG;QAClB,UAAU,EAAE,OAAO,UAAU,CAAC;QAC9B,UAAU,EAAE,OAAO,UAAU,CAAC;QAC9B,EAAE,EAAE,OAAO,EAAE,CAAC;QACd,SAAS,EAAE,OAAO,SAAS,CAAC;QAC5B,SAAS,EAAE,OAAO,SAAS,CAAC;QAC5B,MAAM,EAAE,OAAO,MAAM,CAAC;QACtB,WAAW,EAAE,OAAO,WAAW,CAAC;KACjC,CAAC;CACH"}
package/lib/extendedThemes/sproutTheme/dark/theme.js CHANGED
@@ -72,6 +72,19 @@ export var datePicker = {
72
72
  }
73
73
  }
74
74
  };
75
+ export var ai = {
76
+ feature: {
77
+ decorative: {
78
+ // identical to light theme
79
+ primary: baseDarkTheme.colors.teal[800],
80
+ secondary: baseDarkTheme.colors.blue[900]
81
+ },
82
+ background: {
83
+ primary: baseDarkTheme.colors.teal[100],
84
+ secondary: baseDarkTheme.colors.blue[200]
85
+ }
86
+ }
87
+ };
75
88
  export var analytics = {
76
89
  trend: {
77
90
  positive: baseDarkTheme.colors.teal[500],
@@ -226,6 +239,7 @@ var darkTheme = _objectSpread(_objectSpread({}, baseDarkTheme), {}, {
226
239
  colors: _objectSpread(_objectSpread({}, baseDarkTheme.colors), {}, {
227
240
  navigation: navigation,
228
241
  datePicker: datePicker,
242
+ ai: ai,
229
243
  analytics: analytics,
230
244
  listening: listening,
231
245
  growth: growth,
package/lib/extendedThemes/sproutTheme/light/theme.js CHANGED
@@ -69,6 +69,19 @@ export var datePicker = {
69
69
  }
70
70
  }
71
71
  };
72
+ export var ai = {
73
+ feature: {
74
+ decorative: {
75
+ // these two colors form a gradient in AI features
76
+ primary: baseLightTheme.colors.teal[800],
77
+ secondary: baseLightTheme.colors.blue[900]
78
+ },
79
+ background: {
80
+ primary: baseLightTheme.colors.teal[800],
81
+ secondary: baseLightTheme.colors.blue[900]
82
+ }
83
+ }
84
+ };
72
85
  export var analytics = {
73
86
  trend: {
74
87
  positive: baseLightTheme.colors.teal[800],
@@ -221,6 +234,7 @@ export var cardControl = {
221
234
  };
222
235
  var lightTheme = _objectSpread(_objectSpread({}, baseLightTheme), {}, {
223
236
  colors: _objectSpread(_objectSpread({}, baseLightTheme.colors), {}, {
237
+ ai: ai,
224
238
  navigation: navigation,
225
239
  datePicker: datePicker,
226
240
  analytics: analytics,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sproutsocial/seeds-react-theme",
3
- "version": "1.1.0",
3
+ "version": "1.2.0",
4
4
  "description": "Seeds Theme",
5
5
  "main": "commonjs/index.js",
6
6
  "module": "lib/index.mjs",
@@ -15,7 +15,8 @@
15
15
  ],
16
16
  "scripts": {
17
17
  "build": "yarn build:ts-declarations && tsx buildScript.ts",
18
- "build:ts-declarations": "tsc --project tsconfig.build.json && tsc-alias -p tsconfig.build.json"
18
+ "build:ts-declarations": "tsc --project tsconfig.build.json && tsc-alias -p tsconfig.build.json",
19
+ "build:fast": "tsx buildScript.ts"
19
20
  },
20
21
  "dependencies": {
21
22
  "@sproutsocial/seeds-color": "*",