@spaced-out/ui-design-system 0.5.11 → 0.5.12

package/lib/components/ChatBubble/ChatBubble.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ChatFooterRightSlot = exports.ChatFooterLeftSlot = exports.ChatFooter = exports.ChatContent = exports.ChatBubble = exports.ChatBody = exports.ChatAnchor = exports.CHAT_BUBBLE_ORIENTATION = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _Avatar = require("../Avatar");
 var _Icon = require("../Icon");
 var _Tooltip = require("../Tooltip");
@@ -39,7 +40,8 @@ const ChatBubble = exports.ChatBubble = /*#__PURE__*/React.forwardRef((_ref, ref
   let {
     classNames,
     orientation = 'left',
-    children
+    children,
+    testId
   } = _ref;
   const isLeftAligned = orientation === 'left';
   const childrenArray = React.Children.toArray(children);
@@ -47,7 +49,10 @@ const ChatBubble = exports.ChatBubble = /*#__PURE__*/React.forwardRef((_ref, ref
   const chatComponent = getNamedComponent(childrenArray, 'ChatContent');
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ref: ref,
-    "data-testid": "ChatBubble",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'wrapper'
+    }),
     className: (0, _classify.default)(_ChatBubbleModule.default.chatBubbleWrapper, {
       [_ChatBubbleModule.default.chatBubbleWrapperRight]: !isLeftAligned
     }, classNames?.wrapper),
@@ -59,21 +64,37 @@ const ChatAnchor = _ref2 => {
     isAI = true,
     tooltip,
     classNames,
-    avatarProps
+    avatarProps,
+    testId
   } = _ref2;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    "data-testid": "ChatAnchor",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'wrapper'
+    }),
     className: (0, _classify.default)(_ChatBubbleModule.default.chatAnchorWrapper, classNames?.wrapper),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
       ...tooltip,
       hidden: !tooltip,
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'tooltip'
+      }),
       children: isAI ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         name: "sparkle",
         color: "information",
         type: _Icon.ICON_TYPE.solid,
-        size: _Icon.ICON_SIZE.large
+        size: _Icon.ICON_SIZE.large,
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'ai-icon'
+        })
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
-        ...avatarProps
+        ...avatarProps,
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'avatar'
+        })
       })
     })
   });
@@ -83,10 +104,14 @@ ChatAnchor.displayName = 'ChatAnchor';
 const ChatContent = _ref3 => {
   let {
     classNames,
-    children
+    children,
+    testId
   } = _ref3;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    "data-testid": "ChatContent",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'wrapper'
+    }),
     className: (0, _classify.default)(_ChatBubbleModule.default.chatContentWrapper, classNames?.wrapper),
     children: children
   });
@@ -99,10 +124,14 @@ const ChatBody = _ref4 => {
     isLoading,
     children,
     loadingText = 'Generating',
-    classNames
+    classNames,
+    testId
   } = _ref4;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    "data-testid": "ChatBody",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'wrapper'
+    }),
     className: (0, _classify.default)(_ChatBubbleModule.default.chatBodyWrapper, {
       [_ChatBubbleModule.default.chatBodyWrapperLoading]: isLoading || !withBgColor,
       [_ChatBubbleModule.default.chatBodyWrapperBgColor]: withBgColor
@@ -130,13 +159,17 @@ ChatBody.displayName = 'ChatBody';
 const ChatFooter = _ref5 => {
   let {
     children,
-    classNames
+    classNames,
+    testId
   } = _ref5;
   const childrenArray = React.Children.toArray(children);
   const leftSlot = getNamedComponent(childrenArray, 'ChatFooterLeftSlot');
   const rightSlot = getNamedComponent(childrenArray, 'ChatFooterRightSlot');
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    "data-testid": "ChatFooter",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'wrapper'
+    }),
     className: (0, _classify.default)(_ChatBubbleModule.default.chatFooterWrapper, classNames?.wrapper),
     children: [leftSlot, rightSlot]
   });
@@ -146,10 +179,15 @@ ChatFooter.displayName = 'ChatFooter';
 const ChatFooterRightSlot = _ref6 => {
   let {
     children,
-    classNames
+    classNames,
+    testId
   } = _ref6;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: classNames?.wrapper,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'right-slot'
+    }),
     children: children
   });
 };
