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

package/lib/components/Banner/Banner.js

@@ -18,6 +18,7 @@ const Banner = exports.Banner = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     semantic,
     leftIconType = 'solid',
     alignment = 'top',
+    testId,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
@@ -26,6 +27,7 @@ const Banner = exports.Banner = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       leftIconType: leftIconType,
       semantic: semantic,
       ref: ref,
+      testId: testId,
       classNames: {
         ...classNames,
         wrapper: (0, _classify.default)(_BannerModule.default.bannerContainer, {

package/lib/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.d.ts

@@ -5,6 +5,7 @@ export interface BreadcrumbLinkProps extends Omit<LinkProps, 'isActive' | 'id' |
     isActive?: boolean;
     id: string;
     onClick?: (arg1: React.SyntheticEvent<HTMLElement>, id: string) => unknown;
+    testId?: string;
 }
 export declare const BreadcrumbLink: Flow.AbstractComponent<BreadcrumbLinkProps, HTMLAnchorElement | null | undefined>;
 //# sourceMappingURL=BreadcrumbLink.d.ts.map

package/lib/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbLink.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAMnD,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;CAC5E;AAED,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAqCrC,CAAC"}
+{"version":3,"file":"BreadcrumbLink.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAKrD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAMnD,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAsCrC,CAAC"}

package/lib/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.BreadcrumbLink = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("../../../utils/classify"));
+var _qa = require("../../../utils/qa");
 var _Link = require("../../Link");
 var _BreadcrumbLinkModule = _interopRequireDefault(require("./BreadcrumbLink.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -21,12 +22,16 @@ const BreadcrumbLink = exports.BreadcrumbLink = /*#__PURE__*/React.forwardRef((_
     onClick,
     href,
     to,
+    testId,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.Link, {
     ...props,
     to: to ?? href,
-    "data-testid": "BreadcrumbLink",
+    testId: (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'wrapper'
+    }),
     ref: ref,
     as: as || 'subTitleExtraSmall',
     underline: underline,

package/lib/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -8,6 +8,7 @@ export interface BreadcrumbsProps {
     classNames?: ClassNames;
     children: React.ReactNode;
     linkComponent?: Flow.AbstractComponent<BaseLinkProps, HTMLAnchorElement | null | undefined>;
+    testId?: string;
 }
 export declare const Breadcrumbs: Flow.AbstractComponent<BreadcrumbsProps, HTMLDivElement>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAKrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAKvD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,CACpC,aAAa,EACb,iBAAiB,GAAG,IAAI,GAAG,SAAS,CACrC,CAAC;CACH;AA4BD,eAAO,MAAM,WAAW,EAAE,IAAI,CAAC,iBAAiB,CAC9C,gBAAgB,EAChB,cAAc,CA8Bf,CAAC"}
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAMrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAKvD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,CACpC,aAAa,EACb,iBAAiB,GAAG,IAAI,GAAG,SAAS,CACrC,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA8BD,eAAO,MAAM,WAAW,EAAE,IAAI,CAAC,iBAAiB,CAC9C,gBAAgB,EAChB,cAAc,CAqCf,CAAC"}

package/lib/components/Breadcrumbs/Breadcrumbs.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Breadcrumbs = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _Icon = require("../Icon");
 var _BreadcrumbsModule = _interopRequireDefault(require("./Breadcrumbs.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -15,30 +16,49 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 
 // Type for a breadcrumb link element that can be cloned
 
-const BreadcrumbSeparator = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-  className: _BreadcrumbsModule.default.separator,
-  name: "chevron-right",
-  size: "small",
-  color: "secondary"
-});
-const Breadcrumbs = exports.Breadcrumbs = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+const BreadcrumbSeparator = _ref => {
+  let {
+    testId
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+    className: _BreadcrumbsModule.default.separator,
+    name: "chevron-right",
+    size: "small",
+    color: "secondary",
+    testId: (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'separator'
+    })
+  });
+};
+const Breadcrumbs = exports.Breadcrumbs = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   let {
     classNames,
     children,
-    linkComponent
-  } = _ref;
+    linkComponent,
+    testId
+  } = _ref2;
   const total = React.Children.count(children);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ref: ref,
