@sproutsocial/racine 14.3.0 → 15.0.0

package/dist/types/Toast/styles.d.ts

@@ -4,11 +4,11 @@ interface TypeProps {
     type: 'info' | 'success' | 'warning' | 'error';
     customColor?: TypeColor;
 }
-declare const Container: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("../Box").TypeBoxProps, "key" | "security" | "children" | "cursor" | "color" | "bg" | "backgroundColor" | "opacity" | "hidden" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "boxShadow" | "bottom" | "top" | "overflow" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "left" | "right" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "size" | "position" | "zIndex" | "textShadow" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "p" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "slot" | "style" | "title" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "unselectable" | "inputMode" | "is" | "as" | "gap" | "columnGap" | "rowGap" | "forwardedAs" | "css"> & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, TypeProps, never>;
+declare const Container: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("../Box").TypeBoxProps, "key" | "security" | "children" | "cursor" | "color" | "bg" | "backgroundColor" | "opacity" | "hidden" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "boxShadow" | "bottom" | "top" | "overflow" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "content" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "left" | "right" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "size" | "position" | "zIndex" | "textShadow" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "p" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "slot" | "style" | "title" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "nonce" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "unselectable" | "inputMode" | "is" | "as" | "gap" | "columnGap" | "rowGap" | "forwardedAs" | "css"> & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, TypeProps, never>;
 export declare const CustomIcon: import("styled-components").StyledComponent<{
-    ({ name, size, fixedWidth, ariaLabel, color, svgProps, ...rest }: import("../Icon").TypeIconProps): JSX.Element;
+    ({ name, size, fixedWidth, ariaLabel, color, svgProps, ...rest }: import("../Icon").TypeIconProps): import("react").JSX.Element;
     Toggle: {
-        ({ activeName, inactiveName, isActive, size, fixedWidth, ariaLabel, ...rest }: import("../Icon").TypeToggleProps): JSX.Element;
+        ({ activeName, inactiveName, isActive, size, fixedWidth, ariaLabel, ...rest }: import("../Icon").TypeToggleProps): import("react").JSX.Element;
         displayName: string;
     };
 }, import("styled-components").DefaultTheme, TypeProps, never>;

package/dist/types/Toast/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Toast/styles.ts"],"names":[],"mappings":";AAOA,OAAO,EAAC,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAE3C,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC/C,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,QAAA,MAAM,SAAS,kuMAQd,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;8DAItB,CAAC;AAEF,eAAO,MAAM,iBAAiB,gGAkC7B,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Toast/styles.ts"],"names":[],"mappings":";AAOA,OAAO,EAAC,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAE3C,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC/C,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,QAAA,MAAM,SAAS,sxMAQd,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;8DAItB,CAAC;AAEF,eAAO,MAAM,iBAAiB,gGAkC7B,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/types/ToggleHint/ToggleHint.d.ts

@@ -8,7 +8,7 @@ export default class ToggleHint extends React.Component<TypeToggleHintProps> {
         isOpen: boolean;
         icon: string;
     };
-    getIcon: () => JSX.Element;
-    render(): JSX.Element;
+    getIcon: () => React.JSX.Element;
+    render(): React.JSX.Element;
 }
 //# sourceMappingURL=ToggleHint.d.ts.map

