@sproutsocial/seeds-react-theme 3.2.1 → 3.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 (17) hide show
  1. package/commonjs/dark/theme.js +3 -4
  2. package/commonjs/extendedThemes/sproutTheme/dark/theme.js +1 -2
  3. package/commonjs/extendedThemes/sproutTheme/light/theme.js +2 -3
  4. package/commonjs/light/theme.js +4 -5
  5. package/dist/themes/dark/theme.scss +6 -6
  6. package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +5 -5
  7. package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +5 -5
  8. package/dist/themes/light/theme.scss +6 -6
  9. package/dist/types/dark/theme.d.ts.map +1 -1
  10. package/dist/types/extendedThemes/sproutTheme/dark/theme.d.ts.map +1 -1
  11. package/dist/types/extendedThemes/sproutTheme/light/theme.d.ts.map +1 -1
  12. package/dist/types/light/theme.d.ts.map +1 -1
  13. package/lib/dark/theme.js +3 -4
  14. package/lib/extendedThemes/sproutTheme/dark/theme.js +1 -2
  15. package/lib/extendedThemes/sproutTheme/light/theme.js +1 -3
  16. package/lib/light/theme.js +3 -5
  17. package/package.json +2 -3
package/commonjs/dark/theme.js CHANGED
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.shadows = exports.default = exports.colors = void 0;
7
- var _polished = require("polished");
8
7
  var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
9
8
  var _seedsDepth = _interopRequireDefault(require("@sproutsocial/seeds-depth"));
10
9
  var _theme = _interopRequireDefault(require("../light/theme"));
