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

package/.storybook/public/component-parent-levels.json

@@ -1,95 +1,95 @@
 {
   "leaves": [
-    "Card - Done",
-    "CircularLoader - Done",
-    "ConditionalWrapper - Done",
-    "EmptyState - Done",
-    "ErrorMessage - Done",
-    "FocusManager - Done",
-    "Grid - Done",
-    "LinearLoader - Done",
-    "Separator - Done",
-    "Shimmer - Done",
-    "StatusIndicator - Done",
-    "StickyBar - Done",
-    "Text - Done",
-    "Toggle - Done",
-    "Truncate - Done"
+    "Card",
+    "CircularLoader",
+    "ConditionalWrapper",
+    "EmptyState",
+    "ErrorMessage",
+    "FocusManager",
+    "Grid",
+    "LinearLoader",
+    "Separator",
+    "Shimmer",
+    "StatusIndicator",
+    "StickyBar",
+    "Text",
+    "Toggle",
+    "Truncate"
   ],
   "1_level_parents": [
-    "FocusManagerWithArrowKeyNavigation - Done",
-    "Icon - Done",
-    "ProgressDonut - Done",
-    "RadioButton - Done",
-    "ScoreBar - Done",
-    "Textarea - Done",
-    "Tooltip - Done"
+    "FocusManagerWithArrowKeyNavigation",
+    "Icon",
+    "ProgressDonut",
+    "RadioButton",
+    "ScoreBar",
+    "Textarea",
+    "Tooltip"
   ],
   "2_level_parents": [
-    "Avatar - Done",
-    "Badge - Done",
-    "BadgedIcon - Done",
-    "Button - Done",
-    "Checkbox - Done",
-    "Chip - Done",
-    "FormTitleWrapper - Done",
-    "Input - Done",
-    "KPIBox - Done",
-    "Link - Done",
-    "Notification - Done",
-    "PromptChip - Done",
-    "Stepper - Done",
-    "TextTile - Done",
-    "Timeline - Done",
-    "Toast - Done",
-    "TruncatedTextWithTooltip - Done"
+    "Avatar",
+    "Badge",
+    "BadgedIcon",
+    "Button",
+    "Checkbox",
+    "Chip",
+    "FormTitleWrapper",
+    "Input",
+    "KPIBox",
+    "Link",
+    "Notification",
+    "PromptChip",
+    "Stepper",
+    "TextTile",
+    "Timeline",
+    "Toast",
+    "TruncatedTextWithTooltip"
   ],
   "3_level_parents": [
-    "Accordion - Done",
-    "AvatarGroup - Done",
-    "Breadcrumbs - Done",
-    "ChatBubble - Done",
-    "CollapsibleCard - Done",
-    "FileUpload - Done",
-    "InContextAlert - Done",
-    "Modal - Done",
-    "PageTitle - Done",
-    "PromptInput - Done",
-    "RadioTile - Done",
-    "RangeSlider - Done",
-    "Rating - Done",
-    "SearchInput - Done",
-    "SideMenuLink - Done",
-    "SubMenu - Done",
-    "WeekdayPicker - Done"
+    "Accordion",
+    "AvatarGroup",
+    "Breadcrumbs",
+    "ChatBubble",
+    "CollapsibleCard",
+    "FileUpload",
+    "InContextAlert",
+    "Modal",
+    "PageTitle",
+    "PromptInput",
+    "RadioTile",
+    "RangeSlider",
+    "Rating",
+    "SearchInput",
+    "SideMenuLink",
+    "SubMenu",
+    "WeekdayPicker"
   ],
   "4_level_parents": [
-    "Banner - Done",
-    "Dialog - Done",
-    "InContextAlertWithMultipleActions - Done",
-    "Menu - Done",
-    "Panel - Done"
+    "Banner",
+    "Dialog",
+    "InContextAlertWithMultipleActions",
+    "Menu",
+    "Panel"
   ],
   "5_level_parents": [
-    "ButtonDropdown - Done",
-    "Disclaimer - Done",
-    "Dropdown - Done",
-    "Typeahead - Done"
+    "ButtonDropdown",
+    "Disclaimer",
+    "Dropdown",
+    "Typeahead"
   ],
   "6_level_parents": [
-    "ButtonTabs - Done",
-    "Charts - Done",
-    "Combobox - Done",
-    "DateRangePicker - Done",
-    "FilterButtonOverlay - Done",
-    "InlineDropdown - Done",
-    "OptionButton - Done",
-    "Pagination - Done",
-    "Table - Done",
-    "Tabs - Done",
-    "TokenListInput - Done"
+    "ButtonTabs",
+    "Charts",
+    "Combobox",
+    "DateRangePicker",
+    "FilterButtonOverlay",
+    "InlineDropdown",
+    "OptionButton",
+    "Pagination",
+    "Table",
+    "Tabs",
+    "TokenListInput"
   ],
   "7_level_parents": [
-    "InfinitePagination - Done"
+    "InfinitePagination"
   ]
 }

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.5.11](https://github.com/spaced-out/ui-design-system/compare/v0.5.10...v0.5.11) (2025-09-23)
+
+
+### Features
+
+* adds testid support in input icon and text ([3ce908f](https://github.com/spaced-out/ui-design-system/commit/3ce908f6171b85cba0757433e1924df5d9ee09f2))
+* adds testid support other leaf nodes ([ccdd323](https://github.com/spaced-out/ui-design-system/commit/ccdd3230a73b8813033024473a83271024b2b6d9))
+* extra classNames in prompt chip ([#408](https://github.com/spaced-out/ui-design-system/issues/408)) ([f000cbf](https://github.com/spaced-out/ui-design-system/commit/f000cbf6b8841680460a7c5d82db86066514b200))
+
 ### [0.5.10](https://github.com/spaced-out/ui-design-system/compare/v0.5.9...v0.5.10) (2025-09-23)
 
 

package/lib/components/Card/Card.d.ts

@@ -20,20 +20,22 @@ export interface CardProps {
     paddingRight?: PaddingSizeType;
     paddingBottom?: PaddingSizeType;
     paddingLeft?: PaddingSizeType;
+    testId?: string;
 }
 export interface CardChildProps {
     className?: string;
     children: React.ReactNode;
+    testId?: string;
 }
 export interface ClickableCardProps extends Omit<CardProps, 'onClick' | 'disabled'> {
     onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined;
     disabled?: boolean;
 }
-export declare const CardHeader: ({ className, children, ...props }: CardChildProps) => React.JSX.Element;
-export declare const CardTitle: ({ className, children, ...props }: CardChildProps) => React.JSX.Element;
-export declare const CardActions: ({ className, children, ...props }: CardChildProps) => React.JSX.Element;
-export declare const CardFooter: ({ className, children, ...props }: CardChildProps) => React.JSX.Element;
-export declare const CardContent: ({ className, children, ...props }: CardChildProps) => React.JSX.Element;
+export declare const CardHeader: ({ className, children, testId, ...props }: CardChildProps) => React.JSX.Element;
+export declare const CardTitle: ({ className, children, testId, ...props }: CardChildProps) => React.JSX.Element;
+export declare const CardActions: ({ className, children, testId, ...props }: CardChildProps) => React.JSX.Element;
+export declare const CardFooter: ({ className, children, testId, ...props }: CardChildProps) => React.JSX.Element;
+export declare const CardContent: ({ className, children, testId, ...props }: CardChildProps) => React.JSX.Element;
 export declare const Card: Flow.AbstractComponent<CardProps, HTMLDivElement>;
 export declare const ClickableCard: Flow.AbstractComponent<ClickableCardProps, HTMLDivElement>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.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,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;EAKxB,CAAC;AAEH,MAAM,MAAM,eAAe,GACzB,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAErD,MAAM,WAAW,SAAS;IACxB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,UAAU,CAAC;IAC/C,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,OAAO,CAAC;CACpB;AAOD,eAAO,MAAM,UAAU,GAAI,mCAAiC,cAAc,sBAIzE,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,mCAAiC,cAAc,sBAIxE,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,mCAIzB,cAAc,sBAIhB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,mCAAiC,cAAc,sBAIzE,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,mCAIzB,cAAc,sBAIhB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,cAAc,CA6BhE,CAAC;AAEJ,eAAO,MAAM,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAChD,kBAAkB,EAClB,cAAc,CA+Cf,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.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,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;EAKxB,CAAC;AAEH,MAAM,MAAM,eAAe,GACzB,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAErD,MAAM,WAAW,SAAS;IACxB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,UAAU,CAAC;IAC/C,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,OAAO,CAAC;CACpB;AAOD,eAAO,MAAM,UAAU,GAAI,2CAKxB,cAAc,sBAQhB,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,2CAKvB,cAAc,sBAQhB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,2CAKzB,cAAc,sBAQhB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,2CAKxB,cAAc,sBAQhB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,2CAKzB,cAAc,sBAQhB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,cAAc,CA8BhE,CAAC;AAEJ,eAAO,MAAM,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAChD,kBAAkB,EAClB,cAAc,CAsDf,CAAC"}

package/lib/components/Card/Card.js

@@ -7,6 +7,7 @@ exports.PADDING_SIZES = exports.ClickableCard = exports.CardTitle = exports.Card
 var React = _interopRequireWildcard(require("react"));
 var SPACES = _interopRequireWildcard(require("../../styles/variables/_space"));
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _string = require("../../utils/string");
 var _CardModule = _interopRequireDefault(require("./Card.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -26,10 +27,15 @@ const CardHeader = _ref => {
   let {
     className,
     children,
+    testId,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ...props,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'header'
+    }),
     className: (0, _classify.default)(_CardModule.default.cardHeader, className),
     children: children
   });
@@ -39,10 +45,15 @@ const CardTitle = _ref2 => {
   let {
     className,
     children,
+    testId,
     ...props
   } = _ref2;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ...props,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'title'
+    }),
     className: (0, _classify.default)(_CardModule.default.cardTitle, className),
     children: children
   });
@@ -52,10 +63,15 @@ const CardActions = _ref3 => {
   let {
     className,
     children,
+    testId,
     ...props
   } = _ref3;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ...props,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'actions'
+    }),
     className: (0, _classify.default)(_CardModule.default.cardActions, className),
     children: children
   });
