@sproutsocial/racine 24.2.0 → 25.0.0

package/__flow__/Select/Select.flow.js

@@ -1,27 +0,0 @@
-// @flow
-import * as React from "react";
-export type TypeSelectProps = {
-  /** ID of the form element, should match the "for" value of the associated label */
-  id: string,
-  name: string,
-  /** Label used to describe the select if not used with an accompanying visual label */
-  ariaLabel?: string,
-  /** Attribute used to associate other elements that describe the Select, like an error */
-  ariaDescribedby?: string,
-  children: React.Node,
-  defaultValue?: any,
-  /** Current value of the input */
-  value?: any,
-  required?: boolean,
-  isInvalid?: boolean,
-  autoFocus?: boolean,
-  disabled?: boolean,
-  /** Props to spread onto the underlying input element */
-  inputProps?: any,
-  qa?: any,
-  onChange?: (e: SyntheticInputEvent<HTMLInputElement>) => void,
-  size?: "large" | "small" | "default",
-  ...
-};
-declare var Select: React.ComponentType<TypeSelectProps>;
-declare export default typeof Select;

package/__flow__/Select/index.flow.js

@@ -1,2 +0,0 @@
-// @flow
-export * from "./Select.flow";

package/__flow__/Skeleton/Skeleton.flow.js

@@ -1,6 +0,0 @@
-// @flow
-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>;
-declare export default typeof Skeleton;

package/__flow__/Skeleton/index.flow.js

@@ -1,2 +0,0 @@
-// @flow
-export * from "./Skeleton.flow";

package/__flow__/SpotIllustration/SpotIllustration.flow.js

@@ -1,12 +0,0 @@
-// @flow
-import * as React from "react";
-import type { EnumIllustrationNames } from "@sproutsocial/seeds-illustrations";
-export type TypeSpotIllustrationProps = {
-  name: EnumIllustrationNames,
-  customFill?: "red" | "green" | "yellow" | "magenta" | "purple" | "aqua",
-  height?: string,
-  width?: string,
-  ...
-};
-declare var SpotIllustration: React.StatelessFunctionalComponent<TypeSpotIllustrationProps>;
-declare export default typeof SpotIllustration;

package/__flow__/SpotIllustration/index.flow.js

@@ -1,2 +0,0 @@
-// @flow
-export * from "./SpotIllustration.flow";

package/__flow__/Stack/Stack.flow.js

@@ -1,26 +0,0 @@
-// @flow
-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 TypeSystemProps = {|
-  ...TypeSystemCommonProps,
-  ...TypeSystemFlexboxProps,
-  ...TypeSystemPositionProps,
-  ...TypeSystemLayoutProps,
-  ...TypeSystemBorderProps,
-|};
-export type TypeStackProps = {
-  ...TypeSystemProps,
-  /** Amount of space between items in the stack */
-  space?: TypeResponsive<TypeSpaceLiterals>,
-  /** Alignment of the items in the stack (horizontal or vertical) */
-  align?: TypeResponsive<TypeAlignment>,
-  /** Axis upon which the stack is laid out (left, center, right, or stretch) */
-  direction?: TypeResponsive<TypeDirection>,
-  children: React.Node,
-  ...
-};
-declare var Stack: React.StatelessFunctionalComponent<TypeStackProps>;
-declare export default typeof Stack;

package/__flow__/Stack/index.flow.js

@@ -1,2 +0,0 @@
-// @flow
-export * from "./Stack.flow";

package/__flow__/Switch/Switch.flow.js

@@ -1,5 +0,0 @@
-// @flow
-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__/Switch/SwitchTypes.flow.js

@@ -1,16 +0,0 @@
-// @flow
-import type { TypeColorSystemProps, TypeLayoutSystemProps, TypeSpaceSystemProps } from "../systemProps/index.flow";
-export type TypeSwitchProps = {
-  ...TypeColorSystemProps,
-  ...TypeLayoutSystemProps,
-  ...TypeSpaceSystemProps,
-  onClick: (e: SyntheticEvent<HTMLButtonElement>, checked: boolean) => void,
-  checked: boolean,
-  name?: string,
-  loading?: boolean,
-  disabled?: boolean,
-  a11yLabels?: void,
-
-    // removed prop
-  ...
-};

