@sproutsocial/racine 22.4.1 → 22.5.1

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # Change Log
 
+## 22.5.1
+
+### Patch Changes
+
+- b6a96b0: Fixes Message innerRef prop type
+  - Type corrected from `React.Ref<"div">` to `React.Ref<HTMLDivElement>`.
+  - This matches the built-in TypeScript type of the `innerRef` prop as used `Message` component.
+- Updated dependencies [b6a96b0]
+  - @sproutsocial/seeds-border@1.6.0
+  - @sproutsocial/seeds-react-theme@1.5.0
+
+## 22.5.0
+
+### Minor Changes
+
+- e5df935: Add React 18 support
+
+### Patch Changes
+
+- Updated dependencies [e5df935]
+  - @sproutsocial/seeds-react-box@1.1.0
+  - @sproutsocial/seeds-react-button@1.1.0
+  - @sproutsocial/seeds-react-checkbox@1.1.0
+  - @sproutsocial/seeds-react-hooks@2.1.0
+  - @sproutsocial/seeds-react-icon@1.1.0
+  - @sproutsocial/seeds-react-input@1.1.0
+  - @sproutsocial/seeds-react-mixins@2.2.0
+  - @sproutsocial/seeds-react-partner-logo@1.1.0
+  - @sproutsocial/seeds-react-popout@1.1.0
+  - @sproutsocial/seeds-react-portal@1.1.0
+  - @sproutsocial/seeds-react-radio@1.1.0
+  - @sproutsocial/seeds-react-switch@1.1.0
+  - @sproutsocial/seeds-react-system-props@2.3.0
+  - @sproutsocial/seeds-react-text@1.1.0
+  - @sproutsocial/seeds-react-theme@1.4.0
+  - @sproutsocial/seeds-react-theme-provider@1.1.0
+  - @sproutsocial/seeds-react-utilities@3.1.0
+
 ## 22.4.1
 
 ### Patch Changes

package/__flow__/types/theme.flow.js