@@ -65,10 +81,15 @@ const CardFooter = _ref4 => {
   let {
     className,
     children,
+    testId,
     ...props
   } = _ref4;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ...props,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'footer'
+    }),
     className: (0, _classify.default)(_CardModule.default.cardFooter, className),
     children: children
   });
@@ -78,10 +99,15 @@ const CardContent = _ref5 => {
   let {
     className,
     children,
+    testId,
     ...props
   } = _ref5;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ...props,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'content'
+    }),
     className: (0, _classify.default)(_CardModule.default.cardContent, className),
     children: children
   });
@@ -95,6 +121,7 @@ const Card = exports.Card = /*#__PURE__*/React.forwardRef((_ref6, ref) => {
     paddingRight = 'medium',
     paddingBottom = 'medium',
     paddingLeft = 'medium',
+    testId,
     ...props
   } = _ref6;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -105,7 +132,10 @@ const Card = exports.Card = /*#__PURE__*/React.forwardRef((_ref6, ref) => {
       '--card-padding-bottom': getPaddingValue(paddingBottom),
       '--card-padding-left': getPaddingValue(paddingLeft)
     },
-    "data-testid": "Card",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'card'
+    }),
     className: (0, _classify.default)(_CardModule.default.cardWrapper, classNames?.wrapper),
     ref: ref,
     children: children
