@sproutsocial/racine 11.0.2 → 11.1.2-badge-update.0

package/lib/index.js

@@ -1,3 +1,4 @@
+export * from "./systemProps";
 export { visuallyHidden, focusRing, disabled } from "./utils/mixins";
 export { useSelect, useMultiselect, useTextContent } from "./utils/hooks";
 export { default as theme } from "./themes/light/theme";

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/light/literal-colors.js

@@ -11,7 +11,8 @@ var literalColors = {
     "700": COLORS.COLOR_NEUTRAL_700,
     "800": COLORS.COLOR_NEUTRAL_800,
     "900": COLORS.COLOR_NEUTRAL_900,
-    "1000": COLORS.COLOR_NEUTRAL_1000
+    "1000": COLORS.COLOR_NEUTRAL_1000,
+    "1100": COLORS.COLOR_NEUTRAL_1100
   },
   green: {
     "0": COLORS.COLOR_GREEN_0,
@@ -38,7 +39,8 @@ var literalColors = {
     "700": COLORS.COLOR_RED_700,
     "800": COLORS.COLOR_RED_800,
     "900": COLORS.COLOR_RED_900,
-    "1000": COLORS.COLOR_RED_1000
+    "1000": COLORS.COLOR_RED_1000,
+    "1100": COLORS.COLOR_RED_1100
   },
   blue: {
     "0": COLORS.COLOR_BLUE_0,

package/lib/types/theme.colors.flow.js

@@ -1 +1,2 @@
-import literalColors from "../themes/light/literal-colors";
+import literalColors from "../themes/light/literal-colors";
+import { datavizPalette } from "../themes/light/dataviz-palette";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "11.0.2",
+  "version": "11.1.2-badge-update.0",
   "license": "MIT",
   "files": [
     "__flow__",
@@ -9,11 +9,13 @@
     "lib",
     "codemods",
     "bin/racine-codemod.js",
+    "bin/buildNpm.js",
     "icons",
     "includeIcons.js"
   ],
   "bin": {
-    "racine-codemod": "bin/racine-codemod.js"
+    "racine-codemod": "bin/racine-codemod.js",
+    "build-npm": "bin/buildNpm.js"
   },
   "main": "commonjs/index.js",
   "module": "lib/index.js",
@@ -34,7 +36,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 +195,15 @@
     "moduleNameMapper": {
       "\\.(css|scss|sass)$": "identity-obj-proxy"
     }
+  },
+  "prettier": {
+    "overrides": [
+      {
+        "files": "*.js",
+        "options": {
+          "parser": "babel-flow"
+        }
+      }
+    ]
   }
 }