@transferwise/icons 3.11.0 → 3.13.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 (41) hide show
  1. package/build/angular/components/bank-strikethrough-icon.component.ts +3 -3
  2. package/build/angular/components/card-strikethrough-icon.component.ts +19 -0
  3. package/build/angular/components/equals-icon.component.ts +19 -0
  4. package/build/angular/components/icon.component.ts +4 -0
  5. package/build/angular/components/lightning-bolt-strikethrough-icon.component.ts +19 -0
  6. package/build/angular/components/upi-icon.component.ts +19 -0
  7. package/build/angular/index.ts +8 -0
  8. package/build/components/bank-strikethrough.tsx +1 -1
  9. package/build/components/card-strikethrough.tsx +54 -0
  10. package/build/components/equals.tsx +54 -0
  11. package/build/components/lightning-bolt-strikethrough.tsx +54 -0
  12. package/build/components/upi.tsx +50 -0
  13. package/build/icons.json +28 -0
  14. package/build/index.ts +4 -0
  15. package/lib/angular/components/card-strikethrough-icon.component.d.ts +7 -0
  16. package/lib/angular/components/card-strikethrough-icon.component.d.ts.map +1 -0
  17. package/lib/angular/components/equals-icon.component.d.ts +7 -0
  18. package/lib/angular/components/equals-icon.component.d.ts.map +1 -0
  19. package/lib/angular/components/icon.component.d.ts.map +1 -1
  20. package/lib/angular/components/lightning-bolt-strikethrough-icon.component.d.ts +7 -0
  21. package/lib/angular/components/lightning-bolt-strikethrough-icon.component.d.ts.map +1 -0
  22. package/lib/angular/components/upi-icon.component.d.ts +7 -0
  23. package/lib/angular/components/upi-icon.component.d.ts.map +1 -0
  24. package/lib/angular/index.d.ts.map +1 -1
  25. package/lib/angular/index.js +88 -4
  26. package/lib/angular/index.js.map +1 -1
  27. package/lib/components/card-strikethrough.d.ts +12 -0
  28. package/lib/components/card-strikethrough.d.ts.map +1 -0
  29. package/lib/components/equals.d.ts +12 -0
  30. package/lib/components/equals.d.ts.map +1 -0
  31. package/lib/components/lightning-bolt-strikethrough.d.ts +12 -0
  32. package/lib/components/lightning-bolt-strikethrough.d.ts.map +1 -0
  33. package/lib/components/upi.d.ts +12 -0
  34. package/lib/components/upi.d.ts.map +1 -0
  35. package/lib/index.d.ts +4 -0
  36. package/lib/index.d.ts.map +1 -1
  37. package/lib/index.esm.js +144 -2
  38. package/lib/index.esm.js.map +1 -1
  39. package/lib/index.js +147 -1
  40. package/lib/index.js.map +1 -1
  41. package/package.json +1 -1
