@sproutsocial/racine 24.2.0 → 25.0.0

package/__flow__/Button/Button.flow.js

@@ -1,36 +0,0 @@
-// @flow
-import * as React from "react";
-import { type StyledComponent } from "styled-components";
-import type { TypeTheme } from "../types/theme.flow";
-import type { TypeSystemCommonProps, TypeSystemLayoutProps, TypeSystemFlexboxProps, TypeSystemGridProps } from "../types/system-props.flow";
-export type TypeButtonProps = {
-  ...TypeSystemCommonProps,
-  ...TypeSystemLayoutProps,
-  ...TypeSystemFlexboxProps,
-  ...TypeSystemGridProps,
-  /** If the button is being used as an anchor, this prop will cause the link to open in a new tab. */
-  external?: boolean,
-  size?: "large" | "default",
-  /** What the button looks like. "default" is deprecated in favor of "unstyled" */
-  appearance?: "primary" | "secondary" | "pill" | "destructive" | "unstyled" | "placeholder",
-  /** Set the button to display in its active state */
-  active?: boolean,
-  /** Disables user action and applies a disabled style on the button */
-  disabled?: boolean,
-  children: React.Node,
-  /** Setting this prop will cause the component to be rendered as an anchor element instead of a button element  */
-  href?: string,
-  /** Used to get a reference to the underlying button */
-  innerRef?: React.Ref<"button">,
-  /** Action to perform when the button is clicked */
-  onClick?: (e: SyntheticEvent<HTMLButtonElement>) => any,
-  title?: string,
-  qa?: Object,
-  as?: any,
-  /** Label used to describe the button if the button does not have text within it */
-  ariaLabel?: string,
-  ...
-};
-declare export var Container: StyledComponent<any, TypeTheme, *>;
-declare var Button: React.StatelessFunctionalComponent<TypeButtonProps>;
-declare export default typeof Button;

package/__flow__/Button/index.flow.js

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

package/__flow__/Card/Card.flow.js

@@ -1,9 +0,0 @@
-// @flow
-import * as React from "react";
-import type { TypeCardProps, TypeCardLink, TypeCardArea } from "./CardTypes.flow";
-declare var Card: React.StatelessFunctionalComponent<TypeCardProps>;
-declare export var CardLink: React.StatelessFunctionalComponent<TypeCardLink>;
-declare export var CardHeader: React.StatelessFunctionalComponent<TypeCardArea>;
-declare export var CardContent: React.StatelessFunctionalComponent<TypeCardArea>;
-declare export var CardFooter: React.StatelessFunctionalComponent<TypeCardArea>;
-declare export default typeof Card;

package/__flow__/Card/CardTypes.flow.js

