@sproutsocial/racine 12.20.0 → 12.21.0

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

@@ -1,161 +1,161 @@
 // @flow strict-local
 
-import COLORS from "@sproutsocial/seeds-color";
+import COLORS from '@sproutsocial/seeds-color';
 
 const 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,
+    '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,
+    '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,
   },
 };
 

package/__flow__/themes/light/theme.js

@@ -1,8 +1,8 @@
 // @flow strict-local
 
-import COLORS from "@sproutsocial/seeds-color";
-import literalColors from "./literal-colors";
-import { datavizPalette } from "./dataviz-palette";
+import COLORS from '@sproutsocial/seeds-color';
+import literalColors from './literal-colors';
+import {datavizPalette} from './dataviz-palette';
 import {
   green,
   blue,
@@ -15,19 +15,19 @@ import {
   pink,
   aqua,
   teal,
-} from "./decorative-palettes";
-import NETWORKCOLORS from "@sproutsocial/seeds-networkcolor";
-import 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 { transparentize } from "polished";
-import type { TypeSpaceLiterals as StackTypeSpaceLiterals } from "../../Stack/TypeSpaceLiterals";
+} from './decorative-palettes';
+import NETWORKCOLORS from '@sproutsocial/seeds-networkcolor';
+import 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 {transparentize} from 'polished';
+import type {TypeSpaceLiterals as StackTypeSpaceLiterals} from '../../Stack/TypeSpaceLiterals';
 
-export const breakpoints = ["900px", "1200px", "1500px", "1800px"];
+export const breakpoints = ['900px', '1200px', '1500px', '1800px'];
 
-const MODE = "light";
+const MODE = 'light';
 
 // If you are making changes to the colors in the theme file tag the Design Systems team on your PR! Thank you!!
 
