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

package/lib/components/Notification/Notification.d.ts

@@ -19,6 +19,7 @@ interface BaseNotificationProps {
     dismissable?: boolean;
     children?: string;
     onCloseClick?: React.MouseEventHandler<HTMLDivElement>;
+    testId?: string;
 }
 type NotificationBaseProps = BaseNotificationProps & {
     classNames?: ClassNames;

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

@@ -1 +1 @@
-{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.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,qBAAqB;;;;EAIhC,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAClC,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,OAAO,qBAAqB,CAAC,CAAC;AAErE,UAAU,qBAAqB;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,wBAAwB,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;CACxD;AAED,KAAK,qBAAqB,GAAG,qBAAqB,GAAG;IACnD,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,GAAG,CACE;IACE,WAAW,EAAE,IAAI,CAAC;IAClB,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACvD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CACJ,CAAC;AAEJ,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,qBAAqB,EAAE,UAAU,CAAC;IAC/C,QAAQ,EAAE,wBAAwB,CAAC;CACpC;AA6DD,eAAO,MAAM,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAC/C,iBAAiB,EACjB,cAAc,CA6Cf,CAAC"}
+{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.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,qBAAqB;;;;EAIhC,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAClC,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,OAAO,qBAAqB,CAAC,CAAC;AAErE,UAAU,qBAAqB;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,wBAAwB,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,KAAK,qBAAqB,GAAG,qBAAqB,GAAG;IACnD,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,GAAG,CACE;IACE,WAAW,EAAE,IAAI,CAAC;IAClB,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACvD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CACJ,CAAC;AAEJ,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,qBAAqB,EAAE,UAAU,CAAC;IAC/C,QAAQ,EAAE,wBAAwB,CAAC;CACpC;AAkED,eAAO,MAAM,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAC/C,iBAAiB,EACjB,cAAc,CA+Cf,CAAC"}

package/lib/components/Notification/Notification.js

@@ -7,6 +7,7 @@ exports.Notification = exports.NOTIFICATION_SEMANTIC = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _typography = require("../../types/typography");
 var _classify = require("../../utils/classify");
+var _qa = require("../../utils/qa");
 var _Icon = require("../Icon");
 var _Text = require("../Text");
 var _NotificationModule = _interopRequireDefault(require("./Notification.module.css"));
@@ -28,7 +29,8 @@ const BaseNotification = /*#__PURE__*/React.forwardRef((props, ref) => {
     iconLeftType = 'regular',
     dismissable,
     children,
-    onCloseClick
+    onCloseClick,
+    testId
   } = props;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classify.classify)(_NotificationModule.default.baseContainer, {
@@ -38,14 +40,26 @@ const BaseNotification = /*#__PURE__*/React.forwardRef((props, ref) => {
       [_NotificationModule.default.dismissable]: dismissable
     }, classNames?.wrapper),
     ref: ref,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'root'
+    }),
     children: [iconLeftName ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
       name: iconLeftName,
       color: _typography.TEXT_COLORS.inversePrimary,
       size: "small",
-      type: iconLeftType
+      type: iconLeftType,
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'icon'
+      })
     }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.SubTitleSmall, {
       className: (0, _classify.classify)(classNames?.text),
       color: _typography.TEXT_COLORS.inversePrimary,
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'text'
+      }),
       children: children
     }), dismissable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
       color: _typography.TEXT_COLORS.inversePrimary,
@@ -53,7 +67,11 @@ const BaseNotification = /*#__PURE__*/React.forwardRef((props, ref) => {
       size: "small",
       type: "regular",
       onClick: onCloseClick,
-      className: _NotificationModule.default.closeIcon
+      className: _NotificationModule.default.closeIcon,
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'close'
+      })
     })]
   });
 });
