@transferwise/icons 4.4.6 → 4.5.2

package/lib/index.js

@@ -192,7 +192,7 @@ const ArrowDiagonalDown = ({
     console.warn("<ArrowDiagonalDown filled /> is now deprecated, please use <ArrowDiagonalDownFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
-    className: `tw-icon tw-icon-arrow-diagonal-down ${className ? className : ''}`,
+    className: `tw-icon tw-icon-arrow-diagonal-down rtl-ar rtl-he ${className ? className : ''}`,
     "data-testid": restProps['data-testid'] || 'arrow-diagonal-down-icon',
     children: /*#__PURE__*/jsxRuntime.jsx("svg", {
       "aria-label": title,
@@ -227,7 +227,7 @@ const ArrowDiagonalUp = ({
     console.warn("<ArrowDiagonalUp filled /> is now deprecated, please use <ArrowDiagonalUpFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
-    className: `tw-icon tw-icon-arrow-diagonal-up ${className ? className : ''}`,
+    className: `tw-icon tw-icon-arrow-diagonal-up rtl-ar rtl-he ${className ? className : ''}`,
     "data-testid": restProps['data-testid'] || 'arrow-diagonal-up-icon',
     children: /*#__PURE__*/jsxRuntime.jsx("svg", {
       "aria-label": title,
@@ -284,6 +284,41 @@ const ArrowDown = ({
   });
 };
 
+const ArrowEnd = ({
+  className = undefined,
+  isFocusable = false,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
+  size = 16,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn("<ArrowEnd filled /> is now deprecated, please use <ArrowEndFill /> or refer to https://transferwise.github.io/icons/ for more info.");
+  }
+  return /*#__PURE__*/jsxRuntime.jsx("span", {
+    className: `tw-icon tw-icon-arrow-end rtl-ar rtl-he ${className ? className : ''}`,
+    "data-testid": restProps['data-testid'] || 'arrow-end-icon',
+    children: /*#__PURE__*/jsxRuntime.jsx("svg", {
+      "aria-label": title,
+      "aria-hidden": !title ? true : undefined,
+      focusable: isFocusable,
+      role: role ?? (title ? 'graphics-symbol img' : 'none'),
+      width: String(size),
+      height: String(size),
+      fill: "currentColor",
+      viewBox: "0 0 24 24",
+      children: (Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: /*#__PURE__*/jsxRuntime.jsx("path", {
+          fillRule: "evenodd",
+          d: "m18.586 11-6.293-6.293 1.414-1.414 7.993 7.993a1.01 1.01 0 0 1 0 1.428l-7.993 7.993-1.414-1.414L18.586 13H2v-2z",
+          clipRule: "evenodd"
+        })
+      })
+    })
+  });
+};
+
 const ArrowLeft = ({
   className = undefined,
   isFocusable = false,
@@ -354,6 +389,41 @@ const ArrowRight = ({
   });
 };
 
+const ArrowStart = ({
+  className = undefined,
+  isFocusable = false,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
+  size = 16,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn("<ArrowStart filled /> is now deprecated, please use <ArrowStartFill /> or refer to https://transferwise.github.io/icons/ for more info.");
+  }
+  return /*#__PURE__*/jsxRuntime.jsx("span", {
+    className: `tw-icon tw-icon-arrow-start rtl-ar rtl-he ${className ? className : ''}`,
+    "data-testid": restProps['data-testid'] || 'arrow-start-icon',
+    children: /*#__PURE__*/jsxRuntime.jsx("svg", {
+      "aria-label": title,
+      "aria-hidden": !title ? true : undefined,
+      focusable: isFocusable,
+      role: role ?? (title ? 'graphics-symbol img' : 'none'),
+      width: String(size),
+      height: String(size),
+      fill: "currentColor",
+      viewBox: "0 0 24 24",
+      children: (Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: /*#__PURE__*/jsxRuntime.jsx("path", {
+          fillRule: "evenodd",
+          d: "m5.414 11 6.293-6.293-1.414-1.414L2.3 11.286a1.01 1.01 0 0 0 0 1.428l7.993 7.993 1.414-1.414L5.414 13H22v-2z",
+          clipRule: "evenodd"
+        })
+      })
+    })
+  });
+};
+
 const ArrowUp = ({
   className = undefined,
   isFocusable = false,
@@ -585,7 +655,7 @@ const BankTransfer = ({
     console.warn("<BankTransfer filled /> is now deprecated, please use <BankTransferFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
-    className: `tw-icon tw-icon-bank-transfer ${className ? className : ''}`,
+    className: `tw-icon tw-icon-bank-transfer rtl-ar rtl-he ${className ? className : ''}`,
     "data-testid": restProps['data-testid'] || 'bank-transfer-icon',
     children: /*#__PURE__*/jsxRuntime.jsx("svg", {
       "aria-label": title,
@@ -620,7 +690,7 @@ const Ach = ({
     console.warn("<Ach filled /> is now deprecated, please use <AchFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
-    className: `tw-icon tw-icon-ach ${className ? className : ''}`,
+    className: `tw-icon tw-icon-ach rtl-ar rtl-he ${className ? className : ''}`,
     "data-testid": restProps['data-testid'] || 'ach-icon',
     children: /*#__PURE__*/jsxRuntime.jsx("svg", {
       "aria-label": title,
@@ -970,7 +1040,7 @@ const Bills = ({
     console.warn("<Bills filled /> is now deprecated, please use <BillsFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
-    className: `tw-icon tw-icon-bills ${className ? className : ''}`,
+    className: `tw-icon tw-icon-bills rtl-ar rtl-he ${className ? className : ''}`,
     "data-testid": restProps['data-testid'] || 'bills-icon',
     children: /*#__PURE__*/jsxRuntime.jsx("svg", {
       "aria-label": title,
@@ -1947,6 +2017,41 @@ const SalesAndRoyalties = ({
   });
 };
 
+const Chair = ({
+  className = undefined,
+  isFocusable = false,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
+  size = 16,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn("<Chair filled /> is now deprecated, please use <ChairFill /> or refer to https://transferwise.github.io/icons/ for more info.");
+  }
+  return /*#__PURE__*/jsxRuntime.jsx("span", {
+    className: `tw-icon tw-icon-chair ${className ? className : ''}`,
+    "data-testid": restProps['data-testid'] || 'chair-icon',
+    children: /*#__PURE__*/jsxRuntime.jsx("svg", {
+      "aria-label": title,
+      "aria-hidden": !title ? true : undefined,
+      focusable: isFocusable,
+      role: role ?? (title ? 'graphics-symbol img' : 'none'),
+      width: String(size),
+      height: String(size),
+      fill: "currentColor",
+      viewBox: "0 0 24 24",
+      children: (Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: /*#__PURE__*/jsxRuntime.jsx("path", {
+          fillRule: "evenodd",
+          d: "M17 3a2 2 0 0 1 2 2v3a2 2 0 0 1 2 2v7a2 2 0 0 1-1.796 1.99L19 19v2h-2v-2H7v2H5v-2l-.204-.01A2 2 0 0 1 3 17v-7a2 2 0 0 1 2-2V5a2 2 0 0 1 2-2zM5 17h14v-7h-2v4h-.005a1.1 1.1 0 0 1-1.095 1H8.1a1.1 1.1 0 0 1-1.095-1H7v-4H5zm2-9a2 2 0 0 1 2 2v3h6v-3a2 2 0 0 1 2-2V5H7z",
+          clipRule: "evenodd"
+        })
+      })
+    })
+  });
+};
+
 const Charity = ({
   className = undefined,
   isFocusable = false,
@@ -2157,6 +2262,41 @@ const ChevronDown = ({
   });
 };
 
+const ChevronEnd = ({
+  className = undefined,
+  isFocusable = false,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
+  size = 16,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn("<ChevronEnd filled /> is now deprecated, please use <ChevronEndFill /> or refer to https://transferwise.github.io/icons/ for more info.");
+  }
+  return /*#__PURE__*/jsxRuntime.jsx("span", {
+    className: `tw-icon tw-icon-chevron-end rtl-ar rtl-he ${className ? className : ''}`,
+    "data-testid": restProps['data-testid'] || 'chevron-end-icon',
+    children: /*#__PURE__*/jsxRuntime.jsx("svg", {
+      "aria-label": title,
+      "aria-hidden": !title ? true : undefined,
+      focusable: isFocusable,
+      role: role ?? (title ? 'graphics-symbol img' : 'none'),
+      width: String(size),
+      height: String(size),
+      fill: "currentColor",
+      viewBox: "0 0 24 24",
+      children: (Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: /*#__PURE__*/jsxRuntime.jsx("path", {
+          fillRule: "evenodd",
+          d: "M15.586 12 8.293 4.707l1.414-1.414 7.993 7.993a1.01 1.01 0 0 1 0 1.428l-7.993 7.993-1.414-1.414z",
+          clipRule: "evenodd"
+        })
+      })
+    })
+  });
+};
+
 const ChevronLeft = ({
   className = undefined,
   isFocusable = false,
@@ -2227,6 +2367,41 @@ const ChevronRight = ({
   });
 };
 
+const ChevronStart = ({
+  className = undefined,
+  isFocusable = false,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
+  size = 16,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn("<ChevronStart filled /> is now deprecated, please use <ChevronStartFill /> or refer to https://transferwise.github.io/icons/ for more info.");
+  }
+  return /*#__PURE__*/jsxRuntime.jsx("span", {
+    className: `tw-icon tw-icon-chevron-start rtl-ar rtl-he ${className ? className : ''}`,
+    "data-testid": restProps['data-testid'] || 'chevron-start-icon',
+    children: /*#__PURE__*/jsxRuntime.jsx("svg", {
+      "aria-label": title,
+      "aria-hidden": !title ? true : undefined,
+      focusable: isFocusable,
+      role: role ?? (title ? 'graphics-symbol img' : 'none'),
+      width: String(size),
+      height: String(size),
+      fill: "currentColor",
+      viewBox: "0 0 24 24",
+      children: (Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: /*#__PURE__*/jsxRuntime.jsx("path", {
+          fillRule: "evenodd",
+          d: "m8.414 12 7.293-7.293-1.414-1.414L6.3 11.286a1.01 1.01 0 0 0 0 1.428l7.993 7.993 1.414-1.414z",
+          clipRule: "evenodd"
+        })
+      })
+    })
+  });
+};
+
 const ChevronUp = ({
   className = undefined,
   isFocusable = false,
@@ -2975,7 +3150,7 @@ const Delivery = ({
     console.warn("<Delivery filled /> is now deprecated, please use <DeliveryFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
-    className: `tw-icon tw-icon-delivery ${className ? className : ''}`,
+    className: `tw-icon tw-icon-delivery rtl-ar rtl-he ${className ? className : ''}`,
     "data-testid": restProps['data-testid'] || 'delivery-icon',
     children: /*#__PURE__*/jsxRuntime.jsx("svg", {
       "aria-label": title,
@@ -5508,7 +5683,7 @@ const List = ({
     console.warn("<List filled /> is now deprecated, please use <ListFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
-    className: `tw-icon tw-icon-list ${className ? className : ''}`,
+    className: `tw-icon tw-icon-list rtl-ar rtl-he ${className ? className : ''}`,
     "data-testid": restProps['data-testid'] || 'list-icon',
     children: /*#__PURE__*/jsxRuntime.jsx("svg", {
       "aria-label": title,
@@ -5543,7 +5718,7 @@ const Activity = ({
     console.warn("<Activity filled /> is now deprecated, please use <ActivityFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
-    className: `tw-icon tw-icon-activity ${className ? className : ''}`,
+    className: `tw-icon tw-icon-activity rtl-ar rtl-he ${className ? className : ''}`,
     "data-testid": restProps['data-testid'] || 'activity-icon',
     children: /*#__PURE__*/jsxRuntime.jsx("svg", {
       "aria-label": title,
@@ -5613,7 +5788,7 @@ const LogIn = ({
     console.warn("<LogIn filled /> is now deprecated, please use <LogInFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
-    className: `tw-icon tw-icon-log-in ${className ? className : ''}`,
+    className: `tw-icon tw-icon-log-in rtl-ar rtl-he ${className ? className : ''}`,
     "data-testid": restProps['data-testid'] || 'log-in-icon',
     children: /*#__PURE__*/jsxRuntime.jsx("svg", {
       "aria-label": title,
@@ -5648,7 +5823,7 @@ const LogOut = ({
     console.warn("<LogOut filled /> is now deprecated, please use <LogOutFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
-    className: `tw-icon tw-icon-log-out ${className ? className : ''}`,
+    className: `tw-icon tw-icon-log-out rtl-ar rtl-he ${className ? className : ''}`,
     "data-testid": restProps['data-testid'] || 'log-out-icon',
     children: /*#__PURE__*/jsxRuntime.jsx("svg", {
       "aria-label": title,
@@ -6206,7 +6381,7 @@ const NavigateAway = ({
     console.warn("<NavigateAway filled /> is now deprecated, please use <NavigateAwayFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
-    className: `tw-icon tw-icon-navigate-away ${className ? className : ''}`,
+    className: `tw-icon tw-icon-navigate-away rtl-ar rtl-he ${className ? className : ''}`,
     "data-testid": restProps['data-testid'] || 'navigate-away-icon',
     children: /*#__PURE__*/jsxRuntime.jsx("svg", {
       "aria-label": title,
@@ -7614,7 +7789,7 @@ const QuestionMarkCircleFill = ({
     console.warn("<QuestionMarkCircleFill filled /> is now deprecated, please use <QuestionMarkCircleFillFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
-    className: `tw-icon tw-icon-question-mark-circle-fill ${className ? className : ''}`,
+    className: `tw-icon tw-icon-question-mark-circle-fill rtl-ar ${className ? className : ''}`,
     "data-testid": restProps['data-testid'] || 'question-mark-circle-fill-icon',
     children: /*#__PURE__*/jsxRuntime.jsx("svg", {
       "aria-label": title,
@@ -7649,7 +7824,7 @@ const QuestionMarkCircle = ({
     console.warn("<QuestionMarkCircle filled /> is now deprecated, please use <QuestionMarkCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
-    className: `tw-icon tw-icon-question-mark-circle ${className ? className : ''}`,
+    className: `tw-icon tw-icon-question-mark-circle rtl-ar ${className ? className : ''}`,
     "data-testid": restProps['data-testid'] || 'question-mark-circle-icon',
     children: /*#__PURE__*/jsxRuntime.jsx("svg", {
       "aria-label": title,
@@ -7684,7 +7859,7 @@ const HelpCircle = ({
     console.warn("<HelpCircle filled /> is now deprecated, please use <HelpCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
-    className: `tw-icon tw-icon-help-circle ${className ? className : ''}`,
+    className: `tw-icon tw-icon-help-circle rtl-ar ${className ? className : ''}`,
     "data-testid": restProps['data-testid'] || 'help-circle-icon',
     children: /*#__PURE__*/jsxRuntime.jsx("svg", {
       "aria-label": title,
@@ -7719,7 +7894,7 @@ const QuestionMark = ({
     console.warn("<QuestionMark filled /> is now deprecated, please use <QuestionMarkFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
-    className: `tw-icon tw-icon-question-mark ${className ? className : ''}`,
+    className: `tw-icon tw-icon-question-mark rtl-ar ${className ? className : ''}`,
     "data-testid": restProps['data-testid'] || 'question-mark-icon',
     children: /*#__PURE__*/jsxRuntime.jsx("svg", {
       "aria-label": title,
@@ -7754,7 +7929,7 @@ const Help = ({
     console.warn("<Help filled /> is now deprecated, please use <HelpFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
-    className: `tw-icon tw-icon-help ${className ? className : ''}`,
+    className: `tw-icon tw-icon-help rtl-ar ${className ? className : ''}`,
     "data-testid": restProps['data-testid'] || 'help-icon',
     children: /*#__PURE__*/jsxRuntime.jsx("svg", {
       "aria-label": title,
@@ -8589,6 +8764,45 @@ const ECommerce = ({
   });
 };
 
+const SimCard = ({
+  className = undefined,
+  isFocusable = false,
+  filled = undefined,
+  title = undefined,
+  role = undefined,
+  size = 16,
+  ...restProps
+}) => {
+  if (filled) {
+    console.warn("<SimCard filled /> is now deprecated, please use <SimCardFill /> or refer to https://transferwise.github.io/icons/ for more info.");
+  }
+  return /*#__PURE__*/jsxRuntime.jsx("span", {
+    className: `tw-icon tw-icon-sim-card ${className ? className : ''}`,
+    "data-testid": restProps['data-testid'] || 'sim-card-icon',
+    children: /*#__PURE__*/jsxRuntime.jsx("svg", {
+      "aria-label": title,
+      "aria-hidden": !title ? true : undefined,
+      focusable: isFocusable,
+      role: role ?? (title ? 'graphics-symbol img' : 'none'),
+      width: String(size),
+      height: String(size),
+      fill: "currentColor",
+      viewBox: "0 0 24 24",
+      children: (Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsx("path", {
+          fillRule: "evenodd",
+          d: "M14.9 8A1.1 1.1 0 0 1 16 9.1v5.8a1.1 1.1 0 0 1-1.1 1.1H7.1A1.1 1.1 0 0 1 6 14.9V9.1A1.1 1.1 0 0 1 7.1 8zM12 14h2v-4h-2zm-4 0h2v-4H8z",
+          clipRule: "evenodd"
+        }), /*#__PURE__*/jsxRuntime.jsx("path", {
+          fillRule: "evenodd",
+          d: "M16.586 4A2 2 0 0 1 18 4.586L21.414 8A2 2 0 0 1 22 9.414V18a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2zM4 18h16V9.414L16.586 6H4z",
+          clipRule: "evenodd"
+        })]
+      })
+    })
+  });
+};
+
 const Slider = ({
   className = undefined,
   isFocusable = false,
@@ -10222,7 +10436,7 @@ const Switch = ({
     console.warn("<Switch filled /> is now deprecated, please use <SwitchFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
-    className: `tw-icon tw-icon-switch ${className ? className : ''}`,
+    className: `tw-icon tw-icon-switch rtl-ar rtl-he ${className ? className : ''}`,
     "data-testid": restProps['data-testid'] || 'switch-icon',
     children: /*#__PURE__*/jsxRuntime.jsx("svg", {
       "aria-label": title,
@@ -10506,7 +10720,7 @@ const Transfer = ({
     console.warn("<Transfer filled /> is now deprecated, please use <TransferFill /> or refer to https://transferwise.github.io/icons/ for more info.");
   }
   return /*#__PURE__*/jsxRuntime.jsx("span", {
-    className: `tw-icon tw-icon-transfer ${className ? className : ''}`,
+    className: `tw-icon tw-icon-transfer rtl-ar rtl-he ${className ? className : ''}`,
     "data-testid": restProps['data-testid'] || 'transfer-icon',
     children: /*#__PURE__*/jsxRuntime.jsx("svg", {
       "aria-label": title,
@@ -11090,8 +11304,10 @@ exports.AngryEmoji = AngryEmoji;
 exports.ArrowDiagonalDown = ArrowDiagonalDown;
 exports.ArrowDiagonalUp = ArrowDiagonalUp;
 exports.ArrowDown = ArrowDown;
+exports.ArrowEnd = ArrowEnd;
 exports.ArrowLeft = ArrowLeft;
 exports.ArrowRight = ArrowRight;
+exports.ArrowStart = ArrowStart;
 exports.ArrowUp = ArrowUp;
 exports.Atm = Atm;
 exports.AutoConvert = AutoConvert;
@@ -11130,14 +11346,17 @@ exports.CardTransferwise = CardTransferwise;
 exports.CardWise = CardWise;
 exports.CashApp = CashApp;
 exports.CashRegister = CashRegister;
+exports.Chair = Chair;
 exports.Charity = Charity;
 exports.Chat = Chat;
 exports.Check = Check;
 exports.CheckCircle = CheckCircle;
 exports.CheckCircleFill = CheckCircleFill;
 exports.ChevronDown = ChevronDown;
+exports.ChevronEnd = ChevronEnd;
 exports.ChevronLeft = ChevronLeft;
 exports.ChevronRight = ChevronRight;
+exports.ChevronStart = ChevronStart;
 exports.ChevronUp = ChevronUp;
 exports.Chip = Chip;
 exports.ChipPin = ChipPin;
@@ -11327,6 +11546,7 @@ exports.ShareAndroid = ShareAndroid;
 exports.ShareIos = ShareIos;
 exports.Shield = Shield;
 exports.ShoppingBag = ShoppingBag;
+exports.SimCard = SimCard;
 exports.Slider = Slider;
 exports.Sofort = Sofort;
 exports.SoftwareAndHosting = SoftwareAndHosting;