@sproutsocial/seeds-react-theme 2.3.0 → 2.4.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/dataviz-palette.js +1 -1
  2. package/commonjs/dark/decorative-palettes.js +1 -1
  3. package/commonjs/dark/theme.js +34 -3
  4. package/commonjs/extendedThemes/sproutTheme/dark/theme.js +3 -3
  5. package/commonjs/extendedThemes/sproutTheme/index.js +1 -1
  6. package/commonjs/extendedThemes/sproutTheme/light/theme.js +3 -3
  7. package/commonjs/index.js +1 -1
  8. package/commonjs/light/dataviz-palette.js +1 -1
  9. package/commonjs/light/decorative-palettes.js +1 -1
  10. package/commonjs/light/literal-colors.js +1 -1
  11. package/commonjs/light/theme.js +39 -3
  12. package/dist/themes/dark/theme.scss +33 -0
  13. package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +52 -50
  14. package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +56 -50
  15. package/dist/themes/light/theme.scss +38 -0
  16. package/dist/types/dark/theme.d.ts +33 -0
  17. package/dist/types/dark/theme.d.ts.map +1 -1
  18. package/dist/types/light/theme.d.ts +38 -0
  19. package/dist/types/light/theme.d.ts.map +1 -1
  20. package/lib/dark/theme.js +33 -2
  21. package/lib/extendedThemes/sproutTheme/dark/theme.js +2 -2
  22. package/lib/extendedThemes/sproutTheme/light/theme.js +2 -2
  23. package/lib/light/theme.js +38 -2
  24. package/package.json +4 -3
package/commonjs/dark/dataviz-palette.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.datavizPalette = void 0;
7
7
  var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
8
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
8
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
9
9
  var datavizPalette = exports.datavizPalette = {
10
10
  DATAVIZ_COLORS_LIST: [_seedsColor.default.COLOR_TEAL_400, _seedsColor.default.COLOR_PURPLE_400, _seedsColor.default.COLOR_PINK_400, _seedsColor.default.COLOR_YELLOW_500, _seedsColor.default.COLOR_BLUE_400, _seedsColor.default.COLOR_MAGENTA_400, _seedsColor.default.COLOR_GREEN_400, _seedsColor.default.COLOR_ORANGE_400, _seedsColor.default.COLOR_RED_700, _seedsColor.default.COLOR_TEAL_700, _seedsColor.default.COLOR_PURPLE_700, _seedsColor.default.COLOR_PINK_700, _seedsColor.default.COLOR_YELLOW_800, _seedsColor.default.COLOR_BLUE_700, _seedsColor.default.COLOR_MAGENTA_700, _seedsColor.default.COLOR_GREEN_700, _seedsColor.default.COLOR_ORANGE_700, _seedsColor.default.COLOR_RED_400, _seedsColor.default.COLOR_GREEN_200, _seedsColor.default.COLOR_YELLOW_200],
11
11
  DATAVIZ_COLORS_MAP: {
package/commonjs/dark/decorative-palettes.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.yellow = exports.teal = exports.red = exports.purple = exports.pink = exports.orange = exports.neutral = exports.magenta = exports.green = exports.blue = exports.aqua = void 0;
7
7
  var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
8
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
8
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
9
9
  var green = exports.green = {
10
10
  background: _seedsColor.default.COLOR_GREEN_900,
11
11
  highlight: _seedsColor.default.COLOR_GREEN_500,
package/commonjs/dark/theme.js CHANGED
@@ -10,12 +10,12 @@ var _seedsDepth = _interopRequireDefault(require("@sproutsocial/seeds-depth"));
10
10
  var _theme = _interopRequireDefault(require("../light/theme"));
11
11
  var _datavizPalette = require("./dataviz-palette");
12
12
  var _decorativePalettes = require("./decorative-palettes");
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
14
14
  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); }
15
15
  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; }
16
16
  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; }
17
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
18
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
17
+ 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; }
18
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
19
19
  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
20
20
  //import {theme as lightTheme} from '@src';
21
21
  //import {TypeThemeMode} from '@src/types/theme';
@@ -246,6 +246,37 @@ var colors = _objectSpread(_objectSpread({}, _theme.default.colors), {}, {
246
246
  active: _seedsColor.default.COLOR_NEUTRAL_700
247
247
  }
248
248
  },
