@sproutsocial/racine 24.2.0 → 25.0.1

package/__flow__/Badge/Badge.flow.js

@@ -1,21 +0,0 @@
-// @flow
-import * as React from "react";
-import type { TypeIconName } from "../Icon/index.flow";
-import { badgeColors } from "./constants.flow";
-export type TypeBadgeColor = $Keys<typeof badgeColors>;
-export type TypeBadgeProps = {
-  children?: React.Node,
-  /** DEPRECATED: Use children instead of text */
-  text?: React.Node,
-  /** Size default is deprecated in favor of small and large */
-  size?: "small" | "large" | "default",
-  badgeColor?: TypeBadgeColor,
-  iconName?: TypeIconName,
-  /** DEPRECATED: Possibly only used for testing. Refrain from using at all if possible. (optional) */
-  tip?: React.Node,
-  /** DEPRECATED: The legacy method of choosing a theme. Use badgeColor instead. (optional) */
-  type?: string,
-  ...
-};
-declare var Badge: React.StatelessFunctionalComponent<TypeBadgeProps>;
-declare export default typeof Badge;

package/__flow__/Badge/constants.flow.js

@@ -1,28 +0,0 @@
-// @flow
-
-type TypeLegacyBadgeColor = {|
-  color: string,
-  background: string,
-|};
-declare export var legacyBadgeColors: {|
-  primary: TypeLegacyBadgeColor,
-  secondary: TypeLegacyBadgeColor,
-  passive: TypeLegacyBadgeColor,
-  common: TypeLegacyBadgeColor,
-  approval: TypeLegacyBadgeColor,
-  default: TypeLegacyBadgeColor,
-  suggestion: TypeLegacyBadgeColor,
-|};
-export const badgeColors = Object.freeze({
-  green: "green",
-  blue: "blue",
-  purple: "purple",
-  yellow: "yellow",
-  orange: "orange",
-  red: "red",
-  neutral: "neutral",
-  magenta: "magenta",
-  pink: "pink",
-  aqua: "aqua",
-  teal: "teal"
-});

package/__flow__/Badge/index.flow.js

@@ -1,3 +0,0 @@
-// @flow
-export * from "./Badge.flow";
-export * from "./constants.flow";

package/__flow__/Banner/Banner.flow.js

@@ -1,22 +0,0 @@
-// @flow
-import * as React from "react";
-import type { TypeIconProps } from "../Icon/index.flow";
-export type EnumBannerType = "success" | "info" | "error" | "warning" | "opportunity";
-export type TypeBannerProps = {
-  text: React.Node,
-  /** Type of banner. */
-  type?: EnumBannerType,
-  /** Show the close icon in the banner with an action when clicked */
-  onClose?: () => void,
-  /** Close icon aria label */
-  closeButtonLabel?: string,
-  /** Icon props that can be passed to the Type specific Icon */
-  typeIconProps?: {
-    ...TypeIconProps,
-    name?: void,
-    ...
-  },
-  ...
-};
-declare var Banner: React.StatelessFunctionalComponent<TypeBannerProps>;
-declare export default typeof Banner;

package/__flow__/Banner/index.flow.js

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

package/__flow__/Box/Box.flow.js

@@ -1,22 +0,0 @@
-// @flow
-import * as React from "react";
-import type { StyledComponent } from "styled-components";
-import type { TypeStyledComponentsCommonProps } from "../types/styled-components.flow";
-import type { TypeSystemCommonProps, TypeSystemBorderProps, TypeSystemLayoutProps, TypeSystemPositionProps, TypeSystemFlexboxProps, TypeSystemGridProps } from "../types/system-props.flow";
-import type { TypeTheme } from "../types/theme.flow";
-export type TypeContainerProps = $ReadOnly<{|
-  ...TypeStyledComponentsCommonProps,
-  ...TypeSystemCommonProps,
-  ...TypeSystemBorderProps,
-  ...TypeSystemLayoutProps,
-  ...TypeSystemPositionProps,
-  ...TypeSystemFlexboxProps,
-  ...TypeSystemGridProps,
-|}>;
-type TypeBoxContainer = StyledComponent<TypeContainerProps, TypeTheme, *>;
-export type TypeBoxProps = {
-  ...React.ElementConfig<TypeBoxContainer>,
-  ...
-};
-declare var Box: React.AbstractComponent<TypeBoxProps, *>;
-declare export default typeof Box;

package/__flow__/Box/index.flow.js

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

package/__flow__/Breadcrumb/Breadcrumb.flow.js

@@ -1,22 +0,0 @@
-// @flow
-import * as React from "react";
-import type { TypeLinkProps } from "../Link/index.flow";
-import type { TypeWithDisplayName } from "../types/shared.flow";
-export type TypeBreadcrumbProps = {
-  children: React.Node,
-  /** Description of the type of navigation being provided by the breadcrumb (i.e. "Asset library breadcrumb") */
-  ariaLabel: string,
-  /** optional */
-  overflow?: {
-    label: string,
-    menu: React.Node,
-    ...
-  },
-  ...
-};
-export type TypeBreadcrumbItemProps = TypeLinkProps;
-declare var BreadcrumbItem: TypeWithDisplayName<React.StatelessFunctionalComponent<TypeBreadcrumbItemProps>>;
-declare class Breadcrumb extends React.Component<TypeBreadcrumbProps> {
-  static Item: typeof BreadcrumbItem
-}
-declare export default typeof Breadcrumb;

package/__flow__/Breadcrumb/index.flow.js

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

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;