@sproutsocial/racine 24.2.0 → 25.0.1

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

package/__flow__/index.flow.js

@@ -1,136 +0,0 @@
-// @flow
-
-/* Asset types */
-export type { EnumIconNames } from "@sproutsocial/seeds-icons";
-export type { EnumIllustrationNames } from "@sproutsocial/seeds-illustrations";
-export type { EnumLogoNamesWithoutVariants as EnumLogoNames } from "@sproutsocial/seeds-partner-logos";
-
-/* Theme and related types */
-export * from "./systemProps/index.flow";
-export { default as theme } from "./themes/light/theme.flow";
-export { default as darkTheme } from "./themes/dark/theme.flow";
-export { sproutLightTheme, sproutDarkTheme } from "./themes/extendedThemes/sproutTheme/index.flow";
-export type { TypeTheme, TypeSproutTheme } from "./types/theme.flow";
-export { default as ThemeProvider } from "./ThemeProvider/index.flow";
-
-/* Utilities and related types */
-export { useSelect, useMultiselect, useTextContent } from "./utils/hooks.flow";
-export { visuallyHidden, focusRing, disabled } from "./utils/mixins.flow";
-export { useInteractiveColor } from "./utils/useInteractiveColor.flow";
-
-/* Components */
-export { default as Avatar } from "./Avatar/index.flow";
-export { default as Badge } from "./Badge/index.flow";
-export { default as Banner } from "./Banner/index.flow";
-export { default as Box } from "./Box/index.flow";
-export { default as Breadcrumb } from "./Breadcrumb/index.flow";
-export { default as Button } from "./Button/index.flow";
-export { default as Card } from "./Card/index.flow";
-export { default as CharacterCounter } from "./CharacterCounter/index.flow";
-export { default as ChartLegend } from "./ChartLegend/index.flow";
-export { default as Checkbox } from "./Checkbox/index.flow";
-export { default as Collapsible } from "./Collapsible/index.flow";
-export { DateRangePicker, SingleDatePicker } from "./DatePicker/index.flow";
-export { default as Drawer } from "./Drawer/index.flow";
-export { default as EmptyState } from "./EmptyState/index.flow";
-export { default as Fieldset } from "./Fieldset/index.flow";
-export { default as FormField } from "./FormField/index.flow";
-export * from "./Icon/index.flow";
-export { default as Image } from "./Image/index.flow";
-export { default as Indicator } from "./Indicator/index.flow";
-export { default as Input } from "./Input/index.flow";
-export { default as KeyboardKey } from "./KeyboardKey/index.flow";
-export { default as Label } from "./Label/index.flow";
-export { default as Link } from "./Link/index.flow";
-export { default as Listbox, ListboxButton } from "./Listbox/index.flow";
-export { default as Loader } from "./Loader/index.flow";
-export { default as LoaderButton } from "./LoaderButton/index.flow";
-export { default as Menu, MenuButton, MenuButtonContext, MenuItemContainer } from "./Menu/index.flow";
-export { default as Message } from "./Message/index.flow";
-export { default as Modal } from "./Modal/index.flow";
-export { default as Numeral } from "./Numeral/index.flow";
-export { default as PartnerLogo } from "./PartnerLogo/index.flow";
-export { default as Popout } from "./Popout/index.flow";
-export { default as Radio } from "./Radio/index.flow";
-export { default as SegmentedControl } from "./SegmentedControl/index.flow";
-export { default as Select } from "./Select/index.flow";
-export { default as Skeleton } from "./Skeleton/index.flow";
-export { default as SpotIllustration } from "./SpotIllustration/index.flow";
-export { default as Stack } from "./Stack/index.flow";
-export * from "./Switch/index.flow";
-export { default as Table } from "./Table/index.flow";
-export { default as TableCell } from "./TableCell/index.flow";
-export { default as TableHeaderCell } from "./TableHeaderCell/index.flow";
-export { default as TableRowAccordion } from "./TableRowAccordion/index.flow";
-export { default as Tabs } from "./Tabs/index.flow";
-export { default as Text } from "./Text/index.flow";
-export { default as Textarea } from "./Textarea/index.flow";
-export { default as ToastContainer, toast } from "./Toast/index.flow";
-export { default as ToggleHint } from "./ToggleHint/index.flow";
-export { default as Token } from "./Token/index.flow";
-export { default as TokenInput } from "./TokenInput/index.flow";
-export { default as Tooltip } from "./Tooltip/index.flow";
-export { VisuallyHidden } from "./VisuallyHidden/index.flow";
-
-/* Components types */
-export type { TypeAvatarProps } from "./Avatar/index.flow";
-export type { TypeBadgeProps } from "./Badge/index.flow";
-export type { TypeBannerProps, EnumBannerType } from "./Banner/index.flow";
-export type { TypeBoxProps } from "./Box/index.flow";
-export type { TypeBreadcrumbProps, TypeBreadcrumbItemProps } from "./Breadcrumb/index.flow";
-export type { TypeButtonProps } from "./Button/index.flow";
-export type { TypeCardProps } from "./Card/index.flow";
-export type { TypeCharacterCounterProps } from "./CharacterCounter/index.flow";
-export type { TypeChartLegendProps } from "./ChartLegend/index.flow";
-export type { TypeCheckboxProps } from "./Checkbox/index.flow";
-export type { TypeCollapsibleProps } from "./Collapsible/index.flow";
-export type { TypeDateRangePickerProps, TypeSingleDatePickerProps } from "./DatePicker/index.flow";
-export type { TypeDrawerProps, TypeDrawerCloseButtonProps, TypeDrawerHeaderProps } from "./Drawer/index.flow";
-export type { TypeEmptyStateProps } from "./EmptyState/index.flow";
-export type { TypeFieldsetProps } from "./Fieldset/index.flow";
-export type { TypeFormFieldProps } from "./FormField/index.flow";
-export type { TypeImageProps } from "./Image/index.flow";
-export type { TypeIndicatorProps } from "./Indicator/index.flow";
-export type { TypeInputProps } from "./Input/index.flow";
-export type { TypeKeyboardKeyProps } from "./KeyboardKey/index.flow";
-export type { TypeLabelProps } from "./Label/index.flow";
-export type { TypeLinkProps } from "./Link/index.flow";
-export type { TypeListboxProps, TypeListboxButtonProps } from "./Listbox/index.flow";
-export type { TypeLoaderProps } from "./Loader/index.flow";
-export type { TypeLoaderButtonProps } from "./LoaderButton/index.flow";
-export type { TypeMenuButtonContext, TypeMenuButtonProps, TypeMenuContext, TypeMenuGroupProps, TypeMenuItemProps, TypeMenuItemRoles, TypeMenuProps, TypeMenuRoles } from "./Menu/index.flow";
-export type { EnumDensities, TypeMessageProps } from "./Message/index.flow";
-export type { TypeModalProps, TypeModalContentProps, TypeModalFooterProps, TypeModalHeaderProps } from "./Modal/index.flow";
-export type { TypeNumeralProps } from "./Numeral/index.flow";
-export type { TypePartnerLogoProps, TypePartnerNames } from "./PartnerLogo/index.flow";
-export type { EnumPlacements, TypePopoutProps } from "./Popout/index.flow";
-export type { TypeRadioProps } from "./Radio/index.flow";
-export type { TypeSegmentedControlProps, TypeSegmentedControlItemProps } from "./SegmentedControl/index.flow";
-export type { TypeSelectProps } from "./Select/index.flow";
-export type { TypeSpotIllustrationProps } from "./SpotIllustration/index.flow";
-export type { TypeStackProps } from "./Stack/index.flow";
-export type { TypeTableProps, TypeTableRow } from "./Table/index.flow";
-export type { TypeTableCell, TypeTableCellProps } from "./TableCell/index.flow";
-export type { TypeEnumSortDirections, TypeTableHeaderCell,
-// Component props type, but why also TypeTableHeaderCell?
-TypeTableHeaderCellProps } from "./TableHeaderCell/index.flow";
-export type { TypeTableRowAccordionProps } from "./TableRowAccordion/index.flow";
-export type { TypeTabsProps, TypeTabButtonsProps } from "./Tabs/index.flow";
-export type { TypeTextProps } from "./Text/index.flow";
-export type { TypeTextareaProps } from "./Textarea/index.flow";
-export type { TypeToastOptions, TypeToastTheme } from "./Toast/index.flow";
-export type { TypeToggleHintProps } from "./ToggleHint/index.flow";
-export type { TypeTokenProps } from "./Token/index.flow";
-export type { TypeTokenInputProps, TypeTokenSpec } from "./TokenInput/index.flow";
-export type { TypeTooltipProps } from "./Tooltip/index.flow";
-
-/* Deprecated exports */
-/**
- * @deprecated Use badgeColor instead
- */
-export { legacyBadgeColors } from "./Badge/index.flow";
-
-/**
- * @deprecated Alert has been renamed to Banner
- */
-export { default as Alert } from "./Banner/index.flow";