@@ -65,7 +83,8 @@ const Notification = exports.Notification = /*#__PURE__*/React.forwardRef((props
     iconLeftType,
     dismissable,
     children,
-    onCloseClick
+    onCloseClick,
+    testId
   } = props;
 
   // Type narrowing to safely access selfDismiss only when dismissable is true
@@ -85,6 +104,7 @@ const Notification = exports.Notification = /*#__PURE__*/React.forwardRef((props
       semantic: semantic,
       dismissable: dismissable,
       onCloseClick: closeClickHandler,
+      testId: testId,
       ref: ref,
       children: children
     })

package/lib/components/PageTitle/PageTitle.d.ts

@@ -11,6 +11,7 @@ export interface PageTitleProps {
     pageNameKey?: string;
     showBackButton?: boolean;
     onBack?: () => void;
+    testId?: string;
 }
 export declare const PAGE_NAME_LIST: Readonly<{
     dashboard: {
@@ -132,24 +133,27 @@ export declare const PAGE_NAME_LIST: Readonly<{
 export interface TabSlotProps {
     children?: React.ReactNode;
     className: string;
+    testId?: string;
 }
 export declare const TabSlot: {
-    ({ children, className, ...props }: TabSlotProps): React.JSX.Element;
+    ({ children, className, testId, ...props }: TabSlotProps): React.JSX.Element;
     displayName: string;
 };
 export interface RightSlotProps {
     children?: React.ReactNode;
     className?: string;
+    testId?: string;
 }
 export declare const RightSlot: {
-    ({ children, ...props }: RightSlotProps): React.JSX.Element;
+    ({ children, testId, ...props }: RightSlotProps): React.JSX.Element;
     displayName: string;
 };
 export interface PageNameProps {
     children?: React.ReactNode;
+    testId?: string;
 }
 export declare const PageName: {
-    ({ children, ...props }: PageNameProps): React.JSX.Element;
+    ({ children, testId, ...props }: PageNameProps): React.JSX.Element;
     displayName: string;
 };
 export declare const PageTitle: Flow.AbstractComponent<PageTitleProps, HTMLDivElement>;

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

@@ -1 +1 @@
-{"version":3,"file":"PageTitle.d.ts","sourceRoot":"","sources":["../../../src/components/PageTitle/PageTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAiBrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAeD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoHzB,CAAC;AAKH,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,OAAO;wCAAqC,YAAY;;CAIpE,CAAC;AAIF,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS;6BAA0B,cAAc;;CAE7D,CAAC;AAIF,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,QAAQ;6BAA0B,aAAa;;CAI3D,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CAwF1E,CAAC"}
+{"version":3,"file":"PageTitle.d.ts","sourceRoot":"","sources":["../../../src/components/PageTitle/PageTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAkBrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAgBD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoHzB,CAAC;AAKH,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,OAAO;gDAKjB,YAAY;;CAQd,CAAC;AAIF,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,SAAS;qCAAkC,cAAc;;CAIrE,CAAC;AAIF,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ;qCAAkC,aAAa;;CAQnE,CAAC;AAIF,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CA8F1E,CAAC"}

package/lib/components/PageTitle/PageTitle.js

@@ -7,6 +7,7 @@ exports.TabSlot = exports.RightSlot = exports.PageTitle = exports.PageName = exp
 var React = _interopRequireWildcard(require("react"));
 var _color = require("../../styles/variables/_color");
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _Button = require("../Button");
 var _Icon = require("../Icon");
 var _Text = require("../Text");
@@ -143,11 +144,16 @@ const TabSlot = _ref => {
   let {
     children,
     className,
+    testId,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ...props,
     className: (0, _classify.default)(_PageTitleModule.default.tabSlot, className),
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'wrapper'
+    }),
     children: children
   });
 };
@@ -156,10 +162,15 @@ TabSlot.displayName = 'TabSlot';
 const RightSlot = _ref2 => {
   let {
     children,
+    testId,
     ...props
   } = _ref2;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ...props,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'wrapper'
+    }),
     children: children
   });
 };
@@ -168,11 +179,16 @@ RightSlot.displayName = 'RightSlot';
 const PageName = _ref3 => {
   let {
     children,
+    testId,
     ...props
   } = _ref3;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ...props,
     className: _PageTitleModule.default.pageTitle,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'wrapper'
+    }),
     children: children
   });
 };
@@ -184,7 +200,8 @@ const PageTitle = exports.PageTitle = /*#__PURE__*/React.forwardRef((_ref4, ref)
     children,
     pageNameKey,
     showBackButton,
-    onBack
+    onBack,
+    testId
   } = _ref4;
   const getNamedComp = comp => {
     const childrenArray = React.Children.toArray(children);
@@ -206,7 +223,10 @@ const PageTitle = exports.PageTitle = /*#__PURE__*/React.forwardRef((_ref4, ref)
     onBack?.();
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    "data-testid": "PageTitle",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'wrapper'
+    }),
     className: (0, _classify.default)(_PageTitleModule.default.pageTitleWrapper, classNames?.wrapper),
     ref: ref,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -217,14 +237,27 @@ const PageTitle = exports.PageTitle = /*#__PURE__*/React.forwardRef((_ref4, ref)
           title: "Navigate Back",
           delayMotionDuration: "slow",
           placement: "top-start",
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'back-tooltip'
+          }),
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
             onClick: handleBack,
             type: "tertiary",
             iconLeftName: "chevron-left",
