@sproutsocial/racine 20.15.0 → 20.17.0

package/lib/themes/light/literal-colors.js

@@ -1,158 +1,160 @@
-import COLORS from '@sproutsocial/seeds-color';
+import COLORS from "@sproutsocial/seeds-color";
 var literalColors = {
   neutral: {
-    '0': COLORS.COLOR_NEUTRAL_0,
-    '100': COLORS.COLOR_NEUTRAL_100,
-    '200': COLORS.COLOR_NEUTRAL_200,
-    '300': COLORS.COLOR_NEUTRAL_300,
-    '400': COLORS.COLOR_NEUTRAL_400,
-    '500': COLORS.COLOR_NEUTRAL_500,
-    '600': COLORS.COLOR_NEUTRAL_600,
-    '700': COLORS.COLOR_NEUTRAL_700,
-    '800': COLORS.COLOR_NEUTRAL_800,
-    '900': COLORS.COLOR_NEUTRAL_900,
-    '1000': COLORS.COLOR_NEUTRAL_1000,
-    '1100': COLORS.COLOR_NEUTRAL_1100
+    "0": COLORS.COLOR_NEUTRAL_0,
+    "100": COLORS.COLOR_NEUTRAL_100,
+    "200": COLORS.COLOR_NEUTRAL_200,
+    "300": COLORS.COLOR_NEUTRAL_300,
+    "400": COLORS.COLOR_NEUTRAL_400,
+    "500": COLORS.COLOR_NEUTRAL_500,
+    "600": COLORS.COLOR_NEUTRAL_600,
+    "700": COLORS.COLOR_NEUTRAL_700,
+    "800": COLORS.COLOR_NEUTRAL_800,
+    "900": COLORS.COLOR_NEUTRAL_900,
+    "1000": COLORS.COLOR_NEUTRAL_1000,
+    "1100": COLORS.COLOR_NEUTRAL_1100
   },
   green: {
-    '0': COLORS.COLOR_GREEN_0,
-    '100': COLORS.COLOR_GREEN_100,
-    '200': COLORS.COLOR_GREEN_200,
-    '300': COLORS.COLOR_GREEN_300,
-    '400': COLORS.COLOR_GREEN_400,
-    '500': COLORS.COLOR_GREEN_500,
-    '600': COLORS.COLOR_GREEN_600,
-    '700': COLORS.COLOR_GREEN_700,
-    '800': COLORS.COLOR_GREEN_800,
-    '900': COLORS.COLOR_GREEN_900,
-    '1000': COLORS.COLOR_GREEN_1000,
-    '1100': COLORS.COLOR_GREEN_1100
+    "0": COLORS.COLOR_GREEN_0,
+    "100": COLORS.COLOR_GREEN_100,
+    "200": COLORS.COLOR_GREEN_200,
+    "300": COLORS.COLOR_GREEN_300,
+    "400": COLORS.COLOR_GREEN_400,
+    "500": COLORS.COLOR_GREEN_500,
+    "600": COLORS.COLOR_GREEN_600,
+    "700": COLORS.COLOR_GREEN_700,
+    "800": COLORS.COLOR_GREEN_800,
+    "900": COLORS.COLOR_GREEN_900,
+    "1000": COLORS.COLOR_GREEN_1000,
+    "1100": COLORS.COLOR_GREEN_1100
   },
   red: {
-    '0': COLORS.COLOR_RED_0,
-    '100': COLORS.COLOR_RED_100,
-    '200': COLORS.COLOR_RED_200,
-    '300': COLORS.COLOR_RED_300,
-    '400': COLORS.COLOR_RED_400,
-    '500': COLORS.COLOR_RED_500,
-    '600': COLORS.COLOR_RED_600,
-    '700': COLORS.COLOR_RED_700,
-    '800': COLORS.COLOR_RED_800,
-    '900': COLORS.COLOR_RED_900,
-    '1000': COLORS.COLOR_RED_1000,
-    '1100': COLORS.COLOR_RED_1100
+    "0": COLORS.COLOR_RED_0,
+    "100": COLORS.COLOR_RED_100,
+    "200": COLORS.COLOR_RED_200,
+    "300": COLORS.COLOR_RED_300,
+    "400": COLORS.COLOR_RED_400,
+    "500": COLORS.COLOR_RED_500,
+    "600": COLORS.COLOR_RED_600,
+    "700": COLORS.COLOR_RED_700,
+    "800": COLORS.COLOR_RED_800,
+    "900": COLORS.COLOR_RED_900,
+    "1000": COLORS.COLOR_RED_1000,
+    "1100": COLORS.COLOR_RED_1100
   },
   blue: {
-    '0': COLORS.COLOR_BLUE_0,
-    '100': COLORS.COLOR_BLUE_100,
-    '200': COLORS.COLOR_BLUE_200,
-    '300': COLORS.COLOR_BLUE_300,
-    '400': COLORS.COLOR_BLUE_400,
-    '500': COLORS.COLOR_BLUE_500,
-    '600': COLORS.COLOR_BLUE_600,
-    '700': COLORS.COLOR_BLUE_700,
-    '800': COLORS.COLOR_BLUE_800,
-    '900': COLORS.COLOR_BLUE_900,
-    '1000': COLORS.COLOR_BLUE_1000,
-    '1100': COLORS.COLOR_BLUE_1100
+    "0": COLORS.COLOR_BLUE_0,
+    "100": COLORS.COLOR_BLUE_100,
+    "200": COLORS.COLOR_BLUE_200,
+    "300": COLORS.COLOR_BLUE_300,
+    "400": COLORS.COLOR_BLUE_400,
+    "500": COLORS.COLOR_BLUE_500,
+    "600": COLORS.COLOR_BLUE_600,
+    "700": COLORS.COLOR_BLUE_700,
+    "800": COLORS.COLOR_BLUE_800,
+    "900": COLORS.COLOR_BLUE_900,
+    "1000": COLORS.COLOR_BLUE_1000,
+    "1100": COLORS.COLOR_BLUE_1100
   },
   teal: {
-    '0': COLORS.COLOR_TEAL_0,
-    '100': COLORS.COLOR_TEAL_100,
-    '200': COLORS.COLOR_TEAL_200,
-    '300': COLORS.COLOR_TEAL_300,
-    '400': COLORS.COLOR_TEAL_400,
-    '500': COLORS.COLOR_TEAL_500,
-    '600': COLORS.COLOR_TEAL_600,
-    '700': COLORS.COLOR_TEAL_700,
-    '800': COLORS.COLOR_TEAL_800,
-    '900': COLORS.COLOR_TEAL_900,
-    '1000': COLORS.COLOR_TEAL_1000,
-    '1100': COLORS.COLOR_TEAL_1100
+    "0": COLORS.COLOR_TEAL_0,
+    "50": COLORS.COLOR_TEAL_50,
+    "100": COLORS.COLOR_TEAL_100,
+    "200": COLORS.COLOR_TEAL_200,
+    "300": COLORS.COLOR_TEAL_300,
+    "400": COLORS.COLOR_TEAL_400,
+    "500": COLORS.COLOR_TEAL_500,
+    "600": COLORS.COLOR_TEAL_600,
+    "700": COLORS.COLOR_TEAL_700,
+    "800": COLORS.COLOR_TEAL_800,
+    "900": COLORS.COLOR_TEAL_900,
+    "1000": COLORS.COLOR_TEAL_1000,
+    "1100": COLORS.COLOR_TEAL_1100
   },
   aqua: {
-    '0': COLORS.COLOR_AQUA_0,
-    '100': COLORS.COLOR_AQUA_100,
-    '200': COLORS.COLOR_AQUA_200,
-    '300': COLORS.COLOR_AQUA_300,
-    '400': COLORS.COLOR_AQUA_400,
-    '500': COLORS.COLOR_AQUA_500,
-    '600': COLORS.COLOR_AQUA_600,
-    '700': COLORS.COLOR_AQUA_700,
-    '800': COLORS.COLOR_AQUA_800,
-    '900': COLORS.COLOR_AQUA_900,
-    '1000': COLORS.COLOR_AQUA_1000,
-    '1100': COLORS.COLOR_AQUA_1100
+    "0": COLORS.COLOR_AQUA_0,
+    "100": COLORS.COLOR_AQUA_100,
+    "200": COLORS.COLOR_AQUA_200,
+    "300": COLORS.COLOR_AQUA_300,
+    "400": COLORS.COLOR_AQUA_400,
+    "500": COLORS.COLOR_AQUA_500,
+    "600": COLORS.COLOR_AQUA_600,
+    "700": COLORS.COLOR_AQUA_700,
+    "800": COLORS.COLOR_AQUA_800,
+    "900": COLORS.COLOR_AQUA_900,
+    "1000": COLORS.COLOR_AQUA_1000,
+    "1100": COLORS.COLOR_AQUA_1100
   },
   purple: {
-    '0': COLORS.COLOR_PURPLE_0,
-    '100': COLORS.COLOR_PURPLE_100,
-    '200': COLORS.COLOR_PURPLE_200,
-    '300': COLORS.COLOR_PURPLE_300,
-    '400': COLORS.COLOR_PURPLE_400,
-    '500': COLORS.COLOR_PURPLE_500,
-    '600': COLORS.COLOR_PURPLE_600,
-    '700': COLORS.COLOR_PURPLE_700,
-    '800': COLORS.COLOR_PURPLE_800,
-    '900': COLORS.COLOR_PURPLE_900,
-    '1000': COLORS.COLOR_PURPLE_1000,
-    '1100': COLORS.COLOR_PURPLE_1100
+    "0": COLORS.COLOR_PURPLE_0,
+    "100": COLORS.COLOR_PURPLE_100,
+    "200": COLORS.COLOR_PURPLE_200,
+    "300": COLORS.COLOR_PURPLE_300,
+    "400": COLORS.COLOR_PURPLE_400,
+    "500": COLORS.COLOR_PURPLE_500,
+    "600": COLORS.COLOR_PURPLE_600,
+    "700": COLORS.COLOR_PURPLE_700,
+    "800": COLORS.COLOR_PURPLE_800,
+    "900": COLORS.COLOR_PURPLE_900,
+    "1000": COLORS.COLOR_PURPLE_1000,
+    "1100": COLORS.COLOR_PURPLE_1100
   },
   magenta: {
-    '0': COLORS.COLOR_MAGENTA_0,
-    '100': COLORS.COLOR_MAGENTA_100,
-    '200': COLORS.COLOR_MAGENTA_200,
-    '300': COLORS.COLOR_MAGENTA_300,
-    '400': COLORS.COLOR_MAGENTA_400,
-    '500': COLORS.COLOR_MAGENTA_500,
-    '600': COLORS.COLOR_MAGENTA_600,
-    '700': COLORS.COLOR_MAGENTA_700,
-    '800': COLORS.COLOR_MAGENTA_800,
-    '900': COLORS.COLOR_MAGENTA_900,
-    '1000': COLORS.COLOR_MAGENTA_1000,
-    '1100': COLORS.COLOR_MAGENTA_1100
+    "0": COLORS.COLOR_MAGENTA_0,
+    "100": COLORS.COLOR_MAGENTA_100,
+    "200": COLORS.COLOR_MAGENTA_200,
+    "300": COLORS.COLOR_MAGENTA_300,
+    "350": COLORS.COLOR_MAGENTA_350,
+    "400": COLORS.COLOR_MAGENTA_400,
+    "500": COLORS.COLOR_MAGENTA_500,
+    "600": COLORS.COLOR_MAGENTA_600,
+    "700": COLORS.COLOR_MAGENTA_700,
+    "800": COLORS.COLOR_MAGENTA_800,
+    "900": COLORS.COLOR_MAGENTA_900,
+    "1000": COLORS.COLOR_MAGENTA_1000,
+    "1100": COLORS.COLOR_MAGENTA_1100
   },
   yellow: {
-    '0': COLORS.COLOR_YELLOW_0,
-    '100': COLORS.COLOR_YELLOW_100,
-    '200': COLORS.COLOR_YELLOW_200,
-    '300': COLORS.COLOR_YELLOW_300,
-    '400': COLORS.COLOR_YELLOW_400,
-    '500': COLORS.COLOR_YELLOW_500,
-    '600': COLORS.COLOR_YELLOW_600,
-    '700': COLORS.COLOR_YELLOW_700,
-    '800': COLORS.COLOR_YELLOW_800,
-    '900': COLORS.COLOR_YELLOW_900,
-    '1000': COLORS.COLOR_YELLOW_1000,
-    '1100': COLORS.COLOR_YELLOW_1100
+    "0": COLORS.COLOR_YELLOW_0,
+    "100": COLORS.COLOR_YELLOW_100,
+    "200": COLORS.COLOR_YELLOW_200,
+    "300": COLORS.COLOR_YELLOW_300,
+    "400": COLORS.COLOR_YELLOW_400,
+    "500": COLORS.COLOR_YELLOW_500,
+    "600": COLORS.COLOR_YELLOW_600,
+    "700": COLORS.COLOR_YELLOW_700,
+    "800": COLORS.COLOR_YELLOW_800,
+    "900": COLORS.COLOR_YELLOW_900,
+    "1000": COLORS.COLOR_YELLOW_1000,
+    "1100": COLORS.COLOR_YELLOW_1100
   },
   pink: {
-    '0': COLORS.COLOR_PINK_0,
-    '100': COLORS.COLOR_PINK_100,
-    '200': COLORS.COLOR_PINK_200,
-    '300': COLORS.COLOR_PINK_300,
-    '400': COLORS.COLOR_PINK_400,
-    '500': COLORS.COLOR_PINK_500,
-    '600': COLORS.COLOR_PINK_600,
-    '700': COLORS.COLOR_PINK_700,
-    '800': COLORS.COLOR_PINK_800,
-    '900': COLORS.COLOR_PINK_900,
-    '1000': COLORS.COLOR_PINK_1000,
-    '1100': COLORS.COLOR_PINK_1100
+    "0": COLORS.COLOR_PINK_0,
+    "100": COLORS.COLOR_PINK_100,
+    "200": COLORS.COLOR_PINK_200,
+    "300": COLORS.COLOR_PINK_300,
+    "400": COLORS.COLOR_PINK_400,
+    "500": COLORS.COLOR_PINK_500,
+    "600": COLORS.COLOR_PINK_600,
+    "700": COLORS.COLOR_PINK_700,
+    "800": COLORS.COLOR_PINK_800,
+    "900": COLORS.COLOR_PINK_900,
+    "1000": COLORS.COLOR_PINK_1000,
+    "1100": COLORS.COLOR_PINK_1100
   },
   orange: {
-    '0': COLORS.COLOR_ORANGE_0,
-    '100': COLORS.COLOR_ORANGE_100,
-    '200': COLORS.COLOR_ORANGE_200,
-    '300': COLORS.COLOR_ORANGE_300,
-    '400': COLORS.COLOR_ORANGE_400,
-    '500': COLORS.COLOR_ORANGE_500,
-    '600': COLORS.COLOR_ORANGE_600,
-    '700': COLORS.COLOR_ORANGE_700,
-    '800': COLORS.COLOR_ORANGE_800,
-    '900': COLORS.COLOR_ORANGE_900,
-    '1000': COLORS.COLOR_ORANGE_1000,
-    '1100': COLORS.COLOR_ORANGE_1100
+    "0": COLORS.COLOR_ORANGE_0,
+    "100": COLORS.COLOR_ORANGE_100,
+    "200": COLORS.COLOR_ORANGE_200,
+    "300": COLORS.COLOR_ORANGE_300,
+    "400": COLORS.COLOR_ORANGE_400,
+    "500": COLORS.COLOR_ORANGE_500,
+    "600": COLORS.COLOR_ORANGE_600,
+    "700": COLORS.COLOR_ORANGE_700,
+    "800": COLORS.COLOR_ORANGE_800,
+    "900": COLORS.COLOR_ORANGE_900,
+    "1000": COLORS.COLOR_ORANGE_1000,
+    "1100": COLORS.COLOR_ORANGE_1100
   }
 };
 export default literalColors;

