@sproutsocial/seeds-react-theme 1.1.0 → 1.3.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 (24) 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 +26 -0
  4. package/commonjs/extendedThemes/sproutTheme/dark/theme.js +23 -1
  5. package/commonjs/extendedThemes/sproutTheme/light/theme.js +23 -1
  6. package/commonjs/light/theme.js +42 -44
  7. package/dist/themes/dark/theme.scss +3 -3
  8. package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +43 -3
  9. package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +43 -3
  10. package/dist/themes/light/theme.scss +3 -3
  11. package/dist/types/dark/theme.d.ts +49 -121
  12. package/dist/types/dark/theme.d.ts.map +1 -1
  13. package/dist/types/extendedThemes/sproutTheme/dark/theme.d.ts +20 -0
  14. package/dist/types/extendedThemes/sproutTheme/dark/theme.d.ts.map +1 -1
  15. package/dist/types/extendedThemes/sproutTheme/light/theme.d.ts +20 -0
  16. package/dist/types/extendedThemes/sproutTheme/light/theme.d.ts.map +1 -1
  17. package/dist/types/light/theme.d.ts +86 -193
  18. package/dist/types/light/theme.d.ts.map +1 -1
  19. package/dist/types/types/theme.d.ts +2 -1
  20. package/dist/types/types/theme.d.ts.map +1 -1
  21. package/lib/extendedThemes/sproutTheme/dark/theme.js +22 -0
  22. package/lib/extendedThemes/sproutTheme/light/theme.js +22 -0
  23. package/lib/light/theme.js +1 -1
  24. package/package.json +9 -8
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,31 @@ 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
+ default: {
94
+ primary: string,
95
+ secondary: string,
96
+ ...
97
+ },
98
+ inverse: {
99
+ primary: string,
100
+ secondary: string,
101
+ ...
102
+ },
103
+ ...
104
+ },
105
+ ...
106
+ }
107
+ |};
83
108
  export type TypeAnalyticsTheme = {|
84
109
  trend: {
85
110
  positive: string,
@@ -363,6 +388,7 @@ export type TypeSproutTheme = {
363
388
  ...$Exact<TypeColor>,
364
389
  navigation: TypeNavigationTheme,
365
390
  datePicker: TypeDatePickerTheme,
391
+ ai: TypeAITheme,
366
392
  analytics: TypeAnalyticsTheme,
367
393
  listening: TypeListeningTheme,
368
394
  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,27 @@ 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
+ default: {
91
+ primary: _theme.default.colors.teal[100],
92
+ secondary: _theme.default.colors.blue[200]
93
+ },
94
+ inverse: {
95
+ primary: _theme.default.colors.teal[800],
96
+ secondary: _theme.default.colors.blue[900]
97
+ }
98
+ }
99
+ }
100
+ };
80
101
  var analytics = exports.analytics = {
81
102
  trend: {
82
103
  positive: _theme.default.colors.teal[500],
@@ -231,6 +252,7 @@ var darkTheme = _objectSpread(_objectSpread({}, _theme.default), {}, {
231
252
  colors: _objectSpread(_objectSpread({}, _theme.default.colors), {}, {
232
253
  navigation: navigation,
233
254
  datePicker: datePicker,
255
+ ai: ai,
234
256
  analytics: analytics,
235
257
  listening: listening,
236
258
  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,27 @@ 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
+ default: {
88
+ primary: _theme.default.colors.teal[800],
89
+ secondary: _theme.default.colors.blue[900]
90
+ },
91
+ inverse: {
92
+ primary: _theme.default.colors.teal[100],
93
+ secondary: _theme.default.colors.blue[200]
94
+ }
95
+ }
96
+ }
97
+ };
77
98
  var analytics = exports.analytics = {
78
99
  trend: {
79
100
  positive: _theme.default.colors.teal[800],
@@ -226,6 +247,7 @@ var cardControl = exports.cardControl = {
226
247
  };
227
248
  var lightTheme = _objectSpread(_objectSpread({}, _theme.default), {}, {
228
249
  colors: _objectSpread(_objectSpread({}, _theme.default.colors), {}, {
250
+ ai: ai,
229
251
  navigation: navigation,
230
252
  datePicker: datePicker,
231
253
  analytics: analytics,
package/commonjs/light/theme.js CHANGED
@@ -7,7 +7,7 @@ exports.typography = exports.space = exports.shadows = exports.radii = exports.l
7
7
  var _polished = require("polished");
8
8
  var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
9
9
  var _seedsNetworkcolor = _interopRequireDefault(require("@sproutsocial/seeds-networkcolor"));
10
- var TYPOGRAPHY = _interopRequireWildcard(require("@sproutsocial/seeds-typography"));
10
+ var _seedsTypography = _interopRequireDefault(require("@sproutsocial/seeds-typography"));
11
11
  var _seedsSpace = _interopRequireDefault(require("@sproutsocial/seeds-space"));
12
12
  var _seedsDepth = _interopRequireDefault(require("@sproutsocial/seeds-depth"));
13
13
  var _seedsMotion = _interopRequireDefault(require("@sproutsocial/seeds-motion"));
@@ -15,8 +15,6 @@ var _seedsBorder = _interopRequireDefault(require("@sproutsocial/seeds-border"))
15
15
  var _literalColors = _interopRequireDefault(require("./literal-colors"));
16
16
  var _datavizPalette = require("./dataviz-palette");
17
17
  var _decorativePalettes = require("./decorative-palettes");
18
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
19
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
20
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
19
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
22
20
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -297,53 +295,53 @@ var colors = _objectSpread(_objectSpread({
297
295
  }
298
296
  }, _literalColors.default), _datavizPalette.datavizPalette);
299
297
  var typography = exports.typography = {
300
- 100: TYPOGRAPHY.TYPOGRAPHY_SIZE_100,
301
- 200: TYPOGRAPHY.TYPOGRAPHY_SIZE_200,
302
- 300: TYPOGRAPHY.TYPOGRAPHY_SIZE_300,
303
- 400: TYPOGRAPHY.TYPOGRAPHY_SIZE_400,
304
- 500: TYPOGRAPHY.TYPOGRAPHY_SIZE_500,
305
- 600: TYPOGRAPHY.TYPOGRAPHY_SIZE_600,
306
- 700: TYPOGRAPHY.TYPOGRAPHY_SIZE_700,
307
- 800: TYPOGRAPHY.TYPOGRAPHY_SIZE_800,
308
- 900: TYPOGRAPHY.TYPOGRAPHY_SIZE_900,
309
- 1000: TYPOGRAPHY.TYPOGRAPHY_SIZE_1000,
310
- 1100: TYPOGRAPHY.TYPOGRAPHY_SIZE_1100,
311
- 1200: TYPOGRAPHY.TYPOGRAPHY_SIZE_1200
298
+ 100: _seedsTypography.default.TYPOGRAPHY_SIZE_100,
299
+ 200: _seedsTypography.default.TYPOGRAPHY_SIZE_200,
300
+ 300: _seedsTypography.default.TYPOGRAPHY_SIZE_300,
301
+ 400: _seedsTypography.default.TYPOGRAPHY_SIZE_400,
302
+ 500: _seedsTypography.default.TYPOGRAPHY_SIZE_500,
303
+ 600: _seedsTypography.default.TYPOGRAPHY_SIZE_600,
304
+ 700: _seedsTypography.default.TYPOGRAPHY_SIZE_700,
305
+ 800: _seedsTypography.default.TYPOGRAPHY_SIZE_800,
306
+ 900: _seedsTypography.default.TYPOGRAPHY_SIZE_900,
307
+ 1000: _seedsTypography.default.TYPOGRAPHY_SIZE_1000,
308
+ 1100: _seedsTypography.default.TYPOGRAPHY_SIZE_1100,
309
+ 1200: _seedsTypography.default.TYPOGRAPHY_SIZE_1200
312
310
  };
313
311
  var fontSizes = exports.fontSizes = {
314
- 100: TYPOGRAPHY.TYPOGRAPHY_SIZE_100.fontSize,
315
- 200: TYPOGRAPHY.TYPOGRAPHY_SIZE_200.fontSize,
316
- 300: TYPOGRAPHY.TYPOGRAPHY_SIZE_300.fontSize,
317
- 400: TYPOGRAPHY.TYPOGRAPHY_SIZE_400.fontSize,
318
- 500: TYPOGRAPHY.TYPOGRAPHY_SIZE_500.fontSize,
319
- 600: TYPOGRAPHY.TYPOGRAPHY_SIZE_600.fontSize,
320
- 700: TYPOGRAPHY.TYPOGRAPHY_SIZE_700.fontSize,
321
- 800: TYPOGRAPHY.TYPOGRAPHY_SIZE_800.fontSize,
322
- 900: TYPOGRAPHY.TYPOGRAPHY_SIZE_900.fontSize,
323
- 1000: TYPOGRAPHY.TYPOGRAPHY_SIZE_1000.fontSize,
324
- 1100: TYPOGRAPHY.TYPOGRAPHY_SIZE_1100.fontSize,
325
- 1200: TYPOGRAPHY.TYPOGRAPHY_SIZE_1200.fontSize
312
+ 100: _seedsTypography.default.TYPOGRAPHY_SIZE_100.fontSize,
313
+ 200: _seedsTypography.default.TYPOGRAPHY_SIZE_200.fontSize,
314
+ 300: _seedsTypography.default.TYPOGRAPHY_SIZE_300.fontSize,
315
+ 400: _seedsTypography.default.TYPOGRAPHY_SIZE_400.fontSize,
316
+ 500: _seedsTypography.default.TYPOGRAPHY_SIZE_500.fontSize,
317
+ 600: _seedsTypography.default.TYPOGRAPHY_SIZE_600.fontSize,
318
+ 700: _seedsTypography.default.TYPOGRAPHY_SIZE_700.fontSize,
319
+ 800: _seedsTypography.default.TYPOGRAPHY_SIZE_800.fontSize,
320
+ 900: _seedsTypography.default.TYPOGRAPHY_SIZE_900.fontSize,
321
+ 1000: _seedsTypography.default.TYPOGRAPHY_SIZE_1000.fontSize,
322
+ 1100: _seedsTypography.default.TYPOGRAPHY_SIZE_1100.fontSize,
323
+ 1200: _seedsTypography.default.TYPOGRAPHY_SIZE_1200.fontSize
326
324
  };
327
325
  var lineHeights = exports.lineHeights = {
328
- 100: TYPOGRAPHY.TYPOGRAPHY_SIZE_100.lineHeight,
329
- 200: TYPOGRAPHY.TYPOGRAPHY_SIZE_200.lineHeight,
330
- 300: TYPOGRAPHY.TYPOGRAPHY_SIZE_300.lineHeight,
331
- 400: TYPOGRAPHY.TYPOGRAPHY_SIZE_400.lineHeight,
332
- 500: TYPOGRAPHY.TYPOGRAPHY_SIZE_500.lineHeight,
333
- 600: TYPOGRAPHY.TYPOGRAPHY_SIZE_600.lineHeight,
334
- 700: TYPOGRAPHY.TYPOGRAPHY_SIZE_700.lineHeight,
335
- 800: TYPOGRAPHY.TYPOGRAPHY_SIZE_800.lineHeight,
336
- 900: TYPOGRAPHY.TYPOGRAPHY_SIZE_900.lineHeight,
337
- 1000: TYPOGRAPHY.TYPOGRAPHY_SIZE_1000.lineHeight,
338
- 1100: TYPOGRAPHY.TYPOGRAPHY_SIZE_1100.lineHeight,
339
- 1200: TYPOGRAPHY.TYPOGRAPHY_SIZE_1200.lineHeight
326
+ 100: _seedsTypography.default.TYPOGRAPHY_SIZE_100.lineHeight,
327
+ 200: _seedsTypography.default.TYPOGRAPHY_SIZE_200.lineHeight,
328
+ 300: _seedsTypography.default.TYPOGRAPHY_SIZE_300.lineHeight,
329
+ 400: _seedsTypography.default.TYPOGRAPHY_SIZE_400.lineHeight,
330
+ 500: _seedsTypography.default.TYPOGRAPHY_SIZE_500.lineHeight,
331
+ 600: _seedsTypography.default.TYPOGRAPHY_SIZE_600.lineHeight,
332
+ 700: _seedsTypography.default.TYPOGRAPHY_SIZE_700.lineHeight,
333
+ 800: _seedsTypography.default.TYPOGRAPHY_SIZE_800.lineHeight,
334
+ 900: _seedsTypography.default.TYPOGRAPHY_SIZE_900.lineHeight,
335
+ 1000: _seedsTypography.default.TYPOGRAPHY_SIZE_1000.lineHeight,
336
+ 1100: _seedsTypography.default.TYPOGRAPHY_SIZE_1100.lineHeight,
337
+ 1200: _seedsTypography.default.TYPOGRAPHY_SIZE_1200.lineHeight
340
338
  };
341
- var fontFamily = exports.fontFamily = TYPOGRAPHY.TYPOGRAPHY_FAMILY;
339
+ var fontFamily = exports.fontFamily = _seedsTypography.default.TYPOGRAPHY_FAMILY;
342
340
  var fontWeights = exports.fontWeights = {
343
- normal: TYPOGRAPHY.TYPOGRAPHY_WEIGHT_NORMAL,
344
- semibold: TYPOGRAPHY.TYPOGRAPHY_WEIGHT_SEMIBOLD,
345
- bold: TYPOGRAPHY.TYPOGRAPHY_WEIGHT_BOLD,
346
- extrabold: TYPOGRAPHY.TYPOGRAPHY_WEIGHT_EXTRA_BOLD
341
+ normal: _seedsTypography.default.TYPOGRAPHY_WEIGHT_NORMAL,
342
+ semibold: _seedsTypography.default.TYPOGRAPHY_WEIGHT_SEMIBOLD,
343
+ bold: _seedsTypography.default.TYPOGRAPHY_WEIGHT_BOLD,
344
+ extrabold: _seedsTypography.default.TYPOGRAPHY_WEIGHT_EXTRA_BOLD
347
345
  };
348
346
  var space = exports.space = {
349
347
  0: _seedsSpace.default.SPACE_SIZE_0,
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,24 @@
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
+ "default": (
12
+ "primary": #cdf7ef,
13
+ "secondary": #c7dbf9
14
+ ),
15
+ "inverse": (
16
+ "primary": #067c7c,
17
+ "secondary": #0c3f89
18
+ )
19
+ )
20
+ )
21
+ ),
2
22
  "analytics": (
3
23
  "trend": (
4
24
  "positive": #08c4b2,
@@ -260,14 +280,14 @@ $theme: (
260
280
  "network": (
261
281
  "twitter": #000000,
262
282
  "twitter_like": #e0245e,
263
- "facebook": #217bee,
283
+ "facebook": #1877F2,
264
284
  "facebook_audience_network": #58409B,
265
285
  "linkedin": #0A66C2,
266
286
  "instagram": #e4405f,
267
287
  "feedly": #2bb24c,
268
288
  "analytics": #ef6c00,
269
289
  "youtube": #ff0000,
270
- "messenger": #0084ff,
290
+ "messenger": #000000,
271
291
  "snapchat": #fffc00,
272
292
  "pinterest": #E60023,
273
293
  "tumblr": #35465c,
@@ -283,7 +303,7 @@ $theme: (
283
303
  "hubspot": #FF7A59,
284
304
  "microsoft_dynamics": #002050,
285
305
  "yelp": #FF1A1A,
286
- "whatsapp": #25D366,
306
+ "whatsapp": #59CE72,
287
307
  "tiktok": #000000,
288
308
  "threads": #000000,
289
309
  "trustpilot": #04DA8D,
@@ -554,6 +574,26 @@ $theme: (
554
574
  )
555
575
  )
556
576
  ),
577
+ "ai": (
578
+ "feature": (
579
+ "decorative": (
580
+ "primary": #067c7c,
581
+ "secondary": #0c3f89
582
+ ),
583
+ "background": (
584
+ "primary": #cdf7ef,
585
+ "secondary": #c7dbf9,
586
+ "default": (
587
+ "primary": #cdf7ef,
588
+ "secondary": #c7dbf9
589
+ ),
590
+ "inverse": (
591
+ "primary": #067c7c,
592
+ "secondary": #0c3f89
593
+ )
594
+ )
595
+ )
596
+ ),
557
597
  "analytics": (
558
598
  "trend": (
559
599
  "positive": #08c4b2,
package/dist/themes/extendedThemes/sproutTheme/light/theme.scss CHANGED
@@ -1,4 +1,24 @@
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
+ "default": (
12
+ "primary": #067c7c,
13
+ "secondary": #0c3f89
14
+ ),
15
+ "inverse": (
16
+ "primary": #cdf7ef,
17
+ "secondary": #c7dbf9
18
+ )
19
+ )
20
+ )
21
+ ),
2
22
  "analytics": (
3
23
  "trend": (
4
24
  "positive": #067c7c,
@@ -260,14 +280,14 @@ $theme: (
260
280
  "network": (
261
281
  "twitter": #000000,
262
282
  "twitter_like": #e0245e,
263
- "facebook": #217bee,
283
+ "facebook": #1877F2,
264
284
  "facebook_audience_network": #58409B,
265
285
  "linkedin": #0A66C2,
266
286
  "instagram": #e4405f,
267
287
  "feedly": #2bb24c,
268
288
  "analytics": #ef6c00,
269
289
  "youtube": #ff0000,
270
- "messenger": #0084ff,
290
+ "messenger": #000000,
271
291
  "snapchat": #fffc00,
272
292
  "pinterest": #E60023,
273
293
  "tumblr": #35465c,
@@ -283,7 +303,7 @@ $theme: (
283
303
  "hubspot": #FF7A59,
284
304
  "microsoft_dynamics": #002050,
285
305
  "yelp": #FF1A1A,
286
- "whatsapp": #25D366,
306
+ "whatsapp": #59CE72,
287
307
  "tiktok": #000000,
288
308
  "threads": #000000,
289
309
  "trustpilot": #04DA8D,
@@ -494,6 +514,26 @@ $theme: (
494
514
  "19": #0ca750,
495
515
  "20": #ba7506
496
516
  ),
517
+ "ai": (
518
+ "feature": (
519
+ "decorative": (
520
+ "primary": #067c7c,
521
+ "secondary": #0c3f89
522
+ ),
523
+ "background": (
524
+ "primary": #067c7c,
525
+ "secondary": #0c3f89,
526
+ "default": (
527
+ "primary": #067c7c,
528
+ "secondary": #0c3f89
529
+ ),
530
+ "inverse": (
531
+ "primary": #cdf7ef,
532
+ "secondary": #c7dbf9
533
+ )
534
+ )
535
+ )
536
+ ),
497
537
  "navigation": (
498
538
  "main": (
499
539
  "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/dark/theme.d.ts CHANGED
@@ -478,131 +478,59 @@ declare const darkTheme: {
478
478
  breakpoints: string[];
479
479
  typography: {
480
480
  typography: {
481
- 100: {
482
- fontSize: string;
483
- lineHeight: string;
484
- };
485
- 200: {
486
- fontSize: string;
487
- lineHeight: string;
488
- };
489
- 300: {
490
- fontSize: string;
491
- lineHeight: string;
492
- };
493
- 400: {
494
- fontSize: string;
495
- lineHeight: string;
496
- };
497
- 500: {
498
- fontSize: string;
499
- lineHeight: string;
500
- };
501
- 600: {
502
- fontSize: string;
503
- lineHeight: string;
504
- };
505
- 700: {
506
- fontSize: string;
507
- lineHeight: string;
508
- };
509
- 800: {
510
- fontSize: string;
511
- lineHeight: string;
512
- };
513
- 900: {
514
- fontSize: string;
515
- lineHeight: string;
516
- };
517
- 1000: {
518
- fontSize: string;
519
- lineHeight: string;
520
- };
521
- 1100: {
522
- fontSize: string;
523
- lineHeight: string;
524
- };
525
- 1200: {
526
- fontSize: string;
527
- lineHeight: string;
528
- };
529
- };
530
- 100: {
531
- fontSize: string;
532
- lineHeight: string;
533
- };
534
- 200: {
535
- fontSize: string;
536
- lineHeight: string;
537
- };
538
- 300: {
539
- fontSize: string;
540
- lineHeight: string;
541
- };
542
- 400: {
543
- fontSize: string;
544
- lineHeight: string;
545
- };
546
- 500: {
547
- fontSize: string;
548
- lineHeight: string;
549
- };
550
- 600: {
551
- fontSize: string;
552
- lineHeight: string;
553
- };
554
- 700: {
555
- fontSize: string;
556
- lineHeight: string;
557
- };
558
- 800: {
559
- fontSize: string;
560
- lineHeight: string;
561
- };
562
- 900: {
563
- fontSize: string;
564
- lineHeight: string;
565
- };
566
- 1000: {
567
- fontSize: string;
568
- lineHeight: string;
569
- };
570
- 1100: {
571
- fontSize: string;
572
- lineHeight: string;
573
- };
574
- 1200: {
575
- fontSize: string;
576
- lineHeight: string;
577
- };
481
+ 100: import("@sproutsocial/seeds-typography").TypographySizeType;
482
+ 200: import("@sproutsocial/seeds-typography").TypographySizeType;
483
+ 300: import("@sproutsocial/seeds-typography").TypographySizeType;
484
+ 400: import("@sproutsocial/seeds-typography").TypographySizeType;
485
+ 500: import("@sproutsocial/seeds-typography").TypographySizeType;
486
+ 600: import("@sproutsocial/seeds-typography").TypographySizeType;
487
+ 700: import("@sproutsocial/seeds-typography").TypographySizeType;
488
+ 800: import("@sproutsocial/seeds-typography").TypographySizeType;
489
+ 900: import("@sproutsocial/seeds-typography").TypographySizeType;
490
+ 1000: import("@sproutsocial/seeds-typography").TypographySizeType;
491
+ 1100: import("@sproutsocial/seeds-typography").TypographySizeType;
492
+ 1200: import("@sproutsocial/seeds-typography").TypographySizeType;
493
+ };
494
+ 100: import("@sproutsocial/seeds-typography").TypographySizeType;
495
+ 200: import("@sproutsocial/seeds-typography").TypographySizeType;
496
+ 300: import("@sproutsocial/seeds-typography").TypographySizeType;
497
+ 400: import("@sproutsocial/seeds-typography").TypographySizeType;
498
+ 500: import("@sproutsocial/seeds-typography").TypographySizeType;
499
+ 600: import("@sproutsocial/seeds-typography").TypographySizeType;
500
+ 700: import("@sproutsocial/seeds-typography").TypographySizeType;
501
+ 800: import("@sproutsocial/seeds-typography").TypographySizeType;
502
+ 900: import("@sproutsocial/seeds-typography").TypographySizeType;
503
+ 1000: import("@sproutsocial/seeds-typography").TypographySizeType;
504
+ 1100: import("@sproutsocial/seeds-typography").TypographySizeType;
505
+ 1200: import("@sproutsocial/seeds-typography").TypographySizeType;
578
506
  };
579
507
  fontSizes: {
580
- 100: string;
581
- 200: string;
582
- 300: string;
583
- 400: string;
584
- 500: string;
585
- 600: string;
586
- 700: string;
587
- 800: string;
588
- 900: string;
589
- 1000: string;
590
- 1100: string;
591
- 1200: string;
508
+ 100: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
509
+ 200: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
510
+ 300: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
511
+ 400: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
512
+ 500: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
513
+ 600: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
514
+ 700: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
515
+ 800: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
516
+ 900: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
517
+ 1000: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
518
+ 1100: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
519
+ 1200: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
592
520
  };
593
521
  lineHeights: {
594
- 100: string;
595
- 200: string;
596
- 300: string;
597
- 400: string;
598
- 500: string;
599
- 600: string;
600
- 700: string;
601
- 800: string;
602
- 900: string;
603
- 1000: string;
604
- 1100: string;
605
- 1200: string;
522
+ 100: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
523
+ 200: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
524
+ 300: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
525
+ 400: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
526
+ 500: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
527
+ 600: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
528
+ 700: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
529
+ 800: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
530
+ 900: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
531
+ 1000: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
532
+ 1100: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
533
+ 1200: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
606
534
  };
607
535
  fontFamily: string;
608
536
  fontWeights: {
package/dist/types/dark/theme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/dark/theme.ts"],"names":[],"mappings":"AA0BA,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAgPF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;0BA7NT,mDAAmD;;;;;;;;;;;;;;;gBAAnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;gBAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA2IrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BApKjD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkOxD,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/dark/theme.ts"],"names":[],"mappings":"AA0BA,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAgPF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;0BA7NT,mDAAmD;;;;;;;;;;;;;;;gBAAnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;gBAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA2IrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BApKjD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkOxD,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/dist/types/extendedThemes/sproutTheme/dark/theme.d.ts CHANGED
@@ -59,6 +59,26 @@ 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
+ default: {
72
+ primary: string;
73
+ secondary: string;
74
+ };
75
+ inverse: {
76
+ primary: string;
77
+ secondary: string;
78
+ };
79
+ };
80
+ };
81
+ };
62
82
  export declare const analytics: {
63
83
  trend: {
64
84
  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;;;;;;;;;;;;;;;;;;;CAoBd,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,26 @@ 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
+ default: {
72
+ primary: string;
73
+ secondary: string;
74
+ };
75
+ inverse: {
76
+ primary: string;
77
+ secondary: string;
78
+ };
79
+ };
80
+ };
81
+ };
62
82
  export declare const analytics: {
63
83
  trend: {
64
84
  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;;;;;;;;;;;;;;;;;;;CAoBd,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/light/theme.d.ts CHANGED
@@ -1,81 +1,45 @@
1
1
  export declare const breakpoints: string[];
2
2
  export declare const typography: {
3
- 100: {
4
- fontSize: string;
5
- lineHeight: string;
6
- };
7
- 200: {
8
- fontSize: string;
9
- lineHeight: string;
10
- };
11
- 300: {
12
- fontSize: string;
13
- lineHeight: string;
14
- };
15
- 400: {
16
- fontSize: string;
17
- lineHeight: string;
18
- };
19
- 500: {
20
- fontSize: string;
21
- lineHeight: string;
22
- };
23
- 600: {
24
- fontSize: string;
25
- lineHeight: string;
26
- };
27
- 700: {
28
- fontSize: string;
29
- lineHeight: string;
30
- };
31
- 800: {
32
- fontSize: string;
33
- lineHeight: string;
34
- };
35
- 900: {
36
- fontSize: string;
37
- lineHeight: string;
38
- };
39
- 1000: {
40
- fontSize: string;
41
- lineHeight: string;
42
- };
43
- 1100: {
44
- fontSize: string;
45
- lineHeight: string;
46
- };
47
- 1200: {
48
- fontSize: string;
49
- lineHeight: string;
50
- };
3
+ 100: import("@sproutsocial/seeds-typography").TypographySizeType;
4
+ 200: import("@sproutsocial/seeds-typography").TypographySizeType;
5
+ 300: import("@sproutsocial/seeds-typography").TypographySizeType;
6
+ 400: import("@sproutsocial/seeds-typography").TypographySizeType;
7
+ 500: import("@sproutsocial/seeds-typography").TypographySizeType;
8
+ 600: import("@sproutsocial/seeds-typography").TypographySizeType;
9
+ 700: import("@sproutsocial/seeds-typography").TypographySizeType;
10
+ 800: import("@sproutsocial/seeds-typography").TypographySizeType;
11
+ 900: import("@sproutsocial/seeds-typography").TypographySizeType;
12
+ 1000: import("@sproutsocial/seeds-typography").TypographySizeType;
13
+ 1100: import("@sproutsocial/seeds-typography").TypographySizeType;
14
+ 1200: import("@sproutsocial/seeds-typography").TypographySizeType;
51
15
  };
52
16
  export declare const fontSizes: {
53
- 100: string;
54
- 200: string;
55
- 300: string;
56
- 400: string;
57
- 500: string;
58
- 600: string;
59
- 700: string;
60
- 800: string;
61
- 900: string;
62
- 1000: string;
63
- 1100: string;
64
- 1200: string;
17
+ 100: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
18
+ 200: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
19
+ 300: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
20
+ 400: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
21
+ 500: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
22
+ 600: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
23
+ 700: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
24
+ 800: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
25
+ 900: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
26
+ 1000: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
27
+ 1100: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
28
+ 1200: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
65
29
  };
66
30
  export declare const lineHeights: {
67
- 100: string;
68
- 200: string;
69
- 300: string;
70
- 400: string;
71
- 500: string;
72
- 600: string;
73
- 700: string;
74
- 800: string;
75
- 900: string;
76
- 1000: string;
77
- 1100: string;
78
- 1200: string;
31
+ 100: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
32
+ 200: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
33
+ 300: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
34
+ 400: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
35
+ 500: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
36
+ 600: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
37
+ 700: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
38
+ 800: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
39
+ 900: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
40
+ 1000: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
41
+ 1100: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
42
+ 1200: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
79
43
  };
80
44
  export type TypeFontFamilyString = string;
81
45
  export declare const fontFamily: string;
@@ -223,6 +187,7 @@ declare const theme: {
223
187
  "1000": string;
224
188
  "1100": string;
225
189
  };
190
+ /** @deprecated Use "error" instead of "danger" */
226
191
  aqua: {
227
192
  "0": string;
228
193
  "100": string;
@@ -595,131 +560,59 @@ declare const theme: {
595
560
  };
596
561
  typography: {
597
562
  typography: {
598
- 100: {
599
- fontSize: string;
600
- lineHeight: string;
601
- };
602
- 200: {
603
- fontSize: string;
604
- lineHeight: string;
605
- };
606
- 300: {
607
- fontSize: string;
608
- lineHeight: string;
609
- };
610
- 400: {
611
- fontSize: string;
612
- lineHeight: string;
613
- };
614
- 500: {
615
- fontSize: string;
616
- lineHeight: string;
617
- };
618
- 600: {
619
- fontSize: string;
620
- lineHeight: string;
621
- };
622
- 700: {
623
- fontSize: string;
624
- lineHeight: string;
625
- };
626
- 800: {
627
- fontSize: string;
628
- lineHeight: string;
629
- };
630
- 900: {
631
- fontSize: string;
632
- lineHeight: string;
633
- };
634
- 1000: {
635
- fontSize: string;
636
- lineHeight: string;
637
- };
638
- 1100: {
639
- fontSize: string;
640
- lineHeight: string;
641
- };
642
- 1200: {
643
- fontSize: string;
644
- lineHeight: string;
645
- };
646
- };
647
- 100: {
648
- fontSize: string;
649
- lineHeight: string;
650
- };
651
- 200: {
652
- fontSize: string;
653
- lineHeight: string;
654
- };
655
- 300: {
656
- fontSize: string;
657
- lineHeight: string;
658
- };
659
- 400: {
660
- fontSize: string;
661
- lineHeight: string;
662
- };
663
- 500: {
664
- fontSize: string;
665
- lineHeight: string;
666
- };
667
- 600: {
668
- fontSize: string;
669
- lineHeight: string;
670
- };
671
- 700: {
672
- fontSize: string;
673
- lineHeight: string;
674
- };
675
- 800: {
676
- fontSize: string;
677
- lineHeight: string;
678
- };
679
- 900: {
680
- fontSize: string;
681
- lineHeight: string;
682
- };
683
- 1000: {
684
- fontSize: string;
685
- lineHeight: string;
686
- };
687
- 1100: {
688
- fontSize: string;
689
- lineHeight: string;
690
- };
691
- 1200: {
692
- fontSize: string;
693
- lineHeight: string;
694
- };
563
+ 100: import("@sproutsocial/seeds-typography").TypographySizeType;
564
+ 200: import("@sproutsocial/seeds-typography").TypographySizeType;
565
+ 300: import("@sproutsocial/seeds-typography").TypographySizeType;
566
+ 400: import("@sproutsocial/seeds-typography").TypographySizeType;
567
+ 500: import("@sproutsocial/seeds-typography").TypographySizeType;
568
+ 600: import("@sproutsocial/seeds-typography").TypographySizeType;
569
+ 700: import("@sproutsocial/seeds-typography").TypographySizeType;
570
+ 800: import("@sproutsocial/seeds-typography").TypographySizeType;
571
+ 900: import("@sproutsocial/seeds-typography").TypographySizeType;
572
+ 1000: import("@sproutsocial/seeds-typography").TypographySizeType;
573
+ 1100: import("@sproutsocial/seeds-typography").TypographySizeType;
574
+ 1200: import("@sproutsocial/seeds-typography").TypographySizeType;
575
+ };
576
+ 100: import("@sproutsocial/seeds-typography").TypographySizeType;
577
+ 200: import("@sproutsocial/seeds-typography").TypographySizeType;
578
+ 300: import("@sproutsocial/seeds-typography").TypographySizeType;
579
+ 400: import("@sproutsocial/seeds-typography").TypographySizeType;
580
+ 500: import("@sproutsocial/seeds-typography").TypographySizeType;
581
+ 600: import("@sproutsocial/seeds-typography").TypographySizeType;
582
+ 700: import("@sproutsocial/seeds-typography").TypographySizeType;
583
+ 800: import("@sproutsocial/seeds-typography").TypographySizeType;
584
+ 900: import("@sproutsocial/seeds-typography").TypographySizeType;
585
+ 1000: import("@sproutsocial/seeds-typography").TypographySizeType;
586
+ 1100: import("@sproutsocial/seeds-typography").TypographySizeType;
587
+ 1200: import("@sproutsocial/seeds-typography").TypographySizeType;
695
588
  };
696
589
  fontSizes: {
697
- 100: string;
698
- 200: string;
699
- 300: string;
700
- 400: string;
701
- 500: string;
702
- 600: string;
703
- 700: string;
704
- 800: string;
705
- 900: string;
706
- 1000: string;
707
- 1100: string;
708
- 1200: string;
590
+ 100: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
591
+ 200: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
592
+ 300: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
593
+ 400: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
594
+ 500: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
595
+ 600: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
596
+ 700: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
597
+ 800: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
598
+ 900: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
599
+ 1000: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
600
+ 1100: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
601
+ 1200: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
709
602
  };
710
603
  lineHeights: {
711
- 100: string;
712
- 200: string;
713
- 300: string;
714
- 400: string;
715
- 500: string;
716
- 600: string;
717
- 700: string;
718
- 800: string;
719
- 900: string;
720
- 1000: string;
721
- 1100: string;
722
- 1200: string;
604
+ 100: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
605
+ 200: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
606
+ 300: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
607
+ 400: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
608
+ 500: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
609
+ 600: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
610
+ 700: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
611
+ 800: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
612
+ 900: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
613
+ 1000: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
614
+ 1100: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
615
+ 1200: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
723
616
  };
724
617
  fontFamily: string;
725
618
  fontWeights: {
package/dist/types/light/theme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/light/theme.ts"],"names":[],"mappings":"AA6BA,eAAO,MAAM,WAAW,UAA0C,CAAC;AAqRnE,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAatB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;CAarB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAavB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAE1C,eAAO,MAAM,UAAU,QAA+B,CAAC;AAEvD,eAAO,MAAM,WAAW;;;;;CAKvB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;CAUjB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;CAQjB,CAAC;AAEF,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,YAAY;;CAExB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;CAIlB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;CAIpB,CAAC;AAEF,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAzWL,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;gBAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA2IrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoOtD,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/light/theme.ts"],"names":[],"mappings":"AA6BA,eAAO,MAAM,WAAW,UAA0C,CAAC;AAqRnE,eAAO,MAAM,UAAU;;;;;;;;;;;;;CAatB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;CAarB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAavB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAE1C,eAAO,MAAM,UAAU,QAA+B,CAAC;AAEvD,eAAO,MAAM,WAAW;;;;;CAKvB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;CAUjB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;CAQjB,CAAC;AAEF,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,YAAY;;CAExB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;CAIlB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;CAIpB,CAAC;AAEF,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAhVL,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAzBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;gBAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA2IrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoOtD,CAAC;AAEF,eAAe,KAAK,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,27 @@ 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
+ default: {
86
+ primary: baseDarkTheme.colors.teal[100],
87
+ secondary: baseDarkTheme.colors.blue[200]
88
+ },
89
+ inverse: {
90
+ primary: baseDarkTheme.colors.teal[800],
91
+ secondary: baseDarkTheme.colors.blue[900]
92
+ }
93
+ }
94
+ }
95
+ };
75
96
  export var analytics = {
76
97
  trend: {
77
98
  positive: baseDarkTheme.colors.teal[500],
@@ -226,6 +247,7 @@ var darkTheme = _objectSpread(_objectSpread({}, baseDarkTheme), {}, {
226
247
  colors: _objectSpread(_objectSpread({}, baseDarkTheme.colors), {}, {
227
248
  navigation: navigation,
228
249
  datePicker: datePicker,
250
+ ai: ai,
229
251
  analytics: analytics,
230
252
  listening: listening,
231
253
  growth: growth,
package/lib/extendedThemes/sproutTheme/light/theme.js CHANGED
@@ -69,6 +69,27 @@ 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
+ default: {
83
+ primary: baseLightTheme.colors.teal[800],
84
+ secondary: baseLightTheme.colors.blue[900]
85
+ },
86
+ inverse: {
87
+ primary: baseLightTheme.colors.teal[100],
88
+ secondary: baseLightTheme.colors.blue[200]
89
+ }
90
+ }
91
+ }
92
+ };
72
93
  export var analytics = {
73
94
  trend: {
74
95
  positive: baseLightTheme.colors.teal[800],
@@ -221,6 +242,7 @@ export var cardControl = {
221
242
  };
222
243
  var lightTheme = _objectSpread(_objectSpread({}, baseLightTheme), {}, {
223
244
  colors: _objectSpread(_objectSpread({}, baseLightTheme.colors), {}, {
245
+ ai: ai,
224
246
  navigation: navigation,
225
247
  datePicker: datePicker,
226
248
  analytics: analytics,
package/lib/light/theme.js CHANGED
@@ -9,7 +9,7 @@ import { transparentize } from "polished";
9
9
  import COLORS from "@sproutsocial/seeds-color";
10
10
  import NETWORKCOLORS from "@sproutsocial/seeds-networkcolor";
11
11
  // eslint-disable-next-line no-restricted-syntax
12
- import * as TYPOGRAPHY from "@sproutsocial/seeds-typography";
12
+ import TYPOGRAPHY from "@sproutsocial/seeds-typography";
13
13
  import SPACE from "@sproutsocial/seeds-space";
14
14
  import DEPTH from "@sproutsocial/seeds-depth";
15
15
  import MOTION from "@sproutsocial/seeds-motion";
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.3.0",
4
4
  "description": "Seeds Theme",
5
5
  "main": "commonjs/index.js",
6
6
  "module": "lib/index.mjs",
@@ -15,24 +15,25 @@
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": {
22
+ "@sproutsocial/seeds-border": "*",
21
23
  "@sproutsocial/seeds-color": "*",
22
- "@sproutsocial/seeds-networkcolor": "*",
23
- "@sproutsocial/seeds-typography": "*",
24
- "@sproutsocial/seeds-space": "*",
25
24
  "@sproutsocial/seeds-depth": "*",
26
25
  "@sproutsocial/seeds-motion": "*",
27
- "@sproutsocial/seeds-border": "*",
26
+ "@sproutsocial/seeds-networkcolor": "*",
27
+ "@sproutsocial/seeds-space": "*",
28
+ "@sproutsocial/seeds-typography": "*",
28
29
  "polished": "^3.4.1"
29
30
  },
30
31
  "devDependencies": {
31
32
  "@sproutsocial/seeds-build-flow": "*",
32
33
  "glob": "^10.3.10",
33
34
  "json-to-scss": "^1.6.2",
34
- "typescript": "^5.1.6",
35
- "tsx": "3.13.0"
35
+ "tsx": "^4.0.0",
36
+ "typescript": "^5.1.6"
36
37
  },
37
38
  "engines": {
38
39
  "node": ">=18"