@@ -161,8 +160,8 @@ var colors = exports.colors = _objectSpread(_objectSpread({}, _theme.default.col
161
160
  },
162
161
  overlay: {
163
162
  background: {
164
- base: (0, _polished.transparentize)(0.4, _seedsColor.default.COLOR_NEUTRAL_0),
165
- hover: (0, _polished.transparentize)(0.25, _seedsColor.default.COLOR_NEUTRAL_0)
163
+ base: "color-mix(in srgb, ".concat(_seedsColor.default.COLOR_NEUTRAL_0, ", transparent 40%)"),
164
+ hover: "color-mix(in srgb, ".concat(_seedsColor.default.COLOR_NEUTRAL_0, ", transparent 25%)")
166
165
  },
167
166
  text: {
168
167
  base: _seedsColor.default.COLOR_NEUTRAL_1000
@@ -288,7 +287,7 @@ var colors = exports.colors = _objectSpread(_objectSpread({}, _theme.default.col
288
287
  },
289
288
  overlay: {
290
289
  background: {
291
- base: (0, _polished.transparentize)(0.28, _seedsColor.default.COLOR_NEUTRAL_1000)
290
+ base: "color-mix(in srgb, ".concat(_seedsColor.default.COLOR_NEUTRAL_1000, ", transparent 28%)")
292
291
  },
293
292
  text: {
294
293
  base: _seedsColor.default.COLOR_NEUTRAL_0
package/commonjs/extendedThemes/sproutTheme/dark/theme.js CHANGED
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.navigation = exports.listening = exports.growth = exports.default = exports.datePicker = exports.cardControl = exports.analytics = exports.ai = void 0;
7
- var _polished = require("polished");
8
7
  var _theme = _interopRequireDefault(require("../../../dark/theme"));
9
8
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
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); }
@@ -106,7 +105,7 @@ var analytics = exports.analytics = {
106
105
  },
107
106
  overlay: {
108
107
  background: {
109
- base: (0, _polished.transparentize)(0.2, _theme.default.colors.neutral[900])
108
+ base: "color-mix(in srgb, ".concat(_theme.default.colors.neutral[900], ", transparent 20%)")
110
109
  }
111
110
  }
112
111
  };
package/commonjs/extendedThemes/sproutTheme/light/theme.js CHANGED
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.navigation = exports.listening = exports.growth = exports.default = exports.datePicker = exports.cardControl = exports.analytics = exports.ai = void 0;
7
- var _polished = require("polished");
8
7
  var _theme = _interopRequireDefault(require("../../../light/theme"));
9
8
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
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); }
@@ -12,7 +11,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
12
11
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
13
12
  function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
14
13
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
15
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /* eslint-disable no-restricted-imports */ // json-to-scss is not working with the alias right now
14
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // json-to-scss is not working with the alias right now
16
15
  //import {theme as baseLightTheme, type TypeSproutTheme} from '@src';
17
16
  var navigation = exports.navigation = {
18
17
  main: {
@@ -103,7 +102,7 @@ var analytics = exports.analytics = {
103
102
  },
104
103
  overlay: {
105
104
  background: {
106
- base: (0, _polished.transparentize)(0.2, _theme.default.colors.neutral[0])
105
+ base: "color-mix(in srgb, ".concat(_theme.default.colors.neutral[0], ", transparent 20%)")
107
106
  }
108
107
  }
109
108
  };
package/commonjs/light/theme.js CHANGED
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.typography = exports.space = exports.shadows = exports.radii = exports.lineHeights = exports.fontWeights = exports.fontSizes = exports.fontFamily = exports.easing = exports.duration = exports.default = exports.colors = exports.breakpoints = exports.borders = exports.borderWidths = void 0;
7
- var _polished = require("polished");
8
7
  var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
9
8
  var _seedsNetworkcolor = _interopRequireDefault(require("@sproutsocial/seeds-networkcolor"));
10
9
  var _seedsTypography = _interopRequireDefault(require("@sproutsocial/seeds-typography"));
@@ -21,7 +20,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
21
20
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
22
21
  function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
23
22
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
24
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /* eslint-disable no-restricted-imports */ // eslint-disable-next-line no-restricted-syntax
23
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // eslint-disable-next-line no-restricted-syntax
25
24
  // json-to-scss is not working with the alias right now
26
25
  //import {TypeThemeMode} from '@src/types/theme';
27
26
  var breakpoints = exports.breakpoints = ["900px", "1200px", "1500px", "1800px"];
@@ -162,8 +161,8 @@ var colors = exports.colors = _objectSpread(_objectSpread({
162
161
  },
163
162
  overlay: {
164
163
  background: {
165
- base: (0, _polished.transparentize)(0.4, _seedsColor.default.COLOR_NEUTRAL_1100),
166
- hover: (0, _polished.transparentize)(0.25, _seedsColor.default.COLOR_NEUTRAL_1100)
164
+ base: "color-mix(in srgb, ".concat(_seedsColor.default.COLOR_NEUTRAL_1100, ", transparent 40%)"),
165
+ hover: "color-mix(in srgb, ".concat(_seedsColor.default.COLOR_NEUTRAL_1100, ", transparent 25%)")
167
166
  },
168
167
  text: {
169
168
  base: _seedsColor.default.COLOR_NEUTRAL_0
@@ -289,7 +288,7 @@ var colors = exports.colors = _objectSpread(_objectSpread({
289
288
  },
290
289
  overlay: {
291
290
  background: {
292
- base: (0, _polished.transparentize)(0.44, _seedsColor.default.COLOR_NEUTRAL_1000)
291
+ base: "color-mix(in srgb, ".concat(_seedsColor.default.COLOR_NEUTRAL_1000, ", transparent 44%)")
293
292
  },
294
293
  text: {
295
294
  base: _seedsColor.default.COLOR_NEUTRAL_0
package/dist/themes/dark/theme.scss CHANGED
@@ -130,8 +130,8 @@ $theme: (
130
130
  ),
131
131
  "overlay": (
132
132
  "background": (
133
- "base": rgba(255,255,255,0.6),
134
- "hover": rgba(255,255,255,0.75)
133
+ "base": color-mix(in srgb, #FFFFFF, transparent 40%),
134
+ "hover": color-mix(in srgb, #FFFFFF, transparent 25%)
135
135
  ),
136
136
  "text": (
137
137
  "base": #162020
@@ -256,7 +256,7 @@ $theme: (
256
256
  ),
257
257
  "overlay": (
258
258
  "background": (
259
- "base": rgba(22,32,32,0.72)
259
+ "base": color-mix(in srgb, #162020, transparent 28%)
260
260
  ),
261
261
  "text": (
262
262
  "base": #FFFFFF
@@ -652,8 +652,8 @@ $theme: (
652
652
  ),
653
653
  "overlay": (
654
654
  "background": (
655
- "base": rgba(255,255,255,0.6),
656
- "hover": rgba(255,255,255,0.75)
655
+ "base": color-mix(in srgb, #FFFFFF, transparent 40%),
656
+ "hover": color-mix(in srgb, #FFFFFF, transparent 25%)
657
657
  ),
658
658
  "text": (
659
659
  "base": #162020
@@ -778,7 +778,7 @@ $theme: (
778
778
  ),
779
779
  "overlay": (
780
780
  "background": (
781
- "base": rgba(22,32,32,0.72)
781
+ "base": color-mix(in srgb, #162020, transparent 28%)
782
782
  ),
783
783
  "text": (
784
784
  "base": #FFFFFF
package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss CHANGED
@@ -27,7 +27,7 @@ $theme: (
27
27
  ),
28
28
  "overlay": (
29
29
  "background": (
30
- "base": rgba(39,51,51,0.8)
30
+ "base": color-mix(in srgb, #273333, transparent 20%)
31
31
  )
32
32
  )
33
33
  ),
@@ -184,8 +184,8 @@ $theme: (
184
184
  ),
185
185
  "overlay": (
186
186
  "background": (
187
- "base": rgba(255,255,255,0.6),
188
- "hover": rgba(255,255,255,0.75)
187
+ "base": color-mix(in srgb, #FFFFFF, transparent 40%),
188
+ "hover": color-mix(in srgb, #FFFFFF, transparent 25%)
189
189
  ),
190
190
  "text": (
191
191
  "base": #162020
@@ -310,7 +310,7 @@ $theme: (
310
310
  ),
311
311
  "overlay": (
312
312
  "background": (
313
- "base": rgba(22,32,32,0.72)
313
+ "base": color-mix(in srgb, #162020, transparent 28%)
314
314
  ),
315
315
  "text": (
316
316
  "base": #FFFFFF
@@ -660,7 +660,7 @@ $theme: (
660
660
  ),
661
661
  "overlay": (
662
662
  "background": (
663
- "base": rgba(39,51,51,0.8)
663
+ "base": color-mix(in srgb, #273333, transparent 20%)
664
664
  )
665
665
  )
666
666
  ),
package/dist/themes/extendedThemes/sproutTheme/light/theme.scss CHANGED
@@ -27,7 +27,7 @@ $theme: (
27
27
  ),
28
28
  "overlay": (
29
29
  "background": (
30
- "base": rgba(255,255,255,0.8)
30
+ "base": color-mix(in srgb, #FFFFFF, transparent 20%)
31
31
  )
32
32
  )
33
33
  ),
@@ -184,8 +184,8 @@ $theme: (
184
184
  ),
185
185
  "overlay": (
186
186
  "background": (
187
- "base": rgba(4,4,4,0.6),
188
- "hover": rgba(4,4,4,0.75)
187
+ "base": color-mix(in srgb, #040404, transparent 40%),
188
+ "hover": color-mix(in srgb, #040404, transparent 25%)
189
189
  ),
190
190
  "text": (
191
191
  "base": #FFFFFF
@@ -310,7 +310,7 @@ $theme: (
310
310
  ),
311
311
  "overlay": (
312
312
  "background": (
313
- "base": rgba(22,32,32,0.56)
313
+ "base": color-mix(in srgb, #162020, transparent 44%)
314
314
  ),
315
315
  "text": (
316
316
  "base": #FFFFFF
@@ -660,7 +660,7 @@ $theme: (
660
660
  ),
661
661
  "overlay": (
662
662
  "background": (
663
- "base": rgba(255,255,255,0.8)
663
+ "base": color-mix(in srgb, #FFFFFF, transparent 20%)
664
664
  )
665
665
  )
666
666
  ),
package/dist/themes/light/theme.scss CHANGED
@@ -141,8 +141,8 @@ $theme: (
141
141
  ),
142
142
  "overlay": (
143
143
  "background": (
144
- "base": rgba(4,4,4,0.6),
145
- "hover": rgba(4,4,4,0.75)
144
+ "base": color-mix(in srgb, #040404, transparent 40%),
145
+ "hover": color-mix(in srgb, #040404, transparent 25%)
146
146
  ),
147
147
  "text": (
148
148
  "base": #FFFFFF
@@ -267,7 +267,7 @@ $theme: (
267
267
  ),
268
268
  "overlay": (
269
269
  "background": (
270
- "base": rgba(22,32,32,0.56)
270
+ "base": color-mix(in srgb, #162020, transparent 44%)
271
271
  ),
272
272
  "text": (
273
273
  "base": #FFFFFF
@@ -663,8 +663,8 @@ $theme: (
663
663
  ),
664
664
  "overlay": (
665
665
  "background": (
666
- "base": rgba(4,4,4,0.6),
667
- "hover": rgba(4,4,4,0.75)
666
+ "base": color-mix(in srgb, #040404, transparent 40%),
667
+ "hover": color-mix(in srgb, #040404, transparent 25%)
668
668
  ),
669
669
  "text": (
670
670
  "base": #FFFFFF
@@ -789,7 +789,7 @@ $theme: (
789
789
  ),
790
790
  "overlay": (
791
791
  "background": (
792
- "base": rgba(22,32,32,0.56)
792
+ "base": color-mix(in srgb, #162020, transparent 44%)
793
793
  ),
794
794
  "text": (
795
795
  "base": #FFFFFF
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;AAIF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAeb,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;YAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAoJrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqGtD,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBApRT,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;gBAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAoJrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4GtD,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;;;;;;;;;;;;;;;;;;;;;;;;;YAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAoJrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqGtD,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBApRT,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;gBAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAoJrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4GtD,CAAC;AAEF,eAAe,SAAS,CAAC"}
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,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,QAAA,MAAM,SAAS,EAAE,eAYhB,CAAC;AAEF,eAAe,SAAS,CAAC"}
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,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,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.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;AAMnE,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAcb,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;YAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAoJrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ItD,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAxaL,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;gBAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAoJrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0RtD,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/light/theme.ts"],"names":[],"mappings":"AA2BA,eAAO,MAAM,WAAW,UAA0C,CAAC;AAMnE,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAcb,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;YAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAoJrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ItD,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAxaL,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;gBAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAoJrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0RtD,CAAC;AAEF,eAAe,KAAK,CAAC"}
package/lib/dark/theme.js CHANGED
@@ -5,7 +5,6 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
5
5
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
6
6
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
7
7
  /* eslint-disable no-restricted-imports */
8
- import { transparentize } from "polished";
9
8
  import COLORS from "@sproutsocial/seeds-color";
10
9
  import DEPTH from "@sproutsocial/seeds-depth";
11
10
  // json-to-scss is not working with the alias right now
@@ -156,8 +155,8 @@ export var colors = _objectSpread(_objectSpread({}, lightTheme.colors), {}, {
156
155
  },
157
156
  overlay: {
158
157
  background: {
159
- base: transparentize(0.4, COLORS.COLOR_NEUTRAL_0),
160
- hover: transparentize(0.25, COLORS.COLOR_NEUTRAL_0)
158
+ base: "color-mix(in srgb, ".concat(COLORS.COLOR_NEUTRAL_0, ", transparent 40%)"),
159
+ hover: "color-mix(in srgb, ".concat(COLORS.COLOR_NEUTRAL_0, ", transparent 25%)")
161
160
  },
162
161
  text: {
163
162
  base: COLORS.COLOR_NEUTRAL_1000
@@ -283,7 +282,7 @@ export var colors = _objectSpread(_objectSpread({}, lightTheme.colors), {}, {
283
282
  },
284
283
  overlay: {
285
284
  background: {
286
- base: transparentize(0.28, COLORS.COLOR_NEUTRAL_1000)
285
+ base: "color-mix(in srgb, ".concat(COLORS.COLOR_NEUTRAL_1000, ", transparent 28%)")
287
286
  },
288
287
  text: {
289
288
  base: COLORS.COLOR_NEUTRAL_0
package/lib/extendedThemes/sproutTheme/dark/theme.js CHANGED
@@ -5,7 +5,6 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
5
5
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
6
6
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
7
7
  /* eslint-disable no-restricted-imports */
8
- import { transparentize } from "polished";
9
8
  // json-to-scss is not working with the alias right now
10
9
  //import {darkTheme as baseDarkTheme, type TypeSproutTheme} from '@src';
11
10
  import baseDarkTheme from "../../../dark/theme";
@@ -101,7 +100,7 @@ export var analytics = {
101
100
  },
102
101
  overlay: {
103
102
  background: {
104
- base: transparentize(0.2, baseDarkTheme.colors.neutral[900])
103
+ base: "color-mix(in srgb, ".concat(baseDarkTheme.colors.neutral[900], ", transparent 20%)")
105
104
  }
106
105
  }
107
106
  };
package/lib/extendedThemes/sproutTheme/light/theme.js CHANGED
@@ -4,8 +4,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
4
4
  function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
5
5
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
6
6
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
7
- /* eslint-disable no-restricted-imports */
8
- import { transparentize } from "polished";
9
7
  // json-to-scss is not working with the alias right now
10
8
  //import {theme as baseLightTheme, type TypeSproutTheme} from '@src';
11
9
  import baseLightTheme from "../../../light/theme";
@@ -98,7 +96,7 @@ export var analytics = {
98
96
  },
99
97
  overlay: {
100
98
  background: {
101
- base: transparentize(0.2, baseLightTheme.colors.neutral[0])
99
+ base: "color-mix(in srgb, ".concat(baseLightTheme.colors.neutral[0], ", transparent 20%)")
102
100
  }
103
101
  }
104
102
  };
package/lib/light/theme.js CHANGED
@@ -4,8 +4,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
4
4
  function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
5
5
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
6
6
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
7
- /* eslint-disable no-restricted-imports */
8
- import { transparentize } from "polished";
9
7
  import COLORS from "@sproutsocial/seeds-color";
10
8
  import NETWORKCOLORS from "@sproutsocial/seeds-networkcolor";
11
9
  // eslint-disable-next-line no-restricted-syntax
@@ -158,8 +156,8 @@ export var colors = _objectSpread(_objectSpread({
158
156
  },
159
157
  overlay: {
160
158
  background: {
161
- base: transparentize(0.4, COLORS.COLOR_NEUTRAL_1100),
162
- hover: transparentize(0.25, COLORS.COLOR_NEUTRAL_1100)
159
+ base: "color-mix(in srgb, ".concat(COLORS.COLOR_NEUTRAL_1100, ", transparent 40%)"),
160
+ hover: "color-mix(in srgb, ".concat(COLORS.COLOR_NEUTRAL_1100, ", transparent 25%)")
163
161
  },
164
162
  text: {
165
163
  base: COLORS.COLOR_NEUTRAL_0
@@ -285,7 +283,7 @@ export var colors = _objectSpread(_objectSpread({
285
283
  },
286
284
  overlay: {
287
285
  background: {
288
- base: transparentize(0.44, COLORS.COLOR_NEUTRAL_1000)
286
+ base: "color-mix(in srgb, ".concat(COLORS.COLOR_NEUTRAL_1000, ", transparent 44%)")
289
287
  },
290
288
  text: {
291
289
  base: COLORS.COLOR_NEUTRAL_0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sproutsocial/seeds-react-theme",
3
- "version": "3.2.1",
3
+ "version": "3.3.0",
4
4
  "description": "Seeds Theme",
5
5
  "main": "commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -26,8 +26,7 @@
26
26
  "@sproutsocial/seeds-motion": "^1.8.1",
27
27
  "@sproutsocial/seeds-networkcolor": "^2.21.0",
28
28
  "@sproutsocial/seeds-space": "^0.8.0",
29
- "@sproutsocial/seeds-typography": "^3.7.0",
30
- "polished": "^3.4.1"
29
+ "@sproutsocial/seeds-typography": "^3.7.0"
31
30
  },
32
31
  "devDependencies": {
33
32
  "@sproutsocial/seeds-build": "*",