@@ -158,10 +196,15 @@ ChatFooterRightSlot.displayName = 'ChatFooterRightSlot';
 const ChatFooterLeftSlot = _ref7 => {
   let {
     children,
-    classNames
+    classNames,
+    testId
   } = _ref7;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: classNames?.wrapper,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'left-slot'
+    }),
     children: children
   });
 };

package/lib/components/Checkbox/Checkbox.d.ts

@@ -23,6 +23,7 @@ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputE
     classNames?: ClassNames;
     tabIndex?: number;
     ariaLabel?: string;
+    testId?: string;
 }
 export declare const Checkbox: Flow.AbstractComponent<CheckboxProps, HTMLInputElement>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAQjD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAMH,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACzC,MAAM,GACN,OAAO,GACP,UAAU,GACV,SAAS,GACT,eAAe,GACf,SAAS,GACT,UAAU,GACV,OAAO,GACP,UAAU,GACV,OAAO,GACP,YAAY,GACZ,UAAU,GACV,WAAW,CACd;IACD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,CACT,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,OAAO,CAAC;KAClB,EACD,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,gBAAgB,CA8H1E,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AASjD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAMH,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACzC,MAAM,GACN,OAAO,GACP,UAAU,GACV,SAAS,GACT,eAAe,GACf,SAAS,GACT,UAAU,GACV,OAAO,GACP,UAAU,GACV,OAAO,GACP,YAAY,GACZ,UAAU,GACV,WAAW,CACd;IACD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,CACT,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,OAAO,CAAC;KAClB,EACD,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,gBAAgB,CAwI1E,CAAC"}

package/lib/components/Checkbox/Checkbox.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Checkbox = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _Icon = require("../Icon");
 var _CheckboxModule = _interopRequireDefault(require("./Checkbox.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -30,7 +31,8 @@ const Checkbox = exports.Checkbox = /*#__PURE__*/React.forwardRef((_ref, forward
     align,
     classNames,
     tabIndex = 0,
-    ariaLabel = ''
+    ariaLabel = '',
+    testId
   } = _ref;
   const checkboxInput = /*#__PURE__*/React.createRef();
   React.useImperativeHandle(forwardRef, () => checkboxInput.current);
@@ -56,7 +58,10 @@ const Checkbox = exports.Checkbox = /*#__PURE__*/React.forwardRef((_ref, forward
     }
   }, [indeterminate]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    "data-testid": "checkbox",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'root'
+    }),
     className: (0, _classify.default)(_CheckboxModule.default.checkboxContainer, {
       [_CheckboxModule.default.disabled]: disabled,
       [_CheckboxModule.default.horizontalCheckbox]: align === 'horizontal-fixed',
@@ -67,6 +72,10 @@ const Checkbox = exports.Checkbox = /*#__PURE__*/React.forwardRef((_ref, forward
       className: (0, _classify.default)(_CheckboxModule.default.checkboxSquare, {
         [_CheckboxModule.default.disabled]: disabled
       }, classNames?.checkboxSquare),
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'square'
+      }),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
         tabIndex: disabled ? -1 : tabIndex,
         type: "checkbox",
@@ -76,29 +85,49 @@ const Checkbox = exports.Checkbox = /*#__PURE__*/React.forwardRef((_ref, forward
         className: (0, _classify.default)(_CheckboxModule.default.inputCheckbox),
         disabled: disabled,
         name: name,
-        "aria-label": ariaLabel || children
+        "aria-label": ariaLabel || children,
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'input'
+        })
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
         className: (0, _classify.default)(_CheckboxModule.default.checkboxSquareInner, {
           [_CheckboxModule.default.enabled]: !disabled && !error,
           [_CheckboxModule.default.disabled]: disabled,
           [_CheckboxModule.default.error]: error && !disabled
         }),
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'inner'
+        }),
         children: [indeterminate && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
           color: disabled ? 'disabled' : 'inversePrimary',
           name: "hyphen",
           size: "small",
-          type: "regular"
+          type: "regular",
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'indeterminate-icon'
+          })
         }), checked && !indeterminate && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
           color: disabled ? 'disabled' : 'inversePrimary',
           name: "check",
           size: "small",
