@laerdal/life-react-components 1.1.2-dev.8 → 1.2.1-dev.2

package/dist/esm/icons/systemicons/SystemIcons.js

@@ -4,11 +4,12 @@ export const Accessibility = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Accessibility'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M14.0002 4C14.0002 5.10457 13.1048 6 12.0002 6C10.8956 6 10.0002 5.10457 10.0002 4C10.0002 2.89543 10.8956 2 12.0002 2C13.1048 2 14.0002 2.89543 14.0002 4Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -21,11 +22,12 @@ export const Add = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Add'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M12 7C11.45 7 11 7.45 11 8V11H8C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13H11V16C11 16.55 11.45 17 12 17C12.55 17 13 16.55 13 16V13H16C16.55 13 17 12.55 17 12C17 11.45 16.55 11 16 11H13V8C13 7.45 12.55 7 12 7ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z",
   fill: color
 }));
@@ -33,11 +35,12 @@ export const AddUser = ({
   className,
   color = 'currentColor',
   size,
-  label = 'AddUser'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M9 10C11.2091 10 13 8.20914 13 6C13 3.79086 11.2091 2 9 2C6.79086 2 5 3.79086 5 6C5 8.20914 6.79086 10 9 10ZM9 8C10.1046 8 11 7.10457 11 6C11 4.89543 10.1046 4 9 4C7.89543 4 7 4.89543 7 6C7 7.10457 7.89543 8 9 8Z",
@@ -53,11 +56,12 @@ export const ArrowDropDown = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Arrow drop down'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M7.32139 11.8337C6.63483 11.157 7.12108 10 8.09203 10H15.908C16.8789 10 17.3652 11.157 16.6786 11.8337L12.7706 15.6854C12.345 16.1049 11.655 16.1049 11.2294 15.6854L7.32139 11.8337Z",
   fill: color
 }));
@@ -65,11 +69,12 @@ export const ArrowDropUp = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Arrow drop up'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M16.6786 13.1663C17.3652 13.843 16.8789 15 15.908 15L8.09203 15C7.12108 15 6.63483 13.843 7.32139 13.1663L11.2294 9.31461C11.655 8.89513 12.345 8.89513 12.7706 9.31461L16.6786 13.1663Z",
   fill: color
 }));
@@ -77,11 +82,12 @@ export const ArrowLineDown = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Arrow Line Down'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M10.9951 5L10.9951 16.5875L8.1151 13.7075C7.7251 13.3175 7.0951 13.3175 6.7051 13.7075C6.3151 14.0975 6.3151 14.7275 6.7051 15.1175L11.2951 19.7075C11.6851 20.0975 12.3151 20.0975 12.7051 19.7075L17.2951 15.1175C17.6851 14.7275 17.6851 14.0975 17.2951 13.7075C16.9051 13.3175 16.2751 13.3175 15.8851 13.7075L12.9951 16.5875L12.9951 5C12.9951 4.45 12.5451 4 11.9951 4C11.4451 4 10.9951 4.45 10.9951 5Z",
   fill: color
 }));
@@ -89,11 +95,12 @@ export const ArrowLineLeft = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Arrow Line Left'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M19 10.9951H7.4125L10.2925 8.1151C10.6825 7.7251 10.6825 7.0951 10.2925 6.7051C9.9025 6.3151 9.2725 6.3151 8.8825 6.7051L4.2925 11.2951C3.9025 11.6851 3.9025 12.3151 4.2925 12.7051L8.8825 17.2951C9.2725 17.6851 9.9025 17.6851 10.2925 17.2951C10.6825 16.9051 10.6825 16.2751 10.2925 15.8851L7.4125 12.9951H19C19.55 12.9951 20 12.5451 20 11.9951C20 11.4451 19.55 10.9951 19 10.9951Z",
   fill: color
 }));
@@ -101,11 +108,12 @@ export const ArrowLineRight = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Arrow Line Right'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M5 13.0051L16.5875 13.0051L13.7075 15.8851C13.3175 16.2751 13.3175 16.9051 13.7075 17.2951C14.0975 17.6851 14.7275 17.6851 15.1175 17.2951L19.7075 12.7051C20.0975 12.3151 20.0975 11.6851 19.7075 11.2951L15.1175 6.7051C14.7275 6.3151 14.0975 6.3151 13.7075 6.7051C13.3175 7.0951 13.3175 7.7251 13.7075 8.1151L16.5875 11.0051L5 11.0051C4.45 11.0051 4 11.4551 4 12.0051C4 12.5551 4.45 13.0051 5 13.0051Z",
   fill: color
 }));
@@ -113,11 +121,12 @@ export const ArrowLineUp = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Arrow Line Up'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M13.0051 19L13.0051 7.4125L15.8851 10.2925C16.2751 10.6825 16.9051 10.6825 17.2951 10.2925C17.6851 9.9025 17.6851 9.2725 17.2951 8.8825L12.7051 4.2925C12.3151 3.9025 11.6851 3.9025 11.2951 4.2925L6.7051 8.8825C6.3151 9.2725 6.3151 9.9025 6.7051 10.2925C7.0951 10.6825 7.7251 10.6825 8.1151 10.2925L11.0051 7.4125L11.0051 19C11.0051 19.55 11.4551 20 12.0051 20C12.5551 20 13.0051 19.55 13.0051 19Z",
   fill: color
 }));
@@ -125,11 +134,12 @@ export const ArrowStopLeft = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Arrow Stop Left'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M11.71 15.88L8.83 13L21 13C21.55 13 22 12.55 22 12C22 11.45 21.55 11 21 11L8.83 11L11.71 8.12C12.1 7.73 12.1 7.1 11.71 6.71C11.32 6.32 10.69 6.32 10.3 6.71L5.71 11.3C5.32 11.69 5.32 12.32 5.71 12.71L10.3 17.3C10.69 17.69 11.32 17.69 11.71 17.3C12.09 16.91 12.1 16.27 11.71 15.88ZM4 17L4 7C4 6.45 3.55 6 3 6C2.45 6 2 6.45 2 7L2 17C2 17.55 2.45 18 3 18C3.55 18 4 17.55 4 17Z",
   fill: color
 }));
@@ -137,11 +147,12 @@ export const ArrowStopRight = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Arrow Stop Right'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M12.29 8.12L15.17 11H3C2.45 11 2 11.45 2 12C2 12.55 2.45 13 3 13H15.17L12.29 15.88C11.9 16.27 11.9 16.9 12.29 17.29C12.68 17.68 13.31 17.68 13.7 17.29L18.29 12.7C18.68 12.31 18.68 11.68 18.29 11.29L13.7 6.7C13.31 6.31 12.68 6.31 12.29 6.7C11.91 7.09 11.9 7.73 12.29 8.12ZM20 7V17C20 17.55 20.45 18 21 18C21.55 18 22 17.55 22 17V7C22 6.45 21.55 6 21 6C20.45 6 20 6.45 20 7Z",
   fill: color
 }));
@@ -149,11 +160,12 @@ export const Assignments = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Assignments'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M18.5 3H5.5L5.5 21H18.5V3ZM5.5 1C4.39543 1 3.5 1.89543 3.5 3V21C3.5 22.1046 4.39543 23 5.5 23H18.5C19.6046 23 20.5 22.1046 20.5 21V3C20.5 1.89543 19.6046 1 18.5 1H5.5ZM11.5 6C11.5 5.44772 11.9477 5 12.5 5L15.5 5C16.0523 5 16.5 5.44771 16.5 6C16.5 6.55228 16.0523 7 15.5 7L12.5 7C11.9477 7 11.5 6.55228 11.5 6ZM12.5 9C11.9477 9 11.5 9.44772 11.5 10C11.5 10.5523 11.9477 11 12.5 11H15.5C16.0523 11 16.5 10.5523 16.5 10C16.5 9.44771 16.0523 9 15.5 9L12.5 9ZM11.5 14C11.5 13.4477 11.9477 13 12.5 13H15.5C16.0523 13 16.5 13.4477 16.5 14C16.5 14.5523 16.0523 15 15.5 15H12.5C11.9477 15 11.5 14.5523 11.5 14ZM12.5 17C11.9477 17 11.5 17.4477 11.5 18C11.5 18.5523 11.9477 19 12.5 19H15.5C16.0523 19 16.5 18.5523 16.5 18C16.5 17.4477 16.0523 17 15.5 17H12.5ZM9.5 6C9.5 6.55228 9.05228 7 8.5 7C7.94771 7 7.5 6.55228 7.5 6C7.5 5.44772 7.94771 5 8.5 5C9.05228 5 9.5 5.44772 9.5 6ZM8.5 11C9.05228 11 9.5 10.5523 9.5 10C9.5 9.44771 9.05228 9 8.5 9C7.94771 9 7.5 9.44771 7.5 10C7.5 10.5523 7.94771 11 8.5 11ZM9.5 14C9.5 14.5523 9.05228 15 8.5 15C7.94771 15 7.5 14.5523 7.5 14C7.5 13.4477 7.94771 13 8.5 13C9.05228 13 9.5 13.4477 9.5 14ZM8.5 19C9.05228 19 9.5 18.5523 9.5 18C9.5 17.4477 9.05228 17 8.5 17C7.94771 17 7.5 17.4477 7.5 18C7.5 18.5523 7.94771 19 8.5 19Z",
@@ -163,11 +175,12 @@ export const Asterisk = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Asterisk'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M12 5C12.5523 5 13 5.44772 13 6V10.2679L16.6963 8.13379C17.1746 7.85765 17.7862 8.02153 18.0624 8.49982C18.3385 8.97811 18.1746 9.5897 17.6963 9.86584L13.9999 12L17.6962 14.134C18.1745 14.4102 18.3384 15.0218 18.0622 15.5001C17.7861 15.9784 17.1745 16.1422 16.6962 15.8661L13 13.7321V18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18V13.732L7.30403 15.8658C6.82574 16.142 6.21415 15.9781 5.93801 15.4998C5.66187 15.0215 5.82574 14.4099 6.30403 14.1338L9.9999 12L6.30388 9.86608C5.82559 9.58994 5.66171 8.97835 5.93785 8.50006C6.21399 8.02177 6.82559 7.85789 7.30388 8.13403L11 10.268V6C11 5.44772 11.4477 5 12 5Z",
   fill: color
 }));
@@ -175,11 +188,12 @@ export const Attachment = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Attachment'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M10 3C8.34315 3 7 4.34315 7 6V16C7 18.7614 9.23858 21 12 21C14.7614 21 17 18.7614 17 16V6C17 5.44772 17.4477 5 18 5C18.5523 5 19 5.44772 19 6V16C19 19.866 15.866 23 12 23C8.13401 23 5 19.866 5 16V6C5 3.23858 7.23858 1 10 1C12.7614 1 15 3.23858 15 6V15.4545C15 17.1114 13.6569 18.4545 12 18.4545C10.3431 18.4545 9 17.1114 9 15.4545V6C9 5.44772 9.44772 5 10 5C10.5523 5 11 5.44772 11 6V15.4545C11 16.0068 11.4477 16.4545 12 16.4545C12.5523 16.4545 13 16.0068 13 15.4545V6C13 4.34315 11.6569 3 10 3Z",
@@ -189,11 +203,12 @@ export const Attention = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Attention'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5L11 14C11 14.5523 11.4477 15 12 15C12.5523 15 13 14.5523 13 14L13 5Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -204,11 +219,12 @@ export const AudioDescriptionOn = ({
   className,
   color = 'currentColor',
   size,
-  label = 'AudioDescriptionOn'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M19.3497 4.24021C19.7693 3.88114 20.4006 3.93024 20.7596 4.34987C22.1687 5.99666 22.9998 8.87928 22.9998 12C22.9998 15.1208 22.1687 18.0034 20.7596 19.6502C20.4006 20.0698 19.7693 20.1189 19.3497 19.7598C18.93 19.4008 18.8809 18.7695 19.24 18.3499C20.2221 17.2021 20.9998 14.8616 20.9998 12C20.9998 9.13845 20.2221 6.7979 19.24 5.65017C18.8809 5.23054 18.93 4.59928 19.3497 4.24021Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -229,11 +245,12 @@ export const BackwardsFiveSec = ({
   className,
   color = 'currentColor',
   size,
-  label = 'BackwardsFiveSec'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M4.29286 14.293L1.46428 11.4645C1.07376 11.0739 1.07376 10.4408 1.46428 10.0503C1.8548 9.65973 2.48797 9.65973 2.87849 10.0503L4.0052 11.177C4.17552 6.07982 8.36122 2 13.4998 2C18.7465 2 22.9998 6.25329 22.9998 11.5C22.9998 16.7467 18.7465 21 13.4998 21C12.9475 21 12.4998 20.5523 12.4998 20C12.4998 19.4477 12.9475 19 13.4998 19C17.6419 19 20.9998 15.6421 20.9998 11.5C20.9998 7.35786 17.6419 4 13.4998 4C9.4701 4 6.18267 7.17806 6.00718 11.1645L7.12128 10.0504C7.51181 9.65988 8.14497 9.65988 8.5355 10.0504C8.92602 10.4409 8.92602 11.0741 8.5355 11.4646L5.70707 14.293C5.32479 14.6753 4.71 14.6834 4.3179 14.3172C4.30945 14.3094 4.3011 14.3013 4.29286 14.293Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -244,11 +261,12 @@ export const Bluetooth = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Bluetooth'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M11.6173 1.07615C11.991 0.921369 12.4211 1.00692 12.7071 1.29292L17.7071 6.29292C18.0976 6.68345 18.0976 7.31661 17.7071 7.70714L13.4142 12L17.7071 16.2929C18.0976 16.6834 18.0976 17.3166 17.7071 17.7071L12.7071 22.7071C12.4211 22.9931 11.991 23.0787 11.6173 22.9239C11.2436 22.7691 11 22.4045 11 22V14.4142L6.70711 18.7071C6.31658 19.0977 5.68342 19.0977 5.29289 18.7071C4.90237 18.3166 4.90237 17.6834 5.29289 17.2929L10.5858 12L5.29289 6.70714C4.90237 6.31661 4.90237 5.68345 5.29289 5.29292C5.68342 4.9024 6.31658 4.9024 6.70711 5.29292L11 9.58582V2.00003C11 1.59557 11.2436 1.23093 11.6173 1.07615ZM13 14.4142L15.5858 17L13 19.5858V14.4142ZM13 9.58582V4.41424L15.5858 7.00003L13 9.58582Z",
@@ -258,11 +276,12 @@ export const Book = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Book'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M6.17516 10.0701C6.42615 10.0254 6.70457 10 7.00017 10C7.29577 10 7.57419 10.0254 7.82518 10.0701C8.36894 10.1667 8.88809 9.80424 8.98474 9.26048C9.08138 8.71672 8.71892 8.19756 8.17516 8.10092C7.80444 8.03503 7.40876 8 7.00017 8C6.59157 8 6.1959 8.03503 5.82518 8.10092C5.28142 8.19756 4.91895 8.71672 5.0156 9.26048C5.11224 9.80424 5.6314 10.1667 6.17516 10.0701Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -282,11 +301,12 @@ export const BookmarkAdd = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Bookmark add'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M12 6C12.5523 6 13 6.44772 13 7V9H15C15.5523 9 16 9.44772 16 10C16 10.5523 15.5523 11 15 11H13V13C13 13.5523 12.5523 14 12 14C11.4477 14 11 13.5523 11 13V11H9C8.44772 11 8 10.5523 8 10C8 9.44772 8.44772 9 9 9H11V7C11 6.44772 11.4477 6 12 6Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -299,11 +319,12 @@ export const BookmarkCollection = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Bookmark collection'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M19 4V14.296L18.4566 14.0536C17.7655 13.7454 16.9861 14.2511 16.9861 15.0079C16.9861 15.411 17.218 15.7782 17.5821 15.9514L19.5139 16.8705C20.1804 17.2412 21 16.7593 21 15.9966V4C21 2.34315 19.6569 1 18 1H12C10.3431 1 9 2.34314 9 4C9 4.55228 9.44772 5.00368 10 5.00368C10.5523 5.00368 11 4.55228 11 4C11 3.44772 11.4477 3 12 3H18C18.5523 3 19 3.44772 19 4Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -316,11 +337,12 @@ export const BookmarkOff = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Bookmark off'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M11.0278 17.4993L6 20.296V4C6 3.44772 6.44771 3 7 3H17C17.5523 3 18 3.44772 18 4V20.296L12.9722 17.4993C12.3677 17.1631 11.6323 17.1631 11.0278 17.4993ZM12 19.2471L18.5139 22.8705C19.1804 23.2412 20 22.7593 20 21.9966V4C20 2.34315 18.6569 1 17 1H7C5.34315 1 4 2.34314 4 4V21.9966C4 22.7593 4.81957 23.2412 5.48611 22.8705L12 19.2471Z",
   fill: color
 }));
@@ -328,11 +350,12 @@ export const BookmarkOn = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Bookmark on'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M18.5139 22.8705C19.1804 23.2412 20 22.7593 20 21.9966V4C20 2.34315 18.6569 1 17 1H7C5.34315 1 4 2.34314 4 4V21.9966C4 22.7593 4.81957 23.2412 5.48611 22.8705L12 19.2471L18.5139 22.8705ZM15.9149 8.8368L10.9222 13.8295L8.08566 10.9923C7.69517 10.6018 7.69524 9.96859 8.0858 9.57811C8.47637 9.18762 9.10953 9.18769 9.50001 9.57825L10.9224 11.0009L14.5007 7.42259C14.8912 7.03206 15.5244 7.03206 15.9149 7.42259C16.3054 7.81311 16.3055 8.44628 15.9149 8.8368Z",
   fill: color
 }));
@@ -340,11 +363,12 @@ export const Bullet = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Bullet'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z",
   fill: color
 }));
