@sproutsocial/racine 13.7.1 → 14.0.0

package/__flow__/systemProps/space.js

@@ -2,25 +2,38 @@
 // @flow strict-local
 
 import { space } from 'styled-system';
-import type { MarginProperty, MarginBottomProperty, MarginLeftProperty, MarginRightProperty, MarginTopProperty, PaddingProperty, PaddingBottomProperty, PaddingLeftProperty, PaddingRightProperty, PaddingTopProperty } from 'csstype';
+import type { Property$Margin, Property$MarginBottom, Property$MarginLeft, Property$MarginRight, Property$MarginTop, Property$Padding, Property$PaddingBottom, Property$PaddingLeft, Property$PaddingRight, Property$PaddingTop } from 'csstype';
 import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow.js";
 
 // https://styled-system.com/table#space
-
-type TypeMarginSystemProp = TypeResponsiveBaseSystemProp<MarginProperty<number>>;
-type TypeMarginBottomSystemProp = TypeResponsiveBaseSystemProp<MarginBottomProperty<number>>;
-type TypeMarginLeftSystemProp = TypeResponsiveBaseSystemProp<MarginLeftProperty<number>>;
-type TypeMarginRightSystemProp = TypeResponsiveBaseSystemProp<MarginRightProperty<number>>;
-type TypeMarginTopSystemProp = TypeResponsiveBaseSystemProp<MarginTopProperty<number>>;
-type TypeMarginXSystemProp = TypeResponsiveBaseSystemProp<MarginLeftProperty<number> & MarginRightProperty<number>>;
-type TypeMarginYSystemProp = TypeResponsiveBaseSystemProp<MarginBottomProperty<number> & MarginTopProperty<number>>;
-type TypePaddingSystemProp = TypeResponsiveBaseSystemProp<PaddingProperty<number>>;
-type TypePaddingBottomSystemProp = TypeResponsiveBaseSystemProp<PaddingBottomProperty<number>>;
-type TypePaddingLeftSystemProp = TypeResponsiveBaseSystemProp<PaddingLeftProperty<number>>;
-type TypePaddingRightSystemProp = TypeResponsiveBaseSystemProp<PaddingRightProperty<number>>;
-type TypePaddingTopSystemProp = TypeResponsiveBaseSystemProp<PaddingTopProperty<number>>;
-type TypePaddingXSystemProp = TypeResponsiveBaseSystemProp<PaddingLeftProperty<number> & PaddingRightProperty<number>>;
-type TypePaddingYSystemProp = TypeResponsiveBaseSystemProp<PaddingBottomProperty<number> & PaddingTopProperty<number>>;
+// prettier-ignore
+type TypeMarginSystemProp = TypeResponsiveBaseSystemProp<Property$Margin<number>>;
+// prettier-ignore
+type TypeMarginBottomSystemProp = TypeResponsiveBaseSystemProp<Property$MarginBottom<number>>;
+// prettier-ignore
+type TypeMarginLeftSystemProp = TypeResponsiveBaseSystemProp<Property$MarginLeft<number>>;
+// prettier-ignore
+type TypeMarginRightSystemProp = TypeResponsiveBaseSystemProp<Property$MarginRight<number>>;
+// prettier-ignore
+type TypeMarginTopSystemProp = TypeResponsiveBaseSystemProp<Property$MarginTop<number>>;
+// prettier-ignore
+type TypeMarginXSystemProp = TypeResponsiveBaseSystemProp<Property$MarginLeft<number> & Property$MarginRight<number>>;
+// prettier-ignore
+type TypeMarginYSystemProp = TypeResponsiveBaseSystemProp<Property$MarginBottom<number> & Property$MarginTop<number>>;
+// prettier-ignore
+type TypePaddingSystemProp = TypeResponsiveBaseSystemProp<Property$Padding<number>>;
+// prettier-ignore
+type TypePaddingBottomSystemProp = TypeResponsiveBaseSystemProp<Property$PaddingBottom<number>>;
+// prettier-ignore
+type TypePaddingLeftSystemProp = TypeResponsiveBaseSystemProp<Property$PaddingLeft<number>>;
+// prettier-ignore
+type TypePaddingRightSystemProp = TypeResponsiveBaseSystemProp<Property$PaddingRight<number>>;
+// prettier-ignore
+type TypePaddingTopSystemProp = TypeResponsiveBaseSystemProp<Property$PaddingTop<number>>;
+// prettier-ignore
+type TypePaddingXSystemProp = TypeResponsiveBaseSystemProp<Property$PaddingLeft<number> & Property$PaddingRight<number>>;
+// prettier-ignore
+type TypePaddingYSystemProp = TypeResponsiveBaseSystemProp<Property$PaddingBottom<number> & Property$PaddingTop<number>>;
 export type TypeSpaceSystemProps = $ReadOnly<{|
   // margin longhand
   margin?: TypeMarginSystemProp,

package/__flow__/systemProps/typography.js

@@ -1,21 +1,21 @@
 // @flow strict-local
 
 import { typography } from 'styled-system';
-import type { FontFamilyProperty, FontSizeProperty, FontStyleProperty, FontWeightProperty, LetterSpacingProperty, LineHeightProperty, TextAlignProperty } from 'csstype';
-import typeof { fontWeights as TypeofFontWeights } from "../themes/light/theme";
+import type { Property$FontFamily, Property$FontSize, Property$FontStyle, Property$FontWeight, Property$LetterSpacing, Property$LineHeight, Property$TextAlign } from 'csstype';
+import typeof { fontWeights as TypeofFontWeights } from "../themes/light/theme.flow";
 import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow.js";
 
 // https://styled-system.com/table#typography
 
 export type TypeTypographySystemProps = $ReadOnly<{|
-  fontFamily?: TypeResponsiveBaseSystemProp<FontFamilyProperty>,
-  fontSize?: TypeResponsiveBaseSystemProp<FontSizeProperty<number>>,
-  fontStyle?: TypeResponsiveBaseSystemProp<FontStyleProperty>,
-  // eslint-disable-next-line prettier/prettier
-  fontWeight?: TypeResponsiveBaseSystemProp<FontWeightProperty | $Keys<TypeofFontWeights>>,
-  // eslint-disable-next-line prettier/prettier
-  letterSpacing?: TypeResponsiveBaseSystemProp<LetterSpacingProperty<string | number>>,
-  lineHeight?: TypeResponsiveBaseSystemProp<LineHeightProperty<void>>,
-  textAlign?: TypeResponsiveBaseSystemProp<TextAlignProperty>,
+  fontFamily?: TypeResponsiveBaseSystemProp<Property$FontFamily>,
+  fontSize?: TypeResponsiveBaseSystemProp<Property$FontSize<number>>,
+  fontStyle?: TypeResponsiveBaseSystemProp<Property$FontStyle>,
+  // prettier-ignore
+  fontWeight?: TypeResponsiveBaseSystemProp<Property$FontWeight | $Keys<TypeofFontWeights>>,
+  // prettier-ignore
+  letterSpacing?: TypeResponsiveBaseSystemProp<Property$LetterSpacing<string | number>>,
+  lineHeight?: TypeResponsiveBaseSystemProp<Property$LineHeight<void>>,
+  textAlign?: TypeResponsiveBaseSystemProp<Property$TextAlign>,
 |}>;
 export const typographySystemProps: StyledSystemStyleFn = typography;

package/__flow__/themes/dark/dataviz-palette.flow.js

@@ -0,0 +1,3 @@
+// @flow strict-local
+import type { TypeDatavizPalette } from "../light/dataviz-palette.flow";
+declare export var datavizPalette: TypeDatavizPalette;

package/__flow__/themes/dark/decorative-palettes.flow.js

@@ -0,0 +1,13 @@
+// @flow strict-local
+import type { TypeDecorativeColors } from "../light/decorative-palettes.flow";
+declare export var green: TypeDecorativeColors;
+declare export var blue: TypeDecorativeColors;
+declare export var purple: TypeDecorativeColors;
+declare export var yellow: TypeDecorativeColors;
+declare export var orange: TypeDecorativeColors;
+declare export var red: TypeDecorativeColors;
+declare export var neutral: TypeDecorativeColors;
+declare export var magenta: TypeDecorativeColors;
+declare export var pink: TypeDecorativeColors;
+declare export var aqua: TypeDecorativeColors;
+declare export var teal: TypeDecorativeColors;

package/__flow__/themes/dark/theme.flow.js

@@ -0,0 +1,5 @@
+// @flow strict-local
+import type { TypeShadow, TypeTheme } from "../../types/theme.flow";
+declare export var shadows: TypeShadow;
+declare var darkTheme: TypeTheme;
+declare export default typeof darkTheme;

package/__flow__/themes/extendedThemes/sproutTheme/dark/theme.flow.js

@@ -0,0 +1,10 @@
+// @flow strict-local
+import type { TypeAnalyticsTheme, TypeCardControlTheme, TypeDatePickerTheme, TypeGrowthTheme, TypeListeningTheme, TypeNavigationTheme, TypeSproutTheme } from "../../../../types/theme.flow";
+declare export var navigation: TypeNavigationTheme;
+declare export var datePicker: TypeDatePickerTheme;
+declare export var analytics: TypeAnalyticsTheme;
+declare export var listening: TypeListeningTheme;
+declare export var growth: TypeGrowthTheme;
+declare export var cardControl: TypeCardControlTheme;
+declare var darkTheme: TypeSproutTheme;
+export default darkTheme;

package/__flow__/themes/extendedThemes/sproutTheme/index.flow.js

@@ -0,0 +1,3 @@
+// @flow strict-local
+export { default as sproutLightTheme } from "./light/theme.flow";
+export { default as sproutDarkTheme } from "./dark/theme.flow";

package/__flow__/themes/extendedThemes/sproutTheme/light/theme.flow.js

@@ -0,0 +1,10 @@
+// @flow strict-local
+import type { TypeAnalyticsTheme, TypeCardControlTheme, TypeDatePickerTheme, TypeGrowthTheme, TypeListeningTheme, TypeNavigationTheme, TypeSproutTheme } from "../../../../types/theme.flow";
+declare export var navigation: TypeNavigationTheme;
+declare export var datePicker: TypeDatePickerTheme;
+declare export var analytics: TypeAnalyticsTheme;
+declare export var listening: TypeListeningTheme;
+declare export var growth: TypeGrowthTheme;
+declare export var cardControl: TypeCardControlTheme;
+declare var lightTheme: TypeSproutTheme;
+declare export default typeof lightTheme;

package/__flow__/themes/light/dataviz-palette.flow.js

@@ -0,0 +1,29 @@
+// @flow strict-local
+export type TypeDatavizPaletteList = string[];
+export type TypeDatavizPaletteMap = {|
+  '1': string,
+  '2': string,
+  '3': string,
+  '4': string,
+  '5': string,
+  '6': string,
+  '7': string,
+  '8': string,
+  '9': string,
+  '10': string,
+  '11': string,
+  '12': string,
+  '13': string,
+  '14': string,
+  '15': string,
+  '16': string,
+  '17': string,
+  '18': string,
+  '19': string,
+  '20': string,
+|};
+export type TypeDatavizPalette = {|
+  DATAVIZ_COLORS_LIST: TypeDatavizPaletteList,
+  DATAVIZ_COLORS_MAP: TypeDatavizPaletteMap,
+|};
+declare export var datavizPalette: TypeDatavizPalette;

package/__flow__/themes/light/decorative-palettes.flow.js

@@ -0,0 +1,17 @@
+// @flow strict-local
+export type TypeDecorativeColors = {|
+  background: string,
+  highlight: string,
+  foreground: string,
+|};
+declare export var green: TypeDecorativeColors;
+declare export var blue: TypeDecorativeColors;
+declare export var purple: TypeDecorativeColors;
+declare export var yellow: TypeDecorativeColors;
+declare export var orange: TypeDecorativeColors;
+declare export var red: TypeDecorativeColors;
+declare export var neutral: TypeDecorativeColors;
+declare export var magenta: TypeDecorativeColors;
+declare export var pink: TypeDecorativeColors;
+declare export var aqua: TypeDecorativeColors;
+declare export var teal: TypeDecorativeColors;

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

@@ -0,0 +1,31 @@
+// @flow strict-local
+
+type TypeLiteralColor = {|
+  '0': string,
+  '100': string,
+  '200': string,
+  '300': string,
+  '400': string,
+  '500': string,
+  '600': string,
+  '700': string,
+  '800': string,
+  '900': string,
+  '1000': string,
+  '1100': string,
+|};
+export type TypeLiteralColors = {|
+  neutral: TypeLiteralColor,
+  green: TypeLiteralColor,
+  red: TypeLiteralColor,
+  blue: TypeLiteralColor,
+  teal: TypeLiteralColor,
+  aqua: TypeLiteralColor,
+  purple: TypeLiteralColor,
+  magenta: TypeLiteralColor,
+  yellow: TypeLiteralColor,
+  pink: TypeLiteralColor,
+  orange: TypeLiteralColor,
+|};
+declare var literalColors: TypeLiteralColors;
+declare export default typeof literalColors;

package/__flow__/themes/light/theme.flow.js

@@ -0,0 +1,16 @@
+// @flow strict-local
+import type { TypeBorder, TypeBorderWidth, TypeBreakpoint, TypeDuration, TypeEasing, TypeFontFamily, TypeFontWeight, TypeRadii, TypeShadow, TypeSpace, TypeTheme, TypeTypography } from "../../types/theme.flow";
+export type TypeFontFamilyString = string;
+declare export var breakpoints: TypeBreakpoint;
+declare export var typography: TypeTypography;
+declare export var fontFamily: TypeFontFamily;
+declare export var fontWeights: TypeFontWeight;
+declare export var space: TypeSpace;
+declare export var radii: TypeRadii;
+declare export var borders: TypeBorder;
+declare export var borderWidths: TypeBorderWidth;
+declare export var shadows: TypeShadow;
+declare export var easing: TypeEasing;
+declare export var duration: TypeDuration;
+declare var theme: TypeTheme;
+declare export default typeof theme;

package/__flow__/types/index.flow.js

@@ -0,0 +1,7 @@
+// @flow
+
+export * from "./shared.flow";
+export * from "./styled-components.flow";
+export * from "./system-props.flow";
+export * from "./theme.flow";
+export * from "./theme.colors.flow";

package/__flow__/types/shared.flow.js

@@ -0,0 +1,5 @@
+// @flow
+
+export type TypeWithDisplayName<T> = T & {|
+  displayName: string
+|};

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

@@ -1,8 +1,8 @@
 // @flow
-
+import * as React from 'react';
 export type TypeStyledComponentsCommonProps = $ReadOnly<{|
-  as?: React$ElementType,
-  forwardAs?: React$ElementType,
+  as?: React.ElementType,
+  forwardedAs?: React.ElementType,
   className?: ?string,
   ref?: React$Ref<any>,
 |}>;

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

@@ -1,7 +1,7 @@
 'no babel-plugin-flow-react-proptypes';
 
 // @flow strict-local
-import type { FlexDirectionProperty, FlexWrapProperty, PositionProperty, TextAlignProperty, ZIndexProperty } from 'csstype';
+import type { Property$FlexDirection, Property$FlexWrap, Property$Position, Property$TextAlign, Property$ZIndex } from 'csstype';
 import type { TypeTypography } from "./theme.flow";
 
 /* eslint-disable prettier/prettier */
@@ -79,7 +79,7 @@ export type TypeSystemTypographyProps = $ReadOnly<{|
   fontWeight?: TypeResponsiveString<>,
   lineHeight?: TypeResponsiveBase<>,
   letterSpacing?: TypeResponsiveString<>,
-  textAlign?: TypeResponsive<TextAlignProperty>,
+  textAlign?: TypeResponsive<Property$TextAlign>,
   fontStyle?: TypeResponsiveString<>,
 |}>;
 export type TypeSystemLayoutProps = $ReadOnly<{|
@@ -95,8 +95,8 @@ export type TypeSystemLayoutProps = $ReadOnly<{|
   verticalAlign?: TypeResponsiveString<>,
 |}>;
 export type TypeSystemPositionProps = $ReadOnly<{|
-  position?: TypeResponsive<PositionProperty>,
-  zIndex?: TypeResponsive<ZIndexProperty>,
+  position?: TypeResponsive<Property$Position>,
+  zIndex?: TypeResponsive<Property$ZIndex>,
   top?: TypeResponsiveBase<>,
   right?: TypeResponsiveBase<>,
   bottom?: TypeResponsiveBase<>,
@@ -107,8 +107,8 @@ export type TypeSystemFlexboxProps = $ReadOnly<{|
   alignContent?: TypeResponsiveString<>,
   justifyItems?: TypeResponsiveString<>,
   justifyContent?: TypeResponsiveString<>,
-  flexWrap?: TypeResponsive<FlexWrapProperty>,
-  flexDirection?: TypeResponsive<FlexDirectionProperty>,
+  flexWrap?: TypeResponsive<Property$FlexWrap>,
+  flexDirection?: TypeResponsive<Property$FlexDirection>,
   flex?: TypeResponsiveBase<>,
   flexGrow?: TypeResponsiveBase<>,
   flexShrink?: TypeResponsiveBase<>,

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

@@ -1,12 +1,14 @@
 // @flow strict-local
 
-import literalColors from "../themes/light/literal-colors";
-import { datavizPalette } from "../themes/light/dataviz-palette";
+import type { TypeLiteralColors } from "../themes/light/literal-colors.flow";
+import type { TypeDatavizPalette, TypeDatavizPaletteList, TypeDatavizPaletteMap } from "../themes/light/dataviz-palette.flow";
 type TypeAppColors = {|
   app: {
     background: {
-      base: string
-    }
+      base: string,
+      ...
+    },
+    ...
   }
 |};
 type TypeContainerColors = {|
@@ -32,11 +34,13 @@ type TypeContainerColors = {|
         pink: string,
         aqua: string,
         teal: string,
+        ...
       },
       selected: string,
       positive_sentiment: string,
       negative_sentiment: string,
       neutral_sentiment: string,
+      ...
     },
     border: {
       base: string,
@@ -59,9 +63,12 @@ type TypeContainerColors = {|
         pink: string,
         aqua: string,
         teal: string,
+        ...
       },
       selected: string,
+      ...
     },
+    ...
   }
 |};
 type TypeButtonColors = {|
@@ -71,89 +78,115 @@ type TypeButtonColors = {|
         base: string,
         hover: string,
         active: string,
+        ...
       },
       border: {
-        base: string
+        base: string,
+        ...
       },
       text: {
         base: string,
         hover: string,
+        ...
       },
+      ...
     },
     secondary: {
       background: {
         base: string,
         hover: string,
         active: string,
+        ...
       },
       border: {
-        base: string
+        base: string,
+        ...
       },
       text: {
         base: string,
         hover: string,
+        ...
       },
+      ...
     },
     pill: {
       background: {
         base: string,
         hover: string,
         active: string,
+        ...
       },
       border: {
-        base: string
+        base: string,
+        ...
       },
       text: {
         base: string,
         hover: string,
+        ...
       },
+      ...
     },
     destructive: {
       background: {
         base: string,
         hover: string,
         active: string,
+        ...
       },
       border: {
-        base: string
+        base: string,
+        ...
       },
       text: {
         base: string,
         hover: string,
+        ...
       },
+      ...
     },
     placeholder: {
       background: {
         base: string,
         hover: string,
         active: string,
+        ...
       },
       border: {
-        base: string
+        base: string,
+        ...
       },
       text: {
         base: string,
         hover: string,
+        ...
       },
+      ...
     },
     unstyled: {
       background: {
-        base: string
+        base: string,
+        ...
       },
       border: {
-        base: string
+        base: string,
+        ...
       },
       text: {
         base: string,
         hover: string,
+        ...
       },
+      ...
     },
+    ...
   }
 |};
 type TypeLinkColors = {|
   link: {
     base: string,
     hover: string,
+    ...
   }
 |};
 type TypeTextColors = {|
@@ -164,8 +197,10 @@ type TypeTextColors = {|
     inverse: string,
     error: string,
     background: {
-      highlight: string
+      highlight: string,
+      ...
     },
+    ...
   }
 |};
 type TypeIconColors = {|
@@ -183,6 +218,7 @@ type TypeIconColors = {|
     positive_sentiment: string,
     negative_sentiment: string,
     neutral_sentiment: string,
+    ...
   }
 |};
 type TypeFormColors = {|
@@ -190,16 +226,20 @@ type TypeFormColors = {|
     background: {
       base: string,
       selected: string,
+      ...
     },
     border: {
       base: string,
       error: string,
       warning: string,
       selected: string,
+      ...
     },
     placeholder: {
-      base: string
+      base: string,
+      ...
     },
+    ...
   }
 |};
 type TypeListItemColors = {|
@@ -208,39 +248,47 @@ type TypeListItemColors = {|
       base: string,
       hover: string,
       selected: string,
-    }
+      ...
+    },
+    ...
   }
 |};
 type TypeOverlayColors = {|
   overlay: {
     background: {
-      base: string
+      base: string,
+      ...
     },
     text: {
-      base: string
+      base: string,
+      ...
     },
     icon: {
-      base: string
+      base: string,
+      ...
     },
+    ...
   }
 |};
 type TypeElevationColors = {|
   elevation: {
-    base: string
+    base: string,
+    ...
   }
 |};
 type TypeDatavizColors = {|
-  DATAVIZ_COLORS_MAP: typeof datavizPalette.DATAVIZ_COLORS_MAP,
-  DATAVIZ_COLORS_LIST: typeof datavizPalette.DATAVIZ_COLORS_LIST,
+  ...TypeDatavizPalette,
   dataviz: {
-    map: typeof datavizPalette.DATAVIZ_COLORS_MAP,
-    list: typeof datavizPalette.DATAVIZ_COLORS_LIST,
+    map: TypeDatavizPaletteMap,
+    list: TypeDatavizPaletteList,
+    ...
   },
 |};
 type TypeIllustrationColors = {|
   illustration: {
     fill: string,
     stroke: string,
+    ...
   }
 |};
 type TypeNetworkColors = {|
@@ -270,9 +318,9 @@ type TypeNetworkColors = {|
     yelp: string,
     whatsapp: string,
     tiktok: string,
+    ...
   }
 |};
-type TypeLiteralColors = typeof literalColors;
 export type TypeColors = {
   ...TypeAppColors,
   ...TypeContainerColors,