-          type: "regular"
+          type: "regular",
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'check-icon'
+          })
         })]
       })]
     }), React.Children.count(children) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classify.default)(_CheckboxModule.default.checkboxLabel, {
         [_CheckboxModule.default.labelDisabled]: disabled
       }, classNames?.label),
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'label'
+      }),
       children: children
     })]
   });

package/lib/components/Checkbox/CheckboxGroup.d.ts

@@ -20,6 +20,7 @@ export interface CheckboxGroupProps {
     error?: boolean;
     errorText?: string;
     children?: React.ReactNode;
+    testId?: string;
 }
 export declare const CheckboxGroup: Flow.AbstractComponent<CheckboxGroupProps, HTMLDivElement>;
 export {};

package/lib/components/Checkbox/CheckboxGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAyBjD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC;IAClC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,OAAO,CAAC;IAC7C,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAChD,kBAAkB,EAClB,cAAc,CAgFf,CAAC"}
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AA2BjD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC;IAClC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,OAAO,CAAC;IAC7C,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAChD,kBAAkB,EAClB,cAAc,CA4Ff,CAAC"}

package/lib/components/Checkbox/CheckboxGroup.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.CheckboxGroup = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _Text = require("../Text/Text");
 var _CheckboxGroupModule = _interopRequireDefault(require("./CheckboxGroup.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -25,7 +26,8 @@ const CheckboxGroup = exports.CheckboxGroup = /*#__PURE__*/React.forwardRef((_re
     classNames,
     error = false,
     errorText = '',
-    children
+    children,
+    testId
   } = _ref;
   const onChangeHandler = _ref2 => {
     let {
@@ -63,13 +65,22 @@ const CheckboxGroup = exports.CheckboxGroup = /*#__PURE__*/React.forwardRef((_re
         onChange: childOnChange,
         align,
         error: errorChild || error,
-        disabled: disabledChild || disabled
+        disabled: disabledChild || disabled,
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'checkbox',
+          index: value
+        })
       });
     }
     return child;
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classify.default)(_CheckboxGroupModule.default.checkboxGroupContainer, classNames?.wrapper),
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'root'
+    }),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classify.default)({
         [_CheckboxGroupModule.default.vertical]: align === 'vertical',
@@ -77,10 +88,18 @@ const CheckboxGroup = exports.CheckboxGroup = /*#__PURE__*/React.forwardRef((_re
         [_CheckboxGroupModule.default.horizontalFluid]: align === 'horizontal-fluid'
       }, classNames?.checkboxGroup),
       ref: forwardRef,
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'group'
+      }),
       children: childrenWithProps
     }), error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodySmall, {
       className: (0, _classify.default)(classNames?.errorText),
       color: "danger",
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'error'
+      }),
       children: errorText
     })]
   });

package/lib/components/Chip/Chip.d.ts

@@ -27,6 +27,7 @@ export interface BaseChipProps {
     onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
     onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
     onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
+    testId?: string;
 }
 export interface LargeChipProps extends Omit<BaseChipProps, 'iconName' | 'iconType' | 'dismissable' | 'onDismiss' | 'size'> {
     iconName?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAQlD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;EAOxB,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAC1B,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAErD,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EACJ,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACvD,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;CACxD;AAED,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,aAAa,EACb,UAAU,GAAG,UAAU,GAAG,aAAa,GAAG,WAAW,GAAG,MAAM,CAC/D;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EACN,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IACnE,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC;IACjE,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,MAAM,SAAS,GAAG,cAAc,GAAG,eAAe,GAAG,cAAc,CAAC;AAE1E,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,cAAc,CAwIhE,CAAC"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAKrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAQlD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;EAOxB,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAC1B,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAErD,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EACJ,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACvD,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,aAAa,EACb,UAAU,GAAG,UAAU,GAAG,aAAa,GAAG,WAAW,GAAG,MAAM,CAC/D;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EACN,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IACnE,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC;IACjE,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,MAAM,SAAS,GAAG,cAAc,GAAG,eAAe,GAAG,cAAc,CAAC;AAE1E,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,cAAc,CAgJhE,CAAC"}

