@transferwise/icons 4.1.0 → 4.3.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/phone-strikethrough.tsx +52 -0
- package/build/components/scan-sparkle.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/phone-strikethrough.d.ts +13 -0
- package/lib/components/phone-strikethrough.d.ts.map +1 -0
- package/lib/components/scan-sparkle.d.ts +13 -0
- package/lib/components/scan-sparkle.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
|
@@ -6895,6 +6895,43 @@ const Pets = ({
|
|
|
6895
6895
|
});
|
|
6896
6896
|
};
|
|
6897
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
|
+
|
|
6898
6935
|
const Phone = ({
|
|
6899
6936
|
className = undefined,
|
|
6900
6937
|
isFocusable = false,
|
|
@@ -7984,6 +8021,45 @@ const ScanQrCode = ({
|
|
|
7984
8021
|
});
|
|
7985
8022
|
};
|
|
7986
8023
|
|
|
8024
|
+
const ScanSparkle = ({
|
|
8025
|
+
className = undefined,
|
|
8026
|
+
isFocusable = false,
|
|
8027
|
+
filled = undefined,
|
|
8028
|
+
title = undefined,
|
|
8029
|
+
role = undefined,
|
|
8030
|
+
size = 16,
|
|
8031
|
+
...restProps
|
|
8032
|
+
}) => {
|
|
8033
|
+
if (filled) {
|
|
8034
|
+
console.warn("<ScanSparkle filled /> is now deprecated, please use <ScanSparkleFill /> or refer to https://transferwise.github.io/icons/ for more info.");
|
|
8035
|
+
}
|
|
8036
|
+
return /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
8037
|
+
className: `tw-icon tw-icon-scan-sparkle ${className ? className : ''}`,
|
|
8038
|
+
"data-testid": restProps['data-testid'] || 'scan-sparkle-icon',
|
|
8039
|
+
children: /*#__PURE__*/jsxRuntime.jsx("svg", {
|
|
8040
|
+
"aria-label": title,
|
|
8041
|
+
"aria-hidden": !title ? true : undefined,
|
|
8042
|
+
focusable: isFocusable,
|
|
8043
|
+
role: role ?? (title ? 'graphics-symbol img' : 'none'),
|
|
8044
|
+
width: String(size),
|
|
8045
|
+
height: String(size),
|
|
8046
|
+
fill: "currentColor",
|
|
8047
|
+
viewBox: "0 0 24 24",
|
|
8048
|
+
children: (Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
8049
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("path", {
|
|
8050
|
+
d: "M5 19h4v2H5a2 2 0 0 1-2-2v-5h2zM21 19a2 2 0 0 1-2 2h-4v-2h4v-5h2z"
|
|
8051
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
8052
|
+
fillRule: "evenodd",
|
|
8053
|
+
d: "M14 8a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2zm-4 6h4v-4h-4z",
|
|
8054
|
+
clipRule: "evenodd"
|
|
8055
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
8056
|
+
d: "M9 5H5v5H3V5a2 2 0 0 1 2-2h4zM17.772 1.512a.25.25 0 0 1 .457 0l.966 2.166c.025.056.071.101.127.127l2.166.966a.25.25 0 0 1 0 .457l-2.166.968a.25.25 0 0 0-.127.126L18.23 8.49a.25.25 0 0 1-.457 0l-.967-2.167a.25.25 0 0 0-.127-.126l-2.166-.968a.25.25 0 0 1 0-.457l2.166-.966a.25.25 0 0 0 .127-.127z"
|
|
8057
|
+
})]
|
|
8058
|
+
})
|
|
8059
|
+
})
|
|
8060
|
+
});
|
|
8061
|
+
};
|
|
8062
|
+
|
|
7987
8063
|
const Search = ({
|
|
7988
8064
|
className = undefined,
|
|
7989
8065
|
isFocusable = false,
|
|
@@ -8544,6 +8620,41 @@ const Pending = ({
|
|
|
8544
8620
|
});
|
|
8545
8621
|
};
|
|
8546
8622
|
|
|
8623
|
+
const SpeechBubbleSparkle = ({
|
|
8624
|
+
className = undefined,
|
|
8625
|
+
isFocusable = false,
|
|
8626
|
+
filled = undefined,
|
|
8627
|
+
title = undefined,
|
|
8628
|
+
role = undefined,
|
|
8629
|
+
size = 16,
|
|
8630
|
+
...restProps
|
|
8631
|
+
}) => {
|
|
8632
|
+
if (filled) {
|
|
8633
|
+
console.warn("<SpeechBubbleSparkle filled /> is now deprecated, please use <SpeechBubbleSparkleFill /> or refer to https://transferwise.github.io/icons/ for more info.");
|
|
8634
|
+
}
|
|
8635
|
+
return /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
8636
|
+
className: `tw-icon tw-icon-speech-bubble-sparkle ${className ? className : ''}`,
|
|
8637
|
+
"data-testid": restProps['data-testid'] || 'speech-bubble-sparkle-icon',
|
|
8638
|
+
children: /*#__PURE__*/jsxRuntime.jsx("svg", {
|
|
8639
|
+
"aria-label": title,
|
|
8640
|
+
"aria-hidden": !title ? true : undefined,
|
|
8641
|
+
focusable: isFocusable,
|
|
8642
|
+
role: role ?? (title ? 'graphics-symbol img' : 'none'),
|
|
8643
|
+
width: String(size),
|
|
8644
|
+
height: String(size),
|
|
8645
|
+
fill: "currentColor",
|
|
8646
|
+
viewBox: "0 0 24 24",
|
|
8647
|
+
children: (Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
8648
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("path", {
|
|
8649
|
+
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"
|
|
8650
|
+
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
8651
|
+
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"
|
|
8652
|
+
})]
|
|
8653
|
+
})
|
|
8654
|
+
})
|
|
8655
|
+
});
|
|
8656
|
+
};
|
|
8657
|
+
|
|
8547
8658
|
const SpeechBubble = ({
|
|
8548
8659
|
className = undefined,
|
|
8549
8660
|
isFocusable = false,
|
|
@@ -10808,6 +10919,7 @@ exports.Person = Person;
|
|
|
10808
10919
|
exports.PersonalCare = PersonalCare;
|
|
10809
10920
|
exports.Pets = Pets;
|
|
10810
10921
|
exports.Phone = Phone;
|
|
10922
|
+
exports.PhoneStrikethrough = PhoneStrikethrough;
|
|
10811
10923
|
exports.Picture = Picture;
|
|
10812
10924
|
exports.PieChart = PieChart;
|
|
10813
10925
|
exports.PiggyBank = PiggyBank;
|
|
@@ -10841,6 +10953,7 @@ exports.Salary = Salary;
|
|
|
10841
10953
|
exports.SalesAndRoyalties = SalesAndRoyalties;
|
|
10842
10954
|
exports.Savings = Savings;
|
|
10843
10955
|
exports.ScanQrCode = ScanQrCode;
|
|
10956
|
+
exports.ScanSparkle = ScanSparkle;
|
|
10844
10957
|
exports.Search = Search;
|
|
10845
10958
|
exports.Send = Send;
|
|
10846
10959
|
exports.Settings = Settings;
|
|
@@ -10856,6 +10969,7 @@ exports.SpeechBubble = SpeechBubble;
|
|
|
10856
10969
|
exports.SpeechBubbleExclamation = SpeechBubbleExclamation;
|
|
10857
10970
|
exports.SpeechBubbleMessage = SpeechBubbleMessage;
|
|
10858
10971
|
exports.SpeechBubblePending = SpeechBubblePending;
|
|
10972
|
+
exports.SpeechBubbleSparkle = SpeechBubbleSparkle;
|
|
10859
10973
|
exports.SpeechBubbles = SpeechBubbles;
|
|
10860
10974
|
exports.SpendDirham = SpendDirham;
|
|
10861
10975
|
exports.SpendDollar = SpendDollar;
|