@sproutsocial/racine 12.24.0 → 13.1.1

package/__flow__/Drawer/index.js

@@ -1,71 +1,52 @@
 // @flow
 import * as React from 'react';
-import {useContext, useEffect, useRef} from 'react';
+import { useContext, useEffect, useRef } from 'react';
 import FocusLock from 'react-focus-lock';
-import {SlideTransition} from './SlideTransition';
-import Container, {Content} from './styles';
-import {animated} from 'react-spring';
-import Portal from '../Portal';
-import Box from '../Box';
-import Text from '../Text';
-import Button from '../Button';
-import Icon from '../Icon';
+import { animated } from 'react-spring';
+import Box from "../Box";
+import Button from "../Button";
+import Icon from "../Icon";
+import Text from "../Text";
+import Portal from "../Portal";
+import { SlideTransition } from "./SlideTransition";
+import Container, { Content } from "./styles";
+import type { TypeDrawerContext, TypeDrawerCloseButtonProps, TypeDrawerHeaderProps as TypeDrawerHeaderProps2, TypeDrawerProps as TypeDrawerProps2 } from "./index.flow";
+
+/**
+ * @deprecated Use TypeDrawerHeaderProps from root instead
+ */
+export type TypeDrawerHeaderProps = TypeDrawerHeaderProps2;
+
+/**
+ * @deprecated Use TypeDrawerProps from root instead
+ */
+export type TypeDrawerProps = TypeDrawerProps2;
 
 // If ever we needed to make drawer width configurable, move this to a default prop
 const DRAWER_WIDTH = 600;
-
 const AnimatedDrawer = animated(Container);
-
 const doesRefContainEventTarget = (ref, event) => {
-  return (
-    ref.current &&
-    event.target instanceof Node &&
-    ref.current.contains(event.target)
-  );
+  return ref.current && event.target instanceof Node && ref.current.contains(event.target);
 };
-
-type TypeDrawerContext = $Shape<{
-  /** Callback for close button */
-  onClose: () => any,
-  /** aria-label for drawer close button */
-  closeButtonLabel: string,
-}>;
-
 const DrawerContext = React.createContext<TypeDrawerContext>({});
-
-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,
-};
-
 const DrawerCloseButton = (props: TypeDrawerCloseButtonProps) => {
-  const {onClose, closeButtonLabel} = useContext(DrawerContext);
-
+  const {
+    onClose,
+    closeButtonLabel
+  } = useContext(DrawerContext);
   if (props.render) {
-    return props.render({onClose, closeButtonLabel});
+    return props.render({
+      onClose,
+      closeButtonLabel
+    });
   }
-
   return (
     // $FlowIssue - upgrade v0.112.0
-    <Button
-      appearance="pill"
-      aria-label={closeButtonLabel}
-      onClick={onClose}
-      {...props}
-    >
+    <Button appearance="pill" aria-label={closeButtonLabel} onClick={onClose} {...props}>
       {props.children || <Icon name="x" />}
     </Button>
   );
 };