@@ -3,13 +3,13 @@ export const BankStrikethroughIconComponent = {
3
3
  template: `
4
4
  <span ng-switch="$ctrl.size" class="tw-icon tw-icon-bank-strikethrough">
5
5
  <svg ng-switch-when="32" width="32" height="32" viewBox="0 0 24 24" fill="currentColor">
6
- <path fill-rule="evenodd" d="m1.965 20.608 2.32-2.32V9.857H3.019a.857.857 0 0 1-.462-1.59l8.983-5.434a1.286 1.286 0 0 1 1.354.014l4.183 2.65 3.532-3.532 1.072 1.072L3.037 21.68l-1.072-1.072Zm3.747.82H21.43v-1.714h-1.715V9.857h1.27a.857.857 0 0 0 .475-1.581L19.871 7.27l-2.587 2.587H18v9.857h-5.143v-5.43l-1.714 1.714v3.716H7.427l-1.715 1.714ZM6 16.573l5.143-5.142V9.857H6v6.716Zm8.43-8.43 1.403-1.403L12.2 4.437 6.073 8.143h8.358Z" clip-rule="evenodd"/>
6
+ <path fill-rule="evenodd" d="M22.212 20.963 21 19.751v-.037h-.037l-1.249-1.249V9.857H21a.856.856 0 0 0 .459-1.581l-8.566-5.43a1.286 1.286 0 0 0-1.354-.014L6.892 5.643 2.926 1.677 1.855 2.75l19.286 19.285 1.071-1.071Zm-4.102.465-1.714-1.714h-3.539v-3.539l-1.714-1.714v5.253H6V9.857h.539L4.047 7.365l-1.49.901A.857.857 0 0 0 3 9.856h1.286v9.858H3v1.714h15.11ZM18 9.857v6.894l-5.143-5.143V9.857H18Zm-6.857 0v.037l-.037-.037h.037Zm6.904-1.714H9.392L8.14 6.892l4.058-2.456 5.848 3.707Z" clip-rule="evenodd"/>
7
7
  </svg>
8
8
  <svg ng-switch-when="24" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
9
- <path fill-rule="evenodd" d="m1.965 20.608 2.32-2.32V9.857H3.019a.857.857 0 0 1-.462-1.59l8.983-5.434a1.286 1.286 0 0 1 1.354.014l4.183 2.65 3.532-3.532 1.072 1.072L3.037 21.68l-1.072-1.072Zm3.747.82H21.43v-1.714h-1.715V9.857h1.27a.857.857 0 0 0 .475-1.581L19.871 7.27l-2.587 2.587H18v9.857h-5.143v-5.43l-1.714 1.714v3.716H7.427l-1.715 1.714ZM6 16.573l5.143-5.142V9.857H6v6.716Zm8.43-8.43 1.403-1.403L12.2 4.437 6.073 8.143h8.358Z" clip-rule="evenodd"/>
9
+ <path fill-rule="evenodd" d="M22.212 20.963 21 19.751v-.037h-.037l-1.249-1.249V9.857H21a.856.856 0 0 0 .459-1.581l-8.566-5.43a1.286 1.286 0 0 0-1.354-.014L6.892 5.643 2.926 1.677 1.855 2.75l19.286 19.285 1.071-1.071Zm-4.102.465-1.714-1.714h-3.539v-3.539l-1.714-1.714v5.253H6V9.857h.539L4.047 7.365l-1.49.901A.857.857 0 0 0 3 9.856h1.286v9.858H3v1.714h15.11ZM18 9.857v6.894l-5.143-5.143V9.857H18Zm-6.857 0v.037l-.037-.037h.037Zm6.904-1.714H9.392L8.14 6.892l4.058-2.456 5.848 3.707Z" clip-rule="evenodd"/>
10
10
  </svg>
11
11
  <svg ng-switch-default width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
12
- <path fill-rule="evenodd" d="m1.965 20.608 2.32-2.32V9.857H3.019a.857.857 0 0 1-.462-1.59l8.983-5.434a1.286 1.286 0 0 1 1.354.014l4.183 2.65 3.532-3.532 1.072 1.072L3.037 21.68l-1.072-1.072Zm3.747.82H21.43v-1.714h-1.715V9.857h1.27a.857.857 0 0 0 .475-1.581L19.871 7.27l-2.587 2.587H18v9.857h-5.143v-5.43l-1.714 1.714v3.716H7.427l-1.715 1.714ZM6 16.573l5.143-5.142V9.857H6v6.716Zm8.43-8.43 1.403-1.403L12.2 4.437 6.073 8.143h8.358Z" clip-rule="evenodd"/>
12
+ <path fill-rule="evenodd" d="M22.212 20.963 21 19.751v-.037h-.037l-1.249-1.249V9.857H21a.856.856 0 0 0 .459-1.581l-8.566-5.43a1.286 1.286 0 0 0-1.354-.014L6.892 5.643 2.926 1.677 1.855 2.75l19.286 19.285 1.071-1.071Zm-4.102.465-1.714-1.714h-3.539v-3.539l-1.714-1.714v5.253H6V9.857h.539L4.047 7.365l-1.49.901A.857.857 0 0 0 3 9.856h1.286v9.858H3v1.714h15.11ZM18 9.857v6.894l-5.143-5.143V9.857H18Zm-6.857 0v.037l-.037-.037h.037Zm6.904-1.714H9.392L8.14 6.892l4.058-2.456 5.848 3.707Z" clip-rule="evenodd"/>
13
13
  </svg>
14
14
  </span>
15
15
  `,
@@ -0,0 +1,19 @@
1
+ // This is an automatically generated file, please don't edit it
2
+ export const CardStrikethroughIconComponent = {
3
+ template: `
4
+ <span ng-switch="$ctrl.size" class="tw-icon tw-icon-card-strikethrough">
5
+ <svg ng-switch-when="32" width="32" height="32" viewBox="0 0 24 24" fill="currentColor">
6
+ <path fill-rule="evenodd" d="m22.212 20.749-1.034-1.035h.246a.861.861 0 0 0 .862-.861V16.247h-.002c-.02-.218-.21-.39-.413-.486a1.294 1.294 0 0 1-.416-.322 1.785 1.785 0 0 1-.33-.568 2.143 2.143 0 0 1-.125-.728c0-.255.044-.503.126-.728.082-.225.197-.416.329-.567.131-.151.275-.257.416-.323.215-.102.415-.288.415-.525V5.576a.861.861 0 0 0-.862-.862H6.178l-3-3-1.072 1.072L21.141 21.82l1.071-1.072Zm-5.602-1.035L14.896 18H3.429V6.533L1.917 5.02a.858.858 0 0 0-.203.555v13.277c0 .476.386.861.862.861H16.61ZM6.325 9.43h-.753v1.714h2.467L6.325 9.429ZM20.572 18h-1.108L7.892 6.43h12.68v4.9a3.135 3.135 0 0 0-.407.39c-.279.318-.5.696-.65 1.112a3.86 3.86 0 0 0-.23 1.312c0 .45.078.896.23 1.312.15.416.371.794.65 1.112.125.144.261.274.407.39V18Z" 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="m22.212 20.749-1.034-1.035h.246a.861.861 0 0 0 .862-.861V16.247h-.002c-.02-.218-.21-.39-.413-.486a1.294 1.294 0 0 1-.416-.322 1.785 1.785 0 0 1-.33-.568 2.143 2.143 0 0 1-.125-.728c0-.255.044-.503.126-.728.082-.225.197-.416.329-.567.131-.151.275-.257.416-.323.215-.102.415-.288.415-.525V5.576a.861.861 0 0 0-.862-.862H6.178l-3-3-1.072 1.072L21.141 21.82l1.071-1.072Zm-5.602-1.035L14.896 18H3.429V6.533L1.917 5.02a.858.858 0 0 0-.203.555v13.277c0 .476.386.861.862.861H16.61ZM6.325 9.43h-.753v1.714h2.467L6.325 9.429ZM20.572 18h-1.108L7.892 6.43h12.68v4.9a3.135 3.135 0 0 0-.407.39c-.279.318-.5.696-.65 1.112a3.86 3.86 0 0 0-.23 1.312c0 .45.078.896.23 1.312.15.416.371.794.65 1.112.125.144.261.274.407.39V18Z" 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="m22.212 20.749-1.034-1.035h.246a.861.861 0 0 0 .862-.861V16.247h-.002c-.02-.218-.21-.39-.413-.486a1.294 1.294 0 0 1-.416-.322 1.785 1.785 0 0 1-.33-.568 2.143 2.143 0 0 1-.125-.728c0-.255.044-.503.126-.728.082-.225.197-.416.329-.567.131-.151.275-.257.416-.323.215-.102.415-.288.415-.525V5.576a.861.861 0 0 0-.862-.862H6.178l-3-3-1.072 1.072L21.141 21.82l1.071-1.072Zm-5.602-1.035L14.896 18H3.429V6.533L1.917 5.02a.858.858 0 0 0-.203.555v13.277c0 .476.386.861.862.861H16.61ZM6.325 9.43h-.753v1.714h2.467L6.325 9.429ZM20.572 18h-1.108L7.892 6.43h12.68v4.9a3.135 3.135 0 0 0-.407.39c-.279.318-.5.696-.65 1.112a3.86 3.86 0 0 0-.23 1.312c0 .45.078.896.23 1.312.15.416.371.794.65 1.112.125.144.261.274.407.39V18Z" 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 EqualsIconComponent = {
3
+ template: `
4
+ <span ng-switch="$ctrl.size" class="tw-icon tw-icon-equals">
5
+ <svg ng-switch-when="32" width="32" height="32" viewBox="0 0 24 24" fill="currentColor">
6
+ <path fill-rule="evenodd" d="M22.286 8.143H1.714v1.714h20.572V8.143Zm0 6H1.714v1.714h20.572v-1.714Z" 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="M22.286 8.143H1.714v1.714h20.572V8.143Zm0 6H1.714v1.714h20.572v-1.714Z" 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="M22.286 8.143H1.714v1.714h20.572V8.143Zm0 6H1.714v1.714h20.572v-1.714Z" clip-rule="evenodd"/>
13
+ </svg>
14
+ </span>
15
+ `,
16
+ bindings: {
17
+ size: '<',
18
+ },
19
+ };
@@ -47,6 +47,7 @@ export const IconComponent = {
47
47
  <tw-card-cvc-icon ng-switch-when="card-cvc" size="$ctrl.size"></tw-card-cvc-icon>
48
48
  <tw-card-detail-icon ng-switch-when="card-detail" size="$ctrl.size"></tw-card-detail-icon>
49
49
  <tw-card-number-icon ng-switch-when="card-number" size="$ctrl.size"></tw-card-number-icon>
50
+ <tw-card-strikethrough-icon ng-switch-when="card-strikethrough" size="$ctrl.size"></tw-card-strikethrough-icon>
50
51
  <tw-card-wise-icon ng-switch-when="card-wise" size="$ctrl.size"></tw-card-wise-icon>
51
52
  <tw-card-transferwise-icon ng-switch-when="card-transferwise" size="$ctrl.size"></tw-card-transferwise-icon>
52
53
  <tw-card-icon ng-switch-when="card" size="$ctrl.size"></tw-card-icon>
@@ -96,6 +97,7 @@ export const IconComponent = {
96
97
  <tw-email-and-phone-icon ng-switch-when="email-and-phone" size="$ctrl.size"></tw-email-and-phone-icon>
97
98
  <tw-email-icon ng-switch-when="email" size="$ctrl.size"></tw-email-icon>
98
99
  <tw-entertainment-icon ng-switch-when="entertainment" size="$ctrl.size"></tw-entertainment-icon>
100
+ <tw-equals-icon ng-switch-when="equals" size="$ctrl.size"></tw-equals-icon>
99
101
  <tw-expand-icon ng-switch-when="expand" size="$ctrl.size"></tw-expand-icon>
100
102
  <tw-eye-shut-icon ng-switch-when="eye-shut" size="$ctrl.size"></tw-eye-shut-icon>
101
103
  <tw-eye-icon ng-switch-when="eye" size="$ctrl.size"></tw-eye-icon>
@@ -145,6 +147,7 @@ export const IconComponent = {
145
147
  <tw-klarna-icon ng-switch-when="klarna" size="$ctrl.size"></tw-klarna-icon>
146
148
  <tw-laptop-icon ng-switch-when="laptop" size="$ctrl.size"></tw-laptop-icon>
147
149
  <tw-leaf-icon ng-switch-when="leaf" size="$ctrl.size"></tw-leaf-icon>
150
+ <tw-lightning-bolt-strikethrough-icon ng-switch-when="lightning-bolt-strikethrough" size="$ctrl.size"></tw-lightning-bolt-strikethrough-icon>
148
151
  <tw-lightning-bolt-icon ng-switch-when="lightning-bolt" size="$ctrl.size"></tw-lightning-bolt-icon>
149
152
  <tw-lightning-icon ng-switch-when="lightning" size="$ctrl.size"></tw-lightning-icon>
150
153
  <tw-limit-icon ng-switch-when="limit" size="$ctrl.size"></tw-limit-icon>
@@ -281,6 +284,7 @@ export const IconComponent = {
281
284
  <tw-transport-icon ng-switch-when="transport" size="$ctrl.size"></tw-transport-icon>
282
285
  <tw-trustly-icon ng-switch-when="trustly" size="$ctrl.size"></tw-trustly-icon>
283
286
  <tw-twitter-icon ng-switch-when="twitter" size="$ctrl.size"></tw-twitter-icon>
287
+ <tw-upi-icon ng-switch-when="upi" size="$ctrl.size"></tw-upi-icon>
284
288
  <tw-upload-icon ng-switch-when="upload" size="$ctrl.size"></tw-upload-icon>
285
289
  <tw-upward-graph-icon ng-switch-when="upward-graph" size="$ctrl.size"></tw-upward-graph-icon>
286
290
  <tw-exchange-rate-icon ng-switch-when="exchange-rate" size="$ctrl.size"></tw-exchange-rate-icon>
@@ -0,0 +1,19 @@
1
+ // This is an automatically generated file, please don't edit it
2
+ export const LightningBoltStrikethroughIconComponent = {
3
+ template: `
4
+ <span ng-switch="$ctrl.size" class="tw-icon tw-icon-lightning-bolt-strikethrough">
5
+ <svg ng-switch-when="32" width="32" height="32" viewBox="0 0 24 24" fill="currentColor">
6
+ <path fill-rule="evenodd" d="m22.212 20.749-5.986-5.986 4.13-4.82a.862.862 0 0 0-.642-1.414H14.4l3.471-5.528a.875.875 0 0 0 .043-.857c-.171-.258-.429-.429-.729-.429h-6.042c-.3 0-.558.171-.729.429L7.821 6.358 3.177 1.714 2.106 2.786 21.141 21.82l1.07-1.071ZM6.08 9.185l-2.524 4.101a.778.778 0 0 0 0 .857c.171.258.429.43.728.43h5.786l-1.5 6.642a.813.813 0 0 0 .472.943c.128.043.257.085.385.085a.771.771 0 0 0 .643-.3l4.047-4.72L12.897 16l-1.883 2.214.754-3.343-2.057-2.057H5.828l1.477-2.406L6.08 9.185ZM17.828 10.2l-2.833 3.332-5.953-5.954 2.572-4.193H15.6l-3.472 5.529a.875.875 0 0 0-.043.857c.172.257.43.429.73.429h5.013Z" 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="m22.212 20.749-5.986-5.986 4.13-4.82a.862.862 0 0 0-.642-1.414H14.4l3.471-5.528a.875.875 0 0 0 .043-.857c-.171-.258-.429-.429-.729-.429h-6.042c-.3 0-.558.171-.729.429L7.821 6.358 3.177 1.714 2.106 2.786 21.141 21.82l1.07-1.071ZM6.08 9.185l-2.524 4.101a.778.778 0 0 0 0 .857c.171.258.429.43.728.43h5.786l-1.5 6.642a.813.813 0 0 0 .472.943c.128.043.257.085.385.085a.771.771 0 0 0 .643-.3l4.047-4.72L12.897 16l-1.883 2.214.754-3.343-2.057-2.057H5.828l1.477-2.406L6.08 9.185ZM17.828 10.2l-2.833 3.332-5.953-5.954 2.572-4.193H15.6l-3.472 5.529a.875.875 0 0 0-.043.857c.172.257.43.429.73.429h5.013Z" 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="m22.212 20.749-5.986-5.986 4.13-4.82a.862.862 0 0 0-.642-1.414H14.4l3.471-5.528a.875.875 0 0 0 .043-.857c-.171-.258-.429-.429-.729-.429h-6.042c-.3 0-.558.171-.729.429L7.821 6.358 3.177 1.714 2.106 2.786 21.141 21.82l1.07-1.071ZM6.08 9.185l-2.524 4.101a.778.778 0 0 0 0 .857c.171.258.429.43.728.43h5.786l-1.5 6.642a.813.813 0 0 0 .472.943c.128.043.257.085.385.085a.771.771 0 0 0 .643-.3l4.047-4.72L12.897 16l-1.883 2.214.754-3.343-2.057-2.057H5.828l1.477-2.406L6.08 9.185ZM17.828 10.2l-2.833 3.332-5.953-5.954 2.572-4.193H15.6l-3.472 5.529a.875.875 0 0 0-.043.857c.172.257.43.429.73.429h5.013Z" 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 UpiIconComponent = {
3
+ template: `
4
+ <span ng-switch="$ctrl.size" class="tw-icon tw-icon-upi">
5
+ <svg ng-switch-when="32" width="32" height="32" viewBox="0 0 24 24" fill="currentColor">
6
+ <path d="M19.431 11.815 14.96 1.977a.446.446 0 0 0-.838.068L12.946 6.39l-2.002-4.413a.446.446 0 0 0-.839.067L4.73 21.72a.447.447 0 0 0 .748.434l4.395-4.395-1.071 3.962a.448.448 0 0 0 .748.432l9.792-9.838a.448.448 0 0 0 .09-.501Zm-8.79-8.34 3.823 8.428-8.427 8.428L10.64 3.475Zm-.537 16.854 1.038-3.839 4.174-4.174a.447.447 0 0 0 .091-.5l-1.894-4.177.02.006 1.127-4.166 3.83 8.425-8.386 8.425Z"/>
7
+ </svg>
8
+ <svg ng-switch-when="24" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
9
+ <path d="M19.431 11.815 14.96 1.977a.446.446 0 0 0-.838.068L12.946 6.39l-2.002-4.413a.446.446 0 0 0-.839.067L4.73 21.72a.447.447 0 0 0 .748.434l4.395-4.395-1.071 3.962a.448.448 0 0 0 .748.432l9.792-9.838a.448.448 0 0 0 .09-.501Zm-8.79-8.34 3.823 8.428-8.427 8.428L10.64 3.475Zm-.537 16.854 1.038-3.839 4.174-4.174a.447.447 0 0 0 .091-.5l-1.894-4.177.02.006 1.127-4.166 3.83 8.425-8.386 8.425Z"/>
10
+ </svg>
11
+ <svg ng-switch-default width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
12
+ <path d="M19.431 11.815 14.96 1.977a.446.446 0 0 0-.838.068L12.946 6.39l-2.002-4.413a.446.446 0 0 0-.839.067L4.73 21.72a.447.447 0 0 0 .748.434l4.395-4.395-1.071 3.962a.448.448 0 0 0 .748.432l9.792-9.838a.448.448 0 0 0 .09-.501Zm-8.79-8.34 3.823 8.428-8.427 8.428L10.64 3.475Zm-.537 16.854 1.038-3.839 4.174-4.174a.447.447 0 0 0 .091-.5l-1.894-4.177.02.006 1.127-4.166 3.83 8.425-8.386 8.425Z"/>
13
+ </svg>
14
+ </span>
15
+ `,
16
+ bindings: {
17
+ size: '<',
18
+ },
19
+ };
@@ -42,6 +42,7 @@ import { DriversLicenseIconComponent } from './components/drivers-license-icon.c
42
42
  import { CardCvcIconComponent } from './components/card-cvc-icon.component';
43
43
  import { CardDetailIconComponent } from './components/card-detail-icon.component';
44
44
  import { CardNumberIconComponent } from './components/card-number-icon.component';
45
+ import { CardStrikethroughIconComponent } from './components/card-strikethrough-icon.component';
45
46
  import { CardWiseIconComponent } from './components/card-wise-icon.component';
46
47
  import { CardTransferwiseIconComponent } from './components/card-transferwise-icon.component';
47
48
  import { CardIconComponent } from './components/card-icon.component';
@@ -91,6 +92,7 @@ import { EmailAndMobileIconComponent } from './components/email-and-mobile-icon.
91
92
  import { EmailAndPhoneIconComponent } from './components/email-and-phone-icon.component';
92
93
  import { EmailIconComponent } from './components/email-icon.component';
93
94
  import { EntertainmentIconComponent } from './components/entertainment-icon.component';
95
+ import { EqualsIconComponent } from './components/equals-icon.component';
94
96
  import { ExpandIconComponent } from './components/expand-icon.component';
95
97
  import { EyeShutIconComponent } from './components/eye-shut-icon.component';
96
98
  import { EyeIconComponent } from './components/eye-icon.component';
@@ -140,6 +142,7 @@ import { KeepIconComponent } from './components/keep-icon.component';
140
142
  import { KlarnaIconComponent } from './components/klarna-icon.component';
141
143
  import { LaptopIconComponent } from './components/laptop-icon.component';
142
144
  import { LeafIconComponent } from './components/leaf-icon.component';
145
+ import { LightningBoltStrikethroughIconComponent } from './components/lightning-bolt-strikethrough-icon.component';
143
146
  import { LightningBoltIconComponent } from './components/lightning-bolt-icon.component';
144
147
  import { LightningIconComponent } from './components/lightning-icon.component';
145
148
  import { LimitIconComponent } from './components/limit-icon.component';
@@ -276,6 +279,7 @@ import { TransferIconComponent } from './components/transfer-icon.component';
276
279
  import { TransportIconComponent } from './components/transport-icon.component';
277
280
  import { TrustlyIconComponent } from './components/trustly-icon.component';
278
281
  import { TwitterIconComponent } from './components/twitter-icon.component';
282
+ import { UpiIconComponent } from './components/upi-icon.component';
279
283
  import { UploadIconComponent } from './components/upload-icon.component';
280
284
  import { UpwardGraphIconComponent } from './components/upward-graph-icon.component';
281
285
  import { ExchangeRateIconComponent } from './components/exchange-rate-icon.component';
@@ -332,6 +336,7 @@ export const TwIconsModule = angular
332
336
  .component('twCardCvcIcon', CardCvcIconComponent)
333
337
  .component('twCardDetailIcon', CardDetailIconComponent)
334
338
  .component('twCardNumberIcon', CardNumberIconComponent)
339
+ .component('twCardStrikethroughIcon', CardStrikethroughIconComponent)
335
340
  .component('twCardWiseIcon', CardWiseIconComponent)
336
341
  .component('twCardTransferwiseIcon', CardTransferwiseIconComponent)
337
342
  .component('twCardIcon', CardIconComponent)
@@ -381,6 +386,7 @@ export const TwIconsModule = angular
381
386
  .component('twEmailAndPhoneIcon', EmailAndPhoneIconComponent)
382
387
  .component('twEmailIcon', EmailIconComponent)
383
388
  .component('twEntertainmentIcon', EntertainmentIconComponent)
389
+ .component('twEqualsIcon', EqualsIconComponent)
384
390
  .component('twExpandIcon', ExpandIconComponent)
385
391
  .component('twEyeShutIcon', EyeShutIconComponent)
386
392
  .component('twEyeIcon', EyeIconComponent)
@@ -430,6 +436,7 @@ export const TwIconsModule = angular
430
436
  .component('twKlarnaIcon', KlarnaIconComponent)
431
437
  .component('twLaptopIcon', LaptopIconComponent)
432
438
  .component('twLeafIcon', LeafIconComponent)
439
+ .component('twLightningBoltStrikethroughIcon', LightningBoltStrikethroughIconComponent)
433
440
  .component('twLightningBoltIcon', LightningBoltIconComponent)
434
441
  .component('twLightningIcon', LightningIconComponent)
435
442
  .component('twLimitIcon', LimitIconComponent)
@@ -566,6 +573,7 @@ export const TwIconsModule = angular
566
573
  .component('twTransportIcon', TransportIconComponent)
567
574
  .component('twTrustlyIcon', TrustlyIconComponent)
568
575
  .component('twTwitterIcon', TwitterIconComponent)
576
+ .component('twUpiIcon', UpiIconComponent)
569
577
  .component('twUploadIcon', UploadIconComponent)
570
578
  .component('twUpwardGraphIcon', UpwardGraphIconComponent)
571
579
  .component('twExchangeRateIcon', ExchangeRateIconComponent)
@@ -42,7 +42,7 @@ export const BankStrikethrough: React.FunctionComponent<BankStrikethroughIconPro
42
42
  <>
43
43
  <path
44
44
  fillRule="evenodd"
45
- d="m1.965 20.608 2.32-2.32V9.857H3.019a.857.857 0 0 1-.462-1.59l8.983-5.434a1.286 1.286 0 0 1 1.354.014l4.183 2.65 3.532-3.532 1.072 1.072L3.037 21.68l-1.072-1.072Zm3.747.82H21.43v-1.714h-1.715V9.857h1.27a.857.857 0 0 0 .475-1.581L19.871 7.27l-2.587 2.587H18v9.857h-5.143v-5.43l-1.714 1.714v3.716H7.427l-1.715 1.714ZM6 16.573l5.143-5.142V9.857H6v6.716Zm8.43-8.43 1.403-1.403L12.2 4.437 6.073 8.143h8.358Z"
45
+ d="M22.212 20.963 21 19.751v-.037h-.037l-1.249-1.249V9.857H21a.856.856 0 0 0 .459-1.581l-8.566-5.43a1.286 1.286 0 0 0-1.354-.014L6.892 5.643 2.926 1.677 1.855 2.75l19.286 19.285 1.071-1.071Zm-4.102.465-1.714-1.714h-3.539v-3.539l-1.714-1.714v5.253H6V9.857h.539L4.047 7.365l-1.49.901A.857.857 0 0 0 3 9.856h1.286v9.858H3v1.714h15.11ZM18 9.857v6.894l-5.143-5.143V9.857H18Zm-6.857 0v.037l-.037-.037h.037Zm6.904-1.714H9.392L8.14 6.892l4.058-2.456 5.848 3.707Z"
46
46
  clipRule="evenodd"
47
47
  />
48
48
  </>
@@ -0,0 +1,54 @@
1
+ // This is an automatically generated file, please don't edit it
2
+ import { IconSize } from '../types';
3
+
4
+ export interface CardStrikethroughIconProps {
5
+ size?: IconSize;
6
+ filled?: boolean;
7
+ className?: string;
8
+ title?: string;
9
+ ['data-testid']?: string;
10
+ role?: React.AriaRole;
11
+ }
12
+
13
+ export const CardStrikethrough: React.FunctionComponent<CardStrikethroughIconProps> = ({
14
+ size = 16,
15
+ className = undefined,
16
+ title = undefined,
17
+ filled = undefined,
18
+ role = undefined,
19
+ ...restProps
20
+ }) => {
21
+ if (filled) {
22
+ console.warn(
23
+ '<CardStrikethrough filled /> is now deprecated, please use <CardStrikethroughFill /> or refer to https://transferwise.github.io/icons/ for more info.',
24
+ );
25
+ }
26
+
27
+ return (
28
+ <span
29
+ className={`tw-icon tw-icon-card-strikethrough ${className ? className : ''}`}
30
+ aria-hidden={!title ? 'true' : undefined}
31
+ role={role ?? (title ? undefined : 'none')}
32
+ data-testid={restProps['data-testid'] || 'card-strikethrough-icon'}
33
+ >
34
+ <svg
35
+ width={String(size)}
36
+ height={String(size)}
37
+ fill="currentColor"
38
+ focusable="false"
39
+ viewBox="0 0 24 24"
40
+ >
41
+ {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
42
+ <>
43
+ <path
44
+ fillRule="evenodd"
45
+ d="m22.212 20.749-1.034-1.035h.246a.861.861 0 0 0 .862-.861V16.247h-.002c-.02-.218-.21-.39-.413-.486a1.294 1.294 0 0 1-.416-.322 1.785 1.785 0 0 1-.33-.568 2.143 2.143 0 0 1-.125-.728c0-.255.044-.503.126-.728.082-.225.197-.416.329-.567.131-.151.275-.257.416-.323.215-.102.415-.288.415-.525V5.576a.861.861 0 0 0-.862-.862H6.178l-3-3-1.072 1.072L21.141 21.82l1.071-1.072Zm-5.602-1.035L14.896 18H3.429V6.533L1.917 5.02a.858.858 0 0 0-.203.555v13.277c0 .476.386.861.862.861H16.61ZM6.325 9.43h-.753v1.714h2.467L6.325 9.429ZM20.572 18h-1.108L7.892 6.43h12.68v4.9a3.135 3.135 0 0 0-.407.39c-.279.318-.5.696-.65 1.112a3.86 3.86 0 0 0-.23 1.312c0 .45.078.896.23 1.312.15.416.371.794.65 1.112.125.144.261.274.407.39V18Z"
46
+ clipRule="evenodd"
47
+ />
48
+ </>
49
+ )}
50
+ </svg>
51
+ {title && <span className="sr-only">{title}</span>}
52
+ </span>
53
+ );
54
+ };
@@ -0,0 +1,54 @@
1
+ // This is an automatically generated file, please don't edit it
2
+ import { IconSize } from '../types';
3
+
4
+ export interface EqualsIconProps {
5
+ size?: IconSize;
6
+ filled?: boolean;
7
+ className?: string;
8
+ title?: string;
9
+ ['data-testid']?: string;
10
+ role?: React.AriaRole;
11
+ }
12
+
13
+ export const Equals: React.FunctionComponent<EqualsIconProps> = ({
14
+ size = 16,
15
+ className = undefined,
16
+ title = undefined,
17
+ filled = undefined,
18
+ role = undefined,
19
+ ...restProps
20
+ }) => {
21
+ if (filled) {
22
+ console.warn(
23
+ '<Equals filled /> is now deprecated, please use <EqualsFill /> or refer to https://transferwise.github.io/icons/ for more info.',
24
+ );
25
+ }
26
+
27
+ return (
28
+ <span
29
+ className={`tw-icon tw-icon-equals ${className ? className : ''}`}
30
+ aria-hidden={!title ? 'true' : undefined}
31
+ role={role ?? (title ? undefined : 'none')}
32
+ data-testid={restProps['data-testid'] || 'equals-icon'}
33
+ >
34
+ <svg
35
+ width={String(size)}
36
+ height={String(size)}
37
+ fill="currentColor"
38
+ focusable="false"
39
+ viewBox="0 0 24 24"
40
+ >
41
+ {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
42
+ <>
43
+ <path
44
+ fillRule="evenodd"
45
+ d="M22.286 8.143H1.714v1.714h20.572V8.143Zm0 6H1.714v1.714h20.572v-1.714Z"
46
+ clipRule="evenodd"
47
+ />
48
+ </>
49
+ )}
50
+ </svg>
51
+ {title && <span className="sr-only">{title}</span>}
52
+ </span>
53
+ );
54
+ };
@@ -0,0 +1,54 @@
1
+ // This is an automatically generated file, please don't edit it
2
+ import { IconSize } from '../types';
3
+
4
+ export interface LightningBoltStrikethroughIconProps {
5
+ size?: IconSize;
6
+ filled?: boolean;
7
+ className?: string;
8
+ title?: string;
9
+ ['data-testid']?: string;
10
+ role?: React.AriaRole;
11
+ }
12
+
13
+ export const LightningBoltStrikethrough: React.FunctionComponent<LightningBoltStrikethroughIconProps> = ({
14
+ size = 16,
15
+ className = undefined,
16
+ title = undefined,
17
+ filled = undefined,
18
+ role = undefined,
19
+ ...restProps
20
+ }) => {
21
+ if (filled) {
22
+ console.warn(
23
+ '<LightningBoltStrikethrough filled /> is now deprecated, please use <LightningBoltStrikethroughFill /> or refer to https://transferwise.github.io/icons/ for more info.',
24
+ );
25
+ }
26
+
27
+ return (
28
+ <span
29
+ className={`tw-icon tw-icon-lightning-bolt-strikethrough ${className ? className : ''}`}
30
+ aria-hidden={!title ? 'true' : undefined}
31
+ role={role ?? (title ? undefined : 'none')}
32
+ data-testid={restProps['data-testid'] || 'lightning-bolt-strikethrough-icon'}
33
+ >
34
+ <svg
35
+ width={String(size)}
36
+ height={String(size)}
37
+ fill="currentColor"
38
+ focusable="false"
39
+ viewBox="0 0 24 24"
40
+ >
41
+ {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
42
+ <>
43
+ <path
44
+ fillRule="evenodd"
45
+ d="m22.212 20.749-5.986-5.986 4.13-4.82a.862.862 0 0 0-.642-1.414H14.4l3.471-5.528a.875.875 0 0 0 .043-.857c-.171-.258-.429-.429-.729-.429h-6.042c-.3 0-.558.171-.729.429L7.821 6.358 3.177 1.714 2.106 2.786 21.141 21.82l1.07-1.071ZM6.08 9.185l-2.524 4.101a.778.778 0 0 0 0 .857c.171.258.429.43.728.43h5.786l-1.5 6.642a.813.813 0 0 0 .472.943c.128.043.257.085.385.085a.771.771 0 0 0 .643-.3l4.047-4.72L12.897 16l-1.883 2.214.754-3.343-2.057-2.057H5.828l1.477-2.406L6.08 9.185ZM17.828 10.2l-2.833 3.332-5.953-5.954 2.572-4.193H15.6l-3.472 5.529a.875.875 0 0 0-.043.857c.172.257.43.429.73.429h5.013Z"
46
+ clipRule="evenodd"
47
+ />
48
+ </>
49
+ )}
50
+ </svg>
51
+ {title && <span className="sr-only">{title}</span>}
52
+ </span>
53
+ );
54
+ };
@@ -0,0 +1,50 @@
1
+ // This is an automatically generated file, please don't edit it
2
+ import { IconSize } from '../types';
3
+
4
+ export interface UpiIconProps {
5
+ size?: IconSize;
6
+ filled?: boolean;
7
+ className?: string;
8
+ title?: string;
9
+ ['data-testid']?: string;
10
+ role?: React.AriaRole;
11
+ }
12
+
13
+ export const Upi: React.FunctionComponent<UpiIconProps> = ({
14
+ size = 16,
15
+ className = undefined,
16
+ title = undefined,
17
+ filled = undefined,
18
+ role = undefined,
19
+ ...restProps
20
+ }) => {
21
+ if (filled) {
22
+ console.warn(
23
+ '<Upi filled /> is now deprecated, please use <UpiFill /> or refer to https://transferwise.github.io/icons/ for more info.',
24
+ );
25
+ }
26
+
27
+ return (
28
+ <span
29
+ className={`tw-icon tw-icon-upi ${className ? className : ''}`}
30
+ aria-hidden={!title ? 'true' : undefined}
31
+ role={role ?? (title ? undefined : 'none')}
32
+ data-testid={restProps['data-testid'] || 'upi-icon'}
33
+ >
34
+ <svg
35
+ width={String(size)}
36
+ height={String(size)}
37
+ fill="currentColor"
38
+ focusable="false"
39
+ viewBox="0 0 24 24"
40
+ >
41
+ {(Number(size) === 16 || Number(size) === 24 || Number(size) === 32) && (
42
+ <>
43
+ <path d="M19.431 11.815 14.96 1.977a.446.446 0 0 0-.838.068L12.946 6.39l-2.002-4.413a.446.446 0 0 0-.839.067L4.73 21.72a.447.447 0 0 0 .748.434l4.395-4.395-1.071 3.962a.448.448 0 0 0 .748.432l9.792-9.838a.448.448 0 0 0 .09-.501Zm-8.79-8.34 3.823 8.428-8.427 8.428L10.64 3.475Zm-.537 16.854 1.038-3.839 4.174-4.174a.447.447 0 0 0 .091-.5l-1.894-4.177.02.006 1.127-4.166 3.83 8.425-8.386 8.425Z" />
44
+ </>
45
+ )}
46
+ </svg>
47
+ {title && <span className="sr-only">{title}</span>}
48
+ </span>
49
+ );
50
+ };
package/build/icons.json CHANGED
@@ -303,6 +303,13 @@
303
303
  "card-number": "./wise-atoms/icons/card-detail.svg"