-    "data-testid": "Breadcrumbs",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'wrapper'
+    }),
     className: (0, _classify.default)(_BreadcrumbsModule.default.wrapper, classNames?.wrapper),
     children: React.Children.map(children, (child, idx) =>
     /*#__PURE__*/
     // eslint-disable-next-line react/no-array-index-key
     (0, _jsxRuntime.jsxs)(React.Fragment, {
       children: [/*#__PURE__*/React.isValidElement(child) && child?.type?.displayName === 'BreadcrumbLink' ? /*#__PURE__*/React.cloneElement(child, {
-        linkComponent
+        linkComponent,
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'breadcrumb-link',
+          index: idx.toString()
+        })
       }) : child, idx < total - 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(BreadcrumbSeparator, {
+        testId: testId,
         "aria-hidden": true
       })]
     }, `crumb-${idx}`))

package/lib/components/Button/Button.d.ts

@@ -44,6 +44,7 @@ export interface BaseButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLBut
     tabIndex?: number;
     isLoading?: boolean;
     role?: string;
+    testId?: string;
 }
 export interface UnstyledButtonProps extends Omit<BaseButtonProps, 'className'> {
     className?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.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,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY;;;;;;;EAOvB,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;EAI7B,CAAC;AAEH,eAAO,MAAM,WAAW;;;EAGtB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAC1E,MAAM,MAAM,gBAAgB,GAC1B,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAC/D,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC;AAElD,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC3C,UAAU,GACV,UAAU,GACV,YAAY,GACZ,SAAS,GACT,WAAW,GACX,UAAU,GACV,WAAW,GACX,MAAM,CACT;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,WAAW,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,WACf,SAAQ,IAAI,CACV,eAAe,EACb,YAAY,GACZ,cAAc,GACd,cAAc,GACd,eAAe,GACf,eAAe,GACf,MAAM,GACN,SAAS,GACT,MAAM,CACT;IACD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAoBD,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,iBAAiB,CAkClB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,iBAAiB,CAoJvE,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.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,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY;;;;;;;EAOvB,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;EAI7B,CAAC;AAEH,eAAO,MAAM,WAAW;;;EAGtB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAC1E,MAAM,MAAM,gBAAgB,GAC1B,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAC/D,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC;AAElD,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC3C,UAAU,GACV,UAAU,GACV,YAAY,GACZ,SAAS,GACT,WAAW,GACX,UAAU,GACV,WAAW,GACX,MAAM,CACT;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,WAAW,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,WACf,SAAQ,IAAI,CACV,eAAe,EACb,YAAY,GACZ,cAAc,GACd,cAAc,GACd,eAAe,GACf,eAAe,GACf,MAAM,GACN,SAAS,GACT,MAAM,CACT;IACD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAoBD,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,iBAAiB,CAoClB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,iBAAiB,CAqKvE,CAAC"}

package/lib/components/Button/Button.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.UnstyledButton = exports.Button = exports.BUTTON_TYPES = exports.BUTTON_SIZE = exports.BUTTON_ACTION_TYPE = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = require("../../utils/classify");
+var _qa = require("../../utils/qa");
 var _CircularLoader = require("../CircularLoader");
 var _Icon = require("../Icon");
 var _Truncate = require("../Truncate");
@@ -65,6 +66,7 @@ const UnstyledButton = exports.UnstyledButton = /*#__PURE__*/React.forwardRef((_
     tabIndex = 0,
     isLoading,
     role = 'button',
+    testId,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
@@ -78,6 +80,10 @@ const UnstyledButton = exports.UnstyledButton = /*#__PURE__*/React.forwardRef((_
     disabled: disabled,
     tabIndex: disabled ? -1 : tabIndex,
     type: actionType,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'root'
+    }),
     onClick: event => {
       if (disabled || isLoading) {
         event.preventDefault();
@@ -101,6 +107,7 @@ const Button = exports.Button = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
     actionType = 'button',
     size = 'medium',
     isLoading,
+    testId,
     ...props
   } = _ref2;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(UnstyledButton, {
@@ -108,6 +115,7 @@ const Button = exports.Button = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
     actionType: actionType,
     disabled: disabled,
     isLoading: isLoading,
+    testId: testId,
     className: (0, _classify.classify)(_ButtonModule.default.button, {
       [_ButtonModule.default.primary]: type === 'primary',
       [_ButtonModule.default.secondary]: type === 'secondary',
@@ -127,18 +135,30 @@ const Button = exports.Button = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
     ref: ref,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: _ButtonModule.default.buttonRow,
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'content'
+      }),
       children: !(iconLeftName || iconRightName) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: (0, _classify.classify)(_ButtonModule.default.textContainer, classNames?.text),
         children: [isLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: _ButtonModule.default.loader,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularLoader.CircularLoader, {
             size: size,
-            colorToken: disabled ? 'colorTextDisabled' : ButtonTypeToLoaderColorMap[type]
+            colorToken: disabled ? 'colorTextDisabled' : ButtonTypeToLoaderColorMap[type],
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'loader'
+            })
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
           className: (0, _classify.classify)({
             [_ButtonModule.default.hidden]: isLoading
           }),
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'text'
+          }),
           children: children
         })]
       }) :
