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

package/lib/components/Separator/Separator.js

@@ -7,6 +7,7 @@ exports.Separator = exports.ORIENTATION = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _size = require("../../styles/variables/_size");
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _SeparatorModule = _interopRequireDefault(require("./Separator.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -20,7 +21,8 @@ const Separator = exports.Separator = /*#__PURE__*/React.forwardRef((_ref, ref)
     classNames,
     orientation = ORIENTATION.vertical,
     width,
-    height
+    height,
+    testId
   } = _ref;
   // Dynamically compute width and height based on orientation if not provided
   const resolvedWidth = width || (orientation === ORIENTATION.vertical ? _size.size2 : 'auto');
@@ -31,7 +33,10 @@ const Separator = exports.Separator = /*#__PURE__*/React.forwardRef((_ref, ref)
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ref: ref,
-    "data-testid": "Separator",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'separator'
+    }),
     style: style,
     className: (0, _classify.default)(_SeparatorModule.default.wrapper, classNames?.wrapper)
   });

package/lib/components/Shimmer/Shimmer.d.ts

@@ -24,9 +24,11 @@ export interface ShimmerProps {
     height?: number | string;
     borderRadius?: number | string;
     children?: React.ReactNode;
+    testId?: string;
 }
 export interface ShimmerWrapperProps {
     children?: React.ReactNode;
+    testId?: string;
 }
 /**
  * Note(Nishant): ShimmerWrapper is a wrapper component for Shimmer component. This should only be used for Text based Shimmers
@@ -37,7 +39,7 @@ export interface ShimmerWrapperProps {
  * This would ensure the layout remains same even when you toggle the shimmer to show your actual content
  * @param {React.Node} children - The children to be rendered
  */