@@ -116,6 +146,7 @@ const ClickableCard = exports.ClickableCard = /*#__PURE__*/React.forwardRef((_re
     classNames,
     onClick,
     disabled = false,
+    testId,
     ...props
   } = _ref7;
   const componentRef = React.useRef(null);
@@ -145,6 +176,7 @@ const ClickableCard = exports.ClickableCard = /*#__PURE__*/React.forwardRef((_re
     tabIndex: disabled ? -1 : 0,
     onClick: onClickHandler,
     onKeyDown: onKeyDownHandler,
+    testId: testId,
     ref: ref
   });
 });

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

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

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

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

package/lib/components/CircularLoader/CircularLoader.js

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

package/lib/components/EmptyState/EmptyState.d.ts

@@ -14,6 +14,7 @@ export interface EmptyStateProps {
     title?: React.ReactNode;
     description?: React.ReactNode;
     customImageUrl?: string;
+    testId?: string;
 }
 export declare const EmptyState: Flow.AbstractComponent<EmptyStateProps, HTMLDivElement>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.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;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC7E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAC7C,eAAe,EACf,cAAc,CAoDf,CAAC"}
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.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,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC7E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAC7C,eAAe,EACf,cAAc,CAoEf,CAAC"}

package/lib/components/EmptyState/EmptyState.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.EmptyState = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _EmptyImages = require("./EmptyImages");
 var _EmptyStateModule = _interopRequireDefault(require("./EmptyState.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -19,27 +20,51 @@ const EmptyState = exports.EmptyState = /*#__PURE__*/React.forwardRef((_ref, ref
     title,
     description,
     customImageUrl,
+    testId,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ...props,
-    "data-testid": "EmptyState",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'emptyState'
+    }),
     className: (0, _classify.default)(_EmptyStateModule.default.wrapper, classNames?.wrapper),
     ref: ref,
     children: [!!imageVariant && !customImageUrl && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'image'
+      }),
       className: (0, _classify.default)(_EmptyStateModule.default.image, classNames?.image),
       children: [imageVariant === 'calendar' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyImages.CalendarEmptyImage, {}), imageVariant === 'data' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyImages.DataEmptyImage, {}), imageVariant === 'file' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyImages.FileEmptyImage, {}), imageVariant === 'message' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyImages.MessageEmptyImage, {}), imageVariant === 'upload' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyImages.UploadEmptyImage, {}), imageVariant === 'chart' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyImages.ChartEmptyImage, {})]
     }), customImageUrl && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'image'
