@navikt/ds-tokens - npm Package Compare versions

Comparing version 0.7.1 to 0.8.0

dist/tokens-cjs.js

 /**
  * Do not edit directly
- * Generated on Fri, 07 Jan 2022 08:51:34 GMT
+ * Generated on Thu, 27 Jan 2022 09:52:32 GMT
  */
@@ -31,3 +31,3 @@
   "NavdsShadowFocusInverted": "0 0 0 3px rgba(153, 195, 255, 1)",
-  "NavdsShadowPopover": "0 2px 4px 0 rgba(201, 201, 201, 1)",
+  "NavdsShadowPopover": "0 2px 4px 0 rgba(229, 229, 229, 1)",
   "NavdsShadowCard": "0 1px 3px 0 rgba(38,38,38,0.2),0 2px 1px 0 rgba(38,38,38,0.12),0 1px 1px 0 rgba(38,38,38,0.14)",
@@ -59,6 +59,9 @@ "NavdsZIndexModal": 2000,
   "NavdsGlobalColorGray100": "rgba(241, 241, 241, 1)",
-  "NavdsGlobalColorGray200": "rgba(201, 201, 201, 1)",
-  "NavdsGlobalColorGray400": "rgba(160, 160, 160, 1)",
-  "NavdsGlobalColorGray600": "rgba(106, 106, 106, 1)",
-  "NavdsGlobalColorGray800": "rgba(79, 79, 79, 1)",
+  "NavdsGlobalColorGray200": "rgba(229, 229, 229, 1)",
+  "NavdsGlobalColorGray300": "rgba(207, 207, 207, 1)",
+  "NavdsGlobalColorGray400": "rgba(176, 176, 176, 1)",
+  "NavdsGlobalColorGray500": "rgba(143, 143, 143, 1)",
+  "NavdsGlobalColorGray600": "rgba(112, 112, 112, 1)",
+  "NavdsGlobalColorGray700": "rgba(89, 89, 89, 1)",
+  "NavdsGlobalColorGray800": "rgba(64, 64, 64, 1)",
   "NavdsGlobalColorGray900": "rgba(38, 38, 38, 1)",
@@ -128,5 +131,5 @@ "NavdsGlobalColorGreen50": "rgba(243, 252, 245, 1)",
   "NavdsGlobalColorWhite": "rgba(255, 255, 255, 1)",
-  "NavdsSemanticColorBorderInverted": "rgba(201, 201, 201, 1)",
-  "NavdsSemanticColorBorderMuted": "rgba(160, 160, 160, 1)",
-  "NavdsSemanticColorBorder": "rgba(106, 106, 106, 1)",
+  "NavdsSemanticColorBorderInverted": "rgba(229, 229, 229, 1)",
+  "NavdsSemanticColorBorderMuted": "rgba(176, 176, 176, 1)",
+  "NavdsSemanticColorBorder": "rgba(112, 112, 112, 1)",
   "NavdsSemanticColorCanvasBackgroundInverted": "rgba(38, 38, 38, 1)",
@@ -138,3 +141,3 @@ "NavdsSemanticColorCanvasBackgroundLight": "rgba(255, 255, 255, 1)",
   "NavdsSemanticColorComponentBackgroundLight": "rgba(255, 255, 255, 1)",
-  "NavdsSemanticColorDivider": "rgba(201, 201, 201, 1)",
+  "NavdsSemanticColorDivider": "rgba(229, 229, 229, 1)",
   "NavdsSemanticColorFeedbackDangerBackground": "rgba(249, 210, 204, 1)",
@@ -165,3 +168,3 @@ "NavdsSemanticColorFeedbackDangerBorder": "rgba(186, 58, 38, 1)",
   "NavdsSemanticColorTextInverted": "rgba(255, 255, 255, 1)",
-  "NavdsSemanticColorTextMuted": "rgba(106, 106, 106, 1)",
+  "NavdsSemanticColorTextMuted": "rgba(112, 112, 112, 1)",
   "NavdsSemanticColorText": "rgba(38, 38, 38, 1)",
@@ -168,0 +171,0 @@ "NavdsSpacing1": "0.25rem",

dist/tokens.js

 /**
  * Do not edit directly
- * Generated on Fri, 07 Jan 2022 08:51:34 GMT
+ * Generated on Thu, 27 Jan 2022 09:52:32 GMT
  */
@@ -30,3 +30,3 @@
 export const NavdsShadowFocusInverted = "0 0 0 3px rgba(153, 195, 255, 1)";
-export const NavdsShadowPopover = "0 2px 4px 0 rgba(201, 201, 201, 1)";
+export const NavdsShadowPopover = "0 2px 4px 0 rgba(229, 229, 229, 1)";
 export const NavdsShadowCard = "0 1px 3px 0 rgba(38,38,38,0.2),0 2px 1px 0 rgba(38,38,38,0.12),0 1px 1px 0 rgba(38,38,38,0.14)";
