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

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

@@ -1 +1 @@
-{"version":3,"file":"SideMenuLink.d.ts","sourceRoot":"","sources":["../../../src/components/SideMenuLink/SideMenuLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAQrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAEvD,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,gCAAgC,CAAC;AAGvE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAM7D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqLzB,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CACT,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACpC,QAAQ,EAAE,MAAM,KACb,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,CACpC,aAAa,EACb,iBAAiB,GAAG,IAAI,GAAG,SAAS,CACrC,CAAC;IACF,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAC/C,iBAAiB,EACjB,iBAAiB,CA6HlB,CAAC"}
+{"version":3,"file":"SideMenuLink.d.ts","sourceRoot":"","sources":["../../../src/components/SideMenuLink/SideMenuLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AASrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAEvD,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,gCAAgC,CAAC;AAGvE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAM7D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqLzB,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CACT,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACpC,QAAQ,EAAE,MAAM,KACb,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,CACpC,aAAa,EACb,iBAAiB,GAAG,IAAI,GAAG,SAAS,CACrC,CAAC;IACF,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAC/C,iBAAiB,EACjB,iBAAiB,CA+IlB,CAAC"}

package/lib/components/SideMenuLink/SideMenuLink.js

@@ -7,6 +7,7 @@ exports.SideMenuLink = exports.MENU_NAME_LIST = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _Button = require("../Button");
 var _ConditionalWrapper = require("../ConditionalWrapper");
 var _Icon = require("../Icon");
@@ -216,6 +217,7 @@ const SideMenuLink = exports.SideMenuLink = /*#__PURE__*/React.forwardRef((_ref,
     to,
     customTitle,
     status,
+    testId,
     ...restButtonProps
   } = _ref;
   const selected = selectedValue === pageNameKey;
@@ -234,6 +236,10 @@ const SideMenuLink = exports.SideMenuLink = /*#__PURE__*/React.forwardRef((_ref,
         [_SideMenuLinkModule.default.closed]: !opened
       }),
       onClick: onChangeHandler,
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'link'
+      }),
       children: children
     }),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionalWrapper.ConditionalWrapper, {
@@ -241,6 +247,10 @@ const SideMenuLink = exports.SideMenuLink = /*#__PURE__*/React.forwardRef((_ref,
       wrapper: children => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
         body: linkTitle,
         ...tooltip,
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'tooltip'
+        }),
         children: children
       }),
       children: /*#__PURE__*/(0, _react.createElement)(_Button.UnstyledButton, {
@@ -255,28 +265,48 @@ const SideMenuLink = exports.SideMenuLink = /*#__PURE__*/React.forwardRef((_ref,
         ref: ref,
         tabIndex: disabled ? -1 : tabIndex,
         disabled: disabled,
-        key: pageNameKey
+        key: pageNameKey,
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'button'
+        })
       }, pageNameKey && MENU_NAME_LIST[pageNameKey] ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: _SideMenuLinkModule.default.iconContainer,
         children: [status && /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatusIndicator.StatusIndicator, {
           status: status,
           classNames: {
             wrapper: _SideMenuLinkModule.default.statusIndicatorBlock
-          }
+          },
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'status-indicator'
+          })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
           type: MENU_NAME_LIST[pageNameKey].iconType,
           name: MENU_NAME_LIST[pageNameKey].iconName,
           size: "medium",
           color: _Text.TEXT_COLORS.inverseSecondary,
-          className: _SideMenuLinkModule.default.menuIcon
+          className: _SideMenuLinkModule.default.menuIcon,
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'icon'
+          })
         })]
       }) : null, opened ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: _SideMenuLinkModule.default.menuLabelContainer,
         children: [pageNameKey && MENU_NAME_LIST[pageNameKey] ? isGroupMenuLink ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.SubTitleSmall, {
           className: _SideMenuLinkModule.default.groupMenuLinkText,
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'title'
+          }),
           children: linkTitle
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodyMedium, {
           className: _SideMenuLinkModule.default.menuLinkText,
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'title'
+          }),
           children: linkTitle
         }) : null, rightSlot ? rightSlot : null]
       }) : null)

package/lib/components/Stepper/Step/Step.d.ts