package/__flow__/Switch/index.flow.js

@@ -1,3 +0,0 @@
-// @flow
-export * from "./Switch.flow";
-export * from "./SwitchTypes.flow";

package/__flow__/Table/Table.flow.js

@@ -1,48 +0,0 @@
-// @flow
-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";
-import TableCell from "../TableCell/index.flow";
-import TableHeaderCell from "../TableHeaderCell/index.flow";
-export type TypePassthroughProps = {
-  children: React.Node,
-  ...
-};
-export type TypeTableRow = {|
-  /** Table Row Id */
-  id: string,
-  /** Array for TableCells to render */
-  cells: TypeTableCellProps[],
-|};
-export type TypeTableProps = {
-  /** Array of TableHeaderCells to render */
-  head?: TypeTableHeaderCell[],
-  /** Array of TableRows to render */
-  rows?: TypeTableRow[],
-  /** Callback for Sorting Table Columns (optional) */
-  onSort?: (id: string) => void,
-  /** Controls which column is being sorted (optional) */
-  sortId?: string,
-  /** Controls the current sort direction (optional) */
-  sortDirection?: TypeEnumSortDirections,
-  /** Custom row render for flexibilty */
-  rowRender?: (row: TypeTableRow) => React.Node,
-  /**
-   * Including children will overwrite all head, rows, rowRender, and sorting props
-   * Should be used for manually rendering tables and ignoring data props
-   */
-  children?: React.Node,
-  ...
-};
-declare export var TableHead: TypeWithDisplayName<React.StatelessFunctionalComponent<TypePassthroughProps>>;
-declare export var TableBody: TypeWithDisplayName<React.StatelessFunctionalComponent<TypePassthroughProps>>;
-declare export var TableRow: TypeWithDisplayName<React.StatelessFunctionalComponent<TypePassthroughProps>>;
-declare class Table extends React.Component<TypeTableProps> {
-  static TableHead: typeof TableHead,
-  static TableBody: typeof TableBody,
-  static TableRow: typeof TableRow,
-  static HeaderCell: typeof TableHeaderCell,
-  static Cell: typeof TableCell,
-}
-declare export default typeof Table;

package/__flow__/Table/index.flow.js

@@ -1,2 +0,0 @@
-// @flow
-export * from "./Table.flow";

package/__flow__/TableCell/TableCell.flow.js

@@ -1,28 +0,0 @@
-// @flow
-import * as React from "react";
-import { type TypeSystemCommonProps } from "../types/system-props.flow.js";
-export type TypeTableCellProps = {
-  ...TypeSystemCommonProps,
-  /** Table Cell Id */
-  id: string,
-  /** Content is deprecated.  Please use children instead. Content to be render */
-  content?: React.Node,
-  /** Controls the colSpan attribute (optional) */
-  colSpan?: number,
-  /** Controls the width attribute (optional) */
-  width?: number,
-  /** Controls the CSS text-align property (optional) */
-  align?: "left" | "right" | "center" | "justify",
-  /** Controls the scope attribute. If set, will change the element from a <td> to a <th>. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th#scope (optional)  */
-  scope?: "row" | "col" | "rowGroup" | "colGroup",
-  /** Children to be rendered */
-  children?: React.Node,
-  ...
-};
-
-/**
- * @deprecated Use TypeTableCellProps from root instead
- */
-export type TypeTableCell = TypeTableCellProps;
-declare var TableCell: React.ComponentType<TypeTableCellProps>;
-declare export default typeof TableCell;

package/__flow__/TableCell/index.flow.js

@@ -1,2 +0,0 @@
-// @flow
-export * from "./TableCell.flow";

package/__flow__/TableHeaderCell/TableHeaderCell.flow.js

