@transferwise/icons 2.15.0 → 2.19.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/lib/angular/components/auto-convert-icon.component.d.ts +6 -0
- package/lib/angular/components/calendar-success-icon.component.d.ts +6 -0
- package/lib/angular/components/leaf-icon.component.d.ts +6 -0
- package/lib/angular/components/paypal-icon.component.d.ts +6 -0
- package/lib/angular/index.js +1 -1
- package/lib/components/auto-convert.d.ts +9 -0
- package/lib/components/calendar-success.d.ts +9 -0
- package/lib/components/index.d.ts +4 -0
- package/lib/components/leaf.d.ts +9 -0
- package/lib/components/paypal.d.ts +9 -0
- package/lib/index.es.js +1 -1
- package/lib/index.js +1 -1
- package/package.json +1 -1
- package/CHANGELOG.md +0 -495
package/package.json
CHANGED
package/CHANGELOG.md
DELETED
@@ -1,495 +0,0 @@
|
|
1
|
-
# v2.15.0
|
2
|
-
|
3
|
-
## New Delivery icon
|
4
|
-
|
5
|
-
# v2.14.0
|
6
|
-
|
7
|
-
## New Request receive icon
|
8
|
-
|
9
|
-
# v2.13.0
|
10
|
-
|
11
|
-
## New Email & Phone icon
|
12
|
-
|
13
|
-
# v2.12.0
|
14
|
-
|
15
|
-
## New Navigate Away icon
|
16
|
-
|
17
|
-
# v2.11.0
|
18
|
-
|
19
|
-
## New Shield icon
|
20
|
-
|
21
|
-
# v2.10.0
|
22
|
-
|
23
|
-
## New version of icon for Wise Card icon
|
24
|
-
|
25
|
-
New Icon usage
|
26
|
-
```js
|
27
|
-
// Angular
|
28
|
-
<tw-card-wise />
|
29
|
-
|
30
|
-
// React
|
31
|
-
<CardWise />
|
32
|
-
```
|
33
|
-
|
34
|
-
**Note:** Please use it it instead of old one
|
35
|
-
|
36
|
-
```js
|
37
|
-
// Angular
|
38
|
-
<tw-card-transferwise />
|
39
|
-
|
40
|
-
// React
|
41
|
-
<CardTransferwise />
|
42
|
-
```
|
43
|
-
|
44
|
-
# v2.9.0
|
45
|
-
|
46
|
-
## Add Business category icons
|
47
|
-
- `contract-services`
|
48
|
-
- `cost-of-goods-sold`
|
49
|
-
- `insurance`
|
50
|
-
- `marketing`
|
51
|
-
- `office-expenses`
|
52
|
-
- `owners-withdrawal`
|
53
|
-
- `rent`
|
54
|
-
- `sales-and-royalties`
|
55
|
-
- `software-and-web-hosting`
|
56
|
-
- `tax`
|
57
|
-
- `travel`
|
58
|
-
|
59
|
-
# v2.8.0
|
60
|
-
|
61
|
-
## Add Team icon
|
62
|
-
|
63
|
-
# v2.7.0
|
64
|
-
|
65
|
-
## Update Direct Debits icon
|
66
|
-
|
67
|
-
- Previous `direct-debits` icon is renamed to `calendar`.
|
68
|
-
- Adds new `direct-debits` icon.
|
69
|
-
|
70
|
-
# v2.6.0
|
71
|
-
|
72
|
-
## Updates payment method icons
|
73
|
-
|
74
|
-
Adds iDEAL, Trustly and FPX. Updates Klarna.
|
75
|
-
|
76
|
-
# v2.5.1
|
77
|
-
|
78
|
-
## Adds focusable="false" to SVGs
|
79
|
-
|
80
|
-
IE11 doesn't support tabindex for SVGs, as a result they appear in the focus order by default and keyboard users will tab into them, resulting in a disorienting experience. Adding this property fixes that.
|
81
|
-
|
82
|
-
See: https://www.scottohara.me/blog/2019/05/22/contextual-images-svgs-and-a11y.html
|
83
|
-
|
84
|
-
# v2.5.0
|
85
|
-
|
86
|
-
## Add filled version of pending-circle
|
87
|
-
|
88
|
-
# v2.4.2
|
89
|
-
|
90
|
-
## Folder restructure
|
91
|
-
|
92
|
-
- `icons/` -> `src/icons`
|
93
|
-
- `scripts/` -> `src/build-scripts`
|
94
|
-
|
95
|
-
# v2.4.1
|
96
|
-
|
97
|
-
## Migrate on `main` branch
|
98
|
-
|
99
|
-
# v2.4.0
|
100
|
-
|
101
|
-
## Add `data-testid` prop for React icon components
|
102
|
-
|
103
|
-
# v2.3.0
|
104
|
-
|
105
|
-
## Generic icon component for Angular set
|
106
|
-
|
107
|
-
Example:
|
108
|
-
|
109
|
-
```js
|
110
|
-
<tw-icon name="'bank'" size="24"></tw-icon>
|
111
|
-
```
|
112
|
-
|
113
|
-
# v2.2.0
|
114
|
-
|
115
|
-
## Use 16 size as default for angular icons components
|
116
|
-
|
117
|
-
# v2.1.0
|
118
|
-
|
119
|
-
## Use babel to transpile angular bundle
|
120
|
-
|
121
|
-
# v2.0.1
|
122
|
-
|
123
|
-
## Demo page for the icons
|
124
|
-
|
125
|
-
Check out the demo page here
|
126
|
-
https://transferwise.github.io/icons/
|
127
|
-
|
128
|
-
The demo page allows consumers to preview icons in different variants and the main TransferWise colors, find them by name and check out renamed ones.
|
129
|
-
|
130
|
-
# v2.0.0
|
131
|
-
|
132
|
-
## Icons v2 official release
|
133
|
-
|
134
|
-
# v2.0.0-beta.7
|
135
|
-
|
136
|
-
## Add a11y attributes
|
137
|
-
|
138
|
-
# v2.0.0-beta.6
|
139
|
-
|
140
|
-
## Add missing `tw-icon` class names to angular component templates
|
141
|
-
|
142
|
-
# v2.0.0-beta.5
|
143
|
-
|
144
|
-
## Add common `tw-icon` class name to angular component template
|
145
|
-
|
146
|
-
Add `tw-icon` class, that was missing from the template that is used to generate all the angularJS commponents.
|
147
|
-
Now each angularJS component will have the general class name and the scoped one: e.g. `tw-icon tw-icon-activity`
|
148
|
-
|
149
|
-
# v2.0.0-beta.4
|
150
|
-
|
151
|
-
## Add Activity Category icons
|
152
|
-
|
153
|
-
The fill color for the source icons were changed to `#00BAFF`, some paths were tweaked, and 16 new icons were added:
|
154
|
-
|
155
|
-
- `bills`
|
156
|
-
- `card-transferwise`
|
157
|
-
- `charity`
|
158
|
-
- `defrost`
|
159
|
-
- `eating-out`
|
160
|
-
- `entertainment`
|
161
|
-
- `expenses`
|
162
|
-
- `family`
|
163
|
-
- `general`
|
164
|
-
- `groceries`
|
165
|
-
- `holidays`
|
166
|
-
- `investments`
|
167
|
-
- `personal-care`
|
168
|
-
- `salary`
|
169
|
-
- `savings`
|
170
|
-
- `transport`
|
171
|
-
|
172
|
-
# v2.0.0-beta.3
|
173
|
-
|
174
|
-
## Fix angularJS component names
|
175
|
-
|
176
|
-
The `-icon` suffix was missing for each angular icon, when they were added to the `twIconsModule` angular module.
|
177
|
-
Now the module declaration includes the `Icon` suffix at the end
|
178
|
-
|
179
|
-
```js
|
180
|
-
.component("tw${icon.componentName}Icon", ${icon.componentName}IconComponent)
|
181
|
-
...
|
182
|
-
```
|
183
|
-
|
184
|
-
# v2.0.0-beta.2
|
185
|
-
|
186
|
-
## Add angularJS support
|
187
|
-
|
188
|
-
The library now distributes an AngularJS module for all the icons.
|
189
|
-
To use it in your angularJs app, just import the module
|
190
|
-
|
191
|
-
```js
|
192
|
-
import { TwIconsModule } from '@transferwise/icons/lib/angular';
|
193
|
-
|
194
|
-
angular.module('app', [TwIconsModule]);
|
195
|
-
```
|
196
|
-
|
197
|
-
and in your angularJs template use the icons
|
198
|
-
|
199
|
-
```html
|
200
|
-
<tw-activity-icon size="16" filled="true"></tw-activity-icon>
|
201
|
-
<tw-alert-circle-icon size="24"></tw-alert-circle-icon>
|
202
|
-
```
|
203
|
-
|
204
|
-
# v2.0.0-beta.1
|
205
|
-
|
206
|
-
## ICONS v2
|
207
|
-
|
208
|
-
The new TransferWise icon set
|
209
|
-
Changes:
|
210
|
-
|
211
|
-
- Replace old icons
|
212
|
-
- Update build process with custom scripts
|
213
|
-
- Add rollup to create UMD and ES bundles
|
214
|
-
|
215
|
-
# v1.5.0
|
216
|
-
|
217
|
-
## Adds `messenger` icon
|
218
|
-
|
219
|
-
# v1.4.0
|
220
|
-
|
221
|
-
## Adds `recurring` icon
|
222
|
-
|
223
|
-
# v1.3.0
|
224
|
-
|
225
|
-
## Adds `back` icon
|
226
|
-
|
227
|
-
# v1.2.0
|
228
|
-
|
229
|
-
## Adds `myinfo` icon
|
230
|
-
|
231
|
-
# v1.1.0
|
232
|
-
|
233
|
-
## Adds `copy` icon
|
234
|
-
|
235
|
-
# v1.0.0
|
236
|
-
|
237
|
-
## Increases weight of Close icon
|
238
|
-
|
239
|
-
Change weight of Close icon to match most common usage on all platforms. We're aware of the inconsistency it brings to the current set, it's an interim solution while we redesign all icons.
|
240
|
-
|
241
|
-
# v0.14.0
|
242
|
-
|
243
|
-
## Move dependencies to devDependencies
|
244
|
-
|
245
|
-
- When installing in a consumer, we were installing `phantomjs` as well, since `create-svg-icon-sprite` was depending on it. However this project has zero dependencies, everything can be a devDependency
|
246
|
-
- Adds `eslint-config`
|
247
|
-
|
248
|
-
# v0.13.2
|
249
|
-
|
250
|
-
## Fixes security issue
|
251
|
-
|
252
|
-
Bumps npm-run-all version which fixes security issue raised by flatmap-stream
|
253
|
-
|
254
|
-
# v0.13.1
|
255
|
-
|
256
|
-
## Fixes fast-flag causing error in React
|
257
|
-
|
258
|
-
Because of a `path` contained a `class` attribute which is forbidden in React.
|
259
|
-
|
260
|
-
# v0.13.0
|
261
|
-
|
262
|
-
## Adds `linkedin` icon
|
263
|
-
|
264
|
-
# v0.12.0
|
265
|
-
|
266
|
-
## Adds `instagram` icon
|
267
|
-
|
268
|
-
# v0.11.2
|
269
|
-
|
270
|
-
## Adds inline-block display to .tw-icon
|
271
|
-
|
272
|
-
As we're using a newer version of `create-svg-icon-sprite`,
|
273
|
-
the SVG itself does not have the property any more.
|
274
|
-
|
275
|
-
# v0.11.1
|
276
|
-
|
277
|
-
## Fixes react folder missing from NPM package
|
278
|
-
|
279
|
-
# v0.11.0
|
280
|
-
|
281
|
-
## Adds `pin` icon
|
282
|
-
|
283
|
-
# v0.10.0
|
284
|
-
|
285
|
-
## Adds exposing React modules for every icon
|
286
|
-
|
287
|
-
We now build a React module for every icon in the `icons` directory and place them in `react/` directory
|
288
|
-
using `create-svg-icon-sprite` release: https://github.com/transferwise/create-svg-icon-sprite/releases/tag/v1.2.1
|
289
|
-
|
290
|
-
The icons can be imported individually, allowing us to minimize our app sizes.
|
291
|
-
|
292
|
-
For example:
|
293
|
-
|
294
|
-
```js
|
295
|
-
...
|
296
|
-
import TransferIcon from '@transferwise/icons/react/transfer';
|
297
|
-
|
298
|
-
const YourComponent = () => (
|
299
|
-
...
|
300
|
-
<TransferIcon size="sm" />
|
301
|
-
...
|
302
|
-
);
|
303
|
-
```
|
304
|
-
|
305
|
-
The `size` prop should be one of the sizes defined in `styles.css` (`sm`, `md`, `lg`, `xl`, or `xxl`),
|
306
|
-
which should also be imported for consistency.
|
307
|
-
|
308
|
-
The component also passes any other `className` and `style` values to the icon, so you can style them further,
|
309
|
-
for example for a large blue icon:
|
310
|
-
|
311
|
-
```js
|
312
|
-
<TransferIcon size="lg" className="text-info" />
|
313
|
-
```
|
314
|
-
|
315
|
-
# v0.9.0
|
316
|
-
|
317
|
-
## Adds `minus` icon
|
318
|
-
|
319
|
-
Adds `minus` icon, created from `top-up` (plus sign)
|
320
|
-
|
321
|
-
# v0.8.0
|
322
|
-
|
323
|
-
## Adds versioned deployment to AWS
|
324
|
-
|
325
|
-
The assets will be deployed to:
|
326
|
-
|
327
|
-
<https://daw291njkc3ao.cloudfront.net/icons/0.8.0/sprite.svg> (SVG sprite itself)
|
328
|
-
<https://daw291njkc3ao.cloudfront.net/icons/0.8.0/svg-icon-sprite.js> (sprite string script)
|
329
|
-
<https://daw291njkc3ao.cloudfront.net/icons/0.8.0/svg-icon-sprite-version.js> (sprite version script)
|
330
|
-
<https://daw291njkc3ao.cloudfront.net/icons/0.8.0/icons.min.css> (styles)
|
331
|
-
|
332
|
-
Where `0.8.0` is the version or `latest`.
|
333
|
-
|
334
|
-
# v0.7.0
|
335
|
-
|
336
|
-
## Adds controls for modifying icon sizes and color in demo
|
337
|
-
|
338
|
-
Change introduced here:
|
339
|
-
https://github.com/transferwise/create-svg-icon-sprite/releases/tag/v1.1.0
|
340
|
-
|
341
|
-