package/lib/components/Chip/Chip.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Chip = exports.CHIP_SEMANTIC = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = require("../../utils/classify");
+var _qa = require("../../utils/qa");
 var _Icon = require("../Icon");
 var _StatusIndicator = require("../StatusIndicator");
 var _Truncate = require("../Truncate");
@@ -32,6 +33,7 @@ const Chip = exports.Chip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     disabled,
     line = 1,
     wordBreak,
+    testId,
     // There is no reason for hover state to be active when there is no click handler attached
     disableHoverState = !onClick,
     ...restProps
@@ -68,7 +70,10 @@ const Chip = exports.Chip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     }
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    "data-testid": "Chip",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'root'
+    }),
     ...restProps,
     ref: ref,
     className: (0, _classify.classify)(_ChipModule.default.chipWrapper, {
@@ -95,17 +100,29 @@ const Chip = exports.Chip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       classNames: {
         wrapper: (0, _classify.classify)(_ChipModule.default.statusIndicatorBlock, classNames?.statusIndicator)
       },
-      disabled: disabled
+      disabled: disabled,
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'status'
+      })
     }), iconName && size !== 'small' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
       className: (0, _classify.classify)(_ChipModule.default.chipIcon, {
         [_ChipModule.default.alignTop]: line > 1
       }, classNames?.icon),
       name: iconName,
       type: iconType,
-      size: "small"
+      size: "small",
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'icon'
+      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
       line: line,
       wordBreak: wordBreak,
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'text'
+      }),
       children: children
     }), dismissable && size !== 'small' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.CloseIcon, {
       classNames: {
@@ -118,6 +135,10 @@ const Chip = exports.Chip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       size: "small",
       ariaLabel: "Dismiss",
       disabled: disabled,
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'dismiss'
+      }),
       onClick: event => {
         event.stopPropagation();
         if (!disabled && onDismiss) {

package/lib/components/CollapsibleCard/CollapsibleCard.d.ts

@@ -23,18 +23,21 @@ export interface CollapsibleCardProps {
     headerIconName?: string;
     headerIconType?: IconType;
     semantic?: CollapsibleCardSemanticType;
+    testId?: string;
     onChange?: ((e: React.SyntheticEvent<HTMLElement>, isOpen: boolean, id?: string) => unknown) | null | undefined;
 }
 export interface CollapsibleCardActionProps {
     children: React.ReactNode;
     className?: string;
+    testId?: string;
 }
-export declare const CollapsibleCardAction: ({ children, className, }: CollapsibleCardActionProps) => React.JSX.Element;
+export declare const CollapsibleCardAction: ({ children, className, testId, }: CollapsibleCardActionProps) => React.JSX.Element;
 export interface CollapsibleCardContentProps {
     children: React.ReactNode;
     className?: string;
+    testId?: string;
 }
-export declare const CollapsibleCardContent: ({ children, className, }: CollapsibleCardActionProps) => React.JSX.Element;
+export declare const CollapsibleCardContent: ({ children, className, testId, }: CollapsibleCardContentProps) => React.JSX.Element;
 export declare const CollapsibleCard: Flow.AbstractComponent<CollapsibleCardProps, HTMLDivElement>;
 export {};
 //# sourceMappingURL=CollapsibleCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleCard.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleCard/CollapsibleCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAKrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAOlD,eAAO,MAAM,yBAAyB;;;;;;EAMpC,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,2BAA2B,GACrC,CAAC,OAAO,yBAAyB,CAAC,CAAC,MAAM,OAAO,yBAAyB,CAAC,CAAC;AAE7E,MAAM,WAAW,oBAAoB;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,QAAQ,CAAC,EAAE,2BAA2B,CAAC;IACvC,QAAQ,CAAC,EACL,CAAC,CACC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACpC,MAAM,EAAE,OAAO,EACf,EAAE,CAAC,EAAE,MAAM,KACR,OAAO,CAAC,GACb,IAAI,GACJ,SAAS,CAAC;CACf;AAED,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,GAAI,0BAGnC,0BAA0B,sBAE5B,CAAC;AAEF,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,sBAAsB,GAAI,0BAGpC,0BAA0B,sBAE5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,IAAI,CAAC,iBAAiB,CAClD,oBAAoB,EACpB,cAAc,CAwEf,CAAC"}
+{"version":3,"file":"CollapsibleCard.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleCard/CollapsibleCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAMrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAOlD,eAAO,MAAM,yBAAyB;;;;;;EAMpC,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,2BAA2B,GACrC,CAAC,OAAO,yBAAyB,CAAC,CAAC,MAAM,OAAO,yBAAyB,CAAC,CAAC;AAE7E,MAAM,WAAW,oBAAoB;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,QAAQ,CAAC,EAAE,2BAA2B,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EACL,CAAC,CACC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACpC,MAAM,EAAE,OAAO,EACf,EAAE,CAAC,EAAE,MAAM,KACR,OAAO,CAAC,GACb,IAAI,GACJ,SAAS,CAAC;CACf;AAED,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,qBAAqB,GAAI,kCAInC,0BAA0B,sBAO5B,CAAC;AAEF,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,sBAAsB,GAAI,kCAIpC,2BAA2B,sBAO7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,IAAI,CAAC,iBAAiB,CAClD,oBAAoB,EACpB,cAAc,CA0Ff,CAAC"}

package/lib/components/CollapsibleCard/CollapsibleCard.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.CollapsibleCardContent = exports.CollapsibleCardAction = exports.CollapsibleCard = exports.COLLAPSIBLE_CARD_SEMANTIC = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _Button = require("../Button");
 var _Icon = require("../Icon");
 var _Truncate = require("../Truncate");
@@ -23,10 +24,15 @@ const COLLAPSIBLE_CARD_SEMANTIC = exports.COLLAPSIBLE_CARD_SEMANTIC = Object.fre
 const CollapsibleCardAction = _ref => {
   let {
     children,
-    className
+    className,
+    testId
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classify.default)(_CollapsibleCardModule.default.actionContainer, className),
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'wrapper'
+    }),
     children: children
   });
 };
