@sproutsocial/racine 20.1.0 → 20.3.0

package/dist/types/DatePicker/DateRangePicker/DateRangePickerTypes.d.ts

@@ -1,4 +1,5 @@
-import { Moment } from 'moment';
+/// <reference types="react" />
+import type { Moment } from 'moment';
 import type { TypeCommonDatePickerProps } from '../../DatePicker/types';
 export type EnumFocusedInput = null | 'startDate' | 'endDate';
 export interface TypeStatefulDateRangePickerProps extends TypeCommonDatePickerProps {
@@ -13,5 +14,6 @@ export interface TypeStatefulDateRangePickerProps extends TypeCommonDatePickerPr
     setStatusText?: (dates: Moment[]) => string;
 }
 export interface TypeDateRangePickerProps extends Required<Pick<TypeStatefulDateRangePickerProps, 'focusedInput' | 'onDatesChange' | 'onFocusChange'>>, Pick<TypeStatefulDateRangePickerProps, 'startDate' | 'endDate' | 'setStatusText' | 'initialVisibleMonth' | 'numberOfMonths'> {
+    onBlur?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
 }
 //# sourceMappingURL=DateRangePickerTypes.d.ts.map

package/dist/types/DatePicker/DateRangePicker/DateRangePickerTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePickerTypes.d.ts","sourceRoot":"","sources":["../../../../src/DatePicker/DateRangePicker/DateRangePickerTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,QAAQ,CAAC;AAC9B,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,uBAAuB,CAAC;AAErE,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,WAAW,GAAG,SAAS,CAAC;AAE9D,MAAM,WAAW,gCACf,SAAQ,yBAAyB;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE;QACrB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;QACzB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;KACxB,KAAK,IAAI,CAAC;IACX,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACjD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,MAAM,CAAC;CAC7C;AAED,MAAM,WAAW,wBACf,SAAQ,QAAQ,CACZ,IAAI,CACF,gCAAgC,EAChC,cAAc,GAAG,eAAe,GAAG,eAAe,CACnD,CACF,EACD,IAAI,CACF,gCAAgC,EAC9B,WAAW,GACX,SAAS,GACT,eAAe,GACf,qBAAqB,GACrB,gBAAgB,CACnB;CAAG"}
+{"version":3,"file":"DateRangePickerTypes.d.ts","sourceRoot":"","sources":["../../../../src/DatePicker/DateRangePicker/DateRangePickerTypes.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,QAAQ,CAAC;AACnC,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,uBAAuB,CAAC;AAErE,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,WAAW,GAAG,SAAS,CAAC;AAE9D,MAAM,WAAW,gCACf,SAAQ,yBAAyB;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE;QACrB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;QACzB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;KACxB,KAAK,IAAI,CAAC;IACX,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACjD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,MAAM,CAAC;CAC7C;AAED,MAAM,WAAW,wBACf,SAAQ,QAAQ,CACZ,IAAI,CACF,gCAAgC,EAChC,cAAc,GAAG,eAAe,GAAG,eAAe,CACnD,CACF,EACD,IAAI,CACF,gCAAgC,EAC9B,WAAW,GACX,SAAS,GACT,eAAe,GACf,qBAAqB,GACrB,gBAAgB,CACnB;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CACjE"}

package/dist/types/DatePicker/SingleDatePicker/SingleDatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SingleDatePicker.d.ts","sourceRoot":"","sources":["../../../../src/DatePicker/SingleDatePicker/SingleDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAQhD,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,yBAAyB,CAAC;;AAgDvE,wBAAuE"}
+{"version":3,"file":"SingleDatePicker.d.ts","sourceRoot":"","sources":["../../../../src/DatePicker/SingleDatePicker/SingleDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AASnD,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,yBAAyB,CAAC;;AA6DvE,wBAAuE"}

package/dist/types/DatePicker/SingleDatePicker/SingleDatePickerTypes.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Moment } from 'moment';
 import type { TypeCommonDatePickerProps } from '../../DatePicker/types';
 export interface TypeStatefulSingleDatePickerProps extends TypeCommonDatePickerProps {
@@ -10,5 +11,6 @@ export interface TypeStatefulSingleDatePickerProps extends TypeCommonDatePickerP
     setStatusText?: (dates: Moment[]) => string;
 }
 export interface TypeSingleDatePickerProps extends Required<Pick<TypeStatefulSingleDatePickerProps, 'onDateChange'>>, Pick<TypeStatefulSingleDatePickerProps, 'date' | 'focused' | 'onFocusChange' | 'setStatusText' | 'initialVisibleMonth' | 'numberOfMonths'> {
+    onBlur?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
 }
 //# sourceMappingURL=SingleDatePickerTypes.d.ts.map

package/dist/types/DatePicker/SingleDatePicker/SingleDatePickerTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SingleDatePickerTypes.d.ts","sourceRoot":"","sources":["../../../../src/DatePicker/SingleDatePicker/SingleDatePickerTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,QAAQ,CAAC;AACnC,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,uBAAuB,CAAC;AAErE,MAAM,WAAW,iCACf,SAAQ,yBAAyB;IACjC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,OAAO,EAAE,OAAO,CAAA;KAAC,KAAK,IAAI,CAAC;IACnD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,MAAM,CAAC;CAC7C;AAED,MAAM,WAAW,yBACf,SAAQ,QAAQ,CAAC,IAAI,CAAC,iCAAiC,EAAE,cAAc,CAAC,CAAC,EACvE,IAAI,CACF,iCAAiC,EAC/B,MAAM,GACN,SAAS,GACT,eAAe,GACf,eAAe,GACf,qBAAqB,GACrB,gBAAgB,CACnB;CAAG"}
+{"version":3,"file":"SingleDatePickerTypes.d.ts","sourceRoot":"","sources":["../../../../src/DatePicker/SingleDatePicker/SingleDatePickerTypes.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,QAAQ,CAAC;AACnC,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,uBAAuB,CAAC;AAErE,MAAM,WAAW,iCACf,SAAQ,yBAAyB;IACjC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,OAAO,EAAE,OAAO,CAAA;KAAC,KAAK,IAAI,CAAC;IACnD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,MAAM,CAAC;CAC7C;AAED,MAAM,WAAW,yBACf,SAAQ,QAAQ,CAAC,IAAI,CAAC,iCAAiC,EAAE,cAAc,CAAC,CAAC,EACvE,IAAI,CACF,iCAAiC,EAC/B,MAAM,GACN,SAAS,GACT,eAAe,GACf,eAAe,GACf,qBAAqB,GACrB,gBAAgB,CACnB;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CACjE"}

package/dist/types/FormField/FormField.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import type { TypeFormFieldProps } from './FormFieldTypes';
-declare const FormField: ({ children, error, helperText, id: identifier, isInvalid, label, mb, qa, isLabelHidden, ...rest }: TypeFormFieldProps) => JSX.Element;
+declare const FormField: ({ children, error, helperText, id: identifier, isInvalid, label, mb, qa, isLabelHidden, required, ...rest }: TypeFormFieldProps) => JSX.Element;
 export default FormField;
 //# sourceMappingURL=FormField.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/FormField/FormField.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kBAAkB,CAAC;AAIzD,QAAA,MAAM,SAAS,sGAWZ,kBAAkB,gBAkDpB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/FormField/FormField.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kBAAkB,CAAC;AAIzD,QAAA,MAAM,SAAS,gHAYZ,kBAAkB,gBAqDpB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/types/FormField/FormFieldTypes.d.ts

@@ -6,6 +6,7 @@ export interface TypeFormFieldProps extends Omit<TypeBoxProps, 'children'> {
         id: string;
         isInvalid: boolean;
         ariaDescribedby: string;
+        required?: boolean;
     }) => React.ReactNode;
     /** Text describing any error with the field's content */
     error?: React.ReactNode;
@@ -20,5 +21,7 @@ export interface TypeFormFieldProps extends Omit<TypeBoxProps, 'children'> {
     qa?: object;
     /** Whether the label text should be visually hidden */
     isLabelHidden?: boolean;
+    /** Whether the form element is required */
+    required?: boolean;
 }
 //# sourceMappingURL=FormFieldTypes.d.ts.map

package/dist/types/FormField/FormFieldTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldTypes.d.ts","sourceRoot":"","sources":["../../../src/FormField/FormFieldTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,YAAY,EAAC,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC;IACxE,mFAAmF;IACnF,QAAQ,EAAE,CAAC,OAAO,EAAE;QAClB,EAAE,EAAE,MAAM,CAAC;QACX,SAAS,EAAE,OAAO,CAAC;QACnB,eAAe,EAAE,MAAM,CAAC;KACzB,KAAK,KAAK,CAAC,SAAS,CAAC;IAEtB,yDAAyD;IACzD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B,sEAAsE;IACtE,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,iDAAiD;IACjD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,uDAAuD;IACvD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}
+{"version":3,"file":"FormFieldTypes.d.ts","sourceRoot":"","sources":["../../../src/FormField/FormFieldTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,YAAY,EAAC,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC;IACxE,mFAAmF;IACnF,QAAQ,EAAE,CAAC,OAAO,EAAE;QAClB,EAAE,EAAE,MAAM,CAAC;QACX,SAAS,EAAE,OAAO,CAAC;QACnB,eAAe,EAAE,MAAM,CAAC;QACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,KAAK,KAAK,CAAC,SAAS,CAAC;IAEtB,yDAAyD;IACzD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B,sEAAsE;IACtE,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,iDAAiD;IACjD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,uDAAuD;IACvD,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/Icon/Icon.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAC,aAAa,EAAE,eAAe,EAAC,MAAM,aAAa,CAAC;AAmBhE,QAAA,MAAM,IAAI;sEAQP,aAAa;IA6GhB;;;;;;;;;;;;;;;;;;OAkBG;;uFA1CA,eAAe;;;CA7BjB,CAAC;AA0EF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/Icon/Icon.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAC,aAAa,EAAE,eAAe,EAAC,MAAM,aAAa,CAAC;AAiBhE,QAAA,MAAM,IAAI;sEAQP,aAAa;IA+GhB;;;;;;;;;;;;;;;;;;OAkBG;;uFA1CA,eAAe;;;CA7BjB,CAAC;AA0EF,eAAe,IAAI,CAAC"}

package/dist/types/Skeleton/Skeleton.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
-declare const Skeleton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("../Box").TypeBoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+declare const Skeleton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("../Box").TypeBoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    className: string;
+}, "className">;
 export default Skeleton;
 //# sourceMappingURL=Skeleton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/Skeleton/Skeleton.ts"],"names":[],"mappings":";AAIA,QAAA,MAAM,QAAQ,2OA0Bb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/Skeleton/Skeleton.ts"],"names":[],"mappings":";AAaA,QAAA,MAAM,QAAQ;;eA4Gb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/types/Text/TextTypes.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { TypeQaProps } from '../types/shared';
 import type { TypeStyledComponentsCommonProps } from '../types/styled-components';