@@ -1,73 +0,0 @@
-// @flow
-
-import * as React from "react";
-import type { TypeIconProps } from "../Icon/index.flow";
-import type { TypeStyledComponentsCommonProps, TypePropsWithChildren } from "../types/index.flow";
-import type { TypeBorderSystemProps, TypeColorSystemProps, TypeFlexboxSystemProps, TypeGridSystemProps, TypeLayoutSystemProps, TypePositionSystemProps, TypeSpaceSystemProps, TypeTypographySystemProps } from "../systemProps/index.flow";
-export type TypeSharedCardSystemProps = TypePropsWithChildren<{|
-  ...TypeStyledComponentsCommonProps,
-  ...TypeBorderSystemProps,
-  ...TypeColorSystemProps,
-  ...TypeFlexboxSystemProps,
-  ...TypeGridSystemProps,
-  ...TypeLayoutSystemProps,
-  ...TypePositionSystemProps,
-  ...TypeSpaceSystemProps,
-  key?: React.Key,
-|}>;
-export type TypeCardStyleProps = {|
-  elevation?: "low" | "medium" | "high",
-  disabled?: boolean,
-  compositionalComponents?: boolean,
-  selected?: boolean,
-|};
-export type TypeCardStyleTransientProps = {|
-  $elevation?: "low" | "medium" | "high",
-  $disabled?: boolean,
-  $compositionalComponents?: boolean,
-  $selected?: boolean,
-|};
-export type TypeStyledCard = {
-  ...TypeSharedCardSystemProps,
-  ...TypeCardStyleTransientProps,
-  ...
-};
-export type TypeCardStyles = {|
-  ...TypeSharedCardSystemProps,
-  ...$Diff<TypeCardStyleProps, {|
-    compositionalComponents: any
-  |}>,
-|};
-declare type TypeOnClick = (event: SyntheticMouseEvent<HTMLElement> | SyntheticMouseEvent<HTMLElement>) => void;
-export type TypeCardConditions = {|
-  role: "link" | "button" | "checkbox" | "presentation",
-  href?: string,
-  onClick?: TypeOnClick,
-  selected?: boolean,
-|};
-export type TypeCardProps = {
-  ...TypeCardConditions,
-  ...TypeCardStyles,
-  $elevation?: void,
-  $disabled?: void,
-  $compositionalComponents?: void,
-  $selected?: void,
-  ...
-};
-export type TypeCardArea = {
-  ...TypeSharedCardSystemProps,
-  $divider?: "top" | "bottom",
-  ...
-};
-export type TypeStyledSelectedIcon = {
-  ...TypeIconProps,
-  $selected: $PropertyType<TypeCardStyleTransientProps, "$selected">,
-  ...
-};
-export type TypeCardLink = {
-  ...TypeColorSystemProps,
-  ...TypeTypographySystemProps,
-  affordance?: boolean,
-  external?: boolean,
-  ...
-};

package/__flow__/Card/index.flow.js

@@ -1,3 +0,0 @@
-// @flow
-export * from "./Card.flow";
-export * from "./CardTypes.flow";

package/__flow__/CharacterCounter/CharacterCounter.flow.js

@@ -1,12 +0,0 @@
-// @flow
-import * as React from "react";
-export type TypeCharacterCounterProps = {
-  /** Current value of relative input/textarea */
-  currentValue: number,
-  /** Max amount of characters for input/textarea */
-  maxValue: number,
-  size?: "default" | "mini",
-  ...
-};
-declare var CharacterCounter: React.ComponentType<TypeCharacterCounterProps>;
-declare export default typeof CharacterCounter;

package/__flow__/CharacterCounter/index.flow.js

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

package/__flow__/ChartLegend/ChartLegend.flow.js

@@ -1,18 +0,0 @@
-// @flow
-import * as React from "react";
-export type TypeChartLegendTheme = "compare" | "contrast" | "extended";
-export type TypeChartLegendProps = {
-  /** Inline or stacked y plots */
-  stacked?: boolean,
-  theme?: TypeChartLegendTheme,
-  /** Array of names with optional color to display. If no color is specified, index of label will be used to determine color based on the theme. */
-  legendLabels: {
-    name: string,
-    color?: string,
-    ...
-  }[],
-  qa?: Object,
-  ...
-};
-declare var ChartLegend: React.StatelessFunctionalComponent<TypeChartLegendProps>;
-declare export default typeof ChartLegend;

package/__flow__/ChartLegend/index.flow.js

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

package/__flow__/Checkbox/Checkbox.flow.js

@@ -1,24 +0,0 @@
-// @flow
-import * as React from "react";
-export type TypeCheckboxProps = {
-  /** ID of the form element, should match the "for" value of the associated label */
-  id: string,
-  value?: string,
-  name?: string,
-  /** Label text to display next to the checkbox */
-  label?: string,
-  /** Label used to describe the input (if not used with an accompanying visual label) */
-  ariaLabel?: string,
-  labelProps?: Object,
-  checked?: boolean,
-  indeterminate?: boolean,
-  disabled?: boolean,
-  onChange: (event: SyntheticEvent<HTMLInputElement>) => void,
-  appearance?: "pill" | "default",
-  qa?: Object,
-  tabIndex?: string | number,
-  inputProps?: Object,
-  ...
-};
-declare var Checkbox: React.StatelessFunctionalComponent<TypeCheckboxProps>;
-declare export default typeof Checkbox;