@@ -352,11 +376,12 @@ export const Calendar = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Calendar'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M6.5 13C7.32843 13 8 12.3284 8 11.5C8 10.6716 7.32843 10 6.5 10C5.67157 10 5 10.6716 5 11.5C5 12.3284 5.67157 13 6.5 13Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -379,11 +404,12 @@ export const CheckComplete = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Check Complete'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M9.77882 16.2562L6.30882 12.7862C5.91882 12.3962 5.28882 12.3962 4.89882 12.7862C4.50882 13.1762 4.50882 13.8062 4.89882 14.1962L9.07882 18.3763C9.46882 18.7663 10.0988 18.7663 10.4888 18.3763L21.0688 7.79625C21.4588 7.40625 21.4588 6.77625 21.0688 6.38625C20.6788 5.99625 20.0488 5.99625 19.6588 6.38625L9.77882 16.2562Z",
   fill: color
 }));
@@ -391,11 +417,12 @@ export const CheckMark = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Checkmark'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M9.05629 16.1701L5.58629 12.7001C5.19629 12.3101 4.56629 12.3101 4.17629 12.7001C3.78629 13.0901 3.78629 13.7201 4.17629 14.1101L8.35629 18.2901C8.74629 18.6801 9.37629 18.6801 9.76629 18.2901L20.3463 7.71007C20.7363 7.32007 20.7363 6.69007 20.3463 6.30007C19.9563 5.91007 19.3263 5.91007 18.9363 6.30007L9.05629 16.1701Z",
   fill: color
 }));
@@ -403,11 +430,12 @@ export const CheckboxOff = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Unchecked checkbox'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M18.0038 3.99609C19.1084 3.99609 20.0038 4.89153 20.0038 5.99609V17.9999C20.0038 19.1045 19.1084 19.9999 18.0038 19.9999H6C4.89543 19.9999 4 19.1045 4 17.9999V5.9961C4 4.89153 4.89543 3.99609 6 3.99609H18.0038ZM6 1.99609C3.79086 1.99609 2 3.78696 2 5.9961V17.9999C2 20.209 3.79087 21.9999 6 21.9999H18.0038C20.213 21.9999 22.0038 20.209 22.0038 17.9999V5.99609C22.0038 3.78695 20.2129 1.99609 18.0038 1.99609H6Z",
   fill: color
 }));
@@ -415,11 +443,12 @@ export const CheckboxOn = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Checked checkbox'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M2 5.9961C2 3.78696 3.79086 1.99609 6 1.99609H18.0038C20.2129 1.99609 22.0038 3.78695 22.0038 5.99609V17.9999C22.0038 20.209 20.213 21.9999 18.0038 21.9999H6C3.79087 21.9999 2 20.209 2 17.9999V5.9961ZM6.30071 11.8866C6.69123 11.4961 7.3244 11.4961 7.71492 11.8866L9.99995 14.1717L16.2947 7.87695C16.6852 7.48643 17.3184 7.48643 17.7089 7.87695C18.0994 8.26747 18.0994 8.90064 17.7089 9.29116L10.7073 16.2928C10.5012 16.4988 10.2277 16.5961 9.9579 16.5848C9.7161 16.5747 9.47725 16.4774 9.29263 16.2928L6.30071 13.3009C5.91018 12.9103 5.91018 12.2772 6.30071 11.8866Z",
@@ -429,11 +458,12 @@ export const CheckboxSemi = ({
   className,
   color = 'currentColor',
   size,
-  label = 'CheckboxSemi'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M6 1.99609C3.79086 1.99609 2 3.78696 2 5.9961V17.9999C2 20.209 3.79087 21.9999 6 21.9999H18.0038C20.213 21.9999 22.0038 20.209 22.0038 17.9999V5.99609C22.0038 3.78695 20.2129 1.99609 18.0038 1.99609H6ZM8 10.9999C7.44772 10.9999 7 11.4476 7 11.9999C7 12.5522 7.44772 12.9999 8 12.9999H16C16.5523 12.9999 17 12.5522 17 11.9999C17 11.4476 16.5523 10.9999 16 10.9999H8Z",
@@ -443,11 +473,12 @@ export const ChevronDown = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Chevron down'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M4.29201 8.80257C4.68205 8.41155 5.31521 8.41076 5.70622 8.8008L12 15.0789L18.2938 8.8008C18.6848 8.41076 19.318 8.41155 19.708 8.80257C20.098 9.19358 20.0972 9.82674 19.7062 10.2168L12.7062 17.1993C12.3159 17.5886 11.6841 17.5886 11.2938 17.1993L4.29378 10.2168C3.90277 9.82674 3.90197 9.19358 4.29201 8.80257Z",
@@ -457,11 +488,12 @@ export const ChevronLeft = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Chevron left'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M15.1975 4.29201C15.5885 4.68205 15.5893 5.31521 15.1993 5.70622L8.92124 12L15.1993 18.2938C15.5893 18.6848 15.5885 19.318 15.1975 19.708C14.8065 20.098 14.1734 20.0972 13.7833 19.7062L6.8008 12.7062C6.41145 12.3159 6.41145 11.6841 6.8008 11.2938L13.7833 4.29378C14.1734 3.90277 14.8065 3.90197 15.1975 4.29201Z",
@@ -471,11 +503,12 @@ export const ChevronRight = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Chevron right'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M8.80257 19.708C8.41156 19.318 8.41076 18.6848 8.8008 18.2938L15.0789 12L8.8008 5.70622C8.41076 5.31521 8.41155 4.68205 8.80257 4.29201C9.19358 3.90197 9.82674 3.90277 10.2168 4.29378L17.1993 11.2938C17.5886 11.6841 17.5886 12.3159 17.1993 12.7062L10.2168 19.7062C9.82675 20.0972 9.19358 20.098 8.80257 19.708Z",
@@ -485,11 +518,12 @@ export const ChevronUp = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Chevron up'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M19.708 15.1975C19.318 15.5885 18.6848 15.5893 18.2938 15.1993L12 8.92124L5.70622 15.1993C5.31521 15.5893 4.68205 15.5885 4.29201 15.1975C3.90197 14.8065 3.90277 14.1734 4.29378 13.7833L11.2938 6.8008C11.6841 6.41145 12.3159 6.41145 12.7062 6.8008L19.7062 13.7833C20.0972 14.1734 20.098 14.8065 19.708 15.1975Z",
@@ -499,11 +533,12 @@ export const Clear = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Clear'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M8.7947 8.79445C9.1873 8.40185 9.82384 8.40185 10.2164 8.79445L12.0002 10.5782L13.7839 8.79455C14.1765 8.40194 14.813 8.40194 15.2056 8.79455C15.5982 9.18715 15.5982 9.82369 15.2056 10.2163L13.422 12L15.2056 13.7836C15.5982 14.1762 15.5982 14.8128 15.2056 15.2054C14.813 15.598 14.1765 15.598 13.7839 15.2054L12.0002 13.4217L10.2165 15.2055C9.82385 15.5981 9.18731 15.5981 8.7947 15.2055C8.40209 14.8129 8.40209 14.1763 8.7947 13.7837L10.5785 12L8.7947 10.2162C8.40209 9.8236 8.40209 9.18706 8.7947 8.79445Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -514,11 +549,12 @@ export const Close = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Close'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M18.3002 5.70997C17.9102 5.31997 17.2802 5.31997 16.8902 5.70997L12.0002 10.59L7.11022 5.69997C6.72022 5.30997 6.09021 5.30997 5.70021 5.69997C5.31021 6.08997 5.31021 6.71997 5.70021 7.10997L10.5902 12L5.70021 16.89C5.31021 17.28 5.31021 17.91 5.70021 18.3C6.09021 18.69 6.72022 18.69 7.11022 18.3L12.0002 13.41L16.8902 18.3C17.2802 18.69 17.9102 18.69 18.3002 18.3C18.6902 17.91 18.6902 17.28 18.3002 16.89L13.4102 12L18.3002 7.10997C18.6802 6.72997 18.6802 6.08997 18.3002 5.70997Z",
   fill: color
 }));