-export declare const ShimmerWrapper: ({ children, }: ShimmerWrapperProps) => React.ReactElement<React.ComponentProps<"span">>;
+export declare const ShimmerWrapper: ({ children, testId, }: ShimmerWrapperProps) => React.ReactElement<React.ComponentProps<"span">>;
 export declare const Shimmer: Flow.AbstractComponent<ShimmerProps, HTMLSpanElement>;
 type KPIShimmerClassNames = Readonly<{
     wrapper?: string;
@@ -51,7 +53,8 @@ export interface KPIShimmerProps {
     hasBottomContent?: boolean;
     hasIcon?: boolean;
     classNames?: KPIShimmerClassNames;
+    testId?: string;
 }
-export declare const KPIShimmer: ({ textWidth, hasBottomContent, hasIcon, hasTopContent, hasMiddleContent, classNames, }: KPIShimmerProps) => React.JSX.Element;
+export declare const KPIShimmer: ({ textWidth, hasBottomContent, hasIcon, hasTopContent, hasMiddleContent, classNames, testId, }: KPIShimmerProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=Shimmer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Shimmer.d.ts","sourceRoot":"","sources":["../../../src/components/Shimmer/Shimmer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAerD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;EAKxB,CAAC;AAEH,eAAO,MAAM,iCAAiC;;;;;EAK5C,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE7E,MAAM,WAAW,YAAY;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,GAAI,eAE5B,mBAAmB,KAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAEvE,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,eAAe,CAkCvE,CAAC;AAEJ,KAAK,oBAAoB,GAAG,QAAQ,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,oBAAoB,CAAC;CACnC;AAED,eAAO,MAAM,UAAU,GAAI,wFAOxB,eAAe,sBAmBjB,CAAC"}
+{"version":3,"file":"Shimmer.d.ts","sourceRoot":"","sources":["../../../src/components/Shimmer/Shimmer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAgBrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;EAKxB,CAAC;AAEH,eAAO,MAAM,iCAAiC;;;;;EAK5C,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE7E,MAAM,WAAW,YAAY;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,GAAI,uBAG5B,mBAAmB,KAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAIvE,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,eAAe,CAmCvE,CAAC;AAEJ,KAAK,oBAAoB,GAAG,QAAQ,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,UAAU,GAAI,gGAQxB,eAAe,sBA0CjB,CAAC"}

package/lib/components/Shimmer/Shimmer.js

@@ -8,6 +8,7 @@ var React = _interopRequireWildcard(require("react"));
 var _border = require("../../styles/variables/_border");
 var _size = require("../../styles/variables/_size");
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _string = require("../../utils/string");
 var _ShimmerModule = _interopRequireDefault(require("./Shimmer.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -36,9 +37,14 @@ const SHIMMER_TYPE_TO_BORDER_RADIUS_MAP = exports.SHIMMER_TYPE_TO_BORDER_RADIUS_
  */
 const ShimmerWrapper = _ref => {
   let {
-    children
+    children,
+    testId
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'wrapper'
+    }),
     children: children
   });
 };
@@ -51,7 +57,8 @@ const Shimmer = exports.Shimmer = /*#__PURE__*/React.forwardRef((_ref2, ref) =>
     children,
     width = _size.size40,
     height = _size.sizeFluid,
-    borderRadius
+    borderRadius,
+    testId
   } = _ref2;
   if (!show) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
@@ -61,7 +68,10 @@ const Shimmer = exports.Shimmer = /*#__PURE__*/React.forwardRef((_ref2, ref) =>
   const borderRadiusValue = borderRadius ?? SHIMMER_TYPE_TO_BORDER_RADIUS_MAP[type];
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
     ref: ref,
-    "data-testid": "Shimmer",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'shimmer'
+    }),
     className: (0, _classify.default)(_ShimmerModule.default.wrapper, _ShimmerModule.default[type], classNames?.wrapper),
     style: {
       '--width': (0, _string.appendPx)(width),
@@ -77,31 +87,52 @@ const KPIShimmer = _ref3 => {
     hasIcon = true,
     hasTopContent = true,
     hasMiddleContent = true,
-    classNames
+    classNames,
+    testId
   } = _ref3;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'kpiShimmer'
+    }),
     className: (0, _classify.default)(_ShimmerModule.default.kpiBox, classNames?.wrapper),
     children: [hasIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classify.default)(_ShimmerModule.default.section, _ShimmerModule.default.iconSection, classNames?.icon),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Shimmer, {
         type: "rounded",
         width: 60,
-        height: 60
+        height: 60,
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'iconShimmer'
+        })
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classify.default)(_ShimmerModule.default.section, classNames?.text),
       children: [hasTopContent && /*#__PURE__*/(0, _jsxRuntime.jsx)(Shimmer, {
         type: "text",
         width: textWidth,
-        height: 15
+        height: 15,
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'topTextShimmer'
+        })
       }), hasMiddleContent && /*#__PURE__*/(0, _jsxRuntime.jsx)(Shimmer, {
         type: "text",
         width: textWidth,
-        height: 25
+        height: 25,
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'middleTextShimmer'
+        })
       }), hasBottomContent && /*#__PURE__*/(0, _jsxRuntime.jsx)(Shimmer, {
         type: "text",
         width: textWidth,
-        height: 15
+        height: 15,
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'bottomTextShimmer'
+        })
       })]
     })]
   });

package/lib/components/StatusIndicator/StatusIndicator.d.ts

@@ -19,6 +19,7 @@ export interface StatusIndicatorProps {
     withBorder?: boolean;
     borderColorToken?: keyof typeof COLORS;
     disabled?: boolean;
+    testId?: string;
 }
 export declare const StatusIndicator: Flow.AbstractComponent<StatusIndicatorProps, HTMLDivElement>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIndicator/StatusIndicator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,MAAM,MAAM,6BAA6B,CAAC;AAMtD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;EAQ1B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD,MAAM,WAAW,oBAAoB;IACnC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,EAAE,IAAI,CAAC,iBAAiB,CAClD,oBAAoB,EACpB,cAAc,CAgCf,CAAC"}
+{"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIndicator/StatusIndicator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,MAAM,MAAM,6BAA6B,CAAC;AAOtD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;EAQ1B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AAEzD,MAAM,WAAW,oBAAoB;IACnC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,eAAe,EAAE,IAAI,CAAC,iBAAiB,CAClD,oBAAoB,EACpB,cAAc,CAiCf,CAAC"}

package/lib/components/StatusIndicator/StatusIndicator.js