package/__flow__/Checkbox/index.flow.js

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

package/__flow__/Collapsible/Collapsible.flow.js

@@ -1,19 +0,0 @@
-// @flow
-import * as React from "react";
-import type { TypeWithDisplayName } from "../types/shared.flow";
-export type TypeCollapsibleProps = {
-  isOpen: boolean,
-  children: React.Node,
-  /** If the children of the collapsible panel have a top or bottom margin, it will throw off the calculations for the height of the content. The total amount of vertical margin (in pixels) can be supplied to this prop to correct this. */
-  offset?: number,
-  collapsedHeight?: number,
-  openHeight?: number,
-  ...
-};
-declare var Trigger: TypeWithDisplayName<React.StatelessFunctionalComponent<{...}>>;
-declare var Panel: TypeWithDisplayName<React.StatelessFunctionalComponent<{...}>>;
-declare class Collapsible extends React.Component<TypeCollapsibleProps> {
-  static Trigger: typeof Trigger,
-  static Panel: typeof Panel,
-}
-declare export default typeof Collapsible;

package/__flow__/Collapsible/index.flow.js

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

package/__flow__/DatePicker/DateRangePicker/DateRangePicker.flow.js

@@ -1,19 +0,0 @@
-// @flow
-import * as React from "react";
-import { type TypeCommonDatePickerProps } from "../common.flow";
-export type EnumFocusedInput = null | "startDate" | "endDate";
-export type TypeDateRangePickerProps = {
-  startDate: ?moment$Moment,
-  endDate: ?moment$Moment,
-  onDatesChange: ({|
-    startDate: moment$Moment,
-    endDate: moment$Moment,
-  |}) => void,
-  focusedInput: EnumFocusedInput,
-  onFocusChange: (EnumFocusedInput) => void,
-  setStatusText?: (moment$Moment[]) => string,
-  ...TypeCommonDatePickerProps,
-  ...
-};
-declare var DateRangePicker: React.StatelessFunctionalComponent<TypeDateRangePickerProps>;
-declare export default typeof DateRangePicker;

package/__flow__/DatePicker/DateRangePicker/StatefulDateRangePicker.flow.js

@@ -1,11 +0,0 @@
-// @flow
-import * as React from "react";
-import type { TypeDateRangePickerProps } from "./DateRangePicker.flow";
-export type TypeStatefulDateRangePickerProps = {
-  ...TypeDateRangePickerProps,
-  onDatesChange?: $PropertyType<TypeDateRangePickerProps, "onDatesChange">,
-  focusedInput?: $PropertyType<TypeDateRangePickerProps, "focusedInput">,
-  onFocusChange?: $PropertyType<TypeDateRangePickerProps, "onFocusChange">,
-  ...
-};
-declare export var StatefulDateRangePicker: React.StatelessFunctionalComponent<TypeStatefulDateRangePickerProps>;

package/__flow__/DatePicker/DateRangePicker/index.flow.js

@@ -1,3 +0,0 @@
-// @flow
-export * from "./DateRangePicker.flow";
-export * from "./StatefulDateRangePicker.flow";

package/__flow__/DatePicker/SingleDatePicker/SingleDatePicker.flow.js

@@ -1,17 +0,0 @@
-// @flow
-import * as React from "react";
-import { type TypeCommonDatePickerProps } from "../common.flow";
-export type TypeSingleDatePickerProps = {
-  date: ?moment$Moment,
-  onDateChange: (date: moment$Moment) => void,
-  setStatusText?: (date: moment$Moment) => string,
-  focused?: boolean,
-  onFocusChange?: ({
-    focused: boolean,
-    ...
-  }) => void,
-  ...TypeCommonDatePickerProps,
-  ...
-};
-declare var SingleDatePicker: React.StatelessFunctionalComponent<TypeSingleDatePickerProps>;
-declare export default typeof SingleDatePicker;

package/__flow__/DatePicker/SingleDatePicker/StatefulSingleDatePicker.flow.js

