@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.
Files changed (34) hide show
  1. package/README.md +2 -0
  2. package/build/angular/components/icon.component.ts +3 -0
  3. package/build/angular/components/pay-now-icon.component.ts +19 -0
  4. package/build/angular/components/payid-icon.component.ts +19 -0
  5. package/build/angular/components/switch-vertical-icon.component.ts +19 -0
  6. package/build/angular/index.ts +6 -0
  7. package/build/components/pay-now.tsx +58 -0
  8. package/build/components/payid.tsx +57 -0
  9. package/build/components/switch-vertical.tsx +57 -0
  10. package/build/icons.json +21 -0
  11. package/build/index.ts +3 -0
  12. package/lib/angular/components/icon.component.d.ts.map +1 -1
  13. package/lib/angular/components/pay-now-icon.component.d.ts +7 -0
  14. package/lib/angular/components/pay-now-icon.component.d.ts.map +1 -0
  15. package/lib/angular/components/payid-icon.component.d.ts +7 -0
  16. package/lib/angular/components/payid-icon.component.d.ts.map +1 -0
  17. package/lib/angular/components/switch-vertical-icon.component.d.ts +7 -0
  18. package/lib/angular/components/switch-vertical-icon.component.d.ts.map +1 -0
  19. package/lib/angular/index.d.ts.map +1 -1
  20. package/lib/angular/index.js +64 -1
  21. package/lib/angular/index.js.map +1 -1
  22. package/lib/components/pay-now.d.ts +14 -0
  23. package/lib/components/pay-now.d.ts.map +1 -0
  24. package/lib/components/payid.d.ts +14 -0
  25. package/lib/components/payid.d.ts.map +1 -0
  26. package/lib/components/switch-vertical.d.ts +14 -0
  27. package/lib/components/switch-vertical.d.ts.map +1 -0
  28. package/lib/index.d.ts +3 -0
  29. package/lib/index.d.ts.map +1 -1
  30. package/lib/index.esm.js +108 -1
  31. package/lib/index.esm.js.map +1 -1
  32. package/lib/index.js +110 -0
  33. package/lib/index.js.map +1 -1
  34. 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
+ };
@@ -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;;;;;;CA0SzB,CAAC"}
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,7 @@
1
+ export declare const PayNowIconComponent: {
2
+ template: string;
3
+ bindings: {
4
+ size: string;
5
+ };
6
+ };
7
+ //# sourceMappingURL=pay-now-icon.component.d.ts.map
@@ -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,7 @@
1
+ export declare const PayidIconComponent: {
2
+ template: string;
3
+ bindings: {
4
+ size: string;
5
+ };
6
+ };
7
+ //# sourceMappingURL=payid-icon.component.d.ts.map
@@ -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,7 @@
1
+ export declare const SwitchVerticalIconComponent: {
2
+ template: string;
3
+ bindings: {
4
+ size: string;
5
+ };
6
+ };
7
+ //# sourceMappingURL=switch-vertical-icon.component.d.ts.map
@@ -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":"AAsSA,eAAO,MAAM,aAAa,QAoSgB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../build/angular/index.ts"],"names":[],"mappings":"AAySA,eAAO,MAAM,aAAa,QAuSgB,CAAC"}