+      }),
       className: (0, _classify.default)(_EmptyStateModule.default.image, classNames?.image),
       src: customImageUrl,
       alt: "Empty State"
     }), !!title && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'title'
+      }),
       className: (0, _classify.default)(_EmptyStateModule.default.title, classNames?.title),
       children: title
     }), !!description && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'description'
+      }),
       className: (0, _classify.default)(_EmptyStateModule.default.description, classNames?.description),
       children: description
     }), !!children && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'children'
+      }),
       className: (0, _classify.default)(_EmptyStateModule.default.childrenWrapper, classNames?.children),
       children: children
     })]

package/lib/components/ErrorMessage/ErrorMessage.d.ts

@@ -16,6 +16,7 @@ export interface ErrorMessageProps {
     description?: React.ReactNode;
     heading?: React.ReactNode;
     customImageUrl?: string;
+    testId?: string;
 }
 export declare const ErrorMessage: Flow.AbstractComponent<ErrorMessageProps, HTMLDivElement>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"ErrorMessage.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorMessage/ErrorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAcrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,cAAc,GAAG,WAAW,GAAG,UAAU,GAAG,aAAa,CAAC;IACzE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAC/C,iBAAiB,EACjB,cAAc,CAwDf,CAAC"}
+{"version":3,"file":"ErrorMessage.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorMessage/ErrorMessage.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;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,cAAc,GAAG,WAAW,GAAG,UAAU,GAAG,aAAa,CAAC;IACzE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAC/C,iBAAiB,EACjB,cAAc,CA2Ef,CAAC"}

package/lib/components/ErrorMessage/ErrorMessage.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ErrorMessage = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _ErrorImages = require("./ErrorImages");
 var _ErrorMessageModule = _interopRequireDefault(require("./ErrorMessage.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -20,30 +21,58 @@ const ErrorMessage = exports.ErrorMessage = /*#__PURE__*/React.forwardRef((_ref,
     description,
     customImageUrl,
     heading,
+    testId,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ...props,
-    "data-testid": "ErrorMessage",
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'errorMessage'
+    }),
     className: (0, _classify.default)(_ErrorMessageModule.default.wrapper, classNames?.wrapper),
     ref: ref,
     children: [!!imageVariant && !customImageUrl && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'image'
+      }),
       className: (0, _classify.default)(_ErrorMessageModule.default.image, classNames?.image),
       children: [imageVariant === 'unauthorized' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorImages.UnauthorizedImage, {}), imageVariant === 'forbidden' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorImages.ForbiddenImage, {}), imageVariant === 'notFound' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorImages.NotFoundImage, {}), imageVariant === 'serverError' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorImages.ServerErrorImage, {})]
     }), customImageUrl && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'image'
