@transferwise/icons 4.4.6 → 4.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/README.md +18 -0
  2. package/build/components/ach.tsx +1 -1
  3. package/build/components/activity.tsx +1 -1
  4. package/build/components/arrow-diagonal-down.tsx +1 -1
  5. package/build/components/arrow-diagonal-up.tsx +1 -1
  6. package/build/components/arrow-end.tsx +52 -0
  7. package/build/components/arrow-start.tsx +52 -0
  8. package/build/components/bank-transfer.tsx +1 -1
  9. package/build/components/bills.tsx +1 -1
  10. package/build/components/chair.tsx +52 -0
  11. package/build/components/chevron-end.tsx +52 -0
  12. package/build/components/chevron-start.tsx +52 -0
  13. package/build/components/delivery.tsx +1 -1
  14. package/build/components/help-circle.tsx +1 -1
  15. package/build/components/help.tsx +1 -1
  16. package/build/components/list.tsx +1 -1
  17. package/build/components/log-in.tsx +1 -1
  18. package/build/components/log-out.tsx +1 -1
  19. package/build/components/navigate-away.tsx +1 -1
  20. package/build/components/question-mark-circle-fill.tsx +1 -1
  21. package/build/components/question-mark-circle.tsx +1 -1
  22. package/build/components/question-mark.tsx +1 -1
  23. package/build/components/sim-card.tsx +52 -0
  24. package/build/components/switch.tsx +1 -1
  25. package/build/components/transfer.tsx +1 -1
  26. package/build/icons.json +143 -18
  27. package/build/index.ts +6 -0
  28. package/build/rtl.css +9 -0
  29. package/lib/components/arrow-end.d.ts +13 -0
  30. package/lib/components/arrow-end.d.ts.map +1 -0
  31. package/lib/components/arrow-start.d.ts +13 -0
  32. package/lib/components/arrow-start.d.ts.map +1 -0
  33. package/lib/components/chair.d.ts +13 -0
  34. package/lib/components/chair.d.ts.map +1 -0
  35. package/lib/components/chevron-end.d.ts +13 -0
  36. package/lib/components/chevron-end.d.ts.map +1 -0
  37. package/lib/components/chevron-start.d.ts +13 -0
  38. package/lib/components/chevron-start.d.ts.map +1 -0
  39. package/lib/components/sim-card.d.ts +13 -0
  40. package/lib/components/sim-card.d.ts.map +1 -0
  41. package/lib/index.d.ts +6 -0
  42. package/lib/index.d.ts.map +1 -1
  43. package/lib/index.esm.js +233 -19
  44. package/lib/index.esm.js.map +1 -1
  45. package/lib/index.js +238 -18
  46. package/lib/index.js.map +1 -1
  47. package/lib/styles/main.min.css +1 -1
  48. package/package.json +2 -2