@@ -58,6 +58,9 @@ export const NavdsZIndexModal = 2000;
 export const NavdsGlobalColorGray100 = "rgba(241, 241, 241, 1)";
-export const NavdsGlobalColorGray200 = "rgba(201, 201, 201, 1)";
-export const NavdsGlobalColorGray400 = "rgba(160, 160, 160, 1)";
-export const NavdsGlobalColorGray600 = "rgba(106, 106, 106, 1)";
-export const NavdsGlobalColorGray800 = "rgba(79, 79, 79, 1)";
+export const NavdsGlobalColorGray200 = "rgba(229, 229, 229, 1)";
+export const NavdsGlobalColorGray300 = "rgba(207, 207, 207, 1)";
+export const NavdsGlobalColorGray400 = "rgba(176, 176, 176, 1)";
+export const NavdsGlobalColorGray500 = "rgba(143, 143, 143, 1)";
+export const NavdsGlobalColorGray600 = "rgba(112, 112, 112, 1)";
+export const NavdsGlobalColorGray700 = "rgba(89, 89, 89, 1)";
+export const NavdsGlobalColorGray800 = "rgba(64, 64, 64, 1)";
 export const NavdsGlobalColorGray900 = "rgba(38, 38, 38, 1)";
@@ -127,5 +130,5 @@ export const NavdsGlobalColorGreen50 = "rgba(243, 252, 245, 1)";
 export const NavdsGlobalColorWhite = "rgba(255, 255, 255, 1)";
-export const NavdsSemanticColorBorderInverted = "rgba(201, 201, 201, 1)";
-export const NavdsSemanticColorBorderMuted = "rgba(160, 160, 160, 1)";
-export const NavdsSemanticColorBorder = "rgba(106, 106, 106, 1)";
+export const NavdsSemanticColorBorderInverted = "rgba(229, 229, 229, 1)";
+export const NavdsSemanticColorBorderMuted = "rgba(176, 176, 176, 1)";
+export const NavdsSemanticColorBorder = "rgba(112, 112, 112, 1)";
 export const NavdsSemanticColorCanvasBackgroundInverted = "rgba(38, 38, 38, 1)";
@@ -137,3 +140,3 @@ export const NavdsSemanticColorCanvasBackgroundLight = "rgba(255, 255, 255, 1)";
 export const NavdsSemanticColorComponentBackgroundLight = "rgba(255, 255, 255, 1)";
-export const NavdsSemanticColorDivider = "rgba(201, 201, 201, 1)";
+export const NavdsSemanticColorDivider = "rgba(229, 229, 229, 1)";
 export const NavdsSemanticColorFeedbackDangerBackground = "rgba(249, 210, 204, 1)";
@@ -164,3 +167,3 @@ export const NavdsSemanticColorFeedbackDangerBorder = "rgba(186, 58, 38, 1)";
 export const NavdsSemanticColorTextInverted = "rgba(255, 255, 255, 1)";
-export const NavdsSemanticColorTextMuted = "rgba(106, 106, 106, 1)";
+export const NavdsSemanticColorTextMuted = "rgba(112, 112, 112, 1)";
 export const NavdsSemanticColorText = "rgba(38, 38, 38, 1)";
@@ -167,0 +170,0 @@ export const NavdsSpacing1 = "0.25rem";

package.json

 {
   "name": "@navikt/ds-tokens",
-  "version": "0.7.1",
+  "version": "0.8.0",
   "private": false,
@@ -43,3 +43,3 @@ "description": "Auto-generated design-tokens for NAV design-systems framework",
   },
-  "gitHead": "b74f5d6184acbc96cd6b0190949577ae06955251"
+  "gitHead": "f464347f6e6cb8945c74fe1d95d459c731ee3629"
 }

src/colors.json

@@ -77,12 +77,21 @@ {
           "200": {
-            "value": "rgba(201, 201, 201, 1)"
+            "value": "rgba(229, 229, 229, 1)"
           },
+          "300": {
+            "value": "rgba(207, 207, 207, 1)"
+          },
           "400": {
-            "value": "rgba(160, 160, 160, 1)"
+            "value": "rgba(176, 176, 176, 1)"
           },
+          "500": {
+            "value": "rgba(143, 143, 143, 1)"
+          },
           "600": {
-            "value": "rgba(106, 106, 106, 1)"
+            "value": "rgba(112, 112, 112, 1)"
           },
+          "700": {
+            "value": "rgba(89, 89, 89, 1)"
+          },
           "800": {
-            "value": "rgba(79, 79, 79, 1)"
+            "value": "rgba(64, 64, 64, 1)"
           },
@@ -89,0 +98,0 @@ "900": {

No alert changes

Improved metrics

Total package byte prevSize

67431

increased by1.61%

Lines of code

1123

increased by1.63%

No dependency changes