@@ -98,7 +98,7 @@ const colors = {
         active: COLORS.COLOR_BLUE_900,
       },
       border: {
-        base: "transparent",
+        base: 'transparent',
       },
       text: {
         base: COLORS.COLOR_NEUTRAL_0,
@@ -107,7 +107,7 @@ const colors = {
     },
     secondary: {
       background: {
-        base: "transparent",
+        base: 'transparent',
         hover: COLORS.COLOR_NEUTRAL_800,
         active: COLORS.COLOR_NEUTRAL_900,
       },
@@ -121,12 +121,12 @@ const colors = {
     },
     pill: {
       background: {
-        base: "transparent",
+        base: 'transparent',
         hover: COLORS.COLOR_NEUTRAL_100,
         active: COLORS.COLOR_NEUTRAL_200,
       },
       border: {
-        base: "transparent",
+        base: 'transparent',
       },
       text: {
         base: COLORS.COLOR_NEUTRAL_800,
@@ -140,7 +140,7 @@ const colors = {
         active: COLORS.COLOR_RED_1000,
       },
       border: {
-        base: "transparent",
+        base: 'transparent',
       },
       text: {
         base: COLORS.COLOR_NEUTRAL_0,
@@ -149,7 +149,7 @@ const colors = {
     },
     placeholder: {
       background: {
-        base: "transparent",
+        base: 'transparent',
         hover: COLORS.COLOR_NEUTRAL_0,
         active: COLORS.COLOR_NEUTRAL_0,
       },
@@ -163,10 +163,10 @@ const colors = {
     },
     unstyled: {
       background: {
-        base: "transparent",
+        base: 'transparent',
       },
       border: {
-        base: "transparent",
+        base: 'transparent',
       },
       text: {
         base: COLORS.COLOR_NEUTRAL_700,
@@ -221,7 +221,7 @@ const colors = {
   },
   listItem: {
     background: {
-      base: "transparent",
+      base: 'transparent',
       hover: COLORS.COLOR_NEUTRAL_100,
       selected: COLORS.COLOR_NEUTRAL_800,
     },
@@ -283,18 +283,18 @@ const colors = {
 };
 
 export const typography = {
-  "100": TYPOGRAPHY.TYPOGRAPHY_SIZE_100,
-  "200": TYPOGRAPHY.TYPOGRAPHY_SIZE_200,
-  "300": TYPOGRAPHY.TYPOGRAPHY_SIZE_300,
-  "400": TYPOGRAPHY.TYPOGRAPHY_SIZE_400,
-  "500": TYPOGRAPHY.TYPOGRAPHY_SIZE_500,
-  "600": TYPOGRAPHY.TYPOGRAPHY_SIZE_600,
-  "700": TYPOGRAPHY.TYPOGRAPHY_SIZE_700,
-  "800": TYPOGRAPHY.TYPOGRAPHY_SIZE_800,
-  "900": TYPOGRAPHY.TYPOGRAPHY_SIZE_900,
-  "1000": TYPOGRAPHY.TYPOGRAPHY_SIZE_1000,
-  "1100": TYPOGRAPHY.TYPOGRAPHY_SIZE_1100,
-  "1200": TYPOGRAPHY.TYPOGRAPHY_SIZE_1200,
+  '100': TYPOGRAPHY.TYPOGRAPHY_SIZE_100,
+  '200': TYPOGRAPHY.TYPOGRAPHY_SIZE_200,
+  '300': TYPOGRAPHY.TYPOGRAPHY_SIZE_300,
+  '400': TYPOGRAPHY.TYPOGRAPHY_SIZE_400,
+  '500': TYPOGRAPHY.TYPOGRAPHY_SIZE_500,
+  '600': TYPOGRAPHY.TYPOGRAPHY_SIZE_600,
+  '700': TYPOGRAPHY.TYPOGRAPHY_SIZE_700,
+  '800': TYPOGRAPHY.TYPOGRAPHY_SIZE_800,
+  '900': TYPOGRAPHY.TYPOGRAPHY_SIZE_900,
+  '1000': TYPOGRAPHY.TYPOGRAPHY_SIZE_1000,
+  '1100': TYPOGRAPHY.TYPOGRAPHY_SIZE_1100,
+  '1200': TYPOGRAPHY.TYPOGRAPHY_SIZE_1200,
 };
 
 export type TypeFontFamilyString = string;
@@ -315,33 +315,33 @@ export const fontWeights = {
 export type TypeSpaceLiterals = StackTypeSpaceLiterals;
 
 export const space = {
-  "0": SPACE.SPACE_SIZE_0,
-  "100": SPACE.SPACE_SIZE_100,
-  "200": SPACE.SPACE_SIZE_200,
-  "300": SPACE.SPACE_SIZE_300,
-  "350": SPACE.SPACE_SIZE_350,
-  "400": SPACE.SPACE_SIZE_400,
-  "450": SPACE.SPACE_SIZE_450,
-  "500": SPACE.SPACE_SIZE_500,
-  "600": SPACE.SPACE_SIZE_600,
+  '0': SPACE.SPACE_SIZE_0,
+  '100': SPACE.SPACE_SIZE_100,
+  '200': SPACE.SPACE_SIZE_200,
+  '300': SPACE.SPACE_SIZE_300,
+  '350': SPACE.SPACE_SIZE_350,
+  '400': SPACE.SPACE_SIZE_400,
+  '450': SPACE.SPACE_SIZE_450,
+  '500': SPACE.SPACE_SIZE_500,
+  '600': SPACE.SPACE_SIZE_600,
 };
 
 export const radii = {
-  "400": BORDER.BORDER_RADIUS_400,
-  "500": BORDER.BORDER_RADIUS_500,
-  "600": BORDER.BORDER_RADIUS_600,
-  "1000": BORDER.BORDER_RADIUS_1000,
+  '400': BORDER.BORDER_RADIUS_400,
+  '500': BORDER.BORDER_RADIUS_500,
+  '600': BORDER.BORDER_RADIUS_600,
+  '1000': BORDER.BORDER_RADIUS_1000,
   inner: BORDER.BORDER_RADIUS_500,
   outer: BORDER.BORDER_RADIUS_600,
   pill: BORDER.BORDER_RADIUS_1000,
 };
 
 export const borders = {
-  "500": `${BORDER.BORDER_WIDTH_500} solid`,
+  '500': `${BORDER.BORDER_WIDTH_500} solid`,
 };
 
 export const borderWidths = {
-  "500": BORDER.BORDER_WIDTH_500,
+  '500': BORDER.BORDER_WIDTH_500,
 };
 
 export const shadows = {
@@ -374,7 +374,7 @@ const theme = {
   space: {
     ...space,
     space,
-    "-space": Object.keys(space).reduce((negativeSpace, key) => {
+    '-space': Object.keys(space).reduce((negativeSpace, key) => {
       // The values are strings (eg 24px) so we concatenate a negative sign
       negativeSpace[key] = `-${space[key]}`;
       return negativeSpace;

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

@@ -1,4 +1,4 @@
-"no babel-plugin-flow-react-proptypes";
+'no babel-plugin-flow-react-proptypes';
 // @flow strict-local
 import type {
   FlexDirectionProperty,
@@ -6,9 +6,9 @@ import type {
   PositionProperty,
   TextAlignProperty,
   ZIndexProperty,
-} from "csstype";
+} from 'csstype';
 
-import type { TypeTypography } from "../types/theme.flow";
+import type {TypeTypography} from '../types/theme.flow';
 
 /* eslint-disable prettier/prettier */
 
@@ -28,7 +28,7 @@ type TypeColorProps = $ReadOnly<{|
   backgroundColor?: TypeResponsiveBase<>,
   bg?: TypeResponsiveBase<>,
   color?: TypeResponsiveBase<>,
-  opacity?: TypeResponsiveBase<>
+  opacity?: TypeResponsiveBase<>,
 |}>;
 
 type TypeSpaceProps = $ReadOnly<{|
@@ -84,7 +84,7 @@ export type TypeSystemBorderProps = $ReadOnly<{|
   borderX?: TypeResponsiveBase<>,
   borderY?: TypeResponsiveBase<>,
   boxShadow?: TypeResponsiveBase<>,
-  textShadow?: TypeResponsiveBase<>
+  textShadow?: TypeResponsiveBase<>,
 |}>;
 
 type TypeResponsiveTypeographySize = TypeResponsiveString<TypeTypography>;

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

@@ -1,7 +1,7 @@
 // @flow strict-local
 
-import literalColors from "../themes/light/literal-colors";
-import { datavizPalette } from "../themes/light/dataviz-palette";
+import literalColors from '../themes/light/literal-colors';
+import {datavizPalette} from '../themes/light/dataviz-palette';
 
 type TypeAppColors = {|
   app: {

package/__flow__/types/theme.flow.js

@@ -10,9 +10,9 @@ import {
   space,
   easing,
   duration,
-} from "../themes/light/theme";
-import type { TypeColors } from "./theme.colors.flow.js";
-import type { TypeFontFamilyString } from "../themes/light/theme";
+} from '../themes/light/theme';
+import type {TypeColors} from './theme.colors.flow.js';
+import type {TypeFontFamilyString} from '../themes/light/theme';
 import {
   datePicker,
   navigation,
@@ -20,9 +20,9 @@ import {
   listening,
   growth,
   cardControl,
-} from "../themes/extendedThemes/sproutTheme/light/theme";
+} from '../themes/extendedThemes/sproutTheme/light/theme';
 
-export type TypeThemeMode = "light" | "dark";
+export type TypeThemeMode = 'light' | 'dark';
 export type TypeBreakpoint = typeof breakpoints;
 export type TypeTypography = typeof typography;
 export type TypeFontWeight = typeof fontWeights;

package/__flow__/utils/a11yTest.js

@@ -1,4 +1,4 @@
-import { axe } from "jest-axe";
+import {axe} from 'jest-axe';
 
 // use runA11yCheck from react-test-library utils file if using react-testing-library
 export const a11yCheck = async (html) =>

package/__flow__/utils/chartColors.js

@@ -24,7 +24,7 @@ import {
   COLOR_TEAL_800,
   COLOR_YELLOW_500,
   COLOR_YELLOW_800,
-} from "@sproutsocial/seeds-color";
+} from '@sproutsocial/seeds-color';
 
 export const COMPARE_THEME = [
   COLOR_TEAL_500,

package/__flow__/utils/constants.js

@@ -1,3 +1,3 @@
 // @flow strict
 
-export const EM_DASH = "—"; // shift + option + hyphen on a mac keyboard
+export const EM_DASH = '—'; // shift + option + hyphen on a mac keyboard

package/__flow__/utils/dataQaLabelQueries.js

@@ -1,7 +1,7 @@
 // @flow strict-local
-import { buildQueries, queryAllByAttribute } from "@testing-library/react";
+import {buildQueries, queryAllByAttribute} from '@testing-library/react';
 
-export type TypeQaObject = { [string]: string };
+export type TypeQaObject = {[string]: string};
 
 const getKeyValuePair = (object) => {
   const key = Object.keys(object)[0];