package/lib/index.esm.js CHANGED
@@ -190,7 +190,7 @@ const ArrowDiagonalDown = ({
190
190
  console.warn("<ArrowDiagonalDown filled /> is now deprecated, please use <ArrowDiagonalDownFill /> or refer to https://transferwise.github.io/icons/ for more info.");
191
191
  }
192
192
  return /*#__PURE__*/jsx("span", {
193
- className: `tw-icon tw-icon-arrow-diagonal-down ${className ? className : ''}`,
193
+ className: `tw-icon tw-icon-arrow-diagonal-down rtl-ar rtl-he ${className ? className : ''}`,
194
194
  "data-testid": restProps['data-testid'] || 'arrow-diagonal-down-icon',
195
195
  children: /*#__PURE__*/jsx("svg", {
196
196
  "aria-label": title,
@@ -225,7 +225,7 @@ const ArrowDiagonalUp = ({
225
225
  console.warn("<ArrowDiagonalUp filled /> is now deprecated, please use <ArrowDiagonalUpFill /> or refer to https://transferwise.github.io/icons/ for more info.");
226
226
  }
227
227
  return /*#__PURE__*/jsx("span", {
228
- className: `tw-icon tw-icon-arrow-diagonal-up ${className ? className : ''}`,
228
+ className: `tw-icon tw-icon-arrow-diagonal-up rtl-ar rtl-he ${className ? className : ''}`,
229
229
  "data-testid": restProps['data-testid'] || 'arrow-diagonal-up-icon',
230
230
  children: /*#__PURE__*/jsx("svg", {
231
231
  "aria-label": title,
@@ -282,6 +282,41 @@ const ArrowDown = ({
282
282
  });
283
283
  };
284
284
 
285
+ const ArrowEnd = ({
286
+ className = undefined,
287
+ isFocusable = false,
288
+ filled = undefined,
289
+ title = undefined,
290
+ role = undefined,
291
+ size = 16,
292
+ ...restProps
293
+ }) => {
294
+ if (filled) {
295
+ console.warn("<ArrowEnd filled /> is now deprecated, please use <ArrowEndFill /> or refer to https://transferwise.github.io/icons/ for more info.");
296
+ }
297
+ return /*#__PURE__*/jsx("span", {
298
+ className: `tw-icon tw-icon-arrow-end rtl-ar rtl-he ${className ? className : ''}`,
299
+ "data-testid": restProps['data-testid'] || 'arrow-end-icon',
300
+ children: /*#__PURE__*/jsx("svg", {
301
+ "aria-label": title,
302
+ "aria-hidden": !title ? true : undefined,
303
+ focusable: isFocusable,
304
+ role: role ?? (title ? 'graphics-symbol img' : 'none'),
305
+ width: String(size),
306
+ height: String(size),
307
+ fill: "currentColor",
308
+ viewBox: "0 0 24 24",
309
+ children: (Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && /*#__PURE__*/jsx(Fragment, {
310
+ children: /*#__PURE__*/jsx("path", {
311
+ fillRule: "evenodd",
312
+ 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",
313
+ clipRule: "evenodd"
314
+ })
315
+ })
316
+ })
317
+ });
318
+ };
319
+
285
320
  const ArrowLeft = ({
286
321
  className = undefined,
287
322
  isFocusable = false,
@@ -352,6 +387,41 @@ const ArrowRight = ({
352
387
  });
353
388
  };
354
389
 
390
+ const ArrowStart = ({
391
+ className = undefined,
392
+ isFocusable = false,
393
+ filled = undefined,
394
+ title = undefined,
395
+ role = undefined,
396
+ size = 16,
397
+ ...restProps
398
+ }) => {
399
+ if (filled) {
400
+ console.warn("<ArrowStart filled /> is now deprecated, please use <ArrowStartFill /> or refer to https://transferwise.github.io/icons/ for more info.");
401
+ }
402
+ return /*#__PURE__*/jsx("span", {
403
+ className: `tw-icon tw-icon-arrow-start rtl-ar rtl-he ${className ? className : ''}`,
404
+ "data-testid": restProps['data-testid'] || 'arrow-start-icon',
405
+ children: /*#__PURE__*/jsx("svg", {
406
+ "aria-label": title,
407
+ "aria-hidden": !title ? true : undefined,
408
+ focusable: isFocusable,
409
+ role: role ?? (title ? 'graphics-symbol img' : 'none'),
410
+ width: String(size),
411
+ height: String(size),
412
+ fill: "currentColor",
413
+ viewBox: "0 0 24 24",
414
+ children: (Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && /*#__PURE__*/jsx(Fragment, {
415
+ children: /*#__PURE__*/jsx("path", {
416
+ fillRule: "evenodd",
417
+ 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",
418
+ clipRule: "evenodd"
419
+ })
420
+ })
421
+ })
422
+ });
423
+ };
424
+
355
425
  const ArrowUp = ({
356
426
  className = undefined,
357
427
  isFocusable = false,
@@ -583,7 +653,7 @@ const BankTransfer = ({
583
653
  console.warn("<BankTransfer filled /> is now deprecated, please use <BankTransferFill /> or refer to https://transferwise.github.io/icons/ for more info.");
584
654
  }
585
655
  return /*#__PURE__*/jsx("span", {
586
- className: `tw-icon tw-icon-bank-transfer ${className ? className : ''}`,
656
+ className: `tw-icon tw-icon-bank-transfer rtl-ar rtl-he ${className ? className : ''}`,
587
657
  "data-testid": restProps['data-testid'] || 'bank-transfer-icon',
588
658
  children: /*#__PURE__*/jsx("svg", {
589
659
  "aria-label": title,
@@ -618,7 +688,7 @@ const Ach = ({
618
688
  console.warn("<Ach filled /> is now deprecated, please use <AchFill /> or refer to https://transferwise.github.io/icons/ for more info.");
619
689
  }
620
690
  return /*#__PURE__*/jsx("span", {
621
- className: `tw-icon tw-icon-ach ${className ? className : ''}`,
691
+ className: `tw-icon tw-icon-ach rtl-ar rtl-he ${className ? className : ''}`,
622
692
  "data-testid": restProps['data-testid'] || 'ach-icon',
623
693
  children: /*#__PURE__*/jsx("svg", {
624
694
  "aria-label": title,
@@ -968,7 +1038,7 @@ const Bills = ({
968
1038
  console.warn("<Bills filled /> is now deprecated, please use <BillsFill /> or refer to https://transferwise.github.io/icons/ for more info.");
969
1039
  }
970
1040
  return /*#__PURE__*/jsx("span", {
971
- className: `tw-icon tw-icon-bills ${className ? className : ''}`,
1041
+ className: `tw-icon tw-icon-bills rtl-ar rtl-he ${className ? className : ''}`,
972
1042
  "data-testid": restProps['data-testid'] || 'bills-icon',
973
1043
  children: /*#__PURE__*/jsx("svg", {
974
1044
  "aria-label": title,
@@ -1945,6 +2015,41 @@ const SalesAndRoyalties = ({
1945
2015
  });
1946
2016
  };
1947
2017
 
2018
+ const Chair = ({
2019
+ className = undefined,
2020
+ isFocusable = false,
2021
+ filled = undefined,
2022
+ title = undefined,
2023
+ role = undefined,
2024
+ size = 16,
2025
+ ...restProps
2026
+ }) => {
2027
+ if (filled) {
2028
+ console.warn("<Chair filled /> is now deprecated, please use <ChairFill /> or refer to https://transferwise.github.io/icons/ for more info.");
2029
+ }
2030
+ return /*#__PURE__*/jsx("span", {
2031
+ className: `tw-icon tw-icon-chair ${className ? className : ''}`,
2032
+ "data-testid": restProps['data-testid'] || 'chair-icon',
2033
+ children: /*#__PURE__*/jsx("svg", {
2034
+ "aria-label": title,
2035
+ "aria-hidden": !title ? true : undefined,
2036
+ focusable: isFocusable,
2037
+ role: role ?? (title ? 'graphics-symbol img' : 'none'),
2038
+ width: String(size),
2039
+ height: String(size),
2040
+ fill: "currentColor",
2041
+ viewBox: "0 0 24 24",
2042
+ children: (Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && /*#__PURE__*/jsx(Fragment, {
2043
+ children: /*#__PURE__*/jsx("path", {
2044
+ fillRule: "evenodd",
2045
+ 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",
2046
+ clipRule: "evenodd"
2047
+ })
2048
+ })
2049
+ })
2050
+ });
2051
+ };
2052
+
1948
2053
  const Charity = ({
1949
2054
  className = undefined,
1950
2055
  isFocusable = false,
@@ -2155,6 +2260,41 @@ const ChevronDown = ({
2155
2260
  });
2156
2261
  };
2157
2262
 
2263
+ const ChevronEnd = ({
2264
+ className = undefined,
2265
+ isFocusable = false,
2266
+ filled = undefined,
2267
+ title = undefined,
2268
+ role = undefined,
2269
+ size = 16,
2270
+ ...restProps
2271
+ }) => {
2272
+ if (filled) {
2273
+ console.warn("<ChevronEnd filled /> is now deprecated, please use <ChevronEndFill /> or refer to https://transferwise.github.io/icons/ for more info.");
2274
+ }
2275
+ return /*#__PURE__*/jsx("span", {
2276
+ className: `tw-icon tw-icon-chevron-end rtl-ar rtl-he ${className ? className : ''}`,
2277
+ "data-testid": restProps['data-testid'] || 'chevron-end-icon',
2278
+ children: /*#__PURE__*/jsx("svg", {
2279
+ "aria-label": title,
2280
+ "aria-hidden": !title ? true : undefined,
2281
+ focusable: isFocusable,
2282
+ role: role ?? (title ? 'graphics-symbol img' : 'none'),
2283
+ width: String(size),
2284
+ height: String(size),
2285
+ fill: "currentColor",
2286
+ viewBox: "0 0 24 24",
2287
+ children: (Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && /*#__PURE__*/jsx(Fragment, {
2288
+ children: /*#__PURE__*/jsx("path", {
2289
+ fillRule: "evenodd",
2290
+ 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",
2291
+ clipRule: "evenodd"
2292
+ })
2293
+ })
2294
+ })
2295
+ });
2296
+ };
2297
+
2158
2298
  const ChevronLeft = ({
2159
2299
  className = undefined,
2160
2300
  isFocusable = false,
@@ -2225,6 +2365,41 @@ const ChevronRight = ({
2225
2365
  });
2226
2366
  };
2227
2367
 
2368
+ const ChevronStart = ({
2369
+ className = undefined,
2370
+ isFocusable = false,
2371
+ filled = undefined,
2372
+ title = undefined,
2373
+ role = undefined,
2374
+ size = 16,
2375
+ ...restProps
2376
+ }) => {
2377
+ if (filled) {
2378
+ console.warn("<ChevronStart filled /> is now deprecated, please use <ChevronStartFill /> or refer to https://transferwise.github.io/icons/ for more info.");
2379
+ }
2380
+ return /*#__PURE__*/jsx("span", {
2381
+ className: `tw-icon tw-icon-chevron-start rtl-ar rtl-he ${className ? className : ''}`,
2382
+ "data-testid": restProps['data-testid'] || 'chevron-start-icon',
2383
+ children: /*#__PURE__*/jsx("svg", {
2384
+ "aria-label": title,
2385
+ "aria-hidden": !title ? true : undefined,
2386
+ focusable: isFocusable,
2387
+ role: role ?? (title ? 'graphics-symbol img' : 'none'),
2388
+ width: String(size),
2389
+ height: String(size),
2390
+ fill: "currentColor",
2391
+ viewBox: "0 0 24 24",
2392
+ children: (Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && /*#__PURE__*/jsx(Fragment, {
2393
+ children: /*#__PURE__*/jsx("path", {
2394
+ fillRule: "evenodd",
2395
+ 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",
2396
+ clipRule: "evenodd"
2397
+ })
2398
+ })
2399
+ })
2400
+ });
2401
+ };
2402
+
2228
2403
  const ChevronUp = ({
2229
2404
  className = undefined,
2230
2405
  isFocusable = false,
@@ -2973,7 +3148,7 @@ const Delivery = ({
2973
3148
  console.warn("<Delivery filled /> is now deprecated, please use <DeliveryFill /> or refer to https://transferwise.github.io/icons/ for more info.");
2974
3149
  }
2975
3150
  return /*#__PURE__*/jsx("span", {
2976
- className: `tw-icon tw-icon-delivery ${className ? className : ''}`,
3151
+ className: `tw-icon tw-icon-delivery rtl-ar rtl-he ${className ? className : ''}`,
2977
3152
  "data-testid": restProps['data-testid'] || 'delivery-icon',
2978
3153
  children: /*#__PURE__*/jsx("svg", {
2979
3154
  "aria-label": title,
@@ -5506,7 +5681,7 @@ const List = ({
5506
5681
  console.warn("<List filled /> is now deprecated, please use <ListFill /> or refer to https://transferwise.github.io/icons/ for more info.");
5507
5682
  }
5508
5683
  return /*#__PURE__*/jsx("span", {
5509
- className: `tw-icon tw-icon-list ${className ? className : ''}`,
5684
+ className: `tw-icon tw-icon-list rtl-ar rtl-he ${className ? className : ''}`,
5510
5685
  "data-testid": restProps['data-testid'] || 'list-icon',
5511
5686
  children: /*#__PURE__*/jsx("svg", {
5512
5687
  "aria-label": title,
@@ -5541,7 +5716,7 @@ const Activity = ({
5541
5716
  console.warn("<Activity filled /> is now deprecated, please use <ActivityFill /> or refer to https://transferwise.github.io/icons/ for more info.");
5542
5717
  }
5543
5718
  return /*#__PURE__*/jsx("span", {
5544
- className: `tw-icon tw-icon-activity ${className ? className : ''}`,
5719
+ className: `tw-icon tw-icon-activity rtl-ar rtl-he ${className ? className : ''}`,
5545
5720
  "data-testid": restProps['data-testid'] || 'activity-icon',
5546
5721
  children: /*#__PURE__*/jsx("svg", {
5547
5722
  "aria-label": title,
@@ -5611,7 +5786,7 @@ const LogIn = ({
5611
5786
  console.warn("<LogIn filled /> is now deprecated, please use <LogInFill /> or refer to https://transferwise.github.io/icons/ for more info.");
5612
5787
  }
5613
5788
  return /*#__PURE__*/jsx("span", {
5614
- className: `tw-icon tw-icon-log-in ${className ? className : ''}`,
5789
+ className: `tw-icon tw-icon-log-in rtl-ar rtl-he ${className ? className : ''}`,
5615
5790
  "data-testid": restProps['data-testid'] || 'log-in-icon',
5616
5791
  children: /*#__PURE__*/jsx("svg", {
5617
5792
  "aria-label": title,
@@ -5646,7 +5821,7 @@ const LogOut = ({
5646
5821
  console.warn("<LogOut filled /> is now deprecated, please use <LogOutFill /> or refer to https://transferwise.github.io/icons/ for more info.");
5647
5822
  }
5648
5823
  return /*#__PURE__*/jsx("span", {
5649
- className: `tw-icon tw-icon-log-out ${className ? className : ''}`,
5824
+ className: `tw-icon tw-icon-log-out rtl-ar rtl-he ${className ? className : ''}`,
5650
5825
  "data-testid": restProps['data-testid'] || 'log-out-icon',
5651
5826
  children: /*#__PURE__*/jsx("svg", {
5652
5827
  "aria-label": title,
@@ -6204,7 +6379,7 @@ const NavigateAway = ({
6204
6379
  console.warn("<NavigateAway filled /> is now deprecated, please use <NavigateAwayFill /> or refer to https://transferwise.github.io/icons/ for more info.");
6205
6380
  }
6206
6381
  return /*#__PURE__*/jsx("span", {
6207
- className: `tw-icon tw-icon-navigate-away ${className ? className : ''}`,
6382
+ className: `tw-icon tw-icon-navigate-away rtl-ar rtl-he ${className ? className : ''}`,
6208
6383
  "data-testid": restProps['data-testid'] || 'navigate-away-icon',
6209
6384
  children: /*#__PURE__*/jsx("svg", {
6210
6385
  "aria-label": title,
@@ -7612,7 +7787,7 @@ const QuestionMarkCircleFill = ({
7612
7787
  console.warn("<QuestionMarkCircleFill filled /> is now deprecated, please use <QuestionMarkCircleFillFill /> or refer to https://transferwise.github.io/icons/ for more info.");
7613
7788
  }
7614
7789
  return /*#__PURE__*/jsx("span", {
7615
- className: `tw-icon tw-icon-question-mark-circle-fill ${className ? className : ''}`,
7790
+ className: `tw-icon tw-icon-question-mark-circle-fill rtl-ar ${className ? className : ''}`,
7616
7791
  "data-testid": restProps['data-testid'] || 'question-mark-circle-fill-icon',
7617
7792
  children: /*#__PURE__*/jsx("svg", {
7618
7793
  "aria-label": title,
@@ -7647,7 +7822,7 @@ const QuestionMarkCircle = ({
7647
7822
  console.warn("<QuestionMarkCircle filled /> is now deprecated, please use <QuestionMarkCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.");
7648
7823
  }
7649
7824
  return /*#__PURE__*/jsx("span", {
7650
- className: `tw-icon tw-icon-question-mark-circle ${className ? className : ''}`,
7825
+ className: `tw-icon tw-icon-question-mark-circle rtl-ar ${className ? className : ''}`,
7651
7826
  "data-testid": restProps['data-testid'] || 'question-mark-circle-icon',
7652
7827
  children: /*#__PURE__*/jsx("svg", {
7653
7828
  "aria-label": title,
@@ -7682,7 +7857,7 @@ const HelpCircle = ({
7682
7857
  console.warn("<HelpCircle filled /> is now deprecated, please use <HelpCircleFill /> or refer to https://transferwise.github.io/icons/ for more info.");
7683
7858
  }
7684
7859
  return /*#__PURE__*/jsx("span", {
7685
- className: `tw-icon tw-icon-help-circle ${className ? className : ''}`,
7860
+ className: `tw-icon tw-icon-help-circle rtl-ar ${className ? className : ''}`,
7686
7861
  "data-testid": restProps['data-testid'] || 'help-circle-icon',
7687
7862
  children: /*#__PURE__*/jsx("svg", {
7688
7863
  "aria-label": title,
@@ -7717,7 +7892,7 @@ const QuestionMark = ({
7717
7892
  console.warn("<QuestionMark filled /> is now deprecated, please use <QuestionMarkFill /> or refer to https://transferwise.github.io/icons/ for more info.");
7718
7893
  }
7719
7894
  return /*#__PURE__*/jsx("span", {
7720
- className: `tw-icon tw-icon-question-mark ${className ? className : ''}`,
7895
+ className: `tw-icon tw-icon-question-mark rtl-ar ${className ? className : ''}`,
7721
7896
  "data-testid": restProps['data-testid'] || 'question-mark-icon',
7722
7897
  children: /*#__PURE__*/jsx("svg", {
7723
7898
  "aria-label": title,
@@ -7752,7 +7927,7 @@ const Help = ({
7752
7927
  console.warn("<Help filled /> is now deprecated, please use <HelpFill /> or refer to https://transferwise.github.io/icons/ for more info.");
7753
7928
  }
7754
7929
  return /*#__PURE__*/jsx("span", {
7755
- className: `tw-icon tw-icon-help ${className ? className : ''}`,
7930
+ className: `tw-icon tw-icon-help rtl-ar ${className ? className : ''}`,
7756
7931
  "data-testid": restProps['data-testid'] || 'help-icon',
7757
7932
  children: /*#__PURE__*/jsx("svg", {
7758
7933
  "aria-label": title,
@@ -8587,6 +8762,45 @@ const ECommerce = ({
8587
8762
  });
8588
8763
  };
8589
8764
 
8765
+ const SimCard = ({
8766
+ className = undefined,
8767
+ isFocusable = false,
8768
+ filled = undefined,
8769
+ title = undefined,
8770
+ role = undefined,
8771
+ size = 16,
8772
+ ...restProps
8773
+ }) => {
8774
+ if (filled) {
8775
+ console.warn("<SimCard filled /> is now deprecated, please use <SimCardFill /> or refer to https://transferwise.github.io/icons/ for more info.");
8776
+ }
8777
+ return /*#__PURE__*/jsx("span", {
8778
+ className: `tw-icon tw-icon-sim-card ${className ? className : ''}`,
8779
+ "data-testid": restProps['data-testid'] || 'sim-card-icon',
8780
+ children: /*#__PURE__*/jsx("svg", {
8781
+ "aria-label": title,
8782
+ "aria-hidden": !title ? true : undefined,
8783
+ focusable: isFocusable,
8784
+ role: role ?? (title ? 'graphics-symbol img' : 'none'),
8785
+ width: String(size),
8786
+ height: String(size),
8787
+ fill: "currentColor",
8788
+ viewBox: "0 0 24 24",
8789
+ children: (Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && /*#__PURE__*/jsxs(Fragment, {
8790
+ children: [/*#__PURE__*/jsx("path", {
8791
+ fillRule: "evenodd",
8792
+ 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",
8793
+ clipRule: "evenodd"
8794
+ }), /*#__PURE__*/jsx("path", {
8795
+ fillRule: "evenodd",
8796
+ 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",
8797
+ clipRule: "evenodd"
8798
+ })]
8799
+ })
8800
+ })
8801
+ });
8802
+ };
8803
+
8590
8804
  const Slider = ({
8591
8805
  className = undefined,
8592
8806
  isFocusable = false,
@@ -10220,7 +10434,7 @@ const Switch = ({
10220
10434
  console.warn("<Switch filled /> is now deprecated, please use <SwitchFill /> or refer to https://transferwise.github.io/icons/ for more info.");
10221
10435
  }
10222
10436
  return /*#__PURE__*/jsx("span", {
10223
- className: `tw-icon tw-icon-switch ${className ? className : ''}`,
10437
+ className: `tw-icon tw-icon-switch rtl-ar rtl-he ${className ? className : ''}`,
10224
10438
  "data-testid": restProps['data-testid'] || 'switch-icon',
10225
10439
  children: /*#__PURE__*/jsx("svg", {
10226
10440
  "aria-label": title,
@@ -10504,7 +10718,7 @@ const Transfer = ({
10504
10718
  console.warn("<Transfer filled /> is now deprecated, please use <TransferFill /> or refer to https://transferwise.github.io/icons/ for more info.");
10505
10719
  }
10506
10720
  return /*#__PURE__*/jsx("span", {
10507
- className: `tw-icon tw-icon-transfer ${className ? className : ''}`,
10721
+ className: `tw-icon tw-icon-transfer rtl-ar rtl-he ${className ? className : ''}`,
10508
10722
  "data-testid": restProps['data-testid'] || 'transfer-icon',
10509
10723
  children: /*#__PURE__*/jsx("svg", {
10510
10724
  "aria-label": title,
@@ -11078,5 +11292,5 @@ const Youtube = ({
11078
11292
  });
11079
11293
  };
11080
11294
 
11081
- export { Ach, Activity, Alert, AlertCircle, AlertCircleFill, Alipay, AngryEmoji, ArrowDiagonalDown, ArrowDiagonalUp, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Atm, AutoConvert, BPay, Backpack, BackslashCircle, Balance, Bank, BankStrikethrough, BankTransfer, BarChart, Barcode, Batch, Beach, BillSplit, Bills, Bin, Book, Boxes, Briefcase, Building, Bulb, Calendar, CalendarCheck, CalendarSuccess, Camera, CameraSparkle, Car, Card, CardCvc, CardDetail, CardNumber, CardPlus, CardStrikethrough, CardTransferwise, CardWise, CashApp, CashRegister, Charity, Chat, Check, CheckCircle, CheckCircleFill, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Chip, ChipPin, ClickToPay, Clock, ClockBorderless, ClockFill, Cog, Coins, Collapse, Comments, CompactMore, Confetti, Contactless, ContractServices, Convert, CostOfGoodsSold, Cross, CrossCircle, CrossCircleFill, CrystalBall, Cs, Defrost, Delivery, Dial, DirectDebits, DiscoBall, Do, Document, Documents, Dont, Download, DriversLicense, ECommerce, EatingOut, Edit, Email, EmailAndMobile, EmailAndPhone, Emoji, Entertainment, Equals, ExchangeRate, Expand, Expenses, Eye, EyeShut, FaceId, Facebook, FacebookSquare, Family, FastFlag, Feedback, Female, FidoPasskey, Fingerprint, Fpx, Freeze, Gambling, General, GeneralFill, GiftBox, Globe, GraduationCap, Graph, Groceries, Handshake, HappyEmoji, Headset, Heart, Help, HelpCircle, Holidays, Home, House, Id, Ideal, Image, Info, InfoCircle, InfoCircleFill, InsertCard, Insights, Instagram, Insurance, Interac, Investments, Invite, Jar, Keep, Klarna, Laptop, Leaf, Lightning, LightningBolt, LightningBoltStrikethrough, Limit, Link, LinkPlus, Linkedin, List, LocationMarker, Lock, LogIn, LogOut, Mallet, Marketing, MassPayout, Menu, Messenger, Minus, MinusCircle, MinusCircleFill, Mobile, MobileLock, Money, MoneyBag, Moon, More, MultiCurrency, NavigateAway, Nearby, NeutralEmoji, New, Notification, NotificationActive, OfficeExpenses, OwnersWithdrawal, Padlock, PadlockUnlocked, Paperclip, Passport, Pause, PayIn, PayNow, Payid, Payments, Paypal, Pending, PendingCircle, People, PercentageCircle, Person, PersonPlus, PersonalCare, Pets, Phone, PhoneStrikethrough, Picture, PieChart, PiggyBank, PinCode, Pix, Plane, Play, Plus, PlusCircle, PlusCircleFill, Profile, QrCode, QuestionMark, QuestionMarkCircle, QuestionMarkCircleFill, Rain, Rainbow, Receipt, Receive, Recipients, Refresh, RefundReceive, RefundSent, Reload, Rent, RequestReceive, RequestSend, Rewards, SadEmoji, Salary, SalesAndRoyalties, Savings, ScanQrCode, ScanSparkle, Search, Send, Settings, ShareAndroid, ShareIos, Shield, ShoppingBag, Slider, Sofort, SoftwareAndHosting, SoftwareAndWebHosting, Sparkles, SpeechBubble, SpeechBubbleExclamation, SpeechBubbleMessage, SpeechBubblePending, SpeechBubbleSparkle, SpeechBubbles, SpendDirham, SpendDollar, SpendEuro, SpendForint, SpendFranc, SpendHryvnia, SpendKoruna, SpendKrone, SpendKuna, SpendLeuLei, SpendLev, SpendLira, SpendPound, SpendReal, SpendRinggit, SpendRupee, SpendRupiah, SpendYen, SpendZloty, SplitMoney, Star, StarFill, StarstruckEmoji, Stationery, Stop, Suitcase, Sun, Sunglasses, Switch, SwitchVertical, Tags, Takeaway, Target, Tax, Taxi, Team, Theme, Transfer, Transport, Travel, Trustly, Twitter, TwoStep, Unlock, Upi, Upload, UpwardGraph, Venmo, Verified, Wallet, Warning, Water, Whatsapp, Withdrawal, X, Youtube };
11295
+ export { Ach, Activity, Alert, AlertCircle, AlertCircleFill, Alipay, AngryEmoji, ArrowDiagonalDown, ArrowDiagonalUp, ArrowDown, ArrowEnd, ArrowLeft, ArrowRight, ArrowStart, ArrowUp, Atm, AutoConvert, BPay, Backpack, BackslashCircle, Balance, Bank, BankStrikethrough, BankTransfer, BarChart, Barcode, Batch, Beach, BillSplit, Bills, Bin, Book, Boxes, Briefcase, Building, Bulb, Calendar, CalendarCheck, CalendarSuccess, Camera, CameraSparkle, Car, Card, CardCvc, CardDetail, CardNumber, CardPlus, CardStrikethrough, CardTransferwise, CardWise, CashApp, CashRegister, Chair, Charity, Chat, Check, CheckCircle, CheckCircleFill, ChevronDown, ChevronEnd, ChevronLeft, ChevronRight, ChevronStart, ChevronUp, Chip, ChipPin, ClickToPay, Clock, ClockBorderless, ClockFill, Cog, Coins, Collapse, Comments, CompactMore, Confetti, Contactless, ContractServices, Convert, CostOfGoodsSold, Cross, CrossCircle, CrossCircleFill, CrystalBall, Cs, Defrost, Delivery, Dial, DirectDebits, DiscoBall, Do, Document, Documents, Dont, Download, DriversLicense, ECommerce, EatingOut, Edit, Email, EmailAndMobile, EmailAndPhone, Emoji, Entertainment, Equals, ExchangeRate, Expand, Expenses, Eye, EyeShut, FaceId, Facebook, FacebookSquare, Family, FastFlag, Feedback, Female, FidoPasskey, Fingerprint, Fpx, Freeze, Gambling, General, GeneralFill, GiftBox, Globe, GraduationCap, Graph, Groceries, Handshake, HappyEmoji, Headset, Heart, Help, HelpCircle, Holidays, Home, House, Id, Ideal, Image, Info, InfoCircle, InfoCircleFill, InsertCard, Insights, Instagram, Insurance, Interac, Investments, Invite, Jar, Keep, Klarna, Laptop, Leaf, Lightning, LightningBolt, LightningBoltStrikethrough, Limit, Link, LinkPlus, Linkedin, List, LocationMarker, Lock, LogIn, LogOut, Mallet, Marketing, MassPayout, Menu, Messenger, Minus, MinusCircle, MinusCircleFill, Mobile, MobileLock, Money, MoneyBag, Moon, More, MultiCurrency, NavigateAway, Nearby, NeutralEmoji, New, Notification, NotificationActive, OfficeExpenses, OwnersWithdrawal, Padlock, PadlockUnlocked, Paperclip, Passport, Pause, PayIn, PayNow, Payid, Payments, Paypal, Pending, PendingCircle, People, PercentageCircle, Person, PersonPlus, PersonalCare, Pets, Phone, PhoneStrikethrough, Picture, PieChart, PiggyBank, PinCode, Pix, Plane, Play, Plus, PlusCircle, PlusCircleFill, Profile, QrCode, QuestionMark, QuestionMarkCircle, QuestionMarkCircleFill, Rain, Rainbow, Receipt, Receive, Recipients, Refresh, RefundReceive, RefundSent, Reload, Rent, RequestReceive, RequestSend, Rewards, SadEmoji, Salary, SalesAndRoyalties, Savings, ScanQrCode, ScanSparkle, Search, Send, Settings, ShareAndroid, ShareIos, Shield, ShoppingBag, SimCard, Slider, Sofort, SoftwareAndHosting, SoftwareAndWebHosting, Sparkles, SpeechBubble, SpeechBubbleExclamation, SpeechBubbleMessage, SpeechBubblePending, SpeechBubbleSparkle, SpeechBubbles, SpendDirham, SpendDollar, SpendEuro, SpendForint, SpendFranc, SpendHryvnia, SpendKoruna, SpendKrone, SpendKuna, SpendLeuLei, SpendLev, SpendLira, SpendPound, SpendReal, SpendRinggit, SpendRupee, SpendRupiah, SpendYen, SpendZloty, SplitMoney, Star, StarFill, StarstruckEmoji, Stationery, Stop, Suitcase, Sun, Sunglasses, Switch, SwitchVertical, Tags, Takeaway, Target, Tax, Taxi, Team, Theme, Transfer, Transport, Travel, Trustly, Twitter, TwoStep, Unlock, Upi, Upload, UpwardGraph, Venmo, Verified, Wallet, Warning, Water, Whatsapp, Withdrawal, X, Youtube };
11082
11296
  //# sourceMappingURL=index.esm.js.map