249
+ navigation: {
250
+ navItem: {
251
+ text: {
252
+ base: _seedsColor.default.COLOR_NEUTRAL_0
253
+ },
254
+ icon: {
255
+ base: _seedsColor.default.COLOR_NEUTRAL_0
256
+ },
257
+ indicator: {
258
+ notification: {
259
+ base: _seedsColor.default.COLOR_PINK_600
260
+ },
261
+ userStatus: {
262
+ online: _seedsColor.default.COLOR_GREEN_500,
263
+ offline: _decorativePalettes.red.highlight,
264
+ unavailable: _seedsColor.default.COLOR_NEUTRAL_800
265
+ }
266
+ },
267
+ background: {
268
+ base: "transparent",
269
+ hover: _seedsColor.default.COLOR_NEUTRAL_800,
270
+ active: _seedsColor.default.COLOR_NEUTRAL_1100,
271
+ selected: _seedsColor.default.COLOR_NEUTRAL_700
272
+ },
273
+ border: {
274
+ hover: _seedsColor.default.COLOR_NEUTRAL_700,
275
+ active: _seedsColor.default.COLOR_NEUTRAL_700,
276
+ selected: _seedsColor.default.COLOR_NEUTRAL_700
277
+ }
278
+ }
279
+ },
249
280
  overlay: {
250
281
  background: {
251
282
  base: (0, _polished.transparentize)(0.28, _seedsColor.default.COLOR_NEUTRAL_1000)
package/commonjs/extendedThemes/sproutTheme/dark/theme.js CHANGED
@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
6
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
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
10
  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); }
11
11
  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; }
12
12
  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
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
14
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
13
+ 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
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
15
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
16
16
  //import {darkTheme as baseDarkTheme, type TypeSproutTheme} from '@src';
17
17
  var navigation = exports.navigation = {
package/commonjs/extendedThemes/sproutTheme/index.js CHANGED
@@ -17,4 +17,4 @@ Object.defineProperty(exports, "sproutLightTheme", {
17
17
  });
18
18
  var _theme = _interopRequireDefault(require("./light/theme"));
19
19
  var _theme2 = _interopRequireDefault(require("./dark/theme"));
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
20
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
package/commonjs/extendedThemes/sproutTheme/light/theme.js CHANGED
@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
6
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
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
10
  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); }
11
11
  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; }
12
12
  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
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
14
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
13
+ 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
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
15
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
16
16
  //import {theme as baseLightTheme, type TypeSproutTheme} from '@src';
17
17
  var navigation = exports.navigation = {
package/commonjs/index.js CHANGED
@@ -48,4 +48,4 @@ Object.keys(_theme3).forEach(function (key) {
48
48
  }
49
49
  });
50
50
  });
51
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
51
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
package/commonjs/light/dataviz-palette.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.datavizPalette = void 0;
7
7
  var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