@@ -526,11 +562,12 @@ export const ClosedCaptionOff = ({
   className,
   color = 'currentColor',
   size,
-  label = 'ClosedCaptionOff'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M3.50001 1.51701C3.10949 1.12649 2.47633 1.12649 2.0858 1.51701C1.69528 1.90754 1.69528 2.5407 2.0858 2.93123L7.61762 8.46305C6.5423 8.91911 5.78802 9.98455 5.78802 11.2262V13.2262C5.78802 14.883 7.13117 16.2262 8.78802 16.2262C9.61695 16.2262 10.3674 15.89 10.9103 15.3465L10.9112 15.3474C11.3017 14.9569 11.3017 14.3237 10.9112 13.9332C10.5222 13.5441 9.89229 13.5427 9.50142 13.9288L9.50049 13.9279C9.31911 14.112 9.0669 14.2262 8.78802 14.2262C8.23574 14.2262 7.78802 13.7785 7.78802 13.2262V11.2262C7.78802 10.6739 8.23574 10.2262 8.78802 10.2262C9.0669 10.2262 9.31911 10.3403 9.50049 10.5245L9.50139 10.5235C9.62476 10.6454 9.77193 10.7286 9.92781 10.7732L22.0844 22.9299C22.475 23.3204 23.1081 23.3204 23.4986 22.9299C23.8892 22.5393 23.8892 21.9062 23.4986 21.5156L21.9668 19.9838C23.0377 19.5258 23.788 18.4626 23.788 17.2242V7.22421C23.788 5.56736 22.4449 4.22421 20.788 4.22421H6.20721L3.50001 1.51701ZM8.20721 6.22421H20.788C21.3403 6.22421 21.788 6.67193 21.788 7.22421V17.2242C21.788 17.7765 21.3403 18.2242 20.788 18.2242H20.2072L17.9668 15.9838C18.3217 15.832 18.6415 15.6137 18.9103 15.3446L18.9112 15.3455C19.3017 14.9549 19.3017 14.3218 18.9112 13.9312C18.5222 13.5422 17.8923 13.5407 17.5014 13.9269L17.5005 13.9259C17.3191 14.1101 17.0669 14.2242 16.788 14.2242C16.2357 14.2242 15.788 13.7765 15.788 13.2242V11.2242C15.788 10.6719 16.2357 10.2242 16.788 10.2242C17.0669 10.2242 17.3191 10.3384 17.5005 10.5225L17.5014 10.5216C17.8923 10.9076 18.5221 10.9061 18.9111 10.5171C19.3016 10.1266 19.3016 9.4934 18.9111 9.10288L18.9102 9.10375C18.3672 8.56035 17.6169 8.22421 16.788 8.22421C15.1312 8.22421 13.788 9.56736 13.788 11.2242V11.805L8.20721 6.22421Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -541,11 +578,12 @@ export const ClosedCaptionOn = ({
   className,
   color = 'currentColor',
   size,
-  label = 'ClosedCaptionOn'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M5 11C5 9.34315 6.34315 8 8 8C8.82886 8 9.57921 8.33614 10.1222 8.87953L10.123 8.87866C10.5136 9.26919 10.5136 9.90235 10.123 10.2929C9.73403 10.6819 9.10424 10.6834 8.71337 10.2974L8.71246 10.2983C8.53109 10.1142 8.27888 10 8 10C7.44772 10 7 10.4477 7 11V13C7 13.5523 7.44772 14 8 14C8.27888 14 8.53109 13.8858 8.71246 13.7017L8.71327 13.7025C9.10415 13.3165 9.73394 13.318 10.123 13.707C10.5135 14.0976 10.5135 14.7307 10.123 15.1212L10.1222 15.1205C9.57921 15.6639 8.82886 16 8 16C6.34315 16 5 14.6569 5 13V11Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -559,11 +597,12 @@ export const CloudAttention = ({
   className,
   color = 'currentColor',
   size,
-  label = 'CloudAttention'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M17 10C17 7.79086 15.2091 6 13 6C10.7912 6 9.00048 7.79127 9 10C9 10.5178 8.6065 10.9436 8.10224 10.9948C8.06863 10.9983 8.03452 11 8 11C6.89543 11 6 11.8954 6 13C6 13.5178 5.6065 13.9436 5.10224 13.9948C5.06863 13.9983 5.03452 14 5 14H4.5C3.67157 14 3 14.6716 3 15.5C3 16.3284 3.67157 17 4.5 17H8C8.55228 17 9 17.4477 9 18C9 18.5523 8.55228 19 8 19H4.5C2.567 19 1 17.433 1 15.5C1 13.6951 2.36618 12.2093 4.12085 12.0203C4.48266 10.5832 5.62208 9.45518 7.06559 9.10973C7.49569 6.21822 9.9888 4 13 4C16.3137 4 19 6.68629 19 10V10.0275C21.25 10.2762 23 12.1837 23 14.5C23 16.9853 20.9853 19 18.5 19H18C17.4477 19 17 18.5523 17 18C17 17.4477 17.4477 17 18 17H18.5C19.8807 17 21 15.8807 21 14.5C21 13.1193 19.8807 12 18.5 12H18.001C17.4487 12 17 11.5523 17 11V10Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -577,11 +616,12 @@ export const CloudCheck = ({
   className,
   color = 'currentColor',
   size,
-  label = 'CloudCheck'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M17.3275 7.30272C16.9252 7.68118 16.2924 7.6619 15.9139 7.25967C15.1831 6.48292 14.1487 6 13 6C10.7909 6 9.00003 7.79086 9.00003 10C9.00003 10.5008 8.63187 10.9156 8.15144 10.9886C8.10206 10.9961 8.05147 11 8 11C6.89543 11 6 11.8954 6 13C6 13.5523 5.55228 14 5 14H4.5C3.67157 14 3 14.6716 3 15.5C3 16.3284 3.67157 17 4.5 17H18.5C19.8807 17 21 15.8807 21 14.5C21 14.3178 20.9807 14.1412 20.9443 13.9718C20.8284 13.4318 21.1722 12.9001 21.7122 12.7842C22.2522 12.6683 22.7839 13.0121 22.8998 13.5521C22.9656 13.8586 23 14.1758 23 14.5C23 16.9757 21.0007 18.9845 18.5286 18.9999L18.5152 19H4.5C2.567 19 1 17.433 1 15.5C1 13.6951 2.36618 12.2093 4.12085 12.0203C4.48266 10.5832 5.6221 9.45517 7.06562 9.10972C7.49572 6.21821 9.98883 4 13 4C14.7229 4 16.2775 4.72748 17.3705 5.88916C17.749 6.29139 17.7297 6.92427 17.3275 7.30272Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -592,11 +632,12 @@ export const CloudDownload = ({
   className,
   color = 'currentColor',
   size,
-  label = 'CloudDownload'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M17 10C17 7.79086 15.2091 6 13 6C10.7909 6 9 7.79086 9 10C9 10.5178 8.6065 10.9436 8.10224 10.9948C8.06863 10.9983 8.03452 11 8 11C6.89543 11 6 11.8954 6 13C6 13.5178 5.6065 13.9436 5.10224 13.9948C5.06863 13.9983 5.03452 14 5 14H4.5C3.67157 14 3 14.6716 3 15.5C3 16.3284 3.67157 17 4.5 17H5C5.55228 17 6 17.4477 6 18C6 18.5523 5.55228 19 5 19H4.5C2.567 19 1 17.433 1 15.5C1 13.6951 2.36618 12.2093 4.12085 12.0203C4.48266 10.5832 5.62208 9.45518 7.06559 9.10973C7.49569 6.21822 9.9888 4 13 4C16.3137 4 19 6.68629 19 10V10.0276C21.25 10.2763 23 12.1839 23 14.5002C23 15.7368 22.4998 16.8586 21.6931 17.6709C21.304 18.0628 20.6708 18.065 20.2789 17.6759C19.8871 17.2867 19.8848 16.6536 20.274 16.2617C20.7238 15.8087 21 15.1877 21 14.5002C21 13.1194 19.8807 12.0002 18.5 12.0002H18C17.4563 12.0002 17.0139 11.5662 17.0003 11.0258C17.0001 11.0173 17 11.0086 17 11V10Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -607,11 +648,12 @@ export const CloudLocked = ({
   className,
   color = 'currentColor',
   size,
-  label = 'CloudLocked'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M17 10C17 7.79086 15.2091 6 13 6C10.7912 6 9.00048 7.79038 9 9.99912C9 10.5169 8.6065 10.9436 8.10224 10.9948C8.06863 10.9983 8.03452 11 8 11C6.89543 11 6 11.8954 6 13C6 13.5178 5.6065 13.9436 5.10224 13.9948C5.06863 13.9983 5.03452 14 5 14H4.5C3.67157 14 3 14.6716 3 15.5C3 16.3284 3.67157 17 4.5 17H5C5.55228 17 6 17.4477 6 18C6 18.5523 5.55228 19 5 19H4.5C2.567 19 1 17.433 1 15.5C1 13.6951 2.36618 12.2093 4.12085 12.0203C4.48266 10.5832 5.62208 9.45518 7.06559 9.10973C7.49569 6.21822 9.9888 4 13 4C16.3137 4 19 6.68629 19 10V10.0275C21.25 10.2762 23 12.1838 23 14.5C23 16.5872 21.58 18.3401 19.655 18.8502C19.1211 18.9916 18.5737 18.6735 18.4322 18.1397C18.2908 17.6058 18.6089 17.0584 19.1427 16.9169C20.2127 16.6334 21 15.6574 21 14.5C21 13.1193 19.8807 12 18.5 12H18C17.5728 12 17.2082 11.7322 17.065 11.3553C17.0346 11.2753 17.0141 11.1905 17.0052 11.1022C17.0018 11.0686 17 11.0345 17 11V10Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -622,11 +664,12 @@ export const CloudNoConnection = ({
   className,
   color = 'currentColor',
   size,
-  label = 'CloudNoConnection'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M17 10C17 7.79086 15.2091 6 13 6C10.7909 6 9 7.79086 9 10C9 10.5178 8.6065 10.9436 8.10224 10.9948C8.06863 10.9983 8.03452 11 8 11C6.89543 11 6 11.8954 6 13C6 13.5523 5.55228 14 5 14H4.5C3.67157 14 3 14.6716 3 15.5C3 16.3284 3.67157 17 4.5 17H6C6.55228 17 7 17.4477 7 18C7 18.5523 6.55228 19 6 19H4.5C2.567 19 1 17.433 1 15.5C1 13.6951 2.36618 12.2093 4.12085 12.0203C4.48266 10.5832 5.62208 9.45518 7.06559 9.10973C7.49569 6.21822 9.9888 4 13 4C16.3137 4 19 6.68629 19 10V10.0275C21.25 10.2762 23 12.1837 23 14.5C23 16.9853 20.9853 19 18.5 19C17.9477 19 17.5 18.5523 17.5 18C17.5 17.4477 17.9477 17 18.5 17C19.8807 17 21 15.8807 21 14.5C21 13.1193 19.8807 12 18.5 12H18C17.4477 12 17 11.5523 17 11V10Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -637,11 +680,12 @@ export const CloudSyncing = ({
   className,
   color = 'currentColor',
   size,
-  label = 'CloudSyncing'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M17 10C17 7.79086 15.2091 6 13 6C10.7909 6 9 7.79086 9 10C9 10.5178 8.6065 10.9436 8.10224 10.9948C8.06863 10.9983 8.03452 11 8 11C6.89543 11 6 11.8954 6 13C6 13.5178 5.6065 13.9436 5.10224 13.9948C5.06863 13.9983 5.03452 14 5 14H4.5C3.67157 14 3 14.6716 3 15.5C3 16.3284 3.67157 17 4.5 17C5.05228 17 5.5 17.4477 5.5 18C5.5 18.5523 5.05228 19 4.5 19C2.567 19 1 17.433 1 15.5C1 13.6951 2.36618 12.2093 4.12085 12.0203C4.48266 10.5832 5.62208 9.45518 7.06559 9.10973C7.49569 6.21822 9.9888 4 13 4C16.3137 4 19 6.68629 19 10V10.0275C21.25 10.2762 23 12.1837 23 14.5C23 15.0523 22.5523 15.5 22 15.5C21.4477 15.5 21 15.0523 21 14.5C21 13.1193 19.8807 12 18.5 12L18 12C17.4477 12 17 11.5523 17 11V10Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -655,11 +699,12 @@ export const CloudUpload = ({
   className,
   color = 'currentColor',
   size,
-  label = 'CloudUpload'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M17 10C17 7.79086 15.2091 6 13 6C10.7909 6 9 7.79086 9 10C9 10.5178 8.6065 10.9436 8.10224 10.9948C8.06863 10.9983 8.03452 11 8 11C6.89543 11 6 11.8954 6 13C6 13.5178 5.6065 13.9436 5.10224 13.9948C5.06863 13.9983 5.03452 14 5 14H4.5C3.67157 14 3 14.6716 3 15.5C3 16.3284 3.67157 17 4.5 17H5C5.55228 17 6 17.4477 6 18C6 18.5523 5.55228 19 5 19H4.5C2.567 19 1 17.433 1 15.5C1 13.6951 2.36618 12.2093 4.12085 12.0203C4.48266 10.5832 5.62208 9.45518 7.06559 9.10973C7.49569 6.21822 9.9888 4 13 4C16.3137 4 19 6.68629 19 10V10.0276C21.25 10.2763 23 12.1839 23 14.5002C23 15.7368 22.4998 16.8586 21.6931 17.6709C21.304 18.0628 20.6708 18.065 20.2789 17.6759C19.8871 17.2867 19.8848 16.6536 20.274 16.2617C20.7238 15.8087 21 15.1877 21 14.5002C21 13.1194 19.8807 12.0002 18.5 12.0002H18C17.4477 12.0002 17 11.5523 17 11V10Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -670,11 +715,12 @@ export const Cloud = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Cloud'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M18.5286 18.9999C21.0007 18.9845 23 16.9757 23 14.5C23 12.1837 21.25 10.2762 19 10.0275V10C19 6.68629 16.3137 4 13 4C9.9888 4 7.49569 6.21822 7.06559 9.10973C5.62208 9.45518 4.48266 10.5832 4.12085 12.0203C2.36618 12.2093 1 13.6951 1 15.5C1 17.433 2.567 19 4.5 19H18.5152C18.5197 19 18.5242 19 18.5286 18.9999ZM13 6C15.2091 6 17 7.79086 17 10V11C17 11.5523 17.4477 12 18 12C18.0003 12 17.9997 12 18 12L18.5 12C19.8807 12 21 13.1193 21 14.5C21 15.8807 19.8807 17 18.5 17H4.5C3.67157 17 3 16.3284 3 15.5C3 14.6716 3.67157 14 4.5 14H5C5.55228 14 6 13.5523 6 13C6 11.8954 6.89543 11 8 11C8.03452 11 8.06863 10.9983 8.10224 10.9948C8.6065 10.9436 9 10.5178 9 10C9 7.79086 10.7909 6 13 6Z",
   fill: color
 }));
@@ -682,11 +728,12 @@ export const CoffeeBreak = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Coffee break'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M7 1.99994C6.99997 1.44765 6.55222 0.999966 5.99994 1C5.44765 1.00003 4.99997 1.44778 5 2.00006C5.00009 3.41769 5.75676 4.17379 6.26813 4.68476L6.293 4.70962C6.78329 5.19991 7.00008 5.44188 7.00006 5.99997C7.00004 6.55226 7.44775 6.99998 8.00003 7C8.55232 7.00002 9.00004 6.55231 9.00006 6.00003C9.0001 4.58709 8.24457 3.83226 7.73469 3.32287L7.7072 3.29539C7.21849 2.80669 7.00003 2.56248 7 1.99994Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -702,11 +749,12 @@ export const Dashboard = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Dashboard'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M9 13C10.1046 13 11 12.1046 11 11L11 4C11 2.89543 10.1046 2 9 2H4C2.89543 2 2 2.89543 2 4V11C2 12.1046 2.89543 13 4 13L9 13ZM4 11L4 4L9 4L9 11L4 11Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -723,11 +771,12 @@ export const Delete = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Delete'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M9 1C8.44772 1 8 1.44772 8 2C8 2.55228 8.44772 3 9 3H15C15.5523 3 16 2.55228 16 2C16 1.44772 15.5523 1 15 1H9Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -744,11 +793,12 @@ export const Document = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Document'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M9 15C8.44772 15 8 15.4477 8 16C8 16.5523 8.44772 17 9 17H13C13.5523 17 14 16.5523 14 16C14 15.4477 13.5523 15 13 15H9Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -762,11 +812,12 @@ export const Download = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Download'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M13 3C13 2.44772 12.5523 2 12 2C11.4477 2 11 2.44772 11 3L11 10.5864L9.17097 8.75734C8.78045 8.36681 8.14728 8.36681 7.75676 8.75734C7.36624 9.14786 7.36624 9.78103 7.75676 10.1716L11.2923 13.7071C11.445 13.8598 11.6349 13.9528 11.8329 13.9861C11.8746 13.9931 11.9172 13.9976 11.9606 13.9992C11.9736 13.9997 11.9868 14 12 14C12.2865 14 12.5448 13.8796 12.7271 13.6865L16.2421 10.1715C16.6326 9.781 16.6326 9.14783 16.2421 8.75731C15.8516 8.36679 15.2184 8.36679 14.8279 8.75731L13 10.5852L13 3Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -777,11 +828,12 @@ export const DragHandle = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Drag Handle'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M22 9C22 9.55228 21.5523 10 21 10L3.00049 10C2.4482 10 2.00049 9.55229 2.00049 9C2.00049 8.44772 2.4482 8 3.00049 8H21C21.5523 8 22 8.44772 22 9Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -792,11 +844,12 @@ export const DragIndicator = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Drag Indicator'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M8 6C9.10457 6 10 5.10457 10 4C10 2.89543 9.10457 2 8 2C6.89543 2 6 2.89543 6 4C6 5.10457 6.89543 6 8 6Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -819,11 +872,12 @@ export const Edit = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Edit'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M21.1224 2.8777C19.9521 1.70743 18.0547 1.70743 16.8845 2.8777L6.58514 13.1769C6.21048 13.5516 6 14.0597 6 14.5896V16.0022C6 17.1056 6.89444 18 7.99778 18H9.41042C9.94027 18 10.4484 17.7895 10.8231 17.4149L21.1224 7.11563C22.2927 5.94536 22.2927 4.04798 21.1224 2.8777ZM19.7097 4.29035C20.0998 4.68044 20.0998 5.3129 19.7097 5.70299L18.5716 6.84093L17.1589 5.42825L18.2971 4.29035C18.6872 3.90026 19.3197 3.90026 19.7097 4.29035ZM8.57883 14.0085L15.7463 6.84089L17.159 8.25357L9.99148 15.4212L8.57883 14.0085Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -834,11 +888,12 @@ export const Educator = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Educator'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M1 6C1 3.79086 2.79086 2 5 2H19C21.2091 2 23 3.79086 23 6V15C23 15.5523 22.5523 16 22 16C21.4477 16 21 15.5523 21 15V6C21 4.89543 20.1046 4 19 4H5C3.89543 4 3 4.89543 3 6V14C3 15.1046 3.89543 16 5 16H6.21053C6.76281 16 7.21053 16.4477 7.21053 17C7.21053 17.5523 6.76281 18 6.21053 18H5C2.79086 18 1 16.2091 1 14V6Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -852,11 +907,12 @@ export const Equals = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Equals'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M5 7C4.44772 7 4 7.44772 4 8C4 8.55229 4.44772 9 5 9L19 9C19.5523 9 20 8.55228 20 8C20 7.44772 19.5523 7 19 7H5Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -867,11 +923,12 @@ export const EventLog = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Event Log'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M1 5C1 2.79086 2.79086 1 5 1H16C18.2091 1 20 2.79086 20 5V6C20 6.55228 19.5523 7 19 7C18.4477 7 18 6.55228 18 6V5C18 3.89543 17.1046 3 16 3H5C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21H8C8.55228 21 9 21.4477 9 22C9 22.5523 8.55228 23 8 23H5C2.79086 23 1 21.2091 1 19V5Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -894,11 +951,12 @@ export const Export = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Export'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M18 6C18 6.55228 17.5523 7 17 7C16.4477 7 16 6.55228 16 6V3L10 3V8C10 8.55228 9.55229 9 9 9H4V21H16V20C16 19.4477 16.4477 19 17 19C17.5523 19 18 19.4477 18 20V21C18 22.1046 17.1046 23 16 23H4C2.89543 23 2 22.1046 2 21V7.82843C2 7.29799 2.21071 6.78929 2.58579 6.41421L7.41421 1.58579C7.78929 1.21071 8.29799 1 8.82843 1H16C17.1046 1 18 1.89543 18 3V6ZM4.82843 7H8V3.82843L4.82843 7Z",
@@ -911,11 +969,12 @@ export const ExportCVS = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Export CVS'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M4 3C4 1.89543 4.89543 1 6 1H13.1716C13.702 1 14.2107 1.21071 14.5858 1.58579L19.4142 6.41421C19.7893 6.78929 20 7.29799 20 7.82843V21C20 22.1046 19.1046 23 18 23H6C4.89543 23 4 22.1046 4 21V3ZM6 19V21H18V19H6ZM18 11H6V3L12 3V8C12 8.55228 12.4477 9 13 9H18V11ZM14 7H17.1716L14 3.82843V7ZM10.8745 12.8595C10.7969 12.6527 10.5664 12.5479 10.3595 12.6254C10.1527 12.703 10.0479 12.9336 10.1254 13.1404L11.6254 17.1404C11.684 17.2965 11.8332 17.4 12 17.4C12.1667 17.4 12.3159 17.2965 12.3745 17.1404L13.8745 13.1404C13.9521 12.9336 13.8473 12.703 13.6404 12.6254C13.4336 12.5479 13.203 12.6527 13.1254 12.8595L12 15.8608L10.8745 12.8595ZM7.4001 14C7.4001 13.6686 7.66873 13.4 8.0001 13.4H8.2001C8.42101 13.4 8.6001 13.5791 8.6001 13.8V14C8.6001 14.2209 8.77918 14.4 9.0001 14.4C9.22101 14.4 9.4001 14.2209 9.4001 14V13.8C9.4001 13.1372 8.86284 12.6 8.2001 12.6H8.0001C7.2269 12.6 6.6001 13.2268 6.6001 14V16C6.6001 16.7732 7.2269 17.4 8.0001 17.4H8.2001C8.86284 17.4 9.4001 16.8627 9.4001 16.2V16C9.4001 15.7791 9.22101 15.6 9.0001 15.6C8.77918 15.6 8.6001 15.7791 8.6001 16V16.2C8.6001 16.4209 8.42101 16.6 8.2001 16.6H8.0001C7.66873 16.6 7.4001 16.3313 7.4001 16V14ZM14.6001 13.8893C14.6001 13.1772 15.1773 12.6 15.8894 12.6H16.1001C16.8181 12.6 17.4001 13.182 17.4001 13.9V14C17.4001 14.2209 17.221 14.4 17.0001 14.4C16.7792 14.4 16.6001 14.2209 16.6001 14V13.9C16.6001 13.6238 16.3762 13.4 16.1001 13.4H15.8894C15.6192 13.4 15.4001 13.619 15.4001 13.8893C15.4001 14.112 15.526 14.3157 15.7252 14.4153L16.6328 14.8691C17.103 15.1042 17.4001 15.5849 17.4001 16.1107C17.4001 16.8227 16.8229 17.4 16.1108 17.4H15.9001C15.1821 17.4 14.6001 16.8179 14.6001 16.1V16C14.6001 15.7791 14.7792 15.6 15.0001 15.6C15.221 15.6 15.4001 15.7791 15.4001 16V16.1C15.4001 16.3761 15.624 16.6 15.9001 16.6H16.1108C16.381 16.6 16.6001 16.3809 16.6001 16.1107C16.6001 15.8879 16.4742 15.6843 16.275 15.5846L15.3674 15.1309C14.8972 14.8957 14.6001 14.4151 14.6001 13.8893Z",
@@ -925,11 +984,12 @@ export const ExportEXL = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Export EXL'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M4 3C4 1.89543 4.89543 1 6 1H13.1716C13.702 1 14.2107 1.21071 14.5858 1.58579L19.4142 6.41421C19.7893 6.78929 20 7.29799 20 7.82843V21C20 22.1046 19.1046 23 18 23H6C4.89543 23 4 22.1046 4 21V3ZM6 19V21H18V19H6ZM18 11H6V3L12 3V8C12 8.55228 12.4477 9 13 9H18V11ZM14 7H17.1716L14 3.82843V7ZM7.0001 12.6C6.77918 12.6 6.6001 12.7791 6.6001 13V17C6.6001 17.2209 6.77918 17.4 7.0001 17.4H9.0001C9.22101 17.4 9.4001 17.2209 9.4001 17C9.4001 16.7791 9.22101 16.6 9.0001 16.6H7.4001V15.4H8.5001C8.72101 15.4 8.9001 15.2209 8.9001 15C8.9001 14.7791 8.72101 14.6 8.5001 14.6H7.4001V13.4H9.0001C9.22101 13.4 9.4001 13.2209 9.4001 13C9.4001 12.7791 9.22101 12.6 9.0001 12.6H7.0001ZM15.9001 13C15.9001 12.7791 15.721 12.6 15.5001 12.6C15.2792 12.6 15.1001 12.7791 15.1001 13V17C15.1001 17.2209 15.2792 17.4 15.5001 17.4H17.5001C17.721 17.4 17.9001 17.2209 17.9001 17C17.9001 16.7791 17.721 16.6 17.5001 16.6H15.9001V13ZM11.3389 12.788C11.2218 12.6007 10.975 12.5437 10.7877 12.6608C10.6003 12.7779 10.5434 13.0247 10.6605 13.212L11.7783 15.0006L10.6611 16.788C10.5441 16.9754 10.601 17.2221 10.7883 17.3392C10.9757 17.4563 11.2225 17.3994 11.3395 17.212L12.25 15.7553L13.1605 17.212C13.2775 17.3994 13.5243 17.4563 13.7117 17.3392C13.899 17.2221 13.9559 16.9754 13.8389 16.788L12.7217 15.0006L13.8395 13.212C13.9566 13.0247 13.8997 12.7779 13.7123 12.6608C13.525 12.5437 13.2782 12.6007 13.1611 12.788L12.25 14.2458L11.3389 12.788Z",
@@ -939,11 +999,12 @@ export const ExportPDF = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Export PDF'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M7.5001 14.6C7.46557 14.6 7.43206 14.6044 7.4001 14.6126V13.4H8.2001C8.42101 13.4 8.6001 13.5791 8.6001 13.8V14.2C8.6001 14.4209 8.42101 14.6 8.2001 14.6H7.5001Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -959,11 +1020,12 @@ export const ExportPNG = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Export PNG'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M7.5001 14.6C7.46557 14.6 7.43206 14.6044 7.4001 14.6126V13.4H8.2001C8.42101 13.4 8.6001 13.5791 8.6001 13.8V14.2C8.6001 14.4209 8.42101 14.6 8.2001 14.6H7.5001Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -976,11 +1038,12 @@ export const ExtendTextArea = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Extent Text Area'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M17.7387 21.7031C17.3482 21.3126 17.3482 20.6794 17.7387 20.2889L20.2985 17.7291C20.6891 17.3386 21.3222 17.3386 21.7128 17.7291C22.1033 18.1196 22.1033 18.7528 21.7128 19.1433L19.1529 21.7031C18.7624 22.0936 18.1292 22.0936 17.7387 21.7031Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -994,12 +1057,12 @@ export const Facebook = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Facebook'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
   size: size,
   viewBox: "0 0 8 16"
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+}, /*#__PURE__*/React.createElement("path", {
   d: "M2 15.95V9H0V6H2V3.5C2 1.57 3.57 0 5.5 0H8V3H6C5.45 3 5 3.45 5 4V6H8V9H5V15.95L2 15.95Z",
   fill: "currentColor"
 }));
@@ -1007,11 +1070,12 @@ export const Filter = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Preferences'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M10.8551 4.5C10.4248 3.05426 9.08551 2 7.5 2C5.91449 2 4.57521 3.05426 4.14494 4.5H2C1.44772 4.5 1 4.94772 1 5.5C1 6.05228 1.44772 6.5 2 6.5H4.14494C4.57521 7.94574 5.91449 9 7.5 9C9.08551 9 10.4248 7.94574 10.8551 6.5H22C22.5523 6.5 23 6.05228 23 5.5C23 4.94772 22.5523 4.5 22 4.5H10.8551ZM9 5.5C9 6.32843 8.32843 7 7.5 7C6.67157 7 6 6.32843 6 5.5C6 4.67157 6.67157 4 7.5 4C8.32843 4 9 4.67157 9 5.5Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -1025,11 +1089,12 @@ export const Flickr = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Flickr'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M8.28653 14.9197C6.65115 14.9197 5.3252 13.613 5.3252 12.0003C5.3252 11.8675 5.33486 11.7362 5.35286 11.6078C5.54661 10.1815 6.78553 9.08008 8.28653 9.08008C9.4792 9.08008 10.507 9.77762 10.9758 10.7802C11.1494 11.1517 11.2464 11.5649 11.2464 12.0003C11.2464 13.613 9.92145 14.9197 8.28653 14.9197ZM15.714 14.9197C14.079 14.9197 12.7537 13.613 12.7537 12.0003C12.7537 11.5738 12.8474 11.1692 13.0137 10.8034C13.4766 9.78837 14.5111 9.08008 15.714 9.08008C17.269 9.08008 18.5437 10.2638 18.6634 11.7688C18.6694 11.8451 18.674 11.9224 18.674 12.0003C18.674 13.613 17.3487 14.9197 15.714 14.9197Z",
@@ -1039,11 +1104,12 @@ export const Forward = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Forward'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M22.6453 12.7542C23.1182 12.4159 23.1182 11.5841 22.6453 11.2458L14.0844 5.12214C13.6047 4.77901 13 5.19959 13 5.87633V11.9996C12.9999 11.7072 12.8816 11.4149 12.6453 11.2458L4.08439 5.12214C3.60471 4.77901 3 5.19959 3 5.87633V18.1237C3 18.8004 3.60471 19.221 4.08439 18.8779L12.6453 12.7542C12.8816 12.5851 12.9999 12.2919 13 11.9996V18.1237C13 18.8004 13.6047 19.221 14.0844 18.8779L22.6453 12.7542Z",
   fill: color
 }));
@@ -1051,11 +1117,12 @@ export const ForwardSlash = ({
   className,
   color = 'currentColor',
   size,
-  label = 'ForwardSlash'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M12.9929 2.74178C13.1359 2.20806 13.6842 1.89133 14.2177 2.03434C14.7512 2.17735 15.0677 2.72594 14.9248 3.25966L10.1044 21.2582C9.96142 21.7919 9.41308 22.1087 8.87961 21.9657C8.34615 21.8227 8.02956 21.2741 8.17251 20.7403L12.9929 2.74178Z",
   fill: color
 }));
@@ -1063,11 +1130,12 @@ export const ForwardFiveSec = ({
   className,
   color = 'currentColor',
   size,
-  label = 'ForwardFiveSec'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M10.5 21C11.0523 21 11.5 20.5523 11.5 20C11.5 19.4477 11.0523 19 10.5 19C6.35786 19 3 15.6421 3 11.5C3 7.35787 6.35786 4 10.5 4C14.5296 4 17.817 7.17789 17.9926 11.1642L16.8787 10.0503C16.4882 9.65973 15.855 9.65973 15.4645 10.0503C15.0739 10.4408 15.0739 11.0739 15.4645 11.4645L18.2929 14.2929C18.2929 14.2929 18.2928 14.2928 18.2929 14.2929C18.3097 14.3097 18.327 14.3259 18.3447 14.3412C18.7375 14.6828 19.3335 14.6668 19.7073 14.293L22.5357 11.4646C22.9262 11.0741 22.9262 10.4409 22.5357 10.0504C22.1452 9.65988 21.512 9.65988 21.1215 10.0504L19.9946 11.1773C19.8245 6.07998 15.6387 2 10.5 2C5.25329 2 1 6.2533 1 11.5C1 16.7467 5.2533 21 10.5 21Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -1078,11 +1146,12 @@ export const FullscreenExit = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Exit Fullscreen'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M6 10C8.20914 10 10 8.20914 10 6L10 3C10 2.44772 9.55229 2 9 2C8.44772 2 8 2.44772 8 3V6C8 7.10457 7.10457 8 6 8H3C2.44772 8 2 8.44771 2 9C2 9.55228 2.44772 10 3 10H6Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -1099,11 +1168,12 @@ export const Fullscreen = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Fullscreen'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M6 2C3.79086 2 2 3.79086 2 6V9C2 9.55228 2.44772 10 3 10C3.55228 10 4 9.55228 4 9V6C4 4.89543 4.89543 4 6 4H9C9.55228 4 10 3.55228 10 3C10 2.44772 9.55228 2 9 2H6Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -1120,11 +1190,12 @@ export const GearSettings = ({
   className,
   color = 'currentColor',
   size,
-  label = 'GearSettings'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M15.9702 12C15.9702 9.80745 14.1928 8.03003 12.0002 8.03003C9.80769 8.03003 8.03027 9.80745 8.03027 12C8.03027 14.1926 9.80769 15.97 12.0002 15.97C14.1928 15.97 15.9702 14.1926 15.9702 12ZM13.9702 12C13.9702 13.088 13.0882 13.97 12.0002 13.97C10.9123 13.97 10.0303 13.088 10.0303 12C10.0303 10.912 10.9123 10.03 12.0002 10.03C13.0882 10.03 13.9702 10.912 13.9702 12Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -1135,11 +1206,12 @@ export const GridView = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Grid Menu'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M18 4C19.1046 4 20 4.89543 20 6V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V6C4 4.89543 4.89543 4 6 4H18ZM11 6H6V11L11 11V6ZM13 6V11L18 11V6H13ZM11 13H6V18H11V13ZM13 18V13H18V18H13Z",
@@ -1149,11 +1221,12 @@ export const Group = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Group'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M8 16V19C8 20.6569 9.34315 22 11 22H19C20.6569 22 22 20.6569 22 19V11C22 9.34315 20.6569 8 19 8H16V5C16 3.34315 14.6569 2 13 2H5C3.34315 2 2 3.34315 2 5V13C2 14.6569 3.34315 16 5 16H8ZM5 4H13C13.5523 4 14 4.44772 14 5V8H11C9.34315 8 8 9.34315 8 11V14H5C4.44772 14 4 13.5523 4 13V5C4 4.44772 4.44772 4 5 4ZM16 10H19C19.5523 10 20 10.4477 20 11V19C20 19.5523 19.5523 20 19 20H11C10.4477 20 10 19.5523 10 19V16H13C14.6569 16 16 14.6569 16 13V10ZM14 10V13C14 13.5523 13.5523 14 13 14H10V11C10 10.4477 10.4477 10 11 10H14Z",
   fill: color
 }));
@@ -1161,11 +1234,12 @@ export const GuidedTour = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Guided tour'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M6.3978 1.20166C6.64832 1.0127 6.973 0.95228 7.27472 1.03848L17.9094 4.07696C19.8435 4.62955 19.8435 7.37046 17.9094 7.92306L8 10.7543V22C8 22.5523 7.55228 23 7 23C6.44772 23 6 22.5523 6 22V2.00001C6 1.68622 6.14729 1.39062 6.3978 1.20166ZM8 8.67428L17.3599 6.00001L8 3.32574V8.67428Z",
@@ -1175,11 +1249,12 @@ export const Help = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Help'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M13 17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17C11 16.4477 11.4477 16 12 16C12.5523 16 13 16.4477 13 17Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -1193,11 +1268,12 @@ export const Hierarchy = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Hierarchy'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M14 4C14 5.10457 13.1046 6 12 6C10.8954 6 10 5.10457 10 4C10 2.89543 10.8954 2 12 2C13.1046 2 14 2.89543 14 4Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -1217,11 +1293,12 @@ export const History = ({
   className,
   color = 'currentColor',
   size,
-  label = 'History'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M2.29292 5.53553C2.17468 5.4173 2.09225 5.27682 2.0456 5.12756C1.93815 4.78383 2.02058 4.39354 2.29289 4.12123L2.30232 4.11192L5.12135 1.29289C5.51187 0.902369 6.14504 0.902369 6.53556 1.29289C6.92609 1.68342 6.92609 2.31658 6.53556 2.70711L5.24265 4.00002L12.4997 4C17.7464 4 21.9997 8.25328 21.9997 13.5C21.9997 18.7467 17.7464 22.9999 12.4997 22.9999C9.62527 22.9999 7.04818 21.7221 5.30765 19.707C5.30045 19.6986 5.29342 19.6902 5.28655 19.6817C3.86138 18.0202 3.00033 15.8606 3.00033 13.4999C3.00033 12.9477 3.44805 12.4999 4.00033 12.4999C4.55262 12.4999 5.00033 12.9477 5.00033 13.4999C5.00033 17.6421 8.35818 20.9999 12.5003 20.9999L12.5076 20.9999C16.6461 20.9957 19.9997 17.6395 19.9997 13.5C19.9997 9.35785 16.6418 6 12.4997 6L5.5859 6.00002L6.53553 6.94965C6.92606 7.34018 6.92606 7.97334 6.53553 8.36387C6.14501 8.75439 5.51184 8.75439 5.12132 8.36387L2.29977 5.54232L2.29292 5.53553Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -1232,11 +1309,12 @@ export const Home = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Home'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M20 12.0117L20.2929 12.3046C20.6834 12.6951 21.3166 12.6951 21.7071 12.3046C22.0976 11.9141 22.0976 11.2809 21.7071 10.8904L13.3942 2.57749C12.6242 1.8075 11.3758 1.8075 10.6058 2.57749L2.29289 10.8904C1.90237 11.2809 1.90237 11.9141 2.29289 12.3046C2.68342 12.6951 3.31658 12.6951 3.70711 12.3046L4 12.0117V20C4 21.1046 4.89543 22 6 22H18C19.1046 22 20 21.1046 20 20V12.0117ZM18 10.0117V20H15V14C15 12.8954 14.1046 12 13 12H11C9.89543 12 9 12.8954 9 14V20H6V10.0117L12 4.01173L18 10.0117ZM11 14H13V20H11V14Z",
   fill: color
 }));
@@ -1244,11 +1322,12 @@ export const Image = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Image'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M17.75 10C18.7165 10 19.5 9.2165 19.5 8.25C19.5 7.2835 18.7165 6.5 17.75 6.5C16.7835 6.5 16 7.2835 16 8.25C16 9.2165 16.7835 10 17.75 10Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -1261,11 +1340,12 @@ export const Information = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Information'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M13.5 7.5C13.5 8.32843 12.8284 9 12 9C11.1716 9 10.5 8.32843 10.5 7.5C10.5 6.67157 11.1716 6 12 6C12.8284 6 13.5 6.67157 13.5 7.5Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -1279,11 +1359,12 @@ export const Institute = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Institute'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M12.5653 2.12761C12.2639 1.95872 11.8966 1.95739 11.594 2.1241L2.51711 7.1241C2.1174 7.34428 1.91745 7.80714 2.03113 8.2491C2.1448 8.69106 2.54326 9 2.99961 9H21.0001C21.4551 9 21.8527 8.69284 21.9677 8.2526C22.0826 7.81235 21.8858 7.35002 21.4889 7.12761L12.5653 2.12761ZM17.1696 7H6.88756L12.0723 4.14396L17.1696 7Z",
@@ -1305,11 +1386,12 @@ export const Keyboard = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Keyboard'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M6 11C6.55228 11 7 10.5523 7 10C7 9.44772 6.55228 9 6 9C5.44772 9 5 9.44772 5 10C5 10.5523 5.44772 11 6 11Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -1340,11 +1422,12 @@ export const Language = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Language'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M12.0001 23.0361C17.985 23.0361 23 17.9581 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 17.9765 6.00958 23.0361 12.0001 23.0361ZM12.0079 21.0195C11.6718 21.0195 11.3875 20.7755 11.1697 20.5451C10.807 20.1615 10.4342 19.5528 10.1002 18.7177C9.79255 17.9487 9.53438 17.0295 9.34562 16H14.6579C14.4689 17.0368 14.2095 17.9623 13.9001 18.7358C13.566 19.5709 13.1933 20.1796 12.8305 20.5632C12.6143 20.7919 12.3377 21.0195 12.0079 21.0195ZM9.08203 14C9.02856 13.3634 9.00012 12.7005 9.00012 12.0181C9.00012 11.3227 9.02964 10.6476 9.0851 10H14.9136C14.97 10.6531 15.0001 11.3343 15.0001 12.0361C15.0001 12.7121 14.9722 13.369 14.9197 14H9.08203ZM16.6877 16H20.0645C19.0875 17.966 17.4128 19.524 15.3643 20.3501C15.5049 20.0733 15.6358 19.7817 15.757 19.4786C16.1578 18.4766 16.4743 17.2968 16.6877 16ZM20.777 14H16.926C16.9748 13.3616 17.0001 12.705 17.0001 12.0361C17.0001 11.342 16.9729 10.6611 16.9204 10H20.777C20.9229 10.6432 21 11.3126 21 12C21 12.6874 20.9229 13.3568 20.777 14ZM7.07559 14H3.22302C3.07706 13.3568 3 12.6874 3 12C3 11.3126 3.07706 10.6432 3.22302 10H7.07841C7.02687 10.6555 7.00012 11.3303 7.00012 12.0181C7.00012 12.6932 7.0259 13.3559 7.07559 14ZM3.93552 16H7.31554C7.52885 17.2897 7.8443 18.4632 8.24322 19.4605C8.36779 19.772 8.50252 20.0713 8.64757 20.3549C6.59372 19.53 4.91441 17.9698 3.93552 16ZM9.35228 8C9.54043 6.98516 9.79615 6.07843 10.1002 5.31839C10.4342 4.48329 10.807 3.87459 11.1697 3.49102C11.5304 3.10957 11.8192 3.01807 12.0079 3.01807C12.1966 3.01807 12.4698 3.12763 12.8305 3.50909C13.1933 3.89266 13.566 4.50136 13.9001 5.33646C14.2023 6.09199 14.4568 6.99246 14.6446 8H9.35228ZM16.6757 8C16.4625 6.73163 16.1503 5.57698 15.757 4.59367C15.6224 4.25718 15.476 3.93485 15.3175 3.63115C17.3872 4.4523 19.08 6.01907 20.0645 8H16.6757ZM8.24322 4.57561C7.84803 5.56358 7.53475 6.72453 7.32155 8H3.93552C4.91813 6.02276 6.60649 4.45813 8.671 3.63573C8.51699 3.9328 8.37447 4.24747 8.24322 4.57561Z",
   fill: color
 }));
@@ -1352,11 +1435,12 @@ export const Learner = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Learner'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M12.4061 4.08619C12.1476 3.97127 11.8524 3.97127 11.5939 4.08619L1.59386 8.53063C1.23119 8.69182 0.998162 9.05223 1.00001 9.4491C1.00186 9.84598 1.23823 10.2042 1.60239 10.362L5.02161 11.8437L5.00001 16.9958C4.99888 17.2652 5.10647 17.5236 5.29843 17.7126C5.80583 18.2036 6.43823 18.5825 7.06605 18.8952C8.19031 19.4552 9.84201 20.0001 12 20C14.158 19.9999 15.8097 19.4549 16.9339 18.8951C17.5681 18.5792 18.1905 18.2123 18.7001 17.7141L18.7008 17.7134C18.8918 17.5254 19.0001 17.268 19.0001 17V11.8343L21 10.9676V17C21 17.5523 21.4477 18 22 18C22.5523 18 23 17.5523 23 17C23 14.4831 22.9883 11.9659 23 9.4491C23.0018 9.05223 22.7688 8.69182 22.4061 8.53063L12.4061 4.08619ZM17.0001 12.7009L12.3976 14.6953C12.1439 14.8053 11.8561 14.8053 11.6024 14.6953L7.018 12.7088L7.00198 16.5291C7.65242 17.0058 9.31841 18.0002 11.9999 18C14.6841 17.9998 16.3509 17.0036 17.0001 16.5276V12.7009ZM12 12.6879L4.4883 9.43285L12 6.09432L19.5117 9.43285L12 12.6879Z",
@@ -1366,11 +1450,12 @@ export const Legend = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Legend'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M13.6329 2.64513C13.1236 1.78496 11.8764 1.78496 11.3671 2.64513L8.18503 8.01867C7.66664 8.89409 8.29901 10 9.31797 10H15.682C16.701 10 17.3334 8.89409 16.815 8.01867L13.6329 2.64513ZM14.4796 8L12.5 4.6571L10.5204 8H14.4796Z",
@@ -1390,11 +1475,12 @@ export const Legend1Circle = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Legend 1 circle'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("circle", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("circle", {
   cx: "12",
   cy: "12",
   r: "8",
@@ -1407,7 +1493,8 @@ export const Legend2Triangle = ({
   label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
+  size: size,
+  tooltip: label
 }, /*#__PURE__*/React.createElement("title", null, "Legend 2 triangle"), /*#__PURE__*/React.createElement("path", {
   d: "M9.73413 5.29026C10.7529 3.56991 13.2471 3.56992 14.2659 5.29026L20.6299 16.0373C21.6667 17.7882 20.402 20 18.3641 20H5.63593C3.59801 20 2.33328 17.7882 3.37007 16.0373L9.73413 5.29026Z",
   fill: color
@@ -1416,11 +1503,12 @@ export const Legend3Star = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Legend 3 star'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M11.6247 4.51119C12.0025 3.82961 12.9975 3.8296 13.3753 4.51118L15.3795 8.126C15.5229 8.38466 15.7769 8.5662 16.0713 8.62043L20.1856 9.37831C20.9613 9.52121 21.2688 10.452 20.7265 11.0161L17.8509 14.0081C17.6451 14.2222 17.5481 14.5159 17.5866 14.8081L18.1253 18.8913C18.2268 19.6612 17.4219 20.2364 16.7089 19.9035L12.9276 18.1378C12.657 18.0115 12.343 18.0115 12.0724 18.1378L8.29106 19.9035C7.57807 20.2364 6.77317 19.6612 6.87473 18.8913L7.41335 14.8081C7.45189 14.5159 7.35487 14.2222 7.1491 14.0081L4.27346 11.0161C3.73125 10.452 4.03869 9.52121 4.81445 9.37831L8.92871 8.62043C9.22311 8.5662 9.47713 8.38466 9.62053 8.126L11.6247 4.51119Z",
   fill: color
 }));
@@ -1428,11 +1516,12 @@ export const Legend4Square = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Legend 4 square'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M4 7C4 5.34315 5.34315 4 7 4H17C18.6569 4 20 5.34315 20 7V17C20 18.6569 18.6569 20 17 20H7C5.34315 20 4 18.6569 4 17V7Z",
   fill: color
 }));
@@ -1443,7 +1532,8 @@ export const Legend5Diamond = ({
   label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
+  size: size,
+  tooltip: label
 }, /*#__PURE__*/React.createElement("title", null, "Legend 5 diamond"), /*#__PURE__*/React.createElement("path", {
   d: "M2.87248 14.1063C1.70917 12.943 1.70917 11.057 2.87248 9.89365L9.89365 2.87248C11.057 1.70917 12.943 1.70917 14.1063 2.87248L21.1275 9.89365C22.2908 11.057 22.2908 12.943 21.1275 14.1063L14.1063 21.1275C12.943 22.2908 11.057 22.2908 9.89365 21.1275L2.87248 14.1063Z",
   fill: color
@@ -1452,11 +1542,12 @@ export const Legend6Nabla = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Legend 6 nabla'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M14.2659 19.7097C13.2471 21.4301 10.7529 21.4301 9.73413 19.7097L3.37007 8.96265C2.33328 7.21182 3.59801 5 5.63594 5L18.3641 5C20.402 5 21.6667 7.21182 20.6299 8.96266L14.2659 19.7097Z",
   fill: color
 }));
@@ -1464,11 +1555,12 @@ export const Legend7Pentagon = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Legend 7 pentagon'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M17.9981 19.5905C17.7391 20.4285 16.9644 21 16.0872 21H7.91305C7.03593 21 6.26115 20.4285 6.0022 19.5905L3.41202 11.2081C3.16456 10.4073 3.4427 9.53714 4.10877 9.02832L10.786 3.92752C11.5028 3.37995 12.4975 3.37996 13.2142 3.92754L19.8915 9.02856C20.5576 9.53738 20.8357 10.4075 20.5883 11.2083L17.9981 19.5905Z",
   fill: color
 }));