@@ -19,6 +19,7 @@ export interface StepProps {
     onClick?: (idx: number, e?: React.SyntheticEvent<HTMLElement> | null | undefined) => unknown;
     iconName?: string;
     iconType?: IconType;
+    testId?: string;
 }
 export declare const Step: Flow.AbstractComponent<StepProps, HTMLDivElement>;
 export {};

package/lib/components/Stepper/Step/Step.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step/Step.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;AAalD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,SAAS;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CACR,GAAG,EAAE,MAAM,EACX,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACrD,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAED,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,cAAc,CA8FhE,CAAC"}
+{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step/Step.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;AAclD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,SAAS;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CACR,GAAG,EAAE,MAAM,EACX,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACrD,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,cAAc,CAuGhE,CAAC"}

package/lib/components/Stepper/Step/Step.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Step = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("../../../utils/classify"));
+var _qa = require("../../../utils/qa");
 var _Icon = require("../../Icon");
 var _StepperModule = _interopRequireDefault(require("../Stepper.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -26,7 +27,8 @@ const Step = exports.Step = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     onClick,
     allowClick,
     iconName,
-    iconType
+    iconType,
+    testId
   } = _ref;
   const childrenArray = React.Children.toArray(children).filter(Boolean);
   const stepContent = childrenArray.map(stepContent => {
@@ -35,7 +37,11 @@ const Step = exports.Step = /*#__PURE__*/React.forwardRef((_ref, ref) => {
         ...stepContent.props,
         active,
         completed,
-        disabled
+        disabled,
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'content'
+        })
       });
     }
     return stepContent;
@@ -52,6 +58,10 @@ const Step = exports.Step = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       [_StepperModule.default.clickable]: allowClick
     }, classNames?.wrapper),
     onClick: handleClick,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'root'
+    }),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classify.default)(_StepperModule.default.stepWrapperCounter, {
         [_StepperModule.default.selected]: active,
@@ -61,21 +71,37 @@ const Step = exports.Step = /*#__PURE__*/React.forwardRef((_ref, ref) => {
         [_StepperModule.default.disabled]: disabled,
         [_StepperModule.default.withIcon]: !!iconName
       }, classNames?.stepCounter),
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'counter'
+      }),
       children: completed && !active ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         name: "check",
         type: _Icon.ICON_TYPE.solid,
         size: _Icon.ICON_SIZE.small,
-        className: _StepperModule.default.stepIcon
+        className: _StepperModule.default.stepIcon,
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'check-icon'
+        })
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
         children: iconName ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
           name: iconName,
           className: _StepperModule.default.stepIcon,
           size: _Icon.ICON_SIZE.small,
-          type: iconType
+          type: iconType,
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'icon'
+          })
         }) : (index + 1).toString()
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classify.default)(_StepperModule.default.stepContent, classNames?.content),
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'content'
+      }),
       children: stepContent
     })]
   });

package/lib/components/Stepper/Step/StepContent.d.ts

@@ -8,7 +8,8 @@ export interface StepContentProps {
     completed?: boolean;
     disabled?: boolean;
     classNames?: ClassNames;
+    testId?: string;
 }
-export declare const StepContent: ({ children, classNames, active, completed, disabled, }: StepContentProps) => React.JSX.Element;
+export declare const StepContent: ({ children, classNames, active, completed, disabled, testId, }: StepContentProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=StepContent.d.ts.map

package/lib/components/Stepper/Step/StepContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StepContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step/StepContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,eAAO,MAAM,WAAW,GAAI,wDAMzB,gBAAgB,sBAclB,CAAC"}
+{"version":3,"file":"StepContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step/StepContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,GAAI,gEAOzB,gBAAgB,sBAelB,CAAC"}

package/lib/components/Stepper/Step/StepContent.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.StepContent = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = require("../../../utils/classify");
+var _qa = require("../../../utils/qa");
 var _StepperModule = _interopRequireDefault(require("../Stepper.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -16,7 +17,8 @@ const StepContent = _ref => {
     classNames,
     active,
     completed = false,
-    disabled = false
+    disabled = false,
+    testId
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classify.classify)(_StepperModule.default.stepContentWrapper, {
@@ -24,6 +26,10 @@ const StepContent = _ref => {
       [_StepperModule.default.completed]: completed,
       [_StepperModule.default.disabled]: disabled
     }, classNames?.wrapper),
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'root'
+    }),
     children: children
   });
 };

package/lib/components/Stepper/Step/StepLabel.d.ts