package/__flow__/index.js

@@ -1,2 +0,0 @@
-// @flow
-export * from './index.flow';

package/__flow__/systemProps/background.flow.js

@@ -1,17 +0,0 @@
-// @flow strict-local
-
-import { background } from "styled-system";
-import type { Property$BackgroundImage, Property$BackgroundPosition, Property$Background, Property$BackgroundRepeat, Property$BackgroundSize } from "csstype";
-import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
-
-// https://styled-system.com/table#background
-
-export type TypeBackgroundSystemProps = $ReadOnly<{|
-  background?: TypeResponsiveBaseSystemProp<Property$Background<void>>,
-  backgroundImage?: TypeResponsiveBaseSystemProp<Property$BackgroundImage>,
-  backgroundSize?: TypeResponsiveBaseSystemProp<Property$BackgroundSize<void>>,
-  // prettier-ignore
-  backgroundPosition?: TypeResponsiveBaseSystemProp<Property$BackgroundPosition<void>>,
-  backgroundRepeat?: TypeResponsiveBaseSystemProp<Property$BackgroundRepeat>,
-|}>;
-export const backgroundSystemProps: StyledSystemStyleFn = background;

package/__flow__/systemProps/border.flow.js

@@ -1,46 +0,0 @@
-// @flow strict-local
-
-import { border } from "styled-system";
-import type { Property$BorderBottomColor, Property$BorderBottomLeftRadius, Property$BorderBottom, Property$BorderBottomRightRadius, Property$BorderBottomStyle, Property$BorderBottomWidth, Property$BorderColor, Property$BorderLeftColor, Property$BorderLeft, Property$BorderLeftStyle, Property$BorderLeftWidth, Property$Border, Property$BorderRadius, Property$BorderRightColor, Property$BorderRight, Property$BorderRightStyle, Property$BorderRightWidth, Property$BorderStyle, Property$BorderTopColor, Property$BorderTopLeftRadius, Property$BorderTop, Property$BorderTopRightRadius, Property$BorderTopStyle, Property$BorderTopWidth, Property$BorderWidth } from "csstype";
-import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
-
-// https://styled-system.com/table#border
-
-export type TypeBorderSystemProps = $ReadOnly<{|
-  border?: TypeResponsiveBaseSystemProp<Property$Border<number>>,
-  borderBottom?: TypeResponsiveBaseSystemProp<Property$BorderBottom<number>>,
-  borderBottomColor?: TypeResponsiveBaseSystemProp<Property$BorderBottomColor>,
-  // prettier-ignore
-  borderBottomLeftRadius?: TypeResponsiveBaseSystemProp<Property$BorderBottomLeftRadius<number>>,
-  // prettier-ignore
-  borderBottomRightRadius?: TypeResponsiveBaseSystemProp<Property$BorderBottomRightRadius<number>>,
-  borderBottomStyle?: TypeResponsiveBaseSystemProp<Property$BorderBottomStyle>,
-  // prettier-ignore
-  borderBottomWidth?: TypeResponsiveBaseSystemProp<Property$BorderBottomWidth<number>>,
-  borderColor?: TypeResponsiveBaseSystemProp<Property$BorderColor>,
-  borderLeft?: TypeResponsiveBaseSystemProp<Property$BorderLeft<number>>,
-  borderLeftColor?: TypeResponsiveBaseSystemProp<Property$BorderLeftColor>,
-  borderLeftStyle?: TypeResponsiveBaseSystemProp<Property$BorderLeftStyle>,
-  // prettier-ignore
-  borderLeftWidth?: TypeResponsiveBaseSystemProp<Property$BorderLeftWidth<number>>,
-  borderRadius?: TypeResponsiveBaseSystemProp<Property$BorderRadius<number>>,
-  borderRight?: TypeResponsiveBaseSystemProp<Property$BorderRight<number>>,
-  borderRightColor?: TypeResponsiveBaseSystemProp<Property$BorderRightColor>,
-  borderRightStyle?: TypeResponsiveBaseSystemProp<Property$BorderRightStyle>,
-  // prettier-ignore
-  borderRightWidth?: TypeResponsiveBaseSystemProp<Property$BorderRightWidth<number>>,
-  borderStyle?: TypeResponsiveBaseSystemProp<Property$BorderStyle>,
-  borderTop?: TypeResponsiveBaseSystemProp<Property$BorderTop<number>>,
-  borderTopColor?: TypeResponsiveBaseSystemProp<Property$BorderTopColor>,
-  // prettier-ignore
-  borderTopLeftRadius?: TypeResponsiveBaseSystemProp<Property$BorderTopLeftRadius<number>>,
-  // prettier-ignore
-  borderTopRightRadius?: TypeResponsiveBaseSystemProp<Property$BorderTopRightRadius<number>>,
-  borderTopStyle?: TypeResponsiveBaseSystemProp<Property$BorderTopStyle>,
-  // prettier-ignore
-  borderTopWidth?: TypeResponsiveBaseSystemProp<Property$BorderTopWidth<number>>,
-  borderWidth?: TypeResponsiveBaseSystemProp<Property$BorderWidth<number>>,
-  borderX?: TypeResponsiveBaseSystemProp<Property$BorderLeft<number>>,
-  borderY?: TypeResponsiveBaseSystemProp<Property$BorderTop<number>>,
-|}>;
-export const borderSystemProps: StyledSystemStyleFn = border;