@@ -1476,11 +1568,12 @@ export const Legend8Rectangle = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Legend 8 rectangle'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M18 7C19.6569 7 21 8.34315 21 10V14C21 15.6569 19.6569 17 18 17L6 17C4.34315 17 3 15.6569 3 14L3 10C3 8.34315 4.34315 7 6 7L18 7Z",
   fill: color
 }));
@@ -1488,11 +1581,12 @@ export const LikeOff = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Like off'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M3.7391 5.34261C6.00646 3.07525 9.68258 3.07525 11.9499 5.34261L12.0196 5.41226L12.0893 5.34255C14.3567 3.0753 18.0328 3.07537 20.3001 5.34271C22.5675 7.6101 22.5675 11.2863 20.3001 13.5537L12.736 21.1178C12.5362 21.3176 12.2729 21.4152 12.0111 21.4106C11.755 21.4108 11.4988 21.3131 11.3033 21.1177L3.7391 13.5535C1.47173 11.2861 1.47173 7.60998 3.7391 5.34261ZM12.0197 19.0057L18.8859 12.1395C20.3723 10.6531 20.3723 8.24327 18.8859 6.75692C17.3996 5.27061 14.9898 5.27056 13.5035 6.75682L12.736 7.52428C12.5405 7.7197 12.2843 7.81733 12.0282 7.81715C11.7664 7.82177 11.5031 7.72419 11.3033 7.52441L10.5357 6.75683C9.04942 5.27051 6.63963 5.27051 5.15331 6.75683C3.667 8.24314 3.667 10.6529 5.15331 12.1393L12.0197 19.0057Z",
@@ -1502,11 +1596,12 @@ export const LikeOn = ({
   className,
   size,
   color = 'currentColor',
-  label = 'Like on'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M3.7391 5.34261C6.00646 3.07525 9.68258 3.07525 11.9499 5.34261L12.0196 5.41226L12.0893 5.34255C14.3567 3.0753 18.0328 3.07537 20.3001 5.34271C22.5675 7.6101 22.5675 11.2863 20.3001 13.5537L12.736 21.1178C12.5362 21.3176 12.2729 21.4152 12.0111 21.4106C11.7549 21.4107 11.4987 21.3131 11.3033 21.1177L3.7391 13.5535C1.47173 11.2861 1.47173 7.60998 3.7391 5.34261Z",
@@ -1516,11 +1611,12 @@ export const Link = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Link'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M12.2426 5.17182C11.852 5.56234 11.852 6.19551 12.2426 6.58603C12.6331 6.97655 13.2663 6.97655 13.6568 6.58603L14.3639 5.87892C15.5355 4.70735 17.435 4.70735 18.6065 5.87892C19.7781 7.0505 19.7781 8.94999 18.6065 10.1216L15.7781 12.95C14.6065 14.1216 12.707 14.1216 11.5355 12.95C11.1449 12.5595 10.5118 12.5595 10.1212 12.95C9.73073 13.3405 9.73073 13.9737 10.1212 14.3642C12.0739 16.3168 15.2397 16.3168 17.1923 14.3642L20.0207 11.5358C21.9734 9.58316 21.9734 6.41733 20.0207 4.46471C18.0681 2.51209 14.9023 2.51209 12.9497 4.46471L12.2426 5.17182Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -1531,11 +1627,12 @@ export const LinkedIn = ({
   className,
   color = 'currentColor',
   size,
-  label = 'LinkedIn'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M12.7661 18.756C12.7661 18.6538 12.7661 18.5517 12.7661 18.4495C12.7661 16.7892 12.7661 15.1289 12.7661 13.4686C12.7661 12.9067 13.047 12.498 13.4813 12.166C14.3753 11.5274 15.5247 11.9361 15.8057 12.9833C15.8823 13.3154 15.9334 13.6985 15.9334 14.0306C15.9334 15.5121 15.9334 16.9935 15.9334 18.4495C15.9334 18.5261 15.9334 18.6283 15.9334 18.7305C16.9551 18.7305 17.9512 18.7305 18.9474 18.7305C18.9474 18.6538 18.9474 18.6027 18.9474 18.5517C18.9474 16.8658 18.9474 15.18 18.9474 13.4686C18.9474 13.06 18.8963 12.6257 18.8197 12.217C18.5643 10.991 17.9002 10.0715 16.6741 9.66277C16.1888 9.50951 15.6779 9.45843 15.1671 9.50951C14.2986 9.5606 13.5834 9.9182 13.047 10.5823C12.9704 10.6845 12.8938 10.7867 12.8171 10.8888C12.7916 10.8888 12.7916 10.8888 12.7661 10.8888C12.7661 10.5057 12.7661 10.097 12.7661 9.71386C11.7443 9.71386 10.7482 9.71386 9.75201 9.71386C9.75201 12.7279 9.75201 15.7164 9.75201 18.7305C10.7482 18.756 11.7443 18.756 12.7661 18.756ZM5.05214 9.7394C5.05214 12.7534 5.05214 15.742 5.05214 18.756C6.04831 18.756 7.04448 18.756 8.04064 18.756C8.04064 15.742 8.04064 12.7534 8.04064 9.7394C7.07002 9.7394 6.07385 9.7394 5.05214 9.7394ZM6.58471 5.37158C5.84397 5.37158 5.23094 5.72918 5.00105 6.31667C4.59237 7.31283 5.2054 8.33455 6.27819 8.46226C7.17219 8.56443 7.88739 8.20683 8.16836 7.51718C8.57704 6.44438 7.81076 5.37158 6.58471 5.37158Z",
   fill: color
 }));
