@transferwise/icons - npm Package Compare versions

Comparing version 2.0.0-beta.3 to 2.0.0-beta.4

CHANGELOG.md

@@ -0,5 +1,31 @@
+# v2.0.0-beta.4
+
+## Add Activity Category icons
+
+The fill color for the source icons were changed to `#00BAFF`, some paths were tweaked, and 16 new icons were added:
+
+- `bills`
+- `card-transferwise`
+- `charity`
+- `defrost`
+- `eating-out`
+- `entertainment`
+- `expenses`
+- `family`
+- `general`
+- `groceries`
+- `holidays`
+- `investments`
+- `personal-care`
+- `salary`
+- `savings`
+- `transport`
+
 # v2.0.0-beta.3
+
 ## Fix angularJS component names
-The `-icon` suffix was missing for each angular icon, when they were added to the `twIconsModule` angular module. 
+
+The `-icon` suffix was missing for each angular icon, when they were added to the `twIconsModule` angular module.
 Now the module declaration includes the `Icon` suffix at the end
+
 ```js
@@ -11,13 +37,16 @@ .component("tw${icon.componentName}Icon", ${icon.componentName}IconComponent)
 # v2.0.0-beta.2
+
 ## Add angularJS support
 
 The library now distributes an AngularJS module for all the icons.
-To use it in your angularJs app, just import the module 
+To use it in your angularJs app, just import the module
+
 ```js
-import { TwIconsModule } from "@transferwise/icons/lib/angular";
+import { TwIconsModule } from '@transferwise/icons/lib/angular';
 
-angular.module("app", [TwIconsModule]);
+angular.module('app', [TwIconsModule]);
 ```
 
 and in your angularJs template use the icons
+
 ```html
@@ -29,2 +58,3 @@ <tw-activity-icon size="16" filled="true"></tw-activity-icon>
 # v2.0.0-beta.1
+
 ## ICONS v2
@@ -34,3 +64,4 @@
 Changes:
-- Replace old icons 
+
+- Replace old icons
 - Update build process with custom scripts
@@ -40,17 +71,23 @@ - Add rollup to create UMD and ES bundles
 # v1.5.0
+
 ## Adds `messenger` icon
 
 # v1.4.0
+
 ## Adds `recurring` icon
 
 # v1.3.0
+
 ## Adds `back` icon
 
 # v1.2.0
+
 ## Adds `myinfo` icon
 
 # v1.1.0
+
 ## Adds `copy` icon
 
 # v1.0.0
+
 ## Increases weight of Close icon
@@ -61,2 +98,3 @@
 # v0.14.0
+
 ## Move dependencies to devDependencies
@@ -68,16 +106,23 @@
 # v0.13.2
+
 ## Fixes security issue
+
 Bumps npm-run-all version which fixes security issue raised by flatmap-stream
 
 # v0.13.1
+
 ## Fixes fast-flag causing error in React
+
 Because of a `path` contained a `class` attribute which is forbidden in React.
 
 # v0.13.0
+
 ## Adds `linkedin` icon
 
 # v0.12.0
+
 ## Adds `instagram` icon
 
 # v0.11.2
+
 ## Adds inline-block display to .tw-icon
@@ -89,8 +134,11 @@
 # v0.11.1
+
 ## Fixes react folder missing from NPM package
 
 # v0.11.0
+
 ## Adds `pin` icon
 
 # v0.10.0
+
 ## Adds exposing React modules for every icon
@@ -104,2 +152,3 @@
 For example:
+
 ```js
@@ -121,2 +170,3 @@ ...
 for example for a large blue icon:
+
 ```js
@@ -126,4 +176,4 @@ <TransferIcon size="lg" className="text-info" />
 
+# v0.9.0
 
-# v0.9.0
 ## Adds `minus` icon
@@ -134,2 +184,3 @@
 # v0.8.0
+
 ## Adds versioned deployment to AWS
@@ -147,2 +198,3 @@
 # v0.7.0
+
 ## Adds controls for modifying icon sizes and color in demo
@@ -156,2 +208,3 @@
 # v0.6.0
+
 ## Makes icons current color, aligns small icons with text
@@ -165,5 +218,7 @@
 # v0.5.0