@@ -8,7 +8,8 @@ export interface StepLabelProps {
     completed?: boolean;
     disabled?: boolean;
     classNames?: ClassNames;
+    testId?: string;
 }
-export declare const StepLabel: ({ children, classNames, active, completed, disabled, }: StepLabelProps) => React.JSX.Element;
+export declare const StepLabel: ({ children, classNames, active, completed, disabled, testId, }: StepLabelProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=StepLabel.d.ts.map

package/lib/components/Stepper/Step/StepLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StepLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step/StepLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,eAAO,MAAM,SAAS,GAAI,wDAMvB,cAAc,sBAchB,CAAC"}
+{"version":3,"file":"StepLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/Stepper/Step/StepLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,SAAS,GAAI,gEAOvB,cAAc,sBAehB,CAAC"}

package/lib/components/Stepper/Step/StepLabel.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.StepLabel = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = require("../../../utils/classify");
+var _qa = require("../../../utils/qa");
 var _StepperModule = _interopRequireDefault(require("../Stepper.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -16,7 +17,8 @@ const StepLabel = _ref => {
     classNames,
     active,
     completed = false,
-    disabled = false
+    disabled = false,
+    testId
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classify.classify)(_StepperModule.default.stepLabelWrapper, {
@@ -24,6 +26,10 @@ const StepLabel = _ref => {
       [_StepperModule.default.completed]: completed,
       [_StepperModule.default.disabled]: disabled
     }, classNames?.wrapper),
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'root'
+    }),
     children: children
   });
 };

package/lib/components/Stepper/Stepper.d.ts

@@ -9,6 +9,7 @@ export interface StepperProps {
     children: React.ReactNode;
     orientation?: 'horizontal' | 'vertical';
     disabled?: boolean;
+    testId?: string;
 }
 export declare const Stepper: Flow.AbstractComponent<StepperProps, HTMLDivElement>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAOrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAiBH,MAAM,WAAW,YAAY;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,cAAc,CA+DtE,CAAC"}
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAQrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAkBH,MAAM,WAAW,YAAY;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,cAAc,CAsEtE,CAAC"}

package/lib/components/Stepper/Stepper.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Stepper = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = require("../../utils/classify");
+var _qa = require("../../utils/qa");
 var _StepperModule = _interopRequireDefault(require("./Stepper.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -20,7 +21,8 @@ const Stepper = exports.Stepper = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     children,
     orientation = 'horizontal',
     classNames,
-    disabled = false
+    disabled = false,
+    testId
   } = _ref;
   const childrenArray = React.Children.toArray(children).filter(Boolean);
   const steps = childrenArray.map((step, index) => {
@@ -55,12 +57,21 @@ const Stepper = exports.Stepper = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       last: index + 1 === childrenArray.length,
       active: index === activeStep,
       allowClick: onClick && index !== activeStep && isLastStepCompleted,
-      disabled: disabledChild || disabled
+      disabled: disabledChild || disabled,
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'step',
+        index: index.toString()
+      })
     });
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classify.classify)(_StepperModule.default.stepperWrapper, _StepperModule.default[orientation], classNames?.wrapper),
     ref: ref,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'root'
+    }),
     children: steps
   });
 });

package/lib/components/SubMenu/SubMenu.d.ts

@@ -13,6 +13,7 @@ export interface SubMenuProps {
     children?: React.ReactNode;
     onClose?: () => unknown;
     showClose?: boolean;
+    testId?: string;
 }
 export declare const SubMenu: Flow.AbstractComponent<SubMenuProps, HTMLDivElement>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"SubMenu.d.ts","sourceRoot":"","sources":["../../../src/components/SubMenu/SubMenu.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,EAAE,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAO5D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,YAAY;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,cAAc,CAmEtE,CAAC"}