@@ -1,9 +0,0 @@
-// @flow
-import * as React from "react";
-import type { TypeSingleDatePickerProps } from "./SingleDatePicker.flow";
-export type TypeStatefulSingleDatePickerProps = {
-  ...TypeSingleDatePickerProps,
-  onDateChange?: (date: moment$Moment) => void,
-  ...
-};
-declare export var StatefulSingleDatePicker: React.StatelessFunctionalComponent<TypeStatefulSingleDatePickerProps>;

package/__flow__/DatePicker/SingleDatePicker/index.flow.js

@@ -1,3 +0,0 @@
-// @flow
-export * from "./SingleDatePicker.flow";
-export * from "./StatefulSingleDatePicker.flow";

package/__flow__/DatePicker/common.flow.js

@@ -1,21 +0,0 @@
-// @flow
-import { type Node } from "react";
-export type TypeCommonDatePickerProps = {|
-  daySize?: number,
-  isOutsideRange?: (date: moment$Moment) => boolean,
-  hideKeyboardShortcutsPanel?: boolean,
-  navPrev?: Node,
-  navNext?: Node,
-  numberOfMonths?: number,
-  renderDayContents?: (day: moment$Moment, modifiers: Object) => Node,
-  keepOpenOnDateSelect?: boolean,
-  initialVisibleMonth?: () => moment$Moment,
-  minimumNights?: number,
-  phrases?: {
-    [phrase: string]: Node | (({
-      date: moment$Moment,
-      ...
-    }) => Node),
-    ...
-  },
-|};

package/__flow__/DatePicker/index.flow.js

@@ -1,6 +0,0 @@
-// @flow
-export { default as SingleDatePicker } from "./SingleDatePicker/index.flow";
-export { default as DateRangePicker } from "./DateRangePicker/index.flow";
-export * from "./common.flow";
-export * from "./DateRangePicker/index.flow";
-export * from "./SingleDatePicker/index.flow";

package/__flow__/Drawer/Drawer.flow.js

@@ -1,49 +0,0 @@
-// @flow
-import * as React from "react";
-import type { TypeWithDisplayName } from "../types/shared.flow";
-export type TypeDrawerContext = $Shape<{
-  /** Callback for close button */
-  onClose: () => any,
-  /** aria-label for drawer close button */
-  closeButtonLabel: string,
-  ...
-}>;
-export type TypeDrawerCloseButtonProps = {
-  /** An optional function that receives the context of the parent drawer as an argument. Can be used to customize the on-close behavior. */
-  render?: (TypeDrawerContext) => React.Node,
-  children?: React.Node,
-  ...
-};
-export type TypeDrawerHeaderProps = {
-  title?: string,
-  children?: React.Node,
-  /** An optional function that receives the context of the parent drawer as an argument. Can be used to customize the appearance of the header. */
-  render?: (TypeDrawerContext) => React.Node,
-  ...
-};
-export type TypeDrawerProps = {
-  children: React.Node,
-  /** Label for the close button. Usually this should be "Close" */
-  closeButtonLabel: string,
-  /** Whether the drawer slides in from the left or right side of the screen */
-  direction?: "left" | "right",
-  /** In some cases, you may not want the user to be able to click outside of the drawer to close it. You can disable that with this prop. */
-  disableCloseOnClickOutside?: boolean,
-  id: string,
-  isOpen: boolean,
-  offset?: number,
-  onClose: () => void,
-  zIndex?: number,
-  closeTargets?: Array<Element>,
-  width?: number,
-  ...
-};
-declare class DrawerContainer extends React.Component<TypeDrawerProps> {
-  static Header: TypeWithDisplayName<React.StatelessFunctionalComponent<TypeDrawerHeaderProps>>,
-  static Content: TypeWithDisplayName<React.StatelessFunctionalComponent<{
-    children?: React.Node,
-    ...
-  }>>,
-  static CloseButton: TypeWithDisplayName<React.StatelessFunctionalComponent<TypeDrawerCloseButtonProps>>,
-}
-declare export default typeof DrawerContainer;