@@ -148,7 +168,11 @@ const Button = exports.Button = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
           className: _ButtonModule.default.loader,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularLoader.CircularLoader, {
             size: size,
-            colorToken: disabled ? 'colorTextDisabled' : ButtonTypeToLoaderColorMap[type]
+            colorToken: disabled ? 'colorTextDisabled' : ButtonTypeToLoaderColorMap[type],
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'loader'
+            })
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
           name: iconLeftName || iconRightName,
@@ -157,7 +181,11 @@ const Button = exports.Button = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
           type: iconLeftName ? iconLeftType : iconRightType,
           className: (0, _classify.classify)({
             [_ButtonModule.default.hidden]: isLoading
-          }, classNames?.icon)
+          }, classNames?.icon),
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'icon'
+          })
         })]
       }) :
       // has icon _and_ child
@@ -169,19 +197,31 @@ const Button = exports.Button = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
           type: iconLeftType,
           className: (0, _classify.classify)({
             [_ButtonModule.default.hidden]: isLoading
-          }, classNames?.icon)
+          }, classNames?.icon),
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'icon-left'
+          })
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: (0, _classify.classify)(_ButtonModule.default.textContainer, classNames?.text),
           children: [isLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: _ButtonModule.default.loader,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularLoader.CircularLoader, {
               size: size,
-              colorToken: disabled ? 'colorTextDisabled' : ButtonTypeToLoaderColorMap[type]
+              colorToken: disabled ? 'colorTextDisabled' : ButtonTypeToLoaderColorMap[type],
+              testId: (0, _qa.generateTestId)({
+                base: testId,
+                slot: 'loader'
+              })
             })
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
             className: (0, _classify.classify)({
               [_ButtonModule.default.hidden]: isLoading
             }),
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'text'
+            }),
             children: children
           })]
         }), iconRightName && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
@@ -191,7 +231,11 @@ const Button = exports.Button = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
           type: iconRightType,
           className: (0, _classify.classify)({
             [_ButtonModule.default.hidden]: isLoading
-          }, classNames?.icon)
+          }, classNames?.icon),
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'icon-right'
+          })
         })]
       })
     })

package/lib/components/ButtonDropdown/ButtonDropdown.d.ts

@@ -34,6 +34,7 @@ export interface ButtonDropdownProps extends Omit<ButtonProps, 'classNames' | 'm
     tooltip?: BaseTooltipProps;
     elevation?: ElevationType;
     clickAwayRef?: React.RefObject<ClickAwayRefType | null>;
+    testId?: string;
 }
 export declare const ButtonDropdown: Flow.AbstractComponent<ButtonDropdownProps, HTMLDivElement>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonDropdown/ButtonDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAKrD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAI3D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAGvD,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAE/D,OAAO,KAAK,EAAC,gBAAgB,EAAE,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAM5E,eAAO,MAAM,oBAAoB;;;;;;;EAO/B,CAAC;AAEH,eAAO,MAAM,aAAa;;;EAGxB,CAAC;AAEH,MAAM,MAAM,UAAU,GACpB,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,OAAO,oBAAoB,CAAC,CAAC;AACnE,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE1E,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AAEH,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,WAAW,EACT,YAAY,GACZ,MAAM,GACN,kBAAkB,GAClB,gBAAgB,GAChB,gBAAgB,GAChB,YAAY,GACZ,aAAa,GACb,SAAS,GACT,WAAW,GACX,cAAc,CACjB;IACD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gBAAgB,CAAC,EAAE,QAAQ,CAAC;IAC5B,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,cAAc,CAAC,EAAE,CACf,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;CACzD;AAED,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,cAAc,CAyJf,CAAC"}
