@entur/tokens - npm Package Compare versions

Comparing version 2.0.1 to 3.0.0

CHANGELOG.md

@@ -6,2 +6,12 @@ # Change Log
 
+# [3.0.0](https://bitbucket.org/enturas/design-system/compare/@entur/tokens@2.0.1...@entur/tokens@3.0.0) (2021-01-13)
+
+### Features
+
+- **color:** extend grey color range with darker colors ([b4a7096](https://bitbucket.org/enturas/design-system/commits/b4a709670422e371155e3cabc3deba01417a0397))
+
+### BREAKING CHANGES
+
+- **color:** old values moved up - transpose greys by adding 50 - e.g. grey -> grey50 or grey20 -> grey70
+
 ## [2.0.1](https://bitbucket.org/enturas/design-system/compare/@entur/tokens@2.0.0...@entur/tokens@2.0.1) (2020-12-04)
@@ -8,0 +18,0 @@

dist/index.d.ts

@@ -26,2 +26,7 @@ export declare const colors: {
         grey40: string;
+        grey50: string;
+        grey60: string;
+        grey70: string;
+        grey80: string;
+        grey90: string;
     };
@@ -28,0 +33,0 @@ validation: {

dist/tokens.cjs.development.js

@@ -43,7 +43,12 @@ 'use strict';
   greys: {
-    grey: '#949494',
-    grey10: '#d1d3d3',
-    grey20: '#e9e9e9',
-    grey30: '#f3f3f3',
-    grey40: '#f8f8f8'
+    grey: '#121212',
+    grey10: '#2a2a2a',
+    grey20: '#353535',
+    grey30: '#4d4d4d',
+    grey40: '#646464',
+    grey50: '#949494',
+    grey60: '#d1d3d3',
+    grey70: '#e9e9e9',
+    grey80: '#f3f3f3',
+    grey90: '#f8f8f8'
   },
@@ -101,3 +106,3 @@ validation: {
 };
-var grey10Rgb = /*#__PURE__*/hexRgb(colors.greys.grey10, {
+var grey60Rgb = /*#__PURE__*/hexRgb(colors.greys.grey60, {
   format: 'array'
@@ -114,4 +119,4 @@ }).toString().slice(0, -2);
   focusContrast: "0 0 0 0.25rem rgba(" + whiteRgb + ", 0.3)",
-  cardShadow: "0 0.125rem 0.1875rem 0 rgba(" + grey10Rgb + ", 0.7)",
-  cardShadowHover: "0 0.125rem 1rem 0 rgba(" + grey10Rgb + ", 0.7)",
+  cardShadow: "0 0.125rem 0.1875rem 0 rgba(" + grey60Rgb + ", 0.7)",
+  cardShadowHover: "0 0.125rem 1rem 0 rgba(" + grey60Rgb + ", 0.7)",
   cardShadowContrast: "0 0.125rem 0.1875rem 0 rgba(" + blue20Rgb + ", 0.7)",
@@ -118,0 +123,0 @@ cardShadowHoverContrast: "0 0.125rem 1rem 0 rgba(" + blue20Rgb + ", 0.7)"

dist/tokens.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,a=(e=require("hex-rgb"))&&"object"==typeof e&&"default"in e?e.default:e,r={brand:{blue:"#181c56",lavender:"#aeb7e2",white:"#ffffff",coral:"#ff5959",peach:"#ffbf9e"},blues:{blue10:"#292b6a",blue20:"#393d79",blue30:"#54568c",blue40:"#656782",blue50:"#8285a8",blue60:"#babbcf",blue70:"#d1d4e3",blue80:"#ebebf1",blue90:"#f5f5f8"},greys:{grey:"#949494",grey10:"#d1d3d3",grey20:"#e9e9e9",grey30:"#f3f3f3",grey40:"#f8f8f8"},validation:{sky:"#0082b9",skyContrast:"#64b3e7",skyTint:"#e1eff8",lava:"#d31b1b",lavaContrast:"#ff9494",lavaTint:"#ffcece",mint:"#1a8e60",mintContrast:"#5ac39a",mintTint:"#d0f1e3",canary:"#efd358"},misc:{focus:"rgba(68, 192, 255, 0.5)",black:"#1a1a1a"},transport:{default:{metro:"#de8108",bus:"#c5044e",plane:"#800664",helicopter:"#800664",tram:"#642e88",funicular:"#642e88",cableway:"#642e88",taxi:"#181c56",bicycle:"#181c56",walk:"#181c56",train:"#00367f",ferry:"#0497bc",carferry:"#0497bc",mobility:"#388f76"},contrast:{metro:"#f08901",bus:"#ff6392",plane:"#fbafea",helicopter:"#e258c3",tram:"#b482fb",funicular:"#a476e5",cableway:"#a476e5",taxi:"#ffffff",bicycle:"#ffffff",walk:"#ffffff",train:"#42a5f5",ferry:"#6fdfff",carferry:"#6fdfff",mobility:"#00db9b"}}},t=a(r.greys.grey10,{format:"array"}).toString().slice(0,-2),f=a(r.blues.blue20,{format:"array"}).toString().slice(0,-2),l={focus:"0 0 0 0.25rem "+r.misc.focus,focusContrast:"0 0 0 0.25rem rgba("+a(r.brand.white,{format:"array"}).toString().slice(0,-2)+", 0.3)",cardShadow:"0 0.125rem 0.1875rem 0 rgba("+t+", 0.7)",cardShadowHover:"0 0.125rem 1rem 0 rgba("+t+", 0.7)",cardShadowContrast:"0 0.125rem 0.1875rem 0 rgba("+f+", 0.7)",cardShadowHoverContrast:"0 0.125rem 1rem 0 rgba("+f+", 0.7)"},s=[0,4,8,12,16,24,32,40,48,56,64,72,80,88,96],o={none:s[0],default:s[4],extraSmall2:s[1],extraSmall:s[2],small:s[3],medium:s[4],large:s[5],extraLarge:s[6],extraLarge2:s[7],extraLarge3:s[8],extraLarge4:s[9],extraLarge5:s[10],extraLarge6:s[11],extraLarge7:s[12],extraLarge8:s[13],extraLarge9:s[14]},b=[10,12,14,16,20,24,28,32,40],i={extraSmall:b[0],small:b[1],medium:b[2],large:b[3],extraLarge:b[4],extraLarge2:b[5],extraLarge3:b[6],extraLarge4:b[7],extraLarge5:b[8]},d=[14,16,20,22,24,28,30,36,42,48,60],c={extraSmall:d[0],small:d[1],medium:d[2],large:d[3],extraLarge:d[4],extraLarge2:d[5],extraLarge3:d[6],extraLarge4:d[7],extraLarge5:d[8],extraLarge6:d[9],extraLarge7:d[10]},g=[1,2,4],m={default:g[1],small:g[0],medium:g[1],large:g[2]},x=[1,4],u=[-1,0,10,20,30,40,50],n={behind:u[0],default:u[1],sticky:u[2],popover:u[3],overlay:u[4],modal:u[5],toast:u[6]},y=["0.1s","0.2s","0.5s"],p={fast:y[0],medium:y[1],slow:y[2]};exports.borderRadiuses={default:x[0],small:x[0],medium:x[1]},exports.borderWidths=m,exports.breakpoints={large:800,extraLarge:1200},exports.colors=r,exports.fontSizes=i,exports.fontWeights={body:"500",heading:"600"},exports.lineHeights=c,exports.shadows=l,exports.space=o,exports.timings=p,exports.zIndexes=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,a=(e=require("hex-rgb"))&&"object"==typeof e&&"default"in e?e.default:e,r={brand:{blue:"#181c56",lavender:"#aeb7e2",white:"#ffffff",coral:"#ff5959",peach:"#ffbf9e"},blues:{blue10:"#292b6a",blue20:"#393d79",blue30:"#54568c",blue40:"#656782",blue50:"#8285a8",blue60:"#babbcf",blue70:"#d1d4e3",blue80:"#ebebf1",blue90:"#f5f5f8"},greys:{grey:"#121212",grey10:"#2a2a2a",grey20:"#353535",grey30:"#4d4d4d",grey40:"#646464",grey50:"#949494",grey60:"#d1d3d3",grey70:"#e9e9e9",grey80:"#f3f3f3",grey90:"#f8f8f8"},validation:{sky:"#0082b9",skyContrast:"#64b3e7",skyTint:"#e1eff8",lava:"#d31b1b",lavaContrast:"#ff9494",lavaTint:"#ffcece",mint:"#1a8e60",mintContrast:"#5ac39a",mintTint:"#d0f1e3",canary:"#efd358"},misc:{focus:"rgba(68, 192, 255, 0.5)",black:"#1a1a1a"},transport:{default:{metro:"#de8108",bus:"#c5044e",plane:"#800664",helicopter:"#800664",tram:"#642e88",funicular:"#642e88",cableway:"#642e88",taxi:"#181c56",bicycle:"#181c56",walk:"#181c56",train:"#00367f",ferry:"#0497bc",carferry:"#0497bc",mobility:"#388f76"},contrast:{metro:"#f08901",bus:"#ff6392",plane:"#fbafea",helicopter:"#e258c3",tram:"#b482fb",funicular:"#a476e5",cableway:"#a476e5",taxi:"#ffffff",bicycle:"#ffffff",walk:"#ffffff",train:"#42a5f5",ferry:"#6fdfff",carferry:"#6fdfff",mobility:"#00db9b"}}},t=a(r.greys.grey60,{format:"array"}).toString().slice(0,-2),f=a(r.blues.blue20,{format:"array"}).toString().slice(0,-2),l={focus:"0 0 0 0.25rem "+r.misc.focus,focusContrast:"0 0 0 0.25rem rgba("+a(r.brand.white,{format:"array"}).toString().slice(0,-2)+", 0.3)",cardShadow:"0 0.125rem 0.1875rem 0 rgba("+t+", 0.7)",cardShadowHover:"0 0.125rem 1rem 0 rgba("+t+", 0.7)",cardShadowContrast:"0 0.125rem 0.1875rem 0 rgba("+f+", 0.7)",cardShadowHoverContrast:"0 0.125rem 1rem 0 rgba("+f+", 0.7)"},s=[0,4,8,12,16,24,32,40,48,56,64,72,80,88,96],o={none:s[0],default:s[4],extraSmall2:s[1],extraSmall:s[2],small:s[3],medium:s[4],large:s[5],extraLarge:s[6],extraLarge2:s[7],extraLarge3:s[8],extraLarge4:s[9],extraLarge5:s[10],extraLarge6:s[11],extraLarge7:s[12],extraLarge8:s[13],extraLarge9:s[14]},b=[10,12,14,16,20,24,28,32,40],g={extraSmall:b[0],small:b[1],medium:b[2],large:b[3],extraLarge:b[4],extraLarge2:b[5],extraLarge3:b[6],extraLarge4:b[7],extraLarge5:b[8]},i=[14,16,20,22,24,28,30,36,42,48,60],d={extraSmall:i[0],small:i[1],medium:i[2],large:i[3],extraLarge:i[4],extraLarge2:i[5],extraLarge3:i[6],extraLarge4:i[7],extraLarge5:i[8],extraLarge6:i[9],extraLarge7:i[10]},c=[1,2,4],m={default:c[1],small:c[0],medium:c[1],large:c[2]},x=[1,4],u=[-1,0,10,20,30,40,50],n={behind:u[0],default:u[1],sticky:u[2],popover:u[3],overlay:u[4],modal:u[5],toast:u[6]},y=["0.1s","0.2s","0.5s"],p={fast:y[0],medium:y[1],slow:y[2]};exports.borderRadiuses={default:x[0],small:x[0],medium:x[1]},exports.borderWidths=m,exports.breakpoints={large:800,extraLarge:1200},exports.colors=r,exports.fontSizes=g,exports.fontWeights={body:"500",heading:"600"},exports.lineHeights=d,exports.shadows=l,exports.space=o,exports.timings=p,exports.zIndexes=n;
 //# sourceMappingURL=tokens.cjs.production.min.js.map

dist/tokens.esm.js

@@ -37,7 +37,12 @@ import hexRgb from 'hex-rgb';
   greys: {
-    grey: '#949494',
-    grey10: '#d1d3d3',
-    grey20: '#e9e9e9',
-    grey30: '#f3f3f3',
-    grey40: '#f8f8f8'
+    grey: '#121212',
+    grey10: '#2a2a2a',
+    grey20: '#353535',
+    grey30: '#4d4d4d',
+    grey40: '#646464',
+    grey50: '#949494',
+    grey60: '#d1d3d3',
+    grey70: '#e9e9e9',
+    grey80: '#f3f3f3',
+    grey90: '#f8f8f8'
   },
@@ -95,3 +100,3 @@ validation: {
 };
-var grey10Rgb = /*#__PURE__*/hexRgb(colors.greys.grey10, {
+var grey60Rgb = /*#__PURE__*/hexRgb(colors.greys.grey60, {
   format: 'array'
@@ -108,4 +113,4 @@ }).toString().slice(0, -2);
   focusContrast: "0 0 0 0.25rem rgba(" + whiteRgb + ", 0.3)",
-  cardShadow: "0 0.125rem 0.1875rem 0 rgba(" + grey10Rgb + ", 0.7)",
-  cardShadowHover: "0 0.125rem 1rem 0 rgba(" + grey10Rgb + ", 0.7)",
+  cardShadow: "0 0.125rem 0.1875rem 0 rgba(" + grey60Rgb + ", 0.7)",
+  cardShadowHover: "0 0.125rem 1rem 0 rgba(" + grey60Rgb + ", 0.7)",
   cardShadowContrast: "0 0.125rem 0.1875rem 0 rgba(" + blue20Rgb + ", 0.7)",
@@ -112,0 +117,0 @@ cardShadowHoverContrast: "0 0.125rem 1rem 0 rgba(" + blue20Rgb + ", 0.7)"

package.json

 {
   "name": "@entur/tokens",
-  "version": "2.0.1",
+  "version": "3.0.0",
   "license": "EUPL-1.2",
@@ -36,3 +36,3 @@ "main": "dist/index.js",
   },
-  "gitHead": "2016f005f88a8a1ebd8b31801d266dcbc367d5bc"
+  "gitHead": "7f9821b9dfa2e7e2ebf1b6c1589145c5f391f5ad"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

97270

increased by2.28%

Lines of code

717

increased by2.87%

No dependency changes