@transferwise/icons 2.14.0 → 2.18.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.14.0",
3
+ "version": "2.18.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,491 +0,0 @@
1
- # v2.14.0
2
-
3
- ## New Request receive icon
4
-
5
- # v2.13.0
6
-
7
- ## New Email & Phone icon
8
-
9
- # v2.12.0
10
-
11
- ## New Navigate Away icon
12
-
13
- # v2.11.0
14
-
15
- ## New Shield icon
16
-
17
- # v2.10.0
18
-
19
- ## New version of icon for Wise Card icon
20
-
21
- New Icon usage
22
- ```js
23
- // Angular
24
- <tw-card-wise />
25
-
26
- // React
27
- <CardWise />
28
- ```
29
-
30
- **Note:** Please use it it instead of old one
31
-
32
- ```js
33
- // Angular
34
- <tw-card-transferwise />
35
-
36
- // React
37
- <CardTransferwise />
38
- ```
39
-
40
- # v2.9.0
41
-
42
- ## Add Business category icons
43
- - `contract-services`
44
- - `cost-of-goods-sold`
45
- - `insurance`
46
- - `marketing`
47
- - `office-expenses`
48
- - `owners-withdrawal`
49
- - `rent`
50
- - `sales-and-royalties`
51
- - `software-and-web-hosting`
52
- - `tax`
53
- - `travel`
54
-
55
- # v2.8.0
56
-
57
- ## Add Team icon
58
-
59
- # v2.7.0
60
-
61
- ## Update Direct Debits icon
62
-
63
- - Previous `direct-debits` icon is renamed to `calendar`.
64
- - Adds new `direct-debits` icon.
65
-
66
- # v2.6.0
67
-
68
- ## Updates payment method icons
69
-
70
- Adds iDEAL, Trustly and FPX. Updates Klarna.
71
-
72
- # v2.5.1
73
-
74
- ## Adds focusable="false" to SVGs
75
-
76
- 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.
77
-
78
- See: https://www.scottohara.me/blog/2019/05/22/contextual-images-svgs-and-a11y.html
79
-
80
- # v2.5.0
81
-
82
- ## Add filled version of pending-circle
83
-
84
- # v2.4.2
85
-
86
- ## Folder restructure
87
-
88
- - `icons/` -> `src/icons`
89
- - `scripts/` -> `src/build-scripts`
90
-
91
- # v2.4.1
92
-
93
- ## Migrate on `main` branch
94
-
95
- # v2.4.0
96
-
97
- ## Add `data-testid` prop for React icon components
98
-
99
- # v2.3.0
100
-
101
- ## Generic icon component for Angular set
102
-
103
- Example:
104
-
105
- ```js
106
- <tw-icon name="'bank'" size="24"></tw-icon>
107
- ```
108
-
109
- # v2.2.0
110
-
111
- ## Use 16 size as default for angular icons components
112
-
113
- # v2.1.0
114
-
115
- ## Use babel to transpile angular bundle
116
-
117
- # v2.0.1
118
-
119
- ## Demo page for the icons
120
-
121
- Check out the demo page here
122
- https://transferwise.github.io/icons/
123
-
124
- 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.
125
-
126
- # v2.0.0
127
-
128
- ## Icons v2 official release
129
-
130
- # v2.0.0-beta.7
131
-
132
- ## Add a11y attributes
133
-
134
- # v2.0.0-beta.6
135
-
136
- ## Add missing `tw-icon` class names to angular component templates
137
-
138
- # v2.0.0-beta.5
139
-
140
- ## Add common `tw-icon` class name to angular component template
141
-
142
- Add `tw-icon` class, that was missing from the template that is used to generate all the angularJS commponents.
143
- Now each angularJS component will have the general class name and the scoped one: e.g. `tw-icon tw-icon-activity`
144
-
145
- # v2.0.0-beta.4
146
-
147
- ## Add Activity Category icons
148
-
149
- The fill color for the source icons were changed to `#00BAFF`, some paths were tweaked, and 16 new icons were added:
150
-
151
- - `bills`
152
- - `card-transferwise`
153
- - `charity`
154
- - `defrost`
155
- - `eating-out`
156
- - `entertainment`
157
- - `expenses`
158
- - `family`
159
- - `general`
160
- - `groceries`
161
- - `holidays`
162
- - `investments`
163
- - `personal-care`
164
- - `salary`
165
- - `savings`
166
- - `transport`
167
-
168
- # v2.0.0-beta.3
169
-
170
- ## Fix angularJS component names
171
-
172
- The `-icon` suffix was missing for each angular icon, when they were added to the `twIconsModule` angular module.
173
- Now the module declaration includes the `Icon` suffix at the end
174
-
175
- ```js
176
- .component("tw${icon.componentName}Icon", ${icon.componentName}IconComponent)
177
- ...
178
- ```
179
-
180
- # v2.0.0-beta.2
181
-
182
- ## Add angularJS support
183
-
184
- The library now distributes an AngularJS module for all the icons.
185
- To use it in your angularJs app, just import the module
186
-
187
- ```js
188
- import { TwIconsModule } from '@transferwise/icons/lib/angular';
189
-
190
- angular.module('app', [TwIconsModule]);
191
- ```
192
-
193
- and in your angularJs template use the icons
194
-
195
- ```html
196
- <tw-activity-icon size="16" filled="true"></tw-activity-icon>
197
- <tw-alert-circle-icon size="24"></tw-alert-circle-icon>
198
- ```
199
-
200
- # v2.0.0-beta.1
201
-
202
- ## ICONS v2
203
-
204
- The new TransferWise icon set
205
- Changes:
206
-
207
- - Replace old icons
208
- - Update build process with custom scripts
209
- - Add rollup to create UMD and ES bundles
210
-
211
- # v1.5.0
212
-
213
- ## Adds `messenger` icon
214
-
215
- # v1.4.0
216
-
217
- ## Adds `recurring` icon
218
-
219
- # v1.3.0
220
-
221
- ## Adds `back` icon
222
-
223
- # v1.2.0
224
-
225
- ## Adds `myinfo` icon
226
-
227
- # v1.1.0
228
-
229
- ## Adds `copy` icon
230
-
231
- # v1.0.0
232
-
233
- ## Increases weight of Close icon
234
-
235
- 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.
236
-
237
- # v0.14.0
238
-
239
- ## Move dependencies to devDependencies
240
-
241
- - 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
242
- - Adds `eslint-config`
243
-
244
- # v0.13.2
245
-
246
- ## Fixes security issue
247
-
248
- Bumps npm-run-all version which fixes security issue raised by flatmap-stream
249
-
250
- # v0.13.1
251
-
252
- ## Fixes fast-flag causing error in React
253
-
254
- Because of a `path` contained a `class` attribute which is forbidden in React.
255
-
256
- # v0.13.0
257
-
258
- ## Adds `linkedin` icon
259
-
260
- # v0.12.0
261
-
262
- ## Adds `instagram` icon
263
-
264
- # v0.11.2
265
-
266
- ## Adds inline-block display to .tw-icon
267
-
268
- As we're using a newer version of `create-svg-icon-sprite`,
269
- the SVG itself does not have the property any more.
270
-
271
- # v0.11.1
272
-
273
- ## Fixes react folder missing from NPM package
274
-
275
- # v0.11.0
276
-
277
- ## Adds `pin` icon
278
-
279
- # v0.10.0
280
-
281
- ## Adds exposing React modules for every icon
282
-
283
- We now build a React module for every icon in the `icons` directory and place them in `react/` directory
284
- using `create-svg-icon-sprite` release: https://github.com/transferwise/create-svg-icon-sprite/releases/tag/v1.2.1
285
-
286
- The icons can be imported individually, allowing us to minimize our app sizes.
287
-
288
- For example:
289
-
290
- ```js
291
- ...
292
- import TransferIcon from '@transferwise/icons/react/transfer';
293
-
294
- const YourComponent = () => (
295
- ...
296
- <TransferIcon size="sm" />
297
- ...
298
- );
299
- ```
300
-
301
- The `size` prop should be one of the sizes defined in `styles.css` (`sm`, `md`, `lg`, `xl`, or `xxl`),
302
- which should also be imported for consistency.
303
-
304
- The component also passes any other `className` and `style` values to the icon, so you can style them further,
305
- for example for a large blue icon:
306
-
307
- ```js
308
- <TransferIcon size="lg" className="text-info" />
309
- ```
310
-
311
- # v0.9.0
312
-
313
- ## Adds `minus` icon
314
-
315
- Adds `minus` icon, created from `top-up` (plus sign)
316
-
317
- # v0.8.0
318
-
319
- ## Adds versioned deployment to AWS
320
-
321
- The assets will be deployed to:
322
-
323
- <https://daw291njkc3ao.cloudfront.net/icons/0.8.0/sprite.svg> (SVG sprite itself)
324
- <https://daw291njkc3ao.cloudfront.net/icons/0.8.0/svg-icon-sprite.js> (sprite string script)
325
- <https://daw291njkc3ao.cloudfront.net/icons/0.8.0/svg-icon-sprite-version.js> (sprite version script)
326
- <https://daw291njkc3ao.cloudfront.net/icons/0.8.0/icons.min.css> (styles)
327
-
328
- Where `0.8.0` is the version or `latest`.
329
-
330
- # v0.7.0
331
-
332
- ## Adds controls for modifying icon sizes and color in demo
333
-
334
- Change introduced here:
335
- https://github.com/transferwise/create-svg-icon-sprite/releases/tag/v1.1.0
336
-
337
- ![image](https://user-images.githubusercontent.com/5443561/34956743-5f968d44-fa22-11e7-8ecb-82e8a6ad729e.png)
338
-
339
- # v0.6.0
340
-
341
- ## Makes icons current color, aligns small icons with text
342
-
343
- The `.tw-icon` will now by default be current color so it's easily changeable
344
- by giving utility classes to parents, f.e. `.text-info` in Bootstrap.
345
-
346
- The `.tw-icon-sm` now has a `-2px` margin to align it nicely with body text.
347
-
348
- # v0.5.0
349
-
350
- ## Adds entry point for module-based environments, adds README, fixes `tw-icon-xl` and `tw-icon-xxl`
351
-
352
- You can now
353
-
354
- ```js
355
- import { iconSprite } from '@transferwise/icons';
356
- ```
357
-
358
- Also, `.tw-icon-xl` is now `40px` and `.tw-icon-xxl` is now `48px`.
359
-
360
- # v0.4.0
361
-
362
- ## Exposes SVG string as an UMD script
363
-
364
- Change introduced here:
365
- https://github.com/transferwise/create-svg-icon-sprite/releases/tag/v0.2.0
366
-
367
- # v0.3.1
368
-
369
- ## Use separated `create-svg-icon-sprite` package
370
-
371
- The https://github.com/transferwise/create-svg-icon-sprite package was separated
372
- to simplify this repository for designers and to allow other people/companies to use the same process.
373
-
374
- # v0.3.0
375
-
376
- ## Initial set of icons
377
-
378
- - ach
379
- - active-card
380
- - activity
381
- - add-profile
382
- - alert-circle
383
- - alert
384
- - atm
385
- - balance
386
- - bank
387
- - barcode
388
- - batch
389
- - bin
390
- - book
391
- - briefcase
392
- - camera
393
- - card-back
394
- - card-front
395
- - chat
396
- - chip-pin
397
- - close-circle
398
- - close
399
- - coins
400
- - collapse
401
- - comments
402
- - contactless
403
- - convert
404
- - cs
405
- - document
406
- - documents
407
- - down-arrow
408
- - down
409
- - download
410
- - drivers-licence
411
- - e-comm
412
- - edit
413
- - email
414
- - emoji
415
- - exchange-rate
416
- - exchange
417
- - expand
418
- - eye-off
419
- - eye-on
420
- - facebook-2
421
- - facebook
422
- - fast-flag
423
- - feedback
424
- - fingerprint
425
- - globe
426
- - google
427
- - graph
428
- - help-circle
429
- - help
430
- - home
431
- - id
432
- - inactive-card
433
- - invite
434
- - klarna
435
- - left-arrow
436
- - left
437
- - lightning
438
- - link
439
- - lock
440
- - login
441
- - logout
442
- - menu
443
- - mobile
444
- - money
445
- - multi-currency
446
- - new
447
- - notification-active
448
- - notification
449
- - passport
450
- - pending-circle
451
- - pending
452
- - phone
453
- - picture
454
- - pips
455
- - profile
456
- - receipt
457
- - receive
458
- - recipients
459
- - refresh
460
- - remove-profile
461
- - right-arrow
462
- - right
463
- - search
464
- - send
465
- - settings
466
- - star
467
- - tick-circle
468
- - tick
469
- - top-up
470
- - transfer
471
- - twitter
472
- - two-step
473
- - unlock
474
- - up-arrow
475
- - up
476
- - upload
477
- - verified
478
- - whatsapp
479
-
480
- # v0.2.1
481
-
482
- ## Fix build and edit demo style
483
-
484
- Previously, any file (even `.DS_Store`, f.e.) resulted in an entry in the icons demo.
485
- We now filter to `.svg` files only.
486
-
487
- The demo also now has a blue period in the title, which, by the way, is now sentence-case.
488
-
489
- # v0.2.0
490
-
491
- ## Initial release