@@ -1,30 +0,0 @@
-// @flow
-import * as React from "react";
-import type { TypeTableCellProps } from "../TableCell/index.flow";
-export const SORT_DIRECTIONS = {
-  ASC: "ASC",
-  DESC: "DESC"
-};
-export type TypeEnumSortDirections = $Keys<typeof SORT_DIRECTIONS>;
-export type TypeTableHeaderCell = {
-  ...TypeTableCellProps,
-  /** Legacy Deteremines if a table column is sortable (optional) */
-  isSortable?: boolean,
-  /** Truncates text into a singular line with ellipsis (optional) */
-  shouldTruncate?: boolean,
-  ...
-};
-export type TypeTableHeaderCellProps = {
-  ...TypeTableHeaderCell,
-  /** Legacy: Callback for Sorting Table Columns (optional) */
-  onSort?: (id: string) => void,
-  /** Legacy: Controls which column is being sorted (optional) */
-  sortId?: string,
-  /** Legacy: Controls the current sort direction (optional) */
-  sortDirection?: TypeEnumSortDirections,
-  /** Callback for Click Events. If Included will override onSort prop */
-  onClick?: (e: SyntheticEvent<HTMLButtonElement>) => void,
-  ...
-};
-declare var TableHeaderCell: React.ComponentType<TypeTableHeaderCellProps>;
-declare export default typeof TableHeaderCell;

package/__flow__/TableHeaderCell/index.flow.js

@@ -1,2 +0,0 @@
-// @flow
-export * from "./TableHeaderCell.flow";

package/__flow__/TableRowAccordion/TableRowAccordion.flow.js

@@ -1,15 +0,0 @@
-// @flow
-import * as React from "react";
-import type { TypeTableRow } from "../Table/index.flow";
-export type TypeTableRowAccordionProps = {
-  ...TypeTableRow,
-  /** Content to be rendered in accordion drawer */
-  detail: React.Node,
-  /** Controls the display state of the accordion drawer */
-  isExpanded: boolean,
-  /** Callback for toggling the accordion drawer state */
-  onToggle: (id: string) => void,
-  ...
-};
-declare var TableRowAccordion: React.ComponentType<TypeTableRowAccordionProps>;
-declare export default typeof TableRowAccordion;

package/__flow__/TableRowAccordion/index.flow.js

@@ -1,2 +0,0 @@
-// @flow
-export * from "./TableRowAccordion.flow";

package/__flow__/Tabs/Tabs.flow.js

@@ -1,26 +0,0 @@
-// @flow
-import * as React from "react";
-import type { TypeWithDisplayName } from "../types/shared.flow";
-export type TypeTabButtonsProps = {
-  children: React.Node,
-  /** Should be unique among sibling elements */
-  id: string,
-  ...
-};
-export type TypeTabsProps = {
-  children: React.Node,
-  onSelect: (string) => void,
-  /** Whether or not the tabs should stretch to fill the width of their container */
-  fullWidth?: boolean,
-  qa?: {
-    [string]: string,
-    ...
-  },
-  /** ID of the selected tab */
-  selectedId: string,
-  ...
-};
-declare class Tabs extends React.Component<TypeTabsProps> {
-  static Button: TypeWithDisplayName<React.ComponentType<TypeTabButtonsProps>>
-}
-declare export default typeof Tabs;

package/__flow__/Tabs/index.flow.js

@@ -1,2 +0,0 @@
-// @flow
-export * from "./Tabs.flow";

package/__flow__/Text/Text.flow.js

@@ -1,27 +0,0 @@
-//@flow
-import * as React from "react";
-import type { TypeWithDisplayName } from "../types/shared.flow";
-import type { TypeSystemFlexboxProps, TypeSystemGridProps } from "../types/system-props.flow";
-export type TypeTextProps = {
-  ...TypeSystemFlexboxProps,
-  ...TypeSystemGridProps,
-  /** Maps to the typeScale system prop, sets font size and line height using Seeds values */
-  fontSize?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100 | 1200,
-  /** Controls the CSS word-break property */
-  breakWord?: boolean,
-  /** Truncates text into a single line with ellipsis */
-  truncated?: boolean,
-  children: React.Node,
-  qa?: Object,
-  ...
-};
-declare class Text extends React.Component<TypeTextProps> {
-  static Headline: TypeWithDisplayName<React.ComponentType<TypeTextProps>>,
-  static SubHeadline: TypeWithDisplayName<React.ComponentType<TypeTextProps>>,
-  static SmallSubHeadline: TypeWithDisplayName<React.ComponentType<TypeTextProps>>,
-  static Byline: TypeWithDisplayName<React.ComponentType<TypeTextProps>>,
-  static SmallByline: TypeWithDisplayName<React.ComponentType<TypeTextProps>>,
-  static BodyCopy: TypeWithDisplayName<React.ComponentType<TypeTextProps>>,
-  static SmallBodyCopy: TypeWithDisplayName<React.ComponentType<TypeTextProps>>,
-}
-declare export default typeof Text;

