@spaced-out/ui-design-system 0.5.6 → 0.5.7-beta.1

package/lib/components/Tabs/TabList/TabDropdown.js

@@ -35,7 +35,6 @@ const TabDropdown = _ref => {
   } = (0, _react2.useFloating)({
     open: true,
     strategy: 'absolute',
-    // @ts-ignore - TS2322 - Type 'string' is not assignable to type 'Placement | undefined'.
     placement: anchorPosition,
     whileElementsMounted: _react2.autoUpdate,
     middleware: [(0, _react2.shift)(), (0, _react2.flip)(), (0, _react2.offset)(parseInt(_space.spaceXXSmall))]
@@ -52,9 +51,7 @@ const TabDropdown = _ref => {
       "data-testid": "TabDropdown",
       className: (0, _classify.classify)(_TabDropdownModule.default.tabDropdownContainer, classNames?.wrapper)
     }, /*#__PURE__*/React.createElement(_Tab.Tab, _extends({}, props?.tab, {
-      size: size
-      // @ts-ignore - TS2322 - Type '((node: ReferenceType | null) => void) & ((node: ReferenceType | null) => void)' is not assignable to type '{ current: HTMLElement | null | undefined; }'.
-      ,
+      size: size,
       ref: (0, _mergeRefs.mergeRefs)([refs.setReference, triggerRef]),
       onClick: e => {
         e.stopPropagation();
@@ -66,12 +63,9 @@ const TabDropdown = _ref => {
       }
     })), isOpen && props?.menu && /*#__PURE__*/React.createElement(_react2.FloatingPortal, null, /*#__PURE__*/React.createElement(_react2.FloatingFocusManager, {
       modal: false,
-      context: context
-      // @ts-ignore - TS2322 - Type 'MutableRefObject<ReferenceType | null> & MutableRefObject<ReferenceType | null>' is not assignable to type 'number | MutableRefObject<HTMLElement | null> | undefined'.
-      ,
+      context: context,
       initialFocus: refs.reference
     }, /*#__PURE__*/React.createElement("div", {
-      // @ts-ignore - TS2322 - Type '((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void)' is not assignable to type '{ current: HTMLElement | null | undefined; }'.
       ref: (0, _mergeRefs.mergeRefs)([refs.setFloating, boundaryRef]),
       className: _TabDropdownModule.default.menuWrapper,
       style: {
@@ -83,7 +77,7 @@ const TabDropdown = _ref => {
       }
     }, /*#__PURE__*/React.createElement(_Menu.Menu, _extends({}, props.menu, {
       onSelect: (option, e) => {
-        onOptionSelect && onOptionSelect(option, e);
+        onOptionSelect?.(option, e);
         clickAway();
       },
       size: props.menu.size || size,

package/lib/components/Tabs/TabList/TabList.d.ts

@@ -4,21 +4,22 @@ import type { ElevationType } from '../../Tooltip';
 type ClassNames = Readonly<{
     wrapper?: string;
 }>;
-export type TabListProps = {
+export interface TabListProps {
     classNames?: ClassNames;
     onSelect?: (arg1: {
         tabId: string;
         label?: string;
     }) => unknown;
     children?: React.ReactNode;
-    size?: 'medium';
+    size?: 'medium' | 'small';
     selectedTab?: {
         tabId: string;
         label?: string;
     };
     menuWidth?: string;
     elevation?: ElevationType;
-};
+    maxTabWidth?: string;
+}
 export declare const TabList: Flow.AbstractComponent<TabListProps, HTMLDivElement>;
 export {};
 //# sourceMappingURL=TabList.d.ts.map

package/lib/components/Tabs/TabList/TabList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabList/TabList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAMrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,eAAe,CAAC;AAOjD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAC,KAAK,OAAO,CAAC;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,cAAc,CA8ItE,CAAC"}
+{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabList/TabList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAQrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,eAAe,CAAC;AAwBjD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,YAAY;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAC,KAAK,OAAO,CAAC;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,cAAc,CAkJtE,CAAC"}

package/lib/components/Tabs/TabList/TabList.js

@@ -13,6 +13,8 @@ var _TabDropdown = require("./TabDropdown");
 var _TabListModule = _interopRequireDefault(require("./TabList.module.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// Type definitions for tab child props
+
 const TabList = exports.TabList = /*#__PURE__*/React.forwardRef((_ref, forwardRef) => {
   let {
     classNames,
@@ -21,10 +23,10 @@ const TabList = exports.TabList = /*#__PURE__*/React.forwardRef((_ref, forwardRe
     onSelect,
     selectedTab,
     menuWidth,
-    elevation = 'modal'
+    elevation = 'modal',
+    maxTabWidth = _size.size120
   } = _ref;
   const ref = React.useRef(null);
-  // @ts-ignore - TS2322 - Type 'null' is not assignable to type 'HTMLDivElement'.
   React.useImperativeHandle(forwardRef, () => ref.current);
   const {
     width
@@ -34,55 +36,49 @@ const TabList = exports.TabList = /*#__PURE__*/React.forwardRef((_ref, forwardRe
     const childrenArray = React.Children.toArray(children);
     const totalChildCount = childrenArray.length;
     let tabListWidth = 0;
-    // @ts-ignore
     const menuOptions = [];
     let nodes = [];
     const tabListNodes = [];
     for (let i = 0; i < totalChildCount; i++) {
       const child = childrenArray[i];
-      const {
-        width = _size.size100,
-        tabId,
-        label,
-        disabled,
-        iconName,
-        iconType
-        // @ts-ignore - TS2339 - Property 'props' does not exist on type 'string | number | bigint | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...>'.
-      } = child.props;
-      const widthInt = parseInt(width);
-      tabListWidth = tabListWidth + widthInt;
-      if (tabListWidth < containerWidth || i === 0) {
-        const childOnSelect = params => {
-          onSelect && onSelect(params); // call the tab level onSelect
-        };
-        tabListNodes.push(
-        /*#__PURE__*/
-        // @ts-ignore - TS2769 - No overload matches this call.
-        React.cloneElement(child, {
-          size,
-          onSelect: childOnSelect,
-          selectedTab
-        }));
-      } else {
-        menuOptions.push({
-          key: tabId,
+      if (/*#__PURE__*/React.isValidElement(child)) {
+        const {
+          maxWidth: maxWidthChild,
+          tabId,
           label,
           disabled,
-          iconLeft: iconName,
-          iconLeftType: iconType
-        });
+          iconName,
+          iconType
+        } = child.props;
+        const effectiveMaxWidth = maxWidthChild || maxTabWidth;
+        const widthInt = parseInt(effectiveMaxWidth);
+        tabListWidth = tabListWidth + widthInt;
+        if (tabListWidth < containerWidth || i === 0) {
+          const childOnSelect = params => {
+            onSelect?.(params); // call the tab level onSelect
+          };
+          tabListNodes.push(/*#__PURE__*/React.cloneElement(child, {
+            size,
+            onSelect: childOnSelect,
+            selectedTab,
+            maxWidth: effectiveMaxWidth,
+            elevation
+          }));
+        } else {
+          menuOptions.push({
+            key: tabId,
+            label,
+            disabled,
+            iconLeft: iconName,
+            iconLeftType: iconType
+          });
+        }
       }
     }
-
-    // @ts-ignore - TS7031 - Binding element 'key' implicitly has an 'any' type. | TS7031 - Binding element 'label' implicitly has an 'any' type.
-    const menuOnSelect = _ref2 => {
-      let {
-        key,
-        label
-      } = _ref2;
-      onSelect && onSelect({
-        tabId: key,
-        label
+    const menuOnSelect = option => {
+      onSelect?.({
+        tabId: option.key,
+        label: option.label
       });
     };
     const selectedKeys = [selectedTab?.tabId || ''];
@@ -96,9 +92,7 @@ const TabList = exports.TabList = /*#__PURE__*/React.forwardRef((_ref, forwardRe
     })();
     const tabDropDownNode = menuOptions.length ? /*#__PURE__*/React.createElement(_TabDropdown.TabDropdown, {
       key: 'tabDropdown' + menuOptions.length,
-      size: size
-      // @ts-ignore - TS2322 - Type '({ key, label }: { key: any; label: any; }) => void' is not assignable to type '(option: MenuOption, arg2?: SyntheticEvent<HTMLElement, Event> | null | undefined) => unknown'.
-      ,
+      size: size,
       onOptionSelect: menuOnSelect,
       props: {
         tab: {
@@ -122,11 +116,8 @@ const TabList = exports.TabList = /*#__PURE__*/React.forwardRef((_ref, forwardRe
     return nodes;
   };
   React.useLayoutEffect(() => {
-    // @ts-ignore - TS2339 - Property 'offsetWidth' does not exist on type 'never'.
     if (ref.current && ref.current.offsetWidth) {
-      const availableContainerWidth =
-      // @ts-ignore - TS2339 - Property 'offsetWidth' does not exist on type 'never'.
-      ref.current.offsetWidth - (parseInt(_size.size36) + parseInt(_space.spaceMedium));
+      const availableContainerWidth = ref.current.offsetWidth - (parseInt(_size.size36) + parseInt(_space.spaceMedium));
       setContainerWidth(availableContainerWidth);
     }
     // it depends on width of the screen as ref.current.offsetWidth will not provide the events when changed.
@@ -136,7 +127,6 @@ const TabList = exports.TabList = /*#__PURE__*/React.forwardRef((_ref, forwardRe
     "data-testid": "Tabs",
     className: (0, _classify.classify)(_TabListModule.default.tabsContainer, {
       [_TabListModule.default.mediumSize]: size === 'medium',
-      // @ts-ignore - TS2367 - This condition will always return 'false' since the types '"medium" | undefined' and '"small"' have no overlap.
       [_TabListModule.default.smallSize]: size === 'small'
     }, classNames?.wrapper)
   }, containerWidth ? childrenWithProps() : null);

package/lib/components/Tabs/TabList/TabList.stories.d.ts

@@ -84,6 +84,17 @@ declare const _default: {
                 };
             };
         };
+        maxTabWidth: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
     };
     parameters: {
         docs: {
@@ -108,4 +119,15 @@ export declare const _Tabs: {
         };
     };
 };
+export declare const TabsWithMaxWidth: {
+    (args: TabListProps): React.JSX.Element;
+    args: {
+        size: string;
+        maxTabWidth: string;
+        selectedTab: {
+            tabId: string;
+            label: string;
+        };
+    };
+};
 //# sourceMappingURL=TabList.stories.d.ts.map

package/lib/components/Tabs/TabList/TabList.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabList.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabList/TabList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOrC,wBA2FE;AAEF,eAAO,MAAM,KAAK;WAAU,YAAY;;;;;;;;CAwDvC,CAAC"}
+{"version":3,"file":"TabList.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabList/TabList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOrC,wBAqGE;AAEF,eAAO,MAAM,KAAK;WAAU,YAAY;;;;;;;;CAwDvC,CAAC;AAOF,eAAO,MAAM,gBAAgB;WAAU,YAAY;;;;;;;;;CAgDlD,CAAC"}

package/lib/components/Text/Text.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
 import type { ColorTypes } from '../../types/typography';
-export type TextProps = {
+export interface TextProps {
     color?: ColorTypes;
     children?: React.ReactNode;
     className?: string;
@@ -9,14 +9,14 @@ export type TextProps = {
     highlightString?: string | string[];
     caseSensitiveHighlighting?: boolean;
     highlightWithBackground?: boolean;
-};
-export type HighlightTextProps = {
+}
+export interface HighlightTextProps {
     text: string;
     highlight: string | string[];
     highlightClassName?: string;
     caseSensitiveHighlighting?: boolean;
     highlightWithBackground?: boolean;
-};
+}
 export declare const JumboLarge: Flow.AbstractComponent<TextProps, HTMLSpanElement>;
 export declare const JumboMedium: Flow.AbstractComponent<TextProps, HTMLSpanElement>;
 export declare const JumboSmall: Flow.AbstractComponent<TextProps, HTMLSpanElement>;

package/lib/components/Text/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"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"}

package/lib/components/Text/Text.js

@@ -22,7 +22,6 @@ const HighlightText = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   } = _ref;
   // Split text on highlight term, include term itself into parts, ignore case
   // Convert highlight to an array if it's not already
-  // @ts-ignore - TS2769 - No overload matches this call.
   const highlightArray = [].concat(highlight).filter(item => item !== '');
   const highlights = highlightArray.map(_string.escapeRegExp).join('|');
   const parts = text.split(new RegExp(`(${highlights})`, caseSensitiveHighlighting ? '' : 'gi')).filter(part => part !== '');

package/lib/components/TextTile/TextTile.d.ts

@@ -5,12 +5,12 @@ type ClassNames = Readonly<{
     title?: string;
     wrapper?: string;
 }>;
-export type TextTileProps = {
+export interface TextTileProps {
     header?: React.ReactNode;
     iconName?: string;
     classNames?: ClassNames;
     description?: React.ReactNode;
-};
+}
 export declare const TextTile: Flow.AbstractComponent<TextTileProps, HTMLDivElement>;
 export {};
 //# sourceMappingURL=TextTile.d.ts.map

package/lib/components/TextTile/TextTile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextTile.d.ts","sourceRoot":"","sources":["../../../src/components/TextTile/TextTile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AASrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,cAAc,CA+BxE,CAAC"}
+{"version":3,"file":"TextTile.d.ts","sourceRoot":"","sources":["../../../src/components/TextTile/TextTile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AASrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED,eAAO,MAAM,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,cAAc,CA+BxE,CAAC"}

package/lib/components/Textarea/Textarea.d.ts

@@ -1,16 +1,15 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { Over } from '../../types/utils';
 type ClassNames = Readonly<{
     box?: string;
     textarea?: string;
 }>;
-export type TextareaProps = Over<React.TextareaHTMLAttributes<HTMLTextAreaElement>, {
+export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'onChange' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'name' | 'disabled' | 'placeholder' | 'locked' | 'error' | 'errorText' | 'label' | 'helperText' | 'classNames' | 'size' | 'required' | 'textCountLimit'> {
     value?: string;
-    onChange?: (evt: React.ChangeEvent<HTMLInputElement>, isEnter?: boolean) => unknown;
-    onFocus?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
-    onBlur?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
-    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => unknown;
+    onChange?: (evt: React.ChangeEvent<HTMLTextAreaElement>, isEnter?: boolean) => unknown;
+    onFocus?: (e: React.FocusEvent<HTMLTextAreaElement>) => unknown;
+    onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => unknown;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => unknown;
     name?: string;
     disabled?: boolean;
     placeholder?: string;
@@ -23,7 +22,7 @@ export type TextareaProps = Over<React.TextareaHTMLAttributes<HTMLTextAreaElemen
     size?: 'medium' | 'small';
     required?: boolean;
     textCountLimit?: number;
-}>;
+}
 export declare const Textarea: Flow.AbstractComponent<TextareaProps, HTMLTextAreaElement>;
 export {};
 //# sourceMappingURL=Textarea.d.ts.map

package/lib/components/Textarea/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAO5C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD;IACE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CACT,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EACxC,OAAO,CAAC,EAAE,OAAO,KACd,OAAO,CAAC;IACb,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,OAAO,CAAC;IAC9D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,OAAO,CAAC;IAC7D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,OAAO,CAAC;IAClE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CACF,CAAC;AAmHF,eAAO,MAAM,QAAQ,EAGhB,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,mBAAmB,CAAC,CAAC"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAQrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAC/C,OAAO,GACP,UAAU,GACV,SAAS,GACT,QAAQ,GACR,WAAW,GACX,MAAM,GACN,UAAU,GACV,aAAa,GACb,QAAQ,GACR,OAAO,GACP,WAAW,GACX,OAAO,GACP,YAAY,GACZ,YAAY,GACZ,MAAM,GACN,UAAU,GACV,gBAAgB,CACnB;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CACT,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,EAC3C,OAAO,CAAC,EAAE,OAAO,KACd,OAAO,CAAC;IACb,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,OAAO,CAAC;IAChE,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,OAAO,CAAC;IAC/D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KAAK,OAAO,CAAC;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AA4GD,eAAO,MAAM,QAAQ,EAEhB,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,mBAAmB,CAAC,CAAC"}

package/lib/components/Textarea/Textarea.js

@@ -17,6 +17,7 @@ const Textarea_ = (props, ref) => {
     onChange,
     onFocus,
     onBlur,
+    onKeyDown,
     name,
     disabled,
     placeholder,
@@ -66,21 +67,14 @@ const Textarea_ = (props, ref) => {
     }, classNames?.box)
   }, /*#__PURE__*/React.createElement("textarea", _extends({}, textareaProps, {
     disabled: locked || disabled,
-    name: name
-    // @ts-ignore - TS2322 - Type '{ current: HTMLTextAreaElement | null; } | ((arg1: HTMLTextAreaElement | null) => unknown)' is not assignable to type 'Ref<HTMLTextAreaElement> | undefined'.
-    ,
+    name: name,
     ref: ref,
     placeholder: placeholder,
-    value: value
-    // @ts-ignore - TS2322 - Type '((evt: ChangeEvent<HTMLInputElement>, isEnter?: boolean | undefined) => unknown) | undefined' is not assignable to type 'ChangeEventHandler<HTMLTextAreaElement> | undefined'.
-    ,
-    onChange: onChange
-    // @ts-ignore - TS2322 - Type '((e: ChangeEvent<HTMLInputElement>) => unknown) | undefined' is not assignable to type 'FocusEventHandler<HTMLTextAreaElement> | undefined'.
-    ,
-    onFocus: onFocus
-    // @ts-ignore - TS2322 - Type '((e: ChangeEvent<HTMLInputElement>) => unknown) | undefined' is not assignable to type 'FocusEventHandler<HTMLTextAreaElement> | undefined'.
-    ,
+    value: value,
+    onChange: onChange,
+    onFocus: onFocus,
     onBlur: onBlur,
+    onKeyDown: onKeyDown,
     className: classNames?.textarea
   }))), (Boolean(helperText) || error) && /*#__PURE__*/React.createElement("div", {
     className: _TextareaModule.default.info
@@ -88,8 +82,4 @@ const Textarea_ = (props, ref) => {
     color: error && errorText ? 'danger' : disabled ? 'disabled' : 'secondary'
   }, error && errorText ? errorText : helperText ?? '')));
 };
-
-// @ts-ignore - TS2345 - Argument of type '(props: TextareaProps, ref: { current: null | HTMLTextAreaElement; } | ((arg1: null | HTMLTextAreaElement) => unknown)) => React.JSX.Element' is not assignable to parameter of type 'ForwardRefRenderFunction<HTMLTextAreaElement, TextareaProps>'.
-const Textarea = exports.Textarea = /*#__PURE__*/React.forwardRef(
-//@ts-expect-error
-Textarea_);
+const Textarea = exports.Textarea = /*#__PURE__*/React.forwardRef(Textarea_);

package/lib/components/Timeline/Timeline.d.ts

@@ -8,11 +8,11 @@ type ClassNames = Readonly<{
     wrapper?: string;
 }>;
 export type Orientation = (typeof ORIENTATION)[keyof typeof ORIENTATION];
-export type TimelineProps = {
+export interface TimelineProps {
     children: React.ReactNode;
     classNames?: ClassNames;
     orientation?: Orientation;
-};
+}
 export declare const Timeline: Flow.AbstractComponent<TimelineProps, HTMLDivElement>;
 export {};
 //# sourceMappingURL=Timeline.d.ts.map

package/lib/components/Timeline/Timeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAOrD,eAAO,MAAM,WAAW;;;EAGtB,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAEzE,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAgCF,eAAO,MAAM,QAAQ,EAGhB,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC"}
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAOrD,eAAO,MAAM,WAAW;;;EAGtB,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAWzE,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAkCD,eAAO,MAAM,QAAQ,EAEhB,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC"}

package/lib/components/Timeline/Timeline.js

@@ -13,6 +13,11 @@ const ORIENTATION = exports.ORIENTATION = Object.freeze({
   left: 'left',
   right: 'right'
 });
+
+// Define the expected props for timeline item elements
+
+// Type for a timeline item element that can be cloned
+
 const Timeline_ = (_ref, ref) => {
   let {
     classNames,
@@ -20,23 +25,24 @@ const Timeline_ = (_ref, ref) => {
     children
   } = _ref;
   const childrenArray = React.Children.toArray(children).filter(Boolean);
-  const timelineItems = childrenArray.map(timelineItem =>
-  /*#__PURE__*/
-  // @ts-ignore - TS2769 - No overload matches this call.
-  React.cloneElement(timelineItem, {
-    // @ts-ignore - TS2339 - Property 'props' does not exist on type 'string | number | bigint | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...>'.
-    ...timelineItem.props,
-    orientation
-  }));
+  const timelineItems = childrenArray.map(timelineItem => {
+    // Type guard to ensure timelineItem is a ReactElement
+    if (! /*#__PURE__*/React.isValidElement(timelineItem)) {
+      return timelineItem;
+    }
+
+    // Cast to our typed timeline item element
+    const timelineItemElement = timelineItem;
+    const timelineItemProps = timelineItemElement.props;
+    return /*#__PURE__*/React.cloneElement(timelineItemElement, {
+      ...timelineItemProps,
+      orientation
+    });
+  });
   return /*#__PURE__*/React.createElement("div", {
-    // @ts-ignore - TS2322 - Type '{ current: HTMLDivElement | null; } | ((arg1: HTMLDivElement | null) => unknown)' is not assignable to type 'Ref<HTMLDivElement> | undefined'.
     ref: ref,
     className: (0, _classify.classify)(_TimelineModule.default.timelineWrapper, classNames?.wrapper),
     "data-testid": "Timeline"
   }, timelineItems);
 };
-
-// @ts-ignore - TS2345 - Argument of type '({ classNames, orientation, children, }: TimelineProps, ref: { current: null | HTMLDivElement; } | ((arg1: null | HTMLDivElement) => unknown)) => React.JSX.Element' is not assignable to parameter of type 'ForwardRefRenderFunction<HTMLDivElement, TimelineProps>'.
-const Timeline = exports.Timeline = /*#__PURE__*/React.forwardRef(
-//@ts-expect-error
-Timeline_);
+const Timeline = exports.Timeline = /*#__PURE__*/React.forwardRef(Timeline_);

package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts

@@ -10,7 +10,7 @@ type ClassNames = Readonly<{
     wrapper?: string;
     description?: string;
 }>;
-export type TimelineItemProps = {
+export interface TimelineItemProps {
     id?: string;
     title?: React.ReactNode;
     iconName: string;
@@ -22,7 +22,7 @@ export type TimelineItemProps = {
     orientation?: Orientation;
     parentComponent?: React.ReactNode;
     enableCardWrapper?: boolean;
-};
+}
 export declare const TimelineItem: Flow.AbstractComponent<TimelineItemProps, HTMLDivElement>;
 export {};
 //# sourceMappingURL=TimelineItem.d.ts.map

package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Timeline/TimelineItem/TimelineItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AAK1D,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AAEzC,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,aAAa,CAAC;AAM7C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AA8FF,eAAO,MAAM,YAAY,EAGpB,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC"}
+{"version":3,"file":"TimelineItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Timeline/TimelineItem/TimelineItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AAK1D,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AAEzC,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,aAAa,CAAC;AAM7C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAuFD,eAAO,MAAM,YAAY,EAEpB,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC"}

package/lib/components/Timeline/TimelineItem/TimelineItem.js

@@ -19,7 +19,6 @@ const TimelineItem_ = (_ref, ref) => {
     id,
     title,
     iconName,
-    // @ts-ignore - TS2322 - Type 'string' is not assignable to type '"regular" | "solid" | "duotone" | "brands"'.
     iconType = _Icon.ICON_TYPE.solid,
     children,
     iconColor = _typography.TEXT_COLORS.information,
@@ -36,9 +35,7 @@ const TimelineItem_ = (_ref, ref) => {
     className: (0, _classify.classify)(_TimelineModule.default.timelineItemWrapper, classNames?.wrapper),
     style: {
       '--align': orientation === 'left' ? 'flex-start' : 'flex-end'
-    }
-    // @ts-ignore - TS2322 - Type '{ current: HTMLDivElement | null; } | ((arg1: HTMLDivElement | null) => unknown)' is not assignable to type 'Ref<HTMLDivElement> | undefined'.
-    ,
+    },
     ref: ref
   }, parentComponent, /*#__PURE__*/React.createElement("div", {
     style: {
@@ -76,8 +73,4 @@ const TimelineItem_ = (_ref, ref) => {
     }, children)
   }, children))));
 };
-
-// @ts-ignore - TS2345 - Argument of type '({ id, title, iconName, iconType, children, iconColor, classNames, description, orientation, parentComponent, enableCardWrapper, }: TimelineItemProps, ref: { current: null | HTMLDivElement; } | ((arg1: null | HTMLDivElement) => unknown)) => React.JSX.Element' is not assignable to parameter of type 'ForwardRefRenderFunction<HTMLDivElement, TimelineItemProps>'.
-const TimelineItem = exports.TimelineItem = /*#__PURE__*/React.forwardRef(
-//@ts-expect-error
-TimelineItem_);
+const TimelineItem = exports.TimelineItem = /*#__PURE__*/React.forwardRef(TimelineItem_);

package/lib/components/Timeline/TimelineItem/TimelineItem.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineItem.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Timeline/TimelineItem/TimelineItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAStD,wBAwIE;AAEF,eAAO,MAAM,QAAQ;WAAU,iBAAiB;;;;;;;CAS/C,CAAC;AASF,eAAO,MAAM,oBAAoB;WAAU,iBAAiB;;;;;;;CAqC3D,CAAC"}
+{"version":3,"file":"TimelineItem.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Timeline/TimelineItem/TimelineItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAStD,wBAwIE;AAEF,eAAO,MAAM,QAAQ;WAAU,iBAAiB;;;;;;;CAS/C,CAAC;AASF,eAAO,MAAM,oBAAoB;WAAU,iBAAiB;;;;;;;CAoC3D,CAAC"}

package/lib/components/Toast/Toast.d.ts

@@ -12,7 +12,7 @@ export declare const TOAST_SEMANTIC: Readonly<{
     primary: "primary";
 }>;
 export type ToastSemanticType = (typeof TOAST_SEMANTIC)[keyof typeof TOAST_SEMANTIC];
-export type ToastProps = {
+export interface ToastProps {
     classNames?: ClassNames;
     children?: React.ReactNode;
     time?: string;
@@ -21,22 +21,22 @@ export type ToastProps = {
     initialFocus?: number;
     customIcon?: React.ReactNode;
     hideCloseIcon?: boolean;
-};
-export type ToastTitleProps = {
+}
+export interface ToastTitleProps {
     children?: React.ReactNode;
     className?: string;
     semantic?: ToastSemanticType;
-};
+}
 export declare const ToastTitle: Flow.AbstractComponent<ToastTitleProps, HTMLDivElement>;
-export type ToastBodyProps = {
+export interface ToastBodyProps {
     children?: React.ReactNode;
     className?: string;
-};
+}
 export declare const ToastBody: Flow.AbstractComponent<ToastBodyProps, HTMLDivElement>;
-export type ToastFooterProps = {
+export interface ToastFooterProps {
     children?: React.ReactNode;
     onClose?: () => void;
-};
+}
 export declare const ToastFooter: {
     ({ children, onClose }: ToastFooterProps): React.JSX.Element | null;
     displayName: string;

package/lib/components/Toast/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAUrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;EAMzB,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAC3B,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD,MAAM,MAAM,UAAU,GAAG;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAwDF,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAC7C,eAAe,EACf,cAAc,CAoBf,CAAC;AAIF,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CAO1E,CAAC;AAIJ,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,WAAW;4BAAyB,gBAAgB;;CAuChE,CAAC;AAIF,eAAO,MAAM,KAAK,GAAI,6FASnB,UAAU,sBAwDZ,CAAC"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAUrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;EAMzB,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAC3B,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD,MAAM,WAAW,UAAU;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAuFD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAED,eAAO,MAAM,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAC7C,eAAe,EACf,cAAc,CAmBf,CAAC;AAIF,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CAO1E,CAAC;AAIJ,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,WAAW;4BAAyB,gBAAgB;;CAqChE,CAAC;AAIF,eAAO,MAAM,KAAK,GAAI,6FASnB,UAAU,sBA6DZ,CAAC"}