@navikt/ds-tokens - npm Package Compare versions

Comparing version 0.5.3 to 0.6.0

dist/tokens.js

 /**
  * Do not edit directly
- * Generated on Mon, 18 Oct 2021 13:18:28 GMT
+ * Generated on Thu, 11 Nov 2021 17:26:34 GMT
  */
 
+export const NavdsSpacing1 = "0.25rem";
+export const NavdsSpacing2 = "0.5rem";
+export const NavdsSpacing3 = "0.75rem";
+export const NavdsSpacing4 = "1rem";
+export const NavdsSpacing5 = "1.25rem";
+export const NavdsSpacing6 = "1.5rem";
+export const NavdsSpacing7 = "1.75rem";
+export const NavdsSpacing8 = "2rem";
+export const NavdsSpacing9 = "2.25rem";
+export const NavdsSpacing10 = "2.5rem";
+export const NavdsSpacing11 = "2.75rem";
+export const NavdsSpacing12 = "3rem";
+export const NavdsSpacing14 = "3.5rem";
+export const NavdsSpacing16 = "4rem";
+export const NavdsSpacing18 = "4.5rem";
+export const NavdsSpacing20 = "5rem";
+export const NavdsSpacing24 = "6rem";
+export const NavdsSpacing32 = "8rem";
 export const NavdsColorWhite = "#ffffff";
@@ -161,27 +179,3 @@ export const NavdsColorDarkgray = "#262626";
 export const NavdsSidebarStickyOffset = "0";
-export const NavdsSpacing1 = "0.25rem";
-export const NavdsSpacing2 = "0.5rem";
-export const NavdsSpacing3 = "0.75rem";
-export const NavdsSpacing4 = "1rem";
-export const NavdsSpacing5 = "1.25rem";
-export const NavdsSpacing6 = "1.5rem";
-export const NavdsSpacing7 = "1.75rem";
-export const NavdsSpacing8 = "2rem";
-export const NavdsSpacing9 = "2.25rem";
-export const NavdsSpacing10 = "2.5rem";
-export const NavdsSpacing11 = "2.75rem";
-export const NavdsSpacing12 = "3rem";
-export const NavdsSpacing13 = "3.25rem";
-export const NavdsSpacing14 = "3.5rem";
-export const NavdsSpacing15 = "3.75rem";
-export const NavdsSpacing16 = "4rem";
-export const NavdsSpacing17 = "4.25rem";
-export const NavdsSpacing18 = "4.5rem";
-export const NavdsSpacing19 = "4.75rem";
-export const NavdsSpacing20 = "5rem";
-export const NavdsSpacing21 = "5.25rem";
-export const NavdsSpacing22 = "5.5rem";
-export const NavdsSpacing23 = "5.75rem";
-export const NavdsSpacing24 = "6rem";
 export const NavdsCheckmarkImageWhite = "url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMyAxMCI+ICAgIDxnPiAgICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNCwxMGMtMC40LDAtMC44LTAuMS0xLjEtMC40TDAuNCw3LjFDMC4xLDYuOCwwLDYuNCwwLDZzMC4yLTAuOCwwLjUtMS4xQzEsNC40LDIsNC40LDIuNSw0LjlMNCw2LjRsNi40LTYgICAgQzEwLjgsMC4xLDExLjEsMCwxMS41LDBjMC40LDAsMC44LDAuMiwxLDAuNWMwLjYsMC42LDAuNSwxLjYtMC4xLDIuMXYwTDUsOS42QzQuNyw5LjksNC40LDEwLDQsMTB6IE0xMS44LDEuOUwxMS44LDEuOSAgICBDMTEuOCwxLjksMTEuOCwxLjksMTEuOCwxLjl6IE0xMS4yLDEuMUMxMS4yLDEuMSwxMS4yLDEuMSwxMS4yLDEuMUwxMS4yLDEuMXoiLz4gICAgPC9nPjwvc3ZnPg==)";
 export const NavdsCheckmarkImageBlue = "url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMyAxMCI+ICAgIDxnPiAgICA8cGF0aCBmaWxsPSIjMDA2N0M1IiBkPSJNNCwxMGMtMC40LDAtMC44LTAuMS0xLjEtMC40TDAuNCw3LjFDMC4xLDYuOCwwLDYuNCwwLDZzMC4yLTAuOCwwLjUtMS4xQzEsNC40LDIsNC40LDIuNSw0LjlMNCw2LjRsNi40LTYgICAgQzEwLjgsMC4xLDExLjEsMCwxMS41LDBjMC40LDAsMC44LDAuMiwxLDAuNWMwLjYsMC42LDAuNSwxLjYtMC4xLDIuMXYwTDUsOS42QzQuNyw5LjksNC40LDEwLDQsMTB6IE0xMS44LDEuOUwxMS44LDEuOSAgICBDMTEuOCwxLjksMTEuOCwxLjksMTEuOCwxLjl6IE0xMS4yLDEuMUMxMS4yLDEuMSwxMS4yLDEuMSwxMS4yLDEuMUwxMS4yLDEuMXoiLz4gICAgPC9nPjwvc3ZnPg==)";

package.json

 {
   "name": "@navikt/ds-tokens",
-  "version": "0.5.3",
+  "version": "0.6.0",
   "private": false,
@@ -23,3 +23,4 @@ "description": "Auto-generated design-tokens for NAV design-systems framework",
     "token": "style-dictionary build",
-    "test": "jest"
+    "test": "jest",
+    "update": "ts-node figma/index.ts dotenv/config"
   },
@@ -32,9 +33,14 @@ "repository": {
   "devDependencies": {
+    "@types/jest": "^27.0.1",
     "color": "^4.0.1",
+    "dotenv": "^10.0.0",
+    "figma-api": "^1.7.0",
     "jest": "^27.2.0",
     "lodash": "^4.17.21",
     "nodemon": "^2.0.12",
-    "style-dictionary": "^3.0.2"
+    "style-dictionary": "^3.0.2",
+    "ts-jest": "^27.0.5",
+    "ts-node": "^10.3.0"
   },
-  "gitHead": "b20fa6986975b2d40bb2e70b1f636b1ad6f38a2a"
+  "gitHead": "a06b27a218f9fdbfed2385eb90a602fae16d3a86"
 }

src/index.js

 const Color = require("color");
+const newColors = require("./colors.json");
+const newSpacing = require("./spacing.json");
 
@@ -40,2 +42,7 @@ const baseFontSize = 16;
   navds: {
+    spacing: {
+      ...(newSpacing?.navds?.spacing ?? {}),
+    },
+    ...(newColors?.global ?? {}),
+    ...(newColors?.semantic ?? {}),
     color: {
@@ -217,11 +224,2 @@ white: { value: white },
     },
-    spacing: Array(24)
-      .fill(0)
-      .reduce(
-        (spacing, _, index) => ({
-          ...spacing,
-          [index + 1]: { value: `${(index + 1) / 4}rem` },
-        }),
-        {}
-      ),
     checkmark: {
@@ -228,0 +226,0 @@ image: {

No alert changes

Improved metrics

Number of package files

10

increased by25%

Worsened metrics

Total package byte prevSize

138576

decreased by-0.89%

Dev dependency count

10

increased by100%

Lines of code

4421

decreased by-1.49%

No dependency changes