package/lib/themes/light/theme.js

@@ -5,23 +5,23 @@ 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 NETWORKCOLORS from '@sproutsocial/seeds-networkcolor';
+import { transparentize } from "polished";
+import COLORS from "@sproutsocial/seeds-color";
+import NETWORKCOLORS from "@sproutsocial/seeds-networkcolor";
 // eslint-disable-next-line no-restricted-syntax
-import * as TYPOGRAPHY from '@sproutsocial/seeds-typography';
-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 * as TYPOGRAPHY from "@sproutsocial/seeds-typography";
+import SPACE from "@sproutsocial/seeds-space";
+import DEPTH from "@sproutsocial/seeds-depth";
+import MOTION from "@sproutsocial/seeds-motion";
+import BORDER from "@sproutsocial/seeds-border";
 // json-to-scss is not working with the alias right now
 //import {TypeThemeMode} from '@src/types/theme';
 
 import literalColors from "./literal-colors";
 import { datavizPalette } from "./dataviz-palette";
 import { green, blue, purple, yellow, orange, red, neutral, magenta, pink, aqua, teal } from "./decorative-palettes";
-export var breakpoints = ['900px', '1200px', '1500px', '1800px'];
-var MODE = 'light';
+export var breakpoints = ["900px", "1200px", "1500px", "1800px"];
+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!!
 
