@sproutsocial/racine 20.16.0 → 20.17.0

package/__flow__/Menu/Menu.flow.js

@@ -1,6 +1,6 @@
 // @flow
-import * as React from 'react';
-import type { StyledComponent } from 'styled-components';
+import * as React from "react";
+import type { StyledComponent } from "styled-components";
 import Box from "../Box/index.flow";
 import Button from "../Button/index.flow";
 import Popout from "../Popout/index.flow";
@@ -62,15 +62,15 @@ export type TypeMenuItemProps = {
   role?: TypeMenuItemRoles,
   elemAfter?: React.Node,
   elemBefore?: React.Node,
-  as?: $PropertyType<TypeStyledComponentsCommonProps, 'as'>,
-  'data-qa-menu-item'?: string,
+  as?: $PropertyType<TypeStyledComponentsCommonProps, "as">,
+  "data-qa-menu-item"?: string,
   alignItems?: string,
   ...
 };
 export type TypeMenuItemSwitchProps = {
   ...TypeMenuItemProps,
   /** Determines whether the Switch will be rendered as elemBefore or elemAfter. */
-  placement: 'before' | 'after',
+  placement: "before" | "after",
   /** Pass any valid Text props except children to the label.
    * children is omitted because Menu.Switch's children is rendered as the label's children.*/
   labelProps?: {
@@ -92,9 +92,9 @@ export type TypeMenuGroupProps = {
   children: React.Node,
   /** If provided, a visible title will be rendered for the group. */
   title?: React.Node,
-  titleAs?: $PropertyType<TypeStyledComponentsCommonProps, 'as'>,
+  titleAs?: $PropertyType<TypeStyledComponentsCommonProps, "as">,
   /** Use the flush appearance if you're using the menu outside of a popout */
-  appearance?: 'default' | 'flush',
+  appearance?: "default" | "flush",
   disabled?: boolean,
   ...
 };
@@ -106,8 +106,8 @@ export type TypeMenuButtonProps = {
   ...$Exact<React.ElementConfig<typeof Button>>,
   ...TypeMenuButtonContext,
   id?: string,
-  'aria-labelledby'?: string,
-  'aria-label'?: string,
+  "aria-labelledby"?: string,
+  "aria-label"?: string,
   content: React.Node,
   popoutProps?: $Shape<React.ElementConfig<typeof Popout>>,
   placement?: EnumPlacements,

package/__flow__/Menu/utils/constants.flow.js

@@ -1,16 +1,16 @@
 // @flow
 
 export const MENU_ROLES = Object.freeze({
-  MENU: 'menu',
-  LIST: 'list',
-  LISTBOX: 'listbox'
+  MENU: "menu",
+  LIST: "list",
+  LISTBOX: "listbox"
 });
 export const MENU_ITEM_ROLES = Object.freeze({
-  MENUITEM: 'menuitem',
-  LISTITEM: 'listitem',
-  OPTION: 'option',
-  RADIO: 'menuitemradio',
-  CHECKBOX: 'menuitemcheckbox'
+  MENUITEM: "menuitem",
+  LISTITEM: "listitem",
+  OPTION: "option",
+  RADIO: "menuitemradio",
+  CHECKBOX: "menuitemcheckbox"
 });
 export type TypeMenuRoles = $Values<typeof MENU_ROLES>;
 export type TypeMenuItemRoles = $Values<typeof MENU_ITEM_ROLES>;

package/__flow__/Message/Message.flow.js

@@ -1,22 +1,22 @@
 // @flow
-import * as React from 'react';
+import * as React from "react";
 import type { TypeAvatarProps } from "../Avatar/index.flow";
 import type { TypeButtonProps } from "../Button/index.flow";
 import type { TypeCheckboxProps } from "../Checkbox/index.flow";
 import type { TypeWithDisplayName } from "../types/shared.flow";
 export const MESSAGE_DENSITIES = {
-  COMPACT: 'compact',
+  COMPACT: "compact",
   // Compact is deprecated. New applications should use condensed instead.
-  CONDENSED: 'condensed',
-  SMALL: 'small',
-  LARGE: 'large'
+  CONDENSED: "condensed",
+  SMALL: "small",
+  LARGE: "large"
 };
 export type EnumDensities = $Values<typeof MESSAGE_DENSITIES>;
 export type TypeMessageProps = {
   /** Condensed, small, or large. */
   density?: EnumDensities,
   children: React.ChildrenArray<React.Element<any> | null>,
-  innerRef?: React.Ref<'div'>,
+  innerRef?: React.Ref<"div">,
   borderColor?: string,
   // seeds borderColor tokens (enum when flow types are available)
   bg?: string,

package/__flow__/Modal/Modal.flow.js

@@ -1,5 +1,5 @@
 // @flow
-import * as React from 'react';
+import * as React from "react";
 import Box from "../Box/index.flow";
 import type { TypeButtonProps } from "../Button/index.flow";
 import type { TypeWithDisplayName } from "../types/shared.flow";

package/__flow__/Numeral/Numeral.flow.js

@@ -1,6 +1,6 @@
 // @flow
-import * as React from 'react';
-export type EnumNumeralFormat = 'decimal' | 'currency' | 'percent';
+import * as React from "react";
+export type EnumNumeralFormat = "decimal" | "currency" | "percent";
 export type TypeNumeralProps = {
   /** The number to be formatted */
   number?: ?number,
@@ -15,7 +15,7 @@ export type TypeNumeralProps = {
   /** Text to be read off by screen readers for invalid values (i.e., any value rendered as '—' (em dash)) */
   invalidNumberLabel?: string,
   /** Override the default decimal precision (2 for decimals/currency, 1 for percentages), or "none" allowing unrestricted precision. */
-  precision?: number | 'none',
+  precision?: number | "none",
   qa?: Object,
   ...
 };

package/__flow__/PartnerLogo/PartnerLogo.flow.js

@@ -1,5 +1,5 @@
 // @flow
-import * as React from 'react';
+import * as React from "react";
 import type { EnumLogoNames } from "../EnumLogoNames.flow";
 
 /**
@@ -10,15 +10,15 @@ export type TypePartnerLogoProps = {
   /** The name of the partner whose logo you want to render. */
   partnerName: EnumLogoNames,
   /** Manually override the default mode behavior by rendering a logo based on the background it's displayed on. */
-  backgroundType?: 'dark' | 'light',
-  logoType?: 'symbol' | 'wordmark' | 'lockup',
+  backgroundType?: "dark" | "light",
+  logoType?: "symbol" | "wordmark" | "lockup",
   height?: string,
   width?: string,
-  size?: 'mini' // 12x12
-  | 'small' // 16x16
-  | 'medium' // 24x24
-  | 'large' // 32x32
-  | 'jumbo',
+  size?: "mini" // 12x12
+  | "small" // 16x16
+  | "medium" // 24x24
+  | "large" // 32x32
+  | "jumbo",
   // 64x64
   svgProps?: {...},
   ...

package/__flow__/Popout/Popout.flow.js

@@ -1,11 +1,11 @@
 // @flow
-import * as React from 'react';
-import type { PopperProps } from 'react-popper';
+import * as React from "react";
+import type { PopperProps } from "react-popper";
 import type { TypeBoxProps } from "../Box/index.flow";
 import type { TypeWithDisplayName } from "../types/shared.flow";
 
 // Seeds docs can't parse $Keys<typeof placements> yet
-export type EnumPlacements = 'auto' | 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'right-start' | 'bottom-start' | 'left-start' | 'top-end' | 'right-end' | 'bottom-end' | 'left-end';
+export type EnumPlacements = "auto" | "top" | "right" | "bottom" | "left" | "top-start" | "right-start" | "bottom-start" | "left-start" | "top-end" | "right-end" | "bottom-end" | "left-end";
 export type TypeFocusLockProps = {|
   disabled?: boolean,
   returnFocus?: boolean | {|
@@ -13,7 +13,7 @@ export type TypeFocusLockProps = {|
   |},
   persistentFocus?: boolean,
   autoFocus?: boolean,
-  noFocusGuards?: boolean | 'tail',
+  noFocusGuards?: boolean | "tail",
   group?: string,
   className?: string,
   onActivation?: (node: HTMLElement) => void,

package/__flow__/Portal/Portal.flow.js

@@ -1,5 +1,5 @@
 // @flow
-import * as React from 'react';
+import * as React from "react";
 export type TypePortalProps = {
   as: string,
   container?: HTMLElement,

package/__flow__/Radio/Radio.flow.js

@@ -1,5 +1,5 @@
 // @flow
-import * as React from 'react';
+import * as React from "react";
 export type TypeRadioProps = {
   /** ID of the form element, should match the "for" value of the associated label */
   id: string,

package/__flow__/SegmentedControl/SegmentedControl.flow.js

@@ -1,5 +1,5 @@
 // @flow
-import * as React from 'react';
+import * as React from "react";
 import type { TypeWithDisplayName } from "../types/shared.flow";
 export type TypeSegmentedControlItemProps = {
   /** The value of this item. Should be unique among sibling items. */

package/__flow__/Select/Select.flow.js

@@ -1,5 +1,5 @@
 // @flow
-import * as React from 'react';
+import * as React from "react";
 export type TypeSelectProps = {
   /** ID of the form element, should match the "for" value of the associated label */
   id: string,
@@ -20,7 +20,7 @@ export type TypeSelectProps = {
   inputProps?: any,
   qa?: any,
   onChange?: (e: SyntheticInputEvent<HTMLInputElement>) => void,
-  size?: 'large' | 'small' | 'default',
+  size?: "large" | "small" | "default",
   ...
 };
 declare var Select: React.ComponentType<TypeSelectProps>;

package/__flow__/Skeleton/Skeleton.flow.js

@@ -1,5 +1,5 @@
 // @flow
-import type { StyledComponent } from 'styled-components';
+import type { StyledComponent } from "styled-components";
 import type { TypeTheme } from "../types/theme.flow";
 import Box, { type TypeBoxProps } from "../Box/index.flow";
 declare var Skeleton: StyledComponent<TypeBoxProps, TypeTheme, typeof Box>;

package/__flow__/SpotIllustration/SpotIllustration.flow.js

@@ -1,9 +1,9 @@
 // @flow
-import * as React from 'react';
+import * as React from "react";
 import type { EnumIllustrationNames } from "../EnumIllustrationNames.flow";
 export type TypeSpotIllustrationProps = {
   name: EnumIllustrationNames,
-  customFill?: 'red' | 'green' | 'yellow' | 'magenta' | 'purple' | 'aqua',
+  customFill?: "red" | "green" | "yellow" | "magenta" | "purple" | "aqua",
   height?: string,
   width?: string,
   ...

package/__flow__/Stack/Stack.flow.js

@@ -1,9 +1,9 @@
 // @flow
-import * as React from 'react';
+import * as React from "react";
 import { type TypeResponsive, type TypeSystemCommonProps, type TypeSystemFlexboxProps, type TypeSystemPositionProps, type TypeSystemLayoutProps, type TypeSystemBorderProps } from "../types/system-props.flow.js";
 export type TypeSpaceLiterals = 0 | 100 | 200 | 300 | 350 | 400 | 450 | 500 | 600 | string;
-type TypeDirection = 'vertical' | 'horizontal';
-type TypeAlignment = 'left' | 'center' | 'right' | 'stretch';
+type TypeDirection = "vertical" | "horizontal";
+type TypeAlignment = "left" | "center" | "right" | "stretch";
 type TypeSystemProps = {|
   ...TypeSystemCommonProps,
   ...TypeSystemFlexboxProps,

package/__flow__/Switch/Switch.flow.js

@@ -1,5 +1,5 @@
 // @flow
-import * as React from 'react';
+import * as React from "react";
 import type { TypeSwitchProps } from "./SwitchTypes.flow";
 declare export var Switch: React.StatelessFunctionalComponent<TypeSwitchProps>;
 declare export default typeof Switch;

package/__flow__/Table/Table.flow.js

@@ -1,5 +1,5 @@
 // @flow
-import * as React from 'react';
+import * as React from "react";
 import type { TypeWithDisplayName } from "../types/shared.flow";
 import type { TypeEnumSortDirections, TypeTableHeaderCell } from "../TableHeaderCell/index.flow";
 import type { TypeTableCellProps } from "../TableCell/index.flow";

package/__flow__/TableCell/TableCell.flow.js

@@ -1,5 +1,5 @@
 // @flow
-import * as React from 'react';
+import * as React from "react";
 import { type TypeSystemCommonProps } from "../types/system-props.flow.js";
 export type TypeTableCellProps = {
   ...TypeSystemCommonProps,
@@ -12,7 +12,7 @@ export type TypeTableCellProps = {
   /** Controls the width attribute (optional) */
   width?: number,
   /** Controls the CSS text-align property (optional) */
-  align?: 'left' | 'right' | 'center' | 'justify',
+  align?: "left" | "right" | "center" | "justify",
   /** Children to be rendered */
   children?: React.Node,
   ...

package/__flow__/TableHeaderCell/TableHeaderCell.flow.js

@@ -1,9 +1,9 @@
 // @flow
-import * as React from 'react';
+import * as React from "react";
 import type { TypeTableCellProps } from "../TableCell/index.flow";
 export const SORT_DIRECTIONS = {
-  ASC: 'ASC',
-  DESC: 'DESC'
+  ASC: "ASC",
+  DESC: "DESC"
 };
 export type TypeEnumSortDirections = $Keys<typeof SORT_DIRECTIONS>;
 export type TypeTableHeaderCell = {

package/__flow__/TableRowAccordion/TableRowAccordion.flow.js

@@ -1,5 +1,5 @@
 // @flow
-import * as React from 'react';
+import * as React from "react";
 import type { TypeTableRow } from "../Table/index.flow";
 export type TypeTableRowAccordionProps = {
   ...TypeTableRow,

package/__flow__/Tabs/Tabs.flow.js

@@ -1,5 +1,5 @@
 // @flow
-import * as React from 'react';
+import * as React from "react";
 import type { TypeWithDisplayName } from "../types/shared.flow";
 export type TypeTabButtonsProps = {
   children: React.Node,

package/__flow__/Text/Text.flow.js

@@ -1,5 +1,5 @@
 //@flow
-import * as React from 'react';
+import * as React from "react";
 import type { TypeWithDisplayName } from "../types/shared.flow";
 import type { TypeSystemFlexboxProps, TypeSystemGridProps } from "../types/system-props.flow";
 export type TypeTextProps = {

package/__flow__/Textarea/Textarea.flow.js

@@ -1,5 +1,5 @@
 // @flow
-import * as React from 'react';
+import * as React from "react";
 export type TypeTextareaProps = {
   /** ID of the form element, should match the "for" value of the associated label */
   id: string,
@@ -38,7 +38,7 @@ export type TypeTextareaProps = {
   /** Props to spread onto the underlying textarea element */
   inputProps?: any,
   /** Used to get a reference to the underlying element */
-  innerRef?: React.Ref<'textarea'>,
+  innerRef?: React.Ref<"textarea">,
   onBlur?: (e: SyntheticFocusEvent<HTMLInputElement>) => void,
   onChange?: (e: SyntheticInputEvent<HTMLInputElement>) => void,
   onFocus?: (e: SyntheticFocusEvent<HTMLInputElement>) => void,
@@ -48,7 +48,7 @@ export type TypeTextareaProps = {
 };
 declare class Textarea extends React.Component<TypeTextareaProps> {
   static defaultProps: {|
-    rows: $PropertyType<TypeTextareaProps, 'rows'>
+    rows: $PropertyType<TypeTextareaProps, "rows">
   |},
   handleBlur: (e: SyntheticFocusEvent<HTMLInputElement>) => void,
   handleChange: (e: SyntheticInputEvent<HTMLInputElement>) => void,

package/__flow__/ThemeProvider/index.flow.js

@@ -1,5 +1,5 @@
 // @flow strict-local
-import * as React from 'react';
+import * as React from "react";
 import type { TypeSproutTheme, TypeTheme } from "../types/theme.flow";
 
 // We can append additional themes types here

package/__flow__/Toast/Toast.flow.js

@@ -1,8 +1,8 @@
 // @flow
-import * as React from 'react';
+import * as React from "react";
 import type { TypeColor } from "../types/theme.flow";
 import type { TypeIconName } from "../Icon/Icon.flow";
-export type TypeToastTheme = 'info' | 'success' | 'warning' | 'error';
+export type TypeToastTheme = "info" | "success" | "warning" | "error";
 export type TypeToastProps = {|
   theme?: TypeToastTheme,
   content: React.Node,

package/__flow__/ToggleHint/ToggleHint.flow.js

@@ -1,8 +1,8 @@
 // @flow
-import * as React from 'react';
+import * as React from "react";
 export type TypeToggleHintProps = {
   isOpen: boolean,
-  icon: 'chevron' | 'plus',
+  icon: "chevron" | "plus",
   openString: string,
   closeString: string,
   className?: string,
@@ -14,8 +14,8 @@ export type TypeToggleHintProps = {
 };
 declare var ToggleHint: React.ComponentType<{
   ...TypeToggleHintProps,
-  isOpen?: $PropertyType<TypeToggleHintProps, 'isOpen'>,
-  icon?: $PropertyType<TypeToggleHintProps, 'icon'>,
+  isOpen?: $PropertyType<TypeToggleHintProps, "isOpen">,
+  icon?: $PropertyType<TypeToggleHintProps, "icon">,
   ...
 }>;
 declare export default typeof ToggleHint;

package/__flow__/Token/Token.flow.js

@@ -1,5 +1,5 @@
 // @flow
-import * as React from 'react';
+import * as React from "react";
 export type TypeTokenProps = {
   onClick?: (event: SyntheticEvent<HTMLButtonElement>) => void,
   children: React.Node,
@@ -10,7 +10,7 @@ export type TypeTokenProps = {
   valid?: boolean,
   /** Indicates whether the token is disabled */
   disabled?: boolean,
-  palette?: 'neutral' | 'blue',
+  palette?: "neutral" | "blue",
   ...
 };
 declare var Token: React.StatelessFunctionalComponent<TypeTokenProps>;

package/__flow__/TokenInput/TokenInput.flow.js

@@ -1,5 +1,5 @@
 // @flow
-import * as React from 'react';
+import * as React from "react";
 import type { TypeIconProps, TypeIconName } from "../Icon/index.flow";
 export type TypeTokenSpec = {
   id: string,
@@ -69,7 +69,7 @@ export type TypeTokenInputProps = {
   /** Props to spread onto the underlying input element */
   inputProps?: any,
   /** Used to get a reference to the underlying element */
-  innerRef?: React.Ref<'input'>,
+  innerRef?: React.Ref<"input">,
   qa?: Object,
   /** Browser autocomplete support */
   autocomplete?: string,

package/__flow__/TokenInput/TokenScreenReaderStatus.js

@@ -1,6 +1,6 @@
 /* eslint-disable react/prop-types */
-import React from 'react';
-import { useEffect, useRef, useState } from 'react';
+import React from "react";
+import { useEffect, useRef, useState } from "react";
 import { VisuallyHidden } from "../VisuallyHidden";
 function usePrevious(value) {
   const ref = useRef();
@@ -13,7 +13,7 @@ export const TokenScreenReaderStatus = ({
   tokens
 }) => {
   const prevTokens = usePrevious(tokens);
-  const [tokenStatus, setTokenStatus] = useState('');
+  const [tokenStatus, setTokenStatus] = useState("");
 
   // TODO: Use callbacks so consumers can pass localized messaging to the screen reader
   useEffect(() => {

package/__flow__/Tooltip/Tooltip.flow.js

@@ -1,5 +1,5 @@
 // @flow
-import * as React from 'react';
+import * as React from "react";
 import type { EnumPlacements } from "../Popout/index.flow";
 export type TypeTooltipProps = {
   /** The content that the tooltip should be attached to. Hovering or focusing this element will cause the tooltip to appear */
@@ -11,7 +11,7 @@ export type TypeTooltipProps = {
   /** The time (in ms) that a user has to be hovered/focused before the tooltip will appear  */
   enterDelay?: number,
   /** Used to override the appearance of the Tooltip content. By default, strings will have the 'pill' appearance, and more complex content will have the 'box' appearance. You can change those defaults by setting this prop. */
-  appearance?: 'pill' | 'box',
+  appearance?: "pill" | "box",
   qa?: Object,
   zIndex?: number,
   /** Props to be spread onto the underlying Popout component */

package/__flow__/VisuallyHidden/VisuallyHidden.flow.js

@@ -1,3 +1,3 @@
 //@flow
-import * as React from 'react';
+import * as React from "react";
 declare export var VisuallyHidden: React.ComponentType<{...}>;

package/__flow__/index.flow.js

@@ -1,7 +1,7 @@
 // @flow
 
 /* Asset types */
-export type { EnumIconNames } from '@sproutsocial/seeds-icons';
+export type { EnumIconNames } from "@sproutsocial/seeds-icons";
 export type { EnumIllustrationNames } from "./EnumIllustrationNames.flow";
 export type { EnumLogoNames } from "./EnumLogoNames.flow";
 

package/__flow__/systemProps/background.flow.js

@@ -1,7 +1,7 @@
 // @flow strict-local
 
-import { background } from 'styled-system';
-import type { Property$BackgroundImage, Property$BackgroundPosition, Property$Background, Property$BackgroundRepeat, Property$BackgroundSize } from 'csstype';
+import { background } from "styled-system";
+import type { Property$BackgroundImage, Property$BackgroundPosition, Property$Background, Property$BackgroundRepeat, Property$BackgroundSize } from "csstype";
 import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
 
 // https://styled-system.com/table#background

package/__flow__/systemProps/border.flow.js

@@ -1,7 +1,7 @@
 // @flow strict-local
 
-import { border } from 'styled-system';
-import type { Property$BorderBottomColor, Property$BorderBottomLeftRadius, Property$BorderBottom, Property$BorderBottomRightRadius, Property$BorderBottomStyle, Property$BorderBottomWidth, Property$BorderColor, Property$BorderLeftColor, Property$BorderLeft, Property$BorderLeftStyle, Property$BorderLeftWidth, Property$Border, Property$BorderRadius, Property$BorderRightColor, Property$BorderRight, Property$BorderRightStyle, Property$BorderRightWidth, Property$BorderStyle, Property$BorderTopColor, Property$BorderTopLeftRadius, Property$BorderTop, Property$BorderTopRightRadius, Property$BorderTopStyle, Property$BorderTopWidth, Property$BorderWidth } from 'csstype';
+import { border } from "styled-system";
+import type { Property$BorderBottomColor, Property$BorderBottomLeftRadius, Property$BorderBottom, Property$BorderBottomRightRadius, Property$BorderBottomStyle, Property$BorderBottomWidth, Property$BorderColor, Property$BorderLeftColor, Property$BorderLeft, Property$BorderLeftStyle, Property$BorderLeftWidth, Property$Border, Property$BorderRadius, Property$BorderRightColor, Property$BorderRight, Property$BorderRightStyle, Property$BorderRightWidth, Property$BorderStyle, Property$BorderTopColor, Property$BorderTopLeftRadius, Property$BorderTop, Property$BorderTopRightRadius, Property$BorderTopStyle, Property$BorderTopWidth, Property$BorderWidth } from "csstype";
 import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
 
 // https://styled-system.com/table#border

package/__flow__/systemProps/color.flow.js

@@ -1,7 +1,7 @@
 // @flow strict-local
 
-import { color } from 'styled-system';
-import type { Property$BackgroundColor, Property$Color, Property$Opacity } from 'csstype';
+import { color } from "styled-system";
+import type { Property$BackgroundColor, Property$Color, Property$Opacity } from "csstype";
 import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
 
 // https://styled-system.com/table#color

package/__flow__/systemProps/custom.flow.js

@@ -1,7 +1,7 @@
 // @flow strict-local
 
-import { compose, system } from 'styled-system';
-import type { Property$Cursor, Property$WhiteSpace } from 'csstype';
+import { compose, system } from "styled-system";
+import type { Property$Cursor, Property$WhiteSpace } from "csstype";
 import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
 
 // https://styled-system.com/custom-props

package/__flow__/systemProps/flexbox.flow.js

@@ -1,7 +1,7 @@
 // @flow strict-local
 
-import { flexbox } from 'styled-system';
-import type { Property$AlignItems, Property$AlignContent, Property$JustifyContent, Property$JustifyItems, Property$FlexWrap, Property$FlexDirection, Property$Flex, Property$FlexBasis, Property$JustifySelf, Property$AlignSelf, Property$Gap, Property$ColumnGap, Property$RowGap, Globals } from 'csstype';
+import { flexbox } from "styled-system";
+import type { Property$AlignItems, Property$AlignContent, Property$JustifyContent, Property$JustifyItems, Property$FlexWrap, Property$FlexDirection, Property$Flex, Property$FlexBasis, Property$JustifySelf, Property$AlignSelf, Property$Gap, Property$ColumnGap, Property$RowGap, Globals } from "csstype";
 import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
 
 // https://styled-system.com/table#flexbox

package/__flow__/systemProps/grid.flow.js

@@ -1,7 +1,7 @@
 // @flow strict-local
 
-import { grid } from 'styled-system';
-import type { Property$GridArea, Property$GridAutoColumns, Property$GridAutoFlow, Property$GridAutoRows, Property$GridColumn, Property$GridColumnGap, Property$GridGap, Property$GridRow, Property$GridRowGap, Property$GridTemplateAreas, Property$GridTemplateColumns, Property$GridTemplateRows } from 'csstype';
+import { grid } from "styled-system";
+import type { Property$GridArea, Property$GridAutoColumns, Property$GridAutoFlow, Property$GridAutoRows, Property$GridColumn, Property$GridColumnGap, Property$GridGap, Property$GridRow, Property$GridRowGap, Property$GridTemplateAreas, Property$GridTemplateColumns, Property$GridTemplateRows } from "csstype";
 import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
 
 // https://styled-system.com/table#grid-layout

package/__flow__/systemProps/layout.flow.js

@@ -1,7 +1,7 @@
 // @flow strict-local
 
-import { layout } from 'styled-system';
-import type { Property$Display, Property$Height, Property$MaxHeight, Property$MaxWidth, Property$MinHeight, Property$MinWidth, Property$Overflow, Property$OverflowX, Property$OverflowY, Property$VerticalAlign, Property$Width } from 'csstype';
+import { layout } from "styled-system";
+import type { Property$Display, Property$Height, Property$MaxHeight, Property$MaxWidth, Property$MinHeight, Property$MinWidth, Property$Overflow, Property$OverflowX, Property$OverflowY, Property$VerticalAlign, Property$Width } from "csstype";
 import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
 
 // https://styled-system.com/table#layout

package/__flow__/systemProps/position.flow.js

@@ -1,7 +1,7 @@
 // @flow strict-local
 
-import { position } from 'styled-system';
-import type { Property$Bottom, Property$Left, Property$Position, Property$Right, Property$Top, Property$ZIndex } from 'csstype';
+import { position } from "styled-system";
+import type { Property$Bottom, Property$Left, Property$Position, Property$Right, Property$Top, Property$ZIndex } from "csstype";
 import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
 
 // https://styled-system.com/table#position

package/__flow__/systemProps/shadow.flow.js

@@ -1,7 +1,7 @@
 // @flow strict-local
 
-import { shadow } from 'styled-system';
-import type { Property$BoxShadow, Property$TextShadow } from 'csstype';
+import { shadow } from "styled-system";
+import type { Property$BoxShadow, Property$TextShadow } from "csstype";
 import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
 
 // https://styled-system.com/table#shadow

package/__flow__/systemProps/space.flow.js

@@ -1,8 +1,8 @@
 /* eslint-disable prettier/prettier */
 // @flow strict-local
 
-import { space } from 'styled-system';
-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 { space } from "styled-system";
+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";
 
 // https://styled-system.com/table#space

package/__flow__/systemProps/systemProps.flow.js

@@ -1,5 +1,5 @@
 // @flow strict-local
-import { compose } from 'styled-system';
+import { compose } from "styled-system";
 import { backgroundSystemProps, type TypeBackgroundSystemProps } from "./background.flow";
 import { borderSystemProps, type TypeBorderSystemProps } from "./border.flow";
 import { colorSystemProps, type TypeColorSystemProps } from "./color.flow";