package/__flow__/systemProps/color.flow.js

@@ -1,16 +0,0 @@
-// @flow strict-local
-
-import { color } from "styled-system";
-import type { Property$BackgroundColor, Property$Color, Property$Opacity } from "csstype";
-import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
-
-// https://styled-system.com/table#color
-
-export type TypeBackgroundColorSystemProp = TypeResponsiveBaseSystemProp<Property$BackgroundColor>;
-export type TypeColorSystemProps = $ReadOnly<{|
-  backgroundColor?: TypeBackgroundColorSystemProp,
-  bg?: TypeBackgroundColorSystemProp,
-  color?: TypeResponsiveBaseSystemProp<Property$Color>,
-  opacity?: TypeResponsiveBaseSystemProp<Property$Opacity>,
-|}>;
-export const colorSystemProps: StyledSystemStyleFn = color;

package/__flow__/systemProps/custom.flow.js

@@ -1,16 +0,0 @@
-// @flow strict-local
-
-import { compose, system } from "styled-system";
-import type { Property$Cursor, Property$WhiteSpace } from "csstype";
-import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
-
-// https://styled-system.com/custom-props
-
-export type TypeCustomSystemProps = $ReadOnly<{|
-  cursor?: TypeResponsiveBaseSystemProp<Property$Cursor>,
-  whiteSpace?: TypeResponsiveBaseSystemProp<Property$WhiteSpace>,
-|}>;
-export const customSystemProps: StyledSystemStyleFn = compose(system({
-  cursor: true,
-  whiteSpace: true
-}));