-
-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,
-};
-
 const DrawerHeader = ({
   title = '',
   children,
@@ -73,62 +54,31 @@ const DrawerHeader = ({
   ...rest
 }: TypeDrawerHeaderProps) => {
   const drawerContext = useContext(DrawerContext);
-
   if (render) {
     return render(drawerContext);
   }
-
   return (
-    <Box
-      display="flex"
-      flex="0 0 auto"
-      justifyContent="space-between"
-      alignItems="center"
-      pt={400}
-      px={450}
-      // $FlowIssue - upgrade v0.112.0
-      {...rest}
-    >
-      {children || (
-        <React.Fragment>
-          <Text
-            as="h2"
-            fontSize={400}
-            fontWeight="semibold"
-            color="text.headline"
-          >
+    // $FlowIssue - upgrade v0.112.0
+    <Box display="flex" flex="0 0 auto" justifyContent="space-between" alignItems="center" pt={400} px={450} {...rest}>
+      {children || <React.Fragment>
+          <Text as="h2" fontSize={400} fontWeight="semibold" color="text.headline">
             {title}
           </Text>
           <DrawerCloseButton />
-        </React.Fragment>
-      )}
+        </React.Fragment>}
     </Box>
   );
 };
-
-const DrawerContent = ({children, ...rest}: {children?: React.Node}) => (
-  // $FlowIssue - upgrade v0.112.0
-  <Content height="100%" p={450} color="text.body" {...rest}>
+const DrawerContent = ({
+  children,
+  ...rest
+}: {
+  children?: React.Node
+}) =>
+// $FlowIssue - upgrade v0.112.0
+<Content height="100%" p={450} color="text.body" {...rest}>
     {children}
-  </Content>
-);
-
-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>,
-};
-
+  </Content>;
 const Drawer = ({
   id,
   style,
@@ -152,81 +102,42 @@ const Drawer = ({
   style: any,
 }) => {
   const drawerRef = useRef(null);
-
   useEffect(() => {
     const documentBody = document.body;
-
     if (!documentBody) {
       return;
     }
-
     const onEsc = (event: KeyboardEvent): void => {
       if (event.key === 'Escape') {
         onClose();
       }
     };
-
     const bodyClick = (event: MouseEvent): void => {
-      if (
-        !doesRefContainEventTarget(drawerRef, event) &&
-        !disableCloseOnClickOutside
-      ) {
+      if (!doesRefContainEventTarget(drawerRef, event) && !disableCloseOnClickOutside) {
         onClose();
       }
     };
-
     documentBody && documentBody.addEventListener('keydown', onEsc, false);
     if (closeTargets) {
-      closeTargets.forEach(
-        (targetElement) =>
-          targetElement &&
-          targetElement.addEventListener('click', bodyClick, false)
-      );
+      closeTargets.forEach(targetElement => targetElement && targetElement.addEventListener('click', bodyClick, false));
     } else {
-      documentBody.firstElementChild &&
-        documentBody.firstElementChild.addEventListener(
-          'click',
-          bodyClick,
-          false
-        );
+      documentBody.firstElementChild && documentBody.firstElementChild.addEventListener('click', bodyClick, false);
     }
-
     return () => {
       if (closeTargets) {
-        closeTargets.forEach(
-          (targetElement) =>
-            targetElement &&
-            targetElement.removeEventListener('click', bodyClick, false)
-        );
+        closeTargets.forEach(targetElement => targetElement && targetElement.removeEventListener('click', bodyClick, false));
       } else {
-        documentBody.firstElementChild &&
-          documentBody.firstElementChild.removeEventListener(
-            'click',
-            bodyClick,
-            false
-          );
+        documentBody.firstElementChild && documentBody.firstElementChild.removeEventListener('click', bodyClick, false);
       }
     };
   }, [onClose, disableCloseOnClickOutside, closeTargets]);
-
-  return (
-    <FocusLock key={id} autoFocus={false} returnFocus>
-      <AnimatedDrawer
-        ref={drawerRef}
-        style={style}
-        width={DRAWER_WIDTH}
-        offset={offset}
-        direction={direction}
-        data-qa-drawer={id}
-        // $FlowIssue - upgrade v0.112.0
-        {...rest}
-      >
+  return <FocusLock key={id} autoFocus={false} returnFocus>
+      {/* $FlowIssue - upgrade v0.112.0 */}
+      <AnimatedDrawer ref={drawerRef} style={style} width={DRAWER_WIDTH} offset={offset} direction={direction} data-qa-drawer={id} {...rest}>
         {children}
       </AnimatedDrawer>
-    </FocusLock>
-  );
+    </FocusLock>;
 };
-
 const DrawerContainer = ({
   children,
   closeButtonLabel,
@@ -240,55 +151,32 @@ const DrawerContainer = ({
   closeTargets = [],
   ...rest
 }: TypeDrawerProps) => {
-  return (
-    <Portal id={id}>
-      <DrawerContext.Provider
-        value={{
-          onClose,
-          closeButtonLabel,
-        }}
-      >
-        <SlideTransition
-          width={DRAWER_WIDTH + offset}
-          direction={direction}
-          isVisible={isOpen}
-        >
-          {({isVisible, style, key}) =>
-            isVisible && (
-              <Drawer
-                key={key}
-                id={id}
-                style={{
-                  ...style,
-                  zIndex,
-                }}
-                offset={offset}
-                direction={direction}
-                disableCloseOnClickOutside={disableCloseOnClickOutside}
-                onClose={onClose}
-                zIndex={zIndex}
-                closeTargets={closeTargets}
-                data-qa-drawer={id || ''}
-                data-qa-drawer-isopen={isOpen === true}
-                // $FlowIssue - upgrade v0.112.0
-                {...rest}
-              >
+  return <Portal id={id}>
+      <DrawerContext.Provider value={{
+      onClose,
+      closeButtonLabel
+    }}>
+        <SlideTransition width={DRAWER_WIDTH + offset} direction={direction} isVisible={isOpen}>
+          {({
+          isVisible,
+          style,
+          key
+        }) => isVisible &&
+        // $FlowIssue - upgrade v0.112.0
+        <Drawer key={key} id={id} style={{
+          ...style,
+          zIndex
+        }} offset={offset} direction={direction} disableCloseOnClickOutside={disableCloseOnClickOutside} onClose={onClose} zIndex={zIndex} closeTargets={closeTargets} data-qa-drawer={id || ''} data-qa-drawer-isopen={isOpen === true} {...rest}>
                 {children}
-              </Drawer>
-            )
-          }
+              </Drawer>}
         </SlideTransition>
       </DrawerContext.Provider>
-    </Portal>
-  );
+    </Portal>;
 };
-
 DrawerContainer.Header = DrawerHeader;
 DrawerContainer.Content = DrawerContent;
 DrawerContainer.CloseButton = DrawerCloseButton;
-
 DrawerContainer.Header.displayName = 'Drawer.Header';
 DrawerContainer.Content.displayName = 'Drawer.Content';
 DrawerContainer.CloseButton.displayName = 'Drawer.CloseButton';
-
-export default DrawerContainer;
+export default DrawerContainer;

package/__flow__/Drawer/styles.js

@@ -1,30 +1,26 @@
 // @flow
-import styled, {css, type StyledComponent} from 'styled-components';
-import {COMMON} from '../utils/system-props';
-import Box from '../Box';
-
-import type {TypeTheme} from '../types/theme.flow';
-
+import styled, { css, type StyledComponent } from 'styled-components';
+import { COMMON } from "../utils/system-props";
+import type { TypeTheme } from "../types/theme.flow";
+import Box from "../Box";
 export const Content = styled<typeof Box, TypeTheme>(Box)`
   overflow-y: auto;
 `;
-
 const Container: StyledComponent<any, TypeTheme, *> = styled.div`
   display: flex;
   flex-direction: column;
   position: fixed;
   top: 0;
   height: 100%;
-  width: ${(props) => props.width}px;
-  background-color: ${(props) => props.theme.colors.container.background.base};
-  box-shadow: ${(props) => props.theme.shadows.high};
+  width: ${props => props.width}px;
+  background-color: ${props => props.theme.colors.container.background.base};
+  box-shadow: ${props => props.theme.shadows.high};
   filter: blur(0);
 
-  ${(props) => css`
+  ${props => css`
     ${props.direction}: ${props.offset}px;
   `}
 
   ${COMMON}
 `;
-
-export default Container;
+export default Container;

package/__flow__/EmptyState/index.flow.js

@@ -0,0 +1,15 @@
+// @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<*>,
+  ...
+};

package/__flow__/EmptyState/index.js

@@ -1,21 +1,8 @@
 // @flow
 import * as React from 'react';
-import Box from '../Box';
-import Text from '../Text';
-
-type TypeProps = {
-  /** 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<*>,
-};
-
+import Box from "../Box";
+import Text from "../Text";
+import type { TypeEmptyStateProps } from "./index.flow";
 const EmptyState = ({
   media,
   headline,
@@ -23,51 +10,36 @@ const EmptyState = ({
   primaryAction,
   secondaryAction,
   ...rest
-}: TypeProps) => {
+}: TypeEmptyStateProps) => {
   return (
     // $FlowIssue - upgrade v0.112.0
     <Box maxWidth="400px" mx="auto" data-qa-emptystate={headline} {...rest}>
-      {media && (
-        <Box
-          display="flex"
-          flexDirection="column"
-          justifyContent="center"
-          mb={450}
-        >
+      {media && <Box display="flex" flexDirection="column" justifyContent="center" mb={450}>
           {media}
-        </Box>
-      )}
+        </Box>}
 
       <Text as="div" textAlign="center">
-        <Text
-          as="p"
-          m={0}
-          color="text.headline"
-          fontWeight="semibold"
-          fontSize={400}
-        >
+        <Text as="p" m={0} color="text.headline" fontWeight="semibold" fontSize={400}>
           {headline}
         </Text>
 
-        {subtext && (
-          <Text as="p" color="text.subtext" fontSize={200} mb={0} mt={400}>
+        {subtext && <Text as="p" color="text.subtext" fontSize={200} mb={0} mt={400}>
             {subtext}
-          </Text>
-        )}
+          </Text>}
 
         <Box mt={primaryAction || secondaryAction ? 450 : 0}>
-          {primaryAction &&
-            React.cloneElement(primaryAction, {appearance: 'primary'})}
+          {primaryAction && React.cloneElement(primaryAction, {
+            appearance: 'primary'
+          })}
 
-          {secondaryAction && (
-            <Box mt={400}>
-              {React.cloneElement(secondaryAction, {appearance: 'default'})}
-            </Box>
-          )}
+          {secondaryAction && <Box mt={400}>
+              {React.cloneElement(secondaryAction, {
+              appearance: 'unstyled'
+            })}
+            </Box>}
         </Box>
       </Text>
     </Box>
   );
 };
-
-export default EmptyState;
+export default EmptyState;

package/__flow__/EnumIconNames.js

@@ -1,2 +1,2 @@
 // @flow
-    export type EnumIconNames = "active-listener" | "add-item" | "add-keyword" | "add-team-member" | "add-variable" | "address-card-outline" | "address-card-solid" | "adobe-experience-manager" | "ads" | "advocacy-outline" | "advocacy" | "android" | "apple" | "approval-indicator-outline" | "approval-indicator" | "archive" | "arrow-down-line" | "arrow-down" | "arrow-left-line" | "arrow-left" | "arrow-right-line" | "arrow-right" | "arrow-up-line" | "arrow-up" | "arrows" | "asset-library-outline" | "asset-library" | "assign" | "atom" | "audio" | "back-to-top" | "bambu-icon-outline" | "bambu-icon" | "barcode" | "basketball" | "bell-outline" | "bigcommerce" | "bitly" | "bold" | "book" | "bookmark" | "bot" | "browser" | "business" | "calendar-outline" | "calendar" | "camera-outline" | "camera-story" | "camera" | "campaign" | "canva" | "carousel" | "cart-plus-outline" | "cart-plus" | "check" | "chevron-down-filled" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up-down-filled" | "chevron-up-filled" | "chevron-up" | "circle-check-outline" | "circle-check" | "circle" | "circle+" | "circles" | "circlex" | "click-to-view" | "clicks" | "clipboard-outline" | "clipboard" | "clock" | "closed-captioning" | "cloud" | "code" | "columns" | "comment-alt-outline" | "comment-alt" | "comment-lines-alt-outline" | "comment" | "compact-density" | "compact-indicator" | "comparison" | "competitor" | "compose" | "content-suggestions" | "credit-card" | "crop" | "crown" | "dashboard" | "deconstructed-negative-sentiment" | "deconstructed-neutral-sentiment" | "deconstructed-positive-sentiment" | "discovery" | "dislike-outline" | "dislike" | "dm-link-outline" | "dm-link" | "dotdotdot" | "download" | "drafts-outline" | "drafts" | "dropbox" | "duplicate-outline" | "duplicate" | "emoji-outline" | "emoji" | "empty-image" | "engagement-per-post" | "engagements" | "error" | "exchange-alt" | "expanded-indicator" | "export" | "extended-circles" | "external-link-alt" | "external-link" | "extreme-negative-sentiment" | "eye-outline" | "eye-slash-outline" | "eye-slash" | "eye" | "facebook-audience-network" | "facebook-branded-content-outline" | "facebook-branded-content" | "facebook-groups" | "facebook" | "fb-reactions-angry" | "fb-reactions-haha" | "fb-reactions-like" | "fb-reactions-love" | "fb-reactions-sad" | "fb-reactions-wow" | "feedly" | "feeds" | "female" | "file-chart-line" | "file-edit" | "file-times-solid" | "filter" | "flag-outline" | "flag" | "flat-negative-sentiment-outline" | "flat-negative-sentiment" | "flat-neutral-sentiment-outline" | "flat-neutral-sentiment" | "flat-positive-sentiment-outline" | "flat-positive-sentiment" | "folder-open" | "folder" | "follow-outline" | "follow" | "follower-increase" | "following" | "font" | "full-access" | "gear" | "gears" | "glassdoor" | "glasses" | "globe" | "google-analytics-color" | "google-business-messages" | "google-drive" | "google-my-business" | "grip" | "h1" | "h2" | "h3" | "h4" | "hamburger" | "hashtag" | "headset" | "heart-outline" | "heart" | "heartbeat" | "help-alt" | "help" | "hiking" | "history" | "home" | "hourglass" | "hubspot" | "image-caption" | "image" | "images" | "impressions-per-post" | "impressions" | "inactive-listener" | "inbox-action" | "inbox-views" | "inbox" | "indicator" | "industry" | "info" | "instagram" | "internal-activity-outline" | "internal-activity" | "italic" | "key" | "keyboard" | "laptop-phone" | "large-density" | "lift" | "like-outline" | "like" | "link" | "linkedin-audience-network" | "linkedin" | "list-ol" | "listening" | "lists" | "location-outline" | "location" | "lock" | "magic-wand" | "male" | "marketo" | "mention" | "message-preview-outline" | "message-preview" | "message" | "messages-outline" | "messages" | "messenger" | "metric-table" | "microsoft-dynamics" | "minus" | "mobile" | "monitor" | "moon" | "negative-sentiment" | "neutral-positive-sentiment" | "neutral-sentiment" | "new-trend" | "newspaper" | "no-access" | "notepad" | "notifications-publishing-outline" | "notifications-publishing" | "notifications" | "offline" | "online" | "paid-promotion-outline" | "paid-promotion" | "paid" | "paint" | "palette" | "paperclip" | "pause" | "pencil-outline" | "pencil" | "person" | "phone" | "pinterest-boards-outline" | "pinterest-boards" | "pinterest" | "play-circle" | "play" | "plug" | "plus" | "positive-sentiment" | "power-up-outline" | "power-up" | "profile-connect" | "profile-disconnect" | "publishing-outline" | "publishing" | "puzzle-piece" | "qr-code" | "queue" | "recommendation" | "reddit-alien" | "reddit" | "reels-outline" | "reels" | "referrals" | "refresh" | "rejected" | "reply-outline" | "reply" | "reporting-period" | "reporting" | "reports-home" | "reports" | "retweet" | "rss" | "sales" | "salesforce-cloud" | "salesforce" | "save-assets" | "saved-messages" | "saved-reply-outline" | "saved-reply" | "search" | "sent-message-outline" | "sent-message" | "share" | "shopify" | "shopping-bag-outline" | "shopping-bag" | "show-navigation" | "slack" | "small-density" | "smiley" | "some-access" | "sparkles" | "spike-alert" | "star-half-alt-solid" | "star-of-life" | "star-outline" | "star" | "sticky-note-outline" | "sticky-note" | "stories" | "story" | "suggestions" | "sun" | "tag-outline" | "tag" | "targeting-outline" | "targeting" | "tasks-outline" | "tasks" | "team-conversation-outline" | "team-conversation" | "team" | "text-asset" | "text" | "tiktok" | "times" | "tools" | "trash-can-outline" | "trash-can" | "trend-down" | "trend-neutral" | "trend-up" | "trends" | "triangle-black" | "triangle" | "tripadvisor-circle-outline" | "tripadvisor-circle" | "tripadvisor" | "trophy-outline" | "tumblr" | "twitter-audience-network" | "twitter" | "underline" | "unfollow-outline" | "unfollow" | "unlink" | "unlock" | "upload" | "user-circle" | "users" | "verified" | "video-camera-story" | "video-camera" | "vip" | "weight" | "whatsapp" | "window-maximize" | "window-minimize" | "window-regular" | "window-restore" | "woocommerce" | "x" | "yelp-full-star" | "yelp-half-star" | "yelp" | "youtube" | "zendesk";
+export type EnumIconNames = "active-listener" | "add-item" | "add-keyword" | "add-team-member" | "add-variable" | "address-card-outline" | "address-card-solid" | "adobe-experience-manager" | "ads" | "advocacy-outline" | "advocacy" | "android" | "apple" | "approval-indicator-outline" | "approval-indicator" | "archive" | "arrow-down-line" | "arrow-down" | "arrow-left-line" | "arrow-left" | "arrow-right-line" | "arrow-right" | "arrow-up-line" | "arrow-up" | "arrows" | "asset-library-outline" | "asset-library" | "assign" | "atom" | "audio" | "back-to-top" | "bambu-icon-outline" | "bambu-icon" | "barcode" | "basketball" | "bell-outline" | "bigcommerce" | "bitly" | "bold" | "book" | "bookmark" | "bot" | "browser" | "business" | "calendar-outline" | "calendar" | "camera-outline" | "camera-story" | "camera" | "campaign" | "canva" | "carousel" | "cart-plus-outline" | "cart-plus" | "check" | "chevron-down-filled" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up-down-filled" | "chevron-up-filled" | "chevron-up" | "circle-check-outline" | "circle-check" | "circle" | "circle+" | "circles" | "circlex" | "click-to-view" | "clicks" | "clipboard-outline" | "clipboard" | "clock" | "closed-captioning" | "cloud" | "code" | "columns" | "comment-alt-outline" | "comment-alt" | "comment-lines-alt-outline" | "comment" | "compact-density" | "compact-indicator" | "comparison" | "competitor" | "compose" | "content-suggestions" | "credit-card" | "crop" | "crown" | "dashboard" | "deconstructed-negative-sentiment" | "deconstructed-neutral-sentiment" | "deconstructed-positive-sentiment" | "discovery" | "dislike-outline" | "dislike" | "dm-link-outline" | "dm-link" | "dotdotdot" | "download" | "drafts-outline" | "drafts" | "dropbox" | "duplicate-outline" | "duplicate" | "emoji-outline" | "emoji" | "empty-image" | "engagement-per-post" | "engagements" | "error" | "exchange-alt" | "expanded-indicator" | "export" | "extended-circles" | "external-link-alt" | "external-link" | "extreme-negative-sentiment" | "eye-outline" | "eye-slash-outline" | "eye-slash" | "eye" | "facebook-audience-network" | "facebook-branded-content-outline" | "facebook-branded-content" | "facebook-groups" | "facebook" | "fb-reactions-angry" | "fb-reactions-haha" | "fb-reactions-like" | "fb-reactions-love" | "fb-reactions-sad" | "fb-reactions-wow" | "feedly" | "feeds" | "female" | "file-chart-line" | "file-edit" | "file-times-solid" | "filter" | "flag-outline" | "flag" | "flat-negative-sentiment-outline" | "flat-negative-sentiment" | "flat-neutral-sentiment-outline" | "flat-neutral-sentiment" | "flat-positive-sentiment-outline" | "flat-positive-sentiment" | "folder-open" | "folder" | "follow-outline" | "follow" | "follower-increase" | "following" | "font" | "full-access" | "gear" | "gears" | "github" | "glassdoor" | "glasses" | "globe" | "google-analytics-color" | "google-business-messages" | "google-drive" | "google-my-business" | "grip" | "h1" | "h2" | "h3" | "h4" | "hamburger" | "hashtag" | "headset" | "heart-outline" | "heart" | "heartbeat" | "help-alt" | "help" | "hiking" | "history" | "home" | "hourglass" | "hubspot" | "image-caption" | "image" | "images" | "impressions-per-post" | "impressions" | "inactive-listener" | "inbox-action" | "inbox-views" | "inbox" | "indicator" | "industry" | "info" | "instagram" | "internal-activity-outline" | "internal-activity" | "italic" | "key" | "keyboard" | "laptop-phone" | "large-density" | "lift" | "like-outline" | "like" | "link" | "linkedin-audience-network" | "linkedin" | "list-ol" | "listening" | "lists" | "location-outline" | "location" | "lock" | "magic-wand" | "male" | "marketo" | "mention" | "message-preview-outline" | "message-preview" | "message" | "messages-outline" | "messages" | "messenger" | "metric-table" | "microsoft-dynamics" | "minus" | "mobile" | "monitor" | "moon" | "negative-sentiment" | "neutral-positive-sentiment" | "neutral-sentiment" | "new-trend" | "newspaper" | "no-access" | "notepad" | "notifications-publishing-outline" | "notifications-publishing" | "notifications" | "offline" | "online" | "paid-promotion-outline" | "paid-promotion" | "paid" | "paint" | "palette" | "paperclip" | "pause" | "pencil-outline" | "pencil" | "person" | "phone" | "pinterest-boards-outline" | "pinterest-boards" | "pinterest" | "play-circle" | "play" | "plug" | "plus" | "positive-sentiment" | "power-up-outline" | "power-up" | "profile-connect" | "profile-disconnect" | "publishing-outline" | "publishing" | "puzzle-piece" | "qr-code" | "queue" | "recommendation" | "reddit-alien" | "reddit" | "reels-outline" | "reels" | "referrals" | "refresh" | "rejected" | "reply-outline" | "reply" | "reporting-period" | "reporting" | "reports-home" | "reports" | "retweet" | "rss" | "sales" | "salesforce-cloud" | "salesforce" | "save-assets" | "saved-messages" | "saved-reply-outline" | "saved-reply" | "search" | "send-again-outline" | "send-again" | "sent-message-outline" | "sent-message" | "share" | "shopify" | "shopping-bag-outline" | "shopping-bag" | "show-navigation" | "slack" | "small-density" | "smiley" | "some-access" | "sparkles" | "spike-alert" | "star-half-alt-solid" | "star-of-life" | "star-outline" | "star" | "sticky-note-outline" | "sticky-note" | "stories" | "story" | "suggestions" | "sun" | "tag-outline" | "tag" | "targeting-outline" | "targeting" | "tasks-outline" | "tasks" | "team-conversation-outline" | "team-conversation" | "team" | "text-asset" | "text" | "tiktok" | "times" | "tools" | "trash-can-outline" | "trash-can" | "trend-down" | "trend-neutral" | "trend-up" | "trends" | "triangle-black" | "triangle" | "tripadvisor-circle-outline" | "tripadvisor-circle" | "tripadvisor" | "trophy-outline" | "tumblr" | "twitter-audience-network" | "twitter" | "underline" | "unfollow-outline" | "unfollow" | "unlink" | "unlock" | "upload" | "user-circle" | "users" | "verified" | "video-camera-story" | "video-camera" | "vip" | "weight" | "whatsapp" | "window-maximize" | "window-minimize" | "window-regular" | "window-restore" | "woocommerce" | "x" | "yelp-full-star" | "yelp-half-star" | "yelp" | "youtube" | "zendesk";

package/__flow__/EnumIllustrationNames.js

@@ -1,2 +1,2 @@
 // @flow
-    export type EnumIllustrationNames = "abacus" | "analytics-offering" | "asset-cards" | "astronaut" | "binoculars" | "brand-keyword" | "browser-doc" | "business" | "calendar-event" | "calendar-reporting" | "cat-error" | "cat-no-access" | "cat" | "checkbox-alert" | "coffee-cup" | "competitors" | "compose-window" | "compose" | "computer-error" | "connect" | "contact" | "conversation" | "custom-branding" | "customer-service" | "dashboard" | "exclamation-mark" | "face-happy" | "find-bookmark" | "flask" | "general-topic" | "global-features" | "global-trend" | "grow-large" | "grow" | "hands-raised" | "headset" | "heartbeat-connection" | "instagram-links" | "invoice" | "jewel" | "keyword-tracking" | "lightbulb-alt" | "lightbulb" | "like-conversation" | "link-broken" | "link-messages" | "link-sections" | "link-upload" | "listening-pendo" | "listening-sentiment" | "listening-topic-templates" | "listening-tour" | "listening" | "loading" | "mailbox-empty" | "mailbox-full" | "megaphone" | "message" | "molecule" | "network-data" | "no-messages-found" | "no-notifications" | "note" | "notification" | "notifications-onboarding" | "organize-message" | "outbox-queue" | "outbox-reviews" | "pdf" | "planning" | "podium" | "pointer" | "publish-assets" | "publish-links" | "publishing" | "puzzle-piece" | "question-mark" | "reporting-folder" | "reporting" | "review-location" | "review" | "robot-assembly" | "robot-error" | "robot-happy" | "rocket" | "schedule-date" | "schedule-messages" | "search-keywords" | "search-success" | "search-trends" | "search" | "security" | "sentiment" | "shopping-bag" | "spark-line" | "stamp" | "storefront" | "success" | "tag-message" | "tag" | "team-roles" | "team" | "telescope" | "tha-mel" | "thumbs-up" | "toggle-switch" | "toolset-strength" | "tracking-time" | "twitter-messages" | "twitter-profiles" | "under-construction" | "unsubscribe" | "upward-trend" | "user-task" | "view-connections" | "vip-list" | "warning" | "wifi" | "workflow-steps";
+export type EnumIllustrationNames = "abacus" | "analytics-offering" | "asset-cards" | "astronaut" | "binoculars" | "brand-keyword" | "browser-doc" | "business" | "calendar-event" | "calendar-reporting" | "cat-error" | "cat-no-access" | "cat" | "checkbox-alert" | "coffee-cup" | "competitors" | "compose-window" | "compose" | "computer-error" | "connect" | "contact" | "conversation" | "custom-branding" | "customer-service" | "dashboard" | "exclamation-mark" | "face-happy" | "find-bookmark" | "flask" | "general-topic" | "global-features" | "global-trend" | "grow-large" | "grow" | "hands-raised" | "headset" | "heartbeat-connection" | "instagram-links" | "invoice" | "jewel" | "keyword-tracking" | "lightbulb-alt" | "lightbulb" | "like-conversation" | "link-broken" | "link-messages" | "link-sections" | "link-upload" | "listening-pendo" | "listening-sentiment" | "listening-topic-templates" | "listening-tour" | "listening" | "loading" | "mailbox-empty" | "mailbox-full" | "megaphone" | "message" | "molecule" | "network-data" | "no-messages-found" | "no-notifications" | "note" | "notification" | "notifications-onboarding" | "organize-message" | "outbox-queue" | "outbox-reviews" | "pdf" | "planning" | "podium" | "pointer" | "publish-assets" | "publish-links" | "publishing" | "puzzle-piece" | "question-mark" | "reporting-folder" | "reporting" | "review-location" | "review" | "robot-assembly" | "robot-error" | "robot-happy" | "rocket" | "schedule-date" | "schedule-messages" | "search-keywords" | "search-success" | "search-trends" | "search" | "security" | "sentiment" | "shopping-bag" | "spark-line" | "stamp" | "storefront" | "success" | "tag-message" | "tag" | "team-roles" | "team" | "telescope" | "tha-mel" | "thumbs-up" | "toggle-switch" | "toolset-strength" | "tracking-time" | "twitter-messages" | "twitter-profiles" | "under-construction" | "unsubscribe" | "upward-trend" | "user-task" | "view-connections" | "vip-list" | "warning" | "wifi" | "workflow-steps";

package/__flow__/EnumLogoNames.js

@@ -1,2 +1,2 @@
 // @flow
-    export type EnumLogoNames = "bigcommerce-dark" | "bigcommerce-lockup-dark" | "bigcommerce-lockup" | "bigcommerce" | "bitly-dark" | "bitly" | "canva-dark" | "canva" | "dropbox-dark" | "dropbox-lockup-dark" | "dropbox-lockup" | "dropbox-wordmark-dark" | "dropbox-wordmark" | "dropbox" | "facebook-audience-network-dark" | "facebook-audience-network" | "facebook-dark" | "facebook-groups-dark" | "facebook-groups" | "facebook-shops-dark" | "facebook-shops" | "facebook" | "feedly-dark" | "feedly" | "glassdoor-dark" | "glassdoor" | "google-analytics-dark" | "google-analytics" | "google-business-messages-dark" | "google-business-messages" | "google-drive-dark" | "google-drive" | "google-my-business-dark" | "google-my-business" | "hubspot-dark" | "hubspot" | "instagram-dark" | "instagram" | "linkedin-audience-network-dark" | "linkedin-audience-network" | "linkedin-dark" | "linkedin" | "marketo-dark" | "marketo" | "messenger-dark" | "messenger" | "microsoft-dynamics-dark" | "microsoft-dynamics" | "pinterest-dark" | "pinterest" | "reddit-dark" | "reddit" | "salesforce-dark" | "salesforce" | "shopify-dark" | "shopify" | "slack-dark" | "slack" | "sproutsocial-dark" | "sproutsocial-lockup-dark" | "sproutsocial-lockup" | "sproutsocial-wordmark-dark" | "sproutsocial-wordmark" | "sproutsocial" | "tiktok-dark" | "tiktok" | "tripadvisor-dark" | "tripadvisor" | "tumblr-dark" | "tumblr" | "twitter-audience-network-dark" | "twitter-audience-network" | "twitter-dark" | "twitter" | "whatsapp-dark" | "whatsapp" | "woocommerce-dark" | "woocommerce" | "yelp-dark" | "yelp" | "youtube-dark" | "youtube" | "zendesk-dark" | "zendesk-lockup-dark" | "zendesk-lockup" | "zendesk-wordmark-dark" | "zendesk-wordmark" | "zendesk";
+export type EnumLogoNames = "apple-app-store-dark" | "apple-app-store" | "bigcommerce-dark" | "bigcommerce-lockup-dark" | "bigcommerce-lockup" | "bigcommerce" | "bitly-dark" | "bitly" | "canva-dark" | "canva" | "dropbox-dark" | "dropbox-lockup-dark" | "dropbox-lockup" | "dropbox-wordmark-dark" | "dropbox-wordmark" | "dropbox" | "facebook-audience-network-dark" | "facebook-audience-network" | "facebook-dark" | "facebook-groups-dark" | "facebook-groups" | "facebook-shops-dark" | "facebook-shops" | "facebook" | "feedly-dark" | "feedly" | "glassdoor-dark" | "glassdoor" | "google-analytics-dark" | "google-analytics" | "google-business-messages-dark" | "google-business-messages" | "google-drive-dark" | "google-drive" | "google-my-business-dark" | "google-my-business" | "google-play-store-dark" | "google-play-store" | "hubspot-dark" | "hubspot" | "instagram-dark" | "instagram" | "linkedin-audience-network-dark" | "linkedin-audience-network" | "linkedin-dark" | "linkedin" | "marketo-dark" | "marketo" | "messenger-dark" | "messenger" | "microsoft-dynamics-dark" | "microsoft-dynamics" | "pinterest-dark" | "pinterest" | "reddit-dark" | "reddit" | "salesforce-dark" | "salesforce" | "shopify-dark" | "shopify" | "slack-dark" | "slack" | "sproutsocial-dark" | "sproutsocial-lockup-dark" | "sproutsocial-lockup" | "sproutsocial-wordmark-dark" | "sproutsocial-wordmark" | "sproutsocial" | "tiktok-dark" | "tiktok" | "tripadvisor-dark" | "tripadvisor" | "tumblr-dark" | "tumblr" | "twitter-audience-network-dark" | "twitter-audience-network" | "twitter-dark" | "twitter" | "whatsapp-dark" | "whatsapp" | "woocommerce-dark" | "woocommerce" | "yelp-dark" | "yelp" | "youtube-dark" | "youtube" | "zendesk-dark" | "zendesk-lockup-dark" | "zendesk-lockup" | "zendesk-wordmark-dark" | "zendesk-wordmark" | "zendesk";

package/__flow__/Fieldset/index.flow.js

@@ -0,0 +1,10 @@
+// @flow
+import * as React from 'react';
+export type TypeFieldsetProps = {
+  /** Label text to display above the fieldset */
+  label: React.Node,
+  helperText?: React.Node,
+  layout?: 'vertical' | 'horizontal',
+  children: React.Node,
+  ...
+};