@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.
- package/build/angular/components/bank-strikethrough-icon.component.ts +3 -3
- package/build/angular/components/card-strikethrough-icon.component.ts +19 -0
- package/build/angular/components/equals-icon.component.ts +19 -0
- package/build/angular/components/icon.component.ts +4 -0
- package/build/angular/components/lightning-bolt-strikethrough-icon.component.ts +19 -0
- package/build/angular/components/upi-icon.component.ts +19 -0
- package/build/angular/index.ts +8 -0
- package/build/components/bank-strikethrough.tsx +1 -1
- package/build/components/card-strikethrough.tsx +54 -0
- package/build/components/equals.tsx +54 -0
- package/build/components/lightning-bolt-strikethrough.tsx +54 -0
- package/build/components/upi.tsx +50 -0
- package/build/icons.json +28 -0
- package/build/index.ts +4 -0
- package/lib/angular/components/card-strikethrough-icon.component.d.ts +7 -0
- package/lib/angular/components/card-strikethrough-icon.component.d.ts.map +1 -0
- package/lib/angular/components/equals-icon.component.d.ts +7 -0
- package/lib/angular/components/equals-icon.component.d.ts.map +1 -0
- package/lib/angular/components/icon.component.d.ts.map +1 -1
- package/lib/angular/components/lightning-bolt-strikethrough-icon.component.d.ts +7 -0
- package/lib/angular/components/lightning-bolt-strikethrough-icon.component.d.ts.map +1 -0
- package/lib/angular/components/upi-icon.component.d.ts +7 -0
- package/lib/angular/components/upi-icon.component.d.ts.map +1 -0
- package/lib/angular/index.d.ts.map +1 -1
- package/lib/angular/index.js +88 -4
- package/lib/angular/index.js.map +1 -1
- package/lib/components/card-strikethrough.d.ts +12 -0
- package/lib/components/card-strikethrough.d.ts.map +1 -0
- package/lib/components/equals.d.ts +12 -0
- package/lib/components/equals.d.ts.map +1 -0
- package/lib/components/lightning-bolt-strikethrough.d.ts +12 -0
- package/lib/components/lightning-bolt-strikethrough.d.ts.map +1 -0
- package/lib/components/upi.d.ts +12 -0
- package/lib/components/upi.d.ts.map +1 -0
- package/lib/index.d.ts +4 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.esm.js +144 -2
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +147 -1
- package/lib/index.js.map +1 -1
- 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="
|
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="
|
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="
|
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
|
+
};
|
package/build/angular/index.ts
CHANGED
@@ -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="
|
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 @@
|
|
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 @@
|
|
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;;;;;;
|
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 @@
|
|
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 @@
|
|
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":"
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../build/angular/index.ts"],"names":[],"mappings":"AAsSA,eAAO,MAAM,aAAa,QAoSgB,CAAC"}
|