@engie-group/fluid-design-tokens - npm Package Compare versions

Comparing version 5.0.0 to 5.1.0

CHANGELOG.md

 # Changelog
+
 All notable changes to Fluid Design Tokens will be documented in this file.
@@ -7,6 +8,15 @@
 
+## 📦 5.1.0 - 2023-04-04
+
+### 🚀 Added
+
+###### [FLUTTER]
+* Added first version of Flutter tokens
+
 ## 📦 5.0.0 - 2023-03-02
+
 ### 🚀 Added
 
 ###### [GLOBAL]
+
 * Add possibility to import tokens as js object
@@ -31,3 +41,3 @@ You can import tokens in JS this way
 // ====> Added single token export
-import { njMotionBezierLinearOutSlowIn } from '@engie-group/fluid-design-tokens';
+import {njMotionBezierLinearOutSlowIn} from '@engie-group/fluid-design-tokens';
 
@@ -38,2 +48,3 @@ easing = njMotionBezierLinearOutSlowIn;
 ###### [COLORS]
+
 * Add new color palette to match Brand Guidelines
@@ -45,4 +56,7 @@ * Add alpha tokens for grey, blue, green, orange and red to palette
 ###### [FONT]
+
 * Add `font.family` category eg: `font.familly.default`
+
 ##### [SIZE]
+
 * Add new icon size tokens
@@ -54,4 +68,6 @@ * Add new size tokens
 ###### [COLORS]
+
 * Change value of `color.border.*.moderate` to get value from `color.*.500` to `color.*.400`
-* Replace flat tokens values with alpha colors instead of solid colors. Since components using flat backgrounds should work on all allowed surfaces
+* Replace flat tokens values with alpha colors instead of solid colors. Since components using flat backgrounds should
+  work on all allowed surfaces
 * Rename `color.*.flat` to `color.*.transparent`
@@ -68,8 +84,10 @@ * Rename `color.*.hover` to `color.*.hover`
 ###### [FONT]
+
 * Rename `weight.font.*` to `font.weight.*`
 
 ###### [SIZE]
+
 * ⚠️ Breaking changes replace space tokens, here's a mapping between old and new tokens
 
-```css
+```
 **Did not exist** ==> var(--nj-size-space-2)
@@ -91,5 +109,6 @@ var(--nj-size-space-0) ==> var(--nj-size-space-4)
 ###### [GLOBAL]
+
 * Move deprecated tokens to package `@engie-group/fluid-4-deprecated` and prefix them with `nj-deprecated`
 
-```css
+```
   --nj-deprecated-color-backdrop-modal
@@ -268,7 +287,10 @@ --nj-deprecated-color-background-body
 ###### [GLOBAL]
+
 ##### ⚠️ Breaking changes
-* Remove `token-color-palette.js` and `token-color-palette.json` and remove export of `ColorPalette` from js, all tokens are now in `tokens.json` or `tokens.js`. You can export a single token in `js` like this:
 
