@transferwise/icons 4.0.2 → 4.2.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.
package/lib/index.js CHANGED
@@ -1330,6 +1330,45 @@ const Calendar = ({
1330
1330
  });
1331
1331
  };
1332
1332
 
1333
+ const CameraSparkle = ({
1334
+ className = undefined,
1335
+ isFocusable = false,
1336
+ filled = undefined,
1337
+ title = undefined,
1338
+ role = undefined,
1339
+ size = 16,
1340
+ ...restProps
1341
+ }) => {
1342
+ if (filled) {
1343
+ console.warn("<CameraSparkle filled /> is now deprecated, please use <CameraSparkleFill /> or refer to https://transferwise.github.io/icons/ for more info.");
1344
+ }
1345
+ return /*#__PURE__*/jsxRuntime.jsx("span", {
1346
+ className: `tw-icon tw-icon-camera-sparkle ${className ? className : ''}`,
1347
+ "data-testid": restProps['data-testid'] || 'camera-sparkle-icon',
1348
+ children: /*#__PURE__*/jsxRuntime.jsx("svg", {
1349
+ "aria-label": title,
1350
+ "aria-hidden": !title ? true : undefined,
1351
+ focusable: isFocusable,
1352
+ role: role ?? (title ? 'graphics-symbol img' : 'none'),
1353
+ width: String(size),
1354
+ height: String(size),
1355
+ fill: "currentColor",
1356
+ viewBox: "0 0 24 24",
1357
+ children: (Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
1358
+ children: [/*#__PURE__*/jsxRuntime.jsx("path", {
1359
+ d: "M7.06 3a1 1 0 0 1 1 1H14v2H4v12h16v-7h2v7a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h.06a1 1 0 0 1 1-1z"
1360
+ }), /*#__PURE__*/jsxRuntime.jsx("path", {
1361
+ fillRule: "evenodd",
1362
+ d: "M12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8m0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4",
1363
+ clipRule: "evenodd"
1364
+ }), /*#__PURE__*/jsxRuntime.jsx("path", {
1365
+ d: "M18.272 3.512a.25.25 0 0 1 .457 0l.966 2.166c.025.056.071.102.127.127l2.166.966a.25.25 0 0 1 0 .458l-2.166.966a.25.25 0 0 0-.127.127l-.966 2.166a.25.25 0 0 1-.457 0l-.967-2.166a.25.25 0 0 0-.127-.127l-2.166-.966a.25.25 0 0 1 0-.458l2.166-.966a.25.25 0 0 0 .127-.127z"
1366
+ })]
1367
+ })
1368
+ })
1369
+ });
1370
+ };
1371
+
1333
1372
  const Camera = ({
1334
1373
  className = undefined,
1335
1374
  isFocusable = false,
@@ -6856,6 +6895,43 @@ const Pets = ({
6856
6895
  });
6857
6896
  };
6858
6897
 
6898
+ const PhoneStrikethrough = ({
6899
+ className = undefined,
6900
+ isFocusable = false,
6901
+ filled = undefined,
6902
+ title = undefined,
6903
+ role = undefined,
6904
+ size = 16,
6905
+ ...restProps
6906
+ }) => {
6907
+ if (filled) {
6908
+ console.warn("<PhoneStrikethrough filled /> is now deprecated, please use <PhoneStrikethroughFill /> or refer to https://transferwise.github.io/icons/ for more info.");
6909
+ }
6910
+ return /*#__PURE__*/jsxRuntime.jsx("span", {
6911
+ className: `tw-icon tw-icon-phone-strikethrough ${className ? className : ''}`,
6912
+ "data-testid": restProps['data-testid'] || 'phone-strikethrough-icon',
6913
+ children: /*#__PURE__*/jsxRuntime.jsx("svg", {
6914
+ "aria-label": title,
6915
+ "aria-hidden": !title ? true : undefined,
6916
+ focusable: isFocusable,
6917
+ role: role ?? (title ? 'graphics-symbol img' : 'none'),
6918
+ width: String(size),
6919
+ height: String(size),
6920
+ fill: "currentColor",
6921
+ viewBox: "0 0 24 24",
6922
+ children: (Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
6923
+ children: [/*#__PURE__*/jsxRuntime.jsx("path", {
6924
+ fillRule: "evenodd",
6925
+ d: "m21.41 4.293-8.595 8.594 1.05 1.05a.01.01 0 0 0 .015 0l1.753-1.748a1 1 0 0 1 1.413.001l4.243 4.244a1 1 0 0 1 0 1.414l-1.414 1.414a7 7 0 0 1-9.9 0l-1.767-1.767-4.794 4.794L2 20.875 19.996 2.879zM9.622 16.08l1.768 1.767a5 5 0 0 0 7.07 0l.708-.707-2.828-2.828-1.046 1.038a2.01 2.01 0 0 1-2.843 0l-1.05-1.05z",
6926
+ clipRule: "evenodd"
6927
+ }), /*#__PURE__*/jsxRuntime.jsx("path", {
6928
+ d: "M5.733 2.293a1 1 0 0 1 1.414 0l4.242 4.24a1 1 0 0 1-.001 1.416L9.637 9.694a.01.01 0 0 0 0 .015l.44.44-1.414 1.414-.44-.44a2.01 2.01 0 0 1 0-2.843l1.046-1.038L6.44 4.414l-.707.707a5 5 0 0 0 0 7.071l1.15 1.15-1.413 1.415-1.152-1.15a7 7 0 0 1 .001-9.901z"
6929
+ })]
6930
+ })
6931
+ })
6932
+ });
6933
+ };
6934
+
6859
6935
  const Phone = ({
6860
6936
  className = undefined,
6861
6937
  isFocusable = false,
@@ -8505,6 +8581,41 @@ const Pending = ({
8505
8581
  });
8506
8582
  };
8507
8583
 
8584
+ const SpeechBubbleSparkle = ({
8585
+ className = undefined,
8586
+ isFocusable = false,
8587
+ filled = undefined,
8588
+ title = undefined,
8589
+ role = undefined,
8590
+ size = 16,
8591
+ ...restProps
8592
+ }) => {
8593
+ if (filled) {
8594
+ console.warn("<SpeechBubbleSparkle filled /> is now deprecated, please use <SpeechBubbleSparkleFill /> or refer to https://transferwise.github.io/icons/ for more info.");
8595
+ }
8596
+ return /*#__PURE__*/jsxRuntime.jsx("span", {
8597
+ className: `tw-icon tw-icon-speech-bubble-sparkle ${className ? className : ''}`,
8598
+ "data-testid": restProps['data-testid'] || 'speech-bubble-sparkle-icon',
8599
+ children: /*#__PURE__*/jsxRuntime.jsx("svg", {
8600
+ "aria-label": title,
8601
+ "aria-hidden": !title ? true : undefined,
8602
+ focusable: isFocusable,
8603
+ role: role ?? (title ? 'graphics-symbol img' : 'none'),
8604
+ width: String(size),
8605
+ height: String(size),
8606
+ fill: "currentColor",
8607
+ viewBox: "0 0 24 24",
8608
+ children: (Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
8609
+ children: [/*#__PURE__*/jsxRuntime.jsx("path", {
8610
+ d: "M12 2q.775 0 1.519.114a6 6 0 0 0-1.718 1.89A7.998 7.998 0 0 0 5.029 15.93c.128.226.164.493.1.745l-.758 2.988 3.133-.712a1 1 0 0 1 .703.096A7.96 7.96 0 0 0 12 20a7.997 7.997 0 0 0 7.994-7.802 6 6 0 0 0 1.89-1.718Q22 11.224 22 12c0 5.523-4.477 10-10 10a10 10 0 0 1-4.404-1.02l-4.359.992a1.01 1.01 0 0 1-1.202-1.234l1.06-4.182A9.96 9.96 0 0 1 2 12C2 6.477 6.477 2 12 2"
8611
+ }), /*#__PURE__*/jsxRuntime.jsx("path", {
8612
+ d: "M17.295 2.46a.225.225 0 0 1 .41 0l1.149 2.572c.022.05.063.092.114.114l2.572 1.149c.177.08.177.33 0 .41l-2.572 1.149a.23.23 0 0 0-.114.114l-1.149 2.572a.225.225 0 0 1-.41 0l-1.149-2.572a.23.23 0 0 0-.114-.114L13.46 6.705a.225.225 0 0 1 0-.41l2.572-1.149a.23.23 0 0 0 .114-.114z"
8613
+ })]
8614
+ })
8615
+ })
8616
+ });
8617
+ };
8618
+
8508
8619
  const SpeechBubble = ({
8509
8620
  className = undefined,
8510
8621
  isFocusable = false,
@@ -10606,6 +10717,7 @@ exports.Calendar = Calendar;
10606
10717
  exports.CalendarCheck = CalendarCheck;
10607
10718
  exports.CalendarSuccess = CalendarSuccess;
10608
10719
  exports.Camera = Camera;
10720
+ exports.CameraSparkle = CameraSparkle;
10609
10721
  exports.Car = Car;
10610
10722
  exports.Card = Card;
10611
10723
  exports.CardCvc = CardCvc;
@@ -10768,6 +10880,7 @@ exports.Person = Person;
10768
10880
  exports.PersonalCare = PersonalCare;
10769
10881
  exports.Pets = Pets;
10770
10882
  exports.Phone = Phone;
10883
+ exports.PhoneStrikethrough = PhoneStrikethrough;
10771
10884
  exports.Picture = Picture;
10772
10885
  exports.PieChart = PieChart;
10773
10886
  exports.PiggyBank = PiggyBank;
@@ -10816,6 +10929,7 @@ exports.SpeechBubble = SpeechBubble;
10816
10929
  exports.SpeechBubbleExclamation = SpeechBubbleExclamation;
10817
10930
  exports.SpeechBubbleMessage = SpeechBubbleMessage;
10818
10931
  exports.SpeechBubblePending = SpeechBubblePending;
10932
+ exports.SpeechBubbleSparkle = SpeechBubbleSparkle;
10819
10933
  exports.SpeechBubbles = SpeechBubbles;
10820
10934
  exports.SpendDirham = SpendDirham;
10821
10935
  exports.SpendDollar = SpendDollar;