package/__flow__/Drawer/index.flow.js

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

package/__flow__/EmptyState/EmptyState.flow.js

@@ -1,17 +0,0 @@
-// @flow
-import * as React from "react";
-export type TypeEmptyStateProps = {
-  /** An image in (preferably in SVG format) */
-  media?: React.Node,
-  /** A headline describing the empty state */
-  headline: React.Node,
-  /** Optional description of the empty state */
-  subtext?: React.Node,
-  /** Element for the primary call-to-action */
-  primaryAction?: React.Element<*>,
-  /** Element for any secondary call-to-action */
-  secondaryAction?: React.Element<*>,
-  ...
-};
-declare var EmptyState: React.StatelessFunctionalComponent<TypeEmptyStateProps>;
-declare export default typeof EmptyState;

package/__flow__/EmptyState/index.flow.js

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

package/__flow__/Fieldset/Fieldset.flow.js

@@ -1,16 +0,0 @@
-// @flow
-import * as React from "react";
-import type { TypeWithDisplayName } from "../types/shared.flow";
-export type TypeFieldsetProps = {
-  /** Label text to display above the fieldset */
-  label: React.Node,
-  helperText?: React.Node,
-  layout?: "vertical" | "horizontal",
-  children: React.Node,
-  ...
-};
-declare class Fieldset extends React.Component<TypeFieldsetProps> {
-  static Legend: TypeWithDisplayName<React.StatelessFunctionalComponent<{...}>>,
-  static HelperText: TypeWithDisplayName<React.StatelessFunctionalComponent<{...}>>,
-}
-declare export default typeof Fieldset;

package/__flow__/Fieldset/index.flow.js

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

package/__flow__/FormField/FormField.flow.js

@@ -1,32 +0,0 @@
-// @flow
-import * as React from "react";
-import type { TypeBoxProps } from "../Box/index.flow";
-export type TypeFormFieldProps = {
-  ...TypeBoxProps,
-  /** A function that receives props that need to be spread onto the child element */
-  children: (options: {
-    id: string,
-    isInvalid: boolean,
-    ariaDescribedby: string,
-    required?: boolean,
-    ...
-  }) => React.Element<any>,
-  /** Text describing any error with the field's content */
-  error?: React.Node,
-  /** Text acting as a description blurb below the main label **/
-  helperText?: React.Node,
-  /** ID of the form element (will be auto-generated if not provided) */
-  id?: string,
-  /** Whether the current contents of the field are invalid */
-  isInvalid?: boolean,
-  /** Label text to display above the form field */
-  label: React.Node,
-  qa?: Object,
-  /** Whether the label text should be visually hidden */
-  isLabelHidden?: boolean,
-  /** Whether the form element is required */
-  required?: boolean,
-  ...
-};
-declare var FormField: React.StatelessFunctionalComponent<TypeFormFieldProps>;
-declare export default typeof FormField;

package/__flow__/FormField/index.flow.js

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

package/__flow__/Icon/Icon.flow.js