+* Remove `token-color-palette.js` and `token-color-palette.json` and remove export of `ColorPalette` from js, all tokens
+  are now in `tokens.json` or `tokens.js`. You can export a single token in `js` like this:
+
 ```javascript
-import { njMotionBezierLinearOutSlowIn } from '@engie-group/fluid-design-tokens';
+import {njMotionBezierLinearOutSlowIn} from '@engie-group/fluid-design-tokens';
 
@@ -279,5 +301,6 @@ const easing = njMotionBezierLinearOutSlowIn;
 ###### [SIZE]
+
 * Remove tokens
 
-```css 
+``` 
   --nj-size-height-navbar-small: 3.5rem;
@@ -292,8 +315,10 @@ --nj-size-height-navbar-normal: 6rem;
 ## 📦 5.0.0 FOR THOSE MOVING FROM RC2 - 2023-03-02
+
 ### 🚀 Added
+
 * Add alpha tokens for grey, blue, green, orange and red to palette
 * Add opacity tokens
-* Add `color.base.neutral` that points by default to grey just like `color.base.brand` points to blue by default 
+* Add `color.base.neutral` that points by default to grey just like `color.base.brand` points to blue by default
 * Add exporting of every single variable in JS, all variables are prefixed with nj and in camelCase
-e.g: `size.icon.lg` is `njSizeIconLg`
+  e.g: `size.icon.lg` is `njSizeIconLg`
 * Add `font.family` category eg: `font.familly.default`
@@ -308,3 +333,3 @@
 // ====> Added
-import { njMotionBezierLinearOutSlowIn } from '@engie-group/fluid-design-tokens';
+import {njMotionBezierLinearOutSlowIn} from '@engie-group/fluid-design-tokens';
 
@@ -315,4 +340,6 @@ easing = njMotionBezierLinearOutSlowIn;
 ### 🖍 Changed
+
 * Change value of `color.border.*.moderate` to get value from `color.*.500` to `color.*.400`
-* Replace flat tokens values with alpha colors instead of solid colors. Since components using flat backgrounds should work on all allowed surfaces
+* Replace flat tokens values with alpha colors instead of solid colors. Since components using flat backgrounds should
+  work on all allowed surfaces
 * Rename `color.*.flat` to `color.*.transparent`
@@ -328,6 +355,8 @@ * Rename `color.*.hover` to `color.*.hover`
 * Rename `weight.font.*` to `font.weight.*`
+
 ### 👎 Deprecated
+
 * Move deprecated tokens to package `@engie-group/fluid-4-deprecated` and prefix them with `nj-deprecated`
 
-```css
+```
   --nj-deprecated-color-backdrop-modal
@@ -504,10 +533,14 @@ --nj-deprecated-color-background-body
 ### ❌ Removed
+
 * Remove newly added disabled tokens (border, text, background...), since disabled state is handled by opacity only
 * Remove newly added 'rgb' from grey and blue palette since we now have dedicated tokens for transparent values
 * Remove newly added `color.base.transparence.*` and `color.palette.transparent.*`
+
 ##### ⚠️ Breaking changes
-* Remove `token-color-palette.js` and `token-color-palette.json` and remove export of `ColorPalette` from js, all tokens are now in `tokens.json` or `tokens.js`. You can export a single token in `js` like this:
 
+* Remove `token-color-palette.js` and `token-color-palette.json` and remove export of `ColorPalette` from js, all tokens
+  are now in `tokens.json` or `tokens.js`. You can export a single token in `js` like this:
+
 ```javascript
-import { njMotionBezierLinearOutSlowIn } from '@engie-group/fluid-design-tokens';
+import {njMotionBezierLinearOutSlowIn} from '@engie-group/fluid-design-tokens';
 
@@ -519,3 +552,3 @@ const easing = njMotionBezierLinearOutSlowIn;
 
-```css 
+``` 
 --nj-size-height-navbar-small: 3.5rem;
@@ -530,3 +563,5 @@ --nj-size-height-navbar-normal: 6rem;
 ## 📦 5.0.0-rc.2 - 2022-12-08
+
 ### 🚀 Added
+
 * Add new icon size tokens
@@ -536,14 +571,20 @@ * Add new size tokens
 ### 🐛 Fixed
-* Fix Pink 600 hex value 
 
+* Fix Pink 600 hex value
+
 ## 📦 5.0.0-rc.1 - 2022-10-18
+
 ### 🚀 Added
+
 * Add new size tokens
 
 ### 🖍 Changed
-* Warning background has moved from orange.500 to orange.400 
 
+* Warning background has moved from orange.500 to orange.400
+
 ### ❌ Removed
+
 * ⚠️ Breaking changes replace space tokens, here's a mapping between old and new tokens
-```css
+
+```
 **Did not exist** ==> var(--nj-size-space-2)
@@ -563,3 +604,5 @@ var(--nj-size-space-0) ==> var(--nj-size-space-4)
 ## 📦 5.0.0-beta.1 - 2022-09-30
+
 ### 🚀 Added
+
 * Add new `engie-blue` color in palette tokens
@@ -576,9 +619,15 @@ * Add new `gradient` property in base tokens
 * Add new `high-contrast` property in color background tokens
+
 ### 🖍 Changed
