@navikt/ds-tokens - npm Package Compare versions

Comparing version 0.3.1 to 0.3.2

dist/tokens.js

 /**
  * Do not edit directly
- * Generated on Wed, 02 Jun 2021 09:16:41 GMT
+ * Generated on Fri, 04 Jun 2021 09:52:44 GMT
  */
@@ -138,11 +138,2 @@
 export const NavdsFontSizeS = "0.875rem";
-export const NavdsFontSpacing3Xl = "2.5rem";
-export const NavdsFontSpacing2Xl = "2.25rem";
-export const NavdsFontSpacingXl = "2rem";
-export const NavdsFontSpacingL = "1.75rem";
-export const NavdsFontSpacingM = "1.5rem";
-export const NavdsFontSpacingS = "1.25rem";
-export const NavdsFontSpacingXs = "1rem";
-export const NavdsFontSpacing2Xs = "0.75rem";
-export const NavdsFontSpacing3Xs = "0.5rem";
 export const NavdsFontWeightBold = "600";
@@ -168,2 +159,26 @@ export const NavdsFontWeightRegular = "400";
 export const NavdsZIndexPopoverArrow = "-1";
-export const NavdsSidebarStickyOffset = "0";
+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";

package.json

 {
   "name": "@navikt/ds-tokens",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "private": false,
@@ -37,3 +37,3 @@ "description": "Auto-generated design-tokens for NAV design-systems framework",
   },
-  "gitHead": "3795a1e8fa5eb45dc29ffdc0ac0e4410619b6d76"
+  "gitHead": "360294cab3b907ebd10b354857f61bba150d6c05"
 }

src/index.js

@@ -164,13 +164,2 @@ const Color = require("color");
       },
-      spacing: {
-        "3xl": { value: getFontSize(40) },
-        "2xl": { value: getFontSize(36) },
-        xl: { value: getFontSize(32) },
-        l: { value: getFontSize(28) },
-        m: { value: getFontSize(24) },
-        s: { value: getFontSize(20) },
-        xs: { value: getFontSize(16) },
-        "2xs": { value: getFontSize(12) },
-        "3xs": { value: getFontSize(8) },
-      },
       weight: {
@@ -193,4 +182,4 @@ bold: { value: "600" },
       padding: {
-        small: { value: "1rem" },
-        mediumAndLarger: { value: "1.5rem" },
+        small: { value: "{navds.spacing.4.value}" },
+        mediumAndLarger: { value: "{navds.spacing.6.value}" },
       },
@@ -200,4 +189,4 @@ },
       gutter: {
-        small: { value: "1rem" },
-        mediumAndLarger: { value: "1.5rem" },
+        small: { value: "{navds.spacing.4.value}" },
+        mediumAndLarger: { value: "{navds.spacing.6.value}" },
       },
@@ -211,17 +200,15 @@ },
       padding: {
-        small: { value: "1rem" },
-        mediumAndLarger: { value: "2.5rem" },
+        small: { value: "{navds.spacing.4.value}" },
+        mediumAndLarger: { value: "{navds.spacing.10.value}" },
       },
     },
-    z: {
-      index: {
-        modal: {
-          content: { value: "1010" },
-          overlay: { value: "1000" },
-        },
-        popover: {
-          default: { value: "2000" },
-          arrow: { value: "-1" },
-        },
+    "z-index": {
+      modal: {
+        content: { value: "1010" },
+        overlay: { value: "1000" },
       },
+      popover: {
+        default: { value: "2000" },
+        arrow: { value: "-1" },
+      },
     },
@@ -233,3 +220,12 @@ sidebar: {
     },
+    spacing: Array(24)
+      .fill(0)
+      .reduce(
+        (spacing, _, index) => ({
+          ...spacing,
+          [index + 1]: { value: `${(index + 1) / 4}rem` },
+        }),
+        {}
+      ),
   },
 };

No alert changes

Improved metrics

Total package byte prevSize

117559

increased by5.03%

Lines of code

4054

increased by6.66%

No dependency changes