304
304
  }
305
305
  },
306
+ "card-strikethrough": {
307
+ "name": "card-strikethrough",
308
+ "componentName": "CardStrikethrough",
309
+ "svgFiles": {
310
+ "card-strikethrough": "./wise-atoms/icons/card-strikethrough.svg"
311
+ }
312
+ },
306
313
  "card-wise": {
307
314
  "name": "card-wise",
308
315
  "componentName": "CardWise",
@@ -654,6 +661,13 @@
654
661
  "entertainment": "./wise-atoms/icons/entertainment.svg"
655
662
  }
656
663
  },
664
+ "equals": {
665
+ "name": "equals",
666
+ "componentName": "Equals",
667
+ "svgFiles": {
668
+ "equals": "./wise-atoms/icons/equals.svg"
669
+ }
670
+ },
657
671
  "expand": {
658
672
  "name": "expand",
659
673
  "componentName": "Expand",
@@ -1007,6 +1021,13 @@
1007
1021
  "leaf": "./wise-atoms/icons/leaf.svg"
1008
1022
  }
1009
1023
  },
1024
+ "lightning-bolt-strikethrough": {
1025
+ "name": "lightning-bolt-strikethrough",
1026
+ "componentName": "LightningBoltStrikethrough",
1027
+ "svgFiles": {
1028
+ "lightning-bolt-strikethrough": "./wise-atoms/icons/lightning-bolt-strikethrough.svg"
1029
+ }
1030
+ },
1010
1031
  "lightning-bolt": {
1011
1032
  "name": "lightning-bolt",
1012
1033
  "componentName": "LightningBolt",
@@ -1983,6 +2004,13 @@
1983
2004
  "twitter": "./wise-atoms/icons/twitter.svg"
1984
2005
  }