-            ariaLabel: "Navigate Back Button"
+            ariaLabel: "Navigate Back Button",
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'back-button'
+            })
           })
         }), pageNameKey && PAGE_NAME_LIST[pageNameKey] ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(PageName, {
+          testId: testId,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Text.TitleMedium, {
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'title'
+            }),
             children: [PAGE_NAME_LIST[pageNameKey].title, ' ']
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
             type: PAGE_NAME_LIST[pageNameKey].iconType,
@@ -236,7 +269,11 @@ const PageTitle = exports.PageTitle = /*#__PURE__*/React.forwardRef((_ref4, ref)
               '--fa-secondary-color': _color.colorIconSecondary,
               '--fa-primary-opacity': '1.0',
               '--fa-secondary-opacity': '1.0'
-            }
+            },
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'icon'
+            })
           })]
         }) : getNamedComp('PageName')]
       }), getNamedComp('TabSlot')]

package/lib/components/Panel/Panel.d.ts

@@ -9,6 +9,7 @@ export interface PanelHeaderProps {
     onCloseButtonClick?: React.MouseEventHandler<HTMLButtonElement>;
     className?: string;
     size?: 'medium' | 'small';
+    testId?: string;
 }
 type FooterClassNames = Readonly<{
     wrapper?: string;
@@ -17,19 +18,22 @@ type FooterClassNames = Readonly<{
 export interface PanelFooterProps {
     children?: React.ReactNode;
     classNames?: FooterClassNames;
+    testId?: string;
 }
 export interface PanelBodyProps {
     children?: React.ReactNode;
     className?: string;
+    testId?: string;
 }
 export interface PanelProps extends Omit<ModalProps, 'allowBackgroundInteraction' | 'size' | 'anchor'> {
     allowBackgroundInteraction?: boolean;
     size?: PanelSize;
     anchor?: PanelAnchor;
+    testId?: string;
 }
-export declare const PanelHeader: ({ children, hideCloseBtn, onCloseButtonClick, className, size, }: PanelHeaderProps) => React.JSX.Element;
+export declare const PanelHeader: ({ children, hideCloseBtn, onCloseButtonClick, className, size, testId, }: PanelHeaderProps) => React.JSX.Element;
 export declare const PanelBody: Flow.AbstractComponent<PanelBodyProps, HTMLDivElement>;
-export declare const PanelFooter: ({ children, classNames }: PanelFooterProps) => React.JSX.Element;
-export declare const Panel: ({ children, isOpen, size, anchor, onClose, hideBackdrop, classNames, customAnimation, tapOutsideToClose, allowBackgroundInteraction, ...restPanelProps }: PanelProps) => React.JSX.Element;
+export declare const PanelFooter: ({ children, classNames, testId, }: PanelFooterProps) => React.JSX.Element;
+export declare const Panel: ({ children, isOpen, size, anchor, onClose, hideBackdrop, classNames, customAnimation, tapOutsideToClose, allowBackgroundInteraction, testId, ...restPanelProps }: PanelProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=Panel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.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,sBAAsB,CAAC;AAOrD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACrD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3C,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;CAC3B;AAED,KAAK,gBAAgB,GAAG,QAAQ,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,UAAU,EAAE,4BAA4B,GAAG,MAAM,GAAG,QAAQ,CAAC;IAC1E,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAmBD,eAAO,MAAM,WAAW,GAAI,kEAMzB,gBAAgB,sBAmBlB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CAO1E,CAAC;AAEJ,eAAO,MAAM,WAAW,GAAI,0BAAwB,gBAAgB,sBAUnE,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,0JAYnB,UAAU,sBA0CZ,CAAC"}
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAgBrD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAOrD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACrD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3C,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,KAAK,gBAAgB,GAAG,QAAQ,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,UAAU,EAAE,4BAA4B,GAAG,MAAM,GAAG,QAAQ,CAAC;IAC1E,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAmBD,eAAO,MAAM,WAAW,GAAI,0EAOzB,gBAAgB,sBAyBlB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CAW1E,CAAC;AAEJ,eAAO,MAAM,WAAW,GAAI,mCAIzB,gBAAgB,sBAgBlB,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,kKAanB,UAAU,sBA2CZ,CAAC"}

package/lib/components/Panel/Panel.js

@@ -9,6 +9,7 @@ var _useMountTransition = _interopRequireDefault(require("../../hooks/useMountTr
 var _motion = require("../../styles/variables/_motion");
 var _space = require("../../styles/variables/_space");
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _Button = require("../Button");
 var _Modal = require("../Modal");
 var _Truncate = require("../Truncate");
@@ -38,14 +39,23 @@ const PanelHeader = _ref => {
     hideCloseBtn,
     onCloseButtonClick,
     className,
-    size
+    size,
+    testId
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: React.Children.count(children) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classify.default)(_PanelModule.default.panelHeader, className),
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'header'
+      }),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: _PanelModule.default.headerContent,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'title'
+          }),
           children: children
         })
       }), !hideCloseBtn && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