+{"version":3,"file":"SubMenu.d.ts","sourceRoot":"","sources":["../../../src/components/SubMenu/SubMenu.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,EAAE,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAO5D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,YAAY;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,cAAc,CAwEtE,CAAC"}

package/lib/components/SubMenu/SubMenu.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.SubMenu = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _Button = require("../Button");
 var _Icon = require("../Icon");
 var _Text = require("../Text");
@@ -22,7 +23,8 @@ const SubMenu = exports.SubMenu = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     titleIconSize,
     titleIconType,
     onClose,
-    showClose = false
+    showClose = false,
+    testId
   } = _ref;
   const childrenWithProps = React.Children.map(children, child => {
     if (/*#__PURE__*/React.isValidElement(child)) {
@@ -35,6 +37,10 @@ const SubMenu = exports.SubMenu = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classify.default)(_SubMenuModule.default.subMenuWrapper, classNames?.wrapper),
     ref: ref,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'wrapper'
+    }),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: _SubMenuModule.default.subMenuTitleAndButton,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -44,10 +50,18 @@ const SubMenu = exports.SubMenu = /*#__PURE__*/React.forwardRef((_ref, ref) => {
           name: titleIcon,
           type: titleIconType,
           size: titleIconSize,
-          className: _SubMenuModule.default.titleIcon
+          className: _SubMenuModule.default.titleIcon,
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'title-icon'
+          })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.SubTitleMedium, {
           className: _SubMenuModule.default.subMenuHeader,
           color: _Text.TEXT_COLORS.inversePrimary,
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'title'
+          }),
           children: title
         })]
       }), showClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
@@ -60,7 +74,11 @@ const SubMenu = exports.SubMenu = /*#__PURE__*/React.forwardRef((_ref, ref) => {
         classNames: {
           wrapper: _SubMenuModule.default.subMenuCloseButton,
           icon: _SubMenuModule.default.subMenuCloseIcon
-        }
+        },
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'close-button'
+        })
       })]
     }), childrenWithProps]
   });

package/lib/components/TextTile/TextTile.d.ts

@@ -10,6 +10,7 @@ export interface TextTileProps {
     iconName?: string;
     classNames?: ClassNames;
     description?: React.ReactNode;
+    testId?: string;
 }
 export declare const TextTile: Flow.AbstractComponent<TextTileProps, HTMLDivElement>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"TextTile.d.ts","sourceRoot":"","sources":["../../../src/components/TextTile/TextTile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAUrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED,eAAO,MAAM,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,cAAc,CA+BxE,CAAC"}
+{"version":3,"file":"TextTile.d.ts","sourceRoot":"","sources":["../../../src/components/TextTile/TextTile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAWrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,cAAc,CAiDxE,CAAC"}

package/lib/components/TextTile/TextTile.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.TextTile = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _Icon = require("../Icon");
 var _Text = require("../Text");
 var _TextTileModule = _interopRequireDefault(require("./TextTile.module.css"));
@@ -17,23 +18,43 @@ const TextTile = exports.TextTile = /*#__PURE__*/React.forwardRef((_ref, ref) =>
     header,
     iconName = 'sparkles',
     classNames,
-    description
+    description,
+    testId
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ref: ref,
-    "data-testid": "TextTile",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'root'
+    }),
     className: (0, _classify.default)(_TextTileModule.default.textTileWrapper, classNames?.wrapper),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classify.default)(_TextTileModule.default.textTileTitle, classNames?.title),
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'title'
+      }),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         size: _Icon.ICON_SIZE.large,
         name: iconName,
         type: _Icon.ICON_TYPE.solid,
-        className: (0, _classify.default)(_TextTileModule.default.sparkles, classNames?.icon)
+        className: (0, _classify.default)(_TextTileModule.default.sparkles, classNames?.icon),
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'icon'
+        })
       }), typeof header === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.JumboMedium, {
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'header'
+        }),
         children: header
       }) : header]
     }), typeof description === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodyLarge, {
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'description'
+      }),
       children: description
     }) : description]
   });

package/lib/components/Textarea/Textarea.d.ts

@@ -22,6 +22,7 @@ export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTex
     size?: 'medium' | 'small';
     required?: boolean;
     textCountLimit?: number;