@@ -1543,11 +1640,12 @@ export const ListView = ({
   className,
   color = 'currentColor',
   size,
-  label = 'List View'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M4 6C3.44772 6 3 6.44772 3 7C3 7.55228 3.44772 8 4 8C4.55228 8 5 7.55228 5 7C5 6.44772 4.55228 6 4 6Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -1612,11 +1710,12 @@ export const LockedOff = ({
   className,
   color = 'currentColor',
   size,
-  label = 'LockedOff'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M12.0002 18.173C13.2003 18.173 14.1732 17.2001 14.1732 16C14.1732 14.7999 13.2003 13.827 12.0002 13.827C10.8 13.827 9.82715 14.7999 9.82715 16C9.82715 17.2001 10.8 18.173 12.0002 18.173Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -1630,7 +1729,8 @@ export const LockedOn = ({
   label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
+  size: size,
+  tooltip: label
 }, /*#__PURE__*/React.createElement("path", {
   d: "M12 1C9.23858 1 7 3.23858 7 6V9C5.34315 9 4 10.3431 4 12V20C4 21.6569 5.34315 23 7 23H17.5897C18.9209 23 20 21.9209 20 20.5897V12C20 10.3431 18.6569 9 17 9V6C17 3.23858 14.7614 1 12 1ZM15 9H9V6C9 4.34315 10.3431 3 12 3C13.6569 3 15 4.34315 15 6V9ZM12.0002 18.173C10.8 18.173 9.82715 17.2001 9.82715 16C9.82715 14.7999 10.8 13.827 12.0002 13.827C13.2003 13.827 14.1732 14.7999 14.1732 16C14.1732 17.2001 13.2003 18.173 12.0002 18.173Z",
   fill: color
@@ -1642,7 +1742,8 @@ export const Login = ({
   label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
+  size: size,
+  tooltip: label
 }, /*#__PURE__*/React.createElement("path", {
   d: "M11 21C11 20.4477 11.4477 20 12 20H18C19.1046 20 20 19.1046 20 18L20 6C20 4.89543 19.1046 4 18 4L12 4C11.4477 4 11 3.55228 11 3C11 2.44772 11.4477 2 12 2L18 2C20.2091 2 22 3.79086 22 6L22 18C22 20.2091 20.2091 22 18 22H12C11.4477 22 11 21.5523 11 21Z",
   fill: color
@@ -1657,7 +1758,8 @@ export const Logout = ({
   label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
+  size: size,
+  tooltip: label
 }, /*#__PURE__*/React.createElement("title", null, "Sign out"), /*#__PURE__*/React.createElement("path", {
   d: "M13 3C13 3.55229 12.5523 4 12 4L6 4C4.89543 4 4 4.89543 4 6L4 18C4 19.1046 4.89543 20 6 20H12C12.5523 20 13 20.4477 13 21C13 21.5523 12.5523 22 12 22H6C3.79086 22 2 20.2091 2 18V6C2 3.79086 3.79086 2 6 2L12 2C12.5523 2 13 2.44772 13 3Z",
   fill: color
@@ -1672,7 +1774,8 @@ export const Loop = ({
   label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
+  size: size,
+  tooltip: label
 }, /*#__PURE__*/React.createElement("title", null, "Loop"), /*#__PURE__*/React.createElement("path", {
   d: "M12 6C8.83065 6 6.23524 8.45734 6.01512 11.5707L7.29289 10.2929C7.68342 9.90237 8.31658 9.90237 8.70711 10.2929C9.09763 10.6834 9.09763 11.3166 8.70711 11.7071L5.70711 14.7071C5.31658 15.0976 4.68342 15.0976 4.29289 14.7071L1.29289 11.7071C0.902369 11.3166 0.902369 10.6834 1.29289 10.2929C1.68342 9.90237 2.31658 9.90237 2.70711 10.2929L4.01003 11.5958C4.22054 7.36534 7.71726 4 12 4C13.5066 4 14.9187 4.41742 16.1237 5.14348C16.5967 5.42851 16.7491 6.04306 16.4641 6.51611C16.1791 6.98915 15.5645 7.14156 15.0915 6.85652C14.1894 6.31294 13.1327 6 12 6Z",
   fill: color
@@ -1687,7 +1790,8 @@ export const Mail = ({
   label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
+  size: size,
+  tooltip: label
 }, /*#__PURE__*/React.createElement("title", null, "Mail"), /*#__PURE__*/React.createElement("path", {
   d: "M1 7V17C1 18.6569 2.34315 20 4 20H20C21.6569 20 23 18.6569 23 17V7C23 5.34315 21.6569 4 20 4H4C2.34315 4 1 5.34315 1 7ZM18.9848 6L11.9999 12.985L5.01492 6H18.9848ZM3.0147 6.82821L10.6113 14.4248C11.3782 15.1917 12.6216 15.1917 13.3885 14.4248L20.9853 6.82801C20.995 6.88389 21 6.94135 21 7V17C21 17.5523 20.5523 18 20 18H4C3.44772 18 3 17.5523 3 17V7C3 6.94142 3.00504 6.88402 3.0147 6.82821Z",
   fill: color
@@ -1696,11 +1800,12 @@ export const Manikin = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Manikin'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M14 6C11.7909 6 10 7.79086 10 10C10 12.2091 11.7909 14 14 14H21.5553C22.353 14 22.9996 13.3534 22.9997 12.5557L22.9999 7.44451C23 6.64674 22.3533 6 21.5555 6H14ZM20.9999 8L20.9997 12H14C12.8954 12 12 11.1046 12 10C12 8.89543 12.8954 8 14 8H20.9999Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -1714,11 +1819,12 @@ export const MapPoint = ({
   className,
   color = 'currentColor',
   size,
-  label = 'MapPoint'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M15 7.99722C15 6.34102 13.6569 4.99841 12 4.99841C10.3431 4.99841 9 6.34102 9 7.99722C9 9.65342 10.3431 10.996 12 10.996C13.6569 10.996 15 9.65342 15 7.99722ZM13 7.99722C13 8.54929 12.5523 8.99682 12 8.99682C11.4477 8.99682 11 8.54929 11 7.99722C11 7.44516 11.4477 6.99762 12 6.99762C12.5523 6.99762 13 7.44516 13 7.99722Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -1729,11 +1835,12 @@ export const Menu = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Menu'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M22 5C22 5.55228 21.5523 6 21 6L3.00049 6C2.4482 6 2.00049 5.55229 2.00049 5C2.00049 4.44772 2.4482 4 3.00049 4H21C21.5523 4 22 4.44772 22 5Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -1747,11 +1854,12 @@ export const Minus = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Minus'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M5 12C5 11.4477 5.44772 11 6 11H18C18.5523 11 19 11.4477 19 12C19 12.5523 18.5523 13 18 13H6C5.44772 13 5 12.5523 5 12Z",
@@ -1761,11 +1869,12 @@ export const MoreHorizontal = ({
   className,
   color = 'currentColor',
   size,
-  label = 'MoreHorizontal'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M19 14C17.8954 14 17 13.1046 17 12C17 10.8954 17.8954 10 19 10C20.1046 10 21 10.8954 21 12C21 13.1046 20.1046 14 19 14Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -1779,11 +1888,12 @@ export const MoreVertical = ({
   className,
   color = 'currentColor',
   size,
-  label = 'MoreVertical'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M14 5C14 6.10457 13.1046 7 12 7C10.8954 7 10 6.10457 10 5C10 3.89543 10.8954 3 12 3C13.1046 3 14 3.89543 14 5Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -1797,11 +1907,12 @@ export const NotificationNew = ({
   className,
   color = 'currentColor',
   size,
-  label = 'NotificationNew'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M4.40242 5.5005C4.68673 5.99294 5.08957 6.37428 5.55409 6.62929C4.42905 8.19992 4.06573 10.2546 4.69662 12.1865L7.18919 19.8188C7.38643 20.4228 8.08955 20.6921 8.63978 20.3744L20.3606 13.6074C20.9108 13.2897 21.0291 12.5462 20.6047 12.0734L15.2412 6.09857C13.8837 4.58642 11.9229 3.8737 10.0003 4.06252C10.0118 3.53264 9.88293 2.99301 9.59858 2.5005C8.77015 1.06562 6.93538 0.573998 5.5005 1.40242C4.06562 2.23085 3.574 4.06562 4.40242 5.5005ZM7.50017 4.86656L7.48716 4.8741C7.01089 5.1396 6.40806 4.97436 6.13448 4.5005C5.85833 4.02221 6.02221 3.41062 6.5005 3.13448C6.97879 2.85833 7.59038 3.02221 7.86653 3.5005C8.14012 3.97438 7.98178 4.57911 7.51366 4.8588L7.50017 4.86656ZM6.59781 11.5656C5.98046 9.67525 6.76605 7.61148 8.48148 6.60947L8.5005 6.59858L8.51923 6.58767C10.2447 5.60329 12.4246 5.95488 13.7529 7.4346L18.2928 12.4919L8.7076 18.0259L6.59781 11.5656Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -1812,11 +1923,12 @@ export const Notification = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Notification'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M14.5668 5.55368C14.8417 5.10051 15 4.56874 15 4C15 2.34315 13.6569 1 12 1C10.3431 1 9 2.34315 9 4C9 4.56867 9.15823 5.10039 9.43306 5.55353C7.67343 6.35122 6.33143 7.949 5.91189 9.93745L4.25434 17.7936C4.12317 18.4152 4.59744 19 5.23279 19H18.7668C19.4021 19 19.8764 18.4152 19.7452 17.7936L18.0877 9.93745C17.6682 7.94913 16.3263 6.35142 14.5668 5.55368ZM12 5C11.4477 5 11 4.55228 11 4C11 3.44772 11.4477 3 12 3C12.5523 3 13 3.44772 13 4C13 4.55228 12.5523 5 12 5ZM16.1308 10.3503L17.5338 17H6.4658L7.8688 10.3503C8.28082 8.39754 10.004 7 11.9998 7C13.9956 7 15.7188 8.39754 16.1308 10.3503Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -1827,11 +1939,12 @@ export const OpenFolder = ({
   className,
   color = 'currentColor',
   size,
-  label = 'OpenFolder'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M1 18C1 19.1046 1.8952 20 2.99949 20H19.7036C19.7286 20 19.7534 19.9991 19.778 19.9973C20.2483 20.0358 20.691 19.7418 20.8149 19.2792L22.9671 11.2449C23.0512 10.9311 22.9694 10.6111 22.775 10.3747C22.5917 10.1463 22.3103 10 21.9947 10L20.9949 10V8C20.9949 6.89543 20.0997 6 18.9954 6L10.9975 6C10.9975 4.89543 10.1023 4 8.99797 4H2.99949C1.8952 4 1 4.89543 1 6V18ZM18.9954 10H5.99873C5.95004 10 5.90217 10.0035 5.85534 10.0102C5.44498 10.0441 5.08019 10.3332 4.96655 10.7574L3.02641 18H2.99949L2.99949 6H8.99797C8.99797 7.10457 9.89318 8 10.9975 8H18.9954V10ZM6.70372 12L20.6948 12L19.0875 18H5.09643L6.70372 12Z",
   fill: color
 }));
@@ -1839,11 +1952,12 @@ export const OpenNewWindow = ({
   className,
   color = 'currentColor',
   size,
-  label = 'OpenNewWindow'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M20 10C19.4477 10 19 9.5523 19 9.00001V6.41441L12.7717 12.6428C12.3553 13.0591 11.7011 13.0801 11.3106 12.6896C10.9201 12.299 10.9411 11.6449 11.3574 11.2285L17.586 5.00001L15 5.00001C14.4477 5.00001 14 4.5523 14 4.00001C14 3.44773 14.4477 3.00001 15 3.00001L19.9953 3.00001L20 3C20.2527 3 20.4835 3.09373 20.6596 3.24833C20.6759 3.26254 20.6918 3.27739 20.7073 3.2929C20.7235 3.30911 20.739 3.32577 20.7538 3.34285C20.9071 3.51859 21 3.74845 21 4V9.00001C21 9.5523 20.5523 10 20 10Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -1854,11 +1968,12 @@ export const OverView = ({
   className,
   color = 'currentColor',
   size,
-  label = 'OverView'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M2 4C2 2.89543 2.89543 2 4 2H9C10.1046 2 11 2.89543 11 4V9C11 10.1046 10.1046 11 9 11H4C2.89543 11 2 10.1046 2 9V4ZM4 4H9V9H4L4 4Z",
@@ -1883,11 +1998,12 @@ export const Pause = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Pause'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M5 4C4.44772 4 4 4.44772 4 5V19C4 19.5523 4.44772 20 5 20H9C9.55228 20 10 19.5523 10 19V5C10 4.44772 9.55228 4 9 4H5Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -1898,11 +2014,12 @@ export const PieChart = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Pie Chart'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M4.51677 17.0001C3.52784 15.5201 3 13.78 3 12C3 11.4477 2.55228 11 2 11C1.44772 11 1 11.4477 1 12C1 14.1756 1.64514 16.3023 2.85383 18.1113C4.06253 19.9202 5.7805 21.3301 7.79048 22.1627C9.80047 22.9952 12.0122 23.2131 14.146 22.7886C16.2798 22.3642 18.2398 21.3166 19.7782 19.7782C21.3166 18.2398 22.3642 16.2798 22.7886 14.146C23.2131 12.0122 22.9952 9.80047 22.1627 7.79048C21.3301 5.7805 19.9202 4.06253 18.1113 2.85383C16.3023 1.64514 14.1756 1 12 1C11.4477 1 11 1.44772 11 2C11 2.55228 11.4477 3 12 3C13.78 3 15.5201 3.52784 17.0001 4.51677C18.4802 5.50571 19.6337 6.91131 20.3149 8.55585C20.9961 10.2004 21.1743 12.01 20.8271 13.7558C20.4798 15.5016 19.6226 17.1053 18.364 18.364C17.1053 19.6226 15.5016 20.4798 13.7558 20.8271C12.01 21.1743 10.2004 20.9961 8.55585 20.3149C6.91131 19.6337 5.50571 18.4802 4.51677 17.0001Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -1919,11 +2036,12 @@ export const PlayOutline = ({
   className,
   color = 'currentColor',
   size,
-  label = 'PlayOutline'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M18.0057 12.0036L9.01477 17.2536L9.01477 6.7536L18.0057 12.0036ZM20.5034 12.8656C21.1655 12.4789 21.1655 11.5283 20.5034 11.1417L8.51815 4.14325C7.8466 3.75111 7 4.23176 7 5.00518L7 19.0021C7 19.7755 7.84659 20.2561 8.51815 19.864L20.5034 12.8656Z",
   fill: color
 }));
@@ -1931,11 +2049,12 @@ export const Play = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Play'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M20.5034 11.1417C21.1655 11.5283 21.1655 12.4789 20.5034 12.8656L8.51815 19.864C7.84659 20.2561 7 19.7755 7 19.0021V5.00518C7 4.23176 7.8466 3.75111 8.51815 4.14325L20.5034 11.1417Z",
   fill: color
 }));
@@ -1943,11 +2062,12 @@ export const PlaybackSpeed = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Playback speed'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M11 2C11 1.44772 11.4477 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C11.4477 23 11 22.5523 11 22C11 21.4477 11.4477 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C11.4477 3 11 2.55228 11 2Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -1975,11 +2095,12 @@ export const PlayList = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Play list'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M5 4C4.44772 4 4 4.44772 4 5C4 5.55228 4.44772 6 5 6L19 6C19.5523 6 20 5.55229 20 5C20 4.44772 19.5523 4 19 4H5Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -1996,11 +2117,12 @@ export const Plus = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Plus'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M13 6C13 5.44772 12.5523 5 12 5C11.4477 5 11 5.44772 11 6V11L6 11C5.44772 11 5 11.4477 5 12C5 12.5523 5.44771 13 6 13L11 13V18C11 18.5523 11.4477 19 12 19C12.5523 19 13 18.5523 13 18V13L18 13C18.5523 13 19 12.5523 19 12C19 11.4477 18.5523 11 18 11L13 11V6Z",
   fill: color
 }));
@@ -2008,11 +2130,12 @@ export const PointDown = ({
   className,
   color = 'currentColor',
   size,
-  label = 'PointDown'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M9 20V17.7354C9.31278 17.846 9.64936 17.9061 10 17.9061C11.0331 17.9061 11.9441 17.384 12.4838 16.5892C12.9287 16.8503 13.4469 17 14 17C15.0623 17 15.9956 16.4479 16.5286 15.615C16.9634 15.8601 17.4653 16 18 16C19.6569 16 21 14.6569 21 13V11C21 10.9263 20.9973 10.8533 20.9921 10.781H21L21 8C21 4.13401 17.866 1 14 1L10 1.00003C6.13401 1.00003 3 4.13403 3 8.00003L3 20C3 21.6569 4.34315 23 6 23C7.65685 23 9 21.6569 9 20ZM19 8.17071C18.6872 8.06016 18.3506 8 18 8C16.9377 8 16.0044 8.5521 15.4714 9.385C15.0366 9.13987 14.5347 9 14 9C13.4698 9 12.9718 9.13754 12.5396 9.37887C12.3855 9.09328 12.1879 8.82498 11.9467 8.58377L10.0489 6.68595C9.65838 6.29543 9.02522 6.29543 8.63469 6.68595C8.24417 7.07648 8.24417 7.70964 8.63469 8.10017L10.5325 9.99799C11.0859 10.5514 11.0859 11.4486 10.5325 12.002C10.1182 12.4163 9.51118 12.5204 9 12.3144V12.303H8.97255C8.81125 12.234 8.66015 12.1336 8.5285 12.002L5.33479 8.80829C5.12043 8.59393 5 8.30318 5 8.00003C5 5.2386 7.23858 3 10 3L14 3C16.7614 3 19 5.23858 19 8V8.17071ZM13 14V12C13 11.4477 13.4477 11 14 11C14.5523 11 15 11.4477 15 12V14C15 14.5523 14.5523 15 14 15C13.4477 15 13 14.5523 13 14ZM17 13V11C17 10.4477 17.4477 10 18 10C18.5523 10 19 10.4477 19 11V13C19 13.5523 18.5523 14 18 14C17.4477 14 17 13.5523 17 13ZM7 13.3019L7 20C7 20.5523 6.55229 21 6 21C5.44772 21 5 20.5523 5 20L5 11.3019L7 13.3019ZM9 14.3759C9.67375 14.4812 10.373 14.3845 11 14.086L11 14.9061C11 15.4584 10.5523 15.9061 10 15.9061C9.44772 15.9061 9 15.4584 9 14.9061V14.3759Z",
   fill: color
 }));
@@ -2020,11 +2143,12 @@ export const PointLeft = ({
   className,
   color = 'currentColor',
   size,
-  label = 'PointLeft'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M4 9H6.26458C6.15403 9.31278 6.09387 9.64936 6.09387 10C6.09387 11.0331 6.61603 11.9441 7.41081 12.4838C7.1497 12.9287 7 13.4469 7 14C7 15.0623 7.55209 15.9956 8.38499 16.5286C8.13986 16.9634 8 17.4653 8 18C8 19.6569 9.34315 21 11 21H13C13.0737 21 13.1467 20.9973 13.2191 20.9921V21H16C19.866 21 23 17.866 23 14L23 10C23 6.13401 19.866 3 16 3L4 3C2.34315 3 1 4.34315 1 6C1 7.65686 2.34315 9 4 9ZM15.8293 19C15.9398 18.6872 16 18.3506 16 18C16 16.9377 15.4479 16.0044 14.615 15.4714C14.8601 15.0366 15 14.5347 15 14C15 13.4698 14.8625 12.9718 14.6211 12.5395C14.9067 12.3855 15.175 12.1879 15.4162 11.9467L17.3141 10.0489C17.7046 9.65838 17.7046 9.02521 17.3141 8.63469C16.9235 8.24417 16.2904 8.24417 15.8998 8.63469L14.002 10.5325C13.4486 11.0859 12.5514 11.0859 11.998 10.5325C11.5837 10.1182 11.4796 9.51118 11.6856 9H11.697V8.97255C11.766 8.81125 11.8664 8.66015 11.998 8.5285L15.1917 5.33479C15.4061 5.12043 15.6968 5 16 5C18.7614 5 21 7.23858 21 10V14C21 16.7614 18.7614 19 16 19H15.8293ZM10 13H12C12.5523 13 13 13.4477 13 14C13 14.5523 12.5523 15 12 15H10C9.44772 15 9 14.5523 9 14C9 13.4477 9.44772 13 10 13ZM11 17H13C13.5523 17 14 17.4477 14 18C14 18.5523 13.5523 19 13 19H11C10.4477 19 10 18.5523 10 18C10 17.4477 10.4477 17 11 17ZM10.6981 7L4 7C3.44772 7 3 6.55229 3 6C3 5.44772 3.44772 5 4 5L12.6981 5L10.6981 7ZM9.62415 9C9.51884 9.67375 9.61547 10.373 9.91405 11H9.09387C8.54159 11 8.09387 10.5523 8.09387 10C8.09387 9.44772 8.54159 9 9.09387 9H9.62415Z",
   fill: color
 }));
@@ -2032,11 +2156,12 @@ export const PointRight = ({
   className,
   color = 'currentColor',
   size,
-  label = 'PointRight'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M20 9C21.6569 9 23 7.65686 23 6C23 4.34315 21.6569 3 20 3L8.00003 3C4.13403 3 1.00003 6.13401 1.00003 10L1 14C1 17.866 4.13401 21 8 21H10.7809V20.9921C10.8533 20.9973 10.9263 21 11 21H13C14.6569 21 16 19.6569 16 18C16 17.4653 15.8601 16.9634 15.615 16.5286C16.4479 15.9956 17 15.0623 17 14C17 13.4469 16.8503 12.9287 16.5892 12.4838C17.384 11.9441 17.9061 11.0331 17.9061 10C17.9061 9.64936 17.846 9.31278 17.7354 9H20ZM8.17071 19H8C5.23857 19 3 16.7614 3 14V10C3 7.23858 5.2386 5 8.00003 5C8.30318 5 8.59393 5.12043 8.80829 5.33479L12.002 8.5285C12.1336 8.66015 12.234 8.81125 12.303 8.97255V9H12.3144C12.5204 9.51118 12.4163 10.1182 12.002 10.5325C11.4486 11.0859 10.5514 11.0859 9.99799 10.5325L8.10017 8.63469C7.70964 8.24417 7.07648 8.24417 6.68595 8.63469C6.29543 9.02521 6.29543 9.65838 6.68595 10.0489L8.58377 11.9467C8.82498 12.1879 9.09328 12.3855 9.37887 12.5395C9.13754 12.9718 9 13.4698 9 14C9 14.5347 9.13987 15.0366 9.385 15.4714C8.5521 16.0044 8 16.9377 8 18C8 18.3506 8.06016 18.6872 8.17071 19ZM14 13C14.5523 13 15 13.4477 15 14C15 14.5523 14.5523 15 14 15H12C11.4477 15 11 14.5523 11 14C11 13.4477 11.4477 13 12 13H14ZM13 17C13.5523 17 14 17.4477 14 18C14 18.5523 13.5523 19 13 19H11C10.4477 19 10 18.5523 10 18C10 17.4477 10.4477 17 11 17H13ZM13.3019 7L11.3019 5L20 5C20.5523 5 21 5.44772 21 6C21 6.55229 20.5523 7 20 7L13.3019 7ZM14.3759 9H14.9061C15.4584 9 15.9061 9.44772 15.9061 10C15.9061 10.5523 15.4584 11 14.9061 11H14.086C14.3845 10.373 14.4812 9.67375 14.3759 9Z",
   fill: color
 }));
@@ -2044,11 +2169,12 @@ export const PointUp = ({
   className,
   color = 'currentColor',
   size,
-  label = 'PointUp'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M15 4V6.26458C14.6872 6.15403 14.3506 6.09387 14 6.09387C12.9669 6.09387 12.0559 6.61603 11.5162 7.41081C11.0713 7.1497 10.5531 7 10 7C8.93774 7 8.00444 7.55209 7.47137 8.38499C7.03664 8.13986 6.53465 8 6 8C4.34315 8 3 9.34315 3 11V13C3 13.0737 3.00266 13.1467 3.00788 13.2191H3V16C3 19.866 6.13401 23 10 23L14 23C17.866 23 21 19.866 21 16V4C21 2.34315 19.6569 1 18 1C16.3431 1 15 2.34315 15 4ZM5 15.8293C5.31278 15.9398 5.64936 16 6 16C7.06226 16 7.99557 15.4479 8.52863 14.615C8.96336 14.8601 9.46535 15 10 15C10.5302 15 11.0282 14.8625 11.4605 14.6211C11.6145 14.9067 11.8121 15.175 12.0533 15.4162L13.9511 17.3141C14.3416 17.7046 14.9748 17.7046 15.3653 17.3141C15.7558 16.9235 15.7558 16.2904 15.3653 15.8998L13.4675 14.002C12.9141 13.4486 12.9141 12.5514 13.4675 11.998C13.8818 11.5837 14.4888 11.4796 15 11.6856V11.697H15.0274C15.1888 11.766 15.3399 11.8664 15.4715 11.998L18.6652 15.1917C18.8796 15.4061 19 15.6968 19 16C19 18.7614 16.7614 21 14 21H10C7.23857 21 5 18.7614 5 16V15.8293ZM11 10V12C11 12.5523 10.5523 13 10 13C9.44772 13 9 12.5523 9 12V10C9 9.44772 9.44772 9 10 9C10.5523 9 11 9.44772 11 10ZM7 11V13C7 13.5523 6.55228 14 6 14C5.44772 14 5 13.5523 5 13V11C5 10.4477 5.44772 10 6 10C6.55228 10 7 10.4477 7 11ZM17 10.6981V4C17 3.44772 17.4477 3 18 3C18.5523 3 19 3.44772 19 4V12.6981L17 10.6981ZM15 9.62415C14.3262 9.51884 13.627 9.61547 13 9.91405V9.09387C13 8.54159 13.4477 8.09387 14 8.09387C14.5523 8.09387 15 8.54159 15 9.09387V9.62415Z",
   fill: color
 }));
@@ -2056,11 +2182,12 @@ export const Print = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Print'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M8 2C6.89543 2 6 2.89543 6 4V6H5C3.34315 6 2 7.34315 2 9V15C2 15.5523 2.44772 16 3 16C3.55228 16 4 15.5523 4 15V9C4 8.44772 4.44772 8 5 8H19C19.5523 8 20 8.44772 20 9V15C20 15.5523 20.4477 16 21 16C21.5523 16 22 15.5523 22 15V9C22 7.34315 20.6569 6 19 6H18V4C18 2.89543 17.1046 2 16 2H8ZM16 6V4H8V6H16Z",
@@ -2078,11 +2205,12 @@ export const RadioButtonOff = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Inactive radio button'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M12.0039 4C16.4222 4 20.0039 7.58172 20.0039 12C20.0039 16.4183 16.4222 20 12.0039 20C7.58563 20 4.00391 16.4183 4.00391 12C4.00391 7.58172 7.58563 4 12.0039 4ZM2.00391 12C2.00391 17.5228 6.48106 22 12.0039 22C17.5268 22 22.0039 17.5228 22.0039 12C22.0039 6.47715 17.5268 2 12.0039 2C6.48106 2 2.00391 6.47715 2.00391 12Z",
   fill: color
 }));
@@ -2090,11 +2218,12 @@ export const RadioButtonOn = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Active radio button'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12C16 14.2091 14.2091 16 12 16Z",
   fill: color
 }));
@@ -2102,11 +2231,12 @@ export const Record = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Record'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z",
   fill: color
 }));
@@ -2114,11 +2244,12 @@ export const Refresh = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Refresh'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M17.9849 11.5707L16.7071 10.2929C16.3166 9.90237 15.6834 9.90237 15.2929 10.2929C14.9024 10.6834 14.9024 11.3166 15.2929 11.7071L18.2929 14.7071C18.6834 15.0976 19.3166 15.0976 19.7071 14.7071L22.7071 11.7071C23.0976 11.3166 23.0976 10.6834 22.7071 10.2929C22.3166 9.90237 21.6834 9.90237 21.2929 10.2929L19.99 11.5958C19.7795 7.36534 16.2827 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C12.5523 20 13 19.5523 13 19C13 18.4477 12.5523 18 12 18C8.68629 18 6 15.3137 6 12C6 8.68629 8.68629 6 12 6C15.1693 6 17.7648 8.45734 17.9849 11.5707Z",
   fill: color
 }));
@@ -2126,11 +2257,12 @@ export const Replay = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Replay'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M6.01512 11.5707L7.29289 10.2929C7.68342 9.90237 8.31658 9.90237 8.70711 10.2929C9.09763 10.6834 9.09763 11.3166 8.70711 11.7071L5.70711 14.7071C5.31658 15.0976 4.68342 15.0976 4.29289 14.7071L1.29289 11.7071C0.902369 11.3166 0.902369 10.6834 1.29289 10.2929C1.68342 9.90237 2.31658 9.90237 2.70711 10.2929L4.01003 11.5958C4.22054 7.36534 7.71726 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C11.4477 20 11 19.5523 11 19C11 18.4477 11.4477 18 12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.83065 6 6.23524 8.45734 6.01512 11.5707Z",
   fill: color
 }));