package/__flow__/systemProps/flexbox.flow.js

@@ -1,28 +0,0 @@
-// @flow strict-local
-
-import { flexbox } from "styled-system";
-import type { Property$AlignItems, Property$AlignContent, Property$JustifyContent, Property$JustifyItems, Property$FlexWrap, Property$FlexDirection, Property$Flex, Property$FlexBasis, Property$JustifySelf, Property$AlignSelf, Property$Gap, Property$ColumnGap, Property$RowGap, Globals } from "csstype";
-import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
-
-// https://styled-system.com/table#flexbox
-
-type TypeGlobalsNumber = Globals | number;
-export type TypeFlexboxSystemProps = $ReadOnly<{|
-  alignItems?: TypeResponsiveBaseSystemProp<Property$AlignItems>,
-  alignContent?: TypeResponsiveBaseSystemProp<Property$AlignContent>,
-  justifyItems?: TypeResponsiveBaseSystemProp<Property$JustifyContent>,
-  justifyContent?: TypeResponsiveBaseSystemProp<Property$JustifyItems>,
-  flexWrap?: TypeResponsiveBaseSystemProp<Property$FlexWrap>,
-  flexDirection?: TypeResponsiveBaseSystemProp<Property$FlexDirection>,
-  flex?: TypeResponsiveBaseSystemProp<Property$Flex<void>>,
-  flexGrow?: TypeResponsiveBaseSystemProp<TypeGlobalsNumber>,
-  flexShrink?: TypeResponsiveBaseSystemProp<TypeGlobalsNumber>,
-  flexBasis?: TypeResponsiveBaseSystemProp<Property$FlexBasis<void>>,
-  justifySelf?: TypeResponsiveBaseSystemProp<Property$JustifySelf>,
-  alignSelf?: TypeResponsiveBaseSystemProp<Property$AlignSelf>,
-  order?: TypeResponsiveBaseSystemProp<TypeGlobalsNumber>,
-  gap?: TypeResponsiveBaseSystemProp<Property$Gap<string | number>>,
-  columnGap?: TypeResponsiveBaseSystemProp<Property$ColumnGap<string | number>>,
-  rowGap?: TypeResponsiveBaseSystemProp<Property$RowGap<string | number>>,
-|}>;
-export const flexboxSystemProps: StyledSystemStyleFn = flexbox;