-import { TypeSystemCommonProps, TypeSystemLayoutProps, TypeSystemTypographyProps } from '../types/system-props';
-interface TypeTextSystemProps extends TypeStyledComponentsCommonProps, TypeSystemCommonProps, TypeSystemLayoutProps, Omit<TypeSystemTypographyProps, 'fontSize'> {
+import { TypeSystemCommonProps, TypeSystemLayoutProps, TypeSystemTypographyProps, TypeSystemFlexboxProps, TypeSystemGridProps } from '../types/system-props';
+interface TypeTextSystemProps extends TypeStyledComponentsCommonProps, TypeSystemCommonProps, TypeSystemLayoutProps, TypeSystemFlexboxProps, TypeSystemGridProps, Omit<TypeSystemTypographyProps, 'fontSize'> {
 }
 export interface TypeTextProps extends TypeTextSystemProps, Omit<React.ComponentPropsWithoutRef<'span'>, keyof TypeTextSystemProps> {
     /** Maps to the typeScale system prop, sets font size and line height using Seeds values */

package/dist/types/Text/TextTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextTypes.d.ts","sourceRoot":"","sources":["../../../src/Text/TextTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAC,+BAA+B,EAAC,MAAM,8BAA8B,CAAC;AAClF,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,yBAAyB,EAC1B,MAAM,yBAAyB,CAAC;AAEjC,UAAU,mBACR,SAAQ,+BAA+B,EACrC,qBAAqB,EACrB,qBAAqB,EACrB,IAAI,CAAC,yBAAyB,EAAE,UAAU,CAAC;CAAG;AAElD,MAAM,WAAW,aACf,SAAQ,mBAAmB,EACzB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,MAAM,mBAAmB,CAAC;IACzE,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,yBAAyB,CAAC,WAAW,CAAC,CAAC;IAElD,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB"}
+{"version":3,"file":"TextTypes.d.ts","sourceRoot":"","sources":["../../../src/Text/TextTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAC,+BAA+B,EAAC,MAAM,8BAA8B,CAAC;AAClF,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,yBAAyB,EACzB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AAEjC,UAAU,mBACR,SAAQ,+BAA+B,EACrC,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,EACnB,IAAI,CAAC,yBAAyB,EAAE,UAAU,CAAC;CAAG;AAElD,MAAM,WAAW,aACf,SAAQ,mBAAmB,EACzB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,MAAM,mBAAmB,CAAC;IACzE,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,yBAAyB,CAAC,WAAW,CAAC,CAAC;IAElD,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB"}

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Text/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAE1C,QAAA,MAAM,SAAS,qHA8Bd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Text/styles.ts"],"names":[],"mappings":"AAQA,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAE1C,QAAA,MAAM,SAAS,qHAgCd,CAAC;AAEF,eAAe,SAAS,CAAC"}

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;AAkEzE,QAAA,MAAM,OAAO,0GAWV,gBAAgB,gBAoHlB,CAAC;AA+BF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAC,gBAAgB,EAAqB,MAAM,gBAAgB,CAAC;AA8DzE,QAAA,MAAM,OAAO,0GAWV,gBAAgB,gBAoHlB,CAAC;AA+BF,eAAe,OAAO,CAAC"}

package/dist/types/themes/extendedThemes/sproutTheme/dark/theme.d.ts

@@ -114,6 +114,12 @@ export declare const listening: {
     };
 };
 export declare const growth: {
+    carousel: {
+        indicator: {
+            active: string;
+            inactive: string;
+        };
+    };
     education: {
         decorative: {
             aqua: string;

package/dist/types/themes/extendedThemes/sproutTheme/dark/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../../src/themes/extendedThemes/sproutTheme/dark/theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAC;AAExD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;CAStB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;CAWrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCrB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+ElB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;CASvB,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,eAWhB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../../src/themes/extendedThemes/sproutTheme/dark/theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAC;AAExD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;CAStB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;CAWrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCrB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqFlB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;CASvB,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,eAWhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/types/themes/extendedThemes/sproutTheme/light/theme.d.ts

@@ -114,6 +114,12 @@ export declare const listening: {
     };
 };
 export declare const growth: {
+    carousel: {
+        indicator: {
+            active: string;
+            inactive: string;
+        };
+    };
     education: {
         decorative: {
             aqua: string;

package/dist/types/themes/extendedThemes/sproutTheme/light/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../../src/themes/extendedThemes/sproutTheme/light/theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAC;AAExD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;CAStB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;CAWrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCrB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+ElB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;CASvB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,eAWjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../../src/themes/extendedThemes/sproutTheme/light/theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAC;AAExD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;CAStB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;CAWrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCrB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqFlB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;CASvB,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,eAWjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/Button/styles.js

@@ -1,11 +1,11 @@
 import styled, { css } from 'styled-components';
-import { COMMON, LAYOUT } from "../utils/system-props";
+import { COMMON, LAYOUT, FLEXBOX, GRID } from "../utils/system-props";
 import { focusRing, disabled, pill } from "../utils/mixins";
 import Icon from "../Icon/styles";
 var Container = styled.button.withConfig({
   displayName: "styles__Container",
   componentId: "sc-17njgx1-0"
-})(["display:inline-block;box-sizing:border-box;text-align:center;font-family:", ";border:1px solid ", ";border-radius:", ";border-style:", ";background:", ";color:", ";cursor:pointer;text-decoration:none;line-height:16px;white-space:nowrap;font-weight:", ";transition:all ", " linear;margin:0;padding:", ";font-size:", ";&:visited{color:", ";}&:hover{color:", ";", ";text-decoration:none;box-shadow:", ";}&:active{color:", ";", ";transform:translateY(1px);}&:focus{", "}&:focus:active{box-shadow:none;}", " ", " ", " ", "{vertical-align:text-bottom;}", " ", ""], function (props) {
+})(["display:inline-block;box-sizing:border-box;text-align:center;font-family:", ";border:1px solid ", ";border-radius:", ";border-style:", ";background:", ";color:", ";cursor:pointer;text-decoration:none;line-height:16px;white-space:nowrap;font-weight:", ";transition:all ", " linear;margin:0;padding:", ";font-size:", ";&:visited{color:", ";}&:hover{color:", ";", ";text-decoration:none;box-shadow:", ";}&:active{color:", ";", ";transform:translateY(1px);}&:focus{", "}&:focus:active{box-shadow:none;}", " ", " ", " ", "{vertical-align:text-bottom;}", " ", " ", " ", ""], function (props) {
   return props.theme.fontFamily;
 }, function (props) {
   return props.theme.colors.button[props.appearance].border.base;
@@ -46,6 +46,6 @@ var Container = styled.button.withConfig({
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore - FIXME: button.pill.border.hover is not defined in theme
   props.theme.colors.button[props.appearance].border.hover);
-}, Icon, LAYOUT, COMMON);
+}, Icon, LAYOUT, COMMON, FLEXBOX, GRID);
 Container.displayName = 'Button-Container';
 export default Container; //${props.theme.mode === "dark" ? "screen" : "multiply"}

package/lib/DatePicker/DateRangePicker/DateRangePicker.js

@@ -1,4 +1,4 @@
-var _excluded = ["startDate", "endDate", "onDatesChange", "setStatusText", "initialVisibleMonth", "numberOfMonths"];
+var _excluded = ["startDate", "endDate", "onDatesChange", "setStatusText", "initialVisibleMonth", "numberOfMonths", "onFocusChange", "onBlur", "focusedInput"];
 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."); }
@@ -8,14 +8,13 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 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, useState } from 'react';
+import React, { useCallback, useState } from 'react';
+import moment from 'moment';
 import DayPickerRangeController from 'react-dates/lib/components/DayPickerRangeController';
 import { ReactDatesCssOverrides } from "../styles";
 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,
@@ -26,15 +25,29 @@ var DateRangePicker = function DateRangePicker(_ref) {
     initialVisibleMonth = _ref.initialVisibleMonth,
     _ref$numberOfMonths = _ref.numberOfMonths,
     numberOfMonths = _ref$numberOfMonths === void 0 ? 2 : _ref$numberOfMonths,
+    onFocusChange = _ref.onFocusChange,
+    onBlur = _ref.onBlur,
+    focusedInput = _ref.focusedInput,
     rest = _objectWithoutProperties(_ref, _excluded);
-  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))),
+  var _useState = useState(function () {
+      var _ref2, _initialVisibleMonth;
+      return 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) {
+  var handleMonthClick = useCallback(function (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", {
+  }, [numberOfMonths, setStatusText]);
+  var wrappedOnBlur = useCallback(function (event) {
+    // for some reason onBlur is called with no event on day selection 🤷
+    if (!event) {
+      return;
+    }
+    onFocusChange === null || onFocusChange === void 0 || onFocusChange(null);
+    onBlur === null || onBlur === void 0 || onBlur(event);
+  }, [onBlur, onFocusChange]);
+  return /*#__PURE__*/React.createElement(React.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,
@@ -42,6 +55,10 @@ var DateRangePicker = function DateRangePicker(_ref) {
     onDatesChange: onDatesChange,
     numberOfMonths: numberOfMonths,
     initialVisibleMonth: initialVisibleMonth || null,
+    focusedInput: focusedInput,
+    isFocused: focusedInput !== null,
+    onBlur: wrappedOnBlur,
+    onFocusChange: onFocusChange,
     onPrevMonthClick: handleMonthClick,
     onNextMonthClick: handleMonthClick
   }, rest)));

package/lib/DatePicker/SingleDatePicker/SingleDatePicker.js

@@ -1,4 +1,4 @@
-var _excluded = ["onDateChange", "setStatusText", "date", "focused", "onFocusChange", "initialVisibleMonth", "numberOfMonths"];
+var _excluded = ["onDateChange", "setStatusText", "date", "focused", "onFocusChange", "initialVisibleMonth", "numberOfMonths", "onBlur"];
 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."); }
@@ -8,12 +8,13 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 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, useState } from 'react';
+import React, { useCallback, useState } from 'react';
+import moment from 'moment';
 import DayPickerSingleDateController from 'react-dates/lib/components/DayPickerSingleDateController';
 import { ReactDatesCssOverrides } from "../styles";
 import { commonDatePickerProps, DefaultSetStatusText, getVisibleMonths } from "../common";
 import { VisuallyHidden } from "../../VisuallyHidden";
-import moment from 'moment';
+var noop = function noop() {};
 var SingleDatePicker = function SingleDatePicker(_ref) {
   var onDateChange = _ref.onDateChange,
     _ref$setStatusText = _ref.setStatusText,
@@ -23,19 +24,28 @@ var SingleDatePicker = function SingleDatePicker(_ref) {
     _ref$focused = _ref.focused,
     focused = _ref$focused === void 0 ? false : _ref$focused,
     _ref$onFocusChange = _ref.onFocusChange,
-    onFocusChange = _ref$onFocusChange === void 0 ? function () {} : _ref$onFocusChange,
+    onFocusChange = _ref$onFocusChange === void 0 ? noop : _ref$onFocusChange,
     initialVisibleMonth = _ref.initialVisibleMonth,
     _ref$numberOfMonths = _ref.numberOfMonths,
     numberOfMonths = _ref$numberOfMonths === void 0 ? 1 : _ref$numberOfMonths,
+    onBlur = _ref.onBlur,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(setStatusText(getVisibleMonths(moment((initialVisibleMonth === null || initialVisibleMonth === void 0 ? void 0 : initialVisibleMonth()) || date || undefined), numberOfMonths))),
+  var _useState = useState(function () {
+      return setStatusText(getVisibleMonths(moment((initialVisibleMonth === null || initialVisibleMonth === void 0 ? void 0 : initialVisibleMonth()) || date || undefined), numberOfMonths));
+    }),
     _useState2 = _slicedToArray(_useState, 2),
     statusText = _useState2[0],
     updateStatusText = _useState2[1];
-  var handleMonthClick = function handleMonthClick(date) {
+  var handleMonthClick = useCallback(function (date) {
     updateStatusText(setStatusText(getVisibleMonths(date, numberOfMonths)));
-  };
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(ReactDatesCssOverrides, null), /*#__PURE__*/React.createElement(VisuallyHidden, null, /*#__PURE__*/React.createElement("div", {
+  }, [numberOfMonths, setStatusText]);
+  var wrappedOnBlur = useCallback(function (event) {
+    onFocusChange === null || onFocusChange === void 0 || onFocusChange({
+      focused: false
+    });
+    onBlur === null || onBlur === void 0 || onBlur(event);
+  }, [onBlur, onFocusChange]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ReactDatesCssOverrides, null), /*#__PURE__*/React.createElement(VisuallyHidden, null, /*#__PURE__*/React.createElement("div", {
     role: "status"
   }, statusText)), /*#__PURE__*/React.createElement(DayPickerSingleDateController, _extends({}, commonDatePickerProps, {
     date: date,
@@ -43,6 +53,7 @@ var SingleDatePicker = function SingleDatePicker(_ref) {
     onDateChange: onDateChange,
     initialVisibleMonth: initialVisibleMonth || null,
     focused: focused,
+    onBlur: wrappedOnBlur,
     onFocusChange: onFocusChange,
     onPrevMonthClick: handleMonthClick,
     onNextMonthClick: handleMonthClick

package/lib/FormField/FormField.js

@@ -1,5 +1,11 @@
-var _excluded = ["children", "error", "helperText", "id", "isInvalid", "label", "mb", "qa", "isLabelHidden"];
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children", "error", "helperText", "id", "isInvalid", "label", "mb", "qa", "isLabelHidden", "required"];
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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); }
@@ -28,6 +34,7 @@ var FormField = function FormField(_ref) {
     qa = _ref.qa,
     _ref$isLabelHidden = _ref.isLabelHidden,
     isLabelHidden = _ref$isLabelHidden === void 0 ? false : _ref$isLabelHidden,
+    required = _ref.required,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(identifier || "FormField-".concat(idCounter++)),
     _useState2 = _slicedToArray(_useState, 1),
@@ -42,20 +49,24 @@ var FormField = function FormField(_ref) {
   }), isLabelHidden ? /*#__PURE__*/React.createElement(VisuallyHidden, {
     "data-testid": "visually-hidden"
   }, /*#__PURE__*/React.createElement(Label, {
-    htmlFor: id
+    htmlFor: id,
+    required: required
   }, label)) : /*#__PURE__*/React.createElement(Label, {
     mb: helperText ? 100 : 300,
-    htmlFor: id
+    htmlFor: id,
+    required: required
   }, label), helperText && /*#__PURE__*/React.createElement(Text, {
     as: "p",
     fontSize: 200,
     mb: 300,
     color: "text.subtext"
-  }, helperText), children({
+  }, helperText), children(_objectSpread({
     id: id,
     isInvalid: isInvalid,
     ariaDescribedby: errorId
-  }), isInvalid && error && /*#__PURE__*/React.createElement(Text, {
+  }, required !== undefined && {
+    required: required
+  })), isInvalid && error && /*#__PURE__*/React.createElement(Text, {
     as: "div",
     fontSize: 200,
     color: "text.error",

package/lib/Icon/Icon.js

@@ -17,7 +17,6 @@ import { includes } from "../utils";
 import PartnerLogoNames from "../logoNames";
 import Container from "./styles";
 import { ExternalViewBoxes, GeneralViewBoxes, SproutViewBoxes, ExternalIconNames } from '@sproutsocial/seeds-icons';
-var defaultVariant = 'outline';
 var AllViewboxes = _objectSpread(_objectSpread(_objectSpread({}, ExternalViewBoxes), GeneralViewBoxes), SproutViewBoxes);
 var Icon = function Icon(_ref) {
   var name = _ref.name,
@@ -44,6 +43,7 @@ var Icon = function Icon(_ref) {
       "aria-label": ariaLabel
     }, rest, logoProps));
   }
+  var defaultVariant = size === 'mini' ? 'solid' : 'outline';
   var iconName =
   // if not external and has no variant
   !(name !== null && name !== void 0 && name.endsWith('-outline')) && !(name !== null && name !== void 0 && name.endsWith('-solid')) && !includes(ExternalIconNames, name) ? // then add default variant

package/lib/Skeleton/Skeleton.js

@@ -1,12 +1,37 @@
 import styled from 'styled-components';
-import { transparentize } from 'polished';
 import Box from "../Box";
-var Skeleton = styled(Box).withConfig({
+
+/**
+ *
+ * @param borderRadius
+ * @returns classname string for handling appropriate loader style depending on passed in properties
+ */
+var SkeletonAttrs = function SkeletonAttrs(_ref) {
+  var borderRadius = _ref.borderRadius,
+    height = _ref.height,
+    width = _ref.width;
+  return {
+    className: borderRadius === 'pill' && height === width ? 'circular' : 'linear'
+  };
+};
+var Skeleton = styled(Box).attrs(SkeletonAttrs).withConfig({
   displayName: "Skeleton",
   componentId: "sc-s6hpnd-0"
-})(["background:", ";background-image:", ";background-size:400%;background-repeat:no-repeat;animation:SkeletonShimmer 2.5s linear infinite reverse;@media (prefers-reduced-motion){{animation:none;}}@keyframes SkeletonShimmer{0%{background-position:0% 0;}100%{background-position:100% 0;}}"], function (p) {
+})(["position:relative;background:", ";overflow:hidden;&.circular{&:before{position:absolute;top:-25%;left:-25%;content:'';background-image:", ";height:150%;width:150%;animation:SkeletonRotate 2s infinite linear;}&:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:'';height:calc(100% - 8px);width:calc(100% - 8px);background:", ";border-radius:50%;}}&.linear{position:relative;background-image:", " background-size:400%;background-repeat:no-repeat;animation:SkeletonShimmer 2s linear infinite reverse;overflow:hidden;&:after{position:absolute;bottom:0;content:\"\";height:calc(100% - 4px);width:100%;background:", ";}}@media (prefers-reduced-motion){&.linear,&.circular::before{animation:none;}&:before,&:after{display:none;}&.linear,&.circular{border:1px solid ", ";animation:SkeletonPulse 2s linear infinite alternate;}}@keyframes SkeletonRotate{100%{transform:rotate(360deg);}}@keyframes SkeletonRotateFade{50%{transform:rotate(360deg);}90%{opacity:1;}100%{transform:rotate(720deg);opacity:0;}}@keyframes SkeletonShimmer{0%{background-position:0% 0;}100%{background-position:100% 0;}}@keyframes SkeletonPulse{0%{border-color:", "FF;}100%{border-color:", "1A;}}"], function (props) {
+  return props.theme.colors.container.background.decorative.neutral;
+}, function (props) {
+  return "conic-gradient(\n      ".concat(props.theme.colors.container.background.decorative.neutral, " 270deg,\n      ").concat(props.theme.colors.container.border.decorative.neutral, " 300deg\n    );");
+}, function (p) {
   return p.theme.colors.app.background.base;
 }, function (props) {
-  return "linear-gradient(\n      288deg,\n      ".concat(transparentize(0.7, props.theme.colors.container.border.base), " 32%,\n      ").concat(transparentize(0.05, props.theme.colors.container.border.base), ",\n      ").concat(transparentize(0.7, props.theme.colors.container.border.base), " 68%\n    );");
+  return "linear-gradient(\n      288deg,\n      ".concat(props.theme.colors.container.background.decorative.neutral, " 32%,\n      ").concat(props.theme.colors.container.border.decorative.neutral, ",\n      ").concat(props.theme.colors.container.background.decorative.neutral, " 68%\n    );");
+}, function (props) {
+  return props.theme.colors.container.background.decorative.neutral;
+}, function (props) {
+  return props.theme.colors.container.border.decorative.neutral;
+}, function (props) {
+  return props.theme.colors.container.border.decorative.neutral;
+}, function (props) {
+  return props.theme.colors.container.border.decorative.neutral;
 });
-export default Skeleton; //rgba(243, 244, 244, 0.7)
+export default Skeleton;

package/lib/Table/Table.js

@@ -49,10 +49,11 @@ export var Table = function Table(_ref) {
     ,
     color: color
   }), /*#__PURE__*/React.createElement("colgroup", null, head.map(function (_ref2) {
-    var _ref2$colSpan = _ref2.colSpan,
+    var id = _ref2.id,
+      _ref2$colSpan = _ref2.colSpan,
       colSpan = _ref2$colSpan === void 0 ? 1 : _ref2$colSpan;
     return /*#__PURE__*/React.createElement("col", {
-      key: colSpan,
+      key: id,
       span: colSpan
     });
   })), head.length > 0 && /*#__PURE__*/React.createElement("thead", {

package/lib/Text/styles.js

@@ -1,9 +1,9 @@
 import styled, { css } from 'styled-components';
-import { COMMON, LAYOUT, TYPOGRAPHY } from "../utils/system-props";
+import { COMMON, LAYOUT, FLEXBOX, GRID, TYPOGRAPHY } from "../utils/system-props";
 var Container = styled.span.withConfig({
   displayName: "styles__Container",
   componentId: "sc-99cuku-0"
-})(["margin:0;padding-left:0;padding-right:0;font-family:", ";font-style:", ";", " ", " ", " ", " ", ""], function (props) {
+})(["margin:0;padding-left:0;padding-right:0;font-family:", ";font-style:", ";", " ", " ", " ", " ", " ", " ", ""], function (props) {
   return props.theme.fontFamily;
 }, function (props) {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -13,5 +13,5 @@ var Container = styled.span.withConfig({
   return props.truncated && css(["display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);
 }, function (props) {
   return props.breakWord && css(["word-break:break-word;hyphens:auto;"]);
-}, COMMON, LAYOUT, TYPOGRAPHY);
+}, COMMON, LAYOUT, FLEXBOX, GRID, TYPOGRAPHY);
 export default Container;

package/lib/Tooltip/Tooltip.js

@@ -31,17 +31,13 @@ var wrapContent = function wrapContent(_ref) {
     Wrapper = _ref.Wrapper,
     appearance = _ref.appearance,
     ariaProps = _ref.ariaProps,
-    wrapperStyles = _ref.wrapperStyles,
-    onMouseEnter = _ref.onMouseEnter,
-    onMouseLeave = _ref.onMouseLeave;
+    wrapperStyles = _ref.wrapperStyles;
   return /*#__PURE__*/React.createElement(Wrapper, _extends({
     appearance: appearance,
-    onMouseOver: show,
-    onMouseOut: hide,
     onFocus: show,
     onBlur: hide,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
+    onMouseEnter: show,
+    onMouseLeave: hide,
     style: Object.keys(wrapperStyles).length === 0 ? undefined : wrapperStyles
   }, ariaProps), /*#__PURE__*/React.isValidElement(content) ? /*#__PURE__*/React.cloneElement(content, {
     'aria-expanded': isOpen,

package/lib/themes/dark/decorative-palettes.js

@@ -31,7 +31,7 @@ export var red = {
 };
 export var neutral = {
   background: COLORS.COLOR_NEUTRAL_1000,
-  highlight: COLORS.COLOR_NEUTRAL_500,
+  highlight: COLORS.COLOR_NEUTRAL_600,
   foreground: COLORS.COLOR_NEUTRAL_100
 };
 export var magenta = {

package/lib/themes/extendedThemes/sproutTheme/dark/theme.js

@@ -127,6 +127,12 @@ export var listening = {
   }
 };
 export var growth = {
+  carousel: {
+    indicator: {
+      active: baseDarkTheme.colors.blue[600],
+      inactive: baseDarkTheme.colors.neutral[300]
+    }
+  },
   education: {
     decorative: {
       aqua: baseDarkTheme.colors.aqua[600],

package/lib/themes/extendedThemes/sproutTheme/light/theme.js

@@ -124,6 +124,12 @@ export var listening = {
   }
 };
 export var growth = {
+  carousel: {
+    indicator: {
+      active: baseLightTheme.colors.blue[600],
+      inactive: baseLightTheme.colors.neutral[300]
+    }
+  },
   education: {
     decorative: {
       aqua: baseLightTheme.colors.aqua[600],

package/lib/themes/light/decorative-palettes.js

@@ -31,7 +31,7 @@ export var red = {
 };
 export var neutral = {
   background: COLORS.COLOR_NEUTRAL_100,
-  highlight: COLORS.COLOR_NEUTRAL_500,
+  highlight: COLORS.COLOR_NEUTRAL_600,
   foreground: COLORS.COLOR_NEUTRAL_900
 };
 export var magenta = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "20.1.0",
+  "version": "20.3.0",
   "license": "MIT",
   "files": [
     "__flow__",