@sproutsocial/racine 20.16.0 → 20.17.0

package/lib/systemProps/color.flow.js

@@ -1,4 +1,4 @@
-import { color } from 'styled-system';
+import { color } from "styled-system";
 
 // https://styled-system.com/table#color
 

package/lib/systemProps/custom.flow.js

@@ -1,4 +1,4 @@
-import { compose, system } from 'styled-system';
+import { compose, system } from "styled-system";
 
 // https://styled-system.com/custom-props
 

package/lib/systemProps/flexbox.flow.js

@@ -1,4 +1,4 @@
-import { flexbox } from 'styled-system';
+import { flexbox } from "styled-system";
 
 // https://styled-system.com/table#flexbox
 

package/lib/systemProps/grid.flow.js

@@ -1,4 +1,4 @@
-import { grid } from 'styled-system';
+import { grid } from "styled-system";
 
 // https://styled-system.com/table#grid-layout
 

package/lib/systemProps/index.js

@@ -2,7 +2,7 @@ import {
 // styles and related types
 background, border, color, flexbox, grid, layout, position, shadow, space, typography,
 // utilities and related types
-compose, system, variant } from 'styled-system';
+compose, system, variant } from "styled-system";
 
 // https://styled-system.com/custom-props
 
@@ -14,8 +14,8 @@ export var customSystemProps = compose(system({
 // https://styled-system.com/variants
 
 export var variantSystemProps = compose(variant({
-  key: 'typography',
-  prop: 'typeScale'
+  key: "typography",
+  prop: "typeScale"
 }));
 export var systemProps = compose(customSystemProps, variantSystemProps, background, border, color, flexbox, grid, layout, position, shadow, space, typography);
 

package/lib/systemProps/layout.flow.js

@@ -1,4 +1,4 @@
-import { layout } from 'styled-system';
+import { layout } from "styled-system";
 
 // https://styled-system.com/table#layout
 

package/lib/systemProps/position.flow.js

@@ -1,4 +1,4 @@
-import { position } from 'styled-system';
+import { position } from "styled-system";
 
 // https://styled-system.com/table#position
 

package/lib/systemProps/shadow.flow.js

@@ -1,4 +1,4 @@
-import { shadow } from 'styled-system';
+import { shadow } from "styled-system";
 
 // https://styled-system.com/table#shadow
 

package/lib/systemProps/space.flow.js

@@ -1,4 +1,4 @@
-/* eslint-disable prettier/prettier */import { space } from 'styled-system';
+/* eslint-disable prettier/prettier */import { space } from "styled-system";
 
 // https://styled-system.com/table#space
 // prettier-ignore

package/lib/systemProps/systemProps.flow.js

@@ -1,4 +1,4 @@
-import { compose } from 'styled-system';
+import { compose } from "styled-system";
 import { backgroundSystemProps } from "./background.flow";
 import { borderSystemProps } from "./border.flow";
 import { colorSystemProps } from "./color.flow";

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

@@ -1,16 +1,16 @@
 /**
  * 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'];
+"a";
+["a"];
+["a", "a"];
+["a", "a", "a"];
+["a", "a", "a", "a"];
+["a", "a", "a", "a", "a"];
 // $FlowExpectedError
-['a', 'a', 'a', 'a', 'a', 'a'];
+["a", "a", "a", "a", "a", "a"];
 // $FlowExpectedError
-['b'];
+["b"];
 // $FlowExpectedError
 [null];
 
@@ -18,7 +18,7 @@
  * All system props should accept "base" values: boolean, null, and undefined.
  */
 
-'a';
+"a";
 true;
 false;
 null;
@@ -28,16 +28,16 @@ undefined;
  * All system props should be responsive and allow "base" values.
  */
 
-'a';
-'b';
+"a";
+"b";
 true;
 false;
 null;
 undefined;
-['a', null, undefined, false, 'b'];
-['a'];
+["a", null, undefined, false, "b"];
+["a"];
 // $FlowExpectedError
-'c';
+"c";
 // $FlowExpectedError
 1;
 // $FlowExpectedError

package/lib/systemProps/typography.flow.js

@@ -1,4 +1,4 @@
-import { typography } from 'styled-system';
+import { typography } from "styled-system";
 
 // https://styled-system.com/table#typography
 

package/lib/systemProps/variant.flow.js

@@ -1,8 +1,8 @@
-import { compose, variant } from 'styled-system';
+import { compose, variant } from "styled-system";
 
 // https://styled-system.com/variants
 
 export var variantSystemProps = compose(variant({
-  key: 'typography',
-  prop: 'typeScale'
+  key: "typography",
+  prop: "typeScale"
 }));

package/lib/themes/dark/dataviz-palette.js

@@ -1,26 +1,26 @@
-import COLORS from '@sproutsocial/seeds-color';
+import COLORS from "@sproutsocial/seeds-color";
 export var datavizPalette = {
   DATAVIZ_COLORS_LIST: [COLORS.COLOR_TEAL_400, COLORS.COLOR_PURPLE_400, COLORS.COLOR_PINK_400, COLORS.COLOR_YELLOW_500, COLORS.COLOR_BLUE_400, COLORS.COLOR_MAGENTA_400, COLORS.COLOR_GREEN_400, COLORS.COLOR_ORANGE_400, COLORS.COLOR_RED_700, COLORS.COLOR_TEAL_700, COLORS.COLOR_PURPLE_700, COLORS.COLOR_PINK_700, COLORS.COLOR_YELLOW_800, COLORS.COLOR_BLUE_700, COLORS.COLOR_MAGENTA_700, COLORS.COLOR_GREEN_700, COLORS.COLOR_ORANGE_700, COLORS.COLOR_RED_400, COLORS.COLOR_GREEN_200, COLORS.COLOR_YELLOW_200],
   DATAVIZ_COLORS_MAP: {
-    '1': COLORS.COLOR_TEAL_400,
-    '2': COLORS.COLOR_PURPLE_400,
-    '3': COLORS.COLOR_PINK_400,
-    '4': COLORS.COLOR_YELLOW_500,
-    '5': COLORS.COLOR_BLUE_400,
-    '6': COLORS.COLOR_MAGENTA_400,
-    '7': COLORS.COLOR_GREEN_400,
-    '8': COLORS.COLOR_ORANGE_400,
-    '9': COLORS.COLOR_RED_700,
-    '10': COLORS.COLOR_TEAL_700,
-    '11': COLORS.COLOR_PURPLE_700,
-    '12': COLORS.COLOR_PINK_700,
-    '13': COLORS.COLOR_YELLOW_800,
-    '14': COLORS.COLOR_BLUE_700,
-    '15': COLORS.COLOR_MAGENTA_700,
-    '16': COLORS.COLOR_GREEN_700,
-    '17': COLORS.COLOR_ORANGE_700,
-    '18': COLORS.COLOR_RED_400,
-    '19': COLORS.COLOR_GREEN_200,
-    '20': COLORS.COLOR_YELLOW_200
+    "1": COLORS.COLOR_TEAL_400,
+    "2": COLORS.COLOR_PURPLE_400,
+    "3": COLORS.COLOR_PINK_400,
+    "4": COLORS.COLOR_YELLOW_500,
+    "5": COLORS.COLOR_BLUE_400,
+    "6": COLORS.COLOR_MAGENTA_400,
+    "7": COLORS.COLOR_GREEN_400,
+    "8": COLORS.COLOR_ORANGE_400,
+    "9": COLORS.COLOR_RED_700,
+    "10": COLORS.COLOR_TEAL_700,
+    "11": COLORS.COLOR_PURPLE_700,
+    "12": COLORS.COLOR_PINK_700,
+    "13": COLORS.COLOR_YELLOW_800,
+    "14": COLORS.COLOR_BLUE_700,
+    "15": COLORS.COLOR_MAGENTA_700,
+    "16": COLORS.COLOR_GREEN_700,
+    "17": COLORS.COLOR_ORANGE_700,
+    "18": COLORS.COLOR_RED_400,
+    "19": COLORS.COLOR_GREEN_200,
+    "20": COLORS.COLOR_YELLOW_200
   }
 };

package/lib/themes/dark/decorative-palettes.js

@@ -1,4 +1,4 @@
-import COLORS from '@sproutsocial/seeds-color';
+import COLORS from "@sproutsocial/seeds-color";
 export var green = {
   background: COLORS.COLOR_GREEN_900,
   highlight: COLORS.COLOR_GREEN_500,

package/lib/themes/dark/theme.js

@@ -5,16 +5,16 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 /* eslint-disable no-restricted-imports */
-import { transparentize } from 'polished';
-import COLORS from '@sproutsocial/seeds-color';
-import DEPTH from '@sproutsocial/seeds-depth';
+import { transparentize } from "polished";
+import COLORS from "@sproutsocial/seeds-color";
+import DEPTH from "@sproutsocial/seeds-depth";
 // json-to-scss is not working with the alias right now
 //import {theme as lightTheme} from '@src';
 //import {TypeThemeMode} from '@src/types/theme';
 import lightTheme from "../light/theme";
 import { datavizPalette } from "./dataviz-palette";
 import { green, blue, purple, yellow, orange, red, neutral, magenta, pink, aqua, teal } from "./decorative-palettes";
-var MODE = 'dark';
+var MODE = "dark";
 export var shadows = {
   low: "".concat(DEPTH.ELEVATION_LEVEL_100, " ").concat(COLORS.COLOR_NEUTRAL_1100, "FF"),
   medium: "".concat(DEPTH.ELEVATION_LEVEL_300, " ").concat(COLORS.COLOR_NEUTRAL_1100, "FF"),
@@ -90,7 +90,7 @@ var colors = _objectSpread(_objectSpread({}, lightTheme.colors), {}, {
         active: COLORS.COLOR_BLUE_200
       },
       border: {
-        base: 'transparent'
+        base: "transparent"
       },
       text: {
         base: COLORS.COLOR_NEUTRAL_900,
@@ -99,7 +99,7 @@ var colors = _objectSpread(_objectSpread({}, lightTheme.colors), {}, {
     },
     secondary: {
       background: {
-        base: 'transparent',
+        base: "transparent",
         hover: COLORS.COLOR_NEUTRAL_100,
         active: COLORS.COLOR_NEUTRAL_0
       },
@@ -113,12 +113,12 @@ var colors = _objectSpread(_objectSpread({}, lightTheme.colors), {}, {
     },
     pill: {
       background: {
-        base: 'transparent',
+        base: "transparent",
         hover: COLORS.COLOR_NEUTRAL_1000,
         active: COLORS.COLOR_NEUTRAL_900
       },
       border: {
-        base: 'transparent',
+        base: "transparent",
         hover: COLORS.COLOR_NEUTRAL_0
       },
       text: {
@@ -133,7 +133,7 @@ var colors = _objectSpread(_objectSpread({}, lightTheme.colors), {}, {
         active: COLORS.COLOR_RED_200
       },
       border: {
-        base: 'transparent'
+        base: "transparent"
       },
       text: {
         base: COLORS.COLOR_NEUTRAL_900,
@@ -142,7 +142,7 @@ var colors = _objectSpread(_objectSpread({}, lightTheme.colors), {}, {
     },
     placeholder: {
       background: {
-        base: 'transparent',
+        base: "transparent",
         hover: COLORS.COLOR_NEUTRAL_1100,
         active: COLORS.COLOR_NEUTRAL_1100
       },
@@ -156,10 +156,10 @@ var colors = _objectSpread(_objectSpread({}, lightTheme.colors), {}, {
     },
     unstyled: {
       background: {
-        base: 'transparent'
+        base: "transparent"
       },
       border: {
-        base: 'transparent'
+        base: "transparent"
       },
       text: {
         base: COLORS.COLOR_NEUTRAL_300,
@@ -227,7 +227,7 @@ var colors = _objectSpread(_objectSpread({}, lightTheme.colors), {}, {
   },
   listItem: {
     background: {
-      base: 'transparent',
+      base: "transparent",
       hover: COLORS.COLOR_NEUTRAL_800,
       selected: COLORS.COLOR_NEUTRAL_0
     }

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

@@ -5,7 +5,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 /* eslint-disable no-restricted-imports */
-import { transparentize } from 'polished';
+import { transparentize } from "polished";
 // json-to-scss is not working with the alias right now
 //import {darkTheme as baseDarkTheme, type TypeSproutTheme} from '@src';
 import baseDarkTheme from "../../../dark/theme";
@@ -40,7 +40,7 @@ export var navigation = {
   settings: {
     listItem: {
       background: {
-        base: 'transparent',
+        base: "transparent",
         hover: baseDarkTheme.colors.neutral[1100],
         selected: baseDarkTheme.colors.neutral[800]
       }

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

@@ -5,7 +5,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 /* eslint-disable no-restricted-imports */
-import { transparentize } from 'polished';
+import { transparentize } from "polished";
 // json-to-scss is not working with the alias right now
 //import {theme as baseLightTheme, type TypeSproutTheme} from '@src';
 import baseLightTheme from "../../../light/theme";
@@ -37,7 +37,7 @@ export var navigation = {
   settings: {
     listItem: {
       background: {
-        base: 'transparent',
+        base: "transparent",
         hover: baseLightTheme.colors.neutral[200],
         selected: baseLightTheme.colors.neutral[0]
       }

package/lib/themes/light/dataviz-palette.js

@@ -1,26 +1,26 @@
-import COLORS from '@sproutsocial/seeds-color';
+import COLORS from "@sproutsocial/seeds-color";
 export var datavizPalette = {
   DATAVIZ_COLORS_LIST: [COLORS.COLOR_TEAL_500, COLORS.COLOR_PURPLE_700, COLORS.COLOR_PINK_700, COLORS.COLOR_YELLOW_500, COLORS.COLOR_BLUE_500, COLORS.COLOR_MAGENTA_500, COLORS.COLOR_GREEN_500, COLORS.COLOR_ORANGE_500, COLORS.COLOR_RED_700, COLORS.COLOR_TEAL_900, COLORS.COLOR_PURPLE_400, COLORS.COLOR_PINK_900, COLORS.COLOR_YELLOW_900, COLORS.COLOR_BLUE_900, COLORS.COLOR_MAGENTA_900, COLORS.COLOR_GREEN_900, COLORS.COLOR_ORANGE_900, COLORS.COLOR_RED_400, COLORS.COLOR_GREEN_700, COLORS.COLOR_YELLOW_800],
   DATAVIZ_COLORS_MAP: {
-    '1': COLORS.COLOR_TEAL_500,
-    '2': COLORS.COLOR_PURPLE_700,
-    '3': COLORS.COLOR_PINK_700,
-    '4': COLORS.COLOR_YELLOW_500,
-    '5': COLORS.COLOR_BLUE_500,
-    '6': COLORS.COLOR_MAGENTA_500,
-    '7': COLORS.COLOR_GREEN_500,
-    '8': COLORS.COLOR_ORANGE_500,
-    '9': COLORS.COLOR_RED_700,
-    '10': COLORS.COLOR_TEAL_900,
-    '11': COLORS.COLOR_PURPLE_400,
-    '12': COLORS.COLOR_PINK_900,
-    '13': COLORS.COLOR_YELLOW_900,
-    '14': COLORS.COLOR_BLUE_900,
-    '15': COLORS.COLOR_MAGENTA_900,
-    '16': COLORS.COLOR_GREEN_900,
-    '17': COLORS.COLOR_ORANGE_900,
-    '18': COLORS.COLOR_RED_400,
-    '19': COLORS.COLOR_GREEN_700,
-    '20': COLORS.COLOR_YELLOW_800
+    "1": COLORS.COLOR_TEAL_500,
+    "2": COLORS.COLOR_PURPLE_700,
+    "3": COLORS.COLOR_PINK_700,
+    "4": COLORS.COLOR_YELLOW_500,
+    "5": COLORS.COLOR_BLUE_500,
+    "6": COLORS.COLOR_MAGENTA_500,
+    "7": COLORS.COLOR_GREEN_500,
+    "8": COLORS.COLOR_ORANGE_500,
+    "9": COLORS.COLOR_RED_700,
+    "10": COLORS.COLOR_TEAL_900,
+    "11": COLORS.COLOR_PURPLE_400,
+    "12": COLORS.COLOR_PINK_900,
+    "13": COLORS.COLOR_YELLOW_900,
+    "14": COLORS.COLOR_BLUE_900,
+    "15": COLORS.COLOR_MAGENTA_900,
+    "16": COLORS.COLOR_GREEN_900,
+    "17": COLORS.COLOR_ORANGE_900,
+    "18": COLORS.COLOR_RED_400,
+    "19": COLORS.COLOR_GREEN_700,
+    "20": COLORS.COLOR_YELLOW_800
   }
 };

package/lib/themes/light/decorative-palettes.js

@@ -1,4 +1,4 @@
-import COLORS from '@sproutsocial/seeds-color';
+import COLORS from "@sproutsocial/seeds-color";
 export var green = {
   background: COLORS.COLOR_GREEN_100,
   highlight: COLORS.COLOR_GREEN_500,