@entur/tokens - npm Package Compare versions

Comparing version 0.2.0 to 1.0.0

CHANGELOG.md

@@ -6,14 +6,24 @@ # Change Log
 
+# [1.0.0](https://bitbucket.org/enturas/design-system/compare/@entur/tokens@0.2.0...@entur/tokens@1.0.0) (2019-10-30)
+
+### Features
+
+- **Timings:** adding timings to be used with transitions/animations ([cc26b5d](https://bitbucket.org/enturas/design-system/commits/cc26b5d1b687f34eff9f18b22fd3664dd91bfd5b))
+- **tokens:** add borderWidth, borderRadius and zIndex tokens ([01b4319](https://bitbucket.org/enturas/design-system/commits/01b4319efafcdb2fc478b8f73604a9c910b55cb9))
+- **tokens:** add new token small of 12 px ([3256e1a](https://bitbucket.org/enturas/design-system/commits/3256e1a49ed2d668ddf1bec3caf4f3b30ad401b7))
+
+### BREAKING CHANGES
+
+- **tokens:** space.extraSmall is now space.extraSmall2, space.small is now space.extraSmall
+
 # 0.2.0 (2019-09-25)
 
-
 ### Bug Fixes
 
-* **tokens:** make sure font weights aren't suffixed with px ([339aecf](https://bitbucket.org/enturas/design-system/commits/339aecf))
+- **tokens:** make sure font weights aren't suffixed with px ([339aecf](https://bitbucket.org/enturas/design-system/commits/339aecf))
 
-
 ### Features
 
-* **tokens:** add new line height size ([2cd447a](https://bitbucket.org/enturas/design-system/commits/2cd447a))
-* **tokens:** add new package "tokens" ([680d062](https://bitbucket.org/enturas/design-system/commits/680d062))
-* **tokens:** add three new colors for info boxes ([a8dca64](https://bitbucket.org/enturas/design-system/commits/a8dca64))
+- **tokens:** add new line height size ([2cd447a](https://bitbucket.org/enturas/design-system/commits/2cd447a))
+- **tokens:** add new package "tokens" ([680d062](https://bitbucket.org/enturas/design-system/commits/680d062))
+- **tokens:** add three new colors for info boxes ([a8dca64](https://bitbucket.org/enturas/design-system/commits/a8dca64))

dist/index.d.ts

@@ -80,2 +80,3 @@ export declare const colors: {
     default: number;
+    extraSmall2: number;
     extraSmall: number;
@@ -122,1 +123,25 @@ small: number;
 };
+export declare const borderWidths: {
+    default: number;
+    small: number;
+    medium: number;
+    large: number;
+};
+export declare const borderRadiuses: {
+    default: number;
+    small: number;
+    medium: number;
+};
+export declare const zIndexes: {
+    behind: string;
+    default: string;
+    sticky: string;
+    popover: string;
+    overlay: string;
+    modal: string;
+    toast: string;
+};
+export declare const timings: {
+    fast: string;
+    slow: string;
+};

dist/tokens.cjs.development.js

@@ -94,19 +94,20 @@ 'use strict';
 
-var spaceScale = [0, 4, 8, 16, 24, 32, 40, 48, 56, 64, 72, 80, 88, 96];
+var spaceScale = [0, 4, 8, 12, 16, 24, 32, 40, 48, 56, 64, 72, 80, 88, 96];
 var space = {
   none: spaceScale[0],
-  "default": spaceScale[3],
-  extraSmall: spaceScale[1],
-  small: spaceScale[2],
-  medium: spaceScale[3],
-  large: spaceScale[4],
-  extraLarge: spaceScale[5],
-  extraLarge2: spaceScale[6],
-  extraLarge3: spaceScale[7],
-  extraLarge4: spaceScale[8],
-  extraLarge5: spaceScale[9],
-  extraLarge6: spaceScale[10],
-  extraLarge7: spaceScale[11],
-  extraLarge8: spaceScale[12],
-  extraLarge9: spaceScale[13]
+  "default": spaceScale[4],
+  extraSmall2: spaceScale[1],
+  extraSmall: spaceScale[2],
+  small: spaceScale[3],
+  medium: spaceScale[4],
+  large: spaceScale[5],
+  extraLarge: spaceScale[6],
+  extraLarge2: spaceScale[7],
+  extraLarge3: spaceScale[8],
+  extraLarge4: spaceScale[9],
+  extraLarge5: spaceScale[10],
+  extraLarge6: spaceScale[11],
+  extraLarge7: spaceScale[12],
+  extraLarge8: spaceScale[13],
+  extraLarge9: spaceScale[14]
 }; // Typography
@@ -143,4 +144,36 @@
   large: 800
+}; // Borders
+
+var borderWidthScale = [1, 2, 4];
+var borderWidths = {
+  "default": borderWidthScale[1],
+  small: borderWidthScale[0],
+  medium: borderWidthScale[1],
+  large: borderWidthScale[2]
 };
+var borderRadiusScale = [1, 4];
+var borderRadiuses = {
+  "default": borderRadiusScale[0],
+  small: borderRadiusScale[0],
+  medium: borderRadiusScale[1]
+}; // Z-indexes
 
+var zIndexScale = ['-1', '0', '10', '20', '30', '40', '50'];
+var zIndexes = {
+  behind: zIndexScale[0],
+  "default": zIndexScale[1],
+  sticky: zIndexScale[2],
+  popover: zIndexScale[3],
+  overlay: zIndexScale[4],
+  modal: zIndexScale[5],
+  toast: zIndexScale[6]
+};
+var timingScale = ['0.1s', '0.5s'];
+var timings = {
+  fast: timingScale[0],
+  slow: timingScale[1]
+};
+
+exports.borderRadiuses = borderRadiuses;
+exports.borderWidths = borderWidths;
 exports.breakpoints = breakpoints;
@@ -152,2 +185,4 @@ exports.colors = colors;
 exports.space = space;
+exports.timings = timings;
+exports.zIndexes = zIndexes;
 //# sourceMappingURL=tokens.cjs.development.js.map

dist/tokens.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";var e=[0,4,8,16,24,32,40,48,56,64,72,80,88,96],a={none:e[0],default:e[3],extraSmall:e[1],small:e[2],medium:e[3],large:e[4],extraLarge:e[5],extraLarge2:e[6],extraLarge3:e[7],extraLarge4:e[8],extraLarge5:e[9],extraLarge6:e[10],extraLarge7:e[11],extraLarge8:e[12],extraLarge9:e[13]},r=[10,12,14,16,22,28,34],f={extraSmall:r[0],small:r[1],medium:r[2],large:r[3],extraLarge:r[4],extraLarge2:r[5],extraLarge3:r[6]},t=[14,16,20,22,24,28,30,36,42],l={extraSmall:t[0],small:t[1],medium:t[2],large:t[3],extraLarge:t[4],extraLarge2:t[5],extraLarge3:t[6],extraLarge4:t[7],extraLarge5:t[8]};exports.breakpoints={large:800},exports.colors={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"},greys:{grey:"#565659",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:"#44c0ff",black:"#1a1a1a"},transport:{default:{metro:"#de8108",bus:"#dd5415",plane:"#800664",helicopter:"#800664",tram:"#78469a",funicular:"#642e88",cableway:"#642e88",taxi:"#181c56",bicycle:"#181c56",walk:"#181c56",train:"#00367f",ferry:"#0497bc",carferry:"#0497bc",mobility:"#388f76"},contrast:{metro:"#f08901",bus:"#ff5974",plane:"#e258c3",helicopter:"#e258c3",tram:"#a476e5",funicular:"#a476e5",cableway:"#a476e5",taxi:"#ffffff",bicycle:"#ffffff",walk:"#ffffff",train:"#42a5f5",ferry:"#6fdfff",carferry:"#6fdfff",mobility:"#00db9b"}}},exports.fontSizes=f,exports.fontWeights={body:"500",heading:"600"},exports.lineHeights=l,exports.space=a;
+"use strict";var e=[0,4,8,12,16,24,32,40,48,56,64,72,80,88,96],a={none:e[0],default:e[4],extraSmall2:e[1],extraSmall:e[2],small:e[3],medium:e[4],large:e[5],extraLarge:e[6],extraLarge2:e[7],extraLarge3:e[8],extraLarge4:e[9],extraLarge5:e[10],extraLarge6:e[11],extraLarge7:e[12],extraLarge8:e[13],extraLarge9:e[14]},r=[10,12,14,16,22,28,34],t={extraSmall:r[0],small:r[1],medium:r[2],large:r[3],extraLarge:r[4],extraLarge2:r[5],extraLarge3:r[6]},f=[14,16,20,22,24,28,30,36,42],l={extraSmall:f[0],small:f[1],medium:f[2],large:f[3],extraLarge:f[4],extraLarge2:f[5],extraLarge3:f[6],extraLarge4:f[7],extraLarge5:f[8]},s=[1,2,4],i={default:s[1],small:s[0],medium:s[1],large:s[2]},b=[1,4],o=["-1","0","10","20","30","40","50"],c={behind:o[0],default:o[1],sticky:o[2],popover:o[3],overlay:o[4],modal:o[5],toast:o[6]},d=["0.1s","0.5s"],x={fast:d[0],slow:d[1]};exports.borderRadiuses={default:b[0],small:b[0],medium:b[1]},exports.borderWidths=i,exports.breakpoints={large:800},exports.colors={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"},greys:{grey:"#565659",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:"#44c0ff",black:"#1a1a1a"},transport:{default:{metro:"#de8108",bus:"#dd5415",plane:"#800664",helicopter:"#800664",tram:"#78469a",funicular:"#642e88",cableway:"#642e88",taxi:"#181c56",bicycle:"#181c56",walk:"#181c56",train:"#00367f",ferry:"#0497bc",carferry:"#0497bc",mobility:"#388f76"},contrast:{metro:"#f08901",bus:"#ff5974",plane:"#e258c3",helicopter:"#e258c3",tram:"#a476e5",funicular:"#a476e5",cableway:"#a476e5",taxi:"#ffffff",bicycle:"#ffffff",walk:"#ffffff",train:"#42a5f5",ferry:"#6fdfff",carferry:"#6fdfff",mobility:"#00db9b"}}},exports.fontSizes=t,exports.fontWeights={body:"500",heading:"600"},exports.lineHeights=l,exports.space=a,exports.timings=x,exports.zIndexes=c;
 //# sourceMappingURL=tokens.cjs.production.min.js.map

dist/tokens.esm.js

@@ -92,19 +92,20 @@ /*
 
-var spaceScale = [0, 4, 8, 16, 24, 32, 40, 48, 56, 64, 72, 80, 88, 96];
+var spaceScale = [0, 4, 8, 12, 16, 24, 32, 40, 48, 56, 64, 72, 80, 88, 96];
 var space = {
   none: spaceScale[0],
-  "default": spaceScale[3],
-  extraSmall: spaceScale[1],
-  small: spaceScale[2],
-  medium: spaceScale[3],
-  large: spaceScale[4],
-  extraLarge: spaceScale[5],
-  extraLarge2: spaceScale[6],
-  extraLarge3: spaceScale[7],
-  extraLarge4: spaceScale[8],
-  extraLarge5: spaceScale[9],
-  extraLarge6: spaceScale[10],
-  extraLarge7: spaceScale[11],
-  extraLarge8: spaceScale[12],
-  extraLarge9: spaceScale[13]
+  "default": spaceScale[4],
+  extraSmall2: spaceScale[1],
+  extraSmall: spaceScale[2],
+  small: spaceScale[3],
+  medium: spaceScale[4],
+  large: spaceScale[5],
+  extraLarge: spaceScale[6],
+  extraLarge2: spaceScale[7],
+  extraLarge3: spaceScale[8],
+  extraLarge4: spaceScale[9],
+  extraLarge5: spaceScale[10],
+  extraLarge6: spaceScale[11],
+  extraLarge7: spaceScale[12],
+  extraLarge8: spaceScale[13],
+  extraLarge9: spaceScale[14]
 }; // Typography
@@ -141,5 +142,35 @@
   large: 800
+}; // Borders
+
+var borderWidthScale = [1, 2, 4];
+var borderWidths = {
+  "default": borderWidthScale[1],
+  small: borderWidthScale[0],
+  medium: borderWidthScale[1],
+  large: borderWidthScale[2]
 };
+var borderRadiusScale = [1, 4];
+var borderRadiuses = {
+  "default": borderRadiusScale[0],
+  small: borderRadiusScale[0],
+  medium: borderRadiusScale[1]
+}; // Z-indexes
 
-export { breakpoints, colors, fontSizes, fontWeights, lineHeights, space };
+var zIndexScale = ['-1', '0', '10', '20', '30', '40', '50'];
+var zIndexes = {
+  behind: zIndexScale[0],
+  "default": zIndexScale[1],
+  sticky: zIndexScale[2],
+  popover: zIndexScale[3],
+  overlay: zIndexScale[4],
+  modal: zIndexScale[5],
+  toast: zIndexScale[6]
+};
+var timingScale = ['0.1s', '0.5s'];
+var timings = {
+  fast: timingScale[0],
+  slow: timingScale[1]
+};
+
+export { borderRadiuses, borderWidths, breakpoints, colors, fontSizes, fontWeights, lineHeights, space, timings, zIndexes };
 //# sourceMappingURL=tokens.esm.js.map

package.json

 {
   "name": "@entur/tokens",
-  "version": "0.2.0",
+  "version": "1.0.0",
   "license": "EUPL-1.2",
@@ -33,3 +33,3 @@ "main": "dist/index.js",
   },
-  "gitHead": "b76e024c8c2e90ebd84155451bc8fc7632ffc4de"
+  "gitHead": "33a589c66b9169353060466237d3e69972b7a726"
 }

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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

75670

increased by15.69%

Lines of code

613

increased by20.67%

Number of low quality alerts

1

decreased by-50%

No dependency changes