@@ -7,6 +7,7 @@ exports.StatusIndicator = exports.STATUS_SEMANTIC = 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 _StatusIndicatorModule = _interopRequireDefault(require("./StatusIndicator.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -27,11 +28,15 @@ const StatusIndicator = exports.StatusIndicator = /*#__PURE__*/React.forwardRef(
     withBorder,
     borderColorToken = 'colorBackgroundTertiary',
     disabled,
+    testId,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ...props,
-    "data-testid": "StatusIndicator",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'indicator'
+    }),
     className: (0, _classify.default)(_StatusIndicatorModule.default.statusWrapper, _StatusIndicatorModule.default[status], {
       [_StatusIndicatorModule.default.withBorder]: withBorder,
       [_StatusIndicatorModule.default.disabled]: disabled

package/lib/components/StickyBar/StickyBar.d.ts

@@ -4,12 +4,14 @@ export interface StickyBarProps {
     className?: string;
     children: React.ReactNode;
     position?: 'top' | 'bottom';
+    testId?: string;
 }
 export interface StickyBarChildProps {
     className?: string;
     children: React.ReactNode;
+    testId?: string;
 }
-export declare const StickyBarLeftSlot: ({ className, children, ...props }: StickyBarChildProps) => React.JSX.Element;
-export declare const StickyBarRightSlot: ({ className, children, ...props }: StickyBarChildProps) => React.JSX.Element;
+export declare const StickyBarLeftSlot: ({ className, children, testId, ...props }: StickyBarChildProps) => React.JSX.Element;
+export declare const StickyBarRightSlot: ({ className, children, testId, ...props }: StickyBarChildProps) => React.JSX.Element;
 export declare const StickyBar: Flow.AbstractComponent<StickyBarProps, HTMLDivElement>;
 //# sourceMappingURL=StickyBar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"StickyBar.d.ts","sourceRoot":"","sources":["../../../src/components/StickyBar/StickyBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAOrD,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC7B;AAED,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,iBAAiB,GAAI,mCAI/B,mBAAmB,sBAIrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,mCAIhC,mBAAmB,sBAIrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CAsB1E,CAAC"}
+{"version":3,"file":"StickyBar.d.ts","sourceRoot":"","sources":["../../../src/components/StickyBar/StickyBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAQrD,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,iBAAiB,GAAI,2CAK/B,mBAAmB,sBAQrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,2CAKhC,mBAAmB,sBAQrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CA4B1E,CAAC"}

package/lib/components/StickyBar/StickyBar.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.StickyBarRightSlot = exports.StickyBarLeftSlot = exports.StickyBar = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _StickyBarModule = _interopRequireDefault(require("./StickyBar.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -14,10 +15,15 @@ const StickyBarLeftSlot = _ref => {
   let {
     className,
     children,
+    testId,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ...props,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'leftSlot'
+    }),
     className: (0, _classify.default)(_StickyBarModule.default.leftSlot, className),
     children: children
   });
@@ -27,10 +33,15 @@ const StickyBarRightSlot = _ref2 => {
   let {
     className,
     children,
+    testId,
     ...props
   } = _ref2;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ...props,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'rightSlot'
+    }),
     className: (0, _classify.default)(_StickyBarModule.default.rightSlot, className),
     children: children
   });
@@ -41,12 +52,16 @@ const StickyBar = exports.StickyBar = /*#__PURE__*/React.forwardRef((_ref3, ref)
     className,
     children,
     position = 'bottom',
+    testId,
     ...props
   } = _ref3;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ...props,
     ref: ref,
-    "data-testid": "StickyBar",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'stickyBar'
+    }),
     className: (0, _classify.default)(_StickyBarModule.default.wrapper, {
       [_StickyBarModule.default.top]: position === 'top',
       [_StickyBarModule.default.bottom]: position === 'bottom'

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

@@ -9,6 +9,7 @@ export interface TextProps {
     highlightString?: string | string[];
     caseSensitiveHighlighting?: boolean;
     highlightWithBackground?: boolean;
+    testId?: string;
 }
 export interface HighlightTextProps {
     text: string;
@@ -16,6 +17,7 @@ export interface HighlightTextProps {
     highlightClassName?: string;
     caseSensitiveHighlighting?: boolean;
     highlightWithBackground?: boolean;
+    testId?: string;
 }
 export declare const JumboLarge: Flow.AbstractComponent<TextProps, HTMLSpanElement>;
 export declare const JumboMedium: Flow.AbstractComponent<TextProps, HTMLSpanElement>;

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

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