package/__flow__/systemProps/grid.flow.js

@@ -1,26 +0,0 @@
-// @flow strict-local
-
-import { grid } from "styled-system";
-import type { Property$GridArea, Property$GridAutoColumns, Property$GridAutoFlow, Property$GridAutoRows, Property$GridColumn, Property$GridColumnGap, Property$GridGap, Property$GridRow, Property$GridRowGap, Property$GridTemplateAreas, Property$GridTemplateColumns, Property$GridTemplateRows } from "csstype";
-import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
-
-// https://styled-system.com/table#grid-layout
-
-export type TypeGridSystemProps = $ReadOnly<{|
-  gridArea?: TypeResponsiveBaseSystemProp<Property$GridArea>,
-  // prettier-ignore
-  gridAutoColumns?: TypeResponsiveBaseSystemProp<Property$GridAutoColumns<void>>,
-  gridAutoFlow?: TypeResponsiveBaseSystemProp<Property$GridAutoFlow>,
-  gridAutoRows?: TypeResponsiveBaseSystemProp<Property$GridAutoRows<void>>,
-  gridColumn?: TypeResponsiveBaseSystemProp<Property$GridColumn>,
-  gridColumnGap?: TypeResponsiveBaseSystemProp<Property$GridColumnGap<void>>,
-  gridGap?: TypeResponsiveBaseSystemProp<Property$GridGap<void>>,
-  gridRow?: TypeResponsiveBaseSystemProp<Property$GridRow>,
-  gridRowGap?: TypeResponsiveBaseSystemProp<Property$GridRowGap<void>>,
-  gridTemplateAreas?: TypeResponsiveBaseSystemProp<Property$GridTemplateAreas>,
-  // prettier-ignore
-  gridTemplateColumns?: TypeResponsiveBaseSystemProp<Property$GridTemplateColumns<void>>,
-  // prettier-ignore
-  gridTemplateRows?: TypeResponsiveBaseSystemProp<Property$GridTemplateRows<void>>,
-|}>;
-export const gridSystemProps: StyledSystemStyleFn = grid;

package/__flow__/systemProps/index.flow.js

