@sproutsocial/racine 12.2.0 → 12.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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # Change Log
2
2
 
3
+ ## 12.3.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 80c370a: add color tokens in the extended theme for reporting chart overlays
8
+
9
+ ### Patch Changes
10
+
11
+ - ecf1eb8: adds bugfix for sideEffect in package.json that was causing errors in SproutSocial
12
+
3
13
  ## 12.2.0
4
14
 
5
15
  ### Minor Changes
@@ -1,4 +1,5 @@
1
1
  // @flow strict-local
2
+ import { transparentize } from "polished";
2
3
  import baseDarkTheme from "../../../dark/theme";
3
4
  import type { TypeSproutTheme } from "../../../../types/theme.flow";
4
5
 
@@ -48,6 +49,11 @@ export const analytics = {
48
49
  neutral: baseDarkTheme.colors.neutral[100],
49
50
  negative: baseDarkTheme.colors.neutral[100],
50
51
  },
52
+ overlay: {
53
+ background: {
54
+ base: transparentize(0.2, baseDarkTheme.colors.neutral[900]),
55
+ },
56
+ },
51
57
  };
52
58
 
53
59
  export const growth = {
@@ -1,4 +1,5 @@
1
1
  // @flow strict-local
2
+ import { transparentize } from "polished";
2
3
  import baseLightTheme from "../../../light/theme";
3
4
  import type { TypeSproutTheme } from "../../../../types/theme.flow";
4
5
 
@@ -48,6 +49,11 @@ export const analytics = {
48
49
  neutral: baseLightTheme.colors.neutral[800],
49
50
  negative: baseLightTheme.colors.neutral[800],
50
51
  },
52
+ overlay: {
53
+ background: {
54
+ base: transparentize(0.2, baseLightTheme.colors.neutral[0]),
55
+ },
56
+ },
51
57
  };
52
58
 
53
59
  export const growth = {
@@ -3,6 +3,8 @@
3
3
  exports.__esModule = true;
4
4
  exports.navigation = exports.growth = exports.default = exports.datePicker = exports.analytics = void 0;
5
5
 
6
+ var _polished = require("polished");
7
+
6
8
  var _theme = _interopRequireDefault(require("../../../dark/theme"));
7
9
 
8
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -54,6 +56,11 @@ var analytics = {
54
56
  positive: _theme.default.colors.teal[500],
55
57
  neutral: _theme.default.colors.neutral[100],
56
58
  negative: _theme.default.colors.neutral[100]
59
+ },
60
+ overlay: {
61
+ background: {
62
+ base: (0, _polished.transparentize)(0.2, _theme.default.colors.neutral[900])
63
+ }
57
64
  }
58
65
  };
59
66
  exports.analytics = analytics;
@@ -3,6 +3,8 @@
3
3
  exports.__esModule = true;
4
4
  exports.navigation = exports.growth = exports.default = exports.datePicker = exports.analytics = void 0;
5
5
 
6
+ var _polished = require("polished");
7
+
6
8
  var _theme = _interopRequireDefault(require("../../../light/theme"));
7
9
 
8
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -54,6 +56,11 @@ var analytics = {
54
56
  positive: _theme.default.colors.teal[800],
55
57
  neutral: _theme.default.colors.neutral[800],
56
58
  negative: _theme.default.colors.neutral[800]
59
+ },
60
+ overlay: {
61
+ background: {
62
+ base: (0, _polished.transparentize)(0.2, _theme.default.colors.neutral[0])
63
+ }
57
64
  }
58
65
  };
59
66
  exports.analytics = analytics;
@@ -5,6 +5,11 @@ $theme: (
5
5
  positive: #08c4b2,
6
6
  neutral: #f3f4f4,
7
7
  negative: #f3f4f4
8
+ ),
9
+ overlay: (
10
+ background: (
11
+ base: rgba(39,51,51,0.8)
12
+ )
8
13
  )
9
14
  ),
10
15
  datePicker: (
@@ -488,6 +493,11 @@ $theme: (
488
493
  positive: #08c4b2,
489
494
  neutral: #f3f4f4,
490
495
  negative: #f3f4f4
496
+ ),
497
+ overlay: (
498
+ background: (
499
+ base: rgba(39,51,51,0.8)
500
+ )
491
501
  )
492
502
  ),
493
503
  growth: (
@@ -5,6 +5,11 @@ $theme: (
5
5
  positive: #067c7c,
6
6
  neutral: #364141,
7
7
  negative: #364141
8
+ ),
9
+ overlay: (
10
+ background: (
11
+ base: rgba(255,255,255,0.8)
12
+ )
8
13
  )
9
14
  ),
10
15
  datePicker: (
@@ -488,6 +493,11 @@ $theme: (
488
493
  positive: #067c7c,
489
494
  neutral: #364141,
490
495
  negative: #364141
496
+ ),
497
+ overlay: (
498
+ background: (
499
+ base: rgba(255,255,255,0.8)
500
+ )
491
501
  )
492
502
  ),
493
503
  growth: (
@@ -1,5 +1,6 @@
1
1
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
2
 
3
+ import { transparentize } from "polished";
3
4
  import baseDarkTheme from "../../../dark/theme";
4
5
  export var navigation = {
5
6
  main: {
@@ -44,6 +45,11 @@ export var analytics = {
44
45
  positive: baseDarkTheme.colors.teal[500],
45
46
  neutral: baseDarkTheme.colors.neutral[100],
46
47
  negative: baseDarkTheme.colors.neutral[100]
48
+ },
49
+ overlay: {
50
+ background: {
51
+ base: transparentize(0.2, baseDarkTheme.colors.neutral[900])
52
+ }
47
53
  }
48
54
  };
49
55
  export var growth = {
@@ -1,5 +1,6 @@
1
1
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
2
 
3
+ import { transparentize } from "polished";
3
4
  import baseLightTheme from "../../../light/theme";
4
5
  export var navigation = {
5
6
  main: {
@@ -44,6 +45,11 @@ export var analytics = {
44
45
  positive: baseLightTheme.colors.teal[800],
45
46
  neutral: baseLightTheme.colors.neutral[800],
46
47
  negative: baseLightTheme.colors.neutral[800]
48
+ },
49
+ overlay: {
50
+ background: {
51
+ base: transparentize(0.2, baseLightTheme.colors.neutral[0])
52
+ }
47
53
  }
48
54
  };
49
55
  export var growth = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sproutsocial/racine",
3
- "version": "12.2.0",
3
+ "version": "12.3.0",
4
4
  "license": "MIT",
5
5
  "files": [
6
6
  "__flow__",
@@ -17,6 +17,7 @@
17
17
  },
18
18
  "main": "commonjs/index.js",
19
19
  "module": "lib/index.js",
20
+ "sideEffects": false,
20
21
  "scripts": {
21
22
  "install-deps": "yarn install",
22
23
  "prepublishOnly": "yarn run build",