@sproutsocial/racine 15.1.0 → 17.0.0

package/dist/types/Switch/SwitchTypes.d.ts

@@ -1,17 +1,10 @@
 import * as React from 'react';
 import { TypeStyledComponentsCommonProps } from '../types/styled-components';
-import { TypeSystemCommonProps } from '../types/system-props';
-export interface TypeSwitchProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'color' | 'onClick'>, TypeStyledComponentsCommonProps, TypeSystemCommonProps {
+import type { TypeColorSystemProps, TypeLayoutSystemProps, TypeSpaceSystemProps } from '../systemProps';
+export interface TypeSwitchProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'color' | 'onClick'>, TypeStyledComponentsCommonProps, TypeColorSystemProps, TypeLayoutSystemProps, TypeSpaceSystemProps {
     onClick: (e: React.SyntheticEvent<HTMLButtonElement>, checked: boolean) => void;
     checked: boolean;
-    /** Customizable object to pass in localized "On" and "Off" label text for screen readers {"on": ONTEXT, "off": OFFTEXT} */
-    a11yLabels: {
-        on: string;
-        off: string;
-    };
-    /** Disables interaction on component and applies disabled styles  */
-    disabled: boolean;
-    name?: string;
-    qa?: object;
+    loading?: boolean;
+    disabled?: boolean;
 }
 //# sourceMappingURL=SwitchTypes.d.ts.map

package/dist/types/Switch/SwitchTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchTypes.d.ts","sourceRoot":"","sources":["../../../src/Switch/SwitchTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,+BAA+B,EAAC,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAE9D,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,EACzE,+BAA+B,EAC/B,qBAAqB;IACvB,OAAO,EAAE,CACP,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAC1C,OAAO,EAAE,OAAO,KACb,IAAI,CAAC;IACV,OAAO,EAAE,OAAO,CAAC;IAEjB,2HAA2H;IAC3H,UAAU,EAAE;QACV,EAAE,EAAE,MAAM,CAAC;QACX,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IAEF,qEAAqE;IACrE,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb"}
+{"version":3,"file":"SwitchTypes.d.ts","sourceRoot":"","sources":["../../../src/Switch/SwitchTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,+BAA+B,EAAC,MAAM,8BAA8B,CAAC;AAC7E,OAAO,KAAK,EACV,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,EACzE,+BAA+B,EAC/B,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB;IACtB,OAAO,EAAE,CACP,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAC1C,OAAO,EAAE,OAAO,KACb,IAAI,CAAC;IACV,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

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

@@ -1,7 +1,6 @@
-export interface ContainerTypes {
-    checked: boolean;
-    disabled: boolean;
+interface StyledSwitchButtonProps {
+    qa?: object;
 }
-declare const Container: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, ContainerTypes, never>;
-export default Container;
+export declare const StyledSwitchButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, StyledSwitchButtonProps, never>;
+export {};
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Switch/styles.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,SAAS,wHA6Fd,CAAC;AACF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Switch/styles.ts"],"names":[],"mappings":"AAIA,UAAU,uBAAuB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAWD,eAAO,MAAM,kBAAkB,iIAuH9B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,SAAS,MAAM,gBAAgB,CAAC;AACvC,OAAO,eAAe,MAAM,sBAAsB,CAAC;AAEnD,OAAO,KAAK,EACV,oBAAoB,EACpB,cAAc,EAEf,MAAM,cAAc,CAAC;AActB;;GAEG;AACH,eAAO,MAAM,KAAK;yFAUf,cAAc;;iCA8C+B,oBAAoB;;;;iCAIpB,oBAAoB;;;;iCAIrB,oBAAoB;;;;;CAVlE,CAAC;AAEF,eAAO,MAAM,SAAS;6BAA0B,oBAAoB;;CAEnE,CAAC;AAEF,eAAO,MAAM,SAAS;6BAA0B,oBAAoB;;CAEnE,CAAC;AAEF,eAAO,MAAM,QAAQ;6BAA0B,oBAAoB;;CAElE,CAAC;AAcF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,SAAS,MAAM,gBAAgB,CAAC;AACvC,OAAO,eAAe,MAAM,sBAAsB,CAAC;AAEnD,OAAO,KAAK,EACV,oBAAoB,EACpB,cAAc,EAEf,MAAM,cAAc,CAAC;AActB;;GAEG;AACH,eAAO,MAAM,KAAK;yFAUf,cAAc;;iCAmD+B,oBAAoB;;;;iCAIpB,oBAAoB;;;;iCAIrB,oBAAoB;;;;;CAVlE,CAAC;AAEF,eAAO,MAAM,SAAS;6BAA0B,oBAAoB;;CAEnE,CAAC;AAEF,eAAO,MAAM,SAAS;6BAA0B,oBAAoB;;CAEnE,CAAC;AAEF,eAAO,MAAM,QAAQ;6BAA0B,oBAAoB;;CAElE,CAAC;AAcF,eAAe,KAAK,CAAC"}

package/dist/types/TableHeaderCell/TableHeaderCell.d.ts

@@ -2,8 +2,8 @@ import * as React from 'react';
 import { TypeTableHeaderCellProps } from './TableHeaderCellTypes';
 export declare class TableHeaderCell extends React.Component<TypeTableHeaderCellProps> {
     static displayName: string;
-    getSortIcon: (isSorted: boolean) => React.JSX.Element;
-    handleClick: (e: React.SyntheticEvent<HTMLTableCellElement>) => void;
+    getSortIcon: (isSorted: boolean, ariaSortDirection: 'ascending' | 'descending' | undefined) => React.JSX.Element;
+    handleClick: (e: React.MouseEvent<HTMLTableCellElement | HTMLButtonElement>) => void;
     render(): React.JSX.Element;
 }
 export default TableHeaderCell;

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

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderCell.d.ts","sourceRoot":"","sources":["../../../src/TableHeaderCell/TableHeaderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAEhE,qBAAa,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,wBAAwB,CAAC;IAC5E,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC;IAE3B,WAAW,aAAc,OAAO,uBAe9B;IAGF,WAAW,MAAO,MAAM,cAAc,CAAC,oBAAoB,CAAC,UAW1D;IAEF,MAAM;CAyCP;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"TableHeaderCell.d.ts","sourceRoot":"","sources":["../../../src/TableHeaderCell/TableHeaderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAEhE,qBAAa,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,wBAAwB,CAAC;IAC5E,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC;IAE3B,WAAW,aACC,OAAO,qBACE,WAAW,GAAG,YAAY,GAAG,SAAS,uBAgBzD;IAGF,WAAW,MACN,gBAAgB,CAAC,oBAAoB,GAAG,iBAAiB,CAAC,UAa7D;IAEF,MAAM;CAoEP;AAED,eAAe,eAAe,CAAC"}

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

@@ -5,5 +5,6 @@ declare const Container: import("styled-components").StyledComponent<"th", impor
     width: TypeTableHeaderCellProps['width'];
 }, never>;
 export declare const SortIcon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const UnstyledButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
 export default Container;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/TableHeaderCell/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAEhE,QAAA,MAAM,SAAS;;eAEF,wBAAwB,CAAC,OAAO,CAAC;WACrC,wBAAwB,CAAC,OAAO,CAAC;SAezC,CAAC;AAEF,eAAO,MAAM,QAAQ,0GAMpB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/TableHeaderCell/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAEhE,QAAA,MAAM,SAAS;;eAEF,wBAAwB,CAAC,OAAO,CAAC;WACrC,wBAAwB,CAAC,OAAO,CAAC;SAezC,CAAC;AAEF,eAAO,MAAM,QAAQ,0GAMpB,CAAC;AAEF,eAAO,MAAM,cAAc,4GAW1B,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,mBAAmB,EAAE,aAAa,EAAC,MAAM,aAAa,CAAC;AAEpE,UAAU,gBAAgB;IACxB,OAAO,EAAE,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;CAC5C;AACD,UAAU,oBAAoB;IAC5B,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACxD,WAAW,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,gBAAgB,8CAAyD,CAAC;AAEhF,cAAM,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC;IAC9D,MAAM,CAAC,WAAW,+CAAoB;IAEtC,OAAO,EAAG,KAAK,CAAC,WAAW,CAAC,OAAO,gBAAgB,CAAC,CAAC;IAErD,SAAS,EAAE,gBAAgB,CAAiD;IAE5E,iBAAiB;IAIjB,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;IAMjD,oBAAoB;IAIpB,MAAM;CAuBP;AAED;;GAEG;AACH,cAAM,IAAK,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IAC/C,MAAM,CAAC,MAAM,uBAAiB;IAC9B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI,GAAG,SAAS,CAAC,CAAM;IACrE,OAAO,EAAE,MAAM,EAAE,CAAM;IAEvB,aAAa,eAA+B;IAC5C,UAAU,OAAQ,MAAM,UAA6B;IACrD,UAAU,OAAQ,MAAM,OAAO,gBAAgB,UAK7C;IAEF,WAAW,eAAgB,MAAM,SAAS,MAAM,UAM9C;IAEF,YAAY,OAAQ,MAAM,UAKxB;IAEF,aAAa,OAAQ,MAAM,UAOzB;IAEF,UAAU,gBAAe,mBAAmB,CAAC,gBAAgB,CAAC,UA6B5D;IAEF,MAAM;CAyBP;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,mBAAmB,EAAE,aAAa,EAAC,MAAM,aAAa,CAAC;AAEpE,UAAU,gBAAgB;IACxB,OAAO,EAAE,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;CAC5C;AACD,UAAU,oBAAoB;IAC5B,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACxD,WAAW,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,gBAAgB,8CAAyD,CAAC;AAEhF,cAAM,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC;IAC9D,MAAM,CAAC,WAAW,+CAAoB;IAEtC,OAAO,EAAG,KAAK,CAAC,WAAW,CAAC,OAAO,gBAAgB,CAAC,CAAC;IAErD,SAAS,EAAE,gBAAgB,CAAiD;IAE5E,iBAAiB;IAIjB,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;IAMjD,oBAAoB;IAIpB,MAAM;CA2BP;AAED;;GAEG;AACH,cAAM,IAAK,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IAC/C,MAAM,CAAC,MAAM,uBAAiB;IAC9B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI,GAAG,SAAS,CAAC,CAAM;IACrE,OAAO,EAAE,MAAM,EAAE,CAAM;IAEvB,aAAa,eAA+B;IAC5C,UAAU,OAAQ,MAAM,UAA6B;IACrD,UAAU,OAAQ,MAAM,OAAO,gBAAgB,UAK7C;IAEF,WAAW,eAAgB,MAAM,SAAS,MAAM,UAM9C;IAEF,YAAY,OAAQ,MAAM,UAKxB;IAEF,aAAa,OAAQ,MAAM,UAOzB;IAEF,UAAU,gBAAe,mBAAmB,CAAC,gBAAgB,CAAC,UA6B5D;IAEF,MAAM;CA0BP;AAED,eAAe,IAAI,CAAC"}

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

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import type { TypeColor } from '../types/theme';
-import type { EnumIconNames } from '../EnumIconNames';
+import { TypeIconName } from '../Icon';
 export declare type TypeToastTheme = 'info' | 'success' | 'warning' | 'error';
 export interface TypeToastProps {
     theme?: TypeToastTheme;
     content: React.ReactNode;
     color?: TypeColor;
-    icon?: EnumIconNames;
+    icon?: TypeIconName;
 }
 export interface TypeToastOptions extends TypeToastProps {
     theme?: TypeToastTheme;

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

@@ -1 +1 @@
-{"version":3,"file":"ToastTypes.d.ts","sourceRoot":"","sources":["../../../src/Toast/ToastTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,oBAAoB,CAAC;AAEtD,oBAAY,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEtE,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,qUAAqU;IACrU,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB"}
+{"version":3,"file":"ToastTypes.d.ts","sourceRoot":"","sources":["../../../src/Toast/ToastTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,YAAY,EAAC,MAAM,WAAW,CAAC;AAEvC,oBAAY,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEtE,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,qUAAqU;IACrU,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB"}

package/dist/types/iconNames.d.ts

@@ -0,0 +1,3 @@
+declare const _default: readonly ["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-ai-outline", "comment-ai", "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", "hand-sparkle-outline", "hand-sparkle", "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", "quotes-solid", "recommendation", "reddit-alien", "reddit", "reels-outline", "reels", "referrals", "refresh", "rejected", "reply-outline", "reply", "reporting-period", "reporting", "reports-home", "reports", "retweet", "route", "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-check", "tasks-outline", "tasks", "team-conversation-outline", "team-conversation", "team-sprout-outline", "team-sprout", "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 default _default;
+//# sourceMappingURL=iconNames.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"iconNames.d.ts","sourceRoot":"","sources":["../../src/iconNames.ts"],"names":[],"mappings":";AAAA,wBAAk4K"}

package/dist/types/illustrationNames.d.ts

@@ -0,0 +1,3 @@
+declare const _default: readonly ["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", "custom-post-variables", "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", "notifications", "organize-message", "outbox-queue", "outbox-reviews", "pdf", "planning", "podium", "pointer", "publish-assets", "publish-links", "publishing-notifications", "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", "sprout-mobile-app", "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", "user-team", "variable-table", "view-connections", "vip-list", "warning", "wifi", "workflow-steps"];
+export default _default;
+//# sourceMappingURL=illustrationNames.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"illustrationNames.d.ts","sourceRoot":"","sources":["../../src/illustrationNames.ts"],"names":[],"mappings":";AAAA,wBAAyzD"}

package/dist/types/index.d.ts

@@ -1,6 +1,9 @@
 export type { EnumIconNames } from './EnumIconNames';
 export type { EnumIllustrationNames } from './EnumIllustrationNames';
 export type { EnumLogoNames } from './EnumLogoNames';
+export { default as IconNames } from './iconNames';
+export { default as SpotIllustrationNames } from './illustrationNames';
+export { default as PartnerLogoNames } from './logoNames';
 export * from './systemProps';
 export { default as theme } from './themes/light/theme';
 export { default as darkTheme } from './themes/dark/theme';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,YAAY,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AACnD,YAAY,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AACnE,YAAY,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAGnD,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,qBAAqB,CAAC;AACzD,OAAO,EACL,gBAAgB,EAChB,eAAe,GAChB,MAAM,qCAAqC,CAAC;AAC7C,YAAY,EAAC,SAAS,EAAE,eAAe,EAAC,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAGzD,OAAO,EAAC,SAAS,EAAE,cAAc,EAAE,cAAc,EAAC,MAAM,eAAe,CAAC;AACxE,OAAO,EAAC,cAAc,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AACnE,OAAO,EAAC,mBAAmB,EAAC,MAAM,6BAA6B,CAAC;AAGhE,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AAEjC;;GAEG;AACH,OAAO,EAAC,MAAM,IAAI,KAAK,EAAC,MAAM,UAAU,CAAC;AAEzC;;GAEG;AACH,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,YAAY,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AACnD,YAAY,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AACnE,YAAY,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,aAAa,CAAC;AACjD,OAAO,EAAC,OAAO,IAAI,qBAAqB,EAAC,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,aAAa,CAAC;AAGxD,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,qBAAqB,CAAC;AACzD,OAAO,EACL,gBAAgB,EAChB,eAAe,GAChB,MAAM,qCAAqC,CAAC;AAC7C,YAAY,EAAC,SAAS,EAAE,eAAe,EAAC,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAGzD,OAAO,EAAC,SAAS,EAAE,cAAc,EAAE,cAAc,EAAC,MAAM,eAAe,CAAC;AACxE,OAAO,EAAC,cAAc,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AACnE,OAAO,EAAC,mBAAmB,EAAC,MAAM,6BAA6B,CAAC;AAGhE,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AAEjC;;GAEG;AACH,OAAO,EAAC,MAAM,IAAI,KAAK,EAAC,MAAM,UAAU,CAAC;AAEzC;;GAEG;AACH,cAAc,WAAW,CAAC"}

package/dist/types/logoNames.d.ts

@@ -0,0 +1,3 @@
+declare const _default: readonly ["adobe-experience-manager", "android", "apple-app-store", "apple", "bigcommerce", "bitly", "bynder", "canva", "dropbox", "facebook-audience-network", "facebook", "facebook-groups", "facebook-shops", "feedly", "github", "glassdoor", "google-analytics", "google-business-messages", "google-drive", "google-my-business", "google-play-store", "hubspot", "instagram", "linkedin-audience-network", "linkedin", "marketo", "messenger", "microsoft-dynamics", "pinterest", "reddit-alien", "reddit", "salesforce-cloud", "salesforce", "shopify", "slack", "sproutsocial", "tableau", "tiktok", "tripadvisor", "tumblr", "twitter-audience-network", "twitter", "whatsapp", "woocommerce", "yelp", "youtube", "zendesk"];
+export default _default;
+//# sourceMappingURL=logoNames.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"logoNames.d.ts","sourceRoot":"","sources":["../../src/logoNames.ts"],"names":[],"mappings":";AAAA,wBAAwqB"}

package/icons/quotes-solid.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
+  <path d="M3 .25A2.75 2.75 0 00.25 3v4c0 .69.56 1.25 1.25 1.25h2c.69 0 1.25-.56 1.25-1.25V4.5c0-.69-.56-1.25-1.25-1.25H1.75V3c0-.69.56-1.25 1.25-1.25h1V.25H3zm5 0A2.75 2.75 0 005.25 3v4c0 .69.56 1.25 1.25 1.25h2c.69 0 1.25-.56 1.25-1.25V4.5c0-.69-.56-1.25-1.25-1.25H6.75V3c0-.69.56-1.25 1.25-1.25h1V.25H8zM17.75 15A2.75 2.75 0 0115 17.75h-1v-1.5h1c.69 0 1.25-.56 1.25-1.25v-.25H14.5c-.69 0-1.25-.56-1.25-1.25V11c0-.69.56-1.25 1.25-1.25h2c.69 0 1.25.56 1.25 1.25v4zM10 17.75A2.75 2.75 0 0012.75 15v-4c0-.69-.56-1.25-1.25-1.25h-2c-.69 0-1.25.56-1.25 1.25v2.5c0 .69.56 1.25 1.25 1.25h1.75V15c0 .69-.56 1.25-1.25 1.25H9v1.5h1z"/>
+</svg>

package/lib/Badge/Badge.flow.js

@@ -1 +1,2 @@
-import * as React from 'react';
+import * as React from 'react';
+import { badgeColors } from "./constants.flow";

package/lib/Badge/constants.flow.js

@@ -0,0 +1,13 @@
+export var badgeColors = Object.freeze({
+  green: 'green',
+  blue: 'blue',
+  purple: 'purple',
+  yellow: 'yellow',
+  orange: 'orange',
+  red: 'red',
+  neutral: 'neutral',
+  magenta: 'magenta',
+  pink: 'pink',
+  aqua: 'aqua',
+  teal: 'teal'
+});

package/lib/Badge/constants.js

@@ -40,4 +40,17 @@ export var legacyBadgeColors = {
   approval: approval,
   default: defaultPurple,
   suggestion: suggestion
+};
+export var badgeColors = {
+  green: 'green',
+  blue: 'blue',
+  purple: 'purple',
+  yellow: 'yellow',
+  orange: 'orange',
+  red: 'red',
+  neutral: 'neutral',
+  magenta: 'magenta',
+  pink: 'pink',
+  aqua: 'aqua',
+  teal: 'teal'
 };

package/lib/Banner/Banner.js

@@ -1,4 +1,4 @@
-var _excluded = ["type", "text", "onClose", "closeButtonLabel"];
+var _excluded = ["type", "text", "onClose", "closeButtonLabel", "typeIconProps"];
 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 _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; }
@@ -46,6 +46,7 @@ var Banner = function Banner(_ref) {
     onClose = _ref.onClose,
     _ref$closeButtonLabel = _ref.closeButtonLabel,
     closeButtonLabel = _ref$closeButtonLabel === void 0 ? 'Close' : _ref$closeButtonLabel,
+    typeIconProps = _ref.typeIconProps,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Container, _extends({
     type: type,
@@ -56,14 +57,14 @@ var Banner = function Banner(_ref) {
     display: "flex",
     alignItems: "center",
     width: 1
-  }, /*#__PURE__*/React.createElement(StyledBannerIcon, {
+  }, /*#__PURE__*/React.createElement(StyledBannerIcon, _extends({
     name: getBannerIconName(type),
     color: getBannerIconColor(type),
     className: "Icon",
     fixedWidth: true,
     mt: "3px",
     mr: 400
-  }), text, onClose && /*#__PURE__*/React.createElement(Box, {
+  }, typeIconProps)), text, onClose && /*#__PURE__*/React.createElement(Box, {
     ml: "auto",
     pl: 400,
     alignSelf: "flex-start"

package/lib/Card/Card.js

@@ -10,7 +10,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 React, { useRef, useState } from 'react';
 import { StyledCard } from "./styles";
-import { SubComponentContext, navigateTo, onKeyDown } from "./utils";
+import { SubComponentContext, onKeyDown } from "./utils";
 import { SelectedIcon } from "./subComponents";
 
 /**
@@ -43,13 +43,17 @@ var Card = function Card(_ref) {
     hasSubComponent = _useState2[0],
     setHasSubComponent = _useState2[1];
   var containerRef = useRef(null);
+  var linkRef = useRef(null);
+  var isRoleLink = role === 'link';
   var checkedConditions = role === 'checkbox' ? selected : undefined;
+  var cardContext = {
+    setHasSubComponent: setHasSubComponent,
+    href: href,
+    linkRef: linkRef
+  };
   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 _linkRef$current;
+    return isRoleLink ? (_linkRef$current = linkRef.current) === null || _linkRef$current === void 0 ? void 0 : _linkRef$current.click() : onClick === null || onClick === void 0 ? void 0 : onClick(e);
   };
   var handleKeyDown = function handleKeyDown(e) {
     return onKeyDown({
@@ -61,8 +65,8 @@ var Card = function Card(_ref) {
     });
   };
   return /*#__PURE__*/React.createElement(StyledCard, _extends({
-    tabIndex: 0,
-    role: role,
+    tabIndex: isRoleLink ? -1 : 0,
+    role: isRoleLink ? undefined : role,
     onClick: handleClickConditions,
     onKeyDown: handleKeyDown,
     $elevation: elevation,
@@ -71,11 +75,12 @@ var Card = function Card(_ref) {
     "aria-checked": checkedConditions,
     $disabled: disabled,
     "aria-disabled": disabled && disabled,
-    $compositionalComponents: hasSubComponent
+    $compositionalComponents: hasSubComponent,
+    $isRoleLink: isRoleLink
   }, rest), /*#__PURE__*/React.createElement(SelectedIcon, {
     $selected: selected
   }), /*#__PURE__*/React.createElement(SubComponentContext.Provider, {
-    value: setHasSubComponent
+    value: cardContext
   }, children));
 };
 export default Card;

package/lib/Card/index.js

@@ -1,5 +1,5 @@
 import Card from "./Card";
 export default Card;
 export { Card };
-export { CardHeader, CardContent, CardFooter } from "./subComponents";
+export { CardHeader, CardContent, CardFooter, CardLink } from "./subComponents";
 export * from "./CardTypes";

package/lib/Card/styles.js

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { border, color, flexbox, grid, layout, position, space } from 'styled-system';
+import { border, color, flexbox, grid, layout, position, space, typography } from 'styled-system';
 import { focusRing, disabled } from "../utils/mixins";
 import Icon from "../Icon";
 
@@ -58,10 +58,22 @@ export var StyledSelectedIcon = styled(Icon).withConfig({
   var $selected = _ref10.$selected;
   return $selected && "\n    opacity: 1;\n  ";
 });
+export var StyledCardLink = styled.a.withConfig({
+  displayName: "styles__StyledCardLink",
+  componentId: "sc-9tyqu4-5"
+})(["font-family:", ";font-weight:", ";color:", ";", ";", " ", ""], function (p) {
+  return p.theme.fontFamily;
+}, function (p) {
+  return p.theme.fontWeights.bold;
+}, function (p) {
+  return p.theme.colors.text.headline;
+}, function (p) {
+  return p.theme.typography[400];
+}, color, typography);
 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) {
+  componentId: "sc-9tyqu4-6"
+})(["position:relative;display:flex;flex-direction:column;box-sizing:border-box;margin:0;background:", ";border:", " solid ", ";padding:", ";border-radius:", ";transition:box-shadow ", ",border ", ";&[role='button'],&[role='checkbox']{cursor:pointer;}", " &:hover{box-shadow:", ";}&:focus-within{", " ", ":focus{border:none;box-shadow:none;outline:none;}}&:focus{", "}", " ", " ", " ", " ", " ", " ", " ", " ", ""], function (_ref11) {
   var theme = _ref11.theme;
   return theme.colors.container.background.base;
 }, function (_ref12) {
@@ -84,15 +96,29 @@ export var StyledCard = styled.div.withConfig({
   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;
+  var $isRoleLink = _ref18.$isRoleLink;
+  return $isRoleLink && "\n\t\tcursor: pointer;\n\t";
+}, function (_ref19) {
+  var theme = _ref19.theme,
+    _ref19$$elevation = _ref19.$elevation,
+    $elevation = _ref19$$elevation === void 0 ? 'low' : _ref19$$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;
+  var $isRoleLink = _ref20.$isRoleLink;
+  return $isRoleLink ? focusRing : null;
+}, StyledCardLink, focusRing, function (_ref21) {
+  var $disabled = _ref21.$disabled;
+  return $disabled && "\n    ".concat(disabled, "\n  ");
+}, function (_ref22) {
+  var $selected = _ref22.$selected,
+    theme = _ref22.theme;
   return $selected && "\n    border: ".concat(theme.borderWidths[500], " solid ").concat(theme.colors.container.border.selected, ";  \n  ");
-}, border, color, flexbox, grid, layout, position, space);
+}, border, color, flexbox, grid, layout, position, space);
+export var StyledCardAffordance = styled(Icon).withConfig({
+  displayName: "styles__StyledCardAffordance",
+  componentId: "sc-9tyqu4-7"
+})(["", ":hover &{transform:translateX(", ");}transition:", ";"], StyledCard, function (p) {
+  return p.theme.space[200];
+}, function (p) {
+  return p.theme.duration.medium;
+});

package/lib/Card/subComponents.js

@@ -1,11 +1,14 @@
 var _excluded = ["children"],
   _excluded2 = ["children"],
-  _excluded3 = ["children"];
+  _excluded3 = ["children"],
+  _excluded4 = ["affordance", "children"];
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+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 _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 React from 'react';
-import { useChildContext } from "./utils";
-import { StyledCardContent, StyledCardHeader, StyledCardFooter, StyledSelectedIcon, SelectedIconWrapper } from "./styles";
+import React, { useContext } from 'react';
+import { useChildContext, SubComponentContext } from "./utils";
+import { StyledCardContent, StyledCardHeader, StyledCardFooter, StyledSelectedIcon, SelectedIconWrapper, StyledCardAffordance, StyledCardLink } from "./styles";
 export var CardContent = function CardContent(_ref) {
   var children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -34,4 +37,31 @@ export var SelectedIcon = function SelectedIcon(_ref4) {
     name: "circle-check",
     $selected: $selected
   }));
+};
+export var CardAffordance = function CardAffordance(_ref5) {
+  var rest = _extends({}, (_objectDestructuringEmpty(_ref5), _ref5));
+  return /*#__PURE__*/React.createElement(StyledCardAffordance, _extends({}, rest, {
+    size: "mini",
+    name: "arrow-right",
+    "aria-hidden": true
+  }));
+};
+
+// jsdocs, never types?
+
+export var CardLink = function CardLink(_ref6) {
+  var affordance = _ref6.affordance,
+    children = _ref6.children,
+    rest = _objectWithoutProperties(_ref6, _excluded4);
+  var _useContext = useContext(SubComponentContext),
+    href = _useContext.href,
+    linkRef = _useContext.linkRef;
+  return /*#__PURE__*/React.createElement(StyledCardLink, _extends({}, rest, {
+    target: "_blank",
+    rel: "noreferrer",
+    href: href,
+    ref: linkRef
+  }), /*#__PURE__*/React.createElement(React.Fragment, null, children, affordance ? /*#__PURE__*/React.createElement(CardAffordance, {
+    ml: 300
+  }) : null));
 };

package/lib/Card/utils.js

@@ -1,11 +1,15 @@
 import { createContext, useContext } from 'react';
 import { assertIsElement } from "../utils";
-export var SubComponentContext = /*#__PURE__*/createContext(
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-function () {});
+export var SubComponentContext = /*#__PURE__*/createContext({
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  setHasSubComponent: function setHasSubComponent() {},
+  href: '',
+  linkRef: null
+});
 export function useChildContext() {
-  var setHasSubComponent = useContext(SubComponentContext);
-  setHasSubComponent(true);
+  var _useContext = useContext(SubComponentContext),
+    setHasSubComponent = _useContext.setHasSubComponent;
+  setHasSubComponent && setHasSubComponent(true);
 }
 export var navigateTo = function navigateTo(_ref) {
   var _ref$current, _window$open;

package/lib/DatePicker/DateRangePicker/DateRangePicker.js

@@ -1,24 +1,49 @@
-var _excluded = ["startDate", "endDate", "onDatesChange"];
+var _excluded = ["startDate", "endDate", "onDatesChange", "setStatusText", "initialVisibleMonth", "numberOfMonths"];
 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 React, { Fragment } from 'react';
+import React, { Fragment, useState } from 'react';
 import DayPickerRangeController from 'react-dates/lib/components/DayPickerRangeController';
 import { ReactDatesCssOverrides } from "../styles";
-import { commonDatePickerProps } from "../common";
+import { commonDatePickerProps, DefaultSetStatusText, getVisibleMonths } from "../common";
+import { VisuallyHidden } from "../../VisuallyHidden";
+import moment from 'moment';
 var DateRangePicker = function DateRangePicker(_ref) {
+  var _ref2, _initialVisibleMonth;
   var _ref$startDate = _ref.startDate,
     startDate = _ref$startDate === void 0 ? null : _ref$startDate,
     _ref$endDate = _ref.endDate,
     endDate = _ref$endDate === void 0 ? null : _ref$endDate,
     onDatesChange = _ref.onDatesChange,
+    _ref$setStatusText = _ref.setStatusText,
+    setStatusText = _ref$setStatusText === void 0 ? DefaultSetStatusText : _ref$setStatusText,
+    initialVisibleMonth = _ref.initialVisibleMonth,
+    _ref$numberOfMonths = _ref.numberOfMonths,
+    numberOfMonths = _ref$numberOfMonths === void 0 ? 2 : _ref$numberOfMonths,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(ReactDatesCssOverrides, null), /*#__PURE__*/React.createElement(DayPickerRangeController, _extends({
+  var _useState = useState(setStatusText(getVisibleMonths(moment((_ref2 = (_initialVisibleMonth = initialVisibleMonth === null || initialVisibleMonth === void 0 ? void 0 : initialVisibleMonth()) !== null && _initialVisibleMonth !== void 0 ? _initialVisibleMonth : startDate) !== null && _ref2 !== void 0 ? _ref2 : undefined), numberOfMonths))),
+    _useState2 = _slicedToArray(_useState, 2),
+    statusText = _useState2[0],
+    updateStatusText = _useState2[1];
+  var handleMonthClick = function handleMonthClick(month) {
+    updateStatusText(setStatusText(getVisibleMonths(month, numberOfMonths)));
+  };
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(ReactDatesCssOverrides, null), /*#__PURE__*/React.createElement(VisuallyHidden, null, /*#__PURE__*/React.createElement("div", {
+    role: "status"
+  }, statusText)), /*#__PURE__*/React.createElement(DayPickerRangeController, _extends({}, commonDatePickerProps, {
     startDate: startDate,
     endDate: endDate,
     onDatesChange: onDatesChange,
-    numberOfMonths: 2,
-    initialVisibleMonth: null
-  }, commonDatePickerProps, rest)));
+    numberOfMonths: numberOfMonths,
+    initialVisibleMonth: initialVisibleMonth || null,
+    onPrevMonthClick: handleMonthClick,
+    onNextMonthClick: handleMonthClick
+  }, rest)));
 };
 export default DateRangePicker;