@sproutsocial/seeds-react-theme 4.1.1 → 4.2.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 (24) hide show
  1. package/commonjs/dark/theme.js +14 -7
  2. package/commonjs/extendedThemes/sproutTheme/dark/theme.js +10 -2
  3. package/commonjs/extendedThemes/sproutTheme/light/theme.js +11 -2
  4. package/commonjs/light/theme.js +6 -2
  5. package/dist/theme-all.css +8 -8
  6. package/dist/theme-dark.css +6 -6
  7. package/dist/theme.css +2 -2
  8. package/dist/themes/dark/theme.scss +12 -12
  9. package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +20 -6
  10. package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +16 -2
  11. package/dist/themes/light/theme.scss +4 -4
  12. package/dist/types/dark/theme.d.ts.map +1 -1
  13. package/dist/types/extendedThemes/sproutTheme/dark/theme.d.ts +7 -0
  14. package/dist/types/extendedThemes/sproutTheme/dark/theme.d.ts.map +1 -1
  15. package/dist/types/extendedThemes/sproutTheme/light/theme.d.ts +7 -0
  16. package/dist/types/extendedThemes/sproutTheme/light/theme.d.ts.map +1 -1
  17. package/dist/types/light/theme.d.ts.map +1 -1
  18. package/dist/types/types/theme.d.ts +2 -1
  19. package/dist/types/types/theme.d.ts.map +1 -1
  20. package/lib/dark/theme.js +14 -7
  21. package/lib/extendedThemes/sproutTheme/dark/theme.js +9 -1
  22. package/lib/extendedThemes/sproutTheme/light/theme.js +10 -1
  23. package/lib/light/theme.js +6 -2
  24. package/package.json +1 -1
