@sproutsocial/racine 11.0.2-beta.0 → 11.1.0

package/lib/systemProps/background.js

@@ -0,0 +1,2 @@
+import { background } from "styled-system";
+export var backgroundSystemProps = background;

package/lib/systemProps/border.js

@@ -0,0 +1,2 @@
+import { border } from "styled-system";
+export var borderSystemProps = border;

package/lib/systemProps/color.js

@@ -0,0 +1,2 @@
+import { color } from "styled-system";
+export var colorSystemProps = color;

package/lib/systemProps/custom.js

@@ -0,0 +1,5 @@
+import { compose, system } from "styled-system";
+export var customSystemProps = compose(system({
+  cursor: true,
+  whiteSpace: true
+}));

package/lib/systemProps/flexbox.js

@@ -0,0 +1,2 @@
+import { flexbox } from "styled-system";
+export var flexboxSystemProps = flexbox;

package/lib/systemProps/grid.js

@@ -0,0 +1,2 @@
+import { grid } from "styled-system";
+export var gridSystemProps = grid;

package/lib/systemProps/index.js

@@ -0,0 +1,14 @@
+export * from "./types.flow.js";
+export * from "./background";
+export * from "./border";
+export * from "./color";
+export * from "./custom";
+export * from "./flexbox";
+export * from "./grid";
+export * from "./layout";
+export * from "./position";
+export * from "./shadow";
+export * from "./space";
+export * from "./systemProps";
+export * from "./typography";
+export * from "./variant";

package/lib/systemProps/layout.js

@@ -0,0 +1,2 @@
+import { layout } from "styled-system";
+export var layoutSystemProps = layout;

package/lib/systemProps/position.js

@@ -0,0 +1,2 @@
+import { position } from "styled-system";
+export var positionSystemProps = position;

package/lib/systemProps/shadow.js

@@ -0,0 +1,2 @@
+import { shadow } from "styled-system";
+export var shadowSystemProps = shadow;

package/lib/systemProps/space.js

@@ -0,0 +1,3 @@
+/* eslint-disable prettier/prettier */
+import { space } from "styled-system";
+export var spaceSystemProps = space;

package/lib/systemProps/systemProps.js

@@ -0,0 +1,14 @@
+import { compose } from "styled-system";
+import { backgroundSystemProps } from "./background";
+import { borderSystemProps } from "./border";
+import { colorSystemProps } from "./color";
+import { customSystemProps } from "./custom";
+import { flexboxSystemProps } from "./flexbox";
+import { gridSystemProps } from "./grid";
+import { layoutSystemProps } from "./layout";
+import { positionSystemProps } from "./position";
+import { shadowSystemProps } from "./shadow";
+import { spaceSystemProps } from "./space";
+import { typographySystemProps } from "./typography";
+import { variantSystemProps } from "./variant";
+export var systemProps = compose(customSystemProps, variantSystemProps, backgroundSystemProps, borderSystemProps, colorSystemProps, flexboxSystemProps, gridSystemProps, layoutSystemProps, positionSystemProps, shadowSystemProps, spaceSystemProps, typographySystemProps);

package/lib/systemProps/tests/types.flow.js

@@ -0,0 +1,44 @@
+/**
+ * All system props should be responsive but accepting a tuple of length 1-5.
+ */
+"a";
+["a"];
+["a", "a"];
+["a", "a", "a"];
+["a", "a", "a", "a"];
+["a", "a", "a", "a", "a"]; // $FlowExpectedError
+
+["a", "a", "a", "a", "a", "a"]; // $FlowExpectedError
+
+["b"]; // $FlowExpectedError
+
+[null];
+/**
+ * All system props should accept "base" values: boolean, null, and undefined.
+ */
+
+"a";
+true;
+false;
+null;
+undefined;
+/**
+ * All system props should be responsive and allow "base" values.
+ */
+
+"a";
+"b";
+true;
+false;
+null;
+undefined;
+["a", null, undefined, false, "b"];
+["a"]; // $FlowExpectedError
+
+"c"; // $FlowExpectedError
+
+1; // $FlowExpectedError
+
+({}); // $FlowExpectedError
+
+[];

package/lib/systemProps/typography.js

@@ -0,0 +1,2 @@
+import { typography } from "styled-system";
+export var typographySystemProps = typography;

package/lib/systemProps/variant.js

@@ -0,0 +1,5 @@
+import { compose, variant } from "styled-system";
+export var variantSystemProps = compose(variant({
+  key: "typography",
+  prop: "typeScale"
+}));

package/lib/themes/dark/theme.js

@@ -170,6 +170,7 @@ var colors = _extends({}, lightTheme.colors, {
     danger: red.foreground,
     info: blue.foreground,
     opportunity: purple.foreground,
+    applied: COLORS.COLOR_BLUE_400,
     positive_sentiment: COLORS.COLOR_BLUE_700,
     negative_sentiment: COLORS.COLOR_RED_600,
     neutral_sentiment: COLORS.COLOR_NEUTRAL_600

package/lib/themes/light/theme.js

@@ -168,6 +168,7 @@ var colors = _extends({
     danger: red.foreground,
     info: blue.foreground,
     opportunity: purple.foreground,
+    applied: COLORS.COLOR_BLUE_700,
     positive_sentiment: COLORS.COLOR_BLUE_700,
     negative_sentiment: COLORS.COLOR_RED_600,
     neutral_sentiment: COLORS.COLOR_NEUTRAL_600

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "11.0.2-beta.0",
+  "version": "11.1.0",
   "license": "MIT",
   "files": [
     "__flow__",
@@ -34,7 +34,7 @@
     "start-package-only": "npm-run-all install-deps clean -p build-icons watch-package",
     "start": "npm-run-all install-deps clean -p build-icons watch-package watch-app",
     "build": "npm-run-all clean -p build-icons build-package -s build-app",
-    "flow": "yarn run build-icons && flow check",
+    "flow": "yarn run build-icons && flow check --max-warnings 0",
     "lint-js": "eslint --max-warnings=0 --fix .",
     "lint-css": "stylelint 'src/**/*.js'",
     "lint-icons": "yarn icon-lint check 'icons/*.svg'",
@@ -193,5 +193,15 @@
     "moduleNameMapper": {
       "\\.(css|scss|sass)$": "identity-obj-proxy"
     }
+  },
+  "prettier": {
+    "overrides": [
+      {
+        "files": "*.js",
+        "options": {
+          "parser": "babel-flow"
+        }
+      }
+    ]
   }
 }