@@ -1,16 +0,0 @@
-// @flow strict-local
-
-export * from "./types.flow";
-export * from "./background.flow";
-export * from "./border.flow";
-export * from "./color.flow";
-export * from "./custom.flow";
-export * from "./flexbox.flow";
-export * from "./grid.flow";
-export * from "./layout.flow";
-export * from "./position.flow";
-export * from "./shadow.flow";
-export * from "./space.flow";
-export * from "./systemProps.flow";
-export * from "./typography.flow";
-export * from "./variant.flow";

package/__flow__/systemProps/layout.flow.js

@@ -1,25 +0,0 @@
-// @flow strict-local
-
-import { layout } from "styled-system";
-import type { Property$Display, Property$Height, Property$MaxHeight, Property$MaxWidth, Property$MinHeight, Property$MinWidth, Property$Overflow, Property$OverflowX, Property$OverflowY, Property$VerticalAlign, Property$Width } from "csstype";
-import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
-
-// https://styled-system.com/table#layout
-
-type TypeHeightProp = Property$Height<number>;
-type TypeWidthProp = Property$Width<number>;
-export type TypeLayoutSystemProps = $ReadOnly<{|
-  display?: TypeResponsiveBaseSystemProp<Property$Display>,
-  height?: TypeResponsiveBaseSystemProp<TypeHeightProp>,
-  maxHeight?: TypeResponsiveBaseSystemProp<Property$MaxHeight<number>>,
-  maxWidth?: TypeResponsiveBaseSystemProp<Property$MaxWidth<number>>,
-  minHeight?: TypeResponsiveBaseSystemProp<Property$MinHeight<number>>,
-  minWidth?: TypeResponsiveBaseSystemProp<Property$MinWidth<number>>,
-  overflow?: TypeResponsiveBaseSystemProp<Property$Overflow>,
-  overflowX?: TypeResponsiveBaseSystemProp<Property$OverflowX>,
-  overflowY?: TypeResponsiveBaseSystemProp<Property$OverflowY>,
-  size?: TypeResponsiveBaseSystemProp<TypeHeightProp & TypeWidthProp>,
-  verticalAlign?: TypeResponsiveBaseSystemProp<Property$VerticalAlign<void>>,
-  width?: TypeResponsiveBaseSystemProp<TypeWidthProp>,
-|}>;
-export const layoutSystemProps: StyledSystemStyleFn = layout;

package/__flow__/systemProps/position.flow.js

@@ -1,17 +0,0 @@
-// @flow strict-local
-
-import { position } from "styled-system";
-import type { Property$Bottom, Property$Left, Property$Position, Property$Right, Property$Top, Property$ZIndex } from "csstype";
-import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
-
-// https://styled-system.com/table#position
-
-export type TypePositionSystemProps = $ReadOnly<{|
-  bottom?: TypeResponsiveBaseSystemProp<Property$Bottom<number>>,
-  left?: TypeResponsiveBaseSystemProp<Property$Left<number>>,
-  position?: TypeResponsiveBaseSystemProp<Property$Position>,
-  right?: TypeResponsiveBaseSystemProp<Property$Right<number>>,
-  top?: TypeResponsiveBaseSystemProp<Property$Top<number>>,
-  zIndex?: TypeResponsiveBaseSystemProp<Property$ZIndex>,
-|}>;
-export const positionSystemProps: StyledSystemStyleFn = position;

package/__flow__/systemProps/shadow.flow.js

@@ -1,13 +0,0 @@
-// @flow strict-local
-
-import { shadow } from "styled-system";
-import type { Property$BoxShadow, Property$TextShadow } from "csstype";
-import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
-
-// https://styled-system.com/table#shadow
-
-export type TypeShadowSystemProps = $ReadOnly<{|
-  boxShadow?: TypeResponsiveBaseSystemProp<Property$BoxShadow>,
-  textShadow?: TypeResponsiveBaseSystemProp<Property$TextShadow>,
-|}>;
-export const shadowSystemProps: StyledSystemStyleFn = shadow;

package/__flow__/systemProps/space.flow.js