package/commonjs/dark/theme.js CHANGED
@@ -60,7 +60,9 @@ var colors = exports.colors = _objectSpread(_objectSpread({}, _theme.default.col
60
60
  positive_sentiment: _seedsColor.default.COLOR_BLUE_500,
61
61
  negative_sentiment: _seedsColor.default.COLOR_RED_500,
62
62
  neutral_sentiment: _seedsColor.default.COLOR_NEUTRAL_300,
63
- ai_generated: "var(--color-container-bg-ai-generated, ".concat(_seedsColor.default.COLOR_NEUTRAL_100, ")")
63
+ // 20% AI gradient tint over the dark container surface. Same token-driven
64
+ // value as light mode; the referenced tokens flip per theme.
65
+ ai_generated: "var(--color-gradient-ai-subtle), var(--color-container-bg-base)"
64
66
  },
65
67
  border: {
66
68
  base: _seedsColor.default.COLOR_NEUTRAL_1100,
@@ -88,10 +90,11 @@ var colors = exports.colors = _objectSpread(_objectSpread({}, _theme.default.col
88
90
  ai_generated: _seedsColor.default.COLOR_PURPLE_700
89
91
  }
90
92
  },
91
- // AI brand gradient — identical to light mode (the brand gradient does not flip).
93
+ // AI brand gradient — dark mode uses lighter blue/purple stops for WCAG
94
+ // contrast against the dark surface (Figma Sprout Variables, "Trellis" dark).
92
95
  gradient: {
93
- ai: "radial-gradient(circle at bottom left, #205bc3 0%, #9747ff 61%, #f282f5 100%)",
94
- "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%)"
96
+ ai: "radial-gradient(circle at bottom left, #679eff 0%, #b984ff 61%, #f282f5 100%)",
97
+ "ai-subtle": "radial-gradient(circle at bottom left, color-mix(in srgb, #679eff, transparent 80%) 0%, color-mix(in srgb, #b984ff, transparent 80%) 61%, color-mix(in srgb, #f282f5, transparent 80%) 100%)"
95
98
  },
96
99
  button: {
97
100
  primary: {
@@ -206,8 +209,10 @@ var colors = exports.colors = _objectSpread(_objectSpread({}, _theme.default.col
206
209
  base: "transparent"
207
210
  },
208
211
  text: {
209
- base: _seedsColor.default.COLOR_NEUTRAL_800,
210
- hover: _seedsColor.default.COLOR_NEUTRAL_800
212
+ // Dark-mode override: light text for legibility on the dark surface
213
+ // (mirrors ai-outline; the tint now sits over the dark container base).
214
+ base: _seedsColor.default.COLOR_NEUTRAL_100,
215
+ hover: _seedsColor.default.COLOR_NEUTRAL_100
211
216
  }
212
217
  },
213
218
  "ai-outline": {
@@ -251,7 +256,9 @@ var colors = exports.colors = _objectSpread(_objectSpread({}, _theme.default.col
251
256
  aqua: _decorativePalettes.aqua.foreground,
252
257
  teal: _decorativePalettes.teal.foreground
253
258
  },
254
- ai_generated: _seedsColor.default.COLOR_NEUTRAL_900
259
+ // Dark-mode override: light text on the (now dark) AI-generated surface,
260
+ // matching the headline treatment. Light mode keeps the dark neutral.
261
+ ai_generated: _seedsColor.default.COLOR_NEUTRAL_0
255
262
  },
256
263
  icon: {
257
264
  base: _seedsColor.default.COLOR_NEUTRAL_100,
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 = exports.ai = void 0;
6
+ exports.tags = exports.navigation = exports.listening = exports.growth = exports.default = exports.datePicker = exports.cardControl = exports.analytics = exports.ai = void 0;
7
7
  var _theme = _interopRequireDefault(require("../../../dark/theme"));
8
8
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
9
9
  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); }
@@ -247,6 +247,13 @@ var cardControl = exports.cardControl = {
247
247
  selected: _theme.default.colors.text.body
248
248
  }
249
249
  };
250
+ var tags = exports.tags = {
251
+ collections: {
252
+ background: {
253
+ base: _theme.default.colors.neutral[800]
254
+ }
255
+ }
256
+ };
250
257
  var darkTheme = _objectSpread(_objectSpread({}, _theme.default), {}, {
251
258
  colors: _objectSpread(_objectSpread({}, _theme.default.colors), {}, {
252
259
  navigation: navigation,
@@ -255,7 +262,8 @@ var darkTheme = _objectSpread(_objectSpread({}, _theme.default), {}, {
255
262
  analytics: analytics,
256
263
  listening: listening,
257
264
  growth: growth,
258
- cardControl: cardControl
265
+ cardControl: cardControl,
266
+ tags: tags
259
267
  })
260
268
  });
261
269
  var _default = exports.default = darkTheme;
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 = exports.ai = void 0;
6
+ exports.tags = exports.navigation = exports.listening = exports.growth = exports.default = exports.datePicker = exports.cardControl = exports.analytics = exports.ai = void 0;
7
7
  var _theme = _interopRequireDefault(require("../../../light/theme"));
8
8
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
9
9
  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); }
@@ -244,6 +244,14 @@ var cardControl = exports.cardControl = {
244
244
  selected: _theme.default.colors.text.inverse
245
245
  }
246
246
  };
247
+ var tags = exports.tags = {
248
+ collections: {
249
+ background: {
250
+ // Matches app.background.base so the miller columns blend with the page
251
+ base: _theme.default.colors.app.background.base
252
+ }
253
+ }
254
+ };
247
255
  var lightTheme = _objectSpread(_objectSpread({}, _theme.default), {}, {
248
256
  colors: _objectSpread(_objectSpread({}, _theme.default.colors), {}, {
249
257
  ai: ai,
@@ -252,7 +260,8 @@ var lightTheme = _objectSpread(_objectSpread({}, _theme.default), {}, {
252
260
  analytics: analytics,
253
261
  listening: listening,
254
262
  growth: growth,
255
- cardControl: cardControl
263
+ cardControl: cardControl,
264
+ tags: tags
256
265
  })
257
266
  });
258
267
  var _default = exports.default = lightTheme;
package/commonjs/light/theme.js CHANGED
@@ -67,7 +67,11 @@ var colors = exports.colors = _objectSpread(_objectSpread({
67
67
  positive_sentiment: _seedsColor.default.COLOR_BLUE_500,
68
68
  negative_sentiment: _seedsColor.default.COLOR_RED_500,
69
69
  neutral_sentiment: _seedsColor.default.COLOR_NEUTRAL_300,
70
- ai_generated: "var(--color-container-bg-ai-generated, ".concat(_seedsColor.default.COLOR_NEUTRAL_100, ")")
70
+ // 20% AI gradient tint composited over the themed container surface.
71
+ // Driven entirely by the ai-subtle + container-bg tokens so it adapts to
72
+ // light/dark automatically (was previously a hardcoded, light-only value
73
+ // injected by seeds-react-theme-provider).
74
+ ai_generated: "var(--color-gradient-ai-subtle), var(--color-container-bg-base)"
71
75
  },
72
76
  border: {
73
77
  base: _seedsColor.default.COLOR_NEUTRAL_200,
@@ -281,7 +285,7 @@ var colors = exports.colors = _objectSpread(_objectSpread({
281
285
  applied: _seedsColor.default.COLOR_BLUE_700,
282
286
  positive_sentiment: _seedsColor.default.COLOR_BLUE_600,
283
287
  negative_sentiment: _seedsColor.default.COLOR_RED_600,
284
- neutral_sentiment: _seedsColor.default.COLOR_NEUTRAL_500
288
+ neutral_sentiment: _seedsColor.default.COLOR_NEUTRAL_600
285
289
  },
286
290
  form: {
287
291
  background: {
package/dist/theme-all.css CHANGED
@@ -27,7 +27,7 @@
27
27
  --color-container-bg-positive_sentiment: #3876e3;
28
28
  --color-container-bg-negative_sentiment: #f76054;
29
29
  --color-container-bg-neutral_sentiment: #c8cccc;
30
- --color-container-bg-ai_generated: var(--color-container-bg-ai-generated, #f3f4f4);
30
+ --color-container-bg-ai_generated: var(--color-gradient-ai-subtle), var(--color-container-bg-base);
31
31
  --color-container-border-base: #dee1e1;
32
32
  --color-container-border-success: #59cb59;
33
33
  --color-container-border-warning: #ffbc00;
@@ -132,7 +132,7 @@
132
132
  --color-icon-applied: #205bc3;
133
133
  --color-icon-positive_sentiment: #2b68d3;
134
134
  --color-icon-negative_sentiment: #ed4c42;
135
- --color-icon-neutral_sentiment: #929a9b;
135
+ --color-icon-neutral_sentiment: #6e797a;
136
136
  --color-form-bg-base: #FFFFFF;
137
137
  --color-form-bg-selected: #364141;
138
138
  --color-form-border-base: #6e797a;
@@ -508,7 +508,7 @@
508
508
  --color-container-bg-positive_sentiment: #3876e3;
509
509
  --color-container-bg-negative_sentiment: #f76054;
510
510
  --color-container-bg-neutral_sentiment: #c8cccc;
511
- --color-container-bg-ai_generated: var(--color-container-bg-ai-generated, #f3f4f4);
511
+ --color-container-bg-ai_generated: var(--color-gradient-ai-subtle), var(--color-container-bg-base);
512
512
  --color-container-border-base: #040404;
513
513
  --color-container-border-success: #59cb59;
514
514
  --color-container-border-warning: #ffbc00;
@@ -529,8 +529,8 @@
529
529
  --color-container-border-decorative-teal: #08c4b2;
530
530
  --color-container-border-selected: #FFFFFF;
531
531
  --color-container-border-ai_generated: #6f5ed3;
532
- --color-gradient-ai: radial-gradient(circle at bottom left, #205bc3 0%, #9747ff 61%, #f282f5 100%);
533
- --color-gradient-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%);
532
+ --color-gradient-ai: radial-gradient(circle at bottom left, #679eff 0%, #b984ff 61%, #f282f5 100%);
533
+ --color-gradient-ai-subtle: radial-gradient(circle at bottom left, color-mix(in srgb, #679eff, transparent 80%) 0%, color-mix(in srgb, #b984ff, transparent 80%) 61%, color-mix(in srgb, #f282f5, transparent 80%) 100%);
534
534
  --color-button-primary-bg-base: #679eff;
535
535
  --color-button-primary-bg-hover: #a1c2f8;
536
536
  --color-button-primary-bg-active: #c7dbf9;
@@ -575,8 +575,8 @@
575
575
  --color-button-ai-primary-text-hover: #FFFFFF;
576
576
  --color-button-ai-secondary-bg-base: var(--color-gradient-ai-subtle);
577
577
  --color-button-ai-secondary-border-base: transparent;
578
- --color-button-ai-secondary-text-base: #364141;
579
- --color-button-ai-secondary-text-hover: #364141;
578
+ --color-button-ai-secondary-text-base: #f3f4f4;
579
+ --color-button-ai-secondary-text-hover: #f3f4f4;
580
580
  --color-button-ai-outline-bg-base: transparent;
581
581
  --color-button-ai-outline-border-base: var(--color-gradient-ai);
582
582
  --color-button-ai-outline-text-base: #f3f4f4;
@@ -601,7 +601,7 @@
601
601
  --color-text-decorative-pink: #fcdbeb;
602
602
  --color-text-decorative-aqua: #c5f9f9;
603
603
  --color-text-decorative-teal: #cdf7ef;
604
- --color-text-ai_generated: #273333;
604
+ --color-text-ai_generated: #FFFFFF;
605
605
  --color-icon-base: #f3f4f4;
606
606
  --color-icon-inverse: #273333;
607
607
  --color-icon-success: #d7f4d7;
package/dist/theme-dark.css CHANGED
@@ -27,7 +27,7 @@
27
27
  --color-container-bg-positive_sentiment: #3876e3;
28
28
  --color-container-bg-negative_sentiment: #f76054;
29
29
  --color-container-bg-neutral_sentiment: #c8cccc;
30
- --color-container-bg-ai_generated: var(--color-container-bg-ai-generated, #f3f4f4);
30
+ --color-container-bg-ai_generated: var(--color-gradient-ai-subtle), var(--color-container-bg-base);
31
31
  --color-container-border-base: #040404;
32
32
  --color-container-border-success: #59cb59;
33
33
  --color-container-border-warning: #ffbc00;
@@ -48,8 +48,8 @@
48
48
  --color-container-border-decorative-teal: #08c4b2;
49
49
  --color-container-border-selected: #FFFFFF;
50
50
  --color-container-border-ai_generated: #6f5ed3;
51
- --color-gradient-ai: radial-gradient(circle at bottom left, #205bc3 0%, #9747ff 61%, #f282f5 100%);
52
- --color-gradient-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%);
51
+ --color-gradient-ai: radial-gradient(circle at bottom left, #679eff 0%, #b984ff 61%, #f282f5 100%);
52
+ --color-gradient-ai-subtle: radial-gradient(circle at bottom left, color-mix(in srgb, #679eff, transparent 80%) 0%, color-mix(in srgb, #b984ff, transparent 80%) 61%, color-mix(in srgb, #f282f5, transparent 80%) 100%);
53
53
  --color-button-primary-bg-base: #679eff;
54
54
  --color-button-primary-bg-hover: #a1c2f8;
55
55
  --color-button-primary-bg-active: #c7dbf9;
@@ -94,8 +94,8 @@
94
94
  --color-button-ai-primary-text-hover: #FFFFFF;
95
95
  --color-button-ai-secondary-bg-base: var(--color-gradient-ai-subtle);
96
96
  --color-button-ai-secondary-border-base: transparent;
97
- --color-button-ai-secondary-text-base: #364141;
98
- --color-button-ai-secondary-text-hover: #364141;
97
+ --color-button-ai-secondary-text-base: #f3f4f4;
98
+ --color-button-ai-secondary-text-hover: #f3f4f4;
99
99
  --color-button-ai-outline-bg-base: transparent;
100
100
  --color-button-ai-outline-border-base: var(--color-gradient-ai);
101
101
  --color-button-ai-outline-text-base: #f3f4f4;
@@ -120,7 +120,7 @@
120
120
  --color-text-decorative-pink: #fcdbeb;
121
121
  --color-text-decorative-aqua: #c5f9f9;
122
122
  --color-text-decorative-teal: #cdf7ef;
123
- --color-text-ai_generated: #273333;
123
+ --color-text-ai_generated: #FFFFFF;
124
124
  --color-icon-base: #f3f4f4;
125
125
  --color-icon-inverse: #273333;
126
126
  --color-icon-success: #d7f4d7;
package/dist/theme.css CHANGED
@@ -27,7 +27,7 @@
27
27
  --color-container-bg-positive_sentiment: #3876e3;
28
28
  --color-container-bg-negative_sentiment: #f76054;
29
29
  --color-container-bg-neutral_sentiment: #c8cccc;
30
- --color-container-bg-ai_generated: var(--color-container-bg-ai-generated, #f3f4f4);
30
+ --color-container-bg-ai_generated: var(--color-gradient-ai-subtle), var(--color-container-bg-base);
31
31
  --color-container-border-base: #dee1e1;
32
32
  --color-container-border-success: #59cb59;
33
33
  --color-container-border-warning: #ffbc00;
@@ -132,7 +132,7 @@
132
132
  --color-icon-applied: #205bc3;
133
133
  --color-icon-positive_sentiment: #2b68d3;
134
134
  --color-icon-negative_sentiment: #ed4c42;
135
- --color-icon-neutral_sentiment: #929a9b;
135
+ --color-icon-neutral_sentiment: #6e797a;
136
136
  --color-form-bg-base: #FFFFFF;
137
137
  --color-form-bg-selected: #364141;
138
138
  --color-form-border-base: #6e797a;
package/dist/themes/dark/theme.scss CHANGED
@@ -31,7 +31,7 @@ $theme: (
31
31
  "positive_sentiment": #3876e3,
32
32
  "negative_sentiment": #f76054,
33
33
  "neutral_sentiment": #c8cccc,
34
- "ai_generated": var(--color-container-bg-ai-generated, #f3f4f4)
34
+ "ai_generated": var(--color-gradient-ai-subtle), var(--color-container-bg-base)
35
35
  ),
36
36
  "border": (
37
37
  "base": #040404,
@@ -59,8 +59,8 @@ $theme: (
59
59
  )
60
60
  ),
61
61
  "gradient": (
62
- "ai": radial-gradient(circle at bottom left, #205bc3 0%, #9747ff 61%, #f282f5 100%),
63
- "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%)
62
+ "ai": radial-gradient(circle at bottom left, #679eff 0%, #b984ff 61%, #f282f5 100%),
63
+ "ai-subtle": radial-gradient(circle at bottom left, color-mix(in srgb, #679eff, transparent 80%) 0%, color-mix(in srgb, #b984ff, transparent 80%) 61%, color-mix(in srgb, #f282f5, transparent 80%) 100%)
64
64
  ),
65
65
  "button": (
66
66
  "primary": (
@@ -175,8 +175,8 @@ $theme: (
175
175
  "base": transparent
176
176
  ),
177
177
  "text": (
178
- "base": #364141,
179
- "hover": #364141
178
+ "base": #f3f4f4,
179
+ "hover": #f3f4f4
180
180
  )
181
181
  ),
182
182
  "ai-outline": (
@@ -219,7 +219,7 @@ $theme: (
219
219
  "aqua": #c5f9f9,
220
220
  "teal": #cdf7ef
221
221
  ),
222
- "ai_generated": #273333
222
+ "ai_generated": #FFFFFF
223
223
  ),
224
224
  "icon": (
225
225
  "base": #f3f4f4,
@@ -600,7 +600,7 @@ $theme: (
600
600
  "positive_sentiment": #3876e3,
601
601
  "negative_sentiment": #f76054,
602
602
  "neutral_sentiment": #c8cccc,
603
- "ai_generated": var(--color-container-bg-ai-generated, #f3f4f4)
603
+ "ai_generated": var(--color-gradient-ai-subtle), var(--color-container-bg-base)
604
604
  ),
605
605
  "border": (
606
606
  "base": #040404,
@@ -628,8 +628,8 @@ $theme: (
628
628
  )
629
629
  ),
630
630
  "gradient": (
631
- "ai": radial-gradient(circle at bottom left, #205bc3 0%, #9747ff 61%, #f282f5 100%),
632
- "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%)
631
+ "ai": radial-gradient(circle at bottom left, #679eff 0%, #b984ff 61%, #f282f5 100%),
632
+ "ai-subtle": radial-gradient(circle at bottom left, color-mix(in srgb, #679eff, transparent 80%) 0%, color-mix(in srgb, #b984ff, transparent 80%) 61%, color-mix(in srgb, #f282f5, transparent 80%) 100%)
633
633
  ),
634
634
  "button": (
635
635
  "primary": (
@@ -744,8 +744,8 @@ $theme: (
744
744
  "base": transparent
745
745
  ),
746
746
  "text": (
747
- "base": #364141,
748
- "hover": #364141
747
+ "base": #f3f4f4,
748
+ "hover": #f3f4f4
749
749
  )
750
750
  ),
751
751
  "ai-outline": (
@@ -788,7 +788,7 @@ $theme: (
788
788
  "aqua": #c5f9f9,
789
789
  "teal": #cdf7ef
790
790
  ),
791
- "ai_generated": #273333
791
+ "ai_generated": #FFFFFF
792
792
  ),
793
793
  "icon": (
794
794
  "base": #f3f4f4,
package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss CHANGED
@@ -85,7 +85,7 @@ $theme: (
85
85
  "positive_sentiment": #3876e3,
86
86
  "negative_sentiment": #f76054,
87
87
  "neutral_sentiment": #c8cccc,
88
- "ai_generated": var(--color-container-bg-ai-generated, #f3f4f4)
88
+ "ai_generated": var(--color-gradient-ai-subtle), var(--color-container-bg-base)
89
89
  ),
90
90
  "border": (
91
91
  "base": #040404,
@@ -113,8 +113,8 @@ $theme: (
113
113
  )
114
114
  ),
115
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%)
116
+ "ai": radial-gradient(circle at bottom left, #679eff 0%, #b984ff 61%, #f282f5 100%),
117
+ "ai-subtle": radial-gradient(circle at bottom left, color-mix(in srgb, #679eff, transparent 80%) 0%, color-mix(in srgb, #b984ff, transparent 80%) 61%, color-mix(in srgb, #f282f5, transparent 80%) 100%)
118
118
  ),
119
119
  "button": (
120
120
  "primary": (
@@ -229,8 +229,8 @@ $theme: (
229
229
  "base": transparent
230
230
  ),
231
231
  "text": (
232
- "base": #364141,
233
- "hover": #364141
232
+ "base": #f3f4f4,
233
+ "hover": #f3f4f4
234
234
  )
235
235
  ),
236
236
  "ai-outline": (
@@ -273,7 +273,7 @@ $theme: (
273
273
  "aqua": #c5f9f9,
274
274
  "teal": #cdf7ef
275
275
  ),
276
- "ai_generated": #273333
276
+ "ai_generated": #FFFFFF
277
277
  ),
278
278
  "icon": (
279
279
  "base": #f3f4f4,
@@ -847,6 +847,13 @@ $theme: (
847
847
  "text": (
848
848
  "selected": #f3f4f4
849
849
  )
850
+ ),
851
+ "tags": (
852
+ "collections": (
853
+ "background": (
854
+ "base": #364141
855
+ )
856
+ )
850
857
  )
851
858
  ),
852
859
  "typography": (
@@ -1242,5 +1249,12 @@ $theme: (
1242
1249
  "selected": #515e5f
1243
1250
  )
1244
1251
  )
1252
+ ),
1253
+ "tags": (
1254
+ "collections": (
1255
+ "background": (
1256
+ "base": #364141
1257
+ )
1258
+ )
1245
1259
  )
1246
1260
  );
package/dist/themes/extendedThemes/sproutTheme/light/theme.scss CHANGED
@@ -85,7 +85,7 @@ $theme: (
85
85
  "positive_sentiment": #3876e3,
86
86
  "negative_sentiment": #f76054,
87
87
  "neutral_sentiment": #c8cccc,
88
- "ai_generated": var(--color-container-bg-ai-generated, #f3f4f4)
88
+ "ai_generated": var(--color-gradient-ai-subtle), var(--color-container-bg-base)
89
89
  ),
90
90
  "border": (
91
91
  "base": #dee1e1,
@@ -287,7 +287,7 @@ $theme: (
287
287
  "applied": #205bc3,
288
288
  "positive_sentiment": #2b68d3,
289
289
  "negative_sentiment": #ed4c42,
290
- "neutral_sentiment": #929a9b
290
+ "neutral_sentiment": #6e797a
291
291
  ),
292
292
  "form": (
293
293
  "background": (
@@ -847,6 +847,13 @@ $theme: (
847
847
  "text": (
848
848
  "selected": #FFFFFF
849
849
  )
850
+ ),
851
+ "tags": (
852
+ "collections": (
853
+ "background": (
854
+ "base": #f3f4f4
855
+ )
856
+ )
850
857
  )
851
858
  ),
852
859
  "typography": (
@@ -1242,5 +1249,12 @@ $theme: (
1242
1249
  "selected": #515e5f
1243
1250
  )
1244
1251
  )
1252
+ ),
1253
+ "tags": (
1254
+ "collections": (
1255
+ "background": (
1256
+ "base": #f3f4f4
1257
+ )
1258
+ )
1245
1259
  )
1246
1260
  );
package/dist/themes/light/theme.scss CHANGED
@@ -42,7 +42,7 @@ $theme: (
42
42
  "positive_sentiment": #3876e3,
43
43
  "negative_sentiment": #f76054,
44
44
  "neutral_sentiment": #c8cccc,
45
- "ai_generated": var(--color-container-bg-ai-generated, #f3f4f4)
45
+ "ai_generated": var(--color-gradient-ai-subtle), var(--color-container-bg-base)
46
46
  ),
47
47
  "border": (
48
48
  "base": #dee1e1,
@@ -244,7 +244,7 @@ $theme: (
244
244
  "applied": #205bc3,
245
245
  "positive_sentiment": #2b68d3,
246
246
  "negative_sentiment": #ed4c42,
247
- "neutral_sentiment": #929a9b
247
+ "neutral_sentiment": #6e797a
248
248
  ),
249
249
  "form": (
250
250
  "background": (
@@ -611,7 +611,7 @@ $theme: (
611
611
  "positive_sentiment": #3876e3,
612
612
  "negative_sentiment": #f76054,
613
613
  "neutral_sentiment": #c8cccc,
614
- "ai_generated": var(--color-container-bg-ai-generated, #f3f4f4)
614
+ "ai_generated": var(--color-gradient-ai-subtle), var(--color-container-bg-base)
615
615
  ),
616
616
  "border": (
617
617
  "base": #dee1e1,
@@ -813,7 +813,7 @@ $theme: (
813
813
  "applied": #205bc3,
814
814
  "positive_sentiment": #2b68d3,
815
815
  "negative_sentiment": #ed4c42,
816
- "neutral_sentiment": #929a9b
816
+ "neutral_sentiment": #6e797a
817
817
  ),
818
818
  "form": (
819
819
  "background": (
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":"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"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;YA6BnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAsMrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsGtD,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA3UT,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;gBA6BnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAsMrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6GtD,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/dist/types/extendedThemes/sproutTheme/dark/theme.d.ts CHANGED
@@ -228,6 +228,13 @@ export declare const cardControl: {
228
228
  selected: string;
229
229
  };
230
230
  };
231
+ export declare const tags: {
232
+ collections: {
233
+ background: {
234
+ base: string;
235
+ };
236
+ };
237
+ };
231
238
  declare const darkTheme: TypeSproutTheme;
232
239
  export default darkTheme;
233
240
  //# sourceMappingURL=theme.d.ts.map
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":"AAIA,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"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../src/extendedThemes/sproutTheme/dark/theme.ts"],"names":[],"mappings":"AAIA,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,eAAO,MAAM,IAAI;;;;;;CAMhB,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,eAahB,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/dist/types/extendedThemes/sproutTheme/light/theme.d.ts CHANGED
@@ -228,6 +228,13 @@ export declare const cardControl: {
228
228
  selected: string;
229
229
  };
230
230
  };
231
+ export declare const tags: {
232
+ collections: {
233
+ background: {
234
+ base: string;
235
+ };
236
+ };
237
+ };
231
238
  declare const lightTheme: TypeSproutTheme;
232
239
  export default lightTheme;
233
240
  //# sourceMappingURL=theme.d.ts.map
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":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,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"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../src/extendedThemes/sproutTheme/light/theme.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,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,eAAO,MAAM,IAAI;;;;;;CAOhB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,eAajB,CAAC;AAEF,eAAe,UAAU,CAAC"}
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":"AAkCA,eAAO,MAAM,WAAW;;;;;CAGvB,CAAC;AAMF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAcb,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;YA0BnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAyMrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8ItD,CAAC;AAEF,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;;;;;;;;;;CAUjB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;CAIxB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;CAIlB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;CAIpB,CAAC;AAEF,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAjeL,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;gBA0BnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAyMrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6RtD,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/light/theme.ts"],"names":[],"mappings":"AAkCA,eAAO,MAAM,WAAW;;;;;CAGvB,CAAC;AAMF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAcb,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;YA+BnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAyMrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8ItD,CAAC;AAEF,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;;;;;;;;;;CAUjB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;CAIxB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;CAIlB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;CAIpB,CAAC;AAEF,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAteL,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;gBA+BnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAyMrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6RtD,CAAC;AAEF,eAAe,KAAK,CAAC"}
package/dist/types/types/theme.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { breakpoints, colors, typography, fontWeights, fontSizes, radii, borders, borderWidths, shadows, space, easing, duration } from "../light/theme";
2
2
  import type { TypeFontFamilyString } from "../light/theme";
3
- import { datePicker, navigation, ai, analytics, listening, growth, cardControl } from "../extendedThemes/sproutTheme/light/theme";
3
+ import { datePicker, navigation, ai, analytics, listening, growth, cardControl, tags } from "../extendedThemes/sproutTheme/light/theme";
4
4
  export type TypeThemeMode = "light" | "dark";
5
5
  export type TypeBreakpoint = typeof breakpoints;
6
6
  export type TypeTypography = typeof typography;
@@ -40,6 +40,7 @@ export interface TypeSproutTheme extends TypeTheme {
40
40
  listening: typeof listening;
41
41
  growth: typeof growth;
42
42
  cardControl: typeof cardControl;
43
+ tags: typeof tags;
43
44
  };
44
45
  }
45
46
  //# sourceMappingURL=theme.d.ts.map
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,MAAM,EACN,UAAU,EACV,WAAW,EACX,SAAS,EACT,KAAK,EACL,OAAO,EACP,YAAY,EACZ,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAQ,EACT,MAAM,gBAAgB,CAAC;AACxB,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,aAAa,GAAG,OAAO,SAAS,CAAC;AAC7C,MAAM,MAAM,SAAS,GAAG,OAAO,KAAK,CAAC;AACrC,MAAM,MAAM,SAAS,GAAG,OAAO,MAAM,CAAC;AACtC,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,SAAS,EAAE,aAAa,CAAC;IACzB,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"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/types/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,MAAM,EACN,UAAU,EACV,WAAW,EACX,SAAS,EACT,KAAK,EACL,OAAO,EACP,YAAY,EACZ,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAQ,EACT,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EACL,UAAU,EACV,UAAU,EACV,EAAE,EACF,SAAS,EACT,SAAS,EACT,MAAM,EACN,WAAW,EACX,IAAI,EACL,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,aAAa,GAAG,OAAO,SAAS,CAAC;AAC7C,MAAM,MAAM,SAAS,GAAG,OAAO,KAAK,CAAC;AACrC,MAAM,MAAM,SAAS,GAAG,OAAO,MAAM,CAAC;AACtC,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,SAAS,EAAE,aAAa,CAAC;IACzB,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;QAChC,IAAI,EAAE,OAAO,IAAI,CAAC;KACnB,CAAC;CACH"}
package/lib/dark/theme.js CHANGED
@@ -55,7 +55,9 @@ export var colors = _objectSpread(_objectSpread({}, lightTheme.colors), {}, {
55
55
  positive_sentiment: COLORS.COLOR_BLUE_500,
56
56
  negative_sentiment: COLORS.COLOR_RED_500,
57
57
  neutral_sentiment: COLORS.COLOR_NEUTRAL_300,
58
- ai_generated: "var(--color-container-bg-ai-generated, ".concat(COLORS.COLOR_NEUTRAL_100, ")")
58
+ // 20% AI gradient tint over the dark container surface. Same token-driven
59
+ // value as light mode; the referenced tokens flip per theme.
60
+ ai_generated: "var(--color-gradient-ai-subtle), var(--color-container-bg-base)"
59
61
  },
60
62
  border: {
61
63
  base: COLORS.COLOR_NEUTRAL_1100,
@@ -83,10 +85,11 @@ export var colors = _objectSpread(_objectSpread({}, lightTheme.colors), {}, {
83
85
  ai_generated: COLORS.COLOR_PURPLE_700
84
86
  }
85
87
  },
86
- // AI brand gradient — identical to light mode (the brand gradient does not flip).
88
+ // AI brand gradient — dark mode uses lighter blue/purple stops for WCAG
89
+ // contrast against the dark surface (Figma Sprout Variables, "Trellis" dark).
87
90
  gradient: {
88
- ai: "radial-gradient(circle at bottom left, #205bc3 0%, #9747ff 61%, #f282f5 100%)",
89
- "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%)"
91
+ ai: "radial-gradient(circle at bottom left, #679eff 0%, #b984ff 61%, #f282f5 100%)",
92
+ "ai-subtle": "radial-gradient(circle at bottom left, color-mix(in srgb, #679eff, transparent 80%) 0%, color-mix(in srgb, #b984ff, transparent 80%) 61%, color-mix(in srgb, #f282f5, transparent 80%) 100%)"
90
93
  },
91
94
  button: {
92
95
  primary: {
@@ -201,8 +204,10 @@ export var colors = _objectSpread(_objectSpread({}, lightTheme.colors), {}, {
201
204
  base: "transparent"
202
205
  },
203
206
  text: {
204
- base: COLORS.COLOR_NEUTRAL_800,
205
- hover: COLORS.COLOR_NEUTRAL_800
207
+ // Dark-mode override: light text for legibility on the dark surface
208
+ // (mirrors ai-outline; the tint now sits over the dark container base).
209
+ base: COLORS.COLOR_NEUTRAL_100,
210
+ hover: COLORS.COLOR_NEUTRAL_100
206
211
  }
207
212
  },
208
213
  "ai-outline": {
@@ -246,7 +251,9 @@ export var colors = _objectSpread(_objectSpread({}, lightTheme.colors), {}, {
246
251
  aqua: aqua.foreground,
247
252
  teal: teal.foreground
248
253
  },
249
- ai_generated: COLORS.COLOR_NEUTRAL_900
254
+ // Dark-mode override: light text on the (now dark) AI-generated surface,
255
+ // matching the headline treatment. Light mode keeps the dark neutral.
256
+ ai_generated: COLORS.COLOR_NEUTRAL_0
250
257
  },
251
258
  icon: {
252
259
  base: COLORS.COLOR_NEUTRAL_100,
package/lib/extendedThemes/sproutTheme/dark/theme.js CHANGED
@@ -242,6 +242,13 @@ export var cardControl = {
242
242
  selected: baseDarkTheme.colors.text.body
243
243
  }
244
244
  };
245
+ export var tags = {
246
+ collections: {
247
+ background: {
248
+ base: baseDarkTheme.colors.neutral[800]
249
+ }
250
+ }
251
+ };
245
252
  var darkTheme = _objectSpread(_objectSpread({}, baseDarkTheme), {}, {
246
253
  colors: _objectSpread(_objectSpread({}, baseDarkTheme.colors), {}, {
247
254
  navigation: navigation,
@@ -250,7 +257,8 @@ var darkTheme = _objectSpread(_objectSpread({}, baseDarkTheme), {}, {
250
257
  analytics: analytics,
251
258
  listening: listening,
252
259
  growth: growth,
253
- cardControl: cardControl
260
+ cardControl: cardControl,
261
+ tags: tags
254
262
  })
255
263
  });
256
264
  export default darkTheme;
package/lib/extendedThemes/sproutTheme/light/theme.js CHANGED
@@ -238,6 +238,14 @@ export var cardControl = {
238
238
  selected: baseLightTheme.colors.text.inverse
239
239
  }
240
240
  };
241
+ export var tags = {
242
+ collections: {
243
+ background: {
244
+ // Matches app.background.base so the miller columns blend with the page
245
+ base: baseLightTheme.colors.app.background.base
246
+ }
247
+ }
248
+ };
241
249
  var lightTheme = _objectSpread(_objectSpread({}, baseLightTheme), {}, {
242
250
  colors: _objectSpread(_objectSpread({}, baseLightTheme.colors), {}, {
243
251
  ai: ai,
@@ -246,7 +254,8 @@ var lightTheme = _objectSpread(_objectSpread({}, baseLightTheme), {}, {
246
254
  analytics: analytics,
247
255
  listening: listening,
248
256
  growth: growth,
249
- cardControl: cardControl
257
+ cardControl: cardControl,
258
+ tags: tags
250
259
  })
251
260
  });
252
261
  export default lightTheme;
package/lib/light/theme.js CHANGED
@@ -62,7 +62,11 @@ export var colors = _objectSpread(_objectSpread({
62
62
  positive_sentiment: COLORS.COLOR_BLUE_500,
63
63
  negative_sentiment: COLORS.COLOR_RED_500,
64
64
  neutral_sentiment: COLORS.COLOR_NEUTRAL_300,
65
- ai_generated: "var(--color-container-bg-ai-generated, ".concat(COLORS.COLOR_NEUTRAL_100, ")")
65
+ // 20% AI gradient tint composited over the themed container surface.
66
+ // Driven entirely by the ai-subtle + container-bg tokens so it adapts to
67
+ // light/dark automatically (was previously a hardcoded, light-only value
68
+ // injected by seeds-react-theme-provider).
69
+ ai_generated: "var(--color-gradient-ai-subtle), var(--color-container-bg-base)"
66
70
  },
67
71
  border: {
68
72
  base: COLORS.COLOR_NEUTRAL_200,
@@ -276,7 +280,7 @@ export var colors = _objectSpread(_objectSpread({
276
280
  applied: COLORS.COLOR_BLUE_700,
277
281
  positive_sentiment: COLORS.COLOR_BLUE_600,
278
282
  negative_sentiment: COLORS.COLOR_RED_600,
279
- neutral_sentiment: COLORS.COLOR_NEUTRAL_500
283
+ neutral_sentiment: COLORS.COLOR_NEUTRAL_600
280
284
  },
281
285
  form: {
282
286
  background: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sproutsocial/seeds-react-theme",
3
- "version": "4.1.1",
3
+ "version": "4.2.1",
4
4
  "description": "Seeds Theme",
5
5
  "main": "commonjs/index.js",
6
6
  "module": "lib/index.js",