@spaced-out/ui-design-system 0.5.10 → 0.5.12-beta.0

package/lib/components/Charts/SpiderChart/SpiderChart.js

@@ -28,6 +28,7 @@ const SpiderChart = _ref => {
     series,
     hasEmptyData,
     emptyText,
+    testId,
     ...userOptions
   } = _ref;
   const chartRef = React.useRef(null);
@@ -56,6 +57,7 @@ const SpiderChart = _ref => {
     headerActions: headerActions,
     hasEmptyData: hasEmptyData,
     emptyText: emptyText,
+    testId: testId,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_highchartsReactOfficial.default, {
       highcharts: _highcharts.default,
       ref: chartRef,

package/lib/components/Charts/StackedBarChart/StackedBarChart.d.ts

@@ -18,7 +18,8 @@ export interface StackedBarChartProps extends Omit<ChartOptions, 'series' | 'isL
     hasEmptyData?: boolean;
     headerActions?: React.ReactNode;
     customExportOptions?: Array<ExportOptionType> | null;
+    testId?: string;
 }
-export declare const StackedBarChart: ({ series, isLoading, drilldown, emptyText, cardTitle, classNames, hasEmptyData, headerActions, customExportOptions, ...userOptions }: StackedBarChartProps) => React.ReactNode;
+export declare const StackedBarChart: ({ series, isLoading, drilldown, emptyText, cardTitle, classNames, hasEmptyData, headerActions, customExportOptions, testId, ...userOptions }: StackedBarChartProps) => React.ReactNode;
 export {};
 //# sourceMappingURL=StackedBarChart.d.ts.map

package/lib/components/Charts/StackedBarChart/StackedBarChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StackedBarChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/StackedBarChart/StackedBarChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,YAAY,EAAE,eAAe,EAAE,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAS/E,OAAO,KAAK,EACV,sBAAsB,EACtB,gBAAgB,EACjB,MAAM,oCAAoC,CAAC;AAe5C,KAAK,UAAU,GAAG,QAAQ,CACxB,sBAAsB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CACV,YAAY,EACV,QAAQ,GACR,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,YAAY,GACZ,cAAc,GACd,eAAe,GACf,qBAAqB,CACxB;IACD,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;CACtD;AAED,eAAO,MAAM,eAAe,GAAI,sIAW7B,oBAAoB,KAAG,KAAK,CAAC,SAmD/B,CAAC"}
+{"version":3,"file":"StackedBarChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/StackedBarChart/StackedBarChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,YAAY,EAAE,eAAe,EAAE,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAS/E,OAAO,KAAK,EACV,sBAAsB,EACtB,gBAAgB,EACjB,MAAM,oCAAoC,CAAC;AAe5C,KAAK,UAAU,GAAG,QAAQ,CACxB,sBAAsB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CACV,YAAY,EACV,QAAQ,GACR,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,YAAY,GACZ,cAAc,GACd,eAAe,GACf,qBAAqB,CACxB;IACD,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,eAAe,GAAI,8IAY7B,oBAAoB,KAAG,KAAK,CAAC,SAoD/B,CAAC"}

package/lib/components/Charts/StackedBarChart/StackedBarChart.js

@@ -29,6 +29,7 @@ const StackedBarChart = _ref => {
     hasEmptyData,
     headerActions,
     customExportOptions,
+    testId,
     ...userOptions
   } = _ref;
   const chartRef = React.useRef(null);
@@ -67,6 +68,7 @@ const StackedBarChart = _ref => {
     hasEmptyData: hasEmptyData,
     headerActions: headerActions,
     customExportOptions: customExportOptions,
+    testId: testId,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_highchartsReactOfficial.default, {
       highcharts: _highcharts.default,
       containerProps: {

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"}

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/CircularLoader/CircularLoader.d.ts

@@ -5,6 +5,7 @@ export interface CircularLoaderProps {
     className?: string;
     ariaLabel?: string;
     colorToken?: keyof typeof COLORS;
+    testId?: string;
 }
 export declare const CircularLoader: Flow.AbstractComponent<CircularLoaderProps, HTMLDivElement>;
 //# sourceMappingURL=CircularLoader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CircularLoader.d.ts","sourceRoot":"","sources":["../../../src/components/CircularLoader/CircularLoader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,MAAM,MAAM,6BAA6B,CAAC;AAMtD,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;CAClC;AAED,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,cAAc,CAqCf,CAAC"}
+{"version":3,"file":"CircularLoader.d.ts","sourceRoot":"","sources":["../../../src/components/CircularLoader/CircularLoader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,MAAM,MAAM,6BAA6B,CAAC;AAOtD,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,cAAc,CAuCf,CAAC"}

package/lib/components/CircularLoader/CircularLoader.js

@@ -7,6 +7,7 @@ exports.CircularLoader = void 0;
 var React = _interopRequireWildcard(require("react"));
 var COLORS = _interopRequireWildcard(require("../../styles/variables/_color"));
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _CircularLoaderModule = _interopRequireDefault(require("./CircularLoader.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -16,9 +17,14 @@ const CircularLoader = exports.CircularLoader = /*#__PURE__*/React.forwardRef((_
     size = 'medium',
     className,
     colorToken = 'colorTextClickable',
-    ariaLabel = 'Loading'
+    ariaLabel = 'Loading',
+    testId
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'loader'
+    }),
     className: (0, _classify.default)(_CircularLoaderModule.default.container, {
       [_CircularLoaderModule.default.mediumContainer]: size === 'medium',
       [_CircularLoaderModule.default.smallContainer]: size === 'small'

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"}