@activecollab/components 1.0.162 → 1.0.165

package/dist/index.js

@@ -365,7 +365,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "AddCrossTinyIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 4a1 1 0 011 1v6h6a1 1 0 010 2h-6v6a1 1 0 01-2 0l-.001-6H5a1 1 0 010-2h6V5a1 1 0 011-1z",
@@ -1244,7 +1247,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ActivityIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M6 4a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2H6zm0-2h12a4 4 0 014 4v12a4 4 0 01-4 4H6a4 4 0 01-4-4V6a4 4 0 014-4zm2.962 10.317a1 1 0 01-.949.684H5.76a1 1 0 010-2h1.532l1.772-5.317c.304-.912 1.594-.912 1.898 0l3.051 9.154 1.051-3.154a1 1 0 01.95-.684H18a1 1 0 010 2h-1.266l-1.772 5.316c-.304.912-1.594.912-1.898 0l-3.05-9.153-1.052 3.154z"
@@ -1264,7 +1270,10 @@
       height: 10,
       viewBox: "0 0 10 10",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "AddCrossIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M6 0v4h4v2H6v4H4V6H0V4h4V0h2z",
@@ -1280,7 +1289,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ArrowCollapseMultipleIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 15l4.72 4.461a.867.867 0 010 1.275.995.995 0 01-1.25.08l-.098-.08L12 17.549l-3.372 3.187a.993.993 0 01-1.349 0 .865.865 0 01-.079-1.19l.08-.085L12 15zm4.72-11.736a.867.867 0 010 1.275L12 9 7.28 4.539a.867.867 0 010-1.275.993.993 0 011.348 0L12 6.451l3.372-3.187a.993.993 0 011.349 0zM6 11h12a1 1 0 010 2H6a1 1 0 010-2z",
@@ -1296,7 +1308,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ArrowDownLongIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M13 5v9h4l-5 5-5-5h4V5z",
@@ -1312,7 +1327,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ArrowExpandeMultipleIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M16.72 15.264a.867.867 0 010 1.275L12 21l-4.72-4.461a.867.867 0 010-1.275.993.993 0 011.348 0L12 18.451l3.372-3.187a.993.993 0 011.349 0zM18 11a1 1 0 010 2H6a1 1 0 010-2h12zm-6-8l4.72 4.461a.867.867 0 010 1.275.995.995 0 01-1.25.08l-.098-.08L12 5.549 8.628 8.736a.993.993 0 01-1.349 0 .865.865 0 01-.079-1.19l.08-.085L12 3z",
@@ -1322,29 +1340,16 @@
   ArrowExpandeMultipleIcon.displayName = "ArrowExpandeMultipleIcon";
   var ArrowExpandeMultipleIcon$1 = ArrowExpandeMultipleIcon;
 
-  var ArrowUpLongIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
-    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
-      width: 24,
-      height: 24,
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "var(--color-theme-600)",
-      ref: svgRef
-    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M13 19v-9h4l-5-5-5 5h4v9z",
-      fillRule: "evenodd"
-    }));
-  });
-  ArrowUpLongIcon.displayName = "ArrowUpLongIcon";
-  var ArrowUpLongIcon$1 = ArrowUpLongIcon;
-
   var ArrowLeftBoxIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ArrowLeftBoxIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M8.92 15.59L6.33 13H16v-2H6.33l2.59-2.59L7.5 7l-5 5 5 5 1.42-1.41zM8 3v2h11v14H8v2h11a2 2 0 002-2V5c0-1.11-.89-2-2-2H8z",
@@ -1360,7 +1365,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ArrowLeftIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M13.45 6.337l-5.657 5.657 5.657 5.657a1 1 0 101.414-1.414l-4.241-4.243 4.241-4.243a1 1 0 00-1.414-1.414z",
@@ -1375,7 +1383,10 @@
       width: 24,
       height: 24,
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ArrowRefreshIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 3a9 9 0 00-9 9H1l3 3.89L7 12H5a7 7 0 117 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.896 8.896 0 0012 21a9 9 0 000-18z",
@@ -1391,7 +1402,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ArrowRightIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M10.914 6.337l5.657 5.657-5.657 5.657A1 1 0 019.5 16.237l4.241-4.243L9.5 7.751a1 1 0 011.414-1.414z",
@@ -1401,13 +1415,35 @@
   ArrowRightIcon.displayName = "ArrowRightIcon";
   var ArrowRightIcon$1 = ArrowRightIcon;
 
+  var ArrowUpLongIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ArrowUpLongIcon",
+      fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M13 19v-9h4l-5-5-5 5h4v9z",
+      fillRule: "evenodd"
+    }));
+  });
+  ArrowUpLongIcon.displayName = "ArrowUpLongIcon";
+  var ArrowUpLongIcon$1 = ArrowUpLongIcon;
+
   var AssignIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "AssignIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 2c.685 0 1.354.069 2.001.2v2.052a8 8 0 00-7.86 13.195 3.988 3.988 0 011.981-1.05A19.248 19.248 0 0112 16c1.292 0 2.585.133 3.877.398.76.156 1.444.525 1.983 1.048A7.97 7.97 0 0020 12c0-.69-.087-1.36-.252-2H21.8c.131.646.2 1.315.2 2a9.971 9.971 0 01-3.073 7.212l-.001.001-.056.053a10.057 10.057 0 01-1.61 1.24A9.953 9.953 0 0112 22a9.954 9.954 0 01-4.951-1.31l-.31-.184-.02-.013a10.02 10.02 0 01-1.634-1.27l-.012-.01A9.971 9.971 0 012 12C2 6.477 6.477 2 12 2zm0 16c-1.157 0-2.315.119-3.476.357a1.998 1.998 0 00-.831.385A7.958 7.958 0 0012 20a7.963 7.963 0 004.307-1.257 1.984 1.984 0 00-.832-.386A17.249 17.249 0 0012 18zm0-11a4 4 0 110 8 4 4 0 010-8zm0 2a2 2 0 100 4 2 2 0 000-4zm8-7v2h2v2h-2v2h-2V5.999L16 6V4l2-.001V2h2z",
@@ -1423,7 +1459,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "AttachmentIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12.814 2.454l1.414 1.414-8.485 8.486a4 4 0 005.512 5.794l.144-.138 8.132-8.131a1.5 1.5 0 00-2.014-2.219l-.107.097-8.58 8.58-1.414-1.414 8.58-8.58a3.5 3.5 0 015.082 4.81l-.133.14-8.131 8.132A6 6 0 014.172 11.1l.156-.162 8.486-8.485z",
@@ -1439,7 +1478,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "BellOffSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M8 11v1H4v-1h4zM1.414.707l9.9 9.9-.707.707L9.293 10H2V5c0-.665.162-1.292.45-1.843L.706 1.414l.707-.707zm1.591 4.117L3 5v4h5.293l-5.09-5.09c-.11.286-.18.593-.198.914zM7 0v1.126c1.725.444 3 2.01 3 3.874v2.9l-1-1V5a3 3 0 00-2.824-2.995L6 2c-.546 0-1.058.146-1.499.4l-.726-.725A3.98 3.98 0 015 1.126L5 0h2z",
@@ -1455,7 +1497,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "BellOffIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M11 19c0 .6.4 1 1 1s1-.4 1-1h2c0 1.7-1.3 3-3 3s-3-1.3-3-3h2zM4.222 2.808l16.97 16.97-1.414 1.414L16.586 18H3v-3.9l.7-.2C4.5 13.6 5 12.8 5 12v-2c0-1.029.232-2.028.652-2.932L2.808 4.222l1.414-1.414zM12 1c1.44 0 2.696 1.014 2.97 2.51l.03.19c2.4 1.2 4 3.6 4 6.3v2c0 .8.5 1.6 1.3 1.9l.7.2v2.674l-3.909-3.907A4.121 4.121 0 0117 12v-2c0-1.9-1.1-3.7-2.9-4.5l-1-.5-.1-1.1c-.1-.5-.5-.9-1-.9s-.9.4-1 .9L10.9 5l-1 .5-.118.055-1.481-1.482c.224-.137.458-.262.699-.373.2-1.6 1.5-2.7 3-2.7zm2.586 15L7.198 8.613C7.068 9.06 7 9.527 7 10v2c0 1.4-.8 2.8-2 3.5v.5h9.586z",
@@ -1471,7 +1516,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "BillingIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       fillRule: "evenodd",
@@ -1488,7 +1536,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "BudgetAlertIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M14 17v1h-4v-1h4zM13 5l.001 1.1A5.002 5.002 0 0117 11v5H7v-5a5.002 5.002 0 014-4.9V5h2zm-1 2a4 4 0 00-3.995 3.8L8 11v4h8v-4a4 4 0 00-3.8-3.995L12 7z",
@@ -1504,7 +1555,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CalendarAddXIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M7 2v2h10V2h2v2h1a2 2 0 012 2v6h-2V9H4v11h8v2H4a2 2 0 01-2-2V6a2 2 0 012-2h1V2h2zm12 12v3h3v2h-3v3h-2v-3h-3v-2l3-.001V14h2zm-9.586-3.828l1.414 1.414L9.414 13l1.414 1.414-1.414 1.414L8 14.414l-1.413 1.414-1.414-1.414L6.585 13l-1.413-1.413 1.414-1.414L8 11.586l1.414-1.414z",
@@ -1520,7 +1574,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CalendarIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M7 2v2h10V2h2v2h1a2 2 0 012 2v14a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2h1V2h2zm13 7H4v11h16V9zm-10 2v4H6v-4h4z",
@@ -1536,7 +1593,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CancelCrossIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M16.95 5.636l1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636l4.95 4.95z",
@@ -1552,7 +1612,10 @@
       height: 18,
       viewBox: "0 0 18 18",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CaretLeftIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M10 5v8L6 9l4-4z",