@@ -53,7 +63,11 @@ const PanelHeader = _ref => {
         type: "ghost",
         onClick: onCloseButtonClick,
         ariaLabel: "Close Button",
-        size: size
+        size: size,
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'close-button'
+        })
       })]
     })
   });
@@ -62,24 +76,38 @@ exports.PanelHeader = PanelHeader;
 const PanelBody = exports.PanelBody = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   let {
     children,
-    className
+    className,
+    testId
   } = _ref2;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ref: ref,
     className: (0, _classify.default)(_PanelModule.default.panelBody, className),
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'body'
+    }),
     children: children
   });
 });
 const PanelFooter = _ref3 => {
   let {
     children,
-    classNames
+    classNames,
+    testId
   } = _ref3;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: React.Children.count(children) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classify.default)(_PanelModule.default.panelFooter, classNames?.wrapper),
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'footer'
+      }),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: (0, _classify.default)(_PanelModule.default.panelFooterActions, classNames?.actions),
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'actions'
+        }),
         children: children
       })
     })
@@ -98,6 +126,7 @@ const Panel = _ref4 => {
     customAnimation,
     tapOutsideToClose = true,
     allowBackgroundInteraction,
+    testId,
     ...restPanelProps
   } = _ref4;
   const isTransitioning = (0, _useMountTransition.default)(isOpen, parseInt(_motion.motionDurationNormal));
