@transferwise/icons 3.12.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 +3 -0
- package/build/angular/components/lightning-bolt-strikethrough-icon.component.ts +19 -0
- package/build/angular/index.ts +6 -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/icons.json +21 -0
- package/build/index.ts +3 -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/index.d.ts.map +1 -1
- package/lib/angular/index.js +67 -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/index.d.ts +3 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.esm.js +110 -2
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +112 -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>
|
@@ -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
|
+
};
|
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';
|
@@ -333,6 +336,7 @@ export const TwIconsModule = angular
|
|
333
336
|
.component('twCardCvcIcon', CardCvcIconComponent)
|
334
337
|
.component('twCardDetailIcon', CardDetailIconComponent)
|
335
338
|
.component('twCardNumberIcon', CardNumberIconComponent)
|
339
|
+
.component('twCardStrikethroughIcon', CardStrikethroughIconComponent)
|
336
340
|
.component('twCardWiseIcon', CardWiseIconComponent)
|
337
341
|
.component('twCardTransferwiseIcon', CardTransferwiseIconComponent)
|
338
342
|
.component('twCardIcon', CardIconComponent)
|
@@ -382,6 +386,7 @@ export const TwIconsModule = angular
|
|
382
386
|
.component('twEmailAndPhoneIcon', EmailAndPhoneIconComponent)
|
383
387
|
.component('twEmailIcon', EmailIconComponent)
|
384
388
|
.component('twEntertainmentIcon', EntertainmentIconComponent)
|
389
|
+
.component('twEqualsIcon', EqualsIconComponent)
|
385
390
|
.component('twExpandIcon', ExpandIconComponent)
|
386
391
|
.component('twEyeShutIcon', EyeShutIconComponent)
|
387
392
|
.component('twEyeIcon', EyeIconComponent)
|
@@ -431,6 +436,7 @@ export const TwIconsModule = angular
|
|
431
436
|
.component('twKlarnaIcon', KlarnaIconComponent)
|
432
437
|
.component('twLaptopIcon', LaptopIconComponent)
|
433
438
|
.component('twLeafIcon', LeafIconComponent)
|
439
|
+
.component('twLightningBoltStrikethroughIcon', LightningBoltStrikethroughIconComponent)
|
434
440
|
.component('twLightningBoltIcon', LightningBoltIconComponent)
|
435
441
|
.component('twLightningIcon', LightningIconComponent)
|
436
442
|
.component('twLimitIcon', LimitIconComponent)
|
@@ -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
|
+
};
|
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",
|
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';
|
@@ -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"}
|
@@ -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"}
|