package/__flow__/Text/index.flow.js

@@ -1,2 +0,0 @@
-// @flow
-export * from "./Text.flow";

package/__flow__/Textarea/Textarea.flow.js

@@ -1,59 +0,0 @@
-// @flow
-import * as React from "react";
-export type TypeTextareaProps = {
-  /** ID of the form element, should match the "for" value of the associated label */
-  id: string,
-  name: string,
-  /** Label used to describe the input if not used with an accompanying visual label */
-  ariaLabel?: string,
-  /** Attribute used to associate other elements that describe the Textarea, like an error */
-  ariaDescribedby?: string,
-  /** Current value of the textarea */
-  value?: string,
-  /** Will autofocus the element when mounted to the DOM */
-  autoFocus?: boolean,
-  /** HTML disabled attribute */
-  disabled?: boolean,
-  /** HTML readonly attribute */
-  readOnly?: boolean,
-  /** Whether or not the current contents of the input are invalid */
-  isInvalid?: boolean,
-  /** Placeholder text for when value is undefined or empty */
-  placeholder?: string,
-  /** HTML required attribute */
-  required?: boolean,
-  /** 16x16 element, such as an icon */
-  elemBefore?: React.Node,
-  /** 16x16 element, such as an icon */
-  elemAfter?: React.Node,
-  /** Max length of the input */
-  maxLength?: number,
-  /** HTML spellcheck attribute */
-  enableSpellcheck?: boolean,
-  /** Makes the text area vertically resizable */
-  enableResize?: boolean,
-  /** The number of visible lines of text without scrolling */
-  rows?: number,
-  qa?: any,
-  /** Props to spread onto the underlying textarea element */
-  inputProps?: any,
-  /** Used to get a reference to the underlying element */
-  innerRef?: React.Ref<"textarea">,
-  onBlur?: (e: SyntheticFocusEvent<HTMLInputElement>) => void,
-  onChange?: (e: SyntheticInputEvent<HTMLInputElement>) => void,
-  onFocus?: (e: SyntheticFocusEvent<HTMLInputElement>) => void,
-  onKeyDown?: (e: SyntheticInputEvent<HTMLInputElement>) => void,
-  onKeyUp?: (e: SyntheticInputEvent<HTMLInputElement>) => void,
-  ...
-};
-declare class Textarea extends React.Component<TypeTextareaProps> {
-  static defaultProps: {|
-    rows: $PropertyType<TypeTextareaProps, "rows">
-  |},
-  handleBlur: (e: SyntheticFocusEvent<HTMLInputElement>) => void,
-  handleChange: (e: SyntheticInputEvent<HTMLInputElement>) => void,
-  handleFocus: (e: SyntheticFocusEvent<HTMLInputElement>) => void,
-  handleKeyDown: (e: SyntheticInputEvent<HTMLInputElement>) => void,
-  handleKeyUp: (e: SyntheticInputEvent<HTMLInputElement>) => void,
-}
-declare export default typeof Textarea;

package/__flow__/Textarea/index.flow.js

@@ -1,2 +0,0 @@
-// @flow
-export * from "./Textarea.flow";

package/__flow__/ThemeProvider/index.flow.js

@@ -1,12 +0,0 @@
-// @flow strict-local
-import * as React from "react";
-import type { TypeSproutTheme, TypeTheme } from "../types/theme.flow";
-
-// We can append additional themes types here
-type TypeAllThemes = TypeTheme | TypeSproutTheme;
-type TypeThemeProviderProps = $ReadOnly<{|
-  theme?: TypeAllThemes,
-  children: React.Node,
-|}>;
-declare var ThemeProvider: React.StatelessFunctionalComponent<TypeThemeProviderProps>;
-declare export default typeof ThemeProvider;

package/__flow__/Toast/Toast.flow.js