@@ -1,71 +0,0 @@
-/* eslint-disable prettier/prettier */
-// @flow strict-local
-
-import { space } from "styled-system";
-import type { Property$Margin, Property$MarginBottom, Property$MarginLeft, Property$MarginRight, Property$MarginTop, Property$Padding, Property$PaddingBottom, Property$PaddingLeft, Property$PaddingRight, Property$PaddingTop } from "csstype";
-import type { StyledSystemStyleFn, TypeResponsiveBaseSystemProp } from "./types.flow";
-
-// https://styled-system.com/table#space
-// prettier-ignore
-type TypeMarginSystemProp = TypeResponsiveBaseSystemProp<Property$Margin<number>>;
-// prettier-ignore
-type TypeMarginBottomSystemProp = TypeResponsiveBaseSystemProp<Property$MarginBottom<number>>;
-// prettier-ignore
-type TypeMarginLeftSystemProp = TypeResponsiveBaseSystemProp<Property$MarginLeft<number>>;
-// prettier-ignore
-type TypeMarginRightSystemProp = TypeResponsiveBaseSystemProp<Property$MarginRight<number>>;
-// prettier-ignore
-type TypeMarginTopSystemProp = TypeResponsiveBaseSystemProp<Property$MarginTop<number>>;
-// prettier-ignore
-type TypeMarginXSystemProp = TypeResponsiveBaseSystemProp<Property$MarginLeft<number> & Property$MarginRight<number>>;
-// prettier-ignore
-type TypeMarginYSystemProp = TypeResponsiveBaseSystemProp<Property$MarginBottom<number> & Property$MarginTop<number>>;
-// prettier-ignore
-type TypePaddingSystemProp = TypeResponsiveBaseSystemProp<Property$Padding<number>>;
-// prettier-ignore
-type TypePaddingBottomSystemProp = TypeResponsiveBaseSystemProp<Property$PaddingBottom<number>>;
-// prettier-ignore
-type TypePaddingLeftSystemProp = TypeResponsiveBaseSystemProp<Property$PaddingLeft<number>>;
-// prettier-ignore
-type TypePaddingRightSystemProp = TypeResponsiveBaseSystemProp<Property$PaddingRight<number>>;
-// prettier-ignore
-type TypePaddingTopSystemProp = TypeResponsiveBaseSystemProp<Property$PaddingTop<number>>;
-// prettier-ignore
-type TypePaddingXSystemProp = TypeResponsiveBaseSystemProp<Property$PaddingLeft<number> & Property$PaddingRight<number>>;
-// prettier-ignore
-type TypePaddingYSystemProp = TypeResponsiveBaseSystemProp<Property$PaddingBottom<number> & Property$PaddingTop<number>>;
-export type TypeSpaceSystemProps = $ReadOnly<{|
-  // margin longhand
-  margin?: TypeMarginSystemProp,
-  marginBottom?: TypeMarginBottomSystemProp,
-  marginLeft?: TypeMarginLeftSystemProp,
-  marginRight?: TypeMarginRightSystemProp,
-  marginTop?: TypeMarginTopSystemProp,
-  marginX?: TypeMarginXSystemProp,
-  marginY?: TypeMarginYSystemProp,
-  // margin shorthand
-  m?: TypeMarginSystemProp,
-  mb?: TypeMarginBottomSystemProp,
-  ml?: TypeMarginLeftSystemProp,
-  mr?: TypeMarginRightSystemProp,
-  mt?: TypeMarginTopSystemProp,
-  mx?: TypeMarginXSystemProp,
-  my?: TypeMarginYSystemProp,
-  // padding longhand
-  padding?: TypePaddingSystemProp,
-  paddingBottom?: TypePaddingBottomSystemProp,
-  paddingLeft?: TypePaddingLeftSystemProp,
-  paddingRight?: TypePaddingRightSystemProp,
-  paddingTop?: TypePaddingTopSystemProp,
-  paddingX?: TypePaddingXSystemProp,
-  paddingY?: TypePaddingYSystemProp,
-  // padding shorthand
-  p?: TypePaddingSystemProp,
-  pb?: TypePaddingBottomSystemProp,
-  pl?: TypePaddingLeftSystemProp,
-  pr?: TypePaddingRightSystemProp,
-  pt?: TypePaddingTopSystemProp,
-  px?: TypePaddingXSystemProp,
-  py?: TypePaddingYSystemProp,
-|}>;
-export const spaceSystemProps: StyledSystemStyleFn = space;