@sproutsocial/racine 10.0.0-dar97-beta.1 → 10.0.1-dependencies.0

package/lib/themes/light/theme.js

@@ -10,9 +10,10 @@ import SPACE from "@sproutsocial/seeds-space";
 import DEPTH from "@sproutsocial/seeds-depth";
 import MOTION from "@sproutsocial/seeds-motion";
 import BORDER from "@sproutsocial/seeds-border";
+import { transparentize } from "polished";
 import interact from "../utils/interact";
 export var breakpoints = ["900px", "1200px", "1500px", "1800px"];
-var MODE = "default-light";
+var MODE = "light"; // If you are making changes to the colors in the theme file tag the Design Systems team on your PR! Thank you!!
 
 var colors = _extends({
   app: {
@@ -38,7 +39,10 @@ var colors = _extends({
         red: red.background,
         neutral: neutral.background
       },
-      selected: COLORS.COLOR_NEUTRAL_800
+      selected: COLORS.COLOR_NEUTRAL_800,
+      positive_sentiment: COLORS.COLOR_BLUE_500,
+      negative_sentiment: COLORS.COLOR_RED_500,
+      neutral_sentiment: COLORS.COLOR_NEUTRAL_300
     },
     border: {
       base: COLORS.COLOR_NEUTRAL_200,
@@ -163,7 +167,10 @@ var colors = _extends({
     error: red.foreground,
     danger: red.foreground,
     info: blue.foreground,
-    opportunity: purple.foreground
+    opportunity: purple.foreground,
+    positive_sentiment: COLORS.COLOR_BLUE_700,
+    negative_sentiment: COLORS.COLOR_RED_600,
+    neutral_sentiment: COLORS.COLOR_NEUTRAL_600
   },
   form: {
     background: {
@@ -187,6 +194,17 @@ var colors = _extends({
       selected: COLORS.COLOR_NEUTRAL_800
     }
   },
+  overlay: {
+    background: {
+      base: transparentize(0.44, COLORS.COLOR_NEUTRAL_1000)
+    },
+    text: {
+      base: COLORS.COLOR_NEUTRAL_0
+    },
+    icon: {
+      base: COLORS.COLOR_NEUTRAL_0
+    }
+  },
   elevation: {
     base: COLORS.COLOR_NEUTRAL_900 + "3D"
   },

package/lib/themes/utils/interact.js

@@ -2,7 +2,7 @@ import { darken, lighten } from "polished";
 
 var interact = function interact(mode) {
   return function (themeValue) {
-    if (mode === "default-dark") {
+    if (mode === "dark") {
       return lighten(0.2, themeValue);
     } else {
       return darken(0.2, themeValue);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "10.0.0-dar97-beta.1",
+  "version": "10.0.1-dependencies.0",
   "license": "MIT",
   "files": [
     "__flow__",
@@ -62,6 +62,7 @@
     ]
   },
   "dependencies": {
+    "@storybook/addon-controls": "^6.4.19",
     "@styled-system/theme-get": "^5.1.2",
     "classnames": "^2.2.6",
     "lodash.curry": "^4.1.1",
@@ -75,14 +76,14 @@
     "react-popper": "^1.3.3",
     "react-spring": "^8.0.25",
     "react-toastify": "^6.0.5",
-    "react-virtualized": "9.18.5",
+    "react-virtualized": "9.22.3",
     "scroll-into-view-if-needed": "1.1.0",
     "styled-system": "^5.1.5",
     "use-measure": "^0.2.2"
   },
   "devDependencies": {
     "@babel/cli": "^7.5.5",
-    "@babel/core": "^7.4.5",
+    "@babel/core": "^7.12.9",
     "@babel/plugin-proposal-class-properties": "^7.4.4",
     "@babel/plugin-syntax-dynamic-import": "^7.0.0",
     "@babel/preset-env": "^7.8.0",
@@ -97,20 +98,21 @@
     "@sproutsocial/seeds-networkcolor": "^2.9.0",
     "@sproutsocial/seeds-space": "^0.4.7",
     "@sproutsocial/seeds-typography": "^3.0.1",
-    "@storybook/addon-a11y": "^6.1.11",
-    "@storybook/addon-actions": "^6.3.8",
-    "@storybook/addon-knobs": "^6.1.11",
-    "@storybook/addon-storysource": "^6.1.11",
-    "@storybook/addon-viewport": "^6.1.11",
-    "@storybook/addons": "^6.1.11",
+    "@storybook/addon-a11y": "^6.4.19",
+    "@storybook/addon-actions": "^6.4.19",
+    "@storybook/addon-controls": "^6.4.19",
+    "@storybook/addon-knobs": "^6.4.0",
+    "@storybook/addon-storysource": "^6.4.19",
+    "@storybook/addon-viewport": "^6.4.19",
+    "@storybook/addons": "^6.4.19",
     "@storybook/react": "^6.4.19",
-    "@storybook/theming": "^6.1.11",
+    "@storybook/theming": "^6.4.19",
     "@testing-library/react": "^11.2.2",
     "@testing-library/user-event": "^13.0.0",
     "babel-core": "^7.0.0-bridge",
     "babel-eslint": "10.1.0",
     "babel-jest": "26.1.0",
-    "babel-loader": "8.0.6",
+    "babel-loader": "8.2.3",
     "babel-plugin-inline-import": "^3.0.0",
     "babel-plugin-polished": "^1.1.0",
     "babel-plugin-styled-components": "^1.10.0",
@@ -138,7 +140,7 @@
     "jest": "26.1.0",
     "jest-axe": "3.4.0",
     "jest-dom": "^3.5.0",
-    "jest-styled-components": "7.0.0-beta.1",
+    "jest-styled-components": "7.0.8",
     "jscodeshift": "^0.6.4",
     "json-to-scss": "^1.6.2",
     "lint-staged": "^10.2.11",
@@ -146,15 +148,15 @@
     "npm-run-all": "^4.1.2",
     "outdent": "^0.7.0",
     "pify": "^4.0.1",
-    "playroom": "^0.22.2",
+    "playroom": "^0.27.9",
     "prettier": "^2.0.5",
     "prop-types": "^15.6.1",
     "react": "16.12.0",
     "react-dates": "^21.8.0",
     "react-dom": "16.12.0",
     "rimraf": "^2.6.3",
-    "storybook-dark-mode": "^1.0.7",
-    "styled-components": "5.0.0-rc.2",
+    "storybook-dark-mode": "^1.0.9",
+    "styled-components": "5.3.3",
     "stylelint": "^13.8.0",
     "stylelint-config-recommended": "^2.2.0",
     "stylelint-config-styled-components": "^0.1.1",
@@ -179,6 +181,7 @@
     "styled-components": "^5.0.0-rc.2"
   },
   "resolutions": {
+    "**/eslint-import-resolver-node": "0.3.4",
     "lodash": "^4.17.21",
     "react-popper/create-react-context": "^0.3.0"
   },