+    testId?: string;
 }
 export declare const Textarea: Flow.AbstractComponent<TextareaProps, HTMLTextAreaElement>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AASrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAC/C,OAAO,GACP,UAAU,GACV,SAAS,GACT,QAAQ,GACR,WAAW,GACX,MAAM,GACN,UAAU,GACV,aAAa,GACb,QAAQ,GACR,OAAO,GACP,WAAW,GACX,OAAO,GACP,YAAY,GACZ,YAAY,GACZ,MAAM,GACN,UAAU,GACV,gBAAgB,CACnB;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CACT,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,EAC3C,OAAO,CAAC,EAAE,OAAO,KACd,OAAO,CAAC;IACb,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,OAAO,CAAC;IAChE,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,OAAO,CAAC;IAC/D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KAAK,OAAO,CAAC;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AA4GD,eAAO,MAAM,QAAQ,EAEhB,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,mBAAmB,CAAC,CAAC"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAUrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAC/C,OAAO,GACP,UAAU,GACV,SAAS,GACT,QAAQ,GACR,WAAW,GACX,MAAM,GACN,UAAU,GACV,aAAa,GACb,QAAQ,GACR,OAAO,GACP,WAAW,GACX,OAAO,GACP,YAAY,GACZ,YAAY,GACZ,MAAM,GACN,UAAU,GACV,gBAAgB,CACnB;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CACT,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,EAC3C,OAAO,CAAC,EAAE,OAAO,KACd,OAAO,CAAC;IACb,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,OAAO,CAAC;IAChE,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,OAAO,CAAC;IAC/D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KAAK,OAAO,CAAC;IACrE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAuID,eAAO,MAAM,QAAQ,EAEhB,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,mBAAmB,CAAC,CAAC"}

package/lib/components/Textarea/Textarea.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Textarea = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = require("../../utils/classify");
+var _qa = require("../../utils/qa");
 var _Text = require("../Text");
 var _TextareaModule = _interopRequireDefault(require("./Textarea.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -30,6 +31,7 @@ const Textarea_ = (props, ref) => {
     size = 'medium',
     required,
     textCountLimit,
+    testId,
     ...textareaProps
   } = props;
   const [textCountError, setTextCountError] = React.useState(false);
@@ -44,26 +46,50 @@ const Textarea_ = (props, ref) => {
   }, [value]);
   const controlledTextareaFilled = value !== '';
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'root'
+    }),
     className: (0, _classify.classify)(_TextareaModule.default.wrapper, {
       [_TextareaModule.default.filled]: controlledTextareaFilled ?? false,
       [_TextareaModule.default.withError]: (error || textCountError) ?? false
     }),
     children: [Boolean(label) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'label'
+      }),
       className: _TextareaModule.default.info,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: _TextareaModule.default.infoContent,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.FormLabelSmall, {
           color: "secondary",
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'labelText'
+          }),
           children: label ?? ''
         }), "\xA0", required && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.FormLabelSmall, {
           color: "danger",
+          testId: (0, _qa.generateTestId)({
+            base: testId,
+            slot: 'requiredIndicator'
+          }),
           children: '*'
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.FormLabelSmall, {
         color: error || textCountError ? 'danger' : 'secondary',
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'textCount'
+        }),
         children: !!textCountLimit && (value && value.length || 0) + '/' + textCountLimit
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'box'
+      }),
       className: (0, _classify.classify)(_TextareaModule.default.box, {
         [_TextareaModule.default.inputDisabled]: disabled ?? false,
         [_TextareaModule.default.medium]: size === 'medium',
@@ -72,6 +98,10 @@ const Textarea_ = (props, ref) => {
       }, classNames?.box),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", {
         ...textareaProps,
+        "data-testid": (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'textarea'
+        }),
         disabled: locked || disabled,
         name: name,
         ref: ref,
@@ -84,9 +114,17 @@ const Textarea_ = (props, ref) => {
         className: classNames?.textarea
       })
     }), (Boolean(helperText) || error) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'helperText'
+      }),
       className: _TextareaModule.default.info,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodySmall, {
         color: error && errorText ? 'danger' : disabled ? 'disabled' : 'secondary',
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'errorText'
+        }),
         children: error && errorText ? errorText : helperText ?? ''
       })
     })]

package/lib/components/Timeline/Timeline.d.ts

@@ -12,6 +12,7 @@ export interface TimelineProps {
     children: React.ReactNode;
     classNames?: ClassNames;
     orientation?: Orientation;
+    testId?: string;
 }
 export declare const Timeline: Flow.AbstractComponent<TimelineProps, HTMLDivElement>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAOrD,eAAO,MAAM,WAAW;;;EAGtB,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAWzE,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAkCD,eAAO,MAAM,QAAQ,EAEhB,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC"}
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAQrD,eAAO,MAAM,WAAW;;;EAGtB,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAYzE,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAwCD,eAAO,MAAM,QAAQ,EAEhB,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC"}