@@ -34,10 +40,15 @@ exports.CollapsibleCardAction = CollapsibleCardAction;
 const CollapsibleCardContent = _ref2 => {
   let {
     children,
-    className
+    className,
+    testId
   } = _ref2;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classify.default)(_CollapsibleCardModule.default.contentContainer, className),
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'wrapper'
+    }),
     children: children
   });
 };
@@ -52,14 +63,18 @@ const CollapsibleCard = exports.CollapsibleCard = /*#__PURE__*/React.forwardRef(
     children,
     semantic = 'neutral',
     headerIconName,
-    headerIconType = 'solid'
+    headerIconType = 'solid',
+    testId
   } = _ref3;
   const [collapsibleCardIsOpen, setCollapsibleCardIsOpen] = React.useState(Boolean(isOpen));
   React.useEffect(() => {
     setCollapsibleCardIsOpen(Boolean(isOpen));
   }, [isOpen]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    "data-testid": "CollapsibleCard",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'wrapper'
+    }),
     className: (0, _classify.default)(_CollapsibleCardModule.default.wrapper, classNames?.wrapper),
     ref: ref,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.UnstyledButton, {
@@ -70,6 +85,10 @@ const CollapsibleCard = exports.CollapsibleCard = /*#__PURE__*/React.forwardRef(
         onChange?.(e, !collapsibleCardIsOpen, id);
         setCollapsibleCardIsOpen(!collapsibleCardIsOpen);
       },
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'header-button'
+      }),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: _CollapsibleCardModule.default.headerContent,
         children: [!!headerIconName && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -78,22 +97,42 @@ const CollapsibleCard = exports.CollapsibleCard = /*#__PURE__*/React.forwardRef(
             name: headerIconName,
             type: headerIconType,
             size: "small",
-            className: _CollapsibleCardModule.default[semantic]
+            className: _CollapsibleCardModule.default[semantic],
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'header-icon'
+            })
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'title'
+          }),
           children: title
         })]
       }), collapsibleCardIsOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         name: "chevron-up",
         color: "secondary",
-        size: "small"
+        size: "small",
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'chevron-up'
+        })
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         name: "chevron-down",
         color: "secondary",
-        size: "small"
+        size: "small",
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'chevron-down'
+        })
       })]
     }), collapsibleCardIsOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classify.default)(_CollapsibleCardModule.default.content, classNames?.content),
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'content'
+      }),
       children: children
     })]
   });

package/lib/components/Dialog/Dialog.d.ts