@@ -2138,11 +2270,12 @@ export const Rewind = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Rewind'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M1.35473 11.2608C0.881758 11.5923 0.881756 12.4075 1.35473 12.739L9.9156 18.7402C10.3953 19.0765 11 18.6643 11 18.0011L11 12.0003C11.0001 12.2869 11.1184 12.5733 11.3547 12.739L19.9156 18.7402C20.3953 19.0765 21 18.6643 21 18.0011V5.9987C21 5.33549 20.3953 4.92333 19.9156 5.25959L11.3547 11.2608C11.1184 11.4265 11.0001 11.7138 11 12.0003L11 5.9987C11 5.33549 10.3953 4.92333 9.91561 5.25959L1.35473 11.2608Z",
   fill: color
 }));
@@ -2150,11 +2283,12 @@ export const Save = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Save'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M5 2C3.34315 2 2 3.34315 2 5V19C2 20.6569 3.34315 22 5 22H19C20.6569 22 22 20.6569 22 19V6.82843C22 6.29799 21.7893 5.78929 21.4142 5.41421L18.5858 2.58579C18.2107 2.21071 17.702 2 17.1716 2H5ZM18 20V13C18 11.8954 17.1046 11 16 11L8 11C6.89543 11 6 11.8954 6 13L6 20L5 20C4.44772 20 4 19.5523 4 19V5C4 4.44772 4.44771 4 5 4H7.5V6C7.5 7.10457 8.39543 8 9.5 8H14.5C15.6046 8 16.5 7.10457 16.5 6V4H17.1716L20 6.82843V19C20 19.5523 19.5523 20 19 20H18ZM16 20H8L8 13L16 13L16 20ZM9.5 6V4H14.5V6H9.5Z",
   fill: color
 }));