package/dist/types/ToggleHint/ToggleHint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleHint.d.ts","sourceRoot":"","sources":["../../../src/ToggleHint/ToggleHint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AAC3D;;GAEG;AAEH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC;IAC1E,MAAM,CAAC,YAAY;;;MAGjB;IACF,OAAO,oBAML;IAEF,MAAM;CA8BP"}
+{"version":3,"file":"ToggleHint.d.ts","sourceRoot":"","sources":["../../../src/ToggleHint/ToggleHint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AAC3D;;GAEG;AAEH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC;IAC1E,MAAM,CAAC,YAAY;;;MAGjB;IACF,OAAO,0BAML;IAEF,MAAM;CA8BP"}

package/dist/types/Token/Token.d.ts

@@ -1,4 +1,5 @@
+import * as React from 'react';
 import type { TypeTokenProps } from './TokenTypes';
-declare const Token: ({ children, closeable, onClick, qa, valid, disabled, palette, ...rest }: TypeTokenProps) => JSX.Element;
+declare const Token: ({ children, closeable, onClick, qa, valid, disabled, palette, ...rest }: TypeTokenProps) => React.JSX.Element;
 export default Token;
 //# sourceMappingURL=Token.d.ts.map

package/dist/types/Token/Token.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Token.d.ts","sourceRoot":"","sources":["../../../src/Token/Token.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAEjD,QAAA,MAAM,KAAK,4EASR,cAAc,gBA2ChB,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Token.d.ts","sourceRoot":"","sources":["../../../src/Token/Token.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAEjD,QAAA,MAAM,KAAK,4EASR,cAAc,sBA2ChB,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/types/TokenInput/TokenInput.d.ts

@@ -22,7 +22,7 @@ export default class TokenInput extends React.Component<TypeTokenInputProps, Typ
     handleClickToken: (e: React.SyntheticEvent<HTMLButtonElement>, token: TypeTokenSpec) => void;
     renderToken(token: TypeTokenSpec): React.ReactNode;
     renderTokens(tokens: TypeTokenSpec[]): React.ReactNode;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=TokenInput.d.ts.map

package/dist/types/Tooltip/Tooltip.d.ts

@@ -1,4 +1,5 @@
+import * as React from 'react';
 import type { TypeTooltipProps } from './TooltipTypes';
-declare const Tooltip: ({ content, children, enterDelay, placement, appearance, zIndex, qa, popoutProps, truncated, ...rest }: TypeTooltipProps) => JSX.Element;
+declare const Tooltip: ({ content, children, enterDelay, placement, appearance, zIndex, qa, popoutProps, truncated, ...rest }: TypeTooltipProps) => React.JSX.Element;
 export default Tooltip;
 //# sourceMappingURL=Tooltip.d.ts.map

package/dist/types/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,gBAAgB,EAAqB,MAAM,gBAAgB,CAAC;AA8BzE,QAAA,MAAM,OAAO,0GAWV,gBAAgB,gBAiFlB,CAAC;AAwBF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAC,gBAAgB,EAAqB,MAAM,gBAAgB,CAAC;AA8BzE,QAAA,MAAM,OAAO,0GAWV,gBAAgB,sBAiFlB,CAAC;AAwBF,eAAe,OAAO,CAAC"}

package/dist/types/Tooltip/TooltipTypes.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import type { EnumPlacements, TypePopoutProps } from '../Popout/index';
 import { TypeQaProps } from '../types/shared';
 import { TypeBoxProps } from '../Box';
-export interface TypeTooltipProps extends Omit<TypeBoxProps, 'children'> {
+export interface TypeTooltipProps extends Omit<TypeBoxProps, 'children' | 'content'> {
     /** The content that the tooltip should be attached to. Hovering or focusing this element will cause the tooltip to appear */
     children: React.ReactNode;
     /** The content to be displayed within the tooltip. If there is no content, just the children are rendered */

package/dist/types/Tooltip/TooltipTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipTypes.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/TooltipTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,cAAc,EAAE,eAAe,EAAC,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAC,YAAY,EAAC,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC;IACtE,6HAA6H;IAC7H,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,6GAA6G;IAC7G,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B,6FAA6F;IAC7F,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,gOAAgO;IAChO,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC5B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAEvC,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACpC;AAGD,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,UAAU,CAAC;CAAG"}
+{"version":3,"file":"TooltipTypes.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/TooltipTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,cAAc,EAAE,eAAe,EAAC,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAC,YAAY,EAAC,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,SAAS,CAAC;IAClD,6HAA6H;IAC7H,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,6GAA6G;IAC7G,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B,6FAA6F;IAC7F,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,gOAAgO;IAChO,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC5B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAEvC,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACpC;AAGD,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,UAAU,CAAC;CAAG"}

package/dist/types/Tooltip/styles.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { TypeTooltipContent } from './TooltipTypes';
-export declare const TooltipContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("../Box").TypeBoxProps, "key" | "security" | "children" | "cursor" | "color" | "bg" | "backgroundColor" | "opacity" | "hidden" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "boxShadow" | "bottom" | "top" | "overflow" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "left" | "right" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "size" | "position" | "zIndex" | "textShadow" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "p" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "slot" | "style" | "title" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "unselectable" | "inputMode" | "is" | "as" | "gap" | "columnGap" | "rowGap" | "forwardedAs" | "css"> & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, Pick<TypeTooltipContent, "appearance">, never>;
+export declare const TooltipContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("../Box").TypeBoxProps, "key" | "security" | "children" | "cursor" | "color" | "bg" | "backgroundColor" | "opacity" | "hidden" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "boxShadow" | "bottom" | "top" | "overflow" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "content" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "left" | "right" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "size" | "position" | "zIndex" | "textShadow" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "p" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "slot" | "style" | "title" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "nonce" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "unselectable" | "inputMode" | "is" | "as" | "gap" | "columnGap" | "rowGap" | "forwardedAs" | "css"> & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, Pick<TypeTooltipContent, "appearance">, never>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/types/Tooltip/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,cAAc,+vMAM1B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAC,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,cAAc,mzMAM1B,CAAC"}

package/dist/types/systemProps/index.d.ts

@@ -13,85 +13,9 @@ export declare const variantSystemProps: import("styled-system").styleFn;
 export interface TypeSystemProps extends TypeCustomSystemProps, TypeVariantSystemProps, BackgroundProps, BorderProps, ColorProps, FlexboxProps, GridProps, LayoutProps, PositionProps, ShadowProps, SpaceProps, TypographyProps {
 }
 export declare const systemProps: import("styled-system").styleFn;
-export { 
+export { type BackgroundProps as TypeBackgroundSystemProps, background as backgroundSystemProps, type BorderProps as TypeBorderSystemProps, border as borderSystemProps, 
 /**
-  @deprecated: Use BackgroundProps from styled-system instead.
+  @deprecated: Use TypeColorSystemProps instead.
 */
-type BackgroundProps as TypeBackgroundSystemProps, 
-/**
-  @deprecated: Use background from styled-system instead.
-*/
-background as backgroundSystemProps, 
-/**
-  @deprecated: Use BorderProps from styled-system instead.
-*/
-type BorderProps as TypeBorderSystemProps, 
-/**
-  @deprecated: Use border from styled-system instead.
-*/
-border as borderSystemProps, 
-/**
-  @deprecated: Use ColorProps from styled-system instead.
-*/
-type ColorProps as TypeBackgroundColorSystemProp, 
-/**
-  @deprecated: Use color from styled-system instead.
-*/
-color as colorSystemProps, 
-/**
-  @deprecated: Use FlexboxProps from styled-system instead.
-*/
-type FlexboxProps as TypeFlexboxSystemProps, 
-/**
-  @deprecated: Use flexbox from styled-system instead.
-*/
-flexbox as flexboxSystemProps, 
-/**
-  @deprecated: Use GridProps from styled-system instead.
-*/
-type GridProps as TypeGridSystemProps, 
-/**
-  @deprecated: Use grid from styled-system instead.
-*/
-grid as gridSystemProps, 
-/**
-  @deprecated: Use LayoutProps from styled-system instead.
-*/
-type LayoutProps as TypeLayoutSystemProps, 
-/**
-  @deprecated: Use layout from styled-system instead.
-*/
-layout as layoutSystemProps, 
-/**
-  @deprecated: Use PositionProps from styled-system instead.
-*/
-type PositionProps as TypePositionSystemProps, 
-/**
-  @deprecated: Use position from styled-system instead.
-*/
-position as positionSystemProps, 
-/**
-  @deprecated: Use ShadowProps from styled-system instead.
-*/
-type ShadowProps as TypeShadowSystemProps, 
-/**
-  @deprecated: Use shadow from styled-system instead.
-*/
-shadow as shadowSystemProps, 
-/**
-  @deprecated: Use SpaceProps from styled-system instead.
-*/
-type SpaceProps as TypeSpaceSystemProps, 
-/**
-  @deprecated: Use space from styled-system instead.
-*/
-space as spaceSystemProps, 
-/**
-  @deprecated: Use TypographyProps from styled-system instead.
-*/
-type TypographyProps as TypeTypographySystemProps, 
-/**
-  @deprecated: Use typography from styled-system instead.
-*/
-typography as typographySystemProps, };
+type ColorProps as TypeBackgroundColorSystemProp, type ColorProps as TypeColorSystemProps, color as colorSystemProps, type FlexboxProps as TypeFlexboxSystemProps, flexbox as flexboxSystemProps, type GridProps as TypeGridSystemProps, grid as gridSystemProps, type LayoutProps as TypeLayoutSystemProps, layout as layoutSystemProps, type PositionProps as TypePositionSystemProps, position as positionSystemProps, type ShadowProps as TypeShadowSystemProps, shadow as shadowSystemProps, type SpaceProps as TypeSpaceSystemProps, space as spaceSystemProps, type TypographyProps as TypeTypographySystemProps, typography as typographySystemProps, };
 //# sourceMappingURL=index.d.ts.map

package/dist/types/systemProps/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/systemProps/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EACV,MAAM,EACN,KAAK,EACL,OAAO,EACP,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,MAAM,EACN,KAAK,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,eAAe,EAMpB,KAAK,eAAe,EACrB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,QAAQ,IAAI,WAAW,EAAC,MAAM,SAAS,CAAC;AAEhD,OAAO,EAAC,4BAA4B,EAAC,MAAM,yBAAyB,CAAC;AAGrE,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,UAAU,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,iBAAiB,iCAK7B,CAAC;AAGF,MAAM,WAAW,sBAAsB;IACrC,SAAS,CAAC,EAAE,4BAA4B,CAAC;CAC1C;AAED,eAAO,MAAM,kBAAkB,iCAK9B,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,qBAAqB,EAC3B,sBAAsB,EACtB,eAAe,EACf,WAAW,EACX,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACX,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe;CAAG;AAEtB,eAAO,MAAM,WAAW,iCAcvB,CAAC;AAGF,OAAO;AACL;;EAEE;AACF,KAAK,eAAe,IAAI,yBAAyB;AACjD;;EAEE;AACF,UAAU,IAAI,qBAAqB;AACnC;;EAEE;AACF,KAAK,WAAW,IAAI,qBAAqB;AACzC;;EAEE;AACF,MAAM,IAAI,iBAAiB;AAC3B;;EAEE;AACF,KAAK,UAAU,IAAI,6BAA6B;AAChD;;EAEE;AACF,KAAK,IAAI,gBAAgB;AACzB;;EAEE;AACF,KAAK,YAAY,IAAI,sBAAsB;AAC3C;;EAEE;AACF,OAAO,IAAI,kBAAkB;AAC7B;;EAEE;AACF,KAAK,SAAS,IAAI,mBAAmB;AACrC;;EAEE;AACF,IAAI,IAAI,eAAe;AACvB;;EAEE;AACF,KAAK,WAAW,IAAI,qBAAqB;AACzC;;EAEE;AACF,MAAM,IAAI,iBAAiB;AAC3B;;EAEE;AACF,KAAK,aAAa,IAAI,uBAAuB;AAC7C;;EAEE;AACF,QAAQ,IAAI,mBAAmB;AAC/B;;EAEE;AACF,KAAK,WAAW,IAAI,qBAAqB;AACzC;;EAEE;AACF,MAAM,IAAI,iBAAiB;AAC3B;;EAEE;AACF,KAAK,UAAU,IAAI,oBAAoB;AACvC;;EAEE;AACF,KAAK,IAAI,gBAAgB;AACzB;;EAEE;AACF,KAAK,eAAe,IAAI,yBAAyB;AACjD;;EAEE;AACF,UAAU,IAAI,qBAAqB,GACpC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/systemProps/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EACV,MAAM,EACN,KAAK,EACL,OAAO,EACP,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,MAAM,EACN,KAAK,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,eAAe,EAMpB,KAAK,eAAe,EACrB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,QAAQ,IAAI,WAAW,EAAC,MAAM,SAAS,CAAC;AAEhD,OAAO,EAAC,4BAA4B,EAAC,MAAM,yBAAyB,CAAC;AAGrE,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,UAAU,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,iBAAiB,iCAK7B,CAAC;AAGF,MAAM,WAAW,sBAAsB;IACrC,SAAS,CAAC,EAAE,4BAA4B,CAAC;CAC1C;AAED,eAAO,MAAM,kBAAkB,iCAK9B,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,qBAAqB,EAC3B,sBAAsB,EACtB,eAAe,EACf,WAAW,EACX,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACX,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe;CAAG;AAEtB,eAAO,MAAM,WAAW,iCAcvB,CAAC;AAGF,OAAO,EACL,KAAK,eAAe,IAAI,yBAAyB,EACjD,UAAU,IAAI,qBAAqB,EACnC,KAAK,WAAW,IAAI,qBAAqB,EACzC,MAAM,IAAI,iBAAiB;AAC3B;;EAEE;AACF,KAAK,UAAU,IAAI,6BAA6B,EAChD,KAAK,UAAU,IAAI,oBAAoB,EACvC,KAAK,IAAI,gBAAgB,EACzB,KAAK,YAAY,IAAI,sBAAsB,EAC3C,OAAO,IAAI,kBAAkB,EAC7B,KAAK,SAAS,IAAI,mBAAmB,EACrC,IAAI,IAAI,eAAe,EACvB,KAAK,WAAW,IAAI,qBAAqB,EACzC,MAAM,IAAI,iBAAiB,EAC3B,KAAK,aAAa,IAAI,uBAAuB,EAC7C,QAAQ,IAAI,mBAAmB,EAC/B,KAAK,WAAW,IAAI,qBAAqB,EACzC,MAAM,IAAI,iBAAiB,EAC3B,KAAK,UAAU,IAAI,oBAAoB,EACvC,KAAK,IAAI,gBAAgB,EACzB,KAAK,eAAe,IAAI,yBAAyB,EACjD,UAAU,IAAI,qBAAqB,GACpC,CAAC"}

package/dist/types/types/styled-components.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import * as React from 'react';
 import type { CSSProp } from 'styled-components';
 import type { TypeSproutTheme } from '../types/theme';
 export interface TypeStyledComponentsCommonProps {
-    forwardedAs?: React.ElementType;
-    as?: React.ElementType;
+    forwardedAs?: string | React.ComponentType<any>;
+    as?: string | React.ComponentType<any>;
     className?: string;
     css?: CSSProp<TypeSproutTheme>;
     ref?: React.Ref<any>;

package/dist/types/types/styled-components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled-components.d.ts","sourceRoot":"","sources":["../../../src/types/styled-components.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,kBAAkB,CAAC;AAEtD,MAAM,WAAW,+BAA+B;IAC9C,WAAW,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAChC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAE/B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACtB"}
+{"version":3,"file":"styled-components.d.ts","sourceRoot":"","sources":["../../../src/types/styled-components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,kBAAkB,CAAC;AAEtD,MAAM,WAAW,+BAA+B;IAE9C,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAEhD,EAAE,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAE/B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACtB"}

package/dist/types/utils/index.d.ts

@@ -9,5 +9,7 @@ export declare const mergeRefs: (refs: (TypeRef | null)[]) => TypeRef | null;
  * https://fettblog.eu/typescript-array-includes/
  */
 export declare function includes<T extends U, U>(coll: ReadonlyArray<T>, el: U): el is T;
+export declare function assertIsNode(e: EventTarget | null): asserts e is Node;
+export declare function assertIsElement(e: EventTarget | null): asserts e is Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/types/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,OAAO,CAAC;AAEjC,eAAO,MAAM,SAAS,eAMrB,CAAC;AAEF,aAAK,OAAO,GACR;IACE,OAAO,EAAE,IAAI,GAAG,gBAAgB,CAAC;CAClC,GAED,CAAC,CAAC,IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,GAAG,WAAW,KAAK,IAAI,CAAC,CAAC;AAIpD,eAAO,MAAM,SAAS,SAAU,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,mBAcjD,CAAC;AAEF;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,EACrC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EACtB,EAAE,EAAE,CAAC,GACJ,EAAE,IAAI,CAAC,CAET"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,OAAO,CAAC;AAEjC,eAAO,MAAM,SAAS,eAMrB,CAAC;AAEF,aAAK,OAAO,GACR;IACE,OAAO,EAAE,IAAI,GAAG,gBAAgB,CAAC;CAClC,GAED,CAAC,CAAC,IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,GAAG,WAAW,KAAK,IAAI,CAAC,CAAC;AAIpD,eAAO,MAAM,SAAS,SAAU,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,mBAcjD,CAAC;AAEF;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,EACrC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EACtB,EAAE,EAAE,CAAC,GACJ,EAAE,IAAI,CAAC,CAET;AAGD,wBAAgB,YAAY,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,OAAO,CAAC,CAAC,IAAI,IAAI,CAIrE;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,OAAO,CAAC,CAAC,IAAI,OAAO,CAK3E"}

package/dist/types/utils/innerText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"innerText.d.ts","sourceRoot":"","sources":["../../../src/utils/innerText.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAoBrC,QAAA,MAAM,SAAS,SAAU,SAAS,KAAG,MAsBpC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"innerText.d.ts","sourceRoot":"","sources":["../../../src/utils/innerText.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAoBrC,QAAA,MAAM,SAAS,SAAU,SAAS,KAAG,MAyBpC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/icons/hand-sparkle-outline.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
+  <path d="M15.726.236a.25.25 0 00-.453 0l-.371.795a.25.25 0 01-.12.121l-.797.372a.25.25 0 000 .453l.796.371a.25.25 0 01.121.12l.372.797a.25.25 0 00.453 0l.371-.796a.25.25 0 01.12-.12l.797-.372a.25.25 0 000-.453l-.796-.372a.25.25 0 01-.121-.12l-.371-.796z"/>
+  <path fill-rule="evenodd" d="M12.392 1.265a1 1 0 00-1.784 0L9.595 3.267a1 1 0 01-.496.467l-1.967.848c-.806.347-.806 1.49 0 1.837l1.967.847a1 1 0 01.496.467l1.013 2.002a1 1 0 001.784 0l1.013-2.002a1 1 0 01.496-.467l1.967-.847c.806-.348.806-1.49 0-1.837l-1.967-.848a1 1 0 01-.496-.467l-1.013-2.002zm-.892 1.56l-.566 1.12a2.5 2.5 0 01-1.242 1.167l-.9.388.9.388a2.5 2.5 0 011.242 1.168l.566 1.12.566-1.12a2.5 2.5 0 011.242-1.168l.9-.388-.9-.388a2.5 2.5 0 01-1.242-1.168l-.566-1.12z" clip-rule="evenodd"/>
+  <path fill-rule="evenodd" d="M10.712 11.511l.278.973 3.076-1.282a2.75 2.75 0 013.725 1.871l.08.32a1.25 1.25 0 01-.754 1.466l-7.18 2.828a2.75 2.75 0 01-1.842.062l-5.345-1.7v-5.684l4.865-.811a2.75 2.75 0 013.097 1.957zm-2.85-.477a1.25 1.25 0 011.407.89l.237.826H7v1.5h3.65l3.993-1.664a1.25 1.25 0 011.693.851l.027.107-6.976 2.748a1.25 1.25 0 01-.837.028l-4.3-1.368v-3.316l3.612-.602z" clip-rule="evenodd"/>
+  <path d="M0 10.5V16h1.5v-5.5H0z"/>
+</svg>

package/icons/hand-sparkle.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
+  <path d="M15.649.236a.25.25 0 01.453 0l.331.71a.25.25 0 00.121.121l.71.332a.25.25 0 010 .453l-.71.331a.25.25 0 00-.12.121l-.332.71a.25.25 0 01-.454 0l-.331-.71a.25.25 0 00-.121-.12l-.71-.332a.25.25 0 010-.453l.71-.332a.25.25 0 00.12-.12l.332-.711zm2.054 12.372l.16.48a.5.5 0 01-.25.606l-7.904 3.951a2 2 0 01-1.469.127L4 16.5V11l4.832-.743a2 2 0 012.202 1.344l.466 1.4 3.478-1.582a2 2 0 012.725 1.189zM0 11v5.5h2V11H0zm12.668-9.687a.75.75 0 00-1.336 0l-1.118 2.195a.75.75 0 01-.373.349l-2.23.954a.75.75 0 000 1.379l2.23.953a.75.75 0 01.373.35l1.118 2.194a.75.75 0 001.336 0l1.118-2.194a.75.75 0 01.373-.35l2.23-.953a.75.75 0 000-1.38l-2.23-.953a.75.75 0 01-.373-.35l-1.118-2.194z"/>
+</svg>

package/lib/Card/Card.js

@@ -1,36 +1,81 @@
-'no babel-plugin-flow-react-proptypes';
-
-var _excluded = ["onClick", "href", "children", "ariaLabel", "buttonProps", "border", "borderColor", "color", "bg"];
+var _excluded = ["children", "disabled", "elevation", "href", "onClick", "role", "selected"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import * as React from 'react';
-import { Container, ClickableArea } from "./styles";
+import React, { useRef, useState } from 'react';
+import { StyledCard } from "./styles";
+import { SubComponentContext, navigateTo, onKeyDown } from "./utils";
+import { SelectedIcon } from "./subComponents";
+
+/**
+ * @link https://seeds.sproutsocial.com/components/card/
+ *
+ * Avoid nesting interactive content inside a Card with role='button'.
+ *
+ * Interactive content: "a", "audio", "button", "embed", "iframe", "img", "input", "label", "select", "textarea", "video"
+ * @see https://html.spec.whatwg.org/multipage/dom.html#interactive-content
+ *
+ * @example
+ * <Card role="button" onClick={_onClick}>
+ *  <Button>Click me</Button>
+ * </Card>
+ */
+
 var Card = function Card(_ref) {
-  var onClick = _ref.onClick,
+  var children = _ref.children,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    elevation = _ref.elevation,
     href = _ref.href,
-    children = _ref.children,
-    ariaLabel = _ref.ariaLabel,
-    _ref$buttonProps = _ref.buttonProps,
-    buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
-    _ref$border = _ref.border,
-    border = _ref$border === void 0 ? 500 : _ref$border,
-    _ref$borderColor = _ref.borderColor,
-    borderColor = _ref$borderColor === void 0 ? 'container.border.base' : _ref$borderColor,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? 'text.body' : _ref$color,
-    _ref$bg = _ref.bg,
-    bg = _ref$bg === void 0 ? 'container.background.base' : _ref$bg,
+    onClick = _ref.onClick,
+    _ref$role = _ref.role,
+    role = _ref$role === void 0 ? 'presentation' : _ref$role,
+    selected = _ref.selected,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
-    border: border,
-    borderColor: borderColor,
-    color: color,
-    bg: bg
-  }), /*#__PURE__*/React.createElement(ClickableArea, _extends({
-    "aria-label": ariaLabel,
-    onClick: onClick,
-    href: href
-  }, buttonProps), null), children);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hasSubComponent = _useState2[0],
+    setHasSubComponent = _useState2[1];
+  var containerRef = useRef(null);
+  var checkedConditions = role === 'checkbox' ? selected : undefined;
+  var handleClickConditions = function handleClickConditions(e) {
+    return role === 'link' ? navigateTo({
+      e: e,
+      href: href,
+      ref: containerRef
+    }) : onClick === null || onClick === void 0 ? void 0 : onClick(e);
+  };
+  var handleKeyDown = function handleKeyDown(e) {
+    return onKeyDown({
+      e: e,
+      href: href,
+      onClick: onClick,
+      ref: containerRef,
+      role: role
+    });
+  };
+  return /*#__PURE__*/React.createElement(StyledCard, _extends({
+    tabIndex: 0,
+    role: role,
+    onClick: handleClickConditions,
+    onKeyDown: handleKeyDown,
+    $elevation: elevation,
+    ref: containerRef,
+    $selected: selected,
+    "aria-checked": checkedConditions,
+    $disabled: disabled,
+    "aria-disabled": disabled && disabled,
+    $compositionalComponents: hasSubComponent
+  }, rest), /*#__PURE__*/React.createElement(SelectedIcon, {
+    $selected: selected
+  }), /*#__PURE__*/React.createElement(SubComponentContext.Provider, {
+    value: setHasSubComponent
+  }, children));
 };
 export default Card;

package/lib/Card/CardTypes.flow.js

@@ -0,0 +1 @@
+import * as React from 'react';

package/lib/Card/index.flow.js

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

package/lib/Card/styles.js

@@ -1,22 +1,98 @@
 import styled from 'styled-components';
-import Box from "../Box";
-import Button from "../Button";
-var Container = styled(Box).withConfig({
-  displayName: "styles__Container",
-  componentId: "sc-1t1hrf6-0"
-})(["width:100%;border-radius:", ";position:relative;z-index:0;::after{content:'';top:0;left:0;position:absolute;border-radius:", ";z-index:-1;width:100%;height:100%;opacity:0;box-shadow:", ";transition:opacity ", " ", ";}&:hover{&::after{opacity:1;}}[role='button'],[type='button'],a{position:relative;}"], function (props) {
-  return props.theme.radii.outer;
-}, function (props) {
-  return props.theme.radii[500];
-}, function (props) {
-  return props.theme.shadows.low;
-}, function (props) {
-  return props.theme.duration.medium;
-}, function (props) {
-  return props.theme.easing.ease_inout;
+import { border, color, flexbox, grid, layout, position, space } from 'styled-system';
+import { focusRing, disabled } from "../utils/mixins";
+import Icon from "../Icon";
+
+// TODO: Would be really cool to cherry pick specific props from style functions. For example,
+// removing the css prop 'color' from the color function or importing just the specific
+// props the component needs. It appears to be possible with some and not others.
+// https://github.com/styled-system/styled-system/issues/1569
+
+export var StyledCardContent = styled.div.withConfig({
+  displayName: "styles__StyledCardContent",
+  componentId: "sc-9tyqu4-0"
+})(["display:flex;flex-direction:column;padding:", ";box-sizing:border-box;", " ", " ", " ", " ", " ", ""], function (_ref) {
+  var theme = _ref.theme;
+  return theme.space[400];
+}, border, color, flexbox, grid, layout, space);
+export var StyledCardHeader = styled(StyledCardContent).withConfig({
+  displayName: "styles__StyledCardHeader",
+  componentId: "sc-9tyqu4-1"
+})(["flex-direction:row;border-bottom:", ";border-top-left-radius:", ";border-top-right-radius:", ";", " ", " ", " ", " ", " ", ""], function (_ref2) {
+  var theme = _ref2.theme;
+  return "".concat(theme.borderWidths[500], " solid\n  ").concat(theme.colors.container.border.base);
+}, function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.radii.inner;
+}, function (_ref4) {
+  var theme = _ref4.theme;
+  return theme.radii.inner;
+}, border, color, flexbox, grid, layout, space);
+export var StyledCardFooter = styled(StyledCardContent).withConfig({
+  displayName: "styles__StyledCardFooter",
+  componentId: "sc-9tyqu4-2"
+})(["flex-direction:row;border-top:", ";border-bottom-left-radius:", ";border-bottom-right-radius:", ";", " ", " ", " ", " ", " ", ""], function (_ref5) {
+  var theme = _ref5.theme;
+  return "".concat(theme.borderWidths[500], " solid\n  ").concat(theme.colors.container.border.base);
+}, function (_ref6) {
+  var theme = _ref6.theme;
+  return theme.radii.inner;
+}, function (_ref7) {
+  var theme = _ref7.theme;
+  return theme.radii.inner;
+}, border, color, flexbox, grid, layout, space);
+export var SelectedIconWrapper = styled.div.withConfig({
+  displayName: "styles__SelectedIconWrapper",
+  componentId: "sc-9tyqu4-3"
+})(["display:flex;align-items:center;justify-content:center;position:absolute;top:-8px;right:-8px;"]);
+export var StyledSelectedIcon = styled(Icon).withConfig({
+  displayName: "styles__StyledSelectedIcon",
+  componentId: "sc-9tyqu4-4"
+})(["border-radius:50%;background:", ";opacity:0;transition:opacity ", ";", ""], function (_ref8) {
+  var theme = _ref8.theme;
+  return theme.colors.container.background.base;
+}, function (_ref9) {
+  var theme = _ref9.theme;
+  return theme.duration.medium;
+}, function (_ref10) {
+  var $selected = _ref10.$selected;
+  return $selected && "\n    opacity: 1;\n  ";
 });
-var ClickableArea = styled(Button).withConfig({
-  displayName: "styles__ClickableArea",
-  componentId: "sc-1t1hrf6-1"
-})(["position:absolute !important;top:0;bottom:0;left:0;right:0;width:100%;"]);
-export { Container, ClickableArea };
+export var StyledCard = styled.div.withConfig({
+  displayName: "styles__StyledCard",
+  componentId: "sc-9tyqu4-5"
+})(["position:relative;display:flex;flex-direction:column;box-sizing:border-box;margin:0;background:", ";border:", " solid ", ";padding:", ";border-radius:", ";transition:box-shadow ", ",border ", ";&[role='link'],&[role='button'],&[role='checkbox']{cursor:pointer;}&:hover{box-shadow:", ";}&:focus{", "}", " ", " ", " ", " ", " ", " ", " ", " ", ""], function (_ref11) {
+  var theme = _ref11.theme;
+  return theme.colors.container.background.base;
+}, function (_ref12) {
+  var theme = _ref12.theme;
+  return theme.borderWidths[500];
+}, function (_ref13) {
+  var theme = _ref13.theme;
+  return theme.colors.container.border.base;
+}, function (_ref14) {
+  var theme = _ref14.theme,
+    $compositionalComponents = _ref14.$compositionalComponents;
+  return $compositionalComponents ? 0 : theme.space[400];
+}, function (_ref15) {
+  var theme = _ref15.theme;
+  return theme.radii.outer;
+}, function (_ref16) {
+  var theme = _ref16.theme;
+  return theme.duration.medium;
+}, function (_ref17) {
+  var theme = _ref17.theme;
+  return theme.duration.medium;
+}, function (_ref18) {
+  var theme = _ref18.theme,
+    _ref18$$elevation = _ref18.$elevation,
+    $elevation = _ref18$$elevation === void 0 ? 'low' : _ref18$$elevation;
+  return theme.shadows[$elevation];
+}, focusRing, function (_ref19) {
+  var $disabled = _ref19.$disabled;
+  return $disabled && "\n    ".concat(disabled, "\n  ");
+}, function (_ref20) {
+  var $selected = _ref20.$selected,
+    theme = _ref20.theme;
+  return $selected && "\n    border: ".concat(theme.borderWidths[500], " solid ").concat(theme.colors.container.border.selected, ";  \n  ");
+}, border, color, flexbox, grid, layout, position, space);