+
 * Update `inverse` property values in text tokens
 
 ## 📦 5.0.0-beta.0 - 2022-09-13
+
 ### 🚀 Added
+
 * Add new color palette and color tokens
+
 ### 🖍 Changed
+
 * Update radius variables to reflect new guidelines
@@ -589,15 +638,22 @@ * Update shadow variables
 ## 📦 5.0.0-alpha.2 - 2022-08-03
+
 ### 🖍 Changed
+
 * Update dependencies to work with Node latest LTS v16.16 and npm 8.15
 
 ## 📦 5.0.0-alpha.1 - 2022-07-19
+
 ### 🚀 Added
+
 * Add toast and toast-container elevation tokens
 
 ## 📦 5.0.0-alpha.0 - 2022-05-17
+
 ### 🚀 Added
+
 * Add some size space variables
 * Add motion tokens
 * Add possibility to import tokens as js object
-You can import tokens in JS this way
+  You can import tokens in JS this way
+
 ```typescript
@@ -609,34 +665,51 @@ import * as FluidTokens from '@engie-group/fluid-design-tokens';
 ```
+
 ### 🖍 Changed
+
 * Bump tokens lib version to match Fluid product version
 
 ## 📦 2.0.0-alpha.2 - 2022-04-26
+
 ### 🖍 Changed
+
 * update dependencies
 
 ## 📦 2.0.0-alpha.1 - 2022-04-15
+
 ### 🖍 Changed
+
 * update dependencies
 
 ## 📦 1.1.2 - 2022-02-25
+
 ### 🖍 Changed
+
 * Update dependencies
 
 ## 📦 1.1.1 - 2022-02-16
+
 ### 🖍 Changed
+
 * Update dependencies
 
 ## 📦 2.0.0-alpha.0 - 2022-02-04
+
 ### 🖍 Changed
+
 * update icon.size.m to icon.size.md and change values of icon.size.sm
 
 ## 📦 1.1.0 - 2022-02-03
+
 ### 🖍 Changed
+
 * Change size.border.radius to size.border.radius.md
 
 ### 🚀 Added
+
 * Add size.border.radius.sm
 
 ## 📦 1.0.5 - 2021-12-16
+
 ### 🖍 Changed
+
 * Modal padding token
@@ -646,26 +719,41 @@ * Icon sizes
 ## 📦 UNRELEASED_NEXT
+
 ### 🖍 Changed
+
 * Update dependencies
 
 ## 📦 1.0.4 - 2021-10-05
+
 ### 🖍 Changed
+
 * Update placeholder color
+
 ### 🐛 Fixed
+
 * Fix packages version
 
 ## 📦 1.0.3 - 2021-02-15
+
 ### 🚀 Added
+
 * add size.padding.modal
 
 ## 📦 1.0.2 - 2021-02-02
+
 ### 🚀 Added
+
 * Add new tokens-color-palette.json containing main engie color palette
+
 ### 🐛 Fixed
+
 * Placeholder input color tokens
 
 ## 📦 1.0.1 - 2020-11-10
+
 ### 🚀 Added
+
 * Add colors/utils.json to simplify getting theme variables
 
 ## 📦 1.0.0 - 2020-11-10
+
 * Fluid design tokens as an independent package

lib/js/tokens.js

 /**
  * Do not edit directly
- * Generated on Thu, 02 Mar 2023 16:32:00 GMT
+ * Generated on Tue, 04 Apr 2023 13:19:58 GMT
  */
@@ -5,0 +5,0 @@

package.json

 {
   "name": "@engie-group/fluid-design-tokens",
-  "version": "5.0.0",
+  "version": "5.1.0",
   "description": "Fluid Design Tokens",
@@ -50,3 +50,3 @@ "keywords": [
   },
-  "gitHead": "419808254b06bb88fd19074afc71137ba83fdfa0"
+  "gitHead": "720facb038fb4f26ad05071f2658a7f17c8236bb"
 }

No alert changes

Improved metrics

Total package byte prevSize

676299

increased by29.11%

Number of package files

30

increased by15.38%

No dependency changes