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

package/lib/components/Table/TableActionBar.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.TableActionBar = exports.DropdownCta = exports.ButtonCta = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = require("../../utils/classify");
-var _qa = require("../../utils/qa");
 var _Button = require("../Button");
 var _ButtonDropdown = require("../ButtonDropdown");
 var _TableBarModule = _interopRequireDefault(require("./TableBar.module.css"));
@@ -16,15 +15,11 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 const ButtonCta = _ref => {
   let {
     classNames,
-    testId,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
     ...props,
-    "data-testid": (0, _qa.generateTestId)({
-      base: testId,
-      slot: 'button-cta'
-    }),
+    "data-testid": "table-action-bar-button-cta",
     type: "primary",
     size: "small",
     classNames: {
@@ -37,15 +32,11 @@ exports.ButtonCta = ButtonCta;
 const DropdownCta = _ref2 => {
   let {
     classNames,
-    testId,
     ...props
   } = _ref2;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonDropdown.SimpleButtonDropdown, {
     ...props,
-    "data-testid": (0, _qa.generateTestId)({
-      base: testId,
-      slot: 'dropdown-cta'
-    }),
+    "data-testid": "table-action-bar-dropdown-cta",
     type: "primary",
     size: "small",
     classNames: {
@@ -59,16 +50,12 @@ const TableActionBar = _ref3 => {
   let {
     children,
     className,
-    testId,
     ...props
   } = _ref3;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ...props,
     className: (0, _classify.classify)(_TableBarModule.default.tableActionBar, className),
-    "data-testid": (0, _qa.generateTestId)({
-      base: testId,
-      slot: 'action-bar'
-    }),
+    "data-testid": "table-action-bar",
     children: children
   });
 };

package/lib/components/Table/TableBottomBar.d.ts

@@ -2,7 +2,6 @@ import * as React from 'react';
 export interface TableBottomBarProps {
     children?: React.ReactNode;
     className?: string;
-    testId?: string;
 }
-export declare const TableBottomBar: ({ children, className, testId, ...props }: TableBottomBarProps) => React.JSX.Element;
+export declare const TableBottomBar: ({ children, className, ...props }: TableBottomBarProps) => React.JSX.Element;
 //# sourceMappingURL=TableBottomBar.d.ts.map

package/lib/components/Table/TableBottomBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableBottomBar.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableBottomBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,cAAc,GAAI,2CAK5B,mBAAmB,sBAQrB,CAAC"}
+{"version":3,"file":"TableBottomBar.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableBottomBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,GAAI,mCAI5B,mBAAmB,sBAQrB,CAAC"}

package/lib/components/Table/TableBottomBar.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.TableBottomBar = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = require("../../utils/classify");
-var _qa = require("../../utils/qa");
 var _TableBarModule = _interopRequireDefault(require("./TableBar.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -15,16 +14,12 @@ const TableBottomBar = _ref => {
   let {
     children,
     className,
-    testId,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ...props,
     className: (0, _classify.classify)(_TableBarModule.default.tableBar, _TableBarModule.default.bottomBar, className),
-    "data-testid": (0, _qa.generateTestId)({
-      base: testId,
-      slot: 'bottom-bar'
-    }),
+    "data-testid": "table-bottom-bar",
     children: children
   });
 };

package/lib/components/Table/TableTopBar.d.ts

@@ -2,7 +2,6 @@ import * as React from 'react';
 export interface TableTopBarProps {
     children?: React.ReactNode;
     className?: string;
-    testId?: string;
 }
-export declare const TableTopBar: ({ children, className, testId, ...props }: TableTopBarProps) => React.JSX.Element;
+export declare const TableTopBar: ({ children, className, ...props }: TableTopBarProps) => React.JSX.Element;
 //# sourceMappingURL=TableTopBar.d.ts.map

package/lib/components/Table/TableTopBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableTopBar.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableTopBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,GAAI,2CAKzB,gBAAgB,sBAQlB,CAAC"}
+{"version":3,"file":"TableTopBar.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableTopBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,GAAI,mCAIzB,gBAAgB,sBAQlB,CAAC"}

package/lib/components/Table/TableTopBar.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.TableTopBar = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _classify = require("../../utils/classify");
-var _qa = require("../../utils/qa");
 var _TableBarModule = _interopRequireDefault(require("./TableBar.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -15,16 +14,12 @@ const TableTopBar = _ref => {
   let {
     children,
     className,
-    testId,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ...props,
     className: (0, _classify.classify)(_TableBarModule.default.tableBar, _TableBarModule.default.topBar, className),
-    "data-testid": (0, _qa.generateTestId)({
-      base: testId,
-      slot: 'top-bar'
-    }),
+    "data-testid": "table-top-bar",
     children: children
   });
 };

package/lib/components/Tabs/Tab/Tab.d.ts

@@ -31,7 +31,6 @@ export interface TabProps {
     maxWidth?: string;
     elevation?: ElevationType;
     onClick?: (e: React.SyntheticEvent<HTMLElement>) => unknown;
-    testId?: string;
 }
 export declare const Tab: Flow.AbstractComponent<TabProps, HTMLButtonElement>;
 export {};

package/lib/components/Tabs/Tab/Tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/Tab.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;AAGlD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAM1D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,QAAQ;;;EAGnB,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,OAAO,CAA8B,CAAC;AAEzE,MAAM,MAAM,OAAO,GAAG,MAAM,OAAO,QAAQ,CAAC;AAE5C,MAAM,WAAW,QAAQ;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAC,KAAK,OAAO,CAAC;IAC/D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,GAAG,EAAE,IAAI,CAAC,iBAAiB,CAAC,QAAQ,EAAE,iBAAiB,CA6HjE,CAAC"}
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/Tab.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;AAGlD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAM1D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,QAAQ;;;EAGnB,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,OAAO,CAA8B,CAAC;AAEzE,MAAM,MAAM,OAAO,GAAG,MAAM,OAAO,QAAQ,CAAC;AAE5C,MAAM,WAAW,QAAQ;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAC,KAAK,OAAO,CAAC;IAC/D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,OAAO,CAAC;CAC7D;AAED,eAAO,MAAM,GAAG,EAAE,IAAI,CAAC,iBAAiB,CAAC,QAAQ,EAAE,iBAAiB,CAqHjE,CAAC"}

package/lib/components/Tabs/Tab/Tab.js

@@ -34,7 +34,6 @@ const Tab = exports.Tab = /*#__PURE__*/React.forwardRef((_ref, forwardRef) => {
     onClick,
     maxWidth,
     elevation,
-    testId,
     ...props
   } = _ref;
   const tabRef = React.useRef(null);
@@ -66,28 +65,24 @@ const Tab = exports.Tab = /*#__PURE__*/React.forwardRef((_ref, forwardRef) => {
     },
     tabIndex: disabled ? -1 : 0,
     ref: tabRef,
-    testId: testId,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
       className: (0, _classify.classify)(_TabModule.default.iconTextWrap, {
         [_TabModule.default.selected]: selected === true,
         [_TabModule.default.disabled]: disabled === true
       }, classNames?.iconTextWrap),
-      "data-testid": testId ? `${testId}__content` : undefined,
       children: [iconName ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         name: iconName,
         type: iconType,
         size: size,
         className: (0, _classify.classify)(_TabModule.default.icon, {
           [_TabModule.default.disabled]: disabled === true
-        }),
-        testId: testId ? `${testId}__icon` : undefined
+        })
       }) : null, label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
         children: size === TAB_SIZE.medium ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.ButtonTextMedium, {
           color: _typography.TEXT_COLORS.secondary,
           className: (0, _classify.classify)(_TabModule.default.tabContainer, {
             [_TabModule.default.disabled]: disabled === true
           }),
-          testId: testId ? `${testId}__text` : undefined,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             style: {
               maxWidth
@@ -98,7 +93,6 @@ const Tab = exports.Tab = /*#__PURE__*/React.forwardRef((_ref, forwardRef) => {
                 body: label,
                 elevation
               },
-              testId: testId ? `${testId}__tooltip` : undefined,
               children: label
             })
           })
@@ -108,7 +102,6 @@ const Tab = exports.Tab = /*#__PURE__*/React.forwardRef((_ref, forwardRef) => {
             [_TabModule.default.selected]: selected === true,
             [_TabModule.default.disabled]: disabled === true
           }),
-          testId: testId ? `${testId}__text` : undefined,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             style: {
               maxWidth
@@ -119,7 +112,6 @@ const Tab = exports.Tab = /*#__PURE__*/React.forwardRef((_ref, forwardRef) => {
                 body: label,
                 elevation
               },
-              testId: testId ? `${testId}__tooltip` : undefined,
               children: label
             })
           })