@@ -108,6 +137,7 @@ const Panel = _ref4 => {
     hideBackdrop: hideBackdrop,
     tapOutsideToClose: allowBackgroundInteraction ? false : tapOutsideToClose,
     allowBackgroundInteraction: allowBackgroundInteraction,
+    testId: testId,
     ...restPanelProps,
     classNames: {
       container: (0, _classify.default)(_PanelModule.default.panelContainer, {

package/lib/components/ProgressDonut/ProgressDonut.d.ts

@@ -7,6 +7,7 @@ export interface ProgressDonutProps {
     classNames?: ClassNames;
     color?: keyof typeof COLORS;
     percentage: number;
+    testId?: string;
 }
 export declare const ProgressDonut: Flow.AbstractComponent<ProgressDonutProps, HTMLDivElement>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressDonut.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressDonut/ProgressDonut.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,MAAM,MAAM,6BAA6B,CAAC;AAiBtD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,kBAAkB;IACjC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;CACpB;AAcD,eAAO,MAAM,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAChD,kBAAkB,EAClB,cAAc,CAoEf,CAAC"}
+{"version":3,"file":"ProgressDonut.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressDonut/ProgressDonut.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,MAAM,MAAM,6BAA6B,CAAC;AAkBtD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,kBAAkB;IACjC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAcD,eAAO,MAAM,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAChD,kBAAkB,EAClB,cAAc,CAuEf,CAAC"}

package/lib/components/ProgressDonut/ProgressDonut.js

@@ -7,6 +7,7 @@ exports.ProgressDonut = 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 _Text = require("../Text");
 var _ProgressDonutModule = _interopRequireDefault(require("./ProgressDonut.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -35,7 +36,8 @@ const ProgressDonut = exports.ProgressDonut = /*#__PURE__*/React.forwardRef((_re
   let {
     classNames,
     percentage = 0,
-    color
+    color,
+    testId
   } = _ref;
   const donutPercentage = React.useMemo(() => Math.min(Math.max(percentage, MIN_PERCENTAGE), MAX_PERCENTAGE), [percentage]);
   const donutColor = React.useMemo(() => getProgressDonutColor(donutPercentage), [donutPercentage]);
@@ -44,7 +46,10 @@ const ProgressDonut = exports.ProgressDonut = /*#__PURE__*/React.forwardRef((_re
   const offset = React.useMemo(() => circumference - donutPercentage / MAX_PERCENTAGE * circumference, [circumference, donutPercentage]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ref: ref,
-    "data-testid": "ProgressDonut",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'progressDonut'
+    }),
     className: (0, _classify.default)(_ProgressDonutModule.default.wrapper, classNames?.wrapper),
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: _ProgressDonutModule.default.donutChart,
@@ -72,6 +77,10 @@ const ProgressDonut = exports.ProgressDonut = /*#__PURE__*/React.forwardRef((_re
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodyLargeBold, {
         className: _ProgressDonutModule.default.donutChartPercentage,
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'percentage'
+        }),
         children: `${donutPercentage}%`
       })]
     })

package/lib/components/PromptChip/PromptChip.d.ts

@@ -18,6 +18,7 @@ export declare const PROMPT_CHIP_TYPE: Readonly<{
 export type PromptChipType = (typeof PROMPT_CHIP_TYPE)[keyof typeof PROMPT_CHIP_TYPE];
 export type PromptChipProps = {
     classNames?: ClassNames;
+    testId?: string;
 } & ({
     onDismiss?: (e: React.SyntheticEvent<HTMLElement>) => unknown;
     dismissable: true;

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

@@ -1 +1 @@
-{"version":3,"file":"PromptChip.d.ts","sourceRoot":"","sources":["../../../src/components/PromptChip/PromptChip.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,sBAAsB,CAAC;AAKrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAElD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAM7D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;EAG3B,CAAC;AAEH,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAC;AAC3D,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,GAAG,CACA;IACE,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC;IAC9D,WAAW,EAAE,IAAI,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CACJ,GAAG;IACA,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,CAAC,EACJ,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,gBAAgB,CAAC;CACpC,CAAC;AAEJ,eAAO,MAAM,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAC7C,eAAe,EACf,cAAc,CA8Hf,CAAC"}
+{"version":3,"file":"PromptChip.d.ts","sourceRoot":"","sources":["../../../src/components/PromptChip/PromptChip.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,sBAAsB,CAAC;AAMrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAElD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAM7D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;EAG3B,CAAC;AAEH,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAC;AAC3D,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,CACA;IACE,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC;IAC9D,WAAW,EAAE,IAAI,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CACJ,GAAG;IACA,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,CAAC,EACJ,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC,GACtD,IAAI,GACJ,SAAS,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,gBAAgB,CAAC;CACpC,CAAC;AAEJ,eAAO,MAAM,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAC7C,eAAe,EACf,cAAc,CA6If,CAAC"}

package/lib/components/PromptChip/PromptChip.js

@@ -7,6 +7,7 @@ exports.PromptChip = exports.PROMPT_CHIP_TYPE = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _typography = require("../../types/typography");
 var _classify = require("../../utils/classify");
+var _qa = require("../../utils/qa");
 var _ConditionalWrapper = require("../ConditionalWrapper");
 var _Icon = require("../Icon");
 var _Tooltip = require("../Tooltip");
@@ -30,7 +31,8 @@ const PromptChip = exports.PromptChip = /*#__PURE__*/React.forwardRef((props, re
     classNames,
     dismissable,
     showInfoIcon,
-    infoIconTooltip
+    infoIconTooltip,
+    testId
   } = props;
   // Type narrowing to safely access properties only when they exist
   const onDismiss = dismissable === true && 'onDismiss' in props ? props.onDismiss : undefined;
@@ -46,7 +48,10 @@ const PromptChip = exports.PromptChip = /*#__PURE__*/React.forwardRef((props, re
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: !dismissed && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ref: ref,
-      "data-testid": "Prompt-Chip",
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'root'
+      }),
       className: (0, _classify.classify)(_PromptChipModule.default.promptChipWrapper, {
         [_PromptChipModule.default.primary]: type === PROMPT_CHIP_TYPE.primary,
         [_PromptChipModule.default.secondary]: type === PROMPT_CHIP_TYPE.secondary
@@ -60,8 +65,16 @@ const PromptChip = exports.PromptChip = /*#__PURE__*/React.forwardRef((props, re
         className: (0, _classify.classify)(_PromptChipModule.default.promptChipContainer, {
           [_PromptChipModule.default.promptChipContainerHover]: !!onClick
         }, classNames?.container),
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'content'
+        }),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: (0, _classify.classify)(_PromptChipModule.default.leftSection, classNames?.leftSlot),
+          "data-testid": (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'left'
+          }),
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
             size: _Icon.ICON_SIZE.small,
             name: iconName,
@@ -69,30 +82,54 @@ const PromptChip = exports.PromptChip = /*#__PURE__*/React.forwardRef((props, re
             color: iconColor,
             className: (0, _classify.classify)({
               [_PromptChipModule.default.chipIconDefaultColor]: !iconColor
-            }, classNames?.icon)
+            }, classNames?.icon),
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'icon'
+            })
           }), !!children && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: (0, _classify.classify)(_PromptChipModule.default.childrenWrapper, classNames?.children),
+            "data-testid": (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'text'
+            }),
             children: children
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: (0, _classify.classify)(_PromptChipModule.default.rightSection, classNames?.rightSlot),
+          "data-testid": (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'right'
+          }),
           children: [rightSlot ? rightSlot : null, !!showInfoIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionalWrapper.ConditionalWrapper, {
             condition: infoIconTooltip && typeof infoIconTooltip === 'object' && Object.keys(infoIconTooltip).length > 0,
             wrapper: children => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
               ...infoIconTooltip,
+              testId: (0, _qa.generateTestId)({
+                base: testId,
+                slot: 'tooltip'
+              }),
               children: children
             }),
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
               size: _Icon.ICON_SIZE.small,
               name: "info-circle",
               color: _typography.TEXT_COLORS.primary,
-              className: classNames?.icon
+              className: classNames?.icon,
+              testId: (0, _qa.generateTestId)({
+                base: testId,
+                slot: 'info-icon'
+              })
             })
           }), !!dismissable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.CloseIcon, {
             size: _Icon.ICON_SIZE.small,
             onClick: closeClickHandler,
             ariaLabel: "Dismiss",
-            className: _PromptChipModule.default.dismissIcon
+            className: _PromptChipModule.default.dismissIcon,
+            testId: (0, _qa.generateTestId)({
+              base: testId,
+              slot: 'dismiss'
+            })
           })]
         })]
       })