@@ -2162,11 +2296,12 @@ export const Search = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Search'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M13.1917 14.6067L20.2925 21.7074C20.683 22.098 21.3162 22.098 21.7067 21.7074C22.0972 21.3169 22.0972 20.6838 21.7067 20.2932L14.6061 13.1926C15.4815 12.024 16 10.5725 16 9C16 5.13401 12.866 2 9 2C5.13401 2 2 5.13401 2 9C2 12.866 5.13401 16 9 16C10.5721 16 12.0232 15.4817 13.1917 14.6067ZM14 9C14 11.7614 11.7614 14 9 14C6.23858 14 4 11.7614 4 9C4 6.23858 6.23858 4 9 4C11.7614 4 14 6.23858 14 9Z",
   fill: color
 }));
@@ -2174,11 +2309,12 @@ export const SendTo = ({
   className,
   color = 'currentColor',
   size,
-  label = 'SendTo'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M17 11C19.2091 11 21 9.20914 21 7C21 4.79086 19.2091 3 17 3C14.7909 3 13 4.79086 13 7C13 9.20914 14.7909 11 17 11ZM17 9C18.1046 9 19 8.10457 19 7C19 5.89543 18.1046 5 17 5C15.8954 5 15 5.89543 15 7C15 8.10457 15.8954 9 17 9Z",
@@ -2194,11 +2330,12 @@ export const Share = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Share'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M20.4648 7.00067C21.5693 5.0875 20.9138 2.64114 19.0007 1.53657C17.0875 0.431997 14.6411 1.0875 13.5366 3.00067C12.9756 3.97233 12.8686 5.08153 13.1498 6.08263L7.79241 9.17571C7.55947 8.94913 7.29495 8.74748 7.00067 8.57758C5.0875 7.47301 2.64114 8.12851 1.53657 10.0417C0.431997 11.9549 1.0875 14.4012 3.00067 15.5058C4.63292 16.4482 6.65327 16.1094 7.89735 14.8015L13.1701 17.8457C12.6444 19.5839 13.3602 21.5176 15.0007 22.4648C16.9138 23.5693 19.3602 22.9138 20.4648 21.0007C21.5693 19.0875 20.9138 16.6411 19.0007 15.5366C17.4131 14.62 15.4585 14.9153 14.208 16.1355L8.87137 13.0545C9.06093 12.3317 9.0397 11.581 8.83009 10.886L14.154 7.81222C14.4001 8.061 14.683 8.28138 15.0007 8.46477C16.9138 9.56934 19.3602 8.91384 20.4648 7.00067ZM18.7327 6.00067C18.1804 6.95725 16.9573 7.285 16.0007 6.73272C15.0441 6.18043 14.7163 4.95725 15.2686 4.00067C15.8209 3.04408 17.0441 2.71633 18.0007 3.26862C18.9573 3.8209 19.285 5.04408 18.7327 6.00067ZM6.73272 13.0417C6.18043 13.9983 4.95725 14.326 4.00067 13.7737C3.04408 13.2214 2.71633 11.9983 3.26862 11.0417C3.8209 10.0851 5.04408 9.75735 6.00067 10.3096C6.95725 10.8619 7.285 12.0851 6.73272 13.0417ZM16.0007 20.7327C15.0441 20.1804 14.7163 18.9573 15.2686 18.0007C15.8209 17.0441 17.0441 16.7163 18.0007 17.2686C18.9573 17.8209 19.285 19.0441 18.7327 20.0007C18.1804 20.9573 16.9573 21.285 16.0007 20.7327Z",
   fill: color
 }));
@@ -2206,12 +2343,12 @@ export const ShoppingCart = ({
   className,
   color = 'currentColor',
   size,
-  label = 'ShoppingCart'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
   size: size,
   viewBox: "0 0 25 24"
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+}, /*#__PURE__*/React.createElement("path", {
   d: "M7.44996 13H14.9L16 15H4.99996C4.44996 15 3.99996 15.45 3.99996 16C3.99996 16.55 4.44996 17 4.99996 17H16C17.52 17 18.48 15.37 17.75 14.03L16.4 11.59L20 4H21C21.55 4 22 3.55 22 3C22 2.45 21.55 2 21 2H19.36C18.98 2 18.62 2.22 18.46 2.57L17.7831 4H3C2.44772 4 2 4.44772 2 5C2 5.15295 2.03434 5.29788 2.09572 5.4275C2.10747 5.45344 2.12045 5.4791 2.13468 5.50439L5.69996 11.97C6.03996 12.59 6.69996 13 7.44996 13ZM4.68512 6H16.8365L14.47 11H7.44996L4.68512 6Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -2225,11 +2362,12 @@ export const SkipForward = ({
   className,
   color = 'currentColor',
   size,
-  label = 'SkipForward'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M15.1985 12.6465C15.3995 12.5015 15.5 12.2507 15.5 12C15.5 11.7493 15.3995 11.4985 15.1985 11.3535L7.92174 6.10469C7.514 5.81058 7 6.17108 7 6.75114V17.2489C7 17.8289 7.514 18.1894 7.92173 17.8953L15.1985 12.6465Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -2240,11 +2378,12 @@ export const Sort = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Sort'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M22 7C22 7.55228 21.5523 8 21 8L3.00049 8C2.4482 8 2.00049 7.55229 2.00049 7C2.00049 6.44772 2.4482 6 3.00049 6H21C21.5523 6 22 6.44772 22 7Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -2258,11 +2397,12 @@ export const SpeechBuble = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Speech buble'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M6 7C6 6.44772 6.44772 6 7 6H17C17.5523 6 18 6.44772 18 7C18 7.55228 17.5523 8 17 8H7C6.44772 8 6 7.55228 6 7Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -2278,11 +2418,12 @@ export const StarFilled = ({
   className,
   color = 'currentColor',
   size,
-  label = 'StartFilled'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M11.1004 2.05865C11.4684 1.31378 12.5316 1.31378 12.8996 2.05865L15.5216 7.36595C15.6677 7.66174 15.9502 7.86676 16.277 7.91419L22.14 8.76525C22.9628 8.8847 23.2914 9.89487 22.6959 10.4747L18.4535 14.6058C18.217 14.8361 18.1091 15.1678 18.1649 15.4929L19.1665 21.3262C19.307 22.1449 18.4468 22.7692 17.7108 22.3827L12.4668 19.6285C12.1746 19.4751 11.8254 19.4751 11.5332 19.6285L6.28916 22.3827C5.55318 22.7692 4.69299 22.1449 4.83355 21.3262L5.83506 15.4929C5.89088 15.1678 5.78299 14.8361 5.54655 14.6058L1.30405 10.4747C0.708631 9.89487 1.03719 8.8847 1.86005 8.76525L7.72302 7.91419C8.04978 7.86676 8.33225 7.66174 8.47838 7.36595L11.1004 2.05865Z",
   fill: color
 }));
@@ -2290,11 +2431,12 @@ export const StarOutlined = ({
   className,
   color = 'currentColor',
   size,
-  label = 'StartOutlined'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M12 4.75307L13.7285 8.25182C14.1664 9.13818 15.0123 9.75157 15.9897 9.89344L19.8505 10.4539L17.0582 13.1729C16.35 13.8625 16.0264 14.8566 16.1938 15.8313L16.8534 19.6733L13.3968 17.8579C12.5223 17.3986 11.4777 17.3986 10.6032 17.8579L7.1466 19.6733L7.80622 15.8313C7.97358 14.8566 7.64995 13.8625 6.94183 13.1729L4.1495 10.4539L8.01033 9.89344C8.98771 9.75157 9.8336 9.13818 10.2715 8.25182L12 4.75307ZM12.8996 2.05865C12.5316 1.31378 11.4684 1.31378 11.1004 2.05865L8.47838 7.36595C8.33225 7.66174 8.04978 7.86676 7.72302 7.91419L1.86005 8.76525C1.03719 8.8847 0.708631 9.89487 1.30405 10.4747L5.54655 14.6058C5.78299 14.8361 5.89088 15.1678 5.83506 15.4929L4.83355 21.3262C4.69299 22.1449 5.55318 22.7692 6.28916 22.3827L11.5332 19.6285C11.8254 19.4751 12.1746 19.4751 12.4668 19.6285L17.7108 22.3827C18.4468 22.7692 19.307 22.1449 19.1665 21.3262L18.1649 15.4929C18.1091 15.1678 18.217 14.8361 18.4535 14.6058L22.6959 10.4747C23.2914 9.89487 22.9628 8.8847 22.14 8.76525L16.277 7.91419C15.9502 7.86676 15.6677 7.66174 15.5216 7.36595L12.8996 2.05865Z",
   fill: color
 }));
@@ -2302,11 +2444,12 @@ export const Stop = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Stop'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M4 5C4 4.44772 4.44772 4 5 4H19C19.5523 4 20 4.44772 20 5V19C20 19.5523 19.5523 20 19 20H5C4.44772 20 4 19.5523 4 19V5Z",
   fill: color
 }));
@@ -2314,11 +2457,12 @@ export const SUN = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Sun'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M3.97683 10.1512C3.97683 9.76587 4.41741 9.51655 5.10639 9.51655C5.76162 9.51655 6.42809 9.70899 7.54641 10.2078V8.70077C6.57499 8.28151 5.79557 8.1001 4.93695 8.1001C3.15216 8.1001 2 8.98378 2 10.3211C2 11.9772 3.39442 12.4798 4.51995 12.8855L4.56566 12.9019H7.76235C7.38377 11.8734 6.26251 11.459 5.33782 11.1173C4.59367 10.8423 3.97683 10.6143 3.97683 10.1512Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -2344,11 +2488,12 @@ export const Support = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Support'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M12 23C9.32251 23 6.86845 22.0434 4.96096 20.4533L4.92894 20.4853C4.53841 20.8758 3.90525 20.8758 3.51472 20.4853C3.1242 20.0948 3.1242 19.4616 3.51472 19.0711L3.54674 19.0391C1.95663 17.1316 1 14.6775 1 12C1 9.32254 1.9566 6.86851 3.54666 4.96103L3.51457 4.92894C3.12405 4.53841 3.12405 3.90525 3.51457 3.51472C3.9051 3.1242 4.53826 3.1242 4.92879 3.51472L4.96086 3.5468C6.86837 1.95665 9.32246 1 12 1C14.6774 1 17.1315 1.95658 19.0389 3.54663L19.0708 3.51473C19.4614 3.12421 20.0945 3.12421 20.4851 3.51473C20.8756 3.90525 20.8756 4.53842 20.4851 4.92894L20.4532 4.96083C22.0433 6.86834 23 9.32245 23 12C23 14.6776 22.0433 17.1317 20.4531 19.0393L20.4849 19.0711C20.8754 19.4616 20.8754 20.0948 20.4849 20.4853C20.0944 20.8758 19.4612 20.8758 19.0707 20.4853L19.0388 20.4534C17.1314 22.0434 14.6774 23 12 23ZM17.6175 19.0321L16.1919 17.6066C15.0234 18.4817 13.5722 19 12 19C10.4277 19 8.97642 18.4816 7.80785 17.6064L6.38233 19.0319C7.922 20.2635 9.87499 21 12 21C14.1249 21 16.0778 20.2636 17.6175 19.0321ZM17.6176 4.968C16.0779 3.73643 14.125 3 12 3C9.87495 3 7.92191 3.7365 6.38223 4.96817L7.80774 6.39368C8.97634 5.51843 10.4276 5 12 5C13.5723 5 15.0235 5.51837 16.192 6.39352L17.6176 4.968ZM17.6063 7.80771C18.4816 8.97631 19 10.4276 19 12C19 13.5724 18.4815 15.0238 17.6062 16.1924L19.0317 17.6179C20.2635 16.0782 21 14.1251 21 12C21 9.87493 20.2635 7.92188 19.0318 6.38219L17.6063 7.80771ZM16.1688 9.23834C15.776 9.56067 15.195 9.53842 14.8282 9.17158C14.4614 8.80477 14.4391 8.22387 14.7614 7.83106C13.9702 7.30591 13.0208 7 12 7C10.9791 7 10.0296 7.30597 9.23835 7.83122C9.5605 8.22402 9.5382 8.80481 9.17143 9.17158C8.80467 9.53834 8.22391 9.56065 7.8311 9.23853C7.30593 10.0298 7 10.9792 7 12C7 13.0209 7.30595 13.9703 7.83117 14.7616C8.22397 14.4394 8.80479 14.4617 9.17158 14.8285C9.53836 15.1952 9.56065 15.776 9.23847 16.1689C10.0297 16.6941 10.9791 17 12 17C13.0208 17 13.9701 16.6941 14.7613 16.169C14.439 15.7762 14.4612 15.1953 14.828 14.8284C15.1949 14.4616 15.7759 14.4394 16.1687 14.7618C16.694 13.9705 17 13.021 17 12C17 10.9791 16.694 10.0296 16.1688 9.23834ZM6.39363 16.1922C5.51841 15.0236 5 13.5723 5 12C5 10.4277 5.51838 8.97648 6.39355 7.80792L4.96803 6.3824C3.73645 7.92206 3 9.87502 3 12C3 14.125 3.73648 16.078 4.96811 17.6177L6.39363 16.1922Z",
   fill: color
 }));
@@ -2356,11 +2501,12 @@ export const SwitchApp = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Switch app'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M4 5C4 4.44772 4.44772 4 5 4H6C6.55228 4 7 4.44772 7 5V6C7 6.55228 6.55228 7 6 7H5C4.44772 7 4 6.55228 4 6V5Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -2392,11 +2538,12 @@ export const TechnicalWarning = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Technical warning'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M12.998 17C12.998 17.5523 12.5503 18 11.998 18C11.4458 18 10.998 17.5523 10.998 17C10.998 16.4477 11.4458 16 11.998 16C12.5503 16 12.998 16.4477 12.998 17Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -2410,11 +2557,12 @@ export const Team = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Team'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M11 7C11 9.20914 9.20914 11 7 11C4.79086 11 3 9.20914 3 7C3 4.79086 4.79086 3 7 3C9.20914 3 11 4.79086 11 7ZM9 7C9 5.89543 8.10457 5 7 5C5.89543 5 5 5.89543 5 7C5 8.10457 5.89543 9 7 9C8.10457 9 9 8.10457 9 7Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -2431,11 +2579,12 @@ export const ThumbsDown = ({
   className,
   color = 'currentColor',
   size,
