@transferwise/icons 3.13.1 → 3.15.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/README.md +2 -0
- package/build/angular/components/icon.component.ts +3 -0
- package/build/angular/components/pay-now-icon.component.ts +19 -0
- package/build/angular/components/payid-icon.component.ts +19 -0
- package/build/angular/components/switch-vertical-icon.component.ts +19 -0
- package/build/angular/index.ts +6 -0
- package/build/components/pay-now.tsx +58 -0
- package/build/components/payid.tsx +57 -0
- package/build/components/switch-vertical.tsx +57 -0
- package/build/icons.json +21 -0
- package/build/index.ts +3 -0
- package/lib/angular/components/icon.component.d.ts.map +1 -1
- package/lib/angular/components/pay-now-icon.component.d.ts +7 -0
- package/lib/angular/components/pay-now-icon.component.d.ts.map +1 -0
- package/lib/angular/components/payid-icon.component.d.ts +7 -0
- package/lib/angular/components/payid-icon.component.d.ts.map +1 -0
- package/lib/angular/components/switch-vertical-icon.component.d.ts +7 -0
- package/lib/angular/components/switch-vertical-icon.component.d.ts.map +1 -0
- package/lib/angular/index.d.ts.map +1 -1
- package/lib/angular/index.js +64 -1
- package/lib/angular/index.js.map +1 -1
- package/lib/components/pay-now.d.ts +14 -0
- package/lib/components/pay-now.d.ts.map +1 -0
- package/lib/components/payid.d.ts +14 -0
- package/lib/components/payid.d.ts.map +1 -0
- package/lib/components/switch-vertical.d.ts +14 -0
- package/lib/components/switch-vertical.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 +108 -1
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +110 -0
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
@@ -147,6 +147,8 @@ By default icon will be removed from accessibility tree as [`aria-hidden="true"`
|
|
147
147
|
Add / remove / change icon(s) in the [wise-atoms](https://github.com/transferwise/wise-atoms) project and then consume here.
|
148
148
|
wise-atoms is a submodule so use `--recursive` when cloning or fix it later [like this](https://stackoverflow.com/a/11358126/1516487)
|
149
149
|
|
150
|
+
If you are confused about how to update submodules then check [here](https://stackoverflow.com/questions/5828324/update-git-submodule-to-latest-commit-on-origin)
|
151
|
+
|
150
152
|
Follow the **naming convention**, use **kebab-case** for naming the icon.
|
151
153
|
|
152
154
|
The build process for parsing, optimizing and generating individual icon components out of SVG files is done by script files, that you can find the in the `src/build-scripts` folder.
|
@@ -186,6 +186,8 @@ export const IconComponent = {
|
|
186
186
|
<tw-pause-icon ng-switch-when="pause" size="$ctrl.size"></tw-pause-icon>
|
187
187
|
<tw-pay-in-icon ng-switch-when="pay-in" size="$ctrl.size"></tw-pay-in-icon>
|
188
188
|
<tw-salary-icon ng-switch-when="salary" size="$ctrl.size"></tw-salary-icon>
|
189
|
+
<tw-pay-now-icon ng-switch-when="pay-now" size="$ctrl.size"></tw-pay-now-icon>
|
190
|
+
<tw-payid-icon ng-switch-when="payid" size="$ctrl.size"></tw-payid-icon>
|
189
191
|
<tw-payments-icon ng-switch-when="payments" size="$ctrl.size"></tw-payments-icon>
|
190
192
|
<tw-paypal-icon ng-switch-when="paypal" size="$ctrl.size"></tw-paypal-icon>
|
191
193
|
<tw-people-icon ng-switch-when="people" size="$ctrl.size"></tw-people-icon>
|
@@ -273,6 +275,7 @@ export const IconComponent = {
|
|
273
275
|
<tw-suitcase-icon ng-switch-when="suitcase" size="$ctrl.size"></tw-suitcase-icon>
|
274
276
|
<tw-travel-icon ng-switch-when="travel" size="$ctrl.size"></tw-travel-icon>
|
275
277
|
<tw-sunglasses-icon ng-switch-when="sunglasses" size="$ctrl.size"></tw-sunglasses-icon>
|
278
|
+
<tw-switch-vertical-icon ng-switch-when="switch-vertical" size="$ctrl.size"></tw-switch-vertical-icon>
|
276
279
|
<tw-switch-icon ng-switch-when="switch" size="$ctrl.size"></tw-switch-icon>
|
277
280
|
<tw-takeaway-icon ng-switch-when="takeaway" size="$ctrl.size"></tw-takeaway-icon>
|
278
281
|
<tw-target-icon ng-switch-when="target" size="$ctrl.size"></tw-target-icon>
|
@@ -0,0 +1,19 @@
|
|
1
|
+
// This is an automatically generated file, please don't edit it
|
2
|
+
export const PayNowIconComponent = {
|
3
|
+
template: `
|
4
|
+
<span ng-switch="$ctrl.size" class="tw-icon tw-icon-pay-now">
|
5
|
+
<svg ng-switch-when="32" width="32" height="32" viewBox="0 0 24 24" fill="currentColor">
|
6
|
+
<path d="M8.773 9.602c.222.01.445.01.668 0 .035 0 .103-.091.093-.12-.11-.366-.228-.727-.35-1.104l-.024-.072-.058.029c-.017.008-.024.011-.026.017l-.064.178c-.116.317-.231.636-.338.955-.008.028.063.114.099.117ZM5.033 8.077c0-.157 0-.24.04-.281.045-.045.138-.043.33-.039.07.002.153.003.25.003.387 0 .615.392.446.739a.462.462 0 0 1-.425.28H5.55l-.196.001c-.156.002-.237.003-.28-.038-.046-.044-.046-.138-.044-.337l.001-.146c.002-.07.002-.13.002-.182Z"/><path fill-rule="evenodd" d="M5.143 1.714a3.429 3.429 0 0 0-3.429 3.429v13.714a3.429 3.429 0 0 0 3.429 3.429h13.714a3.429 3.429 0 0 0 3.429-3.429V5.143a3.429 3.429 0 0 0-3.429-3.429H5.143Zm7.718 10.048c.192-.255.263-.26.49-.04a3.106 3.106 0 0 1 .696 3.438 3.087 3.087 0 0 1-3.01 1.867c-1.46-.069-2.654-1.078-2.912-2.525-.263-1.465.483-2.773 1.743-3.365a.814.814 0 0 1 .05-.02c.089-.034.187-.071.13-.2a.811.811 0 0 1-.042-.132c-.035-.139-.071-.279-.29-.275-.41.005-.822 0-1.232-.005-.131-.003-.2.053-.248.172-.214.526-.217.526-.788.526h-.019c-.267.001-.39.002-.425-.053-.03-.048.006-.136.073-.301l.049-.122c.465-1.173.928-2.347 1.391-3.521l.002-.004c.122-.31.126-.32.466-.312.12.002.215 0 .292-.002.144-.003.225-.005.284.03.075.044.114.148.203.384l.006.017.06.158.215.56c.326.847.652 1.696.972 2.549.075.207.187.3.412.286.103-.008.21.014.314.037h.001l.077.016c.122.025.19-.013.19-.142l.001-.21c.003-.346.005-.692-.001-1.042a.59.59 0 0 0-.092-.245l-.012-.02c-.198-.355-.398-.709-.597-1.062v-.001c-.2-.353-.399-.706-.597-1.06a2.229 2.229 0 0 1-.06-.123 6.057 6.057 0 0 0-.056-.12l.303-.001c.285-.002.548-.004.81.011.065.005.152.111.19.19.117.24.23.484.344.727l.003.007c.07.151.14.302.212.452.018.038.05.069.082.1a.84.84 0 0 1 .044.044 1.11 1.11 0 0 1 .035-.04.467.467 0 0 0 .076-.099c.195-.4.39-.8.575-1.201.06-.134.146-.185.29-.183.23.006.458.005.704.004l.319-.001-.053.1-.011.022a5.566 5.566 0 0 1-.07.131l-.288.498-.002.003v.002l-.01.016c-.313.542-.626 1.084-.932 1.629a.812.812 0 0 0-.097.351 33.36 33.36 0 0 0-.015 1.331c.003.175-.055.263-.24.246-.114-.01-.205.022-.24.146-.005.013-.01.026-.02.036l-.066.091c-.158.222-.226.317-.314.341-.066.018-.144-.004-.28-.044-.047-.014-.1-.03-.163-.047a2.27 2.27 0 0 0-2.778 1.518 2.243 2.243 0 0 0 1.422 2.783c.89.311 1.705.126 2.366-.536.66-.663.824-1.47.533-2.36a.388.388 0 0 0-.086-.129.824.824 0 0 1-.05-.062c-.02.018-.04.034-.06.05l-.002.001a.519.519 0 0 0-.103.096c-.52.703-1.04 1.406-1.558 2.11-.2.27-.263.27-.48.005l-.034-.04c-.383-.47-.767-.94-1.15-1.412-.173-.213-.173-.268-.008-.49l.058-.08c.059-.08.117-.161.18-.237.121-.152.204-.154.333-.002.149.177.295.356.441.535l.22.269c.164.202.18.202.329 0 .25-.336.5-.673.752-1.009l.753-1.01Zm7.03.165h-.004c-.136 0-.273.001-.408-.005-.162-.008-.253.048-.309.207-.238.668-.482 1.332-.727 1.998l-.077.21a1.93 1.93 0 0 1-.077.174v.003c-.02.041-.043.088-.067.143a6.162 6.162 0 0 0-.055-.121l-.002-.003a1.618 1.618 0 0 1-.06-.14l-.049-.136a5.312 5.312 0 0 1-.17-.534.783.783 0 0 1 0-.397c.108-.347.236-.691.364-1.032l.06-.162c.06-.162.005-.22-.154-.218h-.162c-.204 0-.408.001-.61-.005-.157-.005-.235.058-.283.21-.24.774-.488 1.549-.739 2.32a.328.328 0 0 1-.064.096.71.71 0 0 0-.034.043.797.797 0 0 0-.035-.046.348.348 0 0 1-.062-.095c-.258-.77-.513-1.539-.764-2.31-.053-.162-.136-.24-.316-.23a7.263 7.263 0 0 1-.425.001 11.14 11.14 0 0 0-.283-.001c-.197.002-.22.038-.147.225l.678 1.789.046.123.632 1.667.04.11c.091.241.13.347.205.391.058.035.137.033.276.031.065-.001.143-.002.238 0 .374.007.382-.005.513-.347.065-.171.132-.342.2-.513l.006-.018.131-.334.08-.008.06.148c.061.152.122.304.181.457.045.115.078.208.106.285.064.178.094.263.155.303.055.038.135.037.29.037.092 0 .21 0 .365.007.175.008.268-.068.329-.225.177-.453.36-.9.544-1.35.194-.475.39-.949.587-1.423l.04-.098.39-.941c.101-.25.078-.283-.198-.286h-.235Zm-12.388-.07c-.203.004-.405.01-.605-.003-.192-.013-.255.065-.255.253 0 .493-.007.987-.013 1.481l-.005.37c0 .055-.01.108-.021.162v.002a2.22 2.22 0 0 0-.012.062l-.056.01a3.616 3.616 0 0 0-.042-.059l-.001-.002a2.023 2.023 0 0 1-.08-.116l-.41-.66-.01-.014c-.27-.435-.541-.87-.81-1.307-.081-.134-.177-.198-.337-.192-.25.007-.5.005-.751-.003-.15-.005-.215.053-.215.205-.005 1.303-.013 2.606-.023 3.911 0 .152.069.212.215.21.195-.005.39-.01.585.005.205.015.263-.066.263-.263-.002-.572.004-1.145.011-1.717l.004-.342c0-.048.009-.097.018-.146.004-.025.009-.051.012-.077l.059-.01c.045.066.09.131.131.197.429.712.855 1.423 1.281 2.134l.008.013c.067.112.131.219.295.216.257-.008.515-.003.77.003h.001c.134.002.187-.061.187-.19.006-1.31.013-2.621.023-3.931 0-.157-.073-.208-.217-.203Zm-3.367-.669c.215-.01.432-.007.647.003.175.01.235-.063.235-.23 0-.164.001-.328.003-.491.003-.19.005-.38.003-.57-.003-.166.058-.237.232-.232.256.01.516.013.772-.003.713-.043 1.262-.67 1.25-1.414-.013-.756-.59-1.371-1.308-1.381-.28-.005-.562-.005-.843-.005h-.001c-.317 0-.634-.001-.95-.008-.185-.002-.243.069-.24.246.005.455.004.91.003 1.366v.546h-.021v.555c.002.46.003.92-.003 1.38-.007.17.043.246.22.238Z" clip-rule="evenodd"/>
|
7
|
+
</svg>
|
8
|
+
<svg ng-switch-when="24" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
|
9
|
+
<path d="M8.773 9.602c.222.01.445.01.668 0 .035 0 .103-.091.093-.12-.11-.366-.228-.727-.35-1.104l-.024-.072-.058.029c-.017.008-.024.011-.026.017l-.064.178c-.116.317-.231.636-.338.955-.008.028.063.114.099.117ZM5.033 8.077c0-.157 0-.24.04-.281.045-.045.138-.043.33-.039.07.002.153.003.25.003.387 0 .615.392.446.739a.462.462 0 0 1-.425.28H5.55l-.196.001c-.156.002-.237.003-.28-.038-.046-.044-.046-.138-.044-.337l.001-.146c.002-.07.002-.13.002-.182Z"/><path fill-rule="evenodd" d="M5.143 1.714a3.429 3.429 0 0 0-3.429 3.429v13.714a3.429 3.429 0 0 0 3.429 3.429h13.714a3.429 3.429 0 0 0 3.429-3.429V5.143a3.429 3.429 0 0 0-3.429-3.429H5.143Zm7.718 10.048c.192-.255.263-.26.49-.04a3.106 3.106 0 0 1 .696 3.438 3.087 3.087 0 0 1-3.01 1.867c-1.46-.069-2.654-1.078-2.912-2.525-.263-1.465.483-2.773 1.743-3.365a.814.814 0 0 1 .05-.02c.089-.034.187-.071.13-.2a.811.811 0 0 1-.042-.132c-.035-.139-.071-.279-.29-.275-.41.005-.822 0-1.232-.005-.131-.003-.2.053-.248.172-.214.526-.217.526-.788.526h-.019c-.267.001-.39.002-.425-.053-.03-.048.006-.136.073-.301l.049-.122c.465-1.173.928-2.347 1.391-3.521l.002-.004c.122-.31.126-.32.466-.312.12.002.215 0 .292-.002.144-.003.225-.005.284.03.075.044.114.148.203.384l.006.017.06.158.215.56c.326.847.652 1.696.972 2.549.075.207.187.3.412.286.103-.008.21.014.314.037h.001l.077.016c.122.025.19-.013.19-.142l.001-.21c.003-.346.005-.692-.001-1.042a.59.59 0 0 0-.092-.245l-.012-.02c-.198-.355-.398-.709-.597-1.062v-.001c-.2-.353-.399-.706-.597-1.06a2.229 2.229 0 0 1-.06-.123 6.057 6.057 0 0 0-.056-.12l.303-.001c.285-.002.548-.004.81.011.065.005.152.111.19.19.117.24.23.484.344.727l.003.007c.07.151.14.302.212.452.018.038.05.069.082.1a.84.84 0 0 1 .044.044 1.11 1.11 0 0 1 .035-.04.467.467 0 0 0 .076-.099c.195-.4.39-.8.575-1.201.06-.134.146-.185.29-.183.23.006.458.005.704.004l.319-.001-.053.1-.011.022a5.566 5.566 0 0 1-.07.131l-.288.498-.002.003v.002l-.01.016c-.313.542-.626 1.084-.932 1.629a.812.812 0 0 0-.097.351 33.36 33.36 0 0 0-.015 1.331c.003.175-.055.263-.24.246-.114-.01-.205.022-.24.146-.005.013-.01.026-.02.036l-.066.091c-.158.222-.226.317-.314.341-.066.018-.144-.004-.28-.044-.047-.014-.1-.03-.163-.047a2.27 2.27 0 0 0-2.778 1.518 2.243 2.243 0 0 0 1.422 2.783c.89.311 1.705.126 2.366-.536.66-.663.824-1.47.533-2.36a.388.388 0 0 0-.086-.129.824.824 0 0 1-.05-.062c-.02.018-.04.034-.06.05l-.002.001a.519.519 0 0 0-.103.096c-.52.703-1.04 1.406-1.558 2.11-.2.27-.263.27-.48.005l-.034-.04c-.383-.47-.767-.94-1.15-1.412-.173-.213-.173-.268-.008-.49l.058-.08c.059-.08.117-.161.18-.237.121-.152.204-.154.333-.002.149.177.295.356.441.535l.22.269c.164.202.18.202.329 0 .25-.336.5-.673.752-1.009l.753-1.01Zm7.03.165h-.004c-.136 0-.273.001-.408-.005-.162-.008-.253.048-.309.207-.238.668-.482 1.332-.727 1.998l-.077.21a1.93 1.93 0 0 1-.077.174v.003c-.02.041-.043.088-.067.143a6.162 6.162 0 0 0-.055-.121l-.002-.003a1.618 1.618 0 0 1-.06-.14l-.049-.136a5.312 5.312 0 0 1-.17-.534.783.783 0 0 1 0-.397c.108-.347.236-.691.364-1.032l.06-.162c.06-.162.005-.22-.154-.218h-.162c-.204 0-.408.001-.61-.005-.157-.005-.235.058-.283.21-.24.774-.488 1.549-.739 2.32a.328.328 0 0 1-.064.096.71.71 0 0 0-.034.043.797.797 0 0 0-.035-.046.348.348 0 0 1-.062-.095c-.258-.77-.513-1.539-.764-2.31-.053-.162-.136-.24-.316-.23a7.263 7.263 0 0 1-.425.001 11.14 11.14 0 0 0-.283-.001c-.197.002-.22.038-.147.225l.678 1.789.046.123.632 1.667.04.11c.091.241.13.347.205.391.058.035.137.033.276.031.065-.001.143-.002.238 0 .374.007.382-.005.513-.347.065-.171.132-.342.2-.513l.006-.018.131-.334.08-.008.06.148c.061.152.122.304.181.457.045.115.078.208.106.285.064.178.094.263.155.303.055.038.135.037.29.037.092 0 .21 0 .365.007.175.008.268-.068.329-.225.177-.453.36-.9.544-1.35.194-.475.39-.949.587-1.423l.04-.098.39-.941c.101-.25.078-.283-.198-.286h-.235Zm-12.388-.07c-.203.004-.405.01-.605-.003-.192-.013-.255.065-.255.253 0 .493-.007.987-.013 1.481l-.005.37c0 .055-.01.108-.021.162v.002a2.22 2.22 0 0 0-.012.062l-.056.01a3.616 3.616 0 0 0-.042-.059l-.001-.002a2.023 2.023 0 0 1-.08-.116l-.41-.66-.01-.014c-.27-.435-.541-.87-.81-1.307-.081-.134-.177-.198-.337-.192-.25.007-.5.005-.751-.003-.15-.005-.215.053-.215.205-.005 1.303-.013 2.606-.023 3.911 0 .152.069.212.215.21.195-.005.39-.01.585.005.205.015.263-.066.263-.263-.002-.572.004-1.145.011-1.717l.004-.342c0-.048.009-.097.018-.146.004-.025.009-.051.012-.077l.059-.01c.045.066.09.131.131.197.429.712.855 1.423 1.281 2.134l.008.013c.067.112.131.219.295.216.257-.008.515-.003.77.003h.001c.134.002.187-.061.187-.19.006-1.31.013-2.621.023-3.931 0-.157-.073-.208-.217-.203Zm-3.367-.669c.215-.01.432-.007.647.003.175.01.235-.063.235-.23 0-.164.001-.328.003-.491.003-.19.005-.38.003-.57-.003-.166.058-.237.232-.232.256.01.516.013.772-.003.713-.043 1.262-.67 1.25-1.414-.013-.756-.59-1.371-1.308-1.381-.28-.005-.562-.005-.843-.005h-.001c-.317 0-.634-.001-.95-.008-.185-.002-.243.069-.24.246.005.455.004.91.003 1.366v.546h-.021v.555c.002.46.003.92-.003 1.38-.007.17.043.246.22.238Z" clip-rule="evenodd"/>
|
10
|
+
</svg>
|
11
|
+
<svg ng-switch-default width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
|
12
|
+
<path d="M8.773 9.602c.222.01.445.01.668 0 .035 0 .103-.091.093-.12-.11-.366-.228-.727-.35-1.104l-.024-.072-.058.029c-.017.008-.024.011-.026.017l-.064.178c-.116.317-.231.636-.338.955-.008.028.063.114.099.117ZM5.033 8.077c0-.157 0-.24.04-.281.045-.045.138-.043.33-.039.07.002.153.003.25.003.387 0 .615.392.446.739a.462.462 0 0 1-.425.28H5.55l-.196.001c-.156.002-.237.003-.28-.038-.046-.044-.046-.138-.044-.337l.001-.146c.002-.07.002-.13.002-.182Z"/><path fill-rule="evenodd" d="M5.143 1.714a3.429 3.429 0 0 0-3.429 3.429v13.714a3.429 3.429 0 0 0 3.429 3.429h13.714a3.429 3.429 0 0 0 3.429-3.429V5.143a3.429 3.429 0 0 0-3.429-3.429H5.143Zm7.718 10.048c.192-.255.263-.26.49-.04a3.106 3.106 0 0 1 .696 3.438 3.087 3.087 0 0 1-3.01 1.867c-1.46-.069-2.654-1.078-2.912-2.525-.263-1.465.483-2.773 1.743-3.365a.814.814 0 0 1 .05-.02c.089-.034.187-.071.13-.2a.811.811 0 0 1-.042-.132c-.035-.139-.071-.279-.29-.275-.41.005-.822 0-1.232-.005-.131-.003-.2.053-.248.172-.214.526-.217.526-.788.526h-.019c-.267.001-.39.002-.425-.053-.03-.048.006-.136.073-.301l.049-.122c.465-1.173.928-2.347 1.391-3.521l.002-.004c.122-.31.126-.32.466-.312.12.002.215 0 .292-.002.144-.003.225-.005.284.03.075.044.114.148.203.384l.006.017.06.158.215.56c.326.847.652 1.696.972 2.549.075.207.187.3.412.286.103-.008.21.014.314.037h.001l.077.016c.122.025.19-.013.19-.142l.001-.21c.003-.346.005-.692-.001-1.042a.59.59 0 0 0-.092-.245l-.012-.02c-.198-.355-.398-.709-.597-1.062v-.001c-.2-.353-.399-.706-.597-1.06a2.229 2.229 0 0 1-.06-.123 6.057 6.057 0 0 0-.056-.12l.303-.001c.285-.002.548-.004.81.011.065.005.152.111.19.19.117.24.23.484.344.727l.003.007c.07.151.14.302.212.452.018.038.05.069.082.1a.84.84 0 0 1 .044.044 1.11 1.11 0 0 1 .035-.04.467.467 0 0 0 .076-.099c.195-.4.39-.8.575-1.201.06-.134.146-.185.29-.183.23.006.458.005.704.004l.319-.001-.053.1-.011.022a5.566 5.566 0 0 1-.07.131l-.288.498-.002.003v.002l-.01.016c-.313.542-.626 1.084-.932 1.629a.812.812 0 0 0-.097.351 33.36 33.36 0 0 0-.015 1.331c.003.175-.055.263-.24.246-.114-.01-.205.022-.24.146-.005.013-.01.026-.02.036l-.066.091c-.158.222-.226.317-.314.341-.066.018-.144-.004-.28-.044-.047-.014-.1-.03-.163-.047a2.27 2.27 0 0 0-2.778 1.518 2.243 2.243 0 0 0 1.422 2.783c.89.311 1.705.126 2.366-.536.66-.663.824-1.47.533-2.36a.388.388 0 0 0-.086-.129.824.824 0 0 1-.05-.062c-.02.018-.04.034-.06.05l-.002.001a.519.519 0 0 0-.103.096c-.52.703-1.04 1.406-1.558 2.11-.2.27-.263.27-.48.005l-.034-.04c-.383-.47-.767-.94-1.15-1.412-.173-.213-.173-.268-.008-.49l.058-.08c.059-.08.117-.161.18-.237.121-.152.204-.154.333-.002.149.177.295.356.441.535l.22.269c.164.202.18.202.329 0 .25-.336.5-.673.752-1.009l.753-1.01Zm7.03.165h-.004c-.136 0-.273.001-.408-.005-.162-.008-.253.048-.309.207-.238.668-.482 1.332-.727 1.998l-.077.21a1.93 1.93 0 0 1-.077.174v.003c-.02.041-.043.088-.067.143a6.162 6.162 0 0 0-.055-.121l-.002-.003a1.618 1.618 0 0 1-.06-.14l-.049-.136a5.312 5.312 0 0 1-.17-.534.783.783 0 0 1 0-.397c.108-.347.236-.691.364-1.032l.06-.162c.06-.162.005-.22-.154-.218h-.162c-.204 0-.408.001-.61-.005-.157-.005-.235.058-.283.21-.24.774-.488 1.549-.739 2.32a.328.328 0 0 1-.064.096.71.71 0 0 0-.034.043.797.797 0 0 0-.035-.046.348.348 0 0 1-.062-.095c-.258-.77-.513-1.539-.764-2.31-.053-.162-.136-.24-.316-.23a7.263 7.263 0 0 1-.425.001 11.14 11.14 0 0 0-.283-.001c-.197.002-.22.038-.147.225l.678 1.789.046.123.632 1.667.04.11c.091.241.13.347.205.391.058.035.137.033.276.031.065-.001.143-.002.238 0 .374.007.382-.005.513-.347.065-.171.132-.342.2-.513l.006-.018.131-.334.08-.008.06.148c.061.152.122.304.181.457.045.115.078.208.106.285.064.178.094.263.155.303.055.038.135.037.29.037.092 0 .21 0 .365.007.175.008.268-.068.329-.225.177-.453.36-.9.544-1.35.194-.475.39-.949.587-1.423l.04-.098.39-.941c.101-.25.078-.283-.198-.286h-.235Zm-12.388-.07c-.203.004-.405.01-.605-.003-.192-.013-.255.065-.255.253 0 .493-.007.987-.013 1.481l-.005.37c0 .055-.01.108-.021.162v.002a2.22 2.22 0 0 0-.012.062l-.056.01a3.616 3.616 0 0 0-.042-.059l-.001-.002a2.023 2.023 0 0 1-.08-.116l-.41-.66-.01-.014c-.27-.435-.541-.87-.81-1.307-.081-.134-.177-.198-.337-.192-.25.007-.5.005-.751-.003-.15-.005-.215.053-.215.205-.005 1.303-.013 2.606-.023 3.911 0 .152.069.212.215.21.195-.005.39-.01.585.005.205.015.263-.066.263-.263-.002-.572.004-1.145.011-1.717l.004-.342c0-.048.009-.097.018-.146.004-.025.009-.051.012-.077l.059-.01c.045.066.09.131.131.197.429.712.855 1.423 1.281 2.134l.008.013c.067.112.131.219.295.216.257-.008.515-.003.77.003h.001c.134.002.187-.061.187-.19.006-1.31.013-2.621.023-3.931 0-.157-.073-.208-.217-.203Zm-3.367-.669c.215-.01.432-.007.647.003.175.01.235-.063.235-.23 0-.164.001-.328.003-.491.003-.19.005-.38.003-.57-.003-.166.058-.237.232-.232.256.01.516.013.772-.003.713-.043 1.262-.67 1.25-1.414-.013-.756-.59-1.371-1.308-1.381-.28-.005-.562-.005-.843-.005h-.001c-.317 0-.634-.001-.95-.008-.185-.002-.243.069-.24.246.005.455.004.91.003 1.366v.546h-.021v.555c.002.46.003.92-.003 1.38-.007.17.043.246.22.238Z" clip-rule="evenodd"/>
|
13
|
+
</svg>
|
14
|
+
</span>
|
15
|
+
`,
|
16
|
+
bindings: {
|
17
|
+
size: '<',
|
18
|
+
},
|
19
|
+
};
|
@@ -0,0 +1,19 @@
|
|
1
|
+
// This is an automatically generated file, please don't edit it
|
2
|
+
export const PayidIconComponent = {
|
3
|
+
template: `
|
4
|
+
<span ng-switch="$ctrl.size" class="tw-icon tw-icon-payid">
|
5
|
+
<svg ng-switch-when="32" width="32" height="32" viewBox="0 0 24 24" fill="currentColor">
|
6
|
+
<path fill-rule="evenodd" d="M5.143 1.714a3.429 3.429 0 0 0-3.429 3.429v13.714a3.429 3.429 0 0 0 3.429 3.429h13.714a3.429 3.429 0 0 0 3.429-3.429V5.143a3.429 3.429 0 0 0-3.429-3.429H5.143Zm5.726 4.798-.571.083v.01h.093v7.536h1.38V7.82c1.132 0 3.644.238 4.537 2.346l1.215-.488c-.737-1.62-2.274-2.762-3.976-3-.893-.166-1.786-.25-2.678-.166Zm-3.81-.083C6.488 6.429 6 6.857 6 7.487c0 .63.488 1.084 1.059 1.084.57 0 1.059-.428 1.059-1.084 0-.655-.488-1.058-1.06-1.058Zm10.702 6.82h1.381l-1.941-2.43-1.941 2.43h1.131c0 .238-.083.487-.166.726-.644 1.62-2.429 2.43-5.107 2.43H7.63v-6.167H6.25v7.464h4.785c3.322 0 5.512-1.049 6.405-3.239.155-.404.238-.809.321-1.213Z" clip-rule="evenodd"/>
|
7
|
+
</svg>
|
8
|
+
<svg ng-switch-when="24" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
|
9
|
+
<path fill-rule="evenodd" d="M5.143 1.714a3.429 3.429 0 0 0-3.429 3.429v13.714a3.429 3.429 0 0 0 3.429 3.429h13.714a3.429 3.429 0 0 0 3.429-3.429V5.143a3.429 3.429 0 0 0-3.429-3.429H5.143Zm5.726 4.798-.571.083v.01h.093v7.536h1.38V7.82c1.132 0 3.644.238 4.537 2.346l1.215-.488c-.737-1.62-2.274-2.762-3.976-3-.893-.166-1.786-.25-2.678-.166Zm-3.81-.083C6.488 6.429 6 6.857 6 7.487c0 .63.488 1.084 1.059 1.084.57 0 1.059-.428 1.059-1.084 0-.655-.488-1.058-1.06-1.058Zm10.702 6.82h1.381l-1.941-2.43-1.941 2.43h1.131c0 .238-.083.487-.166.726-.644 1.62-2.429 2.43-5.107 2.43H7.63v-6.167H6.25v7.464h4.785c3.322 0 5.512-1.049 6.405-3.239.155-.404.238-.809.321-1.213Z" clip-rule="evenodd"/>
|
10
|
+
</svg>
|
11
|
+
<svg ng-switch-default width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
|
12
|
+
<path fill-rule="evenodd" d="M5.143 1.714a3.429 3.429 0 0 0-3.429 3.429v13.714a3.429 3.429 0 0 0 3.429 3.429h13.714a3.429 3.429 0 0 0 3.429-3.429V5.143a3.429 3.429 0 0 0-3.429-3.429H5.143Zm5.726 4.798-.571.083v.01h.093v7.536h1.38V7.82c1.132 0 3.644.238 4.537 2.346l1.215-.488c-.737-1.62-2.274-2.762-3.976-3-.893-.166-1.786-.25-2.678-.166Zm-3.81-.083C6.488 6.429 6 6.857 6 7.487c0 .63.488 1.084 1.059 1.084.57 0 1.059-.428 1.059-1.084 0-.655-.488-1.058-1.06-1.058Zm10.702 6.82h1.381l-1.941-2.43-1.941 2.43h1.131c0 .238-.083.487-.166.726-.644 1.62-2.429 2.43-5.107 2.43H7.63v-6.167H6.25v7.464h4.785c3.322 0 5.512-1.049 6.405-3.239.155-.404.238-.809.321-1.213Z" clip-rule="evenodd"/>
|
13
|
+
</svg>
|
14
|
+
</span>
|
15
|
+
`,
|
16
|
+
bindings: {
|
17
|
+
size: '<',
|
18
|
+
},
|
19
|
+
};
|
@@ -0,0 +1,19 @@
|
|
1
|
+
// This is an automatically generated file, please don't edit it
|
2
|
+
export const SwitchVerticalIconComponent = {
|
3
|
+
template: `
|
4
|
+
<span ng-switch="$ctrl.size" class="tw-icon tw-icon-switch-vertical">
|
5
|
+
<svg ng-switch-when="32" width="32" height="32" viewBox="0 0 24 24" fill="currentColor">
|
6
|
+
<path fill-rule="evenodd" d="m12.001 16.629 1.2-1.2 3.086 3.085V2.572h1.714v15.942l3.086-3.085 1.2 1.2-4.543 4.543a.829.829 0 0 1-1.2 0l-4.543-4.543Zm.001-9.257-1.2 1.2-3.086-3.086v15.943H6.002V5.486L2.916 8.572l-1.2-1.2L6.26 2.829a.829.829 0 0 1 1.2 0l4.543 4.543Z" clip-rule="evenodd"/>
|
7
|
+
</svg>
|
8
|
+
<svg ng-switch-when="24" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
|
9
|
+
<path fill-rule="evenodd" d="m12.001 16.629 1.2-1.2 3.086 3.085V2.572h1.714v15.942l3.086-3.085 1.2 1.2-4.543 4.543a.829.829 0 0 1-1.2 0l-4.543-4.543Zm.001-9.257-1.2 1.2-3.086-3.086v15.943H6.002V5.486L2.916 8.572l-1.2-1.2L6.26 2.829a.829.829 0 0 1 1.2 0l4.543 4.543Z" clip-rule="evenodd"/>
|
10
|
+
</svg>
|
11
|
+
<svg ng-switch-default width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
|
12
|
+
<path fill-rule="evenodd" d="m12.001 16.629 1.2-1.2 3.086 3.085V2.572h1.714v15.942l3.086-3.085 1.2 1.2-4.543 4.543a.829.829 0 0 1-1.2 0l-4.543-4.543Zm.001-9.257-1.2 1.2-3.086-3.086v15.943H6.002V5.486L2.916 8.572l-1.2-1.2L6.26 2.829a.829.829 0 0 1 1.2 0l4.543 4.543Z" clip-rule="evenodd"/>
|
13
|
+
</svg>
|
14
|
+
</span>
|
15
|
+
`,
|
16
|
+
bindings: {
|
17
|
+
size: '<',
|
18
|
+
},
|
19
|
+
};
|
package/build/angular/index.ts
CHANGED
@@ -181,6 +181,8 @@ import { PassportIconComponent } from './components/passport-icon.component';
|
|
181
181
|
import { PauseIconComponent } from './components/pause-icon.component';
|
182
182
|
import { PayInIconComponent } from './components/pay-in-icon.component';
|
183
183
|
import { SalaryIconComponent } from './components/salary-icon.component';
|
184
|
+
import { PayNowIconComponent } from './components/pay-now-icon.component';
|
185
|
+
import { PayidIconComponent } from './components/payid-icon.component';
|
184
186
|
import { PaymentsIconComponent } from './components/payments-icon.component';
|
185
187
|
import { PaypalIconComponent } from './components/paypal-icon.component';
|
186
188
|
import { PeopleIconComponent } from './components/people-icon.component';
|
@@ -268,6 +270,7 @@ import { StopIconComponent } from './components/stop-icon.component';
|
|
268
270
|
import { SuitcaseIconComponent } from './components/suitcase-icon.component';
|
269
271
|
import { TravelIconComponent } from './components/travel-icon.component';
|
270
272
|
import { SunglassesIconComponent } from './components/sunglasses-icon.component';
|
273
|
+
import { SwitchVerticalIconComponent } from './components/switch-vertical-icon.component';
|
271
274
|
import { SwitchIconComponent } from './components/switch-icon.component';
|
272
275
|
import { TakeawayIconComponent } from './components/takeaway-icon.component';
|
273
276
|
import { TargetIconComponent } from './components/target-icon.component';
|
@@ -475,6 +478,8 @@ export const TwIconsModule = angular
|
|
475
478
|
.component('twPauseIcon', PauseIconComponent)
|
476
479
|
.component('twPayInIcon', PayInIconComponent)
|
477
480
|
.component('twSalaryIcon', SalaryIconComponent)
|
481
|
+
.component('twPayNowIcon', PayNowIconComponent)
|
482
|
+
.component('twPayidIcon', PayidIconComponent)
|
478
483
|
.component('twPaymentsIcon', PaymentsIconComponent)
|
479
484
|
.component('twPaypalIcon', PaypalIconComponent)
|
480
485
|
.component('twPeopleIcon', PeopleIconComponent)
|
@@ -562,6 +567,7 @@ export const TwIconsModule = angular
|
|
562
567
|
.component('twSuitcaseIcon', SuitcaseIconComponent)
|
563
568
|
.component('twTravelIcon', TravelIconComponent)
|
564
569
|
.component('twSunglassesIcon', SunglassesIconComponent)
|
570
|
+
.component('twSwitchVerticalIcon', SwitchVerticalIconComponent)
|
565
571
|
.component('twSwitchIcon', SwitchIconComponent)
|
566
572
|
.component('twTakeawayIcon', TakeawayIconComponent)
|
567
573
|
.component('twTargetIcon', TargetIconComponent)
|
@@ -0,0 +1,58 @@
|
|
1
|
+
// This is an automatically generated file, please don't edit it
|
2
|
+
import { IconSize } from '../types';
|
3
|
+
|
4
|
+
export interface PayNowIconProps {
|
5
|
+
description?: string;
|
6
|
+
isFocusable?: boolean;
|
7
|
+
size?: IconSize;
|
8
|
+
filled?: boolean;
|
9
|
+
className?: string;
|
10
|
+
title?: string;
|
11
|
+
['data-testid']?: string;
|
12
|
+
role?: React.AriaRole;
|
13
|
+
}
|
14
|
+
|
15
|
+
export const PayNow: React.FunctionComponent<PayNowIconProps> = ({
|
16
|
+
className = undefined,
|
17
|
+
isFocusable = false,
|
18
|
+
filled = undefined,
|
19
|
+
title = undefined,
|
20
|
+
role = undefined,
|
21
|
+
size = 16,
|
22
|
+
...restProps
|
23
|
+
}) => {
|
24
|
+
if (filled) {
|
25
|
+
console.warn(
|
26
|
+
'<PayNow filled /> is now deprecated, please use <PayNowFill /> or refer to https://transferwise.github.io/icons/ for more info.',
|
27
|
+
);
|
28
|
+
}
|
29
|
+
|
30
|
+
return (
|
31
|
+
<span
|
32
|
+
className={`tw-icon tw-icon-pay-now ${className ? className : ''}`}
|
33
|
+
data-testid={restProps['data-testid'] || 'pay-now-icon'}
|
34
|
+
>
|
35
|
+
<svg
|
36
|
+
aria-label={title}
|
37
|
+
aria-hidden={!title ? true : undefined}
|
38
|
+
focusable={isFocusable}
|
39
|
+
role={role ?? (title ? 'graphics-symbol img' : 'none')}
|
40
|
+
width={String(size)}
|
41
|
+
height={String(size)}
|
42
|
+
fill="currentColor"
|
43
|
+
viewBox="0 0 24 24"
|
44
|
+
>
|
45
|
+
{(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
|
46
|
+
<>
|
47
|
+
<path d="M8.773 9.602c.222.01.445.01.668 0 .035 0 .103-.091.093-.12-.11-.366-.228-.727-.35-1.104l-.024-.072-.058.029c-.017.008-.024.011-.026.017l-.064.178c-.116.317-.231.636-.338.955-.008.028.063.114.099.117ZM5.033 8.077c0-.157 0-.24.04-.281.045-.045.138-.043.33-.039.07.002.153.003.25.003.387 0 .615.392.446.739a.462.462 0 0 1-.425.28H5.55l-.196.001c-.156.002-.237.003-.28-.038-.046-.044-.046-.138-.044-.337l.001-.146c.002-.07.002-.13.002-.182Z" />
|
48
|
+
<path
|
49
|
+
fillRule="evenodd"
|
50
|
+
d="M5.143 1.714a3.429 3.429 0 0 0-3.429 3.429v13.714a3.429 3.429 0 0 0 3.429 3.429h13.714a3.429 3.429 0 0 0 3.429-3.429V5.143a3.429 3.429 0 0 0-3.429-3.429H5.143Zm7.718 10.048c.192-.255.263-.26.49-.04a3.106 3.106 0 0 1 .696 3.438 3.087 3.087 0 0 1-3.01 1.867c-1.46-.069-2.654-1.078-2.912-2.525-.263-1.465.483-2.773 1.743-3.365a.814.814 0 0 1 .05-.02c.089-.034.187-.071.13-.2a.811.811 0 0 1-.042-.132c-.035-.139-.071-.279-.29-.275-.41.005-.822 0-1.232-.005-.131-.003-.2.053-.248.172-.214.526-.217.526-.788.526h-.019c-.267.001-.39.002-.425-.053-.03-.048.006-.136.073-.301l.049-.122c.465-1.173.928-2.347 1.391-3.521l.002-.004c.122-.31.126-.32.466-.312.12.002.215 0 .292-.002.144-.003.225-.005.284.03.075.044.114.148.203.384l.006.017.06.158.215.56c.326.847.652 1.696.972 2.549.075.207.187.3.412.286.103-.008.21.014.314.037h.001l.077.016c.122.025.19-.013.19-.142l.001-.21c.003-.346.005-.692-.001-1.042a.59.59 0 0 0-.092-.245l-.012-.02c-.198-.355-.398-.709-.597-1.062v-.001c-.2-.353-.399-.706-.597-1.06a2.229 2.229 0 0 1-.06-.123 6.057 6.057 0 0 0-.056-.12l.303-.001c.285-.002.548-.004.81.011.065.005.152.111.19.19.117.24.23.484.344.727l.003.007c.07.151.14.302.212.452.018.038.05.069.082.1a.84.84 0 0 1 .044.044 1.11 1.11 0 0 1 .035-.04.467.467 0 0 0 .076-.099c.195-.4.39-.8.575-1.201.06-.134.146-.185.29-.183.23.006.458.005.704.004l.319-.001-.053.1-.011.022a5.566 5.566 0 0 1-.07.131l-.288.498-.002.003v.002l-.01.016c-.313.542-.626 1.084-.932 1.629a.812.812 0 0 0-.097.351 33.36 33.36 0 0 0-.015 1.331c.003.175-.055.263-.24.246-.114-.01-.205.022-.24.146-.005.013-.01.026-.02.036l-.066.091c-.158.222-.226.317-.314.341-.066.018-.144-.004-.28-.044-.047-.014-.1-.03-.163-.047a2.27 2.27 0 0 0-2.778 1.518 2.243 2.243 0 0 0 1.422 2.783c.89.311 1.705.126 2.366-.536.66-.663.824-1.47.533-2.36a.388.388 0 0 0-.086-.129.824.824 0 0 1-.05-.062c-.02.018-.04.034-.06.05l-.002.001a.519.519 0 0 0-.103.096c-.52.703-1.04 1.406-1.558 2.11-.2.27-.263.27-.48.005l-.034-.04c-.383-.47-.767-.94-1.15-1.412-.173-.213-.173-.268-.008-.49l.058-.08c.059-.08.117-.161.18-.237.121-.152.204-.154.333-.002.149.177.295.356.441.535l.22.269c.164.202.18.202.329 0 .25-.336.5-.673.752-1.009l.753-1.01Zm7.03.165h-.004c-.136 0-.273.001-.408-.005-.162-.008-.253.048-.309.207-.238.668-.482 1.332-.727 1.998l-.077.21a1.93 1.93 0 0 1-.077.174v.003c-.02.041-.043.088-.067.143a6.162 6.162 0 0 0-.055-.121l-.002-.003a1.618 1.618 0 0 1-.06-.14l-.049-.136a5.312 5.312 0 0 1-.17-.534.783.783 0 0 1 0-.397c.108-.347.236-.691.364-1.032l.06-.162c.06-.162.005-.22-.154-.218h-.162c-.204 0-.408.001-.61-.005-.157-.005-.235.058-.283.21-.24.774-.488 1.549-.739 2.32a.328.328 0 0 1-.064.096.71.71 0 0 0-.034.043.797.797 0 0 0-.035-.046.348.348 0 0 1-.062-.095c-.258-.77-.513-1.539-.764-2.31-.053-.162-.136-.24-.316-.23a7.263 7.263 0 0 1-.425.001 11.14 11.14 0 0 0-.283-.001c-.197.002-.22.038-.147.225l.678 1.789.046.123.632 1.667.04.11c.091.241.13.347.205.391.058.035.137.033.276.031.065-.001.143-.002.238 0 .374.007.382-.005.513-.347.065-.171.132-.342.2-.513l.006-.018.131-.334.08-.008.06.148c.061.152.122.304.181.457.045.115.078.208.106.285.064.178.094.263.155.303.055.038.135.037.29.037.092 0 .21 0 .365.007.175.008.268-.068.329-.225.177-.453.36-.9.544-1.35.194-.475.39-.949.587-1.423l.04-.098.39-.941c.101-.25.078-.283-.198-.286h-.235Zm-12.388-.07c-.203.004-.405.01-.605-.003-.192-.013-.255.065-.255.253 0 .493-.007.987-.013 1.481l-.005.37c0 .055-.01.108-.021.162v.002a2.22 2.22 0 0 0-.012.062l-.056.01a3.616 3.616 0 0 0-.042-.059l-.001-.002a2.023 2.023 0 0 1-.08-.116l-.41-.66-.01-.014c-.27-.435-.541-.87-.81-1.307-.081-.134-.177-.198-.337-.192-.25.007-.5.005-.751-.003-.15-.005-.215.053-.215.205-.005 1.303-.013 2.606-.023 3.911 0 .152.069.212.215.21.195-.005.39-.01.585.005.205.015.263-.066.263-.263-.002-.572.004-1.145.011-1.717l.004-.342c0-.048.009-.097.018-.146.004-.025.009-.051.012-.077l.059-.01c.045.066.09.131.131.197.429.712.855 1.423 1.281 2.134l.008.013c.067.112.131.219.295.216.257-.008.515-.003.77.003h.001c.134.002.187-.061.187-.19.006-1.31.013-2.621.023-3.931 0-.157-.073-.208-.217-.203Zm-3.367-.669c.215-.01.432-.007.647.003.175.01.235-.063.235-.23 0-.164.001-.328.003-.491.003-.19.005-.38.003-.57-.003-.166.058-.237.232-.232.256.01.516.013.772-.003.713-.043 1.262-.67 1.25-1.414-.013-.756-.59-1.371-1.308-1.381-.28-.005-.562-.005-.843-.005h-.001c-.317 0-.634-.001-.95-.008-.185-.002-.243.069-.24.246.005.455.004.91.003 1.366v.546h-.021v.555c.002.46.003.92-.003 1.38-.007.17.043.246.22.238Z"
|
51
|
+
clipRule="evenodd"
|
52
|
+
/>
|
53
|
+
</>
|
54
|
+
)}
|
55
|
+
</svg>
|
56
|
+
</span>
|
57
|
+
);
|
58
|
+
};
|
@@ -0,0 +1,57 @@
|
|
1
|
+
// This is an automatically generated file, please don't edit it
|
2
|
+
import { IconSize } from '../types';
|
3
|
+
|
4
|
+
export interface PayidIconProps {
|
5
|
+
description?: string;
|
6
|
+
isFocusable?: boolean;
|
7
|
+
size?: IconSize;
|
8
|
+
filled?: boolean;
|
9
|
+
className?: string;
|
10
|
+
title?: string;
|
11
|
+
['data-testid']?: string;
|
12
|
+
role?: React.AriaRole;
|
13
|
+
}
|
14
|
+
|
15
|
+
export const Payid: React.FunctionComponent<PayidIconProps> = ({
|
16
|
+
className = undefined,
|
17
|
+
isFocusable = false,
|
18
|
+
filled = undefined,
|
19
|
+
title = undefined,
|
20
|
+
role = undefined,
|
21
|
+
size = 16,
|
22
|
+
...restProps
|
23
|
+
}) => {
|
24
|
+
if (filled) {
|
25
|
+
console.warn(
|
26
|
+
'<Payid filled /> is now deprecated, please use <PayidFill /> or refer to https://transferwise.github.io/icons/ for more info.',
|
27
|
+
);
|
28
|
+
}
|
29
|
+
|
30
|
+
return (
|
31
|
+
<span
|
32
|
+
className={`tw-icon tw-icon-payid ${className ? className : ''}`}
|
33
|
+
data-testid={restProps['data-testid'] || 'payid-icon'}
|
34
|
+
>
|
35
|
+
<svg
|
36
|
+
aria-label={title}
|
37
|
+
aria-hidden={!title ? true : undefined}
|
38
|
+
focusable={isFocusable}
|
39
|
+
role={role ?? (title ? 'graphics-symbol img' : 'none')}
|
40
|
+
width={String(size)}
|
41
|
+
height={String(size)}
|
42
|
+
fill="currentColor"
|
43
|
+
viewBox="0 0 24 24"
|
44
|
+
>
|
45
|
+
{(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
|
46
|
+
<>
|
47
|
+
<path
|
48
|
+
fillRule="evenodd"
|
49
|
+
d="M5.143 1.714a3.429 3.429 0 0 0-3.429 3.429v13.714a3.429 3.429 0 0 0 3.429 3.429h13.714a3.429 3.429 0 0 0 3.429-3.429V5.143a3.429 3.429 0 0 0-3.429-3.429H5.143Zm5.726 4.798-.571.083v.01h.093v7.536h1.38V7.82c1.132 0 3.644.238 4.537 2.346l1.215-.488c-.737-1.62-2.274-2.762-3.976-3-.893-.166-1.786-.25-2.678-.166Zm-3.81-.083C6.488 6.429 6 6.857 6 7.487c0 .63.488 1.084 1.059 1.084.57 0 1.059-.428 1.059-1.084 0-.655-.488-1.058-1.06-1.058Zm10.702 6.82h1.381l-1.941-2.43-1.941 2.43h1.131c0 .238-.083.487-.166.726-.644 1.62-2.429 2.43-5.107 2.43H7.63v-6.167H6.25v7.464h4.785c3.322 0 5.512-1.049 6.405-3.239.155-.404.238-.809.321-1.213Z"
|
50
|
+
clipRule="evenodd"
|
51
|
+
/>
|
52
|
+
</>
|
53
|
+
)}
|
54
|
+
</svg>
|
55
|
+
</span>
|
56
|
+
);
|
57
|
+
};
|
@@ -0,0 +1,57 @@
|
|
1
|
+
// This is an automatically generated file, please don't edit it
|
2
|
+
import { IconSize } from '../types';
|
3
|
+
|
4
|
+
export interface SwitchVerticalIconProps {
|
5
|
+
description?: string;
|
6
|
+
isFocusable?: boolean;
|
7
|
+
size?: IconSize;
|
8
|
+
filled?: boolean;
|
9
|
+
className?: string;
|
10
|
+
title?: string;
|
11
|
+
['data-testid']?: string;
|
12
|
+
role?: React.AriaRole;
|
13
|
+
}
|
14
|
+
|
15
|
+
export const SwitchVertical: React.FunctionComponent<SwitchVerticalIconProps> = ({
|
16
|
+
className = undefined,
|
17
|
+
isFocusable = false,
|
18
|
+
filled = undefined,
|
19
|
+
title = undefined,
|
20
|
+
role = undefined,
|
21
|
+
size = 16,
|
22
|
+
...restProps
|
23
|
+
}) => {
|
24
|
+
if (filled) {
|
25
|
+
console.warn(
|
26
|
+
'<SwitchVertical filled /> is now deprecated, please use <SwitchVerticalFill /> or refer to https://transferwise.github.io/icons/ for more info.',
|
27
|
+
);
|
28
|
+
}
|
29
|
+
|
30
|
+
return (
|
31
|
+
<span
|
32
|
+
className={`tw-icon tw-icon-switch-vertical ${className ? className : ''}`}
|
33
|
+
data-testid={restProps['data-testid'] || 'switch-vertical-icon'}
|
34
|
+
>
|
35
|
+
<svg
|
36
|
+
aria-label={title}
|
37
|
+
aria-hidden={!title ? true : undefined}
|
38
|
+
focusable={isFocusable}
|
39
|
+
role={role ?? (title ? 'graphics-symbol img' : 'none')}
|
40
|
+
width={String(size)}
|
41
|
+
height={String(size)}
|
42
|
+
fill="currentColor"
|
43
|
+
viewBox="0 0 24 24"
|
44
|
+
>
|
45
|
+
{(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
|
46
|
+
<>
|
47
|
+
<path
|
48
|
+
fillRule="evenodd"
|
49
|
+
d="m12.001 16.629 1.2-1.2 3.086 3.085V2.572h1.714v15.942l3.086-3.085 1.2 1.2-4.543 4.543a.829.829 0 0 1-1.2 0l-4.543-4.543Zm.001-9.257-1.2 1.2-3.086-3.086v15.943H6.002V5.486L2.916 8.572l-1.2-1.2L6.26 2.829a.829.829 0 0 1 1.2 0l4.543 4.543Z"
|
50
|
+
clipRule="evenodd"
|
51
|
+
/>
|
52
|
+
</>
|
53
|
+
)}
|
54
|
+
</svg>
|
55
|
+
</span>
|
56
|
+
);
|
57
|
+
};
|
package/build/icons.json
CHANGED
@@ -1300,6 +1300,20 @@
|
|
1300
1300
|
"salary": "./wise-atoms/icons/pay-in.svg"
|
1301
1301
|
}
|
1302
1302
|
},
|
1303
|
+
"pay-now": {
|
1304
|
+
"name": "pay-now",
|
1305
|
+
"componentName": "PayNow",
|
1306
|
+
"svgFiles": {
|
1307
|
+
"pay-now": "./wise-atoms/icons/pay-now.svg"
|
1308
|
+
}
|
1309
|
+
},
|
1310
|
+
"payid": {
|
1311
|
+
"name": "payid",
|
1312
|
+
"componentName": "Payid",
|
1313
|
+
"svgFiles": {
|
1314
|
+
"payid": "./wise-atoms/icons/payid.svg"
|
1315
|
+
}
|
1316
|
+
},
|
1303
1317
|
"payments": {
|
1304
1318
|
"name": "payments",
|
1305
1319
|
"componentName": "Payments",
|
@@ -1926,6 +1940,13 @@
|
|
1926
1940
|
"sunglasses": "./wise-atoms/icons/sunglasses.svg"
|
1927
1941
|
}
|
1928
1942
|
},
|
1943
|
+
"switch-vertical": {
|
1944
|
+
"name": "switch-vertical",
|
1945
|
+
"componentName": "SwitchVertical",
|
1946
|
+
"svgFiles": {
|
1947
|
+
"switch-vertical": "./wise-atoms/icons/switch-vertical.svg"
|
1948
|
+
}
|
1949
|
+
},
|
1929
1950
|
"switch": {
|
1930
1951
|
"name": "switch",
|
1931
1952
|
"componentName": "Switch",
|
package/build/index.ts
CHANGED
@@ -179,6 +179,8 @@ export * from './components/passport';
|
|
179
179
|
export * from './components/pause';
|
180
180
|
export * from './components/pay-in';
|
181
181
|
export * from './components/salary';
|
182
|
+
export * from './components/pay-now';
|
183
|
+
export * from './components/payid';
|
182
184
|
export * from './components/payments';
|
183
185
|
export * from './components/paypal';
|
184
186
|
export * from './components/people';
|
@@ -266,6 +268,7 @@ export * from './components/stop';
|
|
266
268
|
export * from './components/suitcase';
|
267
269
|
export * from './components/travel';
|
268
270
|
export * from './components/sunglasses';
|
271
|
+
export * from './components/switch-vertical';
|
269
272
|
export * from './components/switch';
|
270
273
|
export * from './components/takeaway';
|
271
274
|
export * from './components/target';
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/icon.component.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;;;;
|
1
|
+
{"version":3,"file":"icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/icon.component.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;;;;CA6SzB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"pay-now-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/pay-now-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,mBAAmB;;;;;CAiB/B,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"payid-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/payid-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,kBAAkB;;;;;CAiB9B,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"switch-vertical-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/switch-vertical-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,2BAA2B;;;;;CAiBvC,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../build/angular/index.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../build/angular/index.ts"],"names":[],"mappings":"AAySA,eAAO,MAAM,aAAa,QAuSgB,CAAC"}
|