@@ -313,6 +313,7 @@ export type TypeRadii = {|
   "400": string,
   "500": string,
   "600": string,
+  "900": string,
   "1000": string,
   inner: string,
   outer: string,

package/commonjs/themes/light/theme.js

@@ -362,6 +362,7 @@ var radii = exports.radii = {
   400: _seedsBorder.default.BORDER_RADIUS_400,
   500: _seedsBorder.default.BORDER_RADIUS_500,
   600: _seedsBorder.default.BORDER_RADIUS_600,
+  900: _seedsBorder.default.BORDER_RADIUS_900,
   1000: _seedsBorder.default.BORDER_RADIUS_1000,
   inner: _seedsBorder.default.BORDER_RADIUS_500,
   outer: _seedsBorder.default.BORDER_RADIUS_600,

package/commonjs/utils/react-testing-library.js

@@ -63,8 +63,6 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var sproutQueries = _objectSpread(_objectSpread({}, _react.queries), _dataQaLabelQueries.dataQaLabelQueries);
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 var customRender = exports.render = function customRender(node, options) {
   var utils = (0, _react.render)(node, _objectSpread(_objectSpread({}, options), {}, {
     queries: sproutQueries,
@@ -95,6 +93,4 @@ var customWithin = exports.within = function customWithin(element) {
   return (0, _react.within)(element, sproutQueries);
 };
 var boundQueries = (0, _react.within)(document.body, sproutQueries);
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 var customScreen = exports.screen = _objectSpread(_objectSpread({}, _react.screen), boundQueries);

package/dist/types/Avatar/Avatar.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { TypeAvatarProps, TypeAvatarType } from "./AvatarTypes";
 export declare const getAvatarColor: (name: string, type: TypeAvatarType) => TypeAvatarType;
-export declare const Avatar: ({ appearance, name, src, variant, type, size, bg, color, ...rest }: TypeAvatarProps) => JSX.Element;
-declare const _default: React.MemoExoticComponent<({ appearance, name, src, variant, type, size, bg, color, ...rest }: TypeAvatarProps) => JSX.Element>;
+export declare const Avatar: ({ appearance, name, src, variant, type, size, bg, color, ...rest }: TypeAvatarProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<({ appearance, name, src, variant, type, size, bg, color, ...rest }: TypeAvatarProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;
 //# sourceMappingURL=Avatar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EACV,eAAe,EAEf,cAAc,EACf,MAAM,eAAe,CAAC;AAgCvB,eAAO,MAAM,cAAc,SACnB,MAAM,QACN,cAAc,KACnB,cAuBF,CAAC;AAEF,eAAO,MAAM,MAAM,uEAUhB,eAAe,gBAqDjB,CAAC;;AACF,wBAA4B"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EACV,eAAe,EAEf,cAAc,EACf,MAAM,eAAe,CAAC;AAgCvB,eAAO,MAAM,cAAc,SACnB,MAAM,QACN,cAAc,KACnB,cAuBF,CAAC;AAEF,eAAO,MAAM,MAAM,uEAUhB,eAAe,4CAqDjB,CAAC;;AACF,wBAA4B"}

package/dist/types/Badge/Badge.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import type { TypeBadgeProps } from "./BadgeTypes";
-declare const Badge: ({ children, text, iconName, type, tip, size, badgeColor, color, ...rest }: TypeBadgeProps) => JSX.Element;
+declare const Badge: ({ children, text, iconName, type, tip, size, badgeColor, color, ...rest }: TypeBadgeProps) => import("react/jsx-runtime").JSX.Element;
 export default Badge;
 //# sourceMappingURL=Badge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/Badge/Badge.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,QAAA,MAAM,KAAK,8EAUR,cAAc,gBAoChB,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,QAAA,MAAM,KAAK,8EAUR,cAAc,4CAoChB,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/types/Banner/Banner.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { TypeBannerProps } from "./BannerTypes";
 /** TODO: change to 'info' type by default in future version */
-declare const Banner: ({ type, text, onClose, closeButtonLabel, typeIconProps, ...rest }: TypeBannerProps) => JSX.Element;
+declare const Banner: ({ type, text, onClose, closeButtonLabel, typeIconProps, ...rest }: TypeBannerProps) => import("react/jsx-runtime").JSX.Element;
 export default Banner;
 //# sourceMappingURL=Banner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../src/Banner/Banner.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,eAAe,EAAkB,MAAM,eAAe,CAAC;AAkCrE,+DAA+D;AAC/D,QAAA,MAAM,MAAM,sEAOT,eAAe,gBA8BjB,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../src/Banner/Banner.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAkB,MAAM,eAAe,CAAC;AAkCrE,+DAA+D;AAC/D,QAAA,MAAM,MAAM,sEAOT,eAAe,4CA8BjB,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { EnumBannerType } from "./BannerTypes";
 type TypeProps = {
     type: EnumBannerType;
@@ -6,9 +5,9 @@ type TypeProps = {
 declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TypeProps, never>;
 export default Container;
 export declare const StyledBannerIcon: import("styled-components").StyledComponent<{
-    ({ name, size, fixedWidth, ariaLabel, color, svgProps, ...rest }: import("../Icon").TypeIconProps): JSX.Element;
+    ({ name, size, fixedWidth, ariaLabel, color, svgProps, ...rest }: import("../Icon").TypeIconProps): import("react/jsx-runtime").JSX.Element;
     Toggle: {
-        ({ activeName, inactiveName, isActive, size, fixedWidth, ariaLabel, ...rest }: import("../Icon").TypeToggleProps): JSX.Element;
+        ({ activeName, inactiveName, isActive, size, fixedWidth, ariaLabel, ...rest }: import("../Icon").TypeToggleProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 }, import("styled-components").DefaultTheme, {}, never>;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Banner/styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,cAAc,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,SAAS,gHAgCd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,eAAO,MAAM,gBAAgB;;;;;;uDAG5B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Banner/styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,cAAc,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,SAAS,gHAgCd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,eAAO,MAAM,gBAAgB;;;;;;uDAG5B,CAAC"}

package/dist/types/Breadcrumb/Breadcrumb.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import type { TypeBreadcrumbProps, TypeBreadcrumbItemProps } from "./BreadcrumbTypes";
 declare const Breadcrumb: {
-    ({ ariaLabel, overflow, children, ...rest }: TypeBreadcrumbProps): JSX.Element;
+    ({ ariaLabel, overflow, children, ...rest }: TypeBreadcrumbProps): import("react/jsx-runtime").JSX.Element;
     Item: {
-        ({ children, href, ...rest }: TypeBreadcrumbItemProps): JSX.Element;
+        ({ children, href, ...rest }: TypeBreadcrumbItemProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EACV,mBAAmB,EACnB,uBAAuB,EACxB,MAAM,mBAAmB,CAAC;AAgB3B,QAAA,MAAM,UAAU;iDAKb,mBAAmB;;sCAfnB,uBAAuB;;;CAmDzB,CAAC;AAKF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,mBAAmB,EACnB,uBAAuB,EACxB,MAAM,mBAAmB,CAAC;AAgB3B,QAAA,MAAM,UAAU;iDAKb,mBAAmB;;sCAfnB,uBAAuB;;;CAmDzB,CAAC;AAKF,eAAe,UAAU,CAAC"}

package/dist/types/Button/Button.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { TypeButtonProps } from "./ButtonTypes";
 declare const Button: {
-    ({ href, appearance, active, disabled, external, children, size, innerRef, onClick, title, qa, as, ariaLabel, ...rest }: TypeButtonProps): JSX.Element;
+    ({ href, appearance, active, disabled, external, children, size, innerRef, onClick, title, qa, as, ariaLabel, ...rest }: TypeButtonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Button;

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/Button/Button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGhD,QAAA,MAAM,MAAM;6HAeT,eAAe;;CAgCjB,CAAC;AAGF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGhD,QAAA,MAAM,MAAM;6HAeT,eAAe;;CAgCjB,CAAC;AAGF,eAAe,MAAM,CAAC"}

package/dist/types/Card/Card.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TypeCardProps } from "./CardTypes";
 /**
  * @link https://seeds.sproutsocial.com/components/card/
@@ -13,6 +12,6 @@ import { TypeCardProps } from "./CardTypes";
  *  <Button>Click me</Button>
  * </Card>
  */
-declare const Card: ({ children, disabled, elevation, href, onClick, role, selected, ...rest }: TypeCardProps) => JSX.Element;
+declare const Card: ({ children, disabled, elevation, href, onClick, role, selected, ...rest }: TypeCardProps) => import("react/jsx-runtime").JSX.Element;
 export default Card;
 //# sourceMappingURL=Card.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/Card/Card.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAmB,MAAM,aAAa,CAAC;AAI7D;;;;;;;;;;;;GAYG;AAEH,QAAA,MAAM,IAAI,8EASP,aAAa,gBAyCf,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/Card/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAmB,MAAM,aAAa,CAAC;AAI7D;;;;;;;;;;;;GAYG;AAEH,QAAA,MAAM,IAAI,8EASP,aAAa,4CAyCf,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -1,22 +1,21 @@
-/// <reference types="react" />
 import { TypeStyledCard, TypeCardArea, TypeStyledSelectedIcon, TypeCardLink } from "./CardTypes";
 export declare const StyledCardContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TypeCardArea, never>;
 export declare const StyledCardHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TypeCardArea, never>;
 export declare const StyledCardFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TypeCardArea, never>;
 export declare const SelectedIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledSelectedIcon: import("styled-components").StyledComponent<{
-    ({ name, size, fixedWidth, ariaLabel, color, svgProps, ...rest }: import("../Icon").TypeIconProps): JSX.Element;
+    ({ name, size, fixedWidth, ariaLabel, color, svgProps, ...rest }: import("../Icon").TypeIconProps): import("react/jsx-runtime").JSX.Element;
     Toggle: {
-        ({ activeName, inactiveName, isActive, size, fixedWidth, ariaLabel, ...rest }: import("../Icon").TypeToggleProps): JSX.Element;
+        ({ activeName, inactiveName, isActive, size, fixedWidth, ariaLabel, ...rest }: import("../Icon").TypeToggleProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 }, import("styled-components").DefaultTheme, TypeStyledSelectedIcon, never>;
 export declare const StyledCardLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, TypeCardLink, never>;
 export declare const StyledCard: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TypeStyledCard, never>;
 export declare const StyledCardAffordance: import("styled-components").StyledComponent<{
-    ({ name, size, fixedWidth, ariaLabel, color, svgProps, ...rest }: import("../Icon").TypeIconProps): JSX.Element;
+    ({ name, size, fixedWidth, ariaLabel, color, svgProps, ...rest }: import("../Icon").TypeIconProps): import("react/jsx-runtime").JSX.Element;
     Toggle: {
-        ({ activeName, inactiveName, isActive, size, fixedWidth, ariaLabel, ...rest }: import("../Icon").TypeToggleProps): JSX.Element;
+        ({ activeName, inactiveName, isActive, size, fixedWidth, ariaLabel, ...rest }: import("../Icon").TypeToggleProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 }, import("styled-components").DefaultTheme, {}, never>;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Card/styles.tsx"],"names":[],"mappings":";AAYA,OAAO,EACL,cAAc,EACd,YAAY,EACZ,sBAAsB,EACtB,YAAY,EACb,MAAM,aAAa,CAAC;AAQrB,eAAO,MAAM,iBAAiB,mHAY7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,mHAa5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,mHAa5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,yGAO/B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;2EAW9B,CAAC;AAEF,eAAO,MAAM,cAAc,iHAQ1B,CAAC;AAEF,eAAO,MAAM,UAAU,qHA8DtB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;uDAKhC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Card/styles.tsx"],"names":[],"mappings":"AAYA,OAAO,EACL,cAAc,EACd,YAAY,EACZ,sBAAsB,EACtB,YAAY,EACb,MAAM,aAAa,CAAC;AAQrB,eAAO,MAAM,iBAAiB,mHAY7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,mHAa5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,mHAa5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,yGAO/B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;2EAW9B,CAAC;AAEF,eAAO,MAAM,cAAc,iHAQ1B,CAAC;AAEF,eAAO,MAAM,UAAU,qHA8DtB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;uDAKhC,CAAC"}

package/dist/types/Card/subComponents.d.ts

@@ -3,20 +3,20 @@ import { TypeCardLink } from "./CardTypes";
 export declare const CardContent: ({ children, ...rest }: {
     [x: string]: any;
     children: any;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const CardHeader: ({ children, ...rest }: {
     [x: string]: any;
     children: any;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const CardFooter: ({ children, ...rest }: {
     [x: string]: any;
     children: any;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const SelectedIcon: ({ $selected }: {
     $selected: any;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const CardAffordance: ({ ...rest }: {
     [x: string]: any;
-}) => JSX.Element;
-export declare const CardLink: ({ affordance, children, external, color, ...rest }: React.PropsWithChildren<TypeCardLink>) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CardLink: ({ affordance, children, external, color, ...rest }: React.PropsWithChildren<TypeCardLink>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=subComponents.d.ts.map

package/dist/types/Card/subComponents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"subComponents.d.ts","sourceRoot":"","sources":["../../../src/Card/subComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAW3C,eAAO,MAAM,WAAW;;;iBAKvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;iBAGtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;iBAGtB,CAAC;AAEF,eAAO,MAAM,YAAY;;iBAWxB,CAAC;AAEF,eAAO,MAAM,cAAc;;iBAU1B,CAAC;AAEF,eAAO,MAAM,QAAQ,uDAMlB,MAAM,iBAAiB,CAAC,YAAY,CAAC,gBA2BvC,CAAC"}
+{"version":3,"file":"subComponents.d.ts","sourceRoot":"","sources":["../../../src/Card/subComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAW3C,eAAO,MAAM,WAAW;;;6CAKvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;6CAGtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;6CAGtB,CAAC;AAEF,eAAO,MAAM,YAAY;;6CAWxB,CAAC;AAEF,eAAO,MAAM,cAAc;;6CAU1B,CAAC;AAEF,eAAO,MAAM,QAAQ,uDAMlB,MAAM,iBAAiB,CAAC,YAAY,CAAC,4CA2BvC,CAAC"}

package/dist/types/CharacterCounter/CharacterCounter.d.ts

@@ -4,6 +4,6 @@ export default class CharacterCounter extends React.Component<TypeCharacterCount
     static defaultProps: {
         size: string;
     };
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 //# sourceMappingURL=CharacterCounter.d.ts.map

package/dist/types/ChartLegend/ChartLegend.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import type { TypeChartLegendProps } from "./ChartLegendTypes";
-declare const ChartLegend: ({ legendLabels, stacked, theme, qa, ...rest }: TypeChartLegendProps) => JSX.Element;
+declare const ChartLegend: ({ legendLabels, stacked, theme, qa, ...rest }: TypeChartLegendProps) => import("react/jsx-runtime").JSX.Element;
 export default ChartLegend;
 //# sourceMappingURL=ChartLegend.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChartLegend.d.ts","sourceRoot":"","sources":["../../../src/ChartLegend/ChartLegend.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAG/D,QAAA,MAAM,WAAW,kDAMd,oBAAoB,gBAQtB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ChartLegend.d.ts","sourceRoot":"","sources":["../../../src/ChartLegend/ChartLegend.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAG/D,QAAA,MAAM,WAAW,kDAMd,oBAAoB,4CAQtB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/types/ChartLegend/useChartLabels.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TypeChartLegendTheme, TypeLegendLabels } from "./ChartLegendTypes";
-export declare const useChartLabels: (legendLabels: TypeLegendLabels[], theme: TypeChartLegendTheme) => JSX.Element[];
+export declare const useChartLabels: (legendLabels: TypeLegendLabels[], theme: TypeChartLegendTheme) => import("react/jsx-runtime").JSX.Element[];
 //# sourceMappingURL=useChartLabels.d.ts.map

package/dist/types/ChartLegend/useChartLabels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChartLabels.d.ts","sourceRoot":"","sources":["../../../src/ChartLegend/useChartLabels.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EACV,oBAAoB,EACpB,gBAAgB,EACjB,MAAM,oBAAoB,CAAC;AAmE5B,eAAO,MAAM,cAAc,iBACX,gBAAgB,EAAE,SACzB,oBAAoB,kBAmB5B,CAAC"}
+{"version":3,"file":"useChartLabels.d.ts","sourceRoot":"","sources":["../../../src/ChartLegend/useChartLabels.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,oBAAoB,EACpB,gBAAgB,EACjB,MAAM,oBAAoB,CAAC;AAmE5B,eAAO,MAAM,cAAc,iBACX,gBAAgB,EAAE,SACzB,oBAAoB,8CAmB5B,CAAC"}

package/dist/types/Checkbox/Checkbox.d.ts

@@ -9,6 +9,6 @@ export default class Checkbox extends React.Component<TypeCheckboxProps> {
     componentDidUpdate(prevProps: TypeCheckboxProps): void;
     componentDidMount(): void;
     handleChange: (event: React.SyntheticEvent<HTMLInputElement>) => void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 //# sourceMappingURL=Checkbox.d.ts.map

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

@@ -4,9 +4,9 @@ declare const Container: import("styled-components").StyledComponent<"span", imp
 export declare const InputWrapper: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<import("../Box").TypeBoxProps, "ref"> & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, Pick<TypeCheckboxProps, "appearance">, never>;
 export declare const CheckboxBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const CheckIcon: import("styled-components").StyledComponent<{
-    ({ name, size, fixedWidth, ariaLabel, color, svgProps, ...rest }: import("../Icon").TypeIconProps): JSX.Element;
+    ({ name, size, fixedWidth, ariaLabel, color, svgProps, ...rest }: import("../Icon").TypeIconProps): import("react/jsx-runtime").JSX.Element;
     Toggle: {
-        ({ activeName, inactiveName, isActive, size, fixedWidth, ariaLabel, ...rest }: import("../Icon").TypeToggleProps): JSX.Element;
+        ({ activeName, inactiveName, isActive, size, fixedWidth, ariaLabel, ...rest }: import("../Icon").TypeToggleProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 }, import("styled-components").DefaultTheme, {
@@ -14,7 +14,7 @@ export declare const CheckIcon: import("styled-components").StyledComponent<{
 }, "aria-hidden">;
 export declare const PillInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
 export declare const LabelText: import("styled-components").StyledComponent<{
-    ({ fontSize, children, qa, color, ...rest }: import("../Text").TypeTextProps): JSX.Element;
+    ({ fontSize, children, qa, color, ...rest }: import("../Text").TypeTextProps): import("react/jsx-runtime").JSX.Element;
     Headline: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, import("../Text").TypeTextProps, never>;
     SubHeadline: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, import("../Text").TypeTextProps, never>;
     SmallSubHeadline: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, import("../Text").TypeTextProps, never>;

package/dist/types/Collapsible/Collapsible.d.ts

@@ -1,19 +1,18 @@
-/// <reference types="react" />
 import type { TypeCollapsibleProps } from "./CollapsibleTypes";
 declare const Collapsible: {
-    ({ children, isOpen, offset, collapsedHeight, openHeight, }: TypeCollapsibleProps): JSX.Element;
+    ({ children, isOpen, offset, collapsedHeight, openHeight, }: TypeCollapsibleProps): import("react/jsx-runtime").JSX.Element;
     Trigger: {
         ({ children, ...rest }: {
             [x: string]: any;
             children: any;
-        }): JSX.Element;
+        }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Panel: {
         ({ children, ...rest }: {
             [x: string]: any;
             children: any;
-        }): JSX.Element;
+        }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../../src/Collapsible/Collapsible.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAc/D,QAAA,MAAM,WAAW;iEAMd,oBAAoB;;;;;;;;;;;;;;;CAetB,CAAC;AA+FF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../../src/Collapsible/Collapsible.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAc/D,QAAA,MAAM,WAAW;iEAMd,oBAAoB;;;;;;;;;;;;;;;CAetB,CAAC;AA+FF,eAAe,WAAW,CAAC"}

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import type { TypeDateRangePickerProps } from "./DateRangePickerTypes";
-declare const DateRangePicker: ({ startDate, endDate, onDatesChange, setStatusText, initialVisibleMonth, numberOfMonths, onFocusChange, onBlur, focusedInput, ...rest }: TypeDateRangePickerProps) => JSX.Element;
+declare const DateRangePicker: ({ startDate, endDate, onDatesChange, setStatusText, initialVisibleMonth, numberOfMonths, onFocusChange, onBlur, focusedInput, ...rest }: TypeDateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
 export default DateRangePicker;
 //# sourceMappingURL=DateRangePicker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/DatePicker/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAEvE,QAAA,MAAM,eAAe,4IAWlB,wBAAwB,gBAqD1B,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/DatePicker/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAEvE,QAAA,MAAM,eAAe,4IAWlB,wBAAwB,4CAqD1B,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TypeStatefulDateRangePickerProps } from "./DateRangePickerTypes";
-export declare const StatefulDateRangePicker: ({ startDate, endDate, onDatesChange, onFocusChange, ...rest }: TypeStatefulDateRangePickerProps) => JSX.Element;
+export declare const StatefulDateRangePicker: ({ startDate, endDate, onDatesChange, onFocusChange, ...rest }: TypeStatefulDateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=StatefulDateRangePicker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"StatefulDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/DatePicker/DateRangePicker/StatefulDateRangePicker.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,wBAAwB,CAAC;AAG/E,eAAO,MAAM,uBAAuB,kEAMjC,gCAAgC,gBAgClC,CAAC"}
+{"version":3,"file":"StatefulDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/DatePicker/DateRangePicker/StatefulDateRangePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,wBAAwB,CAAC;AAG/E,eAAO,MAAM,uBAAuB,kEAMjC,gCAAgC,4CAgClC,CAAC"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TypeStatefulSingleDatePickerProps } from "./SingleDatePickerTypes";
-export declare const StatefulSingleDatePicker: ({ date, onDateChange, ...rest }: TypeStatefulSingleDatePickerProps) => JSX.Element;
+export declare const StatefulSingleDatePicker: ({ date, onDateChange, ...rest }: TypeStatefulSingleDatePickerProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=StatefulSingleDatePicker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"StatefulSingleDatePicker.d.ts","sourceRoot":"","sources":["../../../../src/DatePicker/SingleDatePicker/StatefulSingleDatePicker.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,yBAAyB,CAAC;AAGjF,eAAO,MAAM,wBAAwB,oCAIlC,iCAAiC,gBAenC,CAAC"}
+{"version":3,"file":"StatefulSingleDatePicker.d.ts","sourceRoot":"","sources":["../../../../src/DatePicker/SingleDatePicker/StatefulSingleDatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,yBAAyB,CAAC;AAGjF,eAAO,MAAM,wBAAwB,oCAIlC,iCAAiC,4CAenC,CAAC"}

package/dist/types/DatePicker/common.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "react-dates/initialize";
 import "react-dates/lib/css/_datepicker.css";
 import { Moment } from "moment";
@@ -6,7 +5,7 @@ import type { TypeCommonDatePickerProps } from "./types";
 type TypeCalendarNavButtonType = "left" | "right";
 export declare const CalendarNavButton: ({ type, }: {
     type: TypeCalendarNavButtonType;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const commonDatePickerProps: TypeCommonDatePickerProps;
 export declare const formatDateAsCalendarHeader: (date: Moment) => string;
 export declare const formatDateAsCalendarDay: (date: Moment) => string;

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

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/DatePicker/common.tsx"],"names":[],"mappings":";AAAA,OAAO,wBAAwB,CAAC;AAChC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAIhC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEzD,KAAK,yBAAyB,GAAG,MAAM,GAAG,OAAO,CAAC;AAOlD,eAAO,MAAM,iBAAiB;UAGtB,yBAAyB;iBAC4B,CAAC;AAE9D,eAAO,MAAM,qBAAqB,EAAE,yBAWnC,CAAC;AAGF,eAAO,MAAM,0BAA0B,SAAU,MAAM,KAAG,MAChC,CAAC;AAE3B,eAAO,MAAM,uBAAuB,SAAU,MAAM,KAAG,MACpB,CAAC;AAEpC,eAAO,MAAM,wCAAwC,cACxC,WAAW,KACrB,MACuE,CAAC;AAG3E,eAAO,MAAM,gBAAgB,mDAM5B,CAAC;AAGF,eAAO,MAAM,oBAAoB,qBACiB,CAAC"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/DatePicker/common.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAC;AAChC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAIhC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEzD,KAAK,yBAAyB,GAAG,MAAM,GAAG,OAAO,CAAC;AAOlD,eAAO,MAAM,iBAAiB;UAGtB,yBAAyB;6CAC4B,CAAC;AAE9D,eAAO,MAAM,qBAAqB,EAAE,yBAWnC,CAAC;AAGF,eAAO,MAAM,0BAA0B,SAAU,MAAM,KAAG,MAChC,CAAC;AAE3B,eAAO,MAAM,uBAAuB,SAAU,MAAM,KAAG,MACpB,CAAC;AAEpC,eAAO,MAAM,wCAAwC,cACxC,WAAW,KACrB,MACuE,CAAC;AAG3E,eAAO,MAAM,gBAAgB,mDAM5B,CAAC;AAGF,eAAO,MAAM,oBAAoB,qBACiB,CAAC"}

package/dist/types/Drawer/Drawer.d.ts

@@ -1,17 +1,17 @@
 import * as React from "react";
 import type { TypeDrawerCloseButtonProps, TypeDrawerHeaderProps, TypeDrawerProps, TypeDrawerContentProps } from "./DrawerTypes";
 declare const DrawerContainer: {
-    ({ children, closeButtonLabel, direction, disableCloseOnClickOutside, id, isOpen, offset, onClose, zIndex, closeTargets, width, ...rest }: TypeDrawerProps): JSX.Element;
+    ({ children, closeButtonLabel, direction, disableCloseOnClickOutside, id, isOpen, offset, onClose, zIndex, closeTargets, width, ...rest }: TypeDrawerProps): import("react/jsx-runtime").JSX.Element;
     Header: {
-        ({ title, id, children, render, ...rest }: TypeDrawerHeaderProps): React.ReactElement<any, any> | null;
+        ({ title, id, children, render, ...rest }: TypeDrawerHeaderProps): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
         displayName: string;
     };
     Content: {
-        ({ children, ...rest }: TypeDrawerContentProps): JSX.Element;
+        ({ children, ...rest }: TypeDrawerContentProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     CloseButton: {
-        (props: TypeDrawerCloseButtonProps): React.ReactElement<any, any> | null;
+        (props: TypeDrawerCloseButtonProps): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null;
         displayName: string;
     };
 };

package/dist/types/Drawer/SlideTransition.d.ts

@@ -10,6 +10,6 @@ type TypeProps = {
     width: number;
     direction: "left" | "right";
 };
-export declare const SlideTransition: ({ isVisible, children, width, direction, ...rest }: TypeProps) => JSX.Element;
+export declare const SlideTransition: ({ isVisible, children, width, direction, ...rest }: TypeProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=SlideTransition.d.ts.map

package/dist/types/Drawer/SlideTransition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlideTransition.d.ts","sourceRoot":"","sources":["../../../src/Drawer/SlideTransition.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAiB,aAAa,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG5E,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE;QACf,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,cAAc,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QAC1E,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;QACrB,SAAS,EAAE,OAAO,CAAC;KACpB,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,eAAe,uDAOzB,SAAS,gBA4BX,CAAC"}
+{"version":3,"file":"SlideTransition.d.ts","sourceRoot":"","sources":["../../../src/Drawer/SlideTransition.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAiB,aAAa,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG5E,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE;QACf,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,cAAc,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QAC1E,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;QACrB,SAAS,EAAE,OAAO,CAAC;KACpB,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,eAAe,uDAOzB,SAAS,4CA4BX,CAAC"}

package/dist/types/EmptyState/EmptyState.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import type { TypeEmptyStateProps } from "./EmptyStateTypes";
-declare const EmptyState: ({ media, headline, subtext, primaryAction, secondaryAction, ...rest }: TypeEmptyStateProps) => JSX.Element;
+declare const EmptyState: ({ media, headline, subtext, primaryAction, secondaryAction, ...rest }: TypeEmptyStateProps) => import("react/jsx-runtime").JSX.Element;
 export default EmptyState;
 //# sourceMappingURL=EmptyState.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/EmptyState/EmptyState.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,QAAA,MAAM,UAAU,0EAOb,mBAAmB,gBAgDrB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,QAAA,MAAM,UAAU,0EAOb,mBAAmB,4CAgDrB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/types/Fieldset/Fieldset.d.ts

@@ -1,22 +1,21 @@
-/// <reference types="react" />
 import type { TypeFieldsetProps } from "./FieldsetTypes";
 /**
  * Fieldset Component
  */
 declare const Fieldset: {
-    ({ layout, label, helperText, children, ...rest }: TypeFieldsetProps): JSX.Element;
+    ({ layout, label, helperText, children, ...rest }: TypeFieldsetProps): import("react/jsx-runtime").JSX.Element;
     Legend: {
         ({ children, ...rest }: {
             [x: string]: any;
             children: any;
-        }): JSX.Element;
+        }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     HelperText: {
         ({ children, ...rest }: {
             [x: string]: any;
             children: any;
-        }): JSX.Element;
+        }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../../src/Fieldset/Fieldset.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD;;GAEG;AACH,QAAA,MAAM,QAAQ;uDAMX,iBAAiB;;;;;;;;;;;;;;;CAqBnB,CAAC;AA2BF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../../src/Fieldset/Fieldset.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD;;GAEG;AACH,QAAA,MAAM,QAAQ;uDAMX,iBAAiB;;;;;;;;;;;;;;;CAqBnB,CAAC;AA2BF,eAAe,QAAQ,CAAC"}

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import type { TypeFormFieldProps } from "./FormFieldTypes";
-declare const FormField: ({ children, error, helperText, id: identifier, isInvalid, label, mb, qa, isLabelHidden, required, ...rest }: TypeFormFieldProps) => JSX.Element;
+declare const FormField: ({ children, error, helperText, id: identifier, isInvalid, label, mb, qa, isLabelHidden, required, ...rest }: TypeFormFieldProps) => import("react/jsx-runtime").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,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAI3D,QAAA,MAAM,SAAS,gHAYZ,kBAAkB,gBAqDpB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/FormField/FormField.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAI3D,QAAA,MAAM,SAAS,gHAYZ,kBAAkB,4CAqDpB,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import type { TypeIconProps, TypeToggleProps } from "./IconTypes";
 declare const Icon: {
-    ({ name, size, fixedWidth, ariaLabel, color, svgProps, ...rest }: TypeIconProps): JSX.Element;
+    ({ name, size, fixedWidth, ariaLabel, color, svgProps, ...rest }: TypeIconProps): import("react/jsx-runtime").JSX.Element;
     /**
      * **Accessibility note:** It is best practice to wrap `<Icon.Toggle />` in a button. The button must include `aria-label` and `aria-pressed` in order for a screen reader to properly communicate the icon's state. See example below.
      *
@@ -22,7 +21,7 @@ declare const Icon: {
      * </Button>
      */
     Toggle: {
-        ({ activeName, inactiveName, isActive, size, fixedWidth, ariaLabel, ...rest }: TypeToggleProps): JSX.Element;
+        ({ activeName, inactiveName, isActive, size, fixedWidth, ariaLabel, ...rest }: TypeToggleProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };

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,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAiBlE,QAAA,MAAM,IAAI;sEAQP,aAAa;IA+GhB;;;;;;;;;;;;;;;;;;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,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAiBlE,QAAA,MAAM,IAAI;sEAQP,aAAa;IA+GhB;;;;;;;;;;;;;;;;;;OAkBG;;uFA1CA,eAAe;;;CA7BjB,CAAC;AA0EF,eAAe,IAAI,CAAC"}

package/dist/types/Image/Image.d.ts

@@ -23,7 +23,7 @@ export default class Image extends React.Component<TypeImageProps, TypeState> {
     onError: (e: React.SyntheticEvent<HTMLImageElement, Event>) => void;
     onLoad: () => void;
     onClick: () => void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};
 //# sourceMappingURL=Image.d.ts.map

package/dist/types/Indicator/Indicator.d.ts

@@ -4,6 +4,6 @@ export default class Indicator extends React.Component<TypeIndicatorProps> {
     static defaultProps: {
         tooltip: string;
     };
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 //# sourceMappingURL=Indicator.d.ts.map

package/dist/types/Input/Input.d.ts

@@ -14,7 +14,7 @@ declare class Input extends React.Component<TypeInputProps, TypeState> {
         appearance: string;
     };
     static ClearButton: {
-        (): JSX.Element | null;
+        (): import("react/jsx-runtime").JSX.Element | null;
         displayName: string;
     };
     inputRef: React.RefObject<HTMLInputElement>;
@@ -26,7 +26,7 @@ declare class Input extends React.Component<TypeInputProps, TypeState> {
     handleKeyUp: (e: React.KeyboardEvent<HTMLInputElement>) => void | undefined;
     handlePaste: (e: React.SyntheticEvent<HTMLInputElement>) => void | undefined;
     updateState: (inputValue: string) => void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export default Input;
 //# sourceMappingURL=Input.d.ts.map

package/dist/types/KeyboardKey/KeyboardKey.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import type { TypeKeyboardKeyProps } from "./KeyboardKeyTypes";
 export default class KeyboardKey extends React.Component<TypeKeyboardKeyProps> {
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 //# sourceMappingURL=KeyboardKey.d.ts.map