@@ -1,50 +0,0 @@
-// @flow
-import * as React from "react";
-import type { StyledComponent } from "styled-components";
-import type { EnumIconNames } from "@sproutsocial/seeds-icons";
-import type { EnumLogoNamesWithoutVariants } from "@sproutsocial/seeds-partner-logos";
-import type { TypeWithDisplayName } from "../types/shared.flow";
-import type { TypeTheme } from "../types/theme.flow";
-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
-
-export type TypeIconNames = EnumIconNames;
-export type TypeIconName = TypeIconNames | EnumLogoNamesWithoutVariants;
-export type TypeIconProps = {
-  /** Name of the icon in the svg sprite */
-  name: TypeIconName,
-  size?: TypeIconSize,
-  /** Whether the icon should have a fixed width or not. Use this when you need to align icons/text vertically in a list. */
-  fixedWidth?: boolean,
-  /** Label used to describe the icon if not used with an accompanying visual label */
-  ariaLabel?: string,
-  svgProps?: {...},
-  ...
-};
-export type TypeToggleProps = {
-  /** Name of the icon to be shown in the active state */
-  activeName: TypeIconName,
-  /** Name of the icon to be shown in the inactive state */
-  inactiveName: TypeIconName,
-  /** 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",
-  fixedWidth?: boolean,
-  ariaLabel?: string,
-  ...
-};
-declare class Icon extends React.Component<TypeIconProps> {
-  static Toggle: TypeWithDisplayName<React.StatelessFunctionalComponent<TypeToggleProps>>
-}
-declare export var IconContainer: StyledComponent<{
-  iconSize: TypeIconSize,
-  fixedWidth: boolean,
-  ...
-}, TypeTheme, HTMLSpanElement>;
-declare export default typeof Icon;

package/__flow__/Icon/index.flow.js

@@ -1,4 +0,0 @@
-// @flow
-import Icon from "./Icon.flow";
-export { Icon };
-export * from "./Icon.flow";

package/__flow__/Image/Image.flow.js

@@ -1,25 +0,0 @@
-// @flow
-// eslint-disable-next-line no-unused-vars -- used in class extend... why is this erroring?
-import * as React from "react";
-export type TypeImageProps = {
-  src: string,
-  /** Alt text is required for non-decorative images */
-  alt: string,
-  title: string,
-  onError: (e: SyntheticEvent<HTMLImageElement, Event>) => void,
-  onClick: () => void,
-  /** A URL for a default image to load if the source image is not available */
-  defaultImage?: string,
-  onLoad: () => void,
-  qa?: Object,
-  ...
-};
-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">,
-  |}
-}
-declare export default typeof Image;

package/__flow__/Image/index.flow.js

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

package/__flow__/Indicator/Indicator.flow.js

@@ -1,11 +0,0 @@
-// @flow
-import * as React from "react";
-export type TypeIndicatorProps = {
-  tooltip: string,
-  ...
-};
-declare var Indicator: React.ComponentType<{
-  tooltip?: string,
-  ...
-}>;
-declare export default typeof Indicator;

package/__flow__/Indicator/index.flow.js

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

package/__flow__/Input/Input.flow.js

@@ -1,65 +0,0 @@
-// @flow
-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 */
-  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 Input, like an error */
-  ariaDescribedby?: string,
-  /** Label for Input.ClearButton. Required when using Input.ClearButton. */
-  clearButtonLabel?: string,
-  /** Placeholder text for when value is undefined or empty */
-  placeholder?: string,
-  /** Current value of the input */
-  value?: string,
-  /** HTML type attribute */
-  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 */
-  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,
-  /** 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 length of the input */
-  maxLength?: number,
-  /** Props to spread onto the underlying input element */
-  inputProps?: any,
-  /** Used to get a reference to the underlying element */
-  innerRef?: {|
-    current: null | HTMLInputElement
-  |} | ((React.ElementRef<any> | HTMLElement) => void),
-  onBlur?: (e: SyntheticFocusEvent<HTMLInputElement>) => void,
-  onChange?: (e: SyntheticInputEvent<HTMLInputElement>, value: string) => void,
-  onClear?: (e: SyntheticEvent<HTMLButtonElement>) => void,
-  onFocus?: (e: SyntheticFocusEvent<HTMLInputElement>) => void,
-  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",
-  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",
-  ...
-};
-declare class Input extends React.Component<TypeInputProps> {
-  static ClearButton: TypeWithDisplayName<React.StatelessFunctionalComponent<{||}>>
-}
-declare export default typeof Input;

package/__flow__/Input/index.flow.js

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

package/__flow__/KeyboardKey/KeyboardKey.flow.js

@@ -1,9 +0,0 @@
-// @flow
-import * as React from "react";
-export type TypeKeyboardKeyProps = {
-  /** Text to display inside of key */
-  children: string,
-  ...
-};
-declare var KeyboardKey: React.ComponentType<TypeKeyboardKeyProps>;
-declare export default typeof KeyboardKey;

package/__flow__/KeyboardKey/index.flow.js

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