@sproutsocial/racine 20.15.0 → 20.17.0

package/__flow__/Icon/Icon.flow.js

@@ -1,17 +1,17 @@
 // @flow
-import * as React from 'react';
-import type { StyledComponent } from 'styled-components';
-import type { EnumIconNames } from '@sproutsocial/seeds-icons';
+import * as React from "react";
+import type { StyledComponent } from "styled-components";
+import type { EnumIconNames } from "@sproutsocial/seeds-icons";
 import type { EnumLogoNames } from "../EnumLogoNames.flow";
 import type { TypeWithDisplayName } from "../types/shared.flow";
 import type { TypeTheme } from "../types/theme.flow";
-export type TypeIconSize = 'mini' // 12x12
+export type TypeIconSize = "mini" // 12x12
 // TODO: deprecate default  in favor of small in future release
-| 'default' // 16x16
-| 'small' // 16x16
-| 'medium' // 24x24
-| 'large' // 32x32
-| 'jumbo'; // 64x64
+| "default" // 16x16
+| "small" // 16x16
+| "medium" // 24x24
+| "large" // 32x32
+| "jumbo"; // 64x64
 
 export type TypeIconNames = EnumIconNames;
 export type TypeIconName = TypeIconNames | EnumLogoNames;
@@ -34,7 +34,7 @@ export type TypeToggleProps = {
   /** Whether the active icon should be shown or not */
   isActive: boolean,
   /** The size of the icon. `small` is the default */
-  size?: 'mini' | 'default' | 'small' | 'medium' | 'large' | 'jumbo',
+  size?: "mini" | "default" | "small" | "medium" | "large" | "jumbo",
   fixedWidth?: boolean,
   ariaLabel?: string,
   ...

package/__flow__/IllustrationViewBoxes.js

@@ -73,6 +73,7 @@ module.exports = {
   "planning": "0 0 251 277",
   "podium": "0 0 106 46",
   "pointer": "0 0 54 37",
+  "profile-groups": "0 0 360 195",
   "publish-assets": "0 0 336 263",
   "publish-links": "0 0 266 252",
   "publishing-notifications": "0 0 564 187",

package/__flow__/Image/Image.flow.js

@@ -1,6 +1,6 @@
 // @flow
 // eslint-disable-next-line no-unused-vars -- used in class extend... why is this erroring?
-import * as React from 'react';
+import * as React from "react";
 export type TypeImageProps = {
   src: string,
   /** Alt text is required for non-decorative images */
@@ -16,10 +16,10 @@ export type TypeImageProps = {
 };
 declare class Image extends React.Component<TypeImageProps> {
   static defaultProps: {|
-    title: $PropertyType<TypeImageProps, 'title'>,
-    onError: $PropertyType<TypeImageProps, 'onError'>,
-    onClick: $PropertyType<TypeImageProps, 'onClick'>,
-    onLoad: $PropertyType<TypeImageProps, 'onLoad'>,
+    title: $PropertyType<TypeImageProps, "title">,
+    onError: $PropertyType<TypeImageProps, "onError">,
+    onClick: $PropertyType<TypeImageProps, "onClick">,
+    onLoad: $PropertyType<TypeImageProps, "onLoad">,
   |}
 }
 declare export default typeof Image;

package/__flow__/Indicator/Indicator.flow.js

@@ -1,5 +1,5 @@
 // @flow
-import * as React from 'react';
+import * as React from "react";
 export type TypeIndicatorProps = {
   tooltip: string,
   ...

package/__flow__/Input/Input.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 TypeInputProps = {
   /** ID of the form element, should match the "for" value of the associated label */
@@ -16,7 +16,7 @@ export type TypeInputProps = {
   /** Current value of the input */
   value?: string,
   /** HTML type attribute */
-  type?: 'date' | 'email' | 'number' | 'password' | 'text' | 'url' | 'search',
+  type?: "date" | "email" | "number" | "password" | "text" | "url" | "search",
   /** Set option to display earlier typed values */
   autoComplete?: boolean,
   /** Will autofocus the element when mounted to the DOM */
@@ -50,13 +50,13 @@ export type TypeInputProps = {
   onKeyDown?: (e: SyntheticKeyboardEvent<HTMLInputElement>, value: string) => void,
   onKeyUp?: (e: SyntheticKeyboardEvent<HTMLInputElement>, value: string) => void,
   onPaste?: (e: SyntheticInputEvent<HTMLInputElement>, value: string) => void,
-  size?: 'large' | 'small' | 'default',
+  size?: "large" | "small" | "default",
   qa?: Object,
   /**
       Controls the styles of the input. Primary is our standard input styles and secondary is a borderless input.
       Note that this prop should only be used to alter styles and not functionality.
   */
-  appearance?: 'primary' | 'secondary',
+  appearance?: "primary" | "secondary",
   ...
 };
 declare class Input extends React.Component<TypeInputProps> {

package/__flow__/KeyboardKey/KeyboardKey.flow.js

@@ -1,5 +1,5 @@
 // @flow
-import * as React from 'react';
+import * as React from "react";
 export type TypeKeyboardKeyProps = {
   /** Text to display inside of key */
   children: string,

package/__flow__/Label/Label.flow.js

@@ -1,5 +1,5 @@
 // @flow
-import * as React from 'react';
+import * as React from "react";
 import Text from "../Text/index.flow";
 export type TypeLabelBaseProps = {
   ...React.ElementConfig<typeof Text>,

package/__flow__/Link/Link.flow.js

@@ -1,5 +1,5 @@
 // @flow
-import * as React from 'react';
+import * as React from "react";
 import type { TypeStyledComponentsCommonProps } from "../types/styled-components.flow";
 export type TypeLinkProps = {
   /** Optional prop to make the URL open in a new tab */
@@ -11,7 +11,7 @@ export type TypeLinkProps = {
   disabled?: boolean,
   /** Can be used in addition to an href but still renders as a link. Omitting href will render as button */
   onClick?: (e: SyntheticEvent<HTMLButtonElement>) => void,
-  as?: $PropertyType<TypeStyledComponentsCommonProps, 'as'>,
+  as?: $PropertyType<TypeStyledComponentsCommonProps, "as">,
   underline?: boolean,
   qa?: Object,
   ...

package/__flow__/Listbox/Listbox.flow.js

@@ -1,22 +1,22 @@
 // @flow
-import * as React from 'react';
+import * as React from "react";
 import Button from "../Button/index.flow";
 import Popout from "../Popout/index.flow";
 import Menu from "../Menu/index.flow";
 import type { TypeMenuProps, TypeMenuButtonContext } from "../Menu/index.flow";
 export type TypeListboxProps = {
   ...TypeMenuProps,
-  role?: 'listbox',
+  role?: "listbox",
   ...
 };
 export type TypeListboxButtonProps = {
   ...$Exact<React.ElementConfig<typeof Button>>,
   ...TypeMenuButtonContext,
-  size?: 'large' | 'default' | 'small',
+  size?: "large" | "default" | "small",
   content: React.Node,
   popoutProps?: $Shape<React.ElementConfig<typeof Popout>>,
-  'aria-label'?: string,
-  'aria-labelledby'?: string,
+  "aria-label"?: string,
+  "aria-labelledby"?: string,
   ...
 };
 declare class Listbox extends React.Component<TypeListboxProps> {

package/__flow__/Loader/Loader.flow.js

@@ -1,12 +1,12 @@
 // @flow
-import * as React from 'react';
+import * as React from "react";
 export type TypeLoaderProps = {
-  size?: 'small' | 'large',
+  size?: "small" | "large",
   /** Text for the loader. This text is not visible, but is used for accessibility purposed */
   text?: string,
   /** Whether the loader should wait 2 seconds before it displays */
   delay?: boolean,
-  color?: 'light' | 'dark',
+  color?: "light" | "dark",
   qa?: Object,
   ...
 };

package/__flow__/LoaderButton/LoaderButton.flow.js

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

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>;