-  label = 'ThumbsDown'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M11.0393 22C12.6961 22 14.0393 20.6569 14.0393 19L14.0393 17.4C14.0393 16.6268 14.6661 16 15.4393 16C16.8752 16 18.0393 14.8359 18.0393 13.4V5C18.0393 3.34315 16.6961 2 15.0393 2L6.155 2C4.79369 2 3.60302 2.9166 3.25481 4.23262L1.13804 12.2326C0.634468 14.1358 2.06955 16 4.03824 16H8.03929L8.03929 19C8.03929 20.6569 9.38244 22 11.0393 22ZM12.0393 19C12.0393 19.5523 11.5916 20 11.0393 20C10.487 20 10.0393 19.5523 10.0393 19L10.0393 16C10.0393 14.8954 9.14386 14 8.03929 14H4.03824C3.38201 14 2.90365 13.3786 3.07151 12.7442L5.18827 4.74421C5.30434 4.30553 5.70123 4 6.155 4L15.0393 4C15.5916 4 16.0393 4.44772 16.0393 5L16.0393 13.4C16.0393 13.7314 15.7707 14 15.4393 14C13.5615 14 12.0393 15.5222 12.0393 17.4L12.0393 19Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -2446,11 +2595,12 @@ export const ThumbsUp = ({
   className,
   color = 'currentColor',
   size,
-  label = 'ThumbsUp'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M13.0121 2C11.3553 2 10.0121 3.34315 10.0121 5V6.6C10.0121 7.3732 9.38535 8 8.61215 8C7.17621 8 6.01215 9.16406 6.01215 10.6V19C6.01215 20.6569 7.35529 22 9.01215 22L17.8831 21.9999C19.2444 21.9999 20.4351 21.0833 20.7833 19.7673L22.9001 11.7673C23.4036 9.86413 21.9685 7.99995 19.9999 7.99995L16.0121 8V5C16.0121 3.34315 14.669 2 13.0121 2ZM12.0121 5C12.0121 4.44772 12.4599 4 13.0121 4C13.5644 4 14.0121 4.44772 14.0121 5V8C14.0121 9.10457 14.9076 10 16.0121 10L19.9999 9.99994C20.6561 9.99994 21.1344 10.6213 20.9666 11.2557L18.8498 19.2557C18.7338 19.6944 18.3369 19.9999 17.8831 19.9999L9.01215 20C8.45986 20 8.01215 19.5523 8.01215 19V10.6C8.01215 10.2686 8.28078 10 8.61215 10C10.4899 10 12.0121 8.47777 12.0121 6.6V5Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -2461,11 +2611,12 @@ export const TimeLimited = ({
   className,
   color = 'currentColor',
   size,
-  label = 'TimeLimited'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M12 5C13.1046 5 14 4.10457 14 3C14 1.89543 13.1046 1 12 1C10.8954 1 10 1.89543 10 3C10 4.10457 10.8954 5 12 5Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -2482,11 +2633,12 @@ export const Time = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Time'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M12 7C11.4477 7 11 7.44772 11 8V11.9993C11 12.0003 11 12.002 11 12.003C11.0008 12.278 11.1126 12.5268 11.2929 12.7071L14.1213 15.5355C14.5118 15.9261 15.145 15.9261 15.5355 15.5355C15.9261 15.145 15.9261 14.5118 15.5355 14.1213L13 11.5858V8C13 7.44772 12.5523 7 12 7Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -2497,11 +2649,12 @@ export const Timeline = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Timeline'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M1 4C1 3.44772 1.44772 3 2 3L22 3C22.5523 3 23 3.44772 23 4C23 4.55229 22.5523 5 22 5L2 5C1.44772 5 1 4.55228 1 4ZM1 8C1 7.44772 1.44772 7 2 7C2.80765 7 3.28602 7.60541 3.52336 8.00414C3.78771 8.44826 3.98778 9.01971 4.15102 9.60736C4.53541 10.9912 4.75064 12.421 4.98639 13.8356C5.23952 15.3543 5.48085 16.7947 5.77602 17.8574C5.85269 18.1334 5.92788 18.3642 6 18.5522C6.07213 18.3642 6.14733 18.1334 6.224 17.8573C6.51918 16.7947 6.76052 15.3543 7.01365 13.8356C7.24941 12.421 7.46464 10.9912 7.84903 9.60736C8.01226 9.01971 8.21232 8.44827 8.47667 8.00416C8.71398 7.60545 9.19234 7 10 7C10.8077 7 11.286 7.60544 11.5233 8.00415C11.7877 8.44827 11.9878 9.0197 12.151 9.60735C12.5354 10.9912 12.7506 12.421 12.9864 13.8356C13.2395 15.3543 13.4809 16.7947 13.776 17.8574C13.8527 18.1333 13.9279 18.3641 14 18.5521C14.0721 18.3641 14.1473 18.1333 14.224 17.8574C14.5191 16.7947 14.7605 15.3543 15.0136 13.8356C15.2494 12.421 15.4646 10.9912 15.849 9.60735C16.0122 9.0197 16.2123 8.44827 16.4767 8.00415C16.714 7.60544 17.1923 7 18 7C18.8077 7 19.286 7.60545 19.5233 8.00416C19.7877 8.44827 19.9877 9.01971 20.151 9.60736C20.4777 10.7836 20.7346 12.325 20.9794 13.7937C21.2058 15.1522 21.4068 16.5284 21.776 17.8573C21.9253 18.3947 22.069 18.7608 22.1952 18.9729C22.2076 18.9938 22.2188 19.0114 22.2286 19.0263C22.6707 19.1297 23 19.5264 23 20C23 20.5523 22.5523 21 22 21C21.1924 21 20.714 20.3946 20.4766 19.9959C20.2123 19.5517 20.0122 18.9803 19.849 18.3927C19.5222 17.2164 19.2653 15.6748 19.0205 14.206C18.7941 12.8477 18.5931 11.4715 18.2239 10.1426C18.1473 9.86668 18.0721 9.6359 18 9.44794C17.9279 9.6359 17.8527 9.86669 17.776 10.1426C17.4809 11.2053 17.2395 12.6457 16.9864 14.1644C16.7506 15.579 16.5354 17.0088 16.151 18.3926C15.9878 18.9803 15.7877 19.5517 15.5233 19.9958C15.286 20.3946 14.8077 21 14 21C13.1923 21 12.714 20.3946 12.4767 19.9958C12.2123 19.5517 12.0122 18.9803 11.849 18.3926C11.5223 17.2164 11.2654 15.6749 11.0206 14.2061C10.7942 12.8477 10.5931 11.4716 10.224 10.1426C10.1473 9.86669 10.0721 9.6359 10 9.44794C9.9279 9.6359 9.85272 9.86668 9.77606 10.1426C9.40693 11.4715 9.20589 12.8477 8.9795 14.206C8.7347 15.6748 8.47778 17.2164 8.15103 18.3927C7.98779 18.9803 7.78772 19.5517 7.52336 19.9959C7.28602 20.3946 6.80765 21 6 21C5.19235 21 4.71398 20.3946 4.47664 19.9959C4.21229 19.5517 4.01222 18.9803 3.84898 18.3926C3.52225 17.2164 3.26535 15.6749 3.02056 14.2061C2.79418 12.8477 2.59313 11.4716 2.22398 10.1426C2.07472 9.60529 1.93104 9.23924 1.80477 9.02711C1.79235 9.00625 1.78121 8.98859 1.77138 8.97375C1.32926 8.87035 1 8.47363 1 8Z",
@@ -2511,11 +2664,12 @@ export const Tip = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Tip'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M12 1C12.5523 1 13 1.44772 13 2V3C13 3.55228 12.5523 4 12 4C11.4477 4 11 3.55228 11 3V2C11 1.44772 11.4477 1 12 1Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -2538,11 +2692,12 @@ export const Transcript = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Support'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M6 7C5.44772 7 5 7.44772 5 8C5 8.55228 5.44772 9 6 9H7C7.55228 9 8 8.55228 8 8C8 7.44772 7.55228 7 7 7H6Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -2567,12 +2722,12 @@ export const Twitter = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Twitter'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
   size: size,
   viewBox: "0 0 15 10"
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+}, /*#__PURE__*/React.createElement("path", {
   d: "M4.71 12.1921C10.368 12.1921 13.464 7.50012 13.464 3.43812C13.464 3.30612 13.464 3.17412 13.458 3.04212C14.058 2.61012 14.58 2.06412 14.994 1.44612C14.442 1.69212 13.848 1.85412 13.224 1.93212C13.86 1.55412 14.346 0.948122 14.58 0.228122C13.986 0.582122 13.326 0.834122 12.624 0.972122C12.06 0.372122 11.262 0.00012207 10.38 0.00012207C8.682 0.00012207 7.302 1.38012 7.302 3.07812C7.302 3.31812 7.332 3.55212 7.38 3.78012C4.824 3.65412 2.556 2.42412 1.038 0.564122C0.774 1.02012 0.624 1.54812 0.624 2.11212C0.624 3.18012 1.17 4.12212 1.992 4.67412C1.488 4.65612 1.014 4.51812 0.6 4.29012C0.6 4.30212 0.6 4.31412 0.6 4.33212C0.6 5.82012 1.662 7.06812 3.066 7.35012C2.808 7.42212 2.538 7.45812 2.256 7.45812C2.058 7.45812 1.866 7.44012 1.68 7.40412C2.07 8.62812 3.21 9.51612 4.554 9.54012C3.498 10.3681 2.172 10.8601 0.732 10.8601C0.486 10.8601 0.24 10.8481 0 10.8181C1.356 11.6821 2.976 12.1921 4.71 12.1921Z",
   fill: "currentColor"
 }));
@@ -2580,11 +2735,12 @@ export const Upload = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Upload'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M7.75789 5.82846C7.36736 6.21898 7.36736 6.85214 7.75789 7.24267C8.14841 7.63319 8.78158 7.63319 9.1721 7.24267L11 5.41477L11 13C11 13.5523 11.4477 14 12 14C12.5523 14 13 13.5523 13 13L13 5.41361L14.829 7.24264C15.2196 7.63316 15.8527 7.63316 16.2432 7.24264C16.6338 6.85212 16.6338 6.21895 16.2432 5.82843L12.7077 2.29289C12.5006 2.08576 12.2252 1.98849 11.9539 2.00108C11.6865 2.01321 11.4464 2.13039 11.274 2.31234L7.75789 5.82846Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -2595,11 +2751,12 @@ export const Usb = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Usb'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M12.7071 1.29289C12.3166 0.902369 11.6834 0.902369 11.2929 1.29289L8.92892 3.65685C8.5384 4.04738 8.5384 4.68054 8.92892 5.07107C9.31945 5.46159 9.95261 5.46159 10.3431 5.07107L11 4.41421L11 16C9.32919 16 7.89765 14.9756 7.29917 13.5206C7.72812 13.1538 8 12.6087 8 12C8 10.8954 7.10457 10 6 10C4.89543 10 4 10.8954 4 12C4 12.8577 4.53984 13.5892 5.29827 13.8734C6.08514 16.2697 8.3405 18 11 18L11 19.2676C10.4022 19.6134 10 20.2597 10 21C10 22.1046 10.8954 23 12 23C13.1046 23 14 22.1046 14 21C14 20.2597 13.5978 19.6134 13 19.2676V15C15.6595 15 17.9149 13.2697 18.7017 10.8734C19.4602 10.5892 20 9.85765 20 9C20 7.89543 19.1046 7 18 7C16.8954 7 16 7.89543 16 9C16 9.60865 16.2719 10.1538 16.7008 10.5206C16.1024 11.9756 14.6708 13 13 13L13 4.41421L13.6568 5.07107C14.0474 5.46159 14.6805 5.46159 15.0711 5.07107C15.4616 4.68054 15.4616 4.04738 15.0711 3.65685L12.7071 1.29289Z",
   fill: color
 }));
@@ -2607,11 +2764,12 @@ export const User = ({
   className,
   color = 'currentColor',
   size,
-  label = 'User person'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M17 6C17 8.76142 14.7614 11 12 11C9.23858 11 7 8.76142 7 6C7 3.23858 9.23858 1 12 1C14.7614 1 17 3.23858 17 6ZM15 6C15 4.34315 13.6569 3 12 3C10.3431 3 9 4.34315 9 6C9 7.65685 10.3431 9 12 9C13.6569 9 15 7.65685 15 6Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -2622,11 +2780,12 @@ export const Video = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Video'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M15.5019 12.8709L10.4221 15.859C9.7486 16.2552 8.89949 15.7695 8.89949 14.9881L8.89949 9.01191C8.89949 8.23047 9.7486 7.74483 10.4221 8.14103L15.5019 11.1291C16.166 11.5198 16.166 12.4802 15.5019 12.8709Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -2637,11 +2796,12 @@ export const VisibleOff = ({
   className,
   color = 'currentColor',
   size,
-  label = 'VisibleOff'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M3.51083 12.0954L2.7072 11.2922C2.31659 10.9019 1.68351 10.902 1.29303 11.2924C0.902324 11.6831 0.902324 12.3166 1.29303 12.7073L2.09597 13.5103C2.34957 13.7638 2.61047 14.0057 2.878 14.2358L1.29289 15.8209C0.902369 16.2114 0.902369 16.8446 1.29289 17.2351C1.68342 17.6256 2.31658 17.6256 2.70711 17.2351L4.50197 15.4402C5.18603 15.8745 5.89954 16.2437 6.63366 16.5478L5.73385 19.0337C5.54588 19.553 5.81448 20.1264 6.33379 20.3144C6.85311 20.5024 7.42647 20.2337 7.61444 19.7144L8.53225 17.1788C9.3461 17.3859 10.1749 17.5189 11.008 17.5777C11.0027 17.6194 11 17.6618 11 17.705V19.9999C11 20.5522 11.4477 20.9999 12 20.9999C12.5523 20.9999 13 20.5522 13 19.9999V17.705C13 17.6618 12.9973 17.6194 12.992 17.5777C13.8251 17.5189 14.6539 17.3859 15.4678 17.1788L16.3856 19.7144C16.5735 20.2337 17.1469 20.5024 17.6662 20.3144C18.1855 20.1264 18.4541 19.553 18.2662 19.0337L17.3663 16.5478C18.0974 16.245 18.808 15.8777 19.4894 15.4457L21.2788 17.2351C21.6693 17.6256 22.3025 17.6256 22.693 17.2351C23.0835 16.8446 23.0835 16.2114 22.693 15.8209L21.1144 14.2423C21.3846 14.0103 21.648 13.7662 21.904 13.5102L22.707 12.7073C23.0977 12.3166 23.0977 11.6831 22.707 11.2924C22.3165 10.902 21.6834 10.9019 21.2928 11.2922L20.4892 12.0954C15.8007 16.7838 8.19927 16.7838 3.51083 12.0954Z",
   fill: color
 }));
@@ -2649,11 +2809,12 @@ export const VisibleOn = ({
   className,
   color = 'currentColor',
   size,
-  label = 'VisibleOn'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -2664,11 +2825,12 @@ export const VolumeDown = ({
   className,
   color = 'currentColor',
   size,
-  label = 'VolumeDown'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M5.16667 16.1667L7.58579 18.5858C8.84572 19.8458 11 18.9534 11 17.1716V6.82847C11 5.04666 8.84571 4.15433 7.58578 5.41426L5.16667 7.83338H3C1.89543 7.83338 1 8.72881 1 9.83338V14.1667C1 15.2713 1.89543 16.1667 3 16.1667H5.16667ZM5.99509 9.83338L9 6.82847V17.1716L5.99509 14.1667H3V9.83338H5.99509Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -2679,11 +2841,12 @@ export const VolumeOff = ({
   className,
   color = 'currentColor',
   size,
-  label = 'VolumeOff'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M7.58579 18.5856L5.16667 16.1665H3C1.89543 16.1665 1 15.271 1 14.1665V9.83313C1 8.72856 1.89543 7.83313 3 7.83313H5.16667L7.58578 5.41402C8.84571 4.15409 11 5.04642 11 6.82823V17.1714C11 18.9532 8.84572 19.8455 7.58579 18.5856ZM5.99509 9.83313H3V14.1665H5.99509L9 17.1714V6.82823L5.99509 9.83313Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -2694,12 +2857,12 @@ export const VolumeUp = ({
   className,
   color = 'currentColor',
   size,
-  label = 'VolumeUp'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
   size: size,
   viewBox: "0 0 24 24"
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+}, /*#__PURE__*/React.createElement("path", {
   d: "M18.5554 3.16849C18.0961 2.86178 17.4751 2.98546 17.1684 3.44475C16.8617 3.90403 16.9854 4.525 17.4446 4.83172C19.5347 6.22746 21 8.88663 21 12.0001C21 15.1136 19.5347 17.7727 17.4446 19.1685C16.9854 19.4752 16.8617 20.0962 17.1684 20.5555C17.4751 21.0147 18.0961 21.1384 18.5554 20.8317C21.2477 19.0337 23 15.7235 23 12.0001C23 8.27667 21.2477 4.96649 18.5554 3.16849Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {
@@ -2713,12 +2876,12 @@ export const Youtube = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Youtube'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
   size: size,
   viewBox: "0 0 20 14"
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+}, /*#__PURE__*/React.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M17.8068 1.2832C18.6705 1.52514 19.3523 2.21638 19.5795 3.09196C20 4.68182 20 7.99979 20 7.99979C20 7.99979 20 11.3178 19.5909 12.9076C19.3523 13.7947 18.6818 14.486 17.8182 14.7164C16.25 15.1426 10 15.1426 10 15.1426C10 15.1426 3.75 15.1426 2.19318 14.7164C1.32955 14.4744 0.647727 13.7832 0.420455 12.9076C0 11.3178 0 7.99979 0 7.99979C0 7.99979 0 4.68182 0.409091 3.09196C0.647727 2.20486 1.31818 1.51362 2.18182 1.2832C3.75 0.856934 10 0.856934 10 0.856934C10 0.856934 16.25 0.856934 17.8068 1.2832ZM13.1819 7.99939L7.95459 11.0178V4.98096L13.1819 7.99939Z",
@@ -2728,11 +2891,12 @@ export const Zoom = ({
   className,
   color = 'currentColor',
   size,
-  label = 'Zoom'
+  label = ''
 }) => /*#__PURE__*/React.createElement(SystemIcon, {
   className: className,
-  size: size
-}, /*#__PURE__*/React.createElement("title", null, label), /*#__PURE__*/React.createElement("path", {
+  size: size,
+  tooltip: label
+}, /*#__PURE__*/React.createElement("path", {
   d: "M9.5 6C9.5 5.44772 9.05228 5 8.5 5C7.94772 5 7.5 5.44772 7.5 6V7.5L6 7.5C5.44772 7.5 5 7.94772 5 8.5C5 9.05228 5.44771 9.5 6 9.5H7.5V11C7.5 11.5523 7.94772 12 8.5 12C9.05229 12 9.5 11.5523 9.5 11V9.5L11 9.5C11.5523 9.5 12 9.05229 12 8.5C12 7.94772 11.5523 7.5 11 7.5H9.5V6Z",
   fill: color
 }), /*#__PURE__*/React.createElement("path", {