@@ -15,19 +15,23 @@ export type DialogSemanticType = (typeof DIALOG_SEMANTIC)[keyof typeof DIALOG_SE
 export interface DialogHeaderProps {
     children?: React.ReactNode;
     className?: string;
+    testId?: string;
 }
 export interface DialogFooterProps {
     children?: React.ReactNode;
     classNames?: FooterClassNames;
+    testId?: string;
 }
 export interface DialogBodyProps {
     children?: React.ReactNode;
     className?: string;
+    testId?: string;
 }
 export type DialogPropsBase = ModalProps;
 export interface DialogProps extends Omit<DialogPropsBase, 'semantic' | 'iconName'> {
     semantic?: DialogSemanticType;
     iconName?: string;
+    testId?: string;
 }
 export interface BasicDialogProps extends Omit<DialogProps, 'heading' | 'body' | 'confirmText' | 'abortText' | 'handleConfirm' | 'handleAbort'> {
     heading?: React.ReactNode;
@@ -36,11 +40,12 @@ export interface BasicDialogProps extends Omit<DialogProps, 'heading' | 'body' |
     abortText?: string;
     handleConfirm?: (event: React.SyntheticEvent) => unknown;
     handleAbort?: (event: React.SyntheticEvent) => unknown;
+    testId?: string;
 }
-export declare const DialogHeader: ({ children, className }: DialogHeaderProps) => React.JSX.Element;
-export declare const DialogBody: ({ children, className }: DialogBodyProps) => React.JSX.Element;
-export declare const DialogFooter: ({ children, classNames }: DialogFooterProps) => React.JSX.Element;
-export declare const Dialog: ({ children, isOpen, hideBackdrop, onClose, tapOutsideToClose, iconName, semantic, classNames, ...restDialogProps }: DialogProps) => React.JSX.Element;
-export declare const BasicDialog: ({ heading, body, confirmText, abortText, handleConfirm, handleAbort, ...restDialogProps }: BasicDialogProps) => React.JSX.Element;
+export declare const DialogHeader: ({ children, className, testId, }: DialogHeaderProps) => React.JSX.Element;
+export declare const DialogBody: ({ children, className, testId }: DialogBodyProps) => React.JSX.Element;
+export declare const DialogFooter: ({ children, classNames, testId, }: DialogFooterProps) => React.JSX.Element;
+export declare const Dialog: ({ children, isOpen, hideBackdrop, onClose, tapOutsideToClose, iconName, semantic, classNames, testId, ...restDialogProps }: DialogProps) => React.JSX.Element;
+export declare const BasicDialog: ({ heading, body, confirmText, abortText, handleConfirm, handleAbort, testId, ...restDialogProps }: BasicDialogProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=Dialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAMrD,KAAK,gBAAgB,GAAG,QAAQ,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;EAM1B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC;AAEzC,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,UAAU,CAAC;IACtD,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,WAAW,EACT,SAAS,GACT,MAAM,GACN,aAAa,GACb,WAAW,GACX,eAAe,GACf,aAAa,CAChB;IACD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,OAAO,CAAC;IACzD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,OAAO,CAAC;CACxD;AAiED,eAAO,MAAM,YAAY,GAAI,yBAAuB,iBAAiB,sBAQpE,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,yBAAuB,eAAe,sBAEhE,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,0BAAwB,iBAAiB,sBAUrE,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,oHAUpB,WAAW,sBA4Bb,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,2FAQzB,gBAAgB,sBAiBlB,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAMrD,KAAK,gBAAgB,GAAG,QAAQ,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;EAM1B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC;AAEzC,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,UAAU,CAAC;IACtD,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,WAAW,EACT,SAAS,GACT,MAAM,GACN,aAAa,GACb,WAAW,GACX,eAAe,GACf,aAAa,CAChB;IACD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,OAAO,CAAC;IACzD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,OAAO,CAAC;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAyED,eAAO,MAAM,YAAY,GAAI,kCAI1B,iBAAiB,sBAWnB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,iCAA+B,eAAe,sBAOxE,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,mCAI1B,iBAAiB,sBAgBnB,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,4HAWpB,WAAW,sBA8Bb,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,mGASzB,gBAAgB,sBA0BlB,CAAC"}