@sproutsocial/seeds-react-theme 2.4.2 → 3.0.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 (11) hide show
  1. package/commonjs/dark/theme.js +1 -1
  2. package/commonjs/light/theme.js +1 -1
  3. package/dist/themes/dark/theme.scss +1 -1
  4. package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +72 -41
  5. package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +72 -41
  6. package/dist/themes/light/theme.scss +1 -1
  7. package/dist/types/dark/theme.d.ts +1 -1
  8. package/dist/types/light/theme.d.ts +1 -1
  9. package/lib/dark/theme.js +1 -1
  10. package/lib/light/theme.js +1 -1
  11. package/package.json +1 -1
package/commonjs/dark/theme.js CHANGED
@@ -246,7 +246,7 @@ var colors = _objectSpread(_objectSpread({}, _theme.default.colors), {}, {
246
246
  active: _seedsColor.default.COLOR_NEUTRAL_700
247
247
  }
248
248
  },
249
- navigation: {
249
+ nav: {
250
250
  navItem: {
251
251
  text: {
252
252
  base: _seedsColor.default.COLOR_NEUTRAL_0
package/commonjs/light/theme.js CHANGED
@@ -251,7 +251,7 @@ var colors = _objectSpread(_objectSpread({
251
251
  active: _seedsColor.default.COLOR_NEUTRAL_400
252
252
  }
253
253
  },
254
- navigation: {
254
+ nav: {
255
255
  navItem: {
256
256
  text: {
257
257
  base: _seedsColor.default.COLOR_NEUTRAL_0
package/dist/themes/dark/theme.scss CHANGED
@@ -216,7 +216,7 @@ $theme: (
216
216
  "active": #515e5f
217
217
  )
218
218
  ),
219
- "navigation": (
219
+ "nav": (
220
220
  "navItem": (
221
221
  "text": (
222
222
  "base": #FFFFFF
package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss CHANGED
@@ -268,52 +268,33 @@ $theme: (
268
268
  "active": #515e5f
269
269
  )
270
270
  ),
271
- "navigation": (
272
- "main": (
273
- "background": (
274
- "base": #162020,
275
- "overflowGradient": #040404
271
+ "nav": (
272
+ "navItem": (
273
+ "text": (
274
+ "base": #FFFFFF
276
275
  ),
277
- "border": (
278
- "base": #040404
279
- )
280
- ),
281
- "secondary": (
282
- "background": (
283
- "base": #273333
276
+ "icon": (
277
+ "base": #FFFFFF
284
278
  ),
285
- "widget": (
286
- "background": (
287
- "base": #364141
279
+ "indicator": (
280
+ "notification": (
281
+ "base": #e0447c
282
+ ),
283
+ "userStatus": (
284
+ "online": #59cb59,
285
+ "offline": #ed4c42,
286
+ "unavailable": #364141
288
287
  )
289
288
  ),
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
289
  "background": (
315
- "base": #162020,
316
- "hover": #040404,
290
+ "base": transparent,
291
+ "hover": #364141,
292
+ "active": #040404,
293
+ "selected": #515e5f
294
+ ),
295
+ "border": (
296
+ "hover": #515e5f,
297
+ "active": #515e5f,
317
298
  "selected": #515e5f
318
299
  )
319
300
  )
@@ -581,6 +562,56 @@ $theme: (
581
562
  "20": #ffe99a
582
563
  ),
583
564
  "PLACEHOLDER": #364141,
565
+ "navigation": (
566
+ "main": (
567
+ "background": (
568
+ "base": #162020,
569
+ "overflowGradient": #040404
570
+ ),
571
+ "border": (
572
+ "base": #040404
573
+ )
574
+ ),
575
+ "secondary": (
576
+ "background": (
577
+ "base": #273333
578
+ ),
579
+ "widget": (
580
+ "background": (
581
+ "base": #364141
582
+ )
583
+ ),
584
+ "accordion": (
585
+ "background": (
586
+ "base": #162020A3
587
+ )
588
+ )
589
+ ),
590
+ "settings": (
591
+ "listItem": (
592
+ "background": (
593
+ "base": transparent,
594
+ "hover": #040404,
595
+ "selected": #364141
596
+ )
597
+ )
598
+ ),
599
+ "text": (
600
+ "base": #FFFFFF,
601
+ "hover": #FFFFFF
602
+ ),
603
+ "icon": (
604
+ "base": #FFFFFF,
605
+ "hover": #FFFFFF
606
+ ),
607
+ "listItem": (
608
+ "background": (
609
+ "base": #162020,
610
+ "hover": #040404,
611
+ "selected": #515e5f
612
+ )
613
+ )
614
+ ),
584
615
  "datePicker": (
585
616
  "comparison": (
586
617
  "background": (
package/dist/themes/extendedThemes/sproutTheme/light/theme.scss CHANGED
@@ -272,52 +272,33 @@ $theme: (
272
272
  "active": #b0b6b7
273
273
  )
274
274
  ),
275
- "navigation": (
276
- "main": (
277
- "background": (
278
- "base": #273333,
279
- "overflowGradient": #162020
275
+ "nav": (
276
+ "navItem": (
277
+ "text": (
278
+ "base": #FFFFFF
280
279
  ),
281
- "border": (
282
- "base": #162020
283
- )
284
- ),
285
- "secondary": (
286
- "background": (
287
- "base": #364141
280
+ "icon": (
281
+ "base": #FFFFFF
288
282
  ),
289
- "widget": (
290
- "background": (
291
- "base": #162020
283
+ "indicator": (
284
+ "notification": (
285
+ "base": #e0447c
286
+ ),
287
+ "userStatus": (
288
+ "online": #59cb59,
289
+ "offline": #ed4c42,
290
+ "unavailable": #364141
292
291
  )
293
292
  ),
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
293
  "background": (
319
- "base": #364141,
320
- "hover": #162020,
294
+ "base": transparent,
295
+ "hover": #364141,
296
+ "active": #040404,
297
+ "selected": #515e5f
298
+ ),
299
+ "border": (
300
+ "hover": #515e5f,
301
+ "active": #515e5f,
321
302
  "selected": #515e5f
322
303
  )
323
304
  )
@@ -605,6 +586,56 @@ $theme: (
605
586
  )
606
587
  )
607
588
  ),
589
+ "navigation": (
590
+ "main": (
591
+ "background": (
592
+ "base": #273333,
593
+ "overflowGradient": #162020
594
+ ),
595
+ "border": (
596
+ "base": #162020
597
+ )
598
+ ),
599
+ "secondary": (
600
+ "background": (
601
+ "base": #364141
602
+ ),
603
+ "widget": (
604
+ "background": (
605
+ "base": #162020
606
+ )
607
+ ),
608
+ "accordion": (
609
+ "background": (
610
+ "base": #273333
611
+ )
612
+ )
613
+ ),
614
+ "settings": (
615
+ "listItem": (
616
+ "background": (
617
+ "base": transparent,
618
+ "hover": #dee1e1,
619
+ "selected": #FFFFFF
620
+ )
621
+ )
622
+ ),
623
+ "text": (
624
+ "base": #FFFFFF,
625
+ "hover": #FFFFFF
626
+ ),
627
+ "icon": (
628
+ "base": #FFFFFF,
629
+ "hover": #FFFFFF
630
+ ),
631
+ "listItem": (
632
+ "background": (
633
+ "base": #364141,
634
+ "hover": #162020,
635
+ "selected": #515e5f
636
+ )
637
+ )
638
+ ),
608
639
  "datePicker": (
609
640
  "comparison": (
610
641
  "background": (
package/dist/themes/light/theme.scss CHANGED
@@ -231,7 +231,7 @@ $theme: (
231
231
  "active": #b0b6b7
232
232
  )
233
233
  ),
234
- "navigation": (
234
+ "nav": (
235
235
  "navItem": (
236
236
  "text": (
237
237
  "base": #FFFFFF
package/dist/types/dark/theme.d.ts CHANGED
@@ -246,7 +246,7 @@ declare const darkTheme: {
246
246
  active: string;
247
247
  };
248
248
  };
249
- navigation: {
249
+ nav: {
250
250
  navItem: {
251
251
  text: {
252
252
  base: string;
package/dist/types/light/theme.d.ts CHANGED
@@ -500,7 +500,7 @@ declare const theme: {
500
500
  active: string;
501
501
  };
502
502
  };
503
- navigation: {
503
+ nav: {
504
504
  navItem: {
505
505
  text: {
506
506
  base: string;
package/lib/dark/theme.js CHANGED
@@ -241,7 +241,7 @@ var colors = _objectSpread(_objectSpread({}, lightTheme.colors), {}, {
241
241
  active: COLORS.COLOR_NEUTRAL_700
242
242
  }
243
243
  },
244
- navigation: {
244
+ nav: {
245
245
  navItem: {
246
246
  text: {
247
247
  base: COLORS.COLOR_NEUTRAL_0
package/lib/light/theme.js CHANGED
@@ -247,7 +247,7 @@ var colors = _objectSpread(_objectSpread({
247
247
  active: COLORS.COLOR_NEUTRAL_400
248
248
  }
249
249
  },
250
- navigation: {
250
+ nav: {
251
251
  navItem: {
252
252
  text: {
253
253
  base: COLORS.COLOR_NEUTRAL_0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sproutsocial/seeds-react-theme",
3
- "version": "2.4.2",
3
+ "version": "3.0.0",
4
4
  "description": "Seeds Theme",
5
5
  "main": "commonjs/index.js",
6
6
  "module": "lib/index.js",