@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/build/components/camera-sparkle.tsx +52 -0
- package/build/components/phone-strikethrough.tsx +52 -0
- package/build/components/speech-bubble-sparkle.tsx +52 -0
- package/build/icons.json +21 -0
- package/build/index.ts +3 -0
- package/lib/components/camera-sparkle.d.ts +13 -0
- package/lib/components/camera-sparkle.d.ts.map +1 -0
- package/lib/components/phone-strikethrough.d.ts +13 -0
- package/lib/components/phone-strikethrough.d.ts.map +1 -0
- package/lib/components/speech-bubble-sparkle.d.ts +13 -0
- package/lib/components/speech-bubble-sparkle.d.ts.map +1 -0
- package/lib/index.d.ts +3 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.esm.js +112 -1
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +114 -0
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
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;
|