+{"version":3,"file":"ButtonDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonDropdown/ButtonDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAKrD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAK3D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAGvD,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAE/D,OAAO,KAAK,EAAC,gBAAgB,EAAE,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAM5E,eAAO,MAAM,oBAAoB;;;;;;;EAO/B,CAAC;AAEH,eAAO,MAAM,aAAa;;;EAGxB,CAAC;AAEH,MAAM,MAAM,UAAU,GACpB,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,OAAO,oBAAoB,CAAC,CAAC;AACnE,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE1E,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AAEH,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,WAAW,EACT,YAAY,GACZ,MAAM,GACN,kBAAkB,GAClB,gBAAgB,GAChB,gBAAgB,GAChB,YAAY,GACZ,aAAa,GACb,SAAS,GACT,WAAW,GACX,cAAc,CACjB;IACD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gBAAgB,CAAC,EAAE,QAAQ,CAAC;IAC5B,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,cAAc,CAAC,EAAE,CACf,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,cAAc,CAiKf,CAAC"}

package/lib/components/ButtonDropdown/ButtonDropdown.js

@@ -11,6 +11,7 @@ var _space = require("../../styles/variables/_space");
 var _classify = require("../../utils/classify");
 var _clickAway = require("../../utils/click-away");
 var _mergeRefs = require("../../utils/merge-refs");
+var _qa = require("../../utils/qa");
 var _Button = require("../Button");
 var _ConditionalWrapper = require("../ConditionalWrapper");
 var _Menu = require("../Menu");
@@ -50,6 +51,7 @@ const ButtonDropdown = exports.ButtonDropdown = /*#__PURE__*/React.forwardRef((_
     onClick,
     elevation = 'modal',
     clickAwayRef,
+    testId,
     ...restButtonProps
   } = _ref;
   const [isMenuOpen, setIsMenuOpen] = React.useState(false);
@@ -88,7 +90,10 @@ const ButtonDropdown = exports.ButtonDropdown = /*#__PURE__*/React.forwardRef((_
         triggerRef
       } = _ref2;
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        "data-testid": "ButtonDropdown",
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'root'
+        }),
         className: (0, _classify.classify)(_ButtonDropdownModule.default.buttonDropdownContainer, {
           [_ButtonDropdownModule.default.isFluid]: isFluid === true
         }, classNames?.dropdownContainer),