package/lib/components/PromptInput/PromptInput.d.ts

@@ -32,6 +32,7 @@ export interface PromptInputProps {
     isButtonLoading?: boolean;
     buttonIconLeftName?: string;
     buttonIconLeftType?: IconType;
+    testId?: string;
 }
 export declare const PromptInput: Flow.AbstractComponent<PromptInputProps, HTMLDivElement>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"PromptInput.d.ts","sourceRoot":"","sources":["../../../src/components/PromptInput/PromptInput.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;AAiBlD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CACd,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,EAC3C,OAAO,CAAC,EAAE,OAAO,KACd,OAAO,CAAC;IACb,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,OAAO,CAAC;IACrE,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,OAAO,CAAC;IACpE,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KAAK,OAAO,CAAC;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC3D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,QAAQ,CAAC;CAC/B;AAED,eAAO,MAAM,WAAW,EAAE,IAAI,CAAC,iBAAiB,CAC9C,gBAAgB,EAChB,cAAc,CA2Hf,CAAC"}
+{"version":3,"file":"PromptInput.d.ts","sourceRoot":"","sources":["../../../src/components/PromptInput/PromptInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAOrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAiBlD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CACd,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,EAC3C,OAAO,CAAC,EAAE,OAAO,KACd,OAAO,CAAC;IACb,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,OAAO,CAAC;IACrE,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,OAAO,CAAC;IACpE,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KAAK,OAAO,CAAC;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC3D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,QAAQ,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,EAAE,IAAI,CAAC,iBAAiB,CAC9C,gBAAgB,EAChB,cAAc,CAkIf,CAAC"}