@@ -1,27 +0,0 @@
-// @flow
-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 TypeToastProps = {|
-  theme?: TypeToastTheme,
-  content: React.Node,
-  color?: TypeColor,
-  icon?: TypeIconName,
-|};
-export type TypeToastOptions = {|
-  ...TypeToastProps,
-  theme?: TypeToastTheme,
-  persist?: boolean,
-  onClose?: () => void,
-  useTransition?: boolean,
-  /**
-   * Close the toast on click. Defaults to true.
-   */
-  closeOnClick?: boolean,
-  /** toastId allows you to prevent duplicate toasts with the same message. If your content is a string, we will use that as the toastId and you don't need to do anything. If you have JSX and want to prevent duplicates you can pass the same custom ID with each instance of your message, and the duplicates will be prevented. */
-  toastId?: string,
-|};
-declare var ToastContainer: React.StatelessFunctionalComponent<{...}>;
-declare export function toast(options: TypeToastOptions): void;
-declare export default typeof ToastContainer;

package/__flow__/Toast/index.flow.js

@@ -1,2 +0,0 @@
-// @flow
-export * from "./Toast.flow";

package/__flow__/ToggleHint/ToggleHint.flow.js

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

package/__flow__/ToggleHint/index.flow.js

@@ -1,2 +0,0 @@
-// @flow
-export * from "./ToggleHint.flow";

package/__flow__/Token/Token.flow.js

@@ -1,17 +0,0 @@
-// @flow
-import * as React from "react";
-export type TypeTokenProps = {
-  onClick?: (event: SyntheticEvent<HTMLButtonElement>) => void,
-  children: React.Node,
-  qa?: Object,
-  /** Show the close icon in the token. Can be used with or without icon prop */
-  closeable?: boolean,
-  /** Indicates whether the token value is valid or not */
-  valid?: boolean,
-  /** Indicates whether the token is disabled */
-  disabled?: boolean,
-  palette?: "neutral" | "blue",
-  ...
-};
-declare var Token: React.StatelessFunctionalComponent<TypeTokenProps>;
-declare export default typeof Token;

package/__flow__/Token/index.flow.js

@@ -1,2 +0,0 @@
-// @flow
-export * from "./Token.flow";

package/__flow__/TokenInput/TokenInput.flow.js

@@ -1,79 +0,0 @@
-// @flow
-import * as React from "react";
-import type { TypeIconProps, TypeIconName } from "../Icon/index.flow";
-export type TypeTokenSpec = {
-  id: string,
-  iconName?: TypeIconName,
-  iconProps?: $Diff<TypeIconProps, {|
-    name: string
-  |}>,
-  value: string,
-  valid?: boolean,
-  ...
-};
-export type TypeTokenInputProps = {
-  /** ID of the form element, should match the "for" value of the associated label */
-  id: string,
-  name: string,
-  iconName?: TypeIconName,
-  /** Array of delimiter key names */
-  delimiters?: string[],
-  /** Current input text. Required when controlling the input text */
-  value?: string,
-  /** Current focus state. Required when controlling the focus via onFocus and onBlur */
-  hasFocus?: boolean,
-  /** Id of the currently selected token */
-  activeToken?: string,
-  /** Array of current tokens */
-  tokens?: TypeTokenSpec[],
-  /** Standard control of changing tokens. For fine-grain control use onAddToken and onRemoveToken, instead */
-  onChangeTokens?: (tokens: TypeTokenSpec[]) => void,
-  /** Fine-grained control of adding tokens. Use with onRemoveToken instead of onChangeTokens */
-  onAddToken?: (tokenSpec: TypeTokenSpec) => void,
-  /** Fine-grained control of removing tokens. Use with onAddToken instead of onChangeTokens */
-  onRemoveToken?: (tokenId: string) => void,
-  /** Controls clicking on a token. When absent, clicking a token removes itself */
-  onClickToken?: (e: SyntheticEvent<HTMLButtonElement>, tokenId: string) => void,
-  /** Fine-grained control of the input text used to create tokens */
-  onChange?: (e: SyntheticInputEvent<HTMLInputElement>, value: string) => void,
-  /** Fine-grained control of pasted text */
-  onPaste?: (e: SyntheticClipboardEvent<HTMLInputElement>, value: string) => void,
-  onBlur?: (e: SyntheticFocusEvent<HTMLInputElement>) => void,
-  onFocus?: (e: SyntheticFocusEvent<HTMLInputElement>) => void,
-  onKeyDown?: (e: SyntheticKeyboardEvent<HTMLInputElement>, value: string) => void,
-  onKeyUp?: (e: SyntheticKeyboardEvent<HTMLInputElement>, value: string) => void,
-  /** Attribute used to associate other elements that describe the Input, like an error */
-  ariaDescribedby?: string,
-  /** Label used to describe the input if not used with an accompanying visual label */
-  ariaLabel?: string,
-  /** Placeholder text for when value is undefined or empty */
-  placeholder?: string,
-  /** Will autofocus the element when mounted to the DOM */
-  autoFocus?: boolean,
-  /** HTML disabled attribute */
-  disabled?: boolean,
-  /** Whether or not the current contents of the input are invalid */
-  isInvalid?: boolean,
-  /** Whether or not the current contents of the input has any warnings */
-  hasWarning?: boolean,
-  /** HTML required attribute */
-  required?: boolean,
-  /** 16x16 element, such as an icon */
-  elemBefore?: React.Node,
-  /** 16x16 element, such as an icon */
-  elemAfter?: React.Node,
-  /** Max input text length */
-  maxLength?: number,
-  /** Max length of the token */
-  tokenMaxLength?: number,
-  /** Props to spread onto the underlying input element */
-  inputProps?: any,
-  /** Used to get a reference to the underlying element */
-  innerRef?: React.Ref<"input">,
-  qa?: Object,
-  /** Browser autocomplete support */
-  autocomplete?: string,
-  ...
-};
-declare var TokenInput: React.ComponentType<TypeTokenInputProps>;
-declare export default typeof TokenInput;