package/lib/components/Tabs/TabList/TabDropdown.d.ts

@@ -18,8 +18,7 @@ export interface TabDropdownProps {
     selected?: boolean;
     disabled?: boolean;
     elevation?: ElevationType;
-    testId?: string;
 }
-export declare const TabDropdown: ({ anchorPosition, size, onOptionSelect, props, elevation, classNames, testId, }: TabDropdownProps) => React.JSX.Element;
+export declare const TabDropdown: ({ anchorPosition, size, onOptionSelect, props, elevation, classNames, }: TabDropdownProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=TabDropdown.d.ts.map

package/lib/components/Tabs/TabList/TabDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabList/TabDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAE/D,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,yBAAyB,CAAC;AAEtD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAM1D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE;QACN,GAAG,EAAE,QAAQ,CAAC;QACd,IAAI,EAAE,SAAS,CAAC;KACjB,CAAC;IACF,cAAc,CAAC,EAAE,CACf,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,GAAI,iFAQzB,gBAAgB,sBAsElB,CAAC"}
+{"version":3,"file":"TabDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabList/TabDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAE/D,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,yBAAyB,CAAC;AAEtD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAM1D,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE;QACN,GAAG,EAAE,QAAQ,CAAC;QACd,IAAI,EAAE,SAAS,CAAC;KACjB,CAAC;IACF,cAAc,CAAC,EAAE,CACf,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED,eAAO,MAAM,WAAW,GAAI,yEAOzB,gBAAgB,sBAgElB,CAAC"}

package/lib/components/Tabs/TabList/TabDropdown.js

@@ -10,7 +10,6 @@ var _space = require("../../../styles/variables/_space");
 var _classify = require("../../../utils/classify");
 var _clickAway = require("../../../utils/click-away");
 var _mergeRefs = require("../../../utils/merge-refs");
-var _qa = require("../../../utils/qa");
 var _Menu = require("../../Menu");
 var _Tab = require("../Tab");
 var _Tooltip = require("../../Tooltip");
@@ -25,8 +24,7 @@ const TabDropdown = _ref => {
     onOptionSelect,
     props,
     elevation = 'modal',
-    classNames,
-    testId
+    classNames
   } = _ref;
   const {
     x,
@@ -51,10 +49,7 @@ const TabDropdown = _ref => {
         triggerRef
       } = _ref2;
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        "data-testid": (0, _qa.generateTestId)({
-          base: testId,
-          slot: 'dropdown'
-        }),
+        "data-testid": "TabDropdown",
         className: (0, _classify.classify)(_TabDropdownModule.default.tabDropdownContainer, classNames?.wrapper),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.Tab, {
           ...props?.tab,
@@ -67,11 +62,7 @@ const TabDropdown = _ref => {
           classNames: {
             wrapper: _TabDropdownModule.default.dotTabWrapper,
             iconTextWrap: _TabDropdownModule.default.dotTextWrap
-          },
-          testId: (0, _qa.generateTestId)({
-            base: testId,
-            slot: 'dropdown-tab'
-          })
+          }
         }), isOpen && props?.menu && /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.FloatingPortal, {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.FloatingFocusManager, {
             modal: false,
@@ -80,10 +71,6 @@ const TabDropdown = _ref => {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               ref: (0, _mergeRefs.mergeRefs)([refs.setFloating, boundaryRef]),
               className: _TabDropdownModule.default.menuWrapper,
-              "data-testid": (0, _qa.generateTestId)({
-                base: testId,
-                slot: 'menu-wrapper'
-              }),
               style: {
                 display: 'flex',
                 position: strategy,
@@ -98,11 +85,7 @@ const TabDropdown = _ref => {
                   clickAway();
                 },
                 size: props.menu.size || size,
-                onTabOut: clickAway,
-                testId: (0, _qa.generateTestId)({
-                  base: testId,
-                  slot: 'menu'
-                })
+                onTabOut: clickAway
               })
             })
           })