+
 ## Adds entry point for module-based environments, adds README, fixes `tw-icon-xl` and `tw-icon-xxl`
 
 You can now
+
 ```js
@@ -176,2 +231,3 @@ import { iconSprite } from '@transferwise/icons';
 # v0.4.0
+
 ## Exposes SVG string as an UMD script
@@ -183,2 +239,3 @@
 # v0.3.1
+
 ## Use separated `create-svg-icon-sprite` package
@@ -190,107 +247,109 @@
 # v0.3.0
+
 ## Initial set of icons
 
-* ach
-* active-card
-* activity
-* add-profile
-* alert-circle
-* alert
-* atm
-* balance
-* bank
-* barcode
-* batch
-* bin
-* book
-* briefcase
-* camera
-* card-back
-* card-front
-* chat
-* chip-pin
-* close-circle
-* close
-* coins
-* collapse
-* comments
-* contactless
-* convert
-* cs
-* document
-* documents
-* down-arrow
-* down
-* download
-* drivers-licence
-* e-comm
-* edit
-* email
-* emoji
-* exchange-rate
-* exchange
-* expand
-* eye-off
-* eye-on
-* facebook-2
-* facebook
-* fast-flag
-* feedback
-* fingerprint
-* globe
-* google
-* graph
-* help-circle
-* help
-* home
-* id
-* inactive-card
-* invite
-* klarna
-* left-arrow
-* left
-* lightning
-* link
-* lock
-* login
-* logout
-* menu
-* mobile
-* money
-* multi-currency
-* new
-* notification-active
-* notification
-* passport
-* pending-circle
-* pending
-* phone
-* picture
-* pips
-* profile
-* receipt
-* receive
-* recipients
-* refresh
-* remove-profile
-* right-arrow
-* right
-* search
-* send
-* settings
-* star
-* tick-circle
-* tick
-* top-up
-* transfer
-* twitter
-* two-step
-* unlock
-* up-arrow
-* up
-* upload
-* verified
-* whatsapp
+- ach
+- active-card
+- activity
+- add-profile
+- alert-circle
+- alert
+- atm
+- balance
+- bank
+- barcode
+- batch
+- bin
+- book
+- briefcase
+- camera
+- card-back
+- card-front
+- chat
+- chip-pin
+- close-circle
+- close
+- coins
+- collapse
+- comments
+- contactless
+- convert
+- cs
+- document
+- documents
+- down-arrow
+- down
+- download
+- drivers-licence
+- e-comm
+- edit
+- email
+- emoji
+- exchange-rate
+- exchange
+- expand
+- eye-off
+- eye-on
+- facebook-2
+- facebook
+- fast-flag
+- feedback
+- fingerprint
+- globe
+- google
+- graph
+- help-circle
+- help
+- home
+- id
+- inactive-card
+- invite
+- klarna
+- left-arrow
+- left
+- lightning
+- link
+- lock
+- login
+- logout
+- menu
+- mobile
+- money
+- multi-currency
+- new
+- notification-active
+- notification
+- passport
+- pending-circle
+- pending
+- phone
+- picture
+- pips
+- profile
+- receipt
+- receive
+- recipients
+- refresh
+- remove-profile
+- right-arrow
+- right
+- search
+- send
+- settings
+- star
+- tick-circle
+- tick
+- top-up
+- transfer
+- twitter
+- two-step
+- unlock
+- up-arrow
+- up
+- upload
+- verified
+- whatsapp
 
 # v0.2.1
+
 ## Fix build and edit demo style
@@ -304,2 +363,3 @@
 # v0.2.0
+
 ## Initial release

lib/angular/components/card-transferwise-icon.component.d.ts

 export namespace CardTransferwiseIconComponent {
     export namespace bindings {
         export const size: string;
+        export const filled: string;
     }
     export const template: string;
 }

lib/components/card-transferwise.d.ts

@@ -5,3 +5,4 @@ import { FunctionComponent } from 'react';
     size?: IconSize;
+    filled?: boolean;
 }
 export declare const CardTransferwise: FunctionComponent<CardTransferwiseIconProps>;

lib/components/index.d.ts

@@ -14,2 +14,3 @@ export * from './ach';
 export * from './batch';
+export * from './bills';
 export * from './bin';
@@ -22,2 +23,3 @@ export * from './book';
 export * from './card';
+export * from './charity';
 export * from './chat';
@@ -38,2 +40,3 @@ export * from './check-circle';
 export * from './cs';
+export * from './defrost';
 export * from './direct-debits';
@@ -47,7 +50,10 @@ export * from './do';
 export * from './e-commerce';
+export * from './eating-out';
 export * from './edit';
 export * from './email';
 export * from './emoji';
+export * from './entertainment';
 export * from './exchange-rate';
 export * from './expand';
+export * from './expenses';
 export * from './eye-shut';
@@ -58,2 +64,3 @@ export * from './eye';
 export * from './facebook';
+export * from './family';
 export * from './fast-flag';
@@ -63,6 +70,9 @@ export * from './feedback';
 export * from './freeze';
+export * from './general';
 export * from './globe';
 export * from './graph';
+export * from './groceries';
 export * from './help-circle';
 export * from './help';
+export * from './holidays';
 export * from './home';
@@ -72,2 +82,3 @@ export * from './id';
 export * from './instagram';
+export * from './investments';
 export * from './invite';
@@ -96,2 +107,3 @@ export * from './klarna';
 export * from './pending';
+export * from './personal-care';
 export * from './phone';
@@ -107,2 +119,4 @@ export * from './picture';
 export * from './refresh';
+export * from './salary';
+export * from './savings';
 export * from './search';
@@ -116,2 +130,3 @@ export * from './send';
 export * from './transfer';
+export * from './transport';
 export * from './twitter';
@@ -118,0 +133,0 @@ export * from './two-step';

package.json

 {
   "name": "@transferwise/icons",
-  "version": "2.0.0-beta.3",
+  "version": "2.0.0-beta.4",
   "description": "TransferWise SVG icons",
@@ -58,3 +58,3 @@ "main": "lib/index.js",
     "react": "^16.13.0",
-    "release-to-github-with-changelog": "^1.2.2",
+    "release-to-github-with-changelog": "^1.2.4",
     "rimraf": "^3.0.2",
@@ -61,0 +61,0 @@ "rollup": "^1.32.0",

README.md

@@ -21,2 +21,3 @@ # TransferWise icons
 For example:
+
 ```js