@@ -92,7 +92,7 @@ var colors = _objectSpread(_objectSpread({
         active: COLORS.COLOR_BLUE_900
       },
       border: {
-        base: 'transparent'
+        base: "transparent"
       },
       text: {
         base: COLORS.COLOR_NEUTRAL_0,
@@ -101,7 +101,7 @@ var colors = _objectSpread(_objectSpread({
     },
     secondary: {
       background: {
-        base: 'transparent',
+        base: "transparent",
         hover: COLORS.COLOR_NEUTRAL_800,
         active: COLORS.COLOR_NEUTRAL_900
       },
@@ -115,12 +115,12 @@ var colors = _objectSpread(_objectSpread({
     },
     pill: {
       background: {
-        base: 'transparent',
+        base: "transparent",
         hover: COLORS.COLOR_NEUTRAL_100,
         active: COLORS.COLOR_NEUTRAL_200
       },
       border: {
-        base: 'transparent',
+        base: "transparent",
         hover: COLORS.COLOR_NEUTRAL_800
       },
       text: {
@@ -135,7 +135,7 @@ var colors = _objectSpread(_objectSpread({
         active: COLORS.COLOR_RED_1000
       },
       border: {
-        base: 'transparent'
+        base: "transparent"
       },
       text: {
         base: COLORS.COLOR_NEUTRAL_0,
@@ -144,7 +144,7 @@ var colors = _objectSpread(_objectSpread({
     },
     placeholder: {
       background: {
-        base: 'transparent',
+        base: "transparent",
         hover: COLORS.COLOR_NEUTRAL_0,
         active: COLORS.COLOR_NEUTRAL_0
       },
@@ -158,10 +158,10 @@ var colors = _objectSpread(_objectSpread({
     },
     unstyled: {
       background: {
-        base: 'transparent'
+        base: "transparent"
       },
       border: {
-        base: 'transparent'
+        base: "transparent"
       },
       text: {
         base: COLORS.COLOR_NEUTRAL_700,
@@ -229,7 +229,7 @@ var colors = _objectSpread(_objectSpread({
   },
   listItem: {
     background: {
-      base: 'transparent',
+      base: "transparent",
       hover: COLORS.COLOR_NEUTRAL_100,
       selected: COLORS.COLOR_NEUTRAL_800
     }
@@ -390,7 +390,7 @@ var theme = {
   fontWeights: fontWeights,
   space: _objectSpread(_objectSpread({}, space), {}, {
     space: space,
-    '-space': Object.keys(space).reduce(function (negativeSpace, key) {
+    "-space": Object.keys(space).reduce(function (negativeSpace, key) {
       // The values are strings (eg 24px) so we concatenate a negative sign
       negativeSpace[key] = "-".concat(space[key]);
       return negativeSpace;

package/lib/types/shared.flow.js

@@ -1 +1 @@
-import * as React from 'react';
+import * as React from "react";

package/lib/types/styled-components.flow.js

@@ -1 +1 @@
-import * as React from 'react';
+import * as React from "react";

package/lib/types/system-props.flow.js

@@ -1 +1 @@
-'no babel-plugin-flow-react-proptypes';
+"no babel-plugin-flow-react-proptypes";

package/lib/utils/a11yTest.js

@@ -3,7 +3,7 @@ function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyri
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 /* eslint-env jest, node */
-import { axe } from 'jest-axe';
+import { axe } from "jest-axe";
 
 // use runA11yCheck from react-test-library utils file if using react-testing-library
 export var a11yCheck = /*#__PURE__*/function () {

package/lib/utils/chartColors.js

@@ -1,4 +1,4 @@
-import { COLOR_BLUE_500, COLOR_BLUE_800, COLOR_GREEN_500, COLOR_GREEN_800, COLOR_MAGENTA_500, COLOR_MAGENTA_800, COLOR_NEUTRAL_500, COLOR_NEUTRAL_700, COLOR_ORANGE_500, COLOR_ORANGE_800, COLOR_PINK_500, COLOR_PINK_800, COLOR_PINK_700, COLOR_PURPLE_500, COLOR_PURPLE_700, COLOR_PURPLE_800, COLOR_RED_500, COLOR_RED_700, COLOR_RED_800, COLOR_TEAL_500, COLOR_TEAL_800, COLOR_YELLOW_500, COLOR_YELLOW_800 } from '@sproutsocial/seeds-color';
+import { COLOR_BLUE_500, COLOR_BLUE_800, COLOR_GREEN_500, COLOR_GREEN_800, COLOR_MAGENTA_500, COLOR_MAGENTA_800, COLOR_NEUTRAL_500, COLOR_NEUTRAL_700, COLOR_ORANGE_500, COLOR_ORANGE_800, COLOR_PINK_500, COLOR_PINK_800, COLOR_PINK_700, COLOR_PURPLE_500, COLOR_PURPLE_700, COLOR_PURPLE_800, COLOR_RED_500, COLOR_RED_700, COLOR_RED_800, COLOR_TEAL_500, COLOR_TEAL_800, COLOR_YELLOW_500, COLOR_YELLOW_800 } from "@sproutsocial/seeds-color";
 export var COMPARE_THEME = [COLOR_TEAL_500, COLOR_TEAL_800, COLOR_PURPLE_500, COLOR_PURPLE_800];
 export var CONTRAST_THEME = [COLOR_TEAL_500, COLOR_PURPLE_700, COLOR_PINK_700, COLOR_YELLOW_500, COLOR_BLUE_500, COLOR_MAGENTA_500, COLOR_NEUTRAL_500, COLOR_GREEN_500, COLOR_ORANGE_500, COLOR_RED_700];
 export var EXTENDED_THEME = [COLOR_GREEN_500, COLOR_TEAL_500, COLOR_BLUE_500, COLOR_PURPLE_500, COLOR_MAGENTA_500, COLOR_PINK_500, COLOR_RED_500, COLOR_ORANGE_500, COLOR_YELLOW_500, COLOR_NEUTRAL_500, COLOR_GREEN_800, COLOR_TEAL_800, COLOR_BLUE_800, COLOR_PURPLE_800, COLOR_MAGENTA_800, COLOR_PINK_800, COLOR_RED_800, COLOR_ORANGE_800, COLOR_YELLOW_800, COLOR_NEUTRAL_700];

package/lib/utils/constants.js

@@ -1 +1 @@
-export var EM_DASH = '—'; // shift + option + hyphen on a mac keyboard
+export var EM_DASH = "—"; // shift + option + hyphen on a mac keyboard

package/lib/utils/dataQaLabelQueries.js

@@ -4,7 +4,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { buildQueries, queryAllByAttribute } from '@testing-library/react';
+import { buildQueries, queryAllByAttribute } from "@testing-library/react";
 var getKeyValuePair = function getKeyValuePair(object) {
   var key = Object.keys(object)[0];
   var value = object[key];

package/lib/utils/hooks.flow.js

@@ -4,7 +4,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useState, useCallback } from 'react';
+import { useState, useCallback } from "react";
 
 // https://stackoverflow.com/questions/44700904/how-to-get-a-functions-return-type-in-flow
 // eslint-disable-next-line flowtype/type-id-match

package/lib/utils/hooks.js

@@ -1,4 +1,4 @@
-'no babel-plugin-flow-react-proptypes';
+"no babel-plugin-flow-react-proptypes";
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -12,7 +12,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useState, useCallback, useEffect, useMemo, useReducer, useRef } from 'react';
+import { useState, useCallback, useEffect, useMemo, useReducer, useRef } from "react";
 import { canUseDOM } from "./";
 export function useTextContent(initial) {
   var _useState = useState(initial),
@@ -72,12 +72,12 @@ export function useMutationObserverOnce(targetNode, config, callback) {
 }
 export var useSelect = function useSelect() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-      initialValue: '',
+      initialValue: "",
       // eslint-disable-next-line @typescript-eslint/no-empty-function
       onChange: function onChange() {}
     },
     _ref$initialValue = _ref.initialValue,
-    initialValue = _ref$initialValue === void 0 ? '' : _ref$initialValue,
+    initialValue = _ref$initialValue === void 0 ? "" : _ref$initialValue,
     _ref$onChange = _ref.onChange,
     userOnChange = _ref$onChange === void 0 ? function () {} : _ref$onChange;
   var _useState7 = useState(initialValue),
@@ -98,11 +98,11 @@ export var useSelect = function useSelect() {
 var valueReducer = function valueReducer(state, action) {
   var newState = new Set(state);
   switch (action.type) {
-    case 'reset':
+    case "reset":
       {
         return new Set();
       }
-    case 'toggle_item':
+    case "toggle_item":
     default:
       {
         if (action.value) {
@@ -135,7 +135,7 @@ export var useMultiselect = function useMultiselect() {
   };
   var onChange = useCallback(function (newValue) {
     dispatch({
-      type: 'toggle_item',
+      type: "toggle_item",
       value: newValue
     });
   }, [dispatch]);
@@ -150,7 +150,7 @@ export var useMultiselect = function useMultiselect() {
   }, [userOnChange, value]);
   var onClear = useCallback(function () {
     dispatch({
-      type: 'reset'
+      type: "reset"
     });
   }, [dispatch]);
   return {
@@ -184,7 +184,7 @@ export function useWhyDidYouUpdate(name, props) {
       // If changesObj not empty then output to console
       if (Object.keys(changesObj).length) {
         // eslint-disable-next-line no-console
-        console.log('[why-did-you-update]', name, changesObj);
+        console.log("[why-did-you-update]", name, changesObj);
       }
     }
 

package/lib/utils/index.js

@@ -2,7 +2,7 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 export var canUseDOM = function canUseDOM() {
-  return Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
+  return Boolean(typeof window !== "undefined" && window.document && window.document.createElement);
 };
 // Allows a component to pass its own ref *and* a ref prop to the same element.
 // Via https://www.davedrinks.coffee/how-do-i-use-two-react-refs/
@@ -17,7 +17,7 @@ export var mergeRefs = function mergeRefs(refs) {
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var ref = _step.value;
-        if (typeof ref === 'function') {
+        if (typeof ref === "function") {
           ref(inst);
         } else if (ref) {
           ref.current = inst;
@@ -41,7 +41,7 @@ export function includes(coll, el) {
 
 // https://stackoverflow.com/questions/71193818/react-onclick-argument-of-type-eventtarget-is-not-assignable-to-parameter-of-t
 export function assertIsNode(e) {
-  if (!e || !('nodeType' in e)) {
+  if (!e || !("nodeType" in e)) {
     throw new Error("Node expected");
   }
 }

package/lib/utils/innerText.flow.js

@@ -1 +1 @@
-import * as React from 'react';
+import * as React from "react";

package/lib/utils/innerText.js

@@ -2,23 +2,23 @@ var hasOwnProperty = function hasOwnProperty(obj, property) {
   return Object.prototype.hasOwnProperty.call(obj, property);
 };
 var hasChildren = function hasChildren(node) {
-  return hasOwnProperty(node, 'children');
+  return hasOwnProperty(node, "children");
 };
 var hasProps = function hasProps(node) {
-  return hasOwnProperty(node, 'props');
+  return hasOwnProperty(node, "props");
 };
 var reduceNodeToString = function reduceNodeToString(previous, current) {
   return previous.length ? "".concat(previous, " ").concat(innerText(current)) : innerText(current);
 };
 var innerText = function innerText(node) {
-  if (node === null || typeof node === 'undefined' || typeof node === 'boolean') {
-    return '';
-  } else if (typeof node === 'string') {
+  if (node === null || typeof node === "undefined" || typeof node === "boolean") {
+    return "";
+  } else if (typeof node === "string") {
     return node;
-  } else if (typeof node === 'number') {
+  } else if (typeof node === "number") {
     return node.toString();
   } else if (Array.isArray(node)) {
-    return node.reduce(reduceNodeToString, '');
+    return node.reduce(reduceNodeToString, "");
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore - hasProps checks for props, but may be able to fix this
   } else if (hasProps(node) && hasChildren(node.props)) {
@@ -26,6 +26,6 @@ var innerText = function innerText(node) {
     // @ts-ignore - how can we make sure ts knows this is ok?
     return innerText(node.props.children);
   }
-  return '';
+  return "";
 };
 export default innerText;

package/lib/utils/mixins.js

@@ -1,9 +1,9 @@
-import { transparentize } from 'polished';
-import { css } from 'styled-components';
+import { transparentize } from "polished";
+import { css } from "styled-components";
 import theme from "../themes/light/theme";
 export var svgToDataURL = function svgToDataURL(svgStr) {
-  var encoded = encodeURIComponent(svgStr).replace(/'/g, '%27').replace(/"/g, '%22');
-  var header = 'data:image/svg+xml,';
+  var encoded = encodeURIComponent(svgStr).replace(/'/g, "%27").replace(/"/g, "%22");
+  var header = "data:image/svg+xml,";
   var dataUrl = header + encoded;
   return dataUrl;
 };