1985
2006
  },
2007
+ "upi": {
2008
+ "name": "upi",
2009
+ "componentName": "Upi",
2010
+ "svgFiles": {
2011
+ "upi": "./wise-atoms/icons/upi.svg"
2012
+ }
2013
+ },
1986
2014
  "upload": {
1987
2015
  "name": "upload",
1988
2016
  "componentName": "Upload",
package/build/index.ts CHANGED
@@ -40,6 +40,7 @@ export * from './components/drivers-license';
40
40
  export * from './components/card-cvc';
41
41
  export * from './components/card-detail';
42
42
  export * from './components/card-number';
43
+ export * from './components/card-strikethrough';
43
44
  export * from './components/card-wise';
44
45
  export * from './components/card-transferwise';
45
46
  export * from './components/card';
@@ -89,6 +90,7 @@ export * from './components/email-and-mobile';
89
90
  export * from './components/email-and-phone';
90
91
  export * from './components/email';
91
92
  export * from './components/entertainment';
93
+ export * from './components/equals';
92
94
  export * from './components/expand';
93
95
  export * from './components/eye-shut';
94
96
  export * from './components/eye';
@@ -138,6 +140,7 @@ export * from './components/keep';
138
140
  export * from './components/klarna';
139
141
  export * from './components/laptop';
140
142
  export * from './components/leaf';
143
+ export * from './components/lightning-bolt-strikethrough';
141
144
  export * from './components/lightning-bolt';
142
145
  export * from './components/lightning';
143
146
  export * from './components/limit';
@@ -274,6 +277,7 @@ export * from './components/transfer';
274
277
  export * from './components/transport';
275
278
  export * from './components/trustly';
276
279
  export * from './components/twitter';
280
+ export * from './components/upi';
277
281
  export * from './components/upload';
278
282
  export * from './components/upward-graph';
279
283
  export * from './components/exchange-rate';
@@ -0,0 +1,7 @@
1
+ export declare const CardStrikethroughIconComponent: {
2
+ template: string;
3
+ bindings: {
4
+ size: string;
5
+ };
6
+ };
7
+ //# sourceMappingURL=card-strikethrough-icon.component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"card-strikethrough-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/card-strikethrough-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,8BAA8B;;;;;CAiB1C,CAAC"}
@@ -0,0 +1,7 @@
1
+ export declare const EqualsIconComponent: {
2
+ template: string;
3
+ bindings: {
4
+ size: string;
5
+ };
6
+ };
7
+ //# sourceMappingURL=equals-icon.component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"equals-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/equals-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,mBAAmB;;;;;CAiB/B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/icon.component.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;;;;CAsSzB,CAAC"}
1
+ {"version":3,"file":"icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/icon.component.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;;;;CA0SzB,CAAC"}
@@ -0,0 +1,7 @@
1
+ export declare const LightningBoltStrikethroughIconComponent: {
2
+ template: string;
3
+ bindings: {
4
+ size: string;
5
+ };
6
+ };
7
+ //# sourceMappingURL=lightning-bolt-strikethrough-icon.component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"lightning-bolt-strikethrough-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/lightning-bolt-strikethrough-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,uCAAuC;;;;;CAiBnD,CAAC"}
@@ -0,0 +1,7 @@
1
+ export declare const UpiIconComponent: {
2
+ template: string;
3
+ bindings: {
4
+ size: string;
5
+ };
6
+ };
7
+ //# sourceMappingURL=upi-icon.component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"upi-icon.component.d.ts","sourceRoot":"","sources":["../../../build/angular/components/upi-icon.component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,gBAAgB;;;;;CAiB5B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../build/angular/index.ts"],"names":[],"mappings":"AAkSA,eAAO,MAAM,aAAa,QAgSgB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../build/angular/index.ts"],"names":[],"mappings":"AAsSA,eAAO,MAAM,aAAa,QAoSgB,CAAC"}