|
342
|
-
|
343
|
-
# v0.6.0
|
344
|
-
|
345
|
-
## Makes icons current color, aligns small icons with text
|
346
|
-
|
347
|
-
The `.tw-icon` will now by default be current color so it's easily changeable
|
348
|
-
by giving utility classes to parents, f.e. `.text-info` in Bootstrap.
|
349
|
-
|
350
|
-
The `.tw-icon-sm` now has a `-2px` margin to align it nicely with body text.
|
351
|
-
|
352
|
-
# v0.5.0
|
353
|
-
|
354
|
-
## Adds entry point for module-based environments, adds README, fixes `tw-icon-xl` and `tw-icon-xxl`
|
355
|
-
|
356
|
-
You can now
|
357
|
-
|
358
|
-
```js
|
359
|
-
import { iconSprite } from '@transferwise/icons';
|
360
|
-
```
|
361
|
-
|
362
|
-
Also, `.tw-icon-xl` is now `40px` and `.tw-icon-xxl` is now `48px`.
|
363
|
-
|
364
|
-
# v0.4.0
|
365
|
-
|
366
|
-
## Exposes SVG string as an UMD script
|
367
|
-
|
368
|
-
Change introduced here:
|
369
|
-
https://github.com/transferwise/create-svg-icon-sprite/releases/tag/v0.2.0
|
370
|
-
|
371
|
-
# v0.3.1
|
372
|
-
|
373
|
-
## Use separated `create-svg-icon-sprite` package
|
374
|
-
|
375
|
-
The https://github.com/transferwise/create-svg-icon-sprite package was separated
|
376
|
-
to simplify this repository for designers and to allow other people/companies to use the same process.
|
377
|
-
|
378
|
-
# v0.3.0
|
379
|
-
|
380
|
-
## Initial set of icons
|
381
|
-
|
382
|
-
- ach
|
383
|
-
- active-card
|
384
|
-
- activity
|
385
|
-
- add-profile
|
386
|
-
- alert-circle
|
387
|
-
- alert
|
388
|
-
- atm
|
389
|
-
- balance
|
390
|
-
- bank
|
391
|
-
- barcode
|
392
|
-
- batch
|
393
|
-
- bin
|
394
|
-
- book
|
395
|
-
- briefcase
|
396
|
-
- camera
|
397
|
-
- card-back
|
398
|
-
- card-front
|
399
|
-
- chat
|
400
|
-
- chip-pin
|
401
|
-
- close-circle
|
402
|
-
- close
|
403
|
-
- coins
|
404
|
-
- collapse
|
405
|
-
- comments
|
406
|
-
- contactless
|
407
|
-
- convert
|
408
|
-
- cs
|
409
|
-
- document
|
410
|
-
- documents
|
411
|
-
- down-arrow
|
412
|
-
- down
|
413
|
-
- download
|
414
|
-
- drivers-licence
|
415
|
-
- e-comm
|
416
|
-
- edit
|
417
|
-
- email
|
418
|
-
- emoji
|
419
|
-
- exchange-rate
|
420
|
-
- exchange
|
421
|
-
- expand
|
422
|
-
- eye-off
|
423
|
-
- eye-on
|
424
|
-
- facebook-2
|
425
|
-
- facebook
|
426
|
-
- fast-flag
|
427
|
-
- feedback
|
428
|
-
- fingerprint
|
429
|
-
- globe
|
430
|
-
- google
|
431
|
-
- graph
|
432
|
-
- help-circle
|
433
|
-
- help
|
434
|
-
- home
|
435
|
-
- id
|
436
|
-
- inactive-card
|
437
|
-
- invite
|
438
|
-
- klarna
|
439
|
-
- left-arrow
|
440
|
-
- left
|
441
|
-
- lightning
|
442
|
-
- link
|
443
|
-
- lock
|
444
|
-
- login
|
445
|
-
- logout
|
446
|
-
- menu
|
447
|
-
- mobile
|
448
|
-
- money
|
449
|
-
- multi-currency
|
450
|
-
- new
|
451
|
-
- notification-active
|
452
|
-
- notification
|
453
|
-
- passport
|
454
|
-
- pending-circle
|
455
|
-
- pending
|
456
|
-
- phone
|
457
|
-
- picture
|
458
|
-
- pips
|
459
|
-
- profile
|
460
|
-
- receipt
|
461
|
-
- receive
|
462
|
-
- recipients
|
463
|
-
- refresh
|
464
|
-
- remove-profile
|
465
|
-
- right-arrow
|
466
|
-
- right
|
467
|
-
- search
|
468
|
-
- send
|
469
|
-
- settings
|
470
|
-
- star
|
471
|
-
- tick-circle
|
472
|
-
- tick
|
473
|
-
- top-up
|
474
|
-
- transfer
|
475
|
-
- twitter
|
476
|
-
- two-step
|
477
|
-
- unlock
|
478
|
-
- up-arrow
|
479
|
-
- up
|
480
|
-
- upload
|
481
|
-
- verified
|
482
|
-
- whatsapp
|
483
|
-
|
484
|
-
# v0.2.1
|
485
|
-
|
486
|
-
## Fix build and edit demo style
|
487
|
-
|
488
|
-
Previously, any file (even `.DS_Store`, f.e.) resulted in an entry in the icons demo.
|
489
|
-
We now filter to `.svg` files only.
|
490
|
-
|
491
|
-
The demo also now has a blue period in the title, which, by the way, is now sentence-case.
|
492
|
-
|
493
|
-
# v0.2.0
|
494
|
-
|
495
|
-
## Initial release
|