@@ -1568,7 +1631,10 @@
       height: 18,
       viewBox: "0 0 18 18",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CaretRightIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M8 5v8l4-4-4-4z",
@@ -1584,7 +1650,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ChatIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M20 4a3 3 0 013 3v9.2a3 3 0 01-3 3H7.794L1 23V7a3 3 0 013-3h16z",
@@ -1600,7 +1669,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CheckIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M5.613 10.21l.094.083L10 14.585l8.293-8.292a1 1 0 011.497 1.32l-.083.094-9 9a1 1 0 01-1.414 0l-5-5a1 1 0 011.32-1.497z",
@@ -1616,7 +1688,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CheckboxBlankTogglerIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm3.607 5.707a1 1 0 010 1.414l-3.657 3.657a1 1 0 01-1.414 0L8.707 12.95a1 1 0 011.414-1.414l1.12 1.12 2.951-2.949a1 1 0 011.415 0z",
@@ -1632,7 +1707,10 @@
       height: 16,
       viewBox: "0 0 16 16",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CheckboxIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("g", {
       fillRule: "evenodd"
@@ -1658,7 +1736,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ChecklistSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M2.5 9a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm0 1a.5.5 0 100 1 .5.5 0 000-1zm8.5 0v1H5v-1h6zM2.5 5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm0 1a.5.5 0 100 1 .5.5 0 000-1zM11 6v1H5V6h6zM2.5 1a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm0 1a.5.5 0 100 1 .5.5 0 000-1zM11 2v1H5V2h6z",
@@ -1674,7 +1755,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ChecklistIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M5 16a3 3 0 110 6 3 3 0 010-6zm16 2a1 1 0 010 2H11a1 1 0 010-2h10zM5 18a1 1 0 100 2 1 1 0 000-2zm0-9a3 3 0 110 6 3 3 0 010-6zm16 2a1 1 0 010 2H11a1 1 0 010-2h10zM5 11a1 1 0 100 2 1 1 0 000-2zm0-9a3 3 0 110 6 3 3 0 010-6zm16 2a1 1 0 010 2H11a1 1 0 010-2h10zM5 4a1 1 0 100 2 1 1 0 000-2z",
@@ -1690,7 +1774,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CircleMultipleIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M19.657 8.343A8 8 0 118.343 19.657 8 8 0 0119.657 8.343zm-9.9 1.414a6 6 0 108.486 8.486 6 6 0 00-8.486-8.486zM10 2a7.97 7.97 0 015.291 2H10a6 6 0 00-5.996 5.775L4 10v5.291A8 8 0 0110 2z",
@@ -1706,7 +1793,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ClockAddIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10h-2a8 8 0 10-8 8v2C6.477 22 2 17.523 2 12zm17 2v3h3v2h-3v3h-2v-3.001L14 19v-2l3-.001V14h2zm-8-8v4.999L6 11v2h7V6h-2z",
@@ -1722,7 +1812,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ClockSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M5.5.9a5.5 5.5 0 110 11 5.5 5.5 0 010-11zm0 1a4.5 4.5 0 100 9 4.5 4.5 0 000-9zM6 3v3h3v1H5V3h1z",
@@ -1738,7 +1831,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ClockStopwatchSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M5.5.9a5.5 5.5 0 110 11 5.5 5.5 0 010-11zm0 1a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm.515 1v4H5v-4h1.015zM9.797 0l2.152 2.121-.717.707L9.08.708 9.797 0z",
@@ -1754,7 +1850,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ClockStopwatchIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 2c2.393 0 4.59.84 6.312 2.243l1.604-1.657L21.33 4 19.73 5.654A9.959 9.959 0 0122 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm-1 2v7h2V6h-2z",
@@ -1770,7 +1869,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ClockIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm1 2v7H6v-2h5V6h2z",
@@ -1786,7 +1888,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CloseSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M9.485 8.071l2.828 2.827 2.83-2.827a1 1 0 011.413 1.414l-2.828 2.828 2.828 2.83a1 1 0 01-1.414 1.413l-2.829-2.828-2.828 2.828a1 1 0 11-1.414-1.414l2.827-2.829-2.827-2.828a1 1 0 011.414-1.414z",
@@ -1802,7 +1907,10 @@
       height: 9,
       viewBox: "0 0 6 9",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CollapsIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M4.243.22L0 4.462l4.243 4.243a.75.75 0 101.06-1.06l-3.18-3.183 3.18-3.182A.75.75 0 004.243.22z",
@@ -1818,7 +1926,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CollapseAllIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 15l4.72 4.461a.867.867 0 010 1.275.993.993 0 01-1.348 0L12 17.549l-3.372 3.187a.993.993 0 01-1.349 0 .867.867 0 010-1.275L12 15zm4.72-11.736a.867.867 0 010 1.275L12 9 7.28 4.539a.867.867 0 010-1.275.993.993 0 011.348 0L12 6.451l3.372-3.187a.993.993 0 011.349 0zM12 14a2 2 0 100-4 2 2 0 000 4z",
@@ -1834,7 +1945,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CollapseExpandSingleIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M15.372 14.736a.993.993 0 001.349 0 .867.867 0 000-1.275L12 9l-4.72 4.461a.867.867 0 000 1.275.993.993 0 001.348 0L12 11.549l3.372 3.187z",
@@ -1850,7 +1964,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ComputerIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M21 16H3V4h18m0-2H3c-1.11 0-2 .89-2 2v12a2 2 0 002 2h7v2H8v2h8v-2h-2v-2h7a2 2 0 002-2V4a2 2 0 00-2-2z",
@@ -1866,7 +1983,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CrownBlankIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M15.674 9.488l2.704-.98L17.3 13H6.7L5.663 8.507l2.662.978A1 1 0 009.45 9.17L12 5.988l2.552 3.186a1 1 0 001.122.314zM8.5 7.482L4.69 6.097a1 1 0 00-1.32 1.145L5 15h14l1.63-7.758a1 1 0 00-1.32-1.145L15.5 7.482l-2.747-3.14a1 1 0 00-1.506 0L8.5 7.482zM19 17H5v1c0 .6.4 1 1 1h12c.6 0 1-.4 1-1v-1z",
@@ -1882,7 +2002,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CrownSelectedIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M8.5 7.487L4.69 6.1a1 1 0 00-1.32 1.146L5 15h14l1.63-7.753A1 1 0 0019.31 6.1L15.5 7.487l-2.747-3.14a1 1 0 00-1.506 0L8.5 7.487zM19 17H5v1c0 .6.4 1 1 1h12c.6 0 1-.4 1-1v-1z",
@@ -1898,7 +2021,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DependencySmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M10 7a2 2 0 110 4 2 2 0 010-4zm0 1a1 1 0 100 2 1 1 0 000-2zM4.5 6v2.499L7 8.5v1H3.5V6h1zM4 1a2 2 0 110 4 2 2 0 010-4zm0 1a1 1 0 100 2 1 1 0 000-2z",
@@ -1914,7 +2040,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DependencyIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M19 14a4 4 0 110 8 4 4 0 010-8zm0 2a2 2 0 100 4 2 2 0 000-4zM8 12v4.998L13 17v2H6v-7h2zM7 2a4 4 0 110 8 4 4 0 010-8zm0 2a2 2 0 100 4 2 2 0 000-4z",
@@ -1930,7 +2059,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DiscussionAddIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M22 13v9l-4-4H8a2 2 0 01-1.995-1.85L6 16v-1h10a3.001 3.001 0 002.829-2H22zM12 2v2H4v8.17L5.17 11H16l.001 1.732a1.987 1.987 0 01-.82.26L15 13H6l-4 4V4a2 2 0 011.85-1.995L4 2h8zm7 0v3h3v2h-3v3h-2V6.999L14 7V5l3-.001V2h2z",
@@ -1946,7 +2078,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DollarCheckmarkSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M11.243 8.121l.707.707-2.829 2.829L7 9.536l.707-.708 1.414 1.414 2.122-2.12zM5.5 0a5.5 5.5 0 015.293 7l-1.05.001A4.5 4.5 0 106 9.972v1.006A5.5 5.5 0 115.5 0zM6 2v1h1v1H5v1h2v3H6v1H5V8H4V7h2V6H4V3h1V2h1z",
@@ -1962,7 +2097,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DollarCheckmarkIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 2c5.523 0 10 4.477 10 10h-2a8 8 0 10-8 8v2C6.477 22 2 17.523 2 12S6.477 2 12 2zm9.607 13.707a1 1 0 010 1.414l-3.657 3.657a1 1 0 01-1.414 0l-1.829-1.828a1 1 0 011.414-1.414l1.12 1.12 2.951-2.949a1 1 0 011.415 0zM13 7v1h2v2h-4v1h3a1 1 0 01.993.883L15 12v3a1 1 0 01-.883.993L14 16h-1v1h-2v-1H9v-2h4v-1h-3a1 1 0 01-.993-.883L9 12V9a1 1 0 01.883-.993L10 8h1V7h2z",
@@ -1978,7 +2116,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DollarClockSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M10 5v1h1v1H9v1h2v3h-1v1H9v-1H8v-1h2V9H8V6h1V5h1zM8 1v3L6 6l1 1v1.25l-2-2-2 2V10h4v1H2V8l2-2-2-2V1h6zM7 2H3v1.75l2 2 2-2V2z",
@@ -1994,7 +2135,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DollarClockIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M20 13v1h2v2h-4v1h3a1 1 0 01.993.883L22 18v3a1 1 0 01-.883.993L21 22h-1v1h-2v-1h-2v-2h4v-1h-3a1 1 0 01-.993-.883L16 18v-3a1 1 0 01.883-.993L17 14h1v-1h2zM18 2v6l-4 4 1.199 1.199L14.2 14.7 12 12.5l-4 4V20h6v2H6v-6l4-4-4-4V2h12zm-2 2H8v3.5l4 4 4-4V4z",
@@ -2010,7 +2154,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DollarOffSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M1.05 1.05l9.9 9.9-.707.707L8.47 9.883A.996.996 0 018 10H7v1H5v-1H4a1 1 0 01-1-1V8h1v.7a.3.3 0 00.3.3h3.286l-3-3H4a1 1 0 01-1-1v-.587L.342 1.757l.707-.707zM8 5a1 1 0 011 1v1.586l-1-1V6.3a.3.3 0 00-.3-.3h-.286l-1-1H8zM7 1v1h1a1 1 0 011 1v1H8v-.7a.3.3 0 00-.3-.3H4.414l-.883-.883C3.67 2.042 3.83 2 4 2h1V1h2z",
@@ -2026,7 +2173,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DollarOffIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M3 4.27L4.28 3 21 19.72 19.73 21l-3.67-3.67c-.62.67-1.52 1.22-2.56 1.49V21h-3v-2.18C8.47 18.31 7 16.79 7 15h2c0 1.08 1.37 2 3 2 1.13 0 2.14-.44 2.65-1.08l-2.97-2.97C9.58 12.42 7 11.75 7 9c0-.23 0-.45.07-.66L3 4.27m7.5.91V3h3v2.18C15.53 5.69 17 7.21 17 9h-2c0-1.08-1.37-2-3-2-.37 0-.72.05-1.05.13L9.4 5.58l1.1-.4z",
@@ -2042,7 +2192,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DollarSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M8 10H7v1H5v-1H4a1 1 0 01-1-1V8h1v.7a.3.3 0 00.3.3h3.4a.3.3 0 00.3-.3V6.3a.3.3 0 00-.3-.3H4a1 1 0 01-1-1V3a1 1 0 011-1h1V1h2v1h1a1 1 0 011 1v1H8v-.7a.3.3 0 00-.3-.3H4.3a.3.3 0 00-.3.3v1.4a.3.3 0 00.3.3H8a1 1 0 011 1v3a1 1 0 01-1 1z",
@@ -2058,7 +2211,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DollarIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M7 15h2c0 1.08 1.37 2 3 2s3-.92 3-2c0-1.1-1.04-1.5-3.24-2.03C9.64 12.44 7 11.78 7 9c0-1.79 1.47-3.31 3.5-3.82V3h3v2.18C15.53 5.69 17 7.21 17 9h-2c0-1.08-1.37-2-3-2s-3 .92-3 2c0 1.1 1.04 1.5 3.24 2.03C14.36 11.56 17 12.22 17 15c0 1.79-1.47 3.31-3.5 3.82V21h-3v-2.18C8.47 18.31 7 16.79 7 15z",
@@ -2074,7 +2230,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DownloadIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M5 21h14v-2H5m14-9h-4V4H9v6H5l7 7 7-7z",
@@ -2090,7 +2249,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DriveIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M7.71 3.5L1.15 15l3.43 6 6.55-11.5M9.73 15L6.3 21h13.12l3.43-6m-.57-1L15.42 2H8.57l6.86 12h6.85z",
@@ -2106,7 +2268,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DropboxIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M2 7.2l5 3.19 5-3.19L7 4 2 7.2m10 0l5 3.19 5-3.19L17 4l-5 3.2M2 13.55l5 3.19 5-3.19-5-3.2-5 3.2m15-3.2l-5 3.2 5 3.19 5-3.19-5-3.2M7.03 17.8l5.01 3.2 5-3.2-5-3.19-5.01 3.19z",
@@ -2122,7 +2287,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DuplicateIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M20 20V8H8v12h12m2 0a2 2 0 01-2 2H8a2 2 0 01-2-2V8c0-1.11.89-2 2-2h12a2 2 0 012 2v12m-7-9v2h2v2h-2v2h-2v-2.001L11 15v-2l2-.001V11h2zM4 16H2V4a2 2 0 012-2h13v2H4v12z",
@@ -2138,7 +2306,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "EditMultipleIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M17.83 11l1.41 1.41-7.125 7.125a.997.997 0 01-1.493-1.316l.083-.094L17.83 11zM10 13a1 1 0 01.117 1.993L10 15H4a1 1 0 01-.117-1.993L4 13h6zm10.83-5l1.41 1.41-1.83 1.83L19 9.83 20.83 8zM14 9a1 1 0 01.117 1.993L14 11H4a1 1 0 01-.117-1.993L4 9h10zm3-4a1 1 0 01.117 1.993L17 7H4a1 1 0 01-.117-1.993L4 5h13z",
@@ -2154,7 +2325,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "EditIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M3 5v14a2 2 0 002 2h14a2 2 0 002-2v-7h-2v7H5V5h7V3H5c-1.11 0-2 .89-2 2zm6.875 10.535L18 7.41 16.59 6l-8.125 8.125a.997.997 0 101.41 1.41zM19.17 6.24L21 4.41 19.59 3l-1.83 1.83 1.41 1.41z",
@@ -2170,7 +2344,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "EmojiIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 17.5c2.33 0 4.3-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5M8.5 11a1.5 1.5 0 100-3 1.5 1.5 0 000 3m7 0a1.5 1.5 0 100-3 1.5 1.5 0 000 3M12 20a8 8 0 110-16 8 8 0 010 16m0-18C6.47 2 2 6.5 2 12a10 10 0 0010 10c5.523 0 10-4.477 10-10A10 10 0 0012 2z",
@@ -2186,7 +2363,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "EstimatesIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 20a8 8 0 100-16 8 8 0 000 16zm0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-6a4 4 0 100-8 4 4 0 000 8zm0 2a6 6 0 110-12 6 6 0 010 12zm0-4a2 2 0 110-4 2 2 0 010 4z"
@@ -2206,7 +2386,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ExpandAllIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M16.72 15.264a.867.867 0 010 1.275L12 21l-4.72-4.461a.867.867 0 010-1.275.993.993 0 011.348 0L12 18.451l3.372-3.187a.993.993 0 011.349 0zM12 3l4.72 4.461a.867.867 0 010 1.275.993.993 0 01-1.348 0L12 5.549 8.628 8.736a.993.993 0 01-1.349 0 .867.867 0 010-1.275L12 3zm0 11a2 2 0 100-4 2 2 0 000 4z",
@@ -2222,7 +2405,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ExpenseAddIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M19 14v3h3v2h-3v3h-2v-3.001L14 19v-2l3-.001V14h2zm1-11a2 2 0 011.994 1.85L22 5v7h-2V5H4v14h8v2H4a2 2 0 01-1.995-1.85L2 19V5c0-1.06.81-1.919 1.85-1.995L4 3h16zm-9 4v1h2v2H9v1h3a1 1 0 01.993.883L13 12v3a1 1 0 01-.883.993L12 16h-1v1H9v-1H7v-2h4v-1H8a1 1 0 01-.993-.883L7 12V9a1 1 0 01.883-.993L8 8h1V7h2z",
@@ -2238,7 +2424,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "EyeOffSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M1.05 1.05l9.9 9.9-.707.707L8.205 9.62C7.517 9.866 6.775 10 6 10 3.273 10 .944 8.341 0 6a6.35 6.35 0 011.971-2.615L.343 1.757l.707-.707zM1.19 6C2.09 7.792 3.95 8.933 6 8.933c.463 0 .915-.058 1.35-.168L6.176 7.59c-.058.006-.117.009-.176.009-.904 0-1.636-.716-1.636-1.6 0-.07.004-.14.013-.207L2.736 4.15A5.273 5.273 0 001.189 6zM6 2c2.727 0 5.056 1.659 6 4a6.35 6.35 0 01-1.972 2.615l-.765-.766A5.273 5.273 0 0010.811 6C9.91 4.208 8.05 3.067 6 3.067c-.463 0-.916.058-1.35.168l-.857-.855A6.553 6.553 0 016 2zm0 2.4c.904 0 1.636.716 1.636 1.6 0 .07-.004.14-.013.208l-1.8-1.799C5.88 4.403 5.94 4.4 6 4.4z",
@@ -2254,7 +2443,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "EyeOffIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M2 5.27L3.28 4 20 20.72 18.73 22l-3.08-3.08c-1.15.38-2.37.58-3.65.58-5 0-9.27-3.11-11-7.5.69-1.76 1.79-3.31 3.19-4.54L2 5.27M12 9a3 3 0 012.83 4L11 9.17A3 3 0 0112 9m0-4.5c5 0 9.27 3.11 11 7.5a11.79 11.79 0 01-4 5.19l-1.42-1.43A9.862 9.862 0 0020.82 12 9.821 9.821 0 0012 6.5c-1.09 0-2.16.18-3.16.5L7.3 5.47c1.44-.62 3.03-.97 4.7-.97M3.18 12A9.821 9.821 0 0012 17.5c.69 0 1.37-.07 2-.21L11.72 15A3.064 3.064 0 019 12.28L5.6 8.87c-.99.85-1.82 1.91-2.42 3.13z",
@@ -2270,7 +2462,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "EyeSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M6 4.4c.904 0 1.636.716 1.636 1.6 0 .884-.732 1.6-1.636 1.6-.904 0-1.636-.716-1.636-1.6 0-.884.732-1.6 1.636-1.6M6 2c2.727 0 5.056 1.659 6 4-.944 2.341-3.273 4-6 4S.944 8.341 0 6c.944-2.341 3.273-4 6-4M1.19 6C2.09 7.792 3.95 8.933 6 8.933S9.91 7.792 10.81 6C9.91 4.208 8.05 3.067 6 3.067S2.09 4.208 1.19 6z",
@@ -2286,7 +2481,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "EyeIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 9a3 3 0 110 6 3 3 0 010-6m0-4.5c5 0 9.27 3.11 11 7.5-1.73 4.39-6 7.5-11 7.5S2.73 16.39 1 12c1.73-4.39 6-7.5 11-7.5M3.18 12a9.821 9.821 0 0017.64 0 9.821 9.821 0 00-17.64 0z",
@@ -2302,7 +2500,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "FilterIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M7 13h10a1 1 0 000-2H7a1 1 0 000 2zM3 7a1 1 0 001 1h16a1 1 0 000-2H4a1 1 0 00-1 1zm8 11h2a1 1 0 000-2h-2a1 1 0 000 2z",
@@ -2318,7 +2519,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "FolderMoveIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M10 4l2 2h8a2 2 0 011.995 1.851L22 8v10c0 1.06-.81 1.919-1.85 1.995L20 20H4a2 2 0 01-1.994-1.85L2 18V6a2 2 0 011.851-1.995L4 4h6zm10 4H4v10h16V8zm-10 2l4 3-4 3v-2H6v-2h4v-2z",
@@ -2334,7 +2538,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "FolderOutlineIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M20 18H4V8h16m0-2h-8l-2-2H4c-1.11 0-2 .89-2 2v12a2 2 0 002 2h16a2 2 0 002-2V8a2 2 0 00-2-2z",
@@ -2350,7 +2557,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "HelpIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 4a8 8 0 100 16 8 8 0 000-16zm0-2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm-1 13h2v2h-2v-2zm2-5a1 1 0 00-2 0H9a3 3 0 114 2.83V14h-2v-1a2 2 0 011.276-1.865c.572-.311.724-.653.724-1.135z",
@@ -2366,7 +2576,10 @@
       height: 16,
       viewBox: "0 0 20 16",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ImageIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M18 0a2 2 0 011.994 1.85L20 2v12a2 2 0 01-1.85 1.995L18 16H2a2 2 0 01-1.995-1.85L0 14V2A2 2 0 011.85.005L2 0h16zm0 2H2v12h16V2zm-5.5 4l4.5 6H3l3.5-4.5 2.5 3L12.5 6zm-8-3a1.5 1.5 0 110 3 1.5 1.5 0 010-3z",
@@ -2382,7 +2595,10 @@
       height: 15,
       viewBox: "0 0 15 15",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "InfoSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M7.5 14a6.5 6.5 0 100-13 6.5 6.5 0 000 13zm0 1a7.5 7.5 0 110-15 7.5 7.5 0 010 15zM7 6h1v6H7V6zm0-3h1v1H7V3z",
@@ -2398,7 +2614,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "InfoIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm-1 5V7h2v2h-2zm0 8v-6h2v6h-2z",
@@ -2414,7 +2633,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "InsertLinkIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1 0 1.71-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z",
@@ -2430,7 +2652,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "IntegrationsIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M10 6H5v13h13v-5h-8V6zm2 6h8v7a2 2 0 01-2 2H5a2 2 0 01-2-2V6a2 2 0 012-2h7v8zm4-7v3h3V5h-3zm-2-2h5a2 2 0 012 2v5h-7V3z"
@@ -2450,7 +2675,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "InvoicesIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M15.19 4H5v16h14V7.891L15.19 4zM5 2h11.03L21 7.075V20a2 2 0 01-2 2H5a2 2 0 01-2-2V4a2 2 0 012-2zm4.974 11.752c-.01.532.13.952.42 1.26.29.308.649.504 1.078.588v-2.926a3.017 3.017 0 00-.448-.126 11.322 11.322 0 01-1.022-.329 3.337 3.337 0 01-.903-.504 2.325 2.325 0 01-.637-.784c-.159-.313-.238-.702-.238-1.169 0-.476.091-.896.273-1.26.182-.364.422-.67.721-.917a3.291 3.291 0 011.036-.574 4.667 4.667 0 011.218-.245V5.688h.826v1.078c.42.047.814.138 1.183.273.369.135.693.322.973.56.28.238.509.534.686.889.177.355.28.775.308 1.26H13.46a1.472 1.472 0 00-.35-.952c-.224-.261-.495-.392-.812-.392v2.478l.343.084a9 9 0 01.371.098c.69.187 1.223.418 1.596.693.373.275.649.562.826.861.177.299.282.597.315.896.033.299.049.565.049.798 0 .205-.051.464-.154.777a2.62 2.62 0 01-.553.917c-.266.299-.623.565-1.071.798-.448.233-1.022.373-1.722.42v1.19h-.826v-1.19c-1.045-.075-1.862-.397-2.45-.966-.588-.57-.929-1.405-1.022-2.506h1.974zm2.324 1.848c.168-.019.343-.058.525-.119a1.63 1.63 0 00.49-.259 1.38 1.38 0 00.357-.413c.093-.163.14-.357.14-.581 0-.364-.114-.637-.343-.819-.229-.182-.618-.348-1.169-.497V15.6zm-.826-7.196a1.54 1.54 0 00-.462.07 1.22 1.22 0 00-.406.217c-.121.098-.217.22-.287.364-.07.145-.105.315-.105.511 0 .308.098.546.294.714.196.168.518.303.966.406V8.404z"
@@ -2470,7 +2698,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "LabelsIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M17 2a3 3 0 013 3v17l-8-4-8 4V5a3 3 0 013-3h10zm0 2H7a1 1 0 00-.993.883L6 5v13.764l6-3 6 3V5a1 1 0 00-.883-.993L17 4z",
@@ -2486,7 +2717,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "LockSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M7 0a2 2 0 012 2v1h1a1 1 0 011 1v7a1 1 0 01-1 1H2a1 1 0 01-1-1V4c0-.555.445-1 1-1h1V2a2 2 0 012-2h2zm3 4H2v7h8V4zM7 6v3H5V6h2zm0-5H5a1 1 0 00-.993.883L4 2v1h4V2a1 1 0 00-.883-.993L7 1z",
@@ -2502,7 +2736,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "LockIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 17a2 2 0 01-2-2c0-1.11.89-2 2-2a2 2 0 110 4m6 3V10H6v10h12m0-12a2 2 0 012 2v10a2 2 0 01-2 2H6a2 2 0 01-2-2V10c0-1.11.89-2 2-2h1V6a5 5 0 1110 0v2h1m-6-5a3 3 0 00-3 3v2h6V6a3 3 0 00-3-3z",
@@ -2518,7 +2755,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "MarkerIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 17a1 1 0 010 2H4a1 1 0 010-2h8zm0-4a1 1 0 010 2H4a1 1 0 010-2h8zm10-1a1 1 0 01-.883.993l-5.25-.002c-.214 0-.442-.06-.626-.2L13.436 11H4a1 1 0 010-2h9.592l1.611-1.604A.998.998 0 0116 7h5a1 1 0 011 1v4zm-5.579-3.001l-1.079 1.079.921.921 3.736.001V9l-3.578-.001zM12 5a1 1 0 010 2H4a1 1 0 110-2h8z",
@@ -2533,7 +2773,10 @@
       width: 24,
       height: 24,
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "MessageAddIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M11 4v2H6v11.26L10.39 15H18v-2h2v2a2 2 0 01-2 2H9.995L4 21V6a2 2 0 012-2h5zm7-1v3h3v2h-3v3h-2V8h-3V6h3V3h2z",
@@ -2549,7 +2792,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "MessageEmptyIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M22 4v12a2 2 0 01-2 2H7.995L2 22V4a2 2 0 012-2h16a2 2 0 012 2zm-2 0H4v14.26L7.39 16H20V4z",
@@ -2565,7 +2811,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "MessageSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 2v8H3.998L1 12V2h11zm-1 1H2v7.13L3.695 9H11V3zM6 6v1H3V6h3zm4-2v1H3V4h7z",
@@ -2581,7 +2830,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "MessageIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M22 4v12a2 2 0 01-2 2H7.995L2 22V4a2 2 0 012-2h16a2 2 0 012 2zm-2 0H4v14.26L7.39 16H20V4zm-8 6v2H6v-2h6zm6-4v2H6V6h12z",
@@ -2597,7 +2849,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "MinusIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("rect", {
       x: 5,
@@ -2617,7 +2872,10 @@
       height: 10,
       viewBox: "0 0 10 10",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "MoveTriggerIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M0 0h10v1H0zm0 3h10v1H0zm0 3h10v1H0zm0 3h10v1H0z",
@@ -2633,7 +2891,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "MyWorkIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 12a2 2 0 100-4 2 2 0 000 4zm0 2a4 4 0 110-8 4 4 0 010 8zm-7 5c.4-1.647 1.356-2.88 2.53-3.265A14.25 14.25 0 0112 15c1.49 0 2.98.245 4.47.735C17.645 16.12 18.6 17.353 19 19h-2.085c-.274-.757-.696-1.243-1.068-1.365A12.252 12.252 0 0012 17c-1.275 0-2.555.21-3.847.635-.372.122-.794.608-1.068 1.365H5zM5 4a1 1 0 00-1 1v14a1 1 0 001 1h14a1 1 0 001-1V5a1 1 0 00-1-1H5zm0-2h14a3 3 0 013 3v14a3 3 0 01-3 3H5a3 3 0 01-3-3V5a3 3 0 013-3z"
@@ -2653,7 +2914,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "NoteAddIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M7 14v3h3v2H7v3H5v-3.001L2 19v-2l3-.001V14h2zM19 3c1.05 0 1.918.82 1.994 1.851L21 5v10l-6 6h-3v-2h2v-5h5V5H5v7H3V5c0-1.05.82-1.918 1.851-1.994L5 3h14zm-7 8v2H8v-2h4zm5-4v2H7V7h10z",
@@ -2669,7 +2933,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "NoteIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M19 5v9h-5v5H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h10l6-6V5c0-1.1-.9-2-2-2zm-7 10H7v-2h5v2zm5-4H7V7h10v2z",
@@ -2685,7 +2952,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "NotificationBellIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M21 19H3v-3.9l.7-.2C4.5 14.6 5 13.8 5 13v-2c0-2.7 1.6-5.2 4-6.3.2-1.6 1.5-2.7 3-2.7s2.8 1.1 3 2.7c2.4 1.2 4 3.6 4 6.3v2c0 .8.5 1.6 1.3 1.9l.7.2V19zM5 17h14v-.5c-1.2-.7-2-2-2-3.5v-2c0-1.9-1.1-3.7-2.9-4.5l-1-.5-.1-1.1c-.1-.5-.5-.9-1-.9s-.9.4-1 .9L10.9 6l-1 .5C8.1 7.3 7 9.1 7 11v2c0 1.4-.8 2.8-2 3.5v.5zm8 3h2c0 1.7-1.3 3-3 3s-3-1.3-3-3h2c0 .6.4 1 1 1s1-.4 1-1zm0 0h2c0 1.7-1.3 3-3 3s-3-1.3-3-3h2c0 .6.4 1 1 1s1-.4 1-1z"
@@ -2700,7 +2970,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "OpenExpandedIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3m-2 16H5V5h5V3H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-5h-2v5z",
@@ -2716,7 +2989,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "OrderFirstIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M4 4h16a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V5a1 1 0 011-1zm2 14h12a1 1 0 010 2H6a1 1 0 010-2zm0-4h12a1 1 0 010 2H6a1 1 0 010-2zm0-4h12a1 1 0 010 2H6a1 1 0 010-2z",
@@ -2732,7 +3008,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PaidSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M11.243 8.121l.707.707-2.829 2.829L7 9.536l.707-.708 1.414 1.414 2.122-2.12zM5.5 0a5.5 5.5 0 015.293 7l-1.05.001A4.5 4.5 0 106 9.972v1.006A5.5 5.5 0 115.5 0zM6 2v1h1v1H5v1h2v3H6v1H5V8H4V7h2V6H4V3h1V2h1z",
@@ -2748,7 +3027,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PauseCircleOutlineIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm-1 5v6H9V9h2zm4 0v6h-2V9h2z",
@@ -2764,7 +3046,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PauseIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 3a9 9 0 110 18 9 9 0 010-18zm-1 6H9v6h2V9zm4 0h-2v6h2V9z",
@@ -2780,7 +3065,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PauseSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M8 7h3v10H8V7zm5 0h3v10h-3V7z",
@@ -2795,7 +3083,10 @@
       width: 12,
       height: 12,
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PencilSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M9 3.47L2.46 10H2v-.46L8.53 3l.47.47zM9.98.145l-.915.915 1.875 1.875.915-.915a.498.498 0 000-.705l-1.17-1.17a.5.5 0 00-.705 0zm-1.45 1.45L1 9.125V11h1.875l7.53-7.53L8.53 1.595z",
@@ -2810,7 +3101,10 @@
       width: 24,
       height: 24,
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PencilIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M14.06 9l.94.94L5.92 19H5v-.92L14.06 9m3.6-6c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29m-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75z",
@@ -2826,7 +3120,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PendingPaymentSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M10 5v1h1v1H9v1h2v3h-1v1H9v-1H8v-1h2V9H8V6h1V5h1zM8 1v3L6 6l1 1v1.25l-2-2-2 2V10h4v1H2V8l2-2-2-2V1h6zM7 2H3v1.75l2 2 2-2V2z",
@@ -2842,7 +3139,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PeopleIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M20.998 16.775l-.148-.387a2.001 2.001 0 00-1.601-1.27 12.961 12.961 0 00-2.317-.105c-.253-.76-.683-1.527-.932-1.937a14.912 14.912 0 013.518.06 4.003 4.003 0 013.203 2.54l.147.387a2 2 0 01-1.614 2.696 27.849 27.849 0 01-3.248.24c0-.355-.004-.741-.127-1.115L17.587 17a27.311 27.311 0 003.41-.225zM17.5 10a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm0 2a3.5 3.5 0 110-7 3.5 3.5 0 010 7zM5.437 14.315a2 2 0 00-1.494 1.333L3 18.51c1.826.327 3.65.49 5.473.49a30.99 30.99 0 005.474-.49l-.943-2.862a2 2 0 00-1.494-1.333A14.924 14.924 0 008.473 14c-1.01 0-2.021.105-3.036.315zm-.406-1.958A16.924 16.924 0 018.473 12c1.148 0 2.295.119 3.443.357a4 4 0 012.987 2.665l.943 2.862A2 2 0 0114.3 20.48a33.015 33.015 0 01-5.827.52c-1.941 0-3.883-.174-5.825-.521a2 2 0 01-1.547-2.595l.942-2.862a4 4 0 012.988-2.665zM8.474 9a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm0 2a4.5 4.5 0 110-9 4.5 4.5 0 010 9z"
@@ -2862,7 +3162,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PersonCircleOffIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 2l.28.004.316.013.244.018.402.041.14.019.267.04.162.029.19.036a10.013 10.013 0 017.753 7.587l.062.3.042.233.044.276.031.244.017.154.022.257.02.367c.006.127.008.254.008.382l-.002.207-.01.299-.022.323-.04.397-.032.238-.059.354-.062.308-.05.22-.046.184a9.93 9.93 0 01-.12.422l-.092.283-.13.357-.113.283-.094.215-.161.341-.136.265-.178.32-.13.217c-.145.237-.302.47-.47.696l-.274.356-.229.273-.14.157-.258.274-.226.224-.104.099-.238.215-.312.262-.398.305-.284.199-.33.213a9.99 9.99 0 01-.35.208l-.266.145-.383.19-.291.132-.346.142-.358.132-.31.1-.402.116-.138.035-.187.045-.347.072-.443.074-.305.04-.16.016-.423.032-.271.011L12 22l-.2-.002-.331-.012-.373-.026-.167-.017-.164-.019-.246-.033-.336-.056-.3-.06-.31-.072-.415-.113-.297-.093-.323-.112-.284-.11-.343-.147-.266-.124-.28-.14-.159-.086-.328-.188-.177-.108-.297-.193-.383-.272-.316-.247-.316-.267-.333-.307-.208-.207-.247-.262-.17-.192-.245-.294-.18-.233a10.017 10.017 0 01-.361-.511l-.171-.27-.063-.103-.1-.17-.142-.259-.198-.392-.1-.213-.126-.295-.11-.281a9.91 9.91 0 01-.312-.984l-.096-.403-.062-.309-.059-.354-.06-.49-.028-.376-.013-.278A10.18 10.18 0 012 12C2 6.477 6.477 2 12 2zm0 16c-1.157 0-2.315.119-3.476.357a1.998 1.998 0 00-.831.385c.264.17.538.323.822.46l.287.133.295.122.356.13.292.09.146.042.27.068.248.055.281.051c.108.018.216.034.325.047l.38.037.28.017L12 20l.368-.008.167-.01.167-.012c.12-.01.24-.024.36-.04l.289-.044.24-.044.248-.054.313-.08.16-.047.234-.075.3-.107.395-.163.247-.114.304-.156.214-.12a8 8 0 00.3-.183 1.984 1.984 0 00-.83-.386A17.249 17.249 0 0012 18zm-8-6l.008.352.014.24.025.28.024.196.04.265.043.236.063.29.046.184.083.29.034.11.113.329.17.42.07.158c.09.193.186.382.29.567l.202.34.126.194.241.34.18.23.134.162.235.264a3.988 3.988 0 011.981-1.05A19.248 19.248 0 0112 16c1.05 0 2.102.088 3.152.263L13.57 14.68a4 4 0 01-5.25-5.25L5.814 6.927A7.967 7.967 0 004 12zm8-8a7.966 7.966 0 00-4.935 1.703l11.231 11.231.118-.152.18-.25.17-.258.097-.157.094-.16.14-.257.131-.263.103-.225.133-.321.119-.328.098-.313.104-.39.063-.291.053-.297c.02-.12.036-.242.05-.365l.03-.32.01-.181c.008-.135.011-.27.011-.406l-.012-.443a8.034 8.034 0 00-.078-.762l-.081-.449a8.012 8.012 0 00-5.843-6.097l-.422-.096-.353-.062-.358-.046-.477-.036L12 4zm-.117 8.997l-1.879-1.881L10 11a2 2 0 001.883 1.997zM12 7a4 4 0 013.92 4.804L11.194 7.08c.26-.053.53-.081.805-.081z",
@@ -2878,7 +3181,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PersonCircleIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 2l.28.004.316.013.244.018.402.041.14.019.267.04.162.029.19.036a10.01 10.01 0 017.864 8.151L21.8 10l.046.244.056.352.031.244.017.154.022.257.02.367c.006.127.008.254.008.382l-.002.207-.01.299-.022.323-.04.397-.032.238-.059.354-.062.308-.05.22-.046.184a9.93 9.93 0 01-.12.422l-.092.283-.13.357-.113.283-.094.215-.161.341-.136.265-.178.32-.13.217c-.145.237-.302.47-.47.696l-.274.356-.229.273-.14.157-.258.274-.226.224-.104.099-.238.215-.312.262-.398.305-.284.199-.33.213a9.99 9.99 0 01-.35.208l-.266.145-.383.19-.291.132-.346.142-.358.132-.31.1-.402.116-.138.035-.187.045-.347.072-.443.074-.305.04-.16.016-.423.032-.271.011L12 22l-.2-.002-.331-.012-.373-.026-.167-.017-.164-.019-.246-.033-.336-.056-.3-.06-.31-.072-.415-.113-.297-.093-.323-.112-.284-.11-.343-.147-.266-.124-.28-.14-.159-.086-.328-.188-.177-.108-.297-.193-.383-.272-.316-.247-.316-.267-.333-.307-.208-.207-.247-.262-.17-.192-.245-.294-.18-.233a10.017 10.017 0 01-.361-.511l-.171-.27-.063-.103-.1-.17-.142-.259-.198-.392-.1-.213-.126-.295-.11-.281a9.91 9.91 0 01-.312-.984l-.096-.403-.062-.309-.059-.354-.06-.49-.028-.376-.013-.278A10.18 10.18 0 012 12C2 6.477 6.477 2 12 2zm0 16c-1.157 0-2.315.119-3.476.357a1.998 1.998 0 00-.831.385c.264.17.538.323.822.46l.287.133.295.122.356.13.292.09.146.042.27.068.248.055.281.051c.108.018.216.034.325.047l.38.037.28.017L12 20l.368-.008.167-.01.167-.012c.12-.01.24-.024.36-.04l.289-.044.24-.044.248-.054.313-.08.16-.047.234-.075.3-.107.395-.163.247-.114.304-.156.214-.12a8 8 0 00.3-.183 1.984 1.984 0 00-.83-.386A17.249 17.249 0 0012 18zm0-14a8 8 0 00-8 8l.008.352.014.24.025.28.024.196.04.265.043.236.063.29.046.184.083.29.034.11.113.329.17.42.07.158c.09.193.186.382.29.567l.202.34.126.194.241.34.18.23.134.162.235.264a3.988 3.988 0 011.981-1.05A19.248 19.248 0 0112 16c1.292 0 2.585.133 3.877.398.76.156 1.444.525 1.983 1.048l.236-.265.193-.236.125-.163.18-.25.17-.258.097-.157.094-.16.14-.257.131-.263.103-.225.133-.321.119-.328.098-.313.104-.39.063-.291.053-.297c.02-.12.036-.242.05-.365l.03-.32.01-.181c.008-.135.011-.27.011-.406l-.012-.443a8.034 8.034 0 00-.078-.762l-.081-.449a8.012 8.012 0 00-5.843-6.097l-.422-.096-.353-.062-.358-.046a8.054 8.054 0 00-.409-.033l.359.028-.213-.019-.214-.012L12 4zm0 3a4 4 0 110 8 4 4 0 010-8zm0 2a2 2 0 100 4 2 2 0 000-4z",
@@ -2894,7 +3200,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PersonPlusIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 13c1.382 0 2.764.119 4.145.357 1.687.29 3.06 1.306 3.598 2.665l1.135 2.862c.417 1.05-.27 2.18-1.534 2.526-.107.03-.217.052-.329.069A47.673 47.673 0 0112 22c-2.339 0-4.677-.174-7.015-.521-1.31-.195-2.181-1.234-1.947-2.321a1.73 1.73 0 01.083-.274l1.136-2.862c.539-1.359 1.91-2.375 3.597-2.665A24.402 24.402 0 0112 13zm0 2c-1.292 0-2.586.105-3.884.315-.896.145-1.624.653-1.91 1.333L5 19.51c2.335.327 4.668.49 7 .49a50.46 50.46 0 007-.49l-1.206-2.862c-.286-.68-1.014-1.188-1.91-1.333A24.237 24.237 0 0012 15zm0-13c.711 0 1.388.149 2 .416v2.349A3 3 0 1014.829 8h2.072A5.002 5.002 0 017 7a5 5 0 015-5zm8 0v2h2v2h-2v2h-2V5.999L16 6V4l2-.001V2h2z",
@@ -2910,7 +3219,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PersonIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 13c1.382 0 2.764.119 4.145.357 1.687.29 3.06 1.306 3.598 2.665l1.135 2.862c.417 1.05-.27 2.18-1.534 2.526-.107.03-.217.052-.329.069A47.673 47.673 0 0112 22c-2.339 0-4.677-.174-7.015-.521-1.31-.195-2.181-1.234-1.947-2.321a1.73 1.73 0 01.083-.274l1.136-2.862c.539-1.359 1.91-2.375 3.597-2.665A24.402 24.402 0 0112 13zm0 2c-1.292 0-2.586.105-3.884.315-.896.145-1.624.653-1.91 1.333L5 19.51c2.335.327 4.668.49 7 .49a50.46 50.46 0 007-.49l-1.206-2.862c-.286-.68-1.014-1.188-1.91-1.333A24.237 24.237 0 0012 15zm0-13a5 5 0 110 10 5 5 0 010-10zm0 2a3 3 0 100 6 3 3 0 000-6z",
@@ -2926,7 +3238,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PlayCircleOutlineIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zM9.8 8l6.4 4-6.4 4V8z",
@@ -2942,7 +3257,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PlayIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 3a9 9 0 110 18 9 9 0 010-18zm-2 6v6l5-3-5-3z",
@@ -2958,7 +3276,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PlaySmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M9 17V7l8 5z",
@@ -2974,7 +3295,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ProjectAddIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M4 4v5h5V4H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2V4a2 2 0 012-2zm0 13v5h5v-5H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2zm11-9v5h5V4h-5zm4 10v3h3v2h-3v3h-2v-3h-3v-2h3v-3h2zm1-12a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2V4a2 2 0 012-2h5z",
@@ -2990,7 +3314,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ProjectTemplateAddIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M20 15v3h3v2h-3v3h-2v-3h-3v-2h3v-3h2zm0-7a2 2 0 012 2v3h-2v-3H10v10h3v2h-3a2 2 0 01-2-2V10a2 2 0 012-2h10zM7 5h10a2 2 0 011.995 1.85L19 7H7v12a2 2 0 01-2-2V7a2 2 0 012-2zm7-3a2 2 0 011.995 1.85L16 4H4v12a2 2 0 01-2-2V4a2 2 0 012-2h10z",
@@ -3006,7 +3333,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ProjectTemplateConvertIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M20 4a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2v-8h2v8h14V6h-8V4h8zM8 1a2 2 0 012 2v5a2 2 0 01-2 2H3a2 2 0 01-2-2V3a2 2 0 012-2h5zm8.37 10.121l-1.906 1.93L17 15.585 15.586 17l-2.536-2.536-1.929 1.907v-5.25h5.25zM8 3v5H3V3h5z",
@@ -3022,7 +3352,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ProjectTemplateIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M20 4a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2v-8h2v8h14V6h-8V4h8zm-8.464 6.121l2.535 2.536L16 10.75V16h-5.249l1.906-1.929-2.536-2.535 1.415-1.415zM8 1a2 2 0 012 2v5a2 2 0 01-2 2H3a2 2 0 01-2-2V3a2 2 0 012-2h5zm0 2H3v5h5V3z",
@@ -3038,7 +3371,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ProjectsIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M4 4v5h5V4H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2V4a2 2 0 012-2zm0 13v5h5v-5H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2zm11-9v5h5V4h-5zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2V4a2 2 0 012-2zm0 13v5h5v-5h-5zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2v-5a2 2 0 012-2z"
@@ -3058,7 +3394,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "RadioBlankIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16z",
@@ -3074,7 +3413,10 @@
       height: 16,
       viewBox: "0 0 16 16",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "RadioButtonIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("g", {
       fillRule: "evenodd"
@@ -3098,7 +3440,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "RearangeIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M9 16a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4zm-6-6a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4zM9 4a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4z",
@@ -3114,7 +3459,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "RearrangeSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M4 8a1 1 0 110 2 1 1 0 010-2zm4 0a1 1 0 110 2 1 1 0 010-2zM4 5a1 1 0 110 2 1 1 0 010-2zm4 0a1 1 0 110 2 1 1 0 010-2zM4 2a1 1 0 110 2 1 1 0 010-2zm4 0a1 1 0 110 2 1 1 0 010-2z",
@@ -3130,7 +3478,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "RecurringCheckmarkSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M1 5.874a5.002 5.002 0 008.743 3.442l-.78-.45 2.3-.982.3 2.482-.939-.542A6.002 6.002 0 01.001 6.141l1-.267zm6.93-1.177a.5.5 0 010 .707L5.975 7.39a.5.5 0 01-.707 0l-.971-.975a.5.5 0 01.707-.708l.617.622 1.602-1.63a.5.5 0 01.707 0zM9 .804a5.996 5.996 0 013 5.052l-1.001.268.001-.043a5.002 5.002 0 00-8.743-3.398l.779.451-2.3.982-.298-2.482.938.54A6.002 6.002 0 019 .805z",
@@ -3146,7 +3497,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "RecurringCheckmarkIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M5.014 12a6.944 6.944 0 001.826 4.73l.21.22a7 7 0 009.727.167l.173-.167-1.414-1.414 4.871-.63-.629 4.872-1.414-1.414a9 9 0 01-12.728 0 8.891 8.891 0 01-2.498-4.788A9.017 9.017 0 013 12.01h.006V12h2.008zm10.593-2.293a1 1 0 010 1.414l-3.657 3.657a1 1 0 01-1.414 0L8.707 12.95a1 1 0 011.414-1.414l1.12 1.12 2.951-2.949a1 1 0 011.415 0zm-3.246-6.7c2.1.084 4.175.898 5.813 2.444l.19.185.225.234.096.104.118.133a8.861 8.861 0 012.04 4.216l.043.25c.071.44.109.886.113 1.332h-.006l.001.095h-2.008a6.955 6.955 0 00-1.245-4.005l-.186-.254-.094-.12a7 7 0 00-10.238-.737l-.173.166 1.414 1.414-4.871.63.629-4.872 1.414 1.414a8.976 8.976 0 016.725-2.629z",
@@ -3162,7 +3516,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ReportTimeIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M15 9a7 7 0 110 14 7 7 0 010-14zm-3-9c1.235 0 2.29.758 2.752 1.828L14.82 2H19c1.05 0 1.918.82 1.994 1.851L21 4v5.292a9.017 9.017 0 00-1.999-1.356L19 4h-2v3H7V4H5v16l1.936.001c.362.728.82 1.4 1.356 2L5 22c-1.05 0-1.918-.82-1.994-1.851L3 20V4c0-1.05.82-1.918 1.851-1.994L5 2h4.18C9.6.84 10.7 0 12 0zm3 11a5 5 0 100 10 5 5 0 000-10zm1 2v1.999L19 15v2h-5v-4h2zM12 2c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z",
@@ -3178,7 +3535,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ReportsIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M17 6v2H7V6H6v15h12V6h-1zm0-2h1a2 2 0 012 2v15a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h1V3h2c.336-2 1.336-3 3-3s2.664 1 3 3h2v1zM8 16h2v3H8v-3zm3-3h2v6h-2v-6zm3-3h2v9h-2v-9zm-1-5V3.332C13 2.327 12.61 2 12 2s-1 .303-1 1.332V5H9v1h6V5h-2z"
@@ -3198,7 +3558,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "SearchIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M16.717 15.708a6 6 0 10-1.07 1.056l.602-.46.468-.596zm1.572 1.238l2.883 2.882a1 1 0 01-1.415 1.415l-2.891-2.892a8 8 0 111.423-1.405z"
@@ -3212,7 +3575,10 @@
       width: 24,
       height: 24,
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "SendBlankIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M1.241 1.405A2 2 0 013.812.53l.14.07 17.801 9.641a2 2 0 01.135 3.438l-.135.08-17.8 9.642a2 2 0 01-2.948-1.61L1 21.642V15l6-3-6-3V2.358a2 2 0 01.241-.953zM3 2.358v5.406L11.472 12 3 16.235v5.406L20.799 12 3 2.358z",
@@ -3227,7 +3593,10 @@
       width: 24,
       height: 24,
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "SendFilledIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M3.953 23.4l17.8-9.641a2 2 0 000-3.518L3.953.6A2 2 0 001 2.358V9l8 3-8 3v6.642a2 2 0 002.953 1.759z",
@@ -3243,7 +3612,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "SettingsIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M4.14 16H3a1 1 0 000 2h1.14c.45 1.72 2 3 3.86 3 1.86 0 3.41-1.28 3.86-3H21a1 1 0 000-2h-9.14c-.45-1.72-2-3-3.86-3-1.86 0-3.41 1.28-3.86 3zM6 17c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zM16 3c-1.86 0-3.41 1.28-3.86 3H3a1 1 0 100 2h9.14c.45 1.72 2 3 3.86 3 1.86 0 3.41-1.28 3.86-3H21a1 1 0 000-2h-1.14c-.45-1.72-2-3-3.86-3zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z",
@@ -3259,7 +3631,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "SortGeneralIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M17 6v11h3l-4 4-4-4h3V6h2zM8 3l4 4H9v11H7V7H4l4-4z",
@@ -3275,7 +3650,10 @@
       height: 10,
       viewBox: "0 0 10 10",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "SortIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M10 8v2H0V8h10zM7 4v2H0V4h7zM4 0v2H0V0h4z",
@@ -3291,7 +3669,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "StarOutlineIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12.706 2.103a1 1 0 01.454.455l2.63 5.329 5.881.854a1 1 0 01.554 1.706l-4.255 4.148 1.005 5.857a1 1 0 01-1.451 1.054l-5.26-2.765-5.26 2.765a1 1 0 01-1.451-1.054l1.004-5.857-4.255-4.148a1 1 0 01.554-1.706l5.881-.854 2.63-5.33a1 1 0 011.34-.454zm1.756 7.612L12.263 5.26l-2.198 4.455-4.916.713 3.557 3.469-.84 4.895 4.398-2.31 4.396 2.31-.839-4.895 3.557-3.468-4.916-.714z",
@@ -3307,7 +3688,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "StarIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12.264 18.74l-5.26 2.766a1 1 0 01-1.451-1.054l1.004-5.857-4.255-4.148a1 1 0 01.554-1.706l5.881-.854 2.63-5.33a1 1 0 011.793 0l2.63 5.33 5.881.854a1 1 0 01.554 1.706l-4.255 4.148 1.005 5.857a1 1 0 01-1.451 1.054l-5.26-2.765z",
@@ -3323,7 +3707,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "SystemSettingsIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       fillRule: "evenodd",
@@ -3340,7 +3727,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "TaskAddIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 2c5.523 0 10 4.477 10 10h-2a8 8 0 10-8 8v2C6.477 22 2 17.523 2 12S6.477 2 12 2zm7 12v3h3v2h-3v3h-2v-3.001L14 19v-2l3-.001V14h2zm-3.393-4.293a1 1 0 010 1.414l-3.657 3.657a1 1 0 01-1.414 0L8.707 12.95a1 1 0 011.414-1.414l1.12 1.12 2.951-2.949a1 1 0 011.415 0z",
@@ -3356,7 +3746,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "TaskListAddIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M20 14v3h3v2h-3v3h-2v-3h-3v-2h3v-3h2zm-8 4a1 1 0 010 2H5a1 1 0 010-2h7zm0-4a1 1 0 010 2H5a1 1 0 010-2h7zm7-4a1 1 0 010 2H5a1 1 0 010-2h14zm0-6a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5a1 1 0 011-1h14z",
@@ -3372,7 +3765,10 @@
       height: 14,
       viewBox: "0 0 14 14",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ThumbUpOutlineIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M8.647.034c.424.02.847.164 1.173.542.263.305.403.73.403 1.262l-.003.513-.015.658-.019.374-.028.33c-.033.312-.08.567-.148.796l-.022.065.069.091c.289.364.59.477 1.119.496l.15.003h.251c.682 0 1.239.08 1.679.286.37.175.624.435.726.876.07 2.43-.78 5.856-1.727 6.803a3.787 3.787 0 01-.494.433c-.39.278-.697.388-1.434.434l-.344.017-.405.01-.71.009c-1.71 0-2.668-.214-4.006-.754l-.393-.158a1.468 1.468 0 01-1.36.912H1.53c-.81 0-1.468-.657-1.468-1.468V7.5c0-.81.657-1.468 1.468-1.468h1.58c.443 0 .84.196 1.11.506.097-.236.216-.453.359-.635.21-.266.434-.459.881-.79l.286-.213c.973-.745 1.316-1.249 1.316-2.158l.005-.264c.028-.685.165-1.227.4-1.635.304-.526.745-.77 1.132-.808zM8.615.71l.027.003-.05.008c-.171.042-.377.18-.54.46-.199.347-.313.86-.313 1.56l-.005.202c-.054 1.114-.572 1.755-1.776 2.645l-.237.175-.23.182c-.168.138-.28.25-.381.377-.265.337-.448.94-.533 1.415v4.697l.539.216c1.172.473 2.01.675 3.414.702l.334.003.855-.012.335-.01.28-.016.122-.01.213-.025.177-.033a1.34 1.34 0 00.344-.126l.118-.072.06-.04c.12-.086.248-.2.406-.36.788-.787 1.597-4.044 1.54-6.234-.036-.148-.145-.259-.346-.354-.33-.154-.8-.222-1.39-.222h-.253c-.94-.005-1.484-.228-1.998-1.036l-.092-.145.062-.16c.11-.282.175-.626.21-1.134l.02-.363.012-.419.006-.746c0-.378-.087-.645-.238-.82C9.127.81 8.87.722 8.615.71zm-5.505 6H1.529a.79.79 0 00-.79.79v5.064c0 .437.354.79.79.79h1.58a.79.79 0 00.791-.79V7.5a.79.79 0 00-.79-.79z",
@@ -3388,7 +3784,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "TrashIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M8 4l1-2h6l1 2h4v2h-1v13a2 2 0 01-2 2H7a2 2 0 01-2-2V6H4V4h4zm3 2v13h2V6h-2zM7 6v13h2V6H7zm10 0h-2v13h2V6z"
@@ -3408,7 +3807,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "TreeDotsIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M6 10a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4z",
@@ -3424,7 +3826,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "UploadIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M6 18v-4h2v1.999h8V14h2v4H6zm6-14l4.95 4.95-1.414 1.414L13 7.829V14h-2V7.827l-2.536 2.537L7.05 8.95 12 4z",
@@ -3440,7 +3845,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ViewGridIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 16c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2M6 16c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m12 12c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2z",
@@ -3456,7 +3864,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ViewListIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M19 17a1 1 0 010 2H5a1 1 0 010-2h14zm0-6a1 1 0 010 2H5a1 1 0 010-2h14zm0-6a1 1 0 010 2H5a1 1 0 110-2h14z",
@@ -3472,7 +3883,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ViewTimelineIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M10 17h10a1 1 0 010 2H10a1 1 0 010-2zm-3-6h10a1 1 0 010 2H7a1 1 0 010-2zM4 5h10a1 1 0 010 2H4a1 1 0 110-2z",
@@ -3488,7 +3902,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "VolumeHighIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M14 3.23c4 .91 7 4.49 7 8.77 0 4.187-2.871 7.704-6.74 8.707l-.26.063V18.7c2.89-.86 5-3.53 5-6.7a7.005 7.005 0 00-4.754-6.632L14 5.29V3.23zM12 4v16l-5-5H3V9h4l5-5zm2 3.97c1.5.74 2.5 2.26 2.5 4.03a4.403 4.403 0 01-2.307 3.903L14 16V7.97z",
@@ -3504,7 +3921,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "WarningTriangleSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M6.54 1.123c.19.093.347.233.45.403l4.872 7.982c.298.49.097 1.102-.45 1.369-.166.08-.352.123-.541.123H1.129C.505 11 0 10.548 0 9.991c0-.169.047-.335.138-.483l4.871-7.982c.298-.49.984-.67 1.531-.403zM6 2l-5 8h10L6 2zm0 4a1.5 1.5 0 110 3 1.5 1.5 0 010-3z",
@@ -3520,7 +3940,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "WarningTriangleIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M13.08 2.247c.381.185.694.465.902.805l8.742 14.964c.597.978.194 2.204-.9 2.738a2.472 2.472 0 01-1.082.246H3.258C2.01 21 1 20.097 1 18.982c0-.337.095-.67.276-.966l8.742-14.964c.597-.978 1.968-1.339 3.063-.805zM12 4L3 19h18L12 4zm0 7a3 3 0 110 6 3 3 0 010-6z",
@@ -3536,7 +3959,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "WarningIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm1 11v2h-2v-2h2zm0-8v6h-2V7h2z",
@@ -3552,7 +3978,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "WorkloadIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       stroke: "#F4F5F7",
@@ -11004,17 +11433,17 @@
   var StyledText = styled__default["default"](Body2).withConfig({
     displayName: "Styles__StyledText",
     componentId: "sc-1fx7urq-0"
-  })(["transition:ease 0.3s all;line-height:24px;color:var(--color-primary);position:relative;"]);
+  })(["transition:ease 0.3s all;color:var(--color-primary);position:relative;"]);
   StyledText.displayName = "StyledText";
   var StyledAddCrossIcon = styled__default["default"](AddCrossIcon$1).withConfig({
     displayName: "Styles__StyledAddCrossIcon",
     componentId: "sc-1fx7urq-1"
-  })(["fill:var(--page-paper-main);background:var(--color-primary);border-radius:30px;padding:6px;"]);
+  })(["fill:var(--page-paper-main);background:var(--color-primary);border-radius:30px;padding:6px;box-sizing:content-box;"]);
   StyledAddCrossIcon.displayName = "StyledAddCrossIcon";
   var StyledAddToListButton = styled__default["default"]("button").withConfig({
     displayName: "Styles__StyledAddToListButton",
     componentId: "sc-1fx7urq-2"
-  })(["display:flex;justify-content:center;gap:12px;align-items:center;transition:ease 0.3s all;border-radius:30px;height:32px;padding:4px 16px 4px 4px;position:relative;background:none;border:none;cursor:pointer;&:before{content:\"\";display:block;height:2px;width:0%;position:absolute;left:16px;top:50%;transform:translate(0,-50%);background:var(--color-primary);transition:ease 0.3s all;border-radius:30px;opacity:0;}&:hover{", "{color:var(--page-paper-main);}&:before{height:32px;width:100%;left:0;opacity:1;}", "{fill:var(--page-paper-main);transform:rotate(90deg);transition:ease 0.3s;}}"], StyledText, StyledAddCrossIcon);
+  })(["display:flex;justify-content:center;gap:12px;align-items:center;height:32px;padding:4px 16px 4px 4px;position:relative;background:none;border:none;cursor:pointer;&:before{content:\"\";display:block;height:2px;width:0%;position:absolute;left:16px;background:var(--color-primary);transition:ease 0.3s all;border-radius:30px;opacity:0;}&:hover{", "{color:var(--page-paper-main);}&:before{height:32px;width:100%;left:0;opacity:1;}", "{fill:var(--page-paper-main);transform:rotate(90deg);transition:ease 0.3s;}}"], StyledText, StyledAddCrossIcon);
   StyledAddToListButton.displayName = "StyledAddToListButton";
 
   var _excluded$5 = ["text", "className"];