@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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/icons",
3
- "version": "2.15.0",
3
+ "version": "2.19.0",
4
4
  "description": "TransferWise SVG icons",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.es.js",
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
- ![image](https://user-images.githubusercontent.com/5443561/34956743-5f968d44-fa22-11e7-8ecb-82e8a6ad729e.png)
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