package/__flow__/TokenInput/TokenScreenReaderStatus.js

@@ -1,32 +0,0 @@
-/* eslint-disable react/prop-types */
-import React from "react";
-import { useEffect, useRef, useState } from "react";
-import { VisuallyHidden } from "../VisuallyHidden";
-function usePrevious(value) {
-  const ref = useRef();
-  useEffect(() => {
-    ref.current = value;
-  });
-  return ref.current;
-}
-export const TokenScreenReaderStatus = ({
-  tokens
-}) => {
-  const prevTokens = usePrevious(tokens);
-  const [tokenStatus, setTokenStatus] = useState("");
-
-  // TODO: Use callbacks so consumers can pass localized messaging to the screen reader
-  useEffect(() => {
-    if (prevTokens) {
-      if (prevTokens.length > tokens.length) {
-        setTokenStatus(`${prevTokens.filter(item => tokens.indexOf(item) === -1)[0].value} has been removed`);
-      }
-      if (prevTokens.length < tokens.length) {
-        setTokenStatus(`${tokens[tokens.length - 1].value} has been added.`);
-      }
-    }
-  }, [prevTokens, tokens, tokenStatus]);
-  return <VisuallyHidden as="div" role="status">
-      {tokenStatus}
-    </VisuallyHidden>;
-};

package/__flow__/TokenInput/index.flow.js

@@ -1,2 +0,0 @@
-// @flow
-export * from "./TokenInput.flow";

package/__flow__/Tooltip/Tooltip.flow.js

@@ -1,24 +0,0 @@
-// @flow
-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 */
-  children: React.Node,
-  /** The content to be displayed within the tooltip. If there is no content, just the children are rendered */
-  content: React.Node,
-  /** The placement of the tooltip in relation to the children */
-  placement?: EnumPlacements,
-  /** 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",
-  qa?: Object,
-  zIndex?: number,
-  /** Props to be spread onto the underlying Popout component */
-  popoutProps?: Object,
-  /** Truncates text into a single line with ellipsis */
-  truncated?: boolean,
-  ...
-};
-declare var Tooltip: React.StatelessFunctionalComponent<TypeTooltipProps>;
-declare export default typeof Tooltip;

package/__flow__/Tooltip/index.flow.js

@@ -1,2 +0,0 @@
-// @flow
-export * from "./Tooltip.flow";

package/__flow__/VisuallyHidden/VisuallyHidden.flow.js

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

package/__flow__/VisuallyHidden/index.flow.js

@@ -1,2 +0,0 @@
-// @flow
-export * from "./VisuallyHidden.flow";