@@ -98,6 +103,10 @@ const ButtonDropdown = exports.ButtonDropdown = /*#__PURE__*/React.forwardRef((_
           wrapper: children => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
             ...tooltip,
             hidden: isMenuOpen ? true : tooltip?.hidden,
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'tooltip'
+            }),
             children: children
           }),
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
@@ -117,6 +126,10 @@ const ButtonDropdown = exports.ButtonDropdown = /*#__PURE__*/React.forwardRef((_
               wrapper: classNames?.buttonWrapper,
               icon: classNames?.buttonIcon
             },
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'button'
+            }),
             children: children
           })
         }), isOpen && menu && /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.FloatingPortal, {
@@ -127,6 +140,10 @@ const ButtonDropdown = exports.ButtonDropdown = /*#__PURE__*/React.forwardRef((_
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               className: _ButtonDropdownModule.default.menuWrapper,
               ref: (0, _mergeRefs.mergeRefs)([refs.setFloating, boundaryRef]),
+              "data-testid": (0, _qa.generateTestId)({
+                base: testId,
+                slot: 'menu-wrapper'
+              }),
               style: {
                 display: 'flex',
                 position: strategy,
@@ -144,6 +161,10 @@ const ButtonDropdown = exports.ButtonDropdown = /*#__PURE__*/React.forwardRef((_
               },
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.Menu, {
                 ...menu,
+                testId: (0, _qa.generateTestId)({
+                  base: testId,
+                  slot: 'menu'
+                }),
                 onSelect: (option, e) => {
                   onOptionSelect?.(option, e);
                   if (

package/lib/components/ButtonDropdown/SimpleButtonDropdown.d.ts

@@ -35,6 +35,7 @@ export interface SimpleButtonDropdownProps extends Omit<ButtonProps, 'elevation'
     resolveLabel?: (option: MenuOption) => string | React.ReactNode;
     resolveSecondaryLabel?: (option: MenuOption) => string | React.ReactNode;
     clickAwayRef?: React.RefObject<ClickAwayRefType | null>;
+    testId?: string;
 }
 export declare const SimpleButtonDropdown: Flow.AbstractComponent<SimpleButtonDropdownProps, SimpleButtonDropdownRef>;
 export {};

package/lib/components/ButtonDropdown/SimpleButtonDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleButtonDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonDropdown/SimpleButtonDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,cAAc,EAAE,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AACrE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAM3D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,8CAA8C,CAAC;AAE7E,OAAO,KAAK,EACV,UAAU,EACV,kBAAkB,EAClB,cAAc,EACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAC,gBAAgB,EAAE,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAG5E,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AAEH,MAAM,WAAW,uBAAuB;IACtC,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,yBACf,SAAQ,IAAI,CACV,WAAW,EACT,WAAW,GACX,YAAY,GACZ,gBAAgB,GAChB,SAAS,GACT,SAAS,GACT,gBAAgB,GAChB,aAAa,GACb,cAAc,GACd,oBAAoB,GACpB,QAAQ,GACR,QAAQ,GACR,gBAAgB,GAChB,kBAAkB,GAClB,WAAW,GACX,gBAAgB,GAChB,YAAY,GACZ,aAAa,GACb,cAAc,GACd,uBAAuB,GACvB,cAAc,CACjB;IACD,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,cAAc,CAAC;IACpC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,CACf,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChE,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACzE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;CACzD;AA8GD,eAAO,MAAM,oBAAoB,EAAE,IAAI,CAAC,iBAAiB,CACvD,yBAAyB,EACzB,uBAAuB,CAGxB,CAAC"}
+{"version":3,"file":"SimpleButtonDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonDropdown/SimpleButtonDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,cAAc,EAAE,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AACrE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAM3D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,8CAA8C,CAAC;AAE7E,OAAO,KAAK,EACV,UAAU,EACV,kBAAkB,EAClB,cAAc,EACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAC,gBAAgB,EAAE,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAG5E,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AAEH,MAAM,WAAW,uBAAuB;IACtC,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,yBACf,SAAQ,IAAI,CACV,WAAW,EACT,WAAW,GACX,YAAY,GACZ,gBAAgB,GAChB,SAAS,GACT,SAAS,GACT,gBAAgB,GAChB,aAAa,GACb,cAAc,GACd,oBAAoB,GACpB,QAAQ,GACR,QAAQ,GACR,gBAAgB,GAChB,kBAAkB,GAClB,WAAW,GACX,gBAAgB,GAChB,YAAY,GACZ,aAAa,GACb,cAAc,GACd,uBAAuB,GACvB,cAAc,CACjB;IACD,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,cAAc,CAAC;IACpC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,CACf,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChE,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACzE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAgHD,eAAO,MAAM,oBAAoB,EAAE,IAAI,CAAC,iBAAiB,CACvD,yBAAyB,EACzB,uBAAuB,CAGxB,CAAC"}

package/lib/components/ButtonDropdown/SimpleButtonDropdown.js

@@ -33,6 +33,7 @@ const SimpleButtonDropdownBase = (props, ref) => {
     allowWrap = false,
     clickAwayRef,
     elevation = 'modal',
+    testId,
     ...buttonProps
   } = props;
   const [btnText, setBtnText] = React.useState('');
@@ -70,6 +71,7 @@ const SimpleButtonDropdownBase = (props, ref) => {
     elevation: elevation,
     onMenuClose: onMenuClose,
     clickAwayRef: clickAwayRef,
+    testId: testId,
     menu: {
       // TODO (Sharad): The isFluid prop here controls menu width unlike ButtonDropdown, and is independent from the isFluid prop in ButtonDropdown. There should be a way to set the isFluid prop of ButtonDropdown.
       isFluid,

package/lib/components/ChatBubble/ChatBubble.d.ts

@@ -14,6 +14,7 @@ export interface ChatBubbleProps {
     classNames?: ClassNames;
     orientation?: ChatBubbleOrientation;
     children: React.ReactNode;
+    testId?: string;
 }
 export declare const ChatBubble: Flow.AbstractComponent<ChatBubbleProps, HTMLDivElement>;
 export interface ChatAnchorProps {
@@ -21,17 +22,19 @@ export interface ChatAnchorProps {
     tooltip?: BaseTooltipProps;
     classNames?: ClassNames;
     avatarProps?: AvatarProps;
+    testId?: string;
 }
 export declare const ChatAnchor: {
-    ({ isAI, tooltip, classNames, avatarProps, }: ChatAnchorProps): React.JSX.Element;
+    ({ isAI, tooltip, classNames, avatarProps, testId, }: ChatAnchorProps): React.JSX.Element;
     displayName: string;
 };
 export interface ChatContentProps {
     classNames?: ClassNames;
     children?: React.ReactNode;
+    testId?: string;
 }
 export declare const ChatContent: {
-    ({ classNames, children }: ChatContentProps): React.JSX.Element;
+    ({ classNames, children, testId, }: ChatContentProps): React.JSX.Element;
     displayName: string;
 };
 export type ChatBodyClassNames = Readonly<{
@@ -44,33 +47,37 @@ export interface ChatBodyProps {
     loadingText?: string;
     children?: React.ReactNode;
     classNames?: ClassNames;
+    testId?: string;
 }
 export declare const ChatBody: {
-    ({ withBgColor, isLoading, children, loadingText, classNames, }: ChatBodyProps): React.JSX.Element;
+    ({ withBgColor, isLoading, children, loadingText, classNames, testId, }: ChatBodyProps): React.JSX.Element;
     displayName: string;
 };
 export interface ChatFooterProps {
     classNames?: ClassNames;
     children?: React.ReactNode;
+    testId?: string;
 }
 export declare const ChatFooter: {
-    ({ children, classNames }: ChatFooterProps): React.JSX.Element;
+    ({ children, classNames, testId }: ChatFooterProps): React.JSX.Element;
     displayName: string;
 };
 export interface ChatFooterRightSlotProps {
     children?: React.ReactNode;
     classNames?: ClassNames;
+    testId?: string;
 }
 export declare const ChatFooterRightSlot: {
-    ({ children, classNames, }: ChatFooterRightSlotProps): React.JSX.Element;
+    ({ children, classNames, testId, }: ChatFooterRightSlotProps): React.JSX.Element;
     displayName: string;
 };
 export interface ChatFooterLeftSlotProps {
     children?: React.ReactNode;
     classNames?: ClassNames;
+    testId?: string;
 }
 export declare const ChatFooterLeftSlot: {
-    ({ children, classNames, }: ChatFooterLeftSlotProps): React.JSX.Element;
+    ({ children, classNames, testId, }: ChatFooterLeftSlotProps): React.JSX.Element;
     displayName: string;
 };
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"ChatBubble.d.ts","sourceRoot":"","sources":["../../../src/components/ChatBubble/ChatBubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAGvD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAqC7D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,uBAAuB;;;EAGlC,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAC/B,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,OAAO,uBAAuB,CAAC,CAAC;AAEzE,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAC7C,eAAe,EACf,cAAc,CA2Bf,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,eAAO,MAAM,UAAU;kDAKpB,eAAe;;CAkBjB,CAAC;AAIF,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW;+BAA4B,gBAAgB;;CAOnE,CAAC;AAIF,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,WAAW,aAAa;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,eAAO,MAAM,QAAQ;qEAMlB,aAAa;;CAyBf,CAAC;AAIF,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU;+BAA4B,eAAe;;CAejE,CAAC;AAIF,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,eAAO,MAAM,mBAAmB;gCAG7B,wBAAwB;;CAE1B,CAAC;AAIF,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,eAAO,MAAM,kBAAkB;gCAG5B,uBAAuB;;CAEzB,CAAC"}
+{"version":3,"file":"ChatBubble.d.ts","sourceRoot":"","sources":["../../../src/components/ChatBubble/ChatBubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAKrD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAGvD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAsC7D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,uBAAuB;;;EAGlC,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAC/B,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,OAAO,uBAAuB,CAAC,CAAC;AAEzE,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAC7C,eAAe,EACf,cAAc,CA8Bf,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,UAAU;0DAMpB,eAAe;;CA0BjB,CAAC;AAIF,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW;wCAIrB,gBAAgB;;CAOlB,CAAC;AAIF,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,WAAW,aAAa;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ;6EAOlB,aAAa;;CAyBf,CAAC;AAIF,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,UAAU;uCAAoC,eAAe;;CAezE,CAAC;AAIF,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,mBAAmB;wCAI7B,wBAAwB;;CAO1B,CAAC;AAIF,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,kBAAkB;wCAI5B,uBAAuB;;CAOzB,CAAC"}