@@ -38,2 +39,3 @@ ...
 for example for a large blue icon:
+
 ```js
@@ -74,5 +76,7 @@ <TransferIcon size="lg" className="text-info" />
 #### CSS
+
 ```css
-@import "~@transferwise/icons/dist/icons.min.css";
+@import '~@transferwise/icons/dist/icons.min.css';
 ```
+
 (or just import it from JS depending on your build system)
@@ -89,4 +93,5 @@
 #### CSS
+
 ```css
-@import "node_modules/@transferwise/icons/dist/icons.min.css";
+@import 'node_modules/@transferwise/icons/dist/icons.min.css';
 ```
@@ -107,3 +112,3 @@
 | Class                    | Size |
-|--------------------------|-----:|
+| ------------------------ | ---: |
 | `tw-icon-sm`             | 16px |
@@ -120,5 +125,5 @@ | `tw-icon-md` (_default_) | 24px |
 1. Change `package.json` version (if doing multiple of these, follow the first one that applies):  
-Removing an icon: _major_ release, f.e. `1.2.3 => 2.0.0`  
-Adding an icon: _minor_ release, f.e. `1.2.3 => 1.3.0`  
-Changing an icon: _patch_ release, f.e. `1.2.3 => 1.2.4`
+   Removing an icon: _major_ release, f.e. `1.2.3 => 2.0.0`  
+   Adding an icon: _minor_ release, f.e. `1.2.3 => 1.3.0`  
+   Changing an icon: _patch_ release, f.e. `1.2.3 => 1.2.4`
 1. Add a `CHANGELOG.md` entry with the version and an explanation of changes
@@ -125,0 +130,0 @@ 1. Submit your pull request from a feature branch and get code reviewed.

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

513460

increased by17.1%

Number of package files

264

increased by12.82%

Lines of code

3295

increased by15.61%

Number of lines in readme file

141

increased by3.68%

Worsened metrics

Number of low supply chain risk alerts

71

increased by22.41%

No dependency changes