8
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
8
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
9
9
  var datavizPalette = exports.datavizPalette = {
10
10
  DATAVIZ_COLORS_LIST: [_seedsColor.default.COLOR_TEAL_500, _seedsColor.default.COLOR_PURPLE_700, _seedsColor.default.COLOR_PINK_700, _seedsColor.default.COLOR_YELLOW_500, _seedsColor.default.COLOR_BLUE_500, _seedsColor.default.COLOR_MAGENTA_500, _seedsColor.default.COLOR_GREEN_500, _seedsColor.default.COLOR_ORANGE_500, _seedsColor.default.COLOR_RED_700, _seedsColor.default.COLOR_TEAL_900, _seedsColor.default.COLOR_PURPLE_400, _seedsColor.default.COLOR_PINK_900, _seedsColor.default.COLOR_YELLOW_900, _seedsColor.default.COLOR_BLUE_900, _seedsColor.default.COLOR_MAGENTA_900, _seedsColor.default.COLOR_GREEN_900, _seedsColor.default.COLOR_ORANGE_900, _seedsColor.default.COLOR_RED_400, _seedsColor.default.COLOR_GREEN_700, _seedsColor.default.COLOR_YELLOW_800],
11
11
  DATAVIZ_COLORS_MAP: {
package/commonjs/light/decorative-palettes.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.yellow = exports.teal = exports.red = exports.purple = exports.pink = exports.orange = exports.neutral = exports.magenta = exports.green = exports.blue = exports.aqua = void 0;
7
7
  var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
8
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
8
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
9
9
  var green = exports.green = {
10
10
  background: _seedsColor.default.COLOR_GREEN_100,
11
11
  highlight: _seedsColor.default.COLOR_GREEN_500,
package/commonjs/light/literal-colors.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
8
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
8
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
9
9
  var literalColors = {
10
10
  neutral: {
11
11
  "0": _seedsColor.default.COLOR_NEUTRAL_0,
package/commonjs/light/theme.js CHANGED
@@ -15,12 +15,12 @@ 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
18
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
19
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); }
20
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; }
21
21
  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
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
23
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
22
+ 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
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
24
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
25
25
  // json-to-scss is not working with the alias right now
26
26
  //import {TypeThemeMode} from '@src/types/theme';
@@ -160,6 +160,10 @@ var colors = _objectSpread(_objectSpread({
160
160
  hover: _seedsColor.default.COLOR_BLUE_800
161
161
  }
162
162
  },
163
+ overlay: {
164
+ base: (0, _polished.transparentize)(0.56, _seedsColor.default.COLOR_NEUTRAL_1000),
165
+ hover: (0, _polished.transparentize)(0.64, _seedsColor.default.COLOR_NEUTRAL_1000)
166
+ },
163
167
  unstyled: {
164
168
  background: {
165
169
  base: "transparent"
@@ -247,6 +251,37 @@ var colors = _objectSpread(_objectSpread({
247
251
  active: _seedsColor.default.COLOR_NEUTRAL_400
248
252
  }
249
253
  },
254
+ navigation: {
255
+ navItem: {
256
+ text: {
257
+ base: _seedsColor.default.COLOR_NEUTRAL_0
258
+ },
259
+ icon: {
260
+ base: _seedsColor.default.COLOR_NEUTRAL_0
261
+ },
262
+ indicator: {
263
+ notification: {
264
+ base: _seedsColor.default.COLOR_PINK_600
265
+ },
266
+ userStatus: {
267
+ online: _seedsColor.default.COLOR_GREEN_500,
268
+ offline: _decorativePalettes.red.highlight,
269
+ unavailable: _seedsColor.default.COLOR_NEUTRAL_800
270
+ }
271
+ },
272
+ background: {
273
+ base: "transparent",
274
+ hover: _seedsColor.default.COLOR_NEUTRAL_800,
275
+ active: _seedsColor.default.COLOR_NEUTRAL_1100,
276
+ selected: _seedsColor.default.COLOR_NEUTRAL_700
277
+ },
278
+ border: {
279
+ hover: _seedsColor.default.COLOR_NEUTRAL_700,
280
+ active: _seedsColor.default.COLOR_NEUTRAL_700,
281
+ selected: _seedsColor.default.COLOR_NEUTRAL_700
282
+ }
283
+ }
284
+ },
250
285
  overlay: {
251
286
  background: {
252
287
  base: (0, _polished.transparentize)(0.44, _seedsColor.default.COLOR_NEUTRAL_1000)
@@ -374,6 +409,7 @@ var radii = exports.radii = {
374
409
  400: _seedsBorder.default.BORDER_RADIUS_400,
375
410
  500: _seedsBorder.default.BORDER_RADIUS_500,
376
411
  600: _seedsBorder.default.BORDER_RADIUS_600,
412
+ 800: _seedsBorder.default.BORDER_RADIUS_800,
377
413
  900: _seedsBorder.default.BORDER_RADIUS_900,
378
414
  1000: _seedsBorder.default.BORDER_RADIUS_1000,
379
415
  inner: _seedsBorder.default.BORDER_RADIUS_500,
package/dist/themes/dark/theme.scss CHANGED
@@ -216,6 +216,37 @@ $theme: (
216
216
  "active": #515e5f
217
217
  )
218
218
  ),
219
+ "navigation": (
220
+ "navItem": (
221
+ "text": (
222
+ "base": #FFFFFF
223
+ ),
224
+ "icon": (
225
+ "base": #FFFFFF
226
+ ),
227
+ "indicator": (
228
+ "notification": (
229
+ "base": #e0447c
230
+ ),
231
+ "userStatus": (
232
+ "online": #59cb59,
233
+ "offline": #ed4c42,
234
+ "unavailable": #364141
235
+ )
236
+ ),
237
+ "background": (
238
+ "base": transparent,
239
+ "hover": #364141,
240
+ "active": #040404,
241
+ "selected": #515e5f
242
+ ),
243
+ "border": (
244
+ "hover": #515e5f,
245
+ "active": #515e5f,
246
+ "selected": #515e5f
247
+ )
248
+ )
249
+ ),
219
250
  "overlay": (
220
251
  "background": (
221
252
  "base": rgba(22,32,32,0.72)
@@ -652,6 +683,7 @@ $theme: (
652
683
  "400": 4px,
653
684
  "500": 6px,
654
685
  "600": 8px,
686
+ "800": 12px,
655
687
  "900": 24px,
656
688
  "1000": 999999px,
657
689
  "inner": 6px,
@@ -661,6 +693,7 @@ $theme: (
661
693
  "400": 4px,
662
694
  "500": 6px,
663
695
  "600": 8px,
696
+ "800": 12px,
664
697
  "900": 24px,
665
698
  "1000": 999999px,
666
699
  "inner": 6px,
package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss CHANGED
@@ -268,6 +268,56 @@ $theme: (
268
268
  "active": #515e5f
269
269
  )
270
270
  ),
271
+ "navigation": (
272
+ "main": (
273
+ "background": (
274
+ "base": #162020,
275
+ "overflowGradient": #040404
276
+ ),
277
+ "border": (
278
+ "base": #040404
279
+ )
280
+ ),
281
+ "secondary": (
282
+ "background": (
283
+ "base": #273333
284
+ ),
285
+ "widget": (
286
+ "background": (
287
+ "base": #364141
288
+ )
289
+ ),
290
+ "accordion": (
291
+ "background": (
292
+ "base": #162020A3
293
+ )
294
+ )
295
+ ),
296
+ "settings": (
297
+ "listItem": (
298
+ "background": (
299
+ "base": transparent,
300
+ "hover": #040404,
301
+ "selected": #364141
302
+ )
303
+ )
304
+ ),
305
+ "text": (
306
+ "base": #FFFFFF,
307
+ "hover": #FFFFFF
308
+ ),
309
+ "icon": (
310
+ "base": #FFFFFF,
311
+ "hover": #FFFFFF
312
+ ),
313
+ "listItem": (
314
+ "background": (
315
+ "base": #162020,
316
+ "hover": #040404,
317
+ "selected": #515e5f
318
+ )
319
+ )
320
+ ),
271
321
  "overlay": (
272
322
  "background": (
273
323
  "base": rgba(22,32,32,0.72)
@@ -531,56 +581,6 @@ $theme: (
531
581
  "20": #ffe99a
532
582
  ),
533
583
  "PLACEHOLDER": #364141,
534
- "navigation": (
535
- "main": (
536
- "background": (
537
- "base": #162020,
538
- "overflowGradient": #040404
539
- ),
540
- "border": (
541
- "base": #040404
542
- )
543
- ),
544
- "secondary": (
545
- "background": (
546
- "base": #273333
547
- ),
548
- "widget": (
549
- "background": (
550
- "base": #364141
551
- )
552
- ),
553
- "accordion": (
554
- "background": (
555
- "base": #162020A3
556
- )
557
- )
558
- ),
559
- "settings": (
560
- "listItem": (
561
- "background": (
562
- "base": transparent,
563
- "hover": #040404,
564
- "selected": #364141
565
- )
566
- )
567
- ),
568
- "text": (
569
- "base": #FFFFFF,
570
- "hover": #FFFFFF
571
- ),
572
- "icon": (
573
- "base": #FFFFFF,
574
- "hover": #FFFFFF
575
- ),
576
- "listItem": (
577
- "background": (
578
- "base": #162020,
579
- "hover": #040404,
580
- "selected": #515e5f
581
- )
582
- )
583
- ),
584
584
  "datePicker": (
585
585
  "comparison": (
586
586
  "background": (
@@ -933,6 +933,7 @@ $theme: (
933
933
  "400": 4px,
934
934
  "500": 6px,
935
935
  "600": 8px,
936
+ "800": 12px,
936
937
  "900": 24px,
937
938
  "1000": 999999px,
938
939
  "inner": 6px,
@@ -942,6 +943,7 @@ $theme: (
942
943
  "400": 4px,
943
944
  "500": 6px,
944
945
  "600": 8px,
946
+ "800": 12px,
945
947
  "900": 24px,
946
948
  "1000": 999999px,
947
949
  "inner": 6px,
package/dist/themes/extendedThemes/sproutTheme/light/theme.scss CHANGED
@@ -182,6 +182,10 @@ $theme: (
182
182
  "hover": #1150aa
183
183
  )
184
184
  ),
185
+ "overlay": (
186
+ "base": rgba(22,32,32,0.44),
187
+ "hover": rgba(22,32,32,0.36)
188
+ ),
185
189
  "unstyled": (
186
190
  "background": (
187
191
  "base": transparent
@@ -268,6 +272,56 @@ $theme: (
268
272
  "active": #b0b6b7
269
273
  )
270
274
  ),
275
+ "navigation": (
276
+ "main": (
277
+ "background": (
278
+ "base": #273333,
279
+ "overflowGradient": #162020
280
+ ),
281
+ "border": (
282
+ "base": #162020
283
+ )
284
+ ),
285
+ "secondary": (
286
+ "background": (
287
+ "base": #364141
288
+ ),
289
+ "widget": (
290
+ "background": (
291
+ "base": #162020
292
+ )
293
+ ),
294
+ "accordion": (
295
+ "background": (
296
+ "base": #273333
297
+ )
298
+ )
299
+ ),
300
+ "settings": (
301
+ "listItem": (
302
+ "background": (
303
+ "base": transparent,
304
+ "hover": #dee1e1,
305
+ "selected": #FFFFFF
306
+ )
307
+ )
308
+ ),
309
+ "text": (
310
+ "base": #FFFFFF,
311
+ "hover": #FFFFFF
312
+ ),
313
+ "icon": (
314
+ "base": #FFFFFF,
315
+ "hover": #FFFFFF
316
+ ),
317
+ "listItem": (
318
+ "background": (
319
+ "base": #364141,
320
+ "hover": #162020,
321
+ "selected": #515e5f
322
+ )
323
+ )
324
+ ),
271
325
  "overlay": (
272
326
  "background": (
273
327
  "base": rgba(22,32,32,0.56)
@@ -551,56 +605,6 @@ $theme: (
551
605
  )
552
606
  )
553
607
  ),
554
- "navigation": (
555
- "main": (
556
- "background": (
557
- "base": #273333,
558
- "overflowGradient": #162020
559
- ),
560
- "border": (
561
- "base": #162020
562
- )
563
- ),
564
- "secondary": (
565
- "background": (
566
- "base": #364141
567
- ),
568
- "widget": (
569
- "background": (
570
- "base": #162020
571
- )
572
- ),
573
- "accordion": (
574
- "background": (
575
- "base": #273333
576
- )
577
- )
578
- ),
579
- "settings": (
580
- "listItem": (
581
- "background": (
582
- "base": transparent,
583
- "hover": #dee1e1,
584
- "selected": #FFFFFF
585
- )
586
- )
587
- ),
588
- "text": (
589
- "base": #FFFFFF,
590
- "hover": #FFFFFF
591
- ),
592
- "icon": (
593
- "base": #FFFFFF,
594
- "hover": #FFFFFF
595
- ),
596
- "listItem": (
597
- "background": (
598
- "base": #364141,
599
- "hover": #162020,
600
- "selected": #515e5f
601
- )
602
- )
603
- ),
604
608
  "datePicker": (
605
609
  "comparison": (
606
610
  "background": (
@@ -933,6 +937,7 @@ $theme: (
933
937
  "400": 4px,
934
938
  "500": 6px,
935
939
  "600": 8px,
940
+ "800": 12px,
936
941
  "900": 24px,
937
942
  "1000": 999999px,
938
943
  "inner": 6px,
@@ -942,6 +947,7 @@ $theme: (
942
947
  "400": 4px,
943
948
  "500": 6px,
944
949
  "600": 8px,
950
+ "800": 12px,
945
951
  "900": 24px,
946
952
  "1000": 999999px,
947
953
  "inner": 6px,
package/dist/themes/light/theme.scss CHANGED
@@ -141,6 +141,10 @@ $theme: (
141
141
  "hover": #1150aa
142
142
  )
143
143
  ),
144
+ "overlay": (
145
+ "base": rgba(22,32,32,0.44),
146
+ "hover": rgba(22,32,32,0.36)
147
+ ),
144
148
  "unstyled": (
145
149
  "background": (
146
150
  "base": transparent
@@ -227,6 +231,37 @@ $theme: (
227
231
  "active": #b0b6b7
228
232
  )
229
233
  ),
234
+ "navigation": (
235
+ "navItem": (
236
+ "text": (
237
+ "base": #FFFFFF
238
+ ),
239
+ "icon": (
240
+ "base": #FFFFFF
241
+ ),
242
+ "indicator": (
243
+ "notification": (
244
+ "base": #e0447c
245
+ ),
246
+ "userStatus": (
247
+ "online": #59cb59,
248
+ "offline": #ed4c42,
249
+ "unavailable": #364141
250
+ )
251
+ ),
252
+ "background": (
253
+ "base": transparent,
254
+ "hover": #364141,
255
+ "active": #040404,
256
+ "selected": #515e5f
257
+ ),
258
+ "border": (
259
+ "hover": #515e5f,
260
+ "active": #515e5f,
261
+ "selected": #515e5f
262
+ )
263
+ )
264
+ ),
230
265
  "overlay": (
231
266
  "background": (
232
267
  "base": rgba(22,32,32,0.56)
@@ -663,6 +698,7 @@ $theme: (
663
698
  "400": 4px,
664
699
  "500": 6px,
665
700
  "600": 8px,
701
+ "800": 12px,
666
702
  "900": 24px,
667
703
  "1000": 999999px,
668
704
  "inner": 6px,
@@ -672,6 +708,7 @@ $theme: (
672
708
  "400": 4px,
673
709
  "500": 6px,
674
710
  "600": 8px,
711
+ "800": 12px,
675
712
  "900": 24px,
676
713
  "1000": 999999px,
677
714
  "inner": 6px,
@@ -755,6 +792,7 @@ $theme: (
755
792
  "400": 4px,
756
793
  "500": 6px,
757
794
  "600": 8px,
795
+ "800": 12px,
758
796
  "900": 24px,
759
797
  "1000": 999999px,
760
798
  "inner": 6px,
package/dist/types/dark/theme.d.ts CHANGED
@@ -246,6 +246,37 @@ declare const darkTheme: {
246
246
  active: string;
247
247
  };
248
248
  };
249
+ navigation: {
250
+ navItem: {
251
+ text: {
252
+ base: string;
253
+ };
254
+ icon: {
255
+ base: string;
256
+ };
257
+ indicator: {
258
+ notification: {
259
+ base: string;
260
+ };
261
+ userStatus: {
262
+ online: string;
263
+ offline: string;
264
+ unavailable: string;
265
+ };
266
+ };
267
+ background: {
268
+ base: string;
269
+ hover: string;
270
+ active: string;
271
+ selected: string;
272
+ };
273
+ border: {
274
+ hover: string;
275
+ active: string;
276
+ selected: string;
277
+ };
278
+ };
279
+ };
249
280
  overlay: {
250
281
  background: {
251
282
  base: string;
@@ -584,6 +615,7 @@ declare const darkTheme: {
584
615
  400: string;
585
616
  500: string;
586
617
  600: string;
618
+ 800: string;
587
619
  900: string;
588
620
  1000: string;
589
621
  inner: string;
@@ -593,6 +625,7 @@ declare const darkTheme: {
593
625
  400: string;
594
626
  500: string;
595
627
  600: string;
628
+ 800: string;
596
629
  900: string;
597
630
  1000: string;
598
631
  inner: string;
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;AA+PF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA5OT,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;gBAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA2IrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6EtD,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;AA8RF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA3QT,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;gBAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA2IrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4GtD,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/dist/types/light/theme.d.ts CHANGED
@@ -64,6 +64,7 @@ export declare const radii: {
64
64
  400: string;
65
65
  500: string;
66
66
  600: string;
67
+ 800: string;
67
68
  900: string;
68
69
  1000: string;
69
70
  inner: string;
@@ -408,6 +409,10 @@ declare const theme: {
408
409
  hover: string;
409
410
  };
410
411
  };
412
+ overlay: {
413
+ base: string;
414
+ hover: string;
415
+ };
411
416
  unstyled: {
412
417
  background: {
413
418
  base: string;
@@ -495,6 +500,37 @@ declare const theme: {
495
500
  active: string;
496
501
  };
497
502
  };
503
+ navigation: {
504
+ navItem: {
505
+ text: {
506
+ base: string;
507
+ };
508
+ icon: {
509
+ base: string;
510
+ };
511
+ indicator: {
512
+ notification: {
513
+ base: string;
514
+ };
515
+ userStatus: {
516
+ online: string;
517
+ offline: string;
518
+ unavailable: string;
519
+ };
520
+ };
521
+ background: {
522
+ base: string;
523
+ hover: string;
524
+ active: string;
525
+ selected: string;
526
+ };
527
+ border: {
528
+ hover: string;
529
+ active: string;
530
+ selected: string;
531
+ };
532
+ };
533
+ };
498
534
  overlay: {
499
535
  background: {
500
536
  base: string;
@@ -670,6 +706,7 @@ declare const theme: {
670
706
  400: string;
671
707
  500: string;
672
708
  600: string;
709
+ 800: string;
673
710
  900: string;
674
711
  1000: string;
675
712
  inner: string;
@@ -679,6 +716,7 @@ declare const theme: {
679
716
  400: string;
680
717
  500: string;
681
718
  600: string;
719
+ 800: string;
682
720
  900: string;
683
721
  1000: string;
684
722
  inner: string;
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;AAqSnE,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;;;;;;;;;CASjB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA9XL,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;gBAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA2IrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyPtD,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;AAwUnE,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAlaL,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;gBAyBnD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA+IrD,mDAAmD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyRtD,CAAC;AAEF,eAAe,KAAK,CAAC"}
package/lib/dark/theme.js CHANGED
@@ -1,8 +1,8 @@
1
1
  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); }
2
2
  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; }
3
3
  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; }
4
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
5
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
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
+ 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
8
  import { transparentize } from "polished";
@@ -241,6 +241,37 @@ var colors = _objectSpread(_objectSpread({}, lightTheme.colors), {}, {
241
241
  active: COLORS.COLOR_NEUTRAL_700
242
242
  }
243
243
  },
244
+ navigation: {
245
+ navItem: {
246
+ text: {
247
+ base: COLORS.COLOR_NEUTRAL_0
248
+ },
249
+ icon: {
250
+ base: COLORS.COLOR_NEUTRAL_0
251
+ },
252
+ indicator: {
253
+ notification: {
254
+ base: COLORS.COLOR_PINK_600
255
+ },
256
+ userStatus: {
257
+ online: COLORS.COLOR_GREEN_500,
258
+ offline: red.highlight,
259
+ unavailable: COLORS.COLOR_NEUTRAL_800
260
+ }
261
+ },
262
+ background: {
263
+ base: "transparent",
264
+ hover: COLORS.COLOR_NEUTRAL_800,
265
+ active: COLORS.COLOR_NEUTRAL_1100,
266
+ selected: COLORS.COLOR_NEUTRAL_700
267
+ },
268
+ border: {
269
+ hover: COLORS.COLOR_NEUTRAL_700,
270
+ active: COLORS.COLOR_NEUTRAL_700,
271
+ selected: COLORS.COLOR_NEUTRAL_700
272
+ }
273
+ }
274
+ },
244
275
  overlay: {
245
276
  background: {
246
277
  base: transparentize(0.28, COLORS.COLOR_NEUTRAL_1000)
package/lib/extendedThemes/sproutTheme/dark/theme.js CHANGED
@@ -1,8 +1,8 @@
1
1
  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); }
2
2
  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; }
3
3
  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; }
4
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
5
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
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
+ 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
8
  import { transparentize } from "polished";
package/lib/extendedThemes/sproutTheme/light/theme.js CHANGED
@@ -1,8 +1,8 @@
1
1
  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); }
2
2
  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; }
3
3
  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; }
4
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
5
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
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
+ 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
8
  import { transparentize } from "polished";
package/lib/light/theme.js CHANGED
@@ -1,8 +1,8 @@
1
1
  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); }
2
2
  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; }
3
3
  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; }
4
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
5
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
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
+ 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
8
  import { transparentize } from "polished";
@@ -156,6 +156,10 @@ var colors = _objectSpread(_objectSpread({
156
156
  hover: COLORS.COLOR_BLUE_800
157
157
  }
158
158
  },
159
+ overlay: {
160
+ base: transparentize(0.56, COLORS.COLOR_NEUTRAL_1000),
161
+ hover: transparentize(0.64, COLORS.COLOR_NEUTRAL_1000)
162
+ },
159
163
  unstyled: {
160
164
  background: {
161
165
  base: "transparent"
@@ -243,6 +247,37 @@ var colors = _objectSpread(_objectSpread({
243
247
  active: COLORS.COLOR_NEUTRAL_400
244
248
  }
245
249
  },
250
+ navigation: {
251
+ navItem: {
252
+ text: {
253
+ base: COLORS.COLOR_NEUTRAL_0
254
+ },
255
+ icon: {
256
+ base: COLORS.COLOR_NEUTRAL_0
257
+ },
258
+ indicator: {
259
+ notification: {
260
+ base: COLORS.COLOR_PINK_600
261
+ },
262
+ userStatus: {
263
+ online: COLORS.COLOR_GREEN_500,
264
+ offline: red.highlight,
265
+ unavailable: COLORS.COLOR_NEUTRAL_800
266
+ }
267
+ },
268
+ background: {
269
+ base: "transparent",
270
+ hover: COLORS.COLOR_NEUTRAL_800,
271
+ active: COLORS.COLOR_NEUTRAL_1100,
272
+ selected: COLORS.COLOR_NEUTRAL_700
273
+ },
274
+ border: {
275
+ hover: COLORS.COLOR_NEUTRAL_700,
276
+ active: COLORS.COLOR_NEUTRAL_700,
277
+ selected: COLORS.COLOR_NEUTRAL_700
278
+ }
279
+ }
280
+ },
246
281
  overlay: {
247
282
  background: {
248
283
  base: transparentize(0.44, COLORS.COLOR_NEUTRAL_1000)
@@ -370,6 +405,7 @@ export var radii = {
370
405
  400: BORDER.BORDER_RADIUS_400,
371
406
  500: BORDER.BORDER_RADIUS_500,
372
407
  600: BORDER.BORDER_RADIUS_600,
408
+ 800: BORDER.BORDER_RADIUS_800,
373
409
  900: BORDER.BORDER_RADIUS_900,
374
410
  1000: BORDER.BORDER_RADIUS_1000,
375
411
  inner: BORDER.BORDER_RADIUS_500,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sproutsocial/seeds-react-theme",
3
- "version": "2.3.0",
3
+ "version": "2.4.1",
4
4
  "description": "Seeds Theme",
5
5
  "main": "commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -20,7 +20,7 @@
20
20
  "typecheck": "tsc --noEmit"
21
21
  },
22
22
  "dependencies": {
23
- "@sproutsocial/seeds-border": "^1.6.2",
23
+ "@sproutsocial/seeds-border": "^1.7.0",
24
24
  "@sproutsocial/seeds-color": "^2.2.0",
25
25
  "@sproutsocial/seeds-depth": "^3.4.0",
26
26
  "@sproutsocial/seeds-motion": "^1.8.0",
@@ -35,7 +35,8 @@
35
35
  "json-to-scss": "^1.6.2",
36
36
  "tsx": "^4.0.0",
37
37
  "typescript": "^5.6.2",
38
- "@sproutsocial/seeds-tsconfig": "*"
38
+ "@sproutsocial/seeds-tsconfig": "*",
39
+ "tsc-alias": "^1.8.11"
39
40
  },
40
41
  "engines": {
41
42
  "node": ">=18"