package/lib/components/Tabs/TabList/TabList.d.ts

@@ -19,7 +19,6 @@ export interface TabListProps {
     menuWidth?: string;
     elevation?: ElevationType;
     maxTabWidth?: string;
-    testId?: string;
 }
 export declare const TabList: Flow.AbstractComponent<TabListProps, HTMLDivElement>;
 export {};

package/lib/components/Tabs/TabList/TabList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabList/TabList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAWrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAuB1D,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,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAC,KAAK,OAAO,CAAC;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,cAAc,CA8JtE,CAAC"}
+{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabList/TabList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAUrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAsB1D,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,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAC,KAAK,OAAO,CAAC;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,cAAc,CAoJtE,CAAC"}

package/lib/components/Tabs/TabList/TabList.js

@@ -9,7 +9,6 @@ var _useWindowSize = require("../../../hooks/useWindowSize/useWindowSize");
 var _size = require("../../../styles/variables/_size");
 var _space = require("../../../styles/variables/_space");
 var _classify = require("../../../utils/classify");
-var _qa = require("../../../utils/qa");
 var _TabDropdown = require("./TabDropdown");
 var _TabListModule = _interopRequireDefault(require("./TabList.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -28,8 +27,7 @@ const TabList = exports.TabList = /*#__PURE__*/React.forwardRef((_ref, forwardRe
     // Default to 'modal' elevation. Note: When using Modal with allowBackgroundInteraction=true,
     // tooltips may appear over the modal. In such cases, handle it by passing an appropriate elevation.
     elevation = 'modal',
-    maxTabWidth = _size.size120,
-    testId
+    maxTabWidth = _size.size120
   } = _ref;
   const ref = React.useRef(null);
   React.useImperativeHandle(forwardRef, () => ref.current);
@@ -53,8 +51,7 @@ const TabList = exports.TabList = /*#__PURE__*/React.forwardRef((_ref, forwardRe
           label,
           disabled,
           iconName,
-          iconType,
-          testId: childTestId
+          iconType
         } = child.props;
         const effectiveMaxWidth = maxWidthChild || maxTabWidth;
         const widthInt = parseInt(effectiveMaxWidth);
@@ -68,12 +65,7 @@ const TabList = exports.TabList = /*#__PURE__*/React.forwardRef((_ref, forwardRe
             onSelect: childOnSelect,
             selectedTab,
             maxWidth: effectiveMaxWidth,
-            elevation,
-            testId: childTestId || (0, _qa.generateTestId)({
-              base: testId,
-              slot: 'tab',
-              index: i.toString()
-            })
+            elevation
           }));
         } else {
           menuOptions.push({
@@ -120,11 +112,7 @@ const TabList = exports.TabList = /*#__PURE__*/React.forwardRef((_ref, forwardRe
           width: menuWidth
         }
       },
-      elevation: elevation,
-      testId: (0, _qa.generateTestId)({
-        base: testId,
-        slot: 'dropdown'
-      })
+      elevation: elevation
     }, 'tabDropdown' + menuOptions.length) : null;
     nodes = [...tabListNodes, tabDropDownNode];
     return nodes;
@@ -138,10 +126,7 @@ const TabList = exports.TabList = /*#__PURE__*/React.forwardRef((_ref, forwardRe
   }, [ref.current, width]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ref: ref,
-    "data-testid": (0, _qa.generateTestId)({
-      base: testId,
-      slot: 'root'
-    }),
+    "data-testid": "Tabs",
     className: (0, _classify.classify)(_TabListModule.default.tabsContainer, {
       [_TabListModule.default.mediumSize]: size === 'medium',
       [_TabListModule.default.smallSize]: size === 'small'

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;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;AAuCD,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"}

package/lib/components/Timeline/Timeline.js

@@ -39,6 +39,7 @@ const Timeline_ = (_ref, ref) => {
     const timelineItemProps = timelineItemElement.props;
     return /*#__PURE__*/React.cloneElement(timelineItemElement, {
       ...timelineItemProps,
+      last: index + 1 === childrenArray.length,
       orientation,
       testId: (0, _qa.generateTestId)({
         base: testId,

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

@@ -12,6 +12,7 @@ type ClassNames = Readonly<{
 }>;
 export interface TimelineItemProps {
     id?: string;
+    last?: boolean;
     title?: React.ReactNode;
     iconName: string;
     children: React.ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"TimelineItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Timeline/TimelineItem/TimelineItem.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,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAElD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAMlE,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA2GD,eAAO,MAAM,YAAY,EAEpB,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC"}
+{"version":3,"file":"TimelineItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Timeline/TimelineItem/TimelineItem.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,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAElD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAMlE,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA8GD,eAAO,MAAM,YAAY,EAEpB,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC"}

package/lib/components/Timeline/TimelineItem/TimelineItem.js

@@ -19,6 +19,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 const TimelineItem_ = (_ref, ref) => {
   let {
     id,
+    last,
     title,
     iconName,
     iconType = _Icon.ICON_TYPE.solid,
@@ -67,7 +68,7 @@ const TimelineItem_ = (_ref, ref) => {
             base: testId,
             slot: 'icon'
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        }), !last && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: _TimelineModule.default.timelineItemBorder,
           "data-testid": (0, _qa.generateTestId)({
             base: testId,

package/lib/components/TokenListInput/TokenListInput.d.ts

@@ -50,7 +50,6 @@ export interface Props<T> {
     resolveTokenValue?: (arg1: ResolveTokenValueProps<T>) => React.ReactNode;
     inputProps?: Omit<InputProps, 'size'>;
     elevation?: ElevationType;
-    testId?: string;
 }
 export declare function TokenListInput<T>(props: Props<T>): React.JSX.Element;
 export declare namespace TokenListInput {

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

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

package/lib/components/TokenListInput/TokenListInput.js

@@ -14,7 +14,6 @@ var _typography = require("../../types/typography");
 var _classify = _interopRequireDefault(require("../../utils/classify"));
 var _clickAway = require("../../utils/click-away");
 var _mergeRefs = require("../../utils/merge-refs");
-var _qa = require("../../utils/qa");
 var _tokenListInput = require("../../utils/token-list-input/token-list-input");
 var _ButtonDropdown = require("../ButtonDropdown");
 var _CircularLoader = require("../CircularLoader");
@@ -57,8 +56,7 @@ function TokenListInput(props) {
     values,
     resolveTokenValue,
     inputProps,
-    elevation = 'modal',
-    testId
+    elevation = 'modal'
   } = props;
   const menuRef = React.useRef(null);
   const {
@@ -164,10 +162,7 @@ function TokenListInput(props) {
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           ref: menuRef,
           className: (0, _classify.default)(_TokenListInputModule.default.tokenListContainer, classNames?.wrapper),
-          "data-testid": (0, _qa.generateTestId)({
-            base: testId,
-            slot: 'root'
-          }),
+          "data-testid": "TokenListInput",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             onClick: () => {
               if (disabled || locked || values.length >= limit) {
@@ -197,20 +192,12 @@ function TokenListInput(props) {
               [_TokenListInputModule.default.inputLocked]: locked
             }, classNames?.box),
             ref: (0, _mergeRefs.mergeRefs)([refs.setReference, triggerRef]),
-            "data-testid": (0, _qa.generateTestId)({
-              base: testId,
-              slot: 'box'
-            }),
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TokenValueChips.TokenValueChips, {
               values: values,
               resolveTokenValue: resolveTokenValue,
               disabled: disabled,
               locked: locked,
-              onDismiss: removeValue,
-              testId: (0, _qa.generateTestId)({
-                base: testId,
-                slot: 'chips'
-              })
+              onDismiss: removeValue
             }), !hideInput && /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
               ...inputProps,
               ref: inputRef,
@@ -232,54 +219,26 @@ function TokenListInput(props) {
                 [_TokenListInputModule.default.inputMedium]: size === 'medium',
                 [_TokenListInputModule.default.inputSmall]: size === 'small'
               }, classNames?.input),
-              autoComplete: "off",
-              "data-testid": (0, _qa.generateTestId)({
-                base: testId,
-                slot: 'input'
-              })
+              autoComplete: "off"
             }), isLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               className: _TokenListInputModule.default.loaderContainer,
-              "data-testid": (0, _qa.generateTestId)({
-                base: testId,
-                slot: 'loader'
-              }),
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularLoader.CircularLoader, {
                 size: "small",
-                colorToken: "colorFillPrimary",
-                testId: (0, _qa.generateTestId)({
-                  base: testId,
-                  slot: 'loader-icon'
-                })
+                colorToken: "colorFillPrimary"
               })
             }), locked && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
               name: "lock",
               color: disabled ? 'disabled' : 'secondary',
               size: "small",
-              className: _TokenListInputModule.default.lockIcon,
-              testId: (0, _qa.generateTestId)({
-                base: testId,
-                slot: 'lock-icon'
-              })
+              className: _TokenListInputModule.default.lockIcon
             })]
           }), !isOpen && (Boolean(helperText) || errorText) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: _TokenListInputModule.default.footerTextContainer,
-            "data-testid": (0, _qa.generateTestId)({
-              base: testId,
-              slot: 'footer'
-            }),
             children: error && errorText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodySmall, {
               color: _typography.TEXT_COLORS.danger,
-              testId: (0, _qa.generateTestId)({
-                base: testId,
-                slot: 'error'
-              }),
               children: errorText
             }) : typeof helperText === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.BodySmall, {
               color: _typography.TEXT_COLORS.secondary,
-              testId: (0, _qa.generateTestId)({
-                base: testId,
-                slot: 'helper'
-              }),
               children: helperText
             }) : helperText
           }), !locked && isOpen && menu && /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.FloatingPortal, {
@@ -291,10 +250,6 @@ function TokenListInput(props) {
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                 className: _TokenListInputModule.default.menuWrapper,
                 ref: (0, _mergeRefs.mergeRefs)([refs.setFloating, boundaryRef]),
-                "data-testid": (0, _qa.generateTestId)({
-                  base: testId,
-                  slot: 'menu-wrapper'
-                }),
                 style: {
                   position: strategy,
                   top: y ?? _space.spaceNone,
@@ -321,11 +276,7 @@ function TokenListInput(props) {
                   },
                   size: menu.size || size,
                   onTabOut: clickAway,
-                  ref: menuRef,
-                  testId: (0, _qa.generateTestId)({
-                    base: testId,
-                    slot: 'menu'
-                  })
+                  ref: menuRef
                 })
               })
             })

