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