+      }),
       className: (0, _classify.default)(_ErrorMessageModule.default.image, classNames?.image),
       src: customImageUrl,
       alt: "Empty State"
     }), !!heading && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'heading'
+      }),
       className: (0, _classify.default)(_ErrorMessageModule.default.heading, classNames?.heading),
       children: heading
     }), !!title && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'title'
+      }),
       className: (0, _classify.default)(_ErrorMessageModule.default.title, classNames?.title),
       children: title
     }), !!description && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'description'
+      }),
       className: (0, _classify.default)(_ErrorMessageModule.default.description, classNames?.description),
       children: description
     }), !!children && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'children'
+      }),
       className: (0, _classify.default)(_ErrorMessageModule.default.childrenWrapper, classNames?.children),
       children: children
     })]

package/lib/components/FocusManager/FocusManager.d.ts

@@ -9,6 +9,7 @@ export interface FocusManagerProps {
     returnFocus?: boolean;
     guards?: boolean;
     modal?: boolean;
+    testId?: string;
 }
 export declare const FocusManager: (props: FocusManagerProps) => React.JSX.Element;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"FocusManager.d.ts","sourceRoot":"","sources":["../../../src/components/FocusManager/FocusManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,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,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,sBA8BpD,CAAC"}
+{"version":3,"file":"FocusManager.d.ts","sourceRoot":"","sources":["../../../src/components/FocusManager/FocusManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,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,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,sBA+BpD,CAAC"}

package/lib/components/FocusManager/FocusManager.js

@@ -7,6 +7,7 @@ exports.FocusManager = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _react2 = require("@floating-ui/react");
 var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
 var _FocusManagerModule = _interopRequireDefault(require("./FocusManager.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -25,6 +26,7 @@ const FocusManager = props => {
     returnFocus = true,
     modal = true,
     guards = true,
+    testId,
     ...restFloatingFocusManagerProps
   } = props;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.FloatingFocusManager, {
@@ -36,7 +38,10 @@ const FocusManager = props => {
     ...restFloatingFocusManagerProps,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ref: refs.setFloating,
-      "data-testid": "FocusManager",
+      "data-testid": (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'focusManager'
+      }),
       className: (0, _classify.default)(_FocusManagerModule.default.wrapper, classNames?.wrapper),
       children: children
     })

package/lib/components/Grid/Grid.d.ts

@@ -6,8 +6,9 @@ export interface RowProps {
     offset?: number;
     gridType?: 'small' | 'medium' | 'large' | 'autoFill' | 'autoFit';
     repeatTracks?: string;
+    testId?: string;
 }
-export declare const Row: ({ className, children, gridType, repeatTracks, }: RowProps) => React.JSX.Element;
+export declare const Row: ({ className, children, gridType, repeatTracks, testId, }: RowProps) => React.JSX.Element;
 export interface ColProps {
     className?: string;
     children?: React.ReactNode;
@@ -15,6 +16,7 @@ export interface ColProps {
     offset?: number;
     gridColumnStart?: number | string;
     gridColumnEnd?: number | string;
+    testId?: string;
 }
-export declare const Col: ({ className, children, gridColumnStart, gridColumnEnd, }: ColProps) => React.JSX.Element;
+export declare const Col: ({ className, children, gridColumnStart, gridColumnEnd, testId, }: ColProps) => React.JSX.Element;
 //# sourceMappingURL=Grid.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,MAAM,WAAW,QAAQ;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAUD,eAAO,MAAM,GAAG,GAAI,kDAKjB,QAAQ,sBA0DV,CAAC;AAEF,MAAM,WAAW,QAAQ;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACjC;AAED,eAAO,MAAM,GAAG,GAAI,0DAKjB,QAAQ,sBAUV,CAAC"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,MAAM,WAAW,QAAQ;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAUD,eAAO,MAAM,GAAG,GAAI,0DAMjB,QAAQ,sBA0DV,CAAC;AAEF,MAAM,WAAW,QAAQ;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,GAAG,GAAI,kEAMjB,QAAQ,sBAWV,CAAC"}