@sproutsocial/racine 11.4.1 → 11.6.0

package/lib/themes/extendedThemes/sproutTheme/dark/getDarkThemeColors.js

@@ -0,0 +1,34 @@
+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); }
+
+export function getDarkThemeColors(themeColors) {
+  return _extends({}, themeColors, {
+    navigation: {
+      main: {
+        background: {
+          base: themeColors.neutral[1000],
+          gradient: themeColors.neutral[1100]
+        }
+      },
+      secondary: {
+        background: {
+          base: themeColors.neutral[900]
+        }
+      },
+      text: {
+        base: themeColors.neutral[0],
+        hover: themeColors.neutral[0]
+      },
+      icon: {
+        base: themeColors.neutral[0],
+        hover: themeColors.neutral[0]
+      },
+      listItem: {
+        background: {
+          base: themeColors.neutral[1000],
+          hover: themeColors.neutral[1100],
+          active: themeColors.neutral[700]
+        }
+      }
+    }
+  });
+}

package/lib/themes/extendedThemes/sproutTheme/dark/theme.js

@@ -0,0 +1,16 @@
+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); }
+
+import clone from "just-clone";
+import baseDarkTheme from "../../../dark/theme";
+import { getDarkThemeColors } from "./getDarkThemeColors";
+import { getNonColorThemeValues } from "../NonColorThemeValues";
+// clone base theme. (we don't want to mutate the base theme)
+var themeClone = clone(baseDarkTheme); // get non color theme values
+
+var nonColorThemeValues = getNonColorThemeValues(themeClone); // get sprout specific dark theme colors
+
+var darkThemeColors = getDarkThemeColors(themeClone.colors);
+
+var darkTheme = _extends({}, themeClone, nonColorThemeValues, darkThemeColors);
+
+export default darkTheme;

package/lib/themes/extendedThemes/sproutTheme/index.js

@@ -0,0 +1,2 @@
+export { default as sproutLightTheme } from "./light/theme";
+export { default as sproutDarkTheme } from "./dark/theme";

package/lib/themes/extendedThemes/sproutTheme/light/getLightThemeColors.js

@@ -0,0 +1,34 @@
+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); }
+
+export function getLightThemeColors(themeColors) {
+  return _extends({}, themeColors, {
+    navigation: {
+      main: {
+        background: {
+          base: themeColors.neutral[900],
+          overflowGradient: themeColors.neutral[1000]
+        }
+      },
+      secondary: {
+        background: {
+          base: themeColors.neutral[800]
+        }
+      },
+      text: {
+        base: themeColors.neutral[0],
+        hover: themeColors.neutral[0]
+      },
+      icon: {
+        base: themeColors.neutral[0],
+        hover: themeColors.neutral[0]
+      },
+      listItem: {
+        background: {
+          base: themeColors.neutral[800],
+          hover: themeColors.neutral[1000],
+          selected: themeColors.neutral[700]
+        }
+      }
+    }
+  });
+}

package/lib/themes/extendedThemes/sproutTheme/light/theme.js

@@ -0,0 +1,16 @@
+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); }
+
+import clone from "just-clone";
+import baseLightTheme from "../../../light/theme";
+import { getLightThemeColors } from "./getLightThemeColors";
+import { getNonColorThemeValues } from "../NonColorThemeValues";
+// clone base theme. (we don't want to mutate the base theme)
+var themeClone = clone(baseLightTheme); // get non color theme values
+
+var nonColorThemeValues = getNonColorThemeValues(themeClone); // get sprout specific light theme colors
+
+var lightThemeColors = getLightThemeColors(themeClone.colors);
+
+var lightTheme = _extends({}, themeClone, nonColorThemeValues, lightThemeColors);
+
+export default lightTheme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "11.4.1",
+  "version": "11.6.0",
   "license": "MIT",
   "files": [
     "__flow__",
@@ -66,10 +66,11 @@
   "dependencies": {
     "@styled-system/theme-get": "^5.1.2",
     "classnames": "^2.2.6",
+    "just-clone": "^5.0.1",
     "lodash.curry": "^4.1.1",
     "lodash.uniqueid": "^4.0.1",
     "lru-memoize": "^1.1.0",
-    "mutationobserver-shim": "^0.3.3",
+    "mutationobserver-shim": "^0.3.7",
     "polished": "^3.4.1",
     "raw-loader": "^3.0.0",
     "react-focus-lock": "^2.0.3",
@@ -84,7 +85,7 @@
   },
   "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",
@@ -99,23 +100,26 @@
     "@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/jest-dom": "^5.16.4",
     "@testing-library/react": "^11.2.2",
     "@testing-library/user-event": "^13.0.0",
+    "axios": "^0.26.1",
     "babel-core": "^7.0.0-bridge",
     "babel-eslint": "10.1.0",
-    "babel-jest": "26.1.0",
-    "babel-loader": "8.0.6",
+    "babel-jest": "27.x.x",
+    "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",
+    "babel-plugin-styled-components": "^2.0.7",
     "babel-polyfill": "^6.26.0",
     "chalk": "^2.3.2",
     "chokidar": "^3.0.2",
@@ -137,9 +141,8 @@
     "identity-obj-proxy": "^3.0.0",
     "inquirer": "^6.4.1",
     "is-glob": "^4.0.1",
-    "jest": "26.1.0",
-    "jest-axe": "3.4.0",
-    "jest-dom": "^3.5.0",
+    "jest": "27.x.x",
+    "jest-axe": "6.0.0",
     "jest-styled-components": "7.0.0-beta.1",
     "jscodeshift": "^0.6.4",
     "json-to-scss": "^1.6.2",
@@ -148,15 +151,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.2.3",
     "stylelint": "^13.8.0",
     "stylelint-config-recommended": "^2.2.0",
     "stylelint-config-styled-components": "^0.1.1",
@@ -178,13 +181,15 @@
     "prop-types": "^15.0.0",
     "react": "^16.2.0",
     "react-dates": "^21.8.0",
-    "styled-components": "^5.0.0-rc.2"
+    "react-virtualized": "9.18.5",
+    "styled-components": "^5.2.3"
   },
   "resolutions": {
     "lodash": "^4.17.21",
     "react-popper/create-react-context": "^0.3.0"
   },
   "jest": {
+    "testEnvironment": "jsdom",
     "setupFilesAfterEnv": [
       "<rootDir>/src/setupTests.js"
     ],