package/lib/components/TokenListInput/TokenValueChips.d.ts

@@ -5,14 +5,12 @@ interface Props<T> {
     locked?: boolean;
     onDismiss: (arg1: T) => unknown;
     resolveTokenValue?: (arg1: ResolveTokenValueProps<T>) => React.ReactNode;
-    testId?: string;
 }
 export interface ResolveTokenValueProps<T> {
     token: T;
     disabled?: boolean;
     onDismiss?: (arg1: T) => unknown;
     locked?: boolean;
-    testId?: string;
 }
 export declare function TokenValueChips<T>(props: Props<T>): (string | number | bigint | boolean | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined)[];
 export declare namespace TokenValueChips {

package/lib/components/TokenListInput/TokenValueChips.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TokenValueChips.d.ts","sourceRoot":"","sources":["../../../src/components/TokenListInput/TokenValueChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,UAAU,KAAK,CAAC,CAAC;IACf,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IAChC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACzE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,sBAAsB,CAAC,CAAC;IACvC,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA+BD,wBAAgB,eAAe,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,uSAoBjD;yBApBe,eAAe"}
+{"version":3,"file":"TokenValueChips.d.ts","sourceRoot":"","sources":["../../../src/components/TokenListInput/TokenValueChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,UAAU,KAAK,CAAC,CAAC;IACf,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IAChC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CAC1E;AAED,MAAM,WAAW,sBAAsB,CAAC,CAAC;IACvC,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAyBD,wBAAgB,eAAe,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,uSAkBjD;yBAlBe,eAAe"}