@entur/tokens - npm Package Compare versions

Comparing version 3.4.5 to 3.5.0

dist/index.d.ts

@@ -107,12 +107,2 @@ export declare const colors: {
 };
-export declare const shadows: {
-    focus: string;
-    focusContrast: string;
-    cardShadow: string;
-    cardShadowHover: string;
-    cardShadowContrast: string;
-    cardShadowHoverContrast: string;
-    boxShadow: string;
-    boxShadowContrast: string;
-};
 export declare const space: {
@@ -230,2 +220,3 @@ none: number;
     medium: number;
+    large: number;
     rem: {
@@ -235,4 +226,15 @@ default: number;
         medium: number;
+        large: number;
     };
 };
+export declare const shadows: {
+    focus: string;
+    focusContrast: string;
+    cardShadow: string;
+    cardShadowHover: string;
+    cardShadowContrast: string;
+    cardShadowHoverContrast: string;
+    boxShadow: string;
+    boxShadowContrast: string;
+};
 export declare const zIndexes: {
@@ -239,0 +241,0 @@ behind: number;

dist/tokens.cjs.development.js

@@ -25,7 +25,5 @@ 'use strict';
 */
-
 var pxToRem = function pxToRem(pxValue) {
   return pxValue / 16;
 };
-
 var colors = {
@@ -143,13 +141,3 @@ brand: {
 }).toString().slice(0, -2);
-var shadows = {
-  focus: "0 0 0 0.125rem " + colors.brand.white + ", 0 0 0 0.25rem " + colors.brand.blue,
-  focusContrast: "0 0 0 0.125rem " + colors.brand.blue + ", 0 0 0 0.25rem " + colors.brand.white,
-  cardShadow: "0 0.0625rem 0.1875rem 0 rgba(" + blackRgb + ", 0.12)",
-  cardShadowHover: "0 0.125rem 1rem 0 rgba(" + blackRgb + ", 0.1)",
-  cardShadowContrast: "0 0.0625rem 0.1875rem 0 rgba(" + blue20Rgb + ", 1)",
-  cardShadowHoverContrast: "0 0.125rem 1rem 0 rgba(" + blue20Rgb + ", 1)",
-  boxShadow: "0 0.0625rem 0.1875rem rgba(" + blackRgb + ", 0.25)",
-  boxShadowContrast: "0 0.0625rem 0.1875rem rgba(" + blue20Rgb + ", 1)"
-}; // Dimensions
-
+// Dimensions
 var spaceScale = [0, 4, 8, 12, 16, 24, 32, 40, 48, 56, 64, 72, 80, 88, 96];
@@ -191,4 +179,4 @@ var space = {
   }
-}; // Typography
-
+};
+// Typography
 var fontWeights = {
@@ -247,4 +235,4 @@ body: '500',
   }
-}; // Responsivity
-
+};
+// Responsivity
 var breakpoints = {
@@ -257,4 +245,4 @@ large: 800,
   }
-}; // Borders
-
+};
+// Borders
 var borderWidthScale = [1, 2, 4];
@@ -273,3 +261,3 @@ var borderWidths = {
 };
-var borderRadiusScale = [1, 4];
+var borderRadiusScale = [1, 4, 8];
 var borderRadiuses = {
@@ -279,9 +267,21 @@ "default": borderRadiusScale[0],
   medium: borderRadiusScale[1],
+  large: borderRadiusScale[2],
   rem: {
     "default": /*#__PURE__*/pxToRem(borderRadiusScale[0]),
     small: /*#__PURE__*/pxToRem(borderRadiusScale[0]),
-    medium: /*#__PURE__*/pxToRem(borderRadiusScale[1])
+    medium: /*#__PURE__*/pxToRem(borderRadiusScale[1]),
+    large: /*#__PURE__*/pxToRem(borderRadiusScale[2])
   }
-}; // Z-indexes
-
+};
+var shadows = {
+  focus: "0 0 0 0.125rem " + colors.brand.white + ", 0 0 0 0.25rem " + colors.brand.blue,
+  focusContrast: "0 0 0 0.125rem " + colors.brand.blue + ", 0 0 0 0.25rem " + colors.brand.white,
+  cardShadow: "0 0.0625rem 0.1875rem 0 rgba(" + blackRgb + ", 0.12)",
+  cardShadowHover: "0 0.125rem 1rem 0 rgba(" + blackRgb + ", 0.1)",
+  cardShadowContrast: "0 0.0625rem 0.1875rem 0 rgba(" + blue20Rgb + ", 1)",
+  cardShadowHoverContrast: "0 0.125rem 1rem 0 rgba(" + blue20Rgb + ", 1)",
+  boxShadow: "0 0.0625rem 0.1875rem rgba(" + blackRgb + ", 0.25)",
+  boxShadowContrast: "0 0.0625rem 0.1875rem rgba(" + blue20Rgb + ", 1)"
+};
+// Z-indexes
 var zIndexScale = [-1, 0, 10, 20, 30, 40, 50];
@@ -288,0 +288,0 @@ var zIndexes = {

dist/tokens.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var a=e(require("hex-rgb")),r=function(e){return e/16},t={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:"#ffca28",canaryContrast:"#ffe082",canaryTint:"#fff4cd"},misc:{focus:"rgba(68, 192, 255, 0.5)",black:"#000000"},transport:{default:{metro:"#bf5826",bus:"#c5044e",plane:"#800664",helicopter:"#800664",tram:"#642e88",funicular:"#642e88",cableway:"#642e88",taxi:"#181c56",bicycle:"#181c56",walk:"#181c56",train:"#00367f",ferry:"#0c6693",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"}},data:{default:{blue:"#181c56",coral:"#ff5959",jungle:"#0ea2a8",azure:"#2f98fa",lavender:"#8692ca",peach:"#ca825b",spring:"#57a257",lilac:"#8e57e3"},contrast:{blue:"#6466aa",coral:"#ff5959",jungle:"#0fc2b3",azure:"#64b2fb",lavender:"#aeb7e2",peach:"#ffbf9e",spring:"#7bc00b",lilac:"#ea8bea"}}},l=a.default(t.misc.black,{format:"array"}).toString().slice(0,-2),f=a.default(t.blues.blue20,{format:"array"}).toString().slice(0,-2),s={focus:"0 0 0 0.125rem "+t.brand.white+", 0 0 0 0.25rem "+t.brand.blue,focusContrast:"0 0 0 0.125rem "+t.brand.blue+", 0 0 0 0.25rem "+t.brand.white,cardShadow:"0 0.0625rem 0.1875rem 0 rgba("+l+", 0.12)",cardShadowHover:"0 0.125rem 1rem 0 rgba("+l+", 0.1)",cardShadowContrast:"0 0.0625rem 0.1875rem 0 rgba("+f+", 1)",cardShadowHoverContrast:"0 0.125rem 1rem 0 rgba("+f+", 1)",boxShadow:"0 0.0625rem 0.1875rem rgba("+l+", 0.25)",boxShadowContrast:"0 0.0625rem 0.1875rem rgba("+f+", 1)"},o=[0,4,8,12,16,24,32,40,48,56,64,72,80,88,96],g={none:o[0],default:o[4],extraSmall2:o[1],extraSmall:o[2],small:o[3],medium:o[4],large:o[5],extraLarge:o[6],extraLarge2:o[7],extraLarge3:o[8],extraLarge4:o[9],extraLarge5:o[10],extraLarge6:o[11],extraLarge7:o[12],extraLarge8:o[13],extraLarge9:o[14],rem:{none:r(o[0]),default:r(o[4]),extraSmall2:r(o[1]),extraSmall:r(o[2]),small:r(o[3]),medium:r(o[4]),large:r(o[5]),extraLarge:r(o[6]),extraLarge2:r(o[7]),extraLarge3:r(o[8]),extraLarge4:r(o[9]),extraLarge5:r(o[10]),extraLarge6:r(o[11]),extraLarge7:r(o[12]),extraLarge8:r(o[13]),extraLarge9:r(o[14])}},b=[10,12,14,16,20,24,28,32,40],m={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],rem:{extraSmall:r(b[0]),small:r(b[1]),medium:r(b[2]),large:r(b[3]),extraLarge:r(b[4]),extraLarge2:r(b[5]),extraLarge3:r(b[6]),extraLarge4:r(b[7]),extraLarge5:r(b[8])}},d=[14,16,20,22,24,28,30,36,42,48,60],x={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],rem:{extraSmall:r(d[0]),small:r(d[1]),medium:r(d[2]),large:r(d[3]),extraLarge:r(d[4]),extraLarge2:r(d[5]),extraLarge3:r(d[6]),extraLarge4:r(d[7]),extraLarge5:r(d[8]),extraLarge6:r(d[9]),extraLarge7:r(d[10])}},c={large:800,extraLarge:1200,rem:{large:r(800),extraLarge:r(1200)}},i=[1,2,4],u={default:i[1],small:i[0],medium:i[1],large:i[2],rem:{default:r(i[1]),small:r(i[0]),medium:r(i[1]),large:r(i[2])}},n=[1,4],L={default:n[0],small:n[0],medium:n[1],rem:{default:r(n[0]),small:r(n[0]),medium:r(n[1])}},y=[-1,0,10,20,30,40,50],p={behind:y[0],default:y[1],sticky:y[2],popover:y[3],overlay:y[4],modal:y[5],toast:y[6]},h=["0.1s","0.2s","0.5s"],S={fast:h[0],medium:h[1],slow:h[2]},w={focus:"2px solid "+t.brand.blue,focusContrast:"2px solid "+t.brand.white+" "},v=[2],k={focus:v[0],rem:{focus:r(v[0])}};exports.borderRadiuses=L,exports.borderWidths=u,exports.breakpoints=c,exports.colors=t,exports.fontSizes=m,exports.fontWeights={body:"500",heading:"600"},exports.lineHeights=x,exports.outlineOffsets=k,exports.outlines=w,exports.shadows=s,exports.space=g,exports.timings=S,exports.zIndexes=p;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var a=e(require("hex-rgb")),r=function(e){return e/16},t={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:"#ffca28",canaryContrast:"#ffe082",canaryTint:"#fff4cd"},misc:{focus:"rgba(68, 192, 255, 0.5)",black:"#000000"},transport:{default:{metro:"#bf5826",bus:"#c5044e",plane:"#800664",helicopter:"#800664",tram:"#642e88",funicular:"#642e88",cableway:"#642e88",taxi:"#181c56",bicycle:"#181c56",walk:"#181c56",train:"#00367f",ferry:"#0c6693",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"}},data:{default:{blue:"#181c56",coral:"#ff5959",jungle:"#0ea2a8",azure:"#2f98fa",lavender:"#8692ca",peach:"#ca825b",spring:"#57a257",lilac:"#8e57e3"},contrast:{blue:"#6466aa",coral:"#ff5959",jungle:"#0fc2b3",azure:"#64b2fb",lavender:"#aeb7e2",peach:"#ffbf9e",spring:"#7bc00b",lilac:"#ea8bea"}}},l=a.default(t.misc.black,{format:"array"}).toString().slice(0,-2),f=a.default(t.blues.blue20,{format:"array"}).toString().slice(0,-2),g=[0,4,8,12,16,24,32,40,48,56,64,72,80,88,96],s={none:g[0],default:g[4],extraSmall2:g[1],extraSmall:g[2],small:g[3],medium:g[4],large:g[5],extraLarge:g[6],extraLarge2:g[7],extraLarge3:g[8],extraLarge4:g[9],extraLarge5:g[10],extraLarge6:g[11],extraLarge7:g[12],extraLarge8:g[13],extraLarge9:g[14],rem:{none:r(g[0]),default:r(g[4]),extraSmall2:r(g[1]),extraSmall:r(g[2]),small:r(g[3]),medium:r(g[4]),large:r(g[5]),extraLarge:r(g[6]),extraLarge2:r(g[7]),extraLarge3:r(g[8]),extraLarge4:r(g[9]),extraLarge5:r(g[10]),extraLarge6:r(g[11]),extraLarge7:r(g[12]),extraLarge8:r(g[13]),extraLarge9:r(g[14])}},o=[10,12,14,16,20,24,28,32,40],b={extraSmall:o[0],small:o[1],medium:o[2],large:o[3],extraLarge:o[4],extraLarge2:o[5],extraLarge3:o[6],extraLarge4:o[7],extraLarge5:o[8],rem:{extraSmall:r(o[0]),small:r(o[1]),medium:r(o[2]),large:r(o[3]),extraLarge:r(o[4]),extraLarge2:r(o[5]),extraLarge3:r(o[6]),extraLarge4:r(o[7]),extraLarge5:r(o[8])}},m=[14,16,20,22,24,28,30,36,42,48,60],d={extraSmall:m[0],small:m[1],medium:m[2],large:m[3],extraLarge:m[4],extraLarge2:m[5],extraLarge3:m[6],extraLarge4:m[7],extraLarge5:m[8],extraLarge6:m[9],extraLarge7:m[10],rem:{extraSmall:r(m[0]),small:r(m[1]),medium:r(m[2]),large:r(m[3]),extraLarge:r(m[4]),extraLarge2:r(m[5]),extraLarge3:r(m[6]),extraLarge4:r(m[7]),extraLarge5:r(m[8]),extraLarge6:r(m[9]),extraLarge7:r(m[10])}},x={large:800,extraLarge:1200,rem:{large:r(800),extraLarge:r(1200)}},c=[1,2,4],i={default:c[1],small:c[0],medium:c[1],large:c[2],rem:{default:r(c[1]),small:r(c[0]),medium:r(c[1]),large:r(c[2])}},u=[1,4,8],n={default:u[0],small:u[0],medium:u[1],large:u[2],rem:{default:r(u[0]),small:r(u[0]),medium:r(u[1]),large:r(u[2])}},L={focus:"0 0 0 0.125rem "+t.brand.white+", 0 0 0 0.25rem "+t.brand.blue,focusContrast:"0 0 0 0.125rem "+t.brand.blue+", 0 0 0 0.25rem "+t.brand.white,cardShadow:"0 0.0625rem 0.1875rem 0 rgba("+l+", 0.12)",cardShadowHover:"0 0.125rem 1rem 0 rgba("+l+", 0.1)",cardShadowContrast:"0 0.0625rem 0.1875rem 0 rgba("+f+", 1)",cardShadowHoverContrast:"0 0.125rem 1rem 0 rgba("+f+", 1)",boxShadow:"0 0.0625rem 0.1875rem rgba("+l+", 0.25)",boxShadowContrast:"0 0.0625rem 0.1875rem rgba("+f+", 1)"},y=[-1,0,10,20,30,40,50],p={behind:y[0],default:y[1],sticky:y[2],popover:y[3],overlay:y[4],modal:y[5],toast:y[6]},h=["0.1s","0.2s","0.5s"],S={fast:h[0],medium:h[1],slow:h[2]},w={focus:"2px solid "+t.brand.blue,focusContrast:"2px solid "+t.brand.white+" "},v=[2],k={focus:v[0],rem:{focus:r(v[0])}};exports.borderRadiuses=n,exports.borderWidths=i,exports.breakpoints=x,exports.colors=t,exports.fontSizes=b,exports.fontWeights={body:"500",heading:"600"},exports.lineHeights=d,exports.outlineOffsets=k,exports.outlines=w,exports.shadows=L,exports.space=s,exports.timings=S,exports.zIndexes=p;
 //# sourceMappingURL=tokens.cjs.production.min.js.map

dist/tokens.esm.js

@@ -17,7 +17,5 @@ import hexRgb from 'hex-rgb';
 */
-
 var pxToRem = function pxToRem(pxValue) {
   return pxValue / 16;
 };
-
 var colors = {
@@ -135,13 +133,3 @@ brand: {
 }).toString().slice(0, -2);
-var shadows = {
-  focus: "0 0 0 0.125rem " + colors.brand.white + ", 0 0 0 0.25rem " + colors.brand.blue,
-  focusContrast: "0 0 0 0.125rem " + colors.brand.blue + ", 0 0 0 0.25rem " + colors.brand.white,
-  cardShadow: "0 0.0625rem 0.1875rem 0 rgba(" + blackRgb + ", 0.12)",
-  cardShadowHover: "0 0.125rem 1rem 0 rgba(" + blackRgb + ", 0.1)",
-  cardShadowContrast: "0 0.0625rem 0.1875rem 0 rgba(" + blue20Rgb + ", 1)",
-  cardShadowHoverContrast: "0 0.125rem 1rem 0 rgba(" + blue20Rgb + ", 1)",
-  boxShadow: "0 0.0625rem 0.1875rem rgba(" + blackRgb + ", 0.25)",
-  boxShadowContrast: "0 0.0625rem 0.1875rem rgba(" + blue20Rgb + ", 1)"
-}; // Dimensions
-
+// Dimensions
 var spaceScale = [0, 4, 8, 12, 16, 24, 32, 40, 48, 56, 64, 72, 80, 88, 96];
@@ -183,4 +171,4 @@ var space = {
   }
-}; // Typography
-
+};
+// Typography
 var fontWeights = {
@@ -239,4 +227,4 @@ body: '500',
   }
-}; // Responsivity
-
+};
+// Responsivity
 var breakpoints = {
@@ -249,4 +237,4 @@ large: 800,
   }
-}; // Borders
-
+};
+// Borders
 var borderWidthScale = [1, 2, 4];
@@ -265,3 +253,3 @@ var borderWidths = {
 };
-var borderRadiusScale = [1, 4];
+var borderRadiusScale = [1, 4, 8];
 var borderRadiuses = {
@@ -271,9 +259,21 @@ "default": borderRadiusScale[0],
   medium: borderRadiusScale[1],
+  large: borderRadiusScale[2],
   rem: {
     "default": /*#__PURE__*/pxToRem(borderRadiusScale[0]),
     small: /*#__PURE__*/pxToRem(borderRadiusScale[0]),
-    medium: /*#__PURE__*/pxToRem(borderRadiusScale[1])
+    medium: /*#__PURE__*/pxToRem(borderRadiusScale[1]),
+    large: /*#__PURE__*/pxToRem(borderRadiusScale[2])
   }
-}; // Z-indexes
-
+};
+var shadows = {
+  focus: "0 0 0 0.125rem " + colors.brand.white + ", 0 0 0 0.25rem " + colors.brand.blue,
+  focusContrast: "0 0 0 0.125rem " + colors.brand.blue + ", 0 0 0 0.25rem " + colors.brand.white,
+  cardShadow: "0 0.0625rem 0.1875rem 0 rgba(" + blackRgb + ", 0.12)",
+  cardShadowHover: "0 0.125rem 1rem 0 rgba(" + blackRgb + ", 0.1)",
+  cardShadowContrast: "0 0.0625rem 0.1875rem 0 rgba(" + blue20Rgb + ", 1)",
+  cardShadowHoverContrast: "0 0.125rem 1rem 0 rgba(" + blue20Rgb + ", 1)",
+  boxShadow: "0 0.0625rem 0.1875rem rgba(" + blackRgb + ", 0.25)",
+  boxShadowContrast: "0 0.0625rem 0.1875rem rgba(" + blue20Rgb + ", 1)"
+};
+// Z-indexes
 var zIndexScale = [-1, 0, 10, 20, 30, 40, 50];
@@ -280,0 +280,0 @@ var zIndexes = {

package.json

 {
   "name": "@entur/tokens",
-  "version": "3.4.5",
+  "version": "3.5.0",
   "license": "EUPL-1.2",
@@ -36,3 +36,3 @@ "main": "dist/index.js",
   },
-  "gitHead": "224040bb9f98c2c8975ce76f0786265c9e3459e2"
+  "gitHead": "30b38034aaafba9fb308fb3d8c8bfaab9608d720"
 }

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

Lines of code

1047

increased by1.65%

Worsened metrics

Total package byte prevSize

119029

decreased by-7.54%

Number of package files

14

decreased by-6.67%

No dependency changes