@navikt/ds-tokens - npm Package Compare versions

Comparing version 0.6.0 to 0.6.1

dist/tokens.js

 /**
  * Do not edit directly
- * Generated on Thu, 11 Nov 2021 17:26:34 GMT
+ * Generated on Fri, 12 Nov 2021 10:58:40 GMT
  */
@@ -24,2 +24,124 @@
 export const NavdsSpacing32 = "8rem";
+export const NavdsGlobalColorBlue50 = "rgba(230, 240, 255, 1)";
+export const NavdsGlobalColorBlue100 = "rgba(204, 225, 255, 1)";
+export const NavdsGlobalColorBlue200 = "rgba(153, 195, 255, 1)";
+export const NavdsGlobalColorBlue300 = "rgba(102, 165, 244, 1)";
+export const NavdsGlobalColorBlue400 = "rgba(51, 134, 224, 1)";
+export const NavdsGlobalColorBlue500 = "rgba(0, 103, 197, 1)";
+export const NavdsGlobalColorBlue600 = "rgba(0, 86, 180, 1)";
+export const NavdsGlobalColorBlue700 = "rgba(0, 69, 156, 1)";
+export const NavdsGlobalColorBlue800 = "rgba(0, 52, 125, 1)";
+export const NavdsGlobalColorBlue900 = "rgba(0, 34, 82, 1)";
+export const NavdsGlobalColorDeepblue50 = "rgba(230, 241, 248, 1)";
+export const NavdsGlobalColorDeepblue100 = "rgba(204, 226, 240, 1)";
+export const NavdsGlobalColorDeepblue200 = "rgba(153, 196, 221, 1)";
+export const NavdsGlobalColorDeepblue300 = "rgba(102, 163, 196, 1)";
+export const NavdsGlobalColorDeepblue400 = "rgba(51, 128, 165, 1)";
+export const NavdsGlobalColorDeepblue500 = "rgba(0, 91, 130, 1)";
+export const NavdsGlobalColorDeepblue600 = "rgba(0, 80, 119, 1)";
+export const NavdsGlobalColorDeepblue700 = "rgba(0, 67, 103, 1)";
+export const NavdsGlobalColorDeepblue800 = "rgba(0, 52, 83, 1)";
+export const NavdsGlobalColorDeepblue900 = "rgba(0, 36, 58, 1)";
+export const NavdsGlobalColorGray50 = "rgba(247, 247, 247, 1)";
+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 NavdsGlobalColorGray900 = "rgba(38, 38, 38, 1)";
+export const NavdsGlobalColorGreen50 = "rgba(243, 252, 245, 1)";
+export const NavdsGlobalColorGreen100 = "rgba(204, 241, 214, 1)";
+export const NavdsGlobalColorGreen200 = "rgba(153, 222, 173, 1)";
+export const NavdsGlobalColorGreen300 = "rgba(102, 199, 134, 1)";
+export const NavdsGlobalColorGreen400 = "rgba(51, 170, 95, 1)";
+export const NavdsGlobalColorGreen500 = "rgba(6, 137, 58, 1)";
+export const NavdsGlobalColorGreen600 = "rgba(0, 124, 46, 1)";
+export const NavdsGlobalColorGreen700 = "rgba(0, 106, 35, 1)";
+export const NavdsGlobalColorGreen800 = "rgba(0, 85, 25, 1)";
+export const NavdsGlobalColorGreen900 = "rgba(0, 59, 15, 1)";
+export const NavdsGlobalColorLightblue50 = "rgba(235, 252, 255, 1)";
+export const NavdsGlobalColorLightblue100 = "rgba(216, 249, 255, 1)";
+export const NavdsGlobalColorLightblue200 = "rgba(181, 241, 255, 1)";
+export const NavdsGlobalColorLightblue300 = "rgba(151, 230, 255, 1)";
+export const NavdsGlobalColorLightblue400 = "rgba(124, 218, 248, 1)";
+export const NavdsGlobalColorLightblue500 = "rgba(102, 203, 236, 1)";
+export const NavdsGlobalColorLightblue600 = "rgba(76, 173, 205, 1)";
+export const NavdsGlobalColorLightblue700 = "rgba(54, 141, 168, 1)";
+export const NavdsGlobalColorLightblue800 = "rgba(35, 107, 125, 1)";
+export const NavdsGlobalColorLightblue900 = "rgba(19, 72, 82, 1)";
+export const NavdsGlobalColorLimegreen50 = "rgba(253, 255, 230, 1)";
+export const NavdsGlobalColorLimegreen100 = "rgba(249, 252, 204, 1)";
+export const NavdsGlobalColorLimegreen200 = "rgba(236, 243, 153, 1)";
+export const NavdsGlobalColorLimegreen300 = "rgba(217, 227, 102, 1)";
+export const NavdsGlobalColorLimegreen400 = "rgba(193, 203, 51, 1)";
+export const NavdsGlobalColorLimegreen500 = "rgba(162, 173, 0, 1)";
+export const NavdsGlobalColorLimegreen600 = "rgba(147, 158, 0, 1)";
+export const NavdsGlobalColorLimegreen700 = "rgba(127, 137, 0, 1)";
+export const NavdsGlobalColorLimegreen800 = "rgba(102, 110, 0, 1)";
+export const NavdsGlobalColorLimegreen900 = "rgba(71, 78, 0, 1)";
+export const NavdsGlobalColorNavRed = "rgba(195, 0, 0, 1)";
+export const NavdsGlobalColorOrange50 = "rgba(255, 249, 240, 1)";
+export const NavdsGlobalColorOrange100 = "rgba(255, 236, 204, 1)";
+export const NavdsGlobalColorOrange200 = "rgba(255, 215, 153, 1)";
+export const NavdsGlobalColorOrange300 = "rgba(255, 193, 102, 1)";
+export const NavdsGlobalColorOrange400 = "rgba(255, 170, 51, 1)";
+export const NavdsGlobalColorOrange500 = "rgba(255, 145, 0, 1)";
+export const NavdsGlobalColorOrange600 = "rgba(212, 123, 0, 1)";
+export const NavdsGlobalColorOrange700 = "rgba(168, 100, 0, 1)";
+export const NavdsGlobalColorOrange800 = "rgba(125, 76, 0, 1)";
+export const NavdsGlobalColorOrange900 = "rgba(82, 51, 0, 1)";
+export const NavdsGlobalColorPurple50 = "rgba(239, 236, 244, 1)";
+export const NavdsGlobalColorPurple100 = "rgba(224, 216, 233, 1)";
+export const NavdsGlobalColorPurple200 = "rgba(192, 178, 210, 1)";
+export const NavdsGlobalColorPurple300 = "rgba(161, 141, 187, 1)";
+export const NavdsGlobalColorPurple400 = "rgba(130, 105, 162, 1)";
+export const NavdsGlobalColorPurple500 = "rgba(99, 70, 137, 1)";
+export const NavdsGlobalColorPurple600 = "rgba(82, 56, 116, 1)";
+export const NavdsGlobalColorPurple700 = "rgba(65, 43, 93, 1)";
+export const NavdsGlobalColorPurple800 = "rgba(48, 31, 70, 1)";
+export const NavdsGlobalColorPurple900 = "rgba(31, 20, 47, 1)";
+export const NavdsGlobalColorRed50 = "rgba(253, 232, 230, 1)";
+export const NavdsGlobalColorRed100 = "rgba(249, 210, 204, 1)";
+export const NavdsGlobalColorRed200 = "rgba(239, 168, 157, 1)";
+export const NavdsGlobalColorRed300 = "rgba(225, 128, 113, 1)";
+export const NavdsGlobalColorRed400 = "rgba(208, 92, 74, 1)";
+export const NavdsGlobalColorRed500 = "rgba(186, 58, 38, 1)";
+export const NavdsGlobalColorRed600 = "rgba(163, 42, 23, 1)";
+export const NavdsGlobalColorRed700 = "rgba(136, 29, 12, 1)";
+export const NavdsGlobalColorRed800 = "rgba(106, 18, 4, 1)";
+export const NavdsGlobalColorRed900 = "rgba(72, 9, 0, 1)";
+export const NavdsGlobalColorTransparent = "rgba(255, 255, 255, 0)";
+export const NavdsGlobalColorWhite = "rgba(255, 255, 255, 1)";
+export const NavdsSemanticColorBorderDefault = "rgba(106, 106, 106, 1)";
+export const NavdsSemanticColorBorderMuted = "rgba(160, 160, 160, 1)";
+export const NavdsSemanticColorCanvasBackgroundDefault = "rgba(241, 241, 241, 1)";
+export const NavdsSemanticColorCanvasBackgroundInverted = "rgba(38, 38, 38, 1)";
+export const NavdsSemanticColorCanvasBackgroundLight = "rgba(255, 255, 255, 1)";
+export const NavdsSemanticColorComponentBackgroundAlternate = "rgba(247, 247, 247, 1)";
+export const NavdsSemanticColorComponentBackgroundInverted = "rgba(38, 38, 38, 1)";
+export const NavdsSemanticColorDivider = "rgba(201, 201, 201, 1)";
+export const NavdsSemanticColorFeedbackDangerBackground = "rgba(249, 210, 204, 1)";
+export const NavdsSemanticColorFeedbackDangerBorder = "rgba(186, 58, 38, 1)";
+export const NavdsSemanticColorFeedbackDangerIcon = "rgba(186, 58, 38, 1)";
+export const NavdsSemanticColorFeedbackDangerText = "rgba(186, 58, 38, 1)";
+export const NavdsSemanticColorFeedbackInfoBackground = "rgba(216, 249, 255, 1)";
+export const NavdsSemanticColorFeedbackInfoBorder = "rgba(54, 141, 168, 1)";
+export const NavdsSemanticColorFeedbackInfoIcon = "rgba(54, 141, 168, 1)";
+export const NavdsSemanticColorFeedbackSuccessBackground = "rgba(204, 241, 214, 1)";
+export const NavdsSemanticColorFeedbackSuccessBorder = "rgba(6, 137, 58, 1)";
+export const NavdsSemanticColorFeedbackSuccessIcon = "rgba(0, 124, 46, 1)";
+export const NavdsSemanticColorFeedbackWarningBackground = "rgba(255, 236, 204, 1)";
+export const NavdsSemanticColorFeedbackWarningBorder = "rgba(212, 123, 0, 1)";
+export const NavdsSemanticColorFeedbackWarningIcon = "rgba(255, 145, 0, 1)";
+export const NavdsSemanticColorFocus = "rgba(0, 52, 125, 1)";
+export const NavdsSemanticColorInteractionDangerDefault = "rgba(186, 58, 38, 1)";
+export const NavdsSemanticColorInteractionDangerHover = "rgba(163, 42, 23, 1)";
+export const NavdsSemanticColorInteractionDangerSelected = "rgba(136, 29, 12, 1)";
+export const NavdsSemanticColorInteractionPrimaryDefault = "rgba(0, 103, 197, 1)";
+export const NavdsSemanticColorInteractionPrimaryHover = "rgba(0, 86, 180, 1)";
+export const NavdsSemanticColorInteractionPrimarySelected = "rgba(0, 91, 130, 1)";
+export const NavdsSemanticColorTextDefault = "rgba(38, 38, 38, 1)";
+export const NavdsSemanticColorTextInverted = "rgba(255, 255, 255, 1)";
+export const NavdsSemanticColorTextLink = "rgba(0, 103, 197, 1)";
+export const NavdsSemanticColorTextMuted = "rgba(106, 106, 106, 1)";
 export const NavdsColorWhite = "#ffffff";
@@ -26,0 +148,0 @@ export const NavdsColorDarkgray = "#262626";

package.json

 {
   "name": "@navikt/ds-tokens",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "private": false,
@@ -43,3 +43,3 @@ "description": "Auto-generated design-tokens for NAV design-systems framework",
   },
-  "gitHead": "a06b27a218f9fdbfed2385eb90a602fae16d3a86"
+  "gitHead": "03a9d1a55472bfb704ea360485990c0f08c30ad9"
 }

src/colors.json

@@ -1,1 +0,432 @@
-{}
+{
+  "navds": {
+    "global": {
+      "color": {
+        "blue": {
+          "50": {
+            "value": "rgba(230, 240, 255, 1)"
+          },
+          "100": {
+            "value": "rgba(204, 225, 255, 1)"
+          },
+          "200": {
+            "value": "rgba(153, 195, 255, 1)"
+          },
+          "300": {
+            "value": "rgba(102, 165, 244, 1)"
+          },
+          "400": {
+            "value": "rgba(51, 134, 224, 1)"
+          },
+          "500": {
+            "value": "rgba(0, 103, 197, 1)"
+          },
+          "600": {
+            "value": "rgba(0, 86, 180, 1)"
+          },
+          "700": {
+            "value": "rgba(0, 69, 156, 1)"
+          },
+          "800": {
+            "value": "rgba(0, 52, 125, 1)"
+          },
+          "900": {
+            "value": "rgba(0, 34, 82, 1)"
+          }
+        },
+        "deepblue": {
+          "50": {
+            "value": "rgba(230, 241, 248, 1)"
+          },
+          "100": {
+            "value": "rgba(204, 226, 240, 1)"
+          },
+          "200": {
+            "value": "rgba(153, 196, 221, 1)"
+          },
+          "300": {
+            "value": "rgba(102, 163, 196, 1)"
+          },
+          "400": {
+            "value": "rgba(51, 128, 165, 1)"
+          },
+          "500": {
+            "value": "rgba(0, 91, 130, 1)"
+          },
+          "600": {
+            "value": "rgba(0, 80, 119, 1)"
+          },
+          "700": {
+            "value": "rgba(0, 67, 103, 1)"
+          },
+          "800": {
+            "value": "rgba(0, 52, 83, 1)"
+          },
+          "900": {
+            "value": "rgba(0, 36, 58, 1)"
+          }
+        },
+        "gray": {
+          "50": {
+            "value": "rgba(247, 247, 247, 1)"
+          },
+          "100": {
+            "value": "rgba(241, 241, 241, 1)"
+          },
+          "200": {
+            "value": "rgba(201, 201, 201, 1)"
+          },
+          "400": {
+            "value": "rgba(160, 160, 160, 1)"
+          },
+          "600": {
+            "value": "rgba(106, 106, 106, 1)"
+          },
+          "800": {
+            "value": "rgba(79, 79, 79, 1)"
+          },
+          "900": {
+            "value": "rgba(38, 38, 38, 1)"
+          }
+        },
+        "green": {
+          "50": {
+            "value": "rgba(243, 252, 245, 1)"
+          },
+          "100": {
+            "value": "rgba(204, 241, 214, 1)"
+          },
+          "200": {
+            "value": "rgba(153, 222, 173, 1)"
+          },
+          "300": {
+            "value": "rgba(102, 199, 134, 1)"
+          },
+          "400": {
+            "value": "rgba(51, 170, 95, 1)"
+          },
+          "500": {
+            "value": "rgba(6, 137, 58, 1)"
+          },
+          "600": {
+            "value": "rgba(0, 124, 46, 1)"
+          },
+          "700": {
+            "value": "rgba(0, 106, 35, 1)"
+          },
+          "800": {
+            "value": "rgba(0, 85, 25, 1)"
+          },
+          "900": {
+            "value": "rgba(0, 59, 15, 1)"
+          }
+        },
+        "lightblue": {
+          "50": {
+            "value": "rgba(235, 252, 255, 1)"
+          },
+          "100": {
+            "value": "rgba(216, 249, 255, 1)"
+          },
+          "200": {
+            "value": "rgba(181, 241, 255, 1)"
+          },
+          "300": {
+            "value": "rgba(151, 230, 255, 1)"
+          },
+          "400": {
+            "value": "rgba(124, 218, 248, 1)"
+          },
+          "500": {
+            "value": "rgba(102, 203, 236, 1)"
+          },
+          "600": {
+            "value": "rgba(76, 173, 205, 1)"
+          },
+          "700": {
+            "value": "rgba(54, 141, 168, 1)"
+          },
+          "800": {
+            "value": "rgba(35, 107, 125, 1)"
+          },
+          "900": {
+            "value": "rgba(19, 72, 82, 1)"
+          }
+        },
+        "limegreen": {
+          "50": {
+            "value": "rgba(253, 255, 230, 1)"
+          },
+          "100": {
+            "value": "rgba(249, 252, 204, 1)"
+          },
+          "200": {
+            "value": "rgba(236, 243, 153, 1)"
+          },
+          "300": {
+            "value": "rgba(217, 227, 102, 1)"
+          },
+          "400": {
+            "value": "rgba(193, 203, 51, 1)"
+          },
+          "500": {
+            "value": "rgba(162, 173, 0, 1)"
+          },
+          "600": {
+            "value": "rgba(147, 158, 0, 1)"
+          },
+          "700": {
+            "value": "rgba(127, 137, 0, 1)"
+          },
+          "800": {
+            "value": "rgba(102, 110, 0, 1)"
+          },
+          "900": {
+            "value": "rgba(71, 78, 0, 1)"
+          }
+        },
+        "nav": {
+          "red": {
+            "value": "rgba(195, 0, 0, 1)"
+          }
+        },
+        "orange": {
+          "50": {
+            "value": "rgba(255, 249, 240, 1)"
+          },
+          "100": {
+            "value": "rgba(255, 236, 204, 1)"
+          },
+          "200": {
+            "value": "rgba(255, 215, 153, 1)"
+          },
+          "300": {
+            "value": "rgba(255, 193, 102, 1)"
+          },
+          "400": {
+            "value": "rgba(255, 170, 51, 1)"
+          },
+          "500": {
+            "value": "rgba(255, 145, 0, 1)"
+          },
+          "600": {
+            "value": "rgba(212, 123, 0, 1)"
+          },
+          "700": {
+            "value": "rgba(168, 100, 0, 1)"
+          },
+          "800": {
+            "value": "rgba(125, 76, 0, 1)"
+          },
+          "900": {
+            "value": "rgba(82, 51, 0, 1)"
+          }
+        },
+        "purple": {
+          "50": {
+            "value": "rgba(239, 236, 244, 1)"
+          },
+          "100": {
+            "value": "rgba(224, 216, 233, 1)"
+          },
+          "200": {
+            "value": "rgba(192, 178, 210, 1)"
+          },
+          "300": {
+            "value": "rgba(161, 141, 187, 1)"
+          },
+          "400": {
+            "value": "rgba(130, 105, 162, 1)"
+          },
+          "500": {
+            "value": "rgba(99, 70, 137, 1)"
+          },
+          "600": {
+            "value": "rgba(82, 56, 116, 1)"
+          },
+          "700": {
+            "value": "rgba(65, 43, 93, 1)"
+          },
+          "800": {
+            "value": "rgba(48, 31, 70, 1)"
+          },
+          "900": {
+            "value": "rgba(31, 20, 47, 1)"
+          }
+        },
+        "red": {
+          "50": {
+            "value": "rgba(253, 232, 230, 1)"
+          },
+          "100": {
+            "value": "rgba(249, 210, 204, 1)"
+          },
+          "200": {
+            "value": "rgba(239, 168, 157, 1)"
+          },
+          "300": {
+            "value": "rgba(225, 128, 113, 1)"
+          },
+          "400": {
+            "value": "rgba(208, 92, 74, 1)"
+          },
+          "500": {
+            "value": "rgba(186, 58, 38, 1)"
+          },
+          "600": {
+            "value": "rgba(163, 42, 23, 1)"
+          },
+          "700": {
+            "value": "rgba(136, 29, 12, 1)"
+          },
+          "800": {
+            "value": "rgba(106, 18, 4, 1)"
+          },
+          "900": {
+            "value": "rgba(72, 9, 0, 1)"
+          }
+        },
+        "transparent": {
+          "value": "rgba(255, 255, 255, 0)"
+        },
+        "white": {
+          "value": "rgba(255, 255, 255, 1)"
+        }
+      }
+    },
+    "semantic": {
+      "color": {
+        "border": {
+          "default": {
+            "value": "{navds.global.color.gray.600.value}"
+          },
+          "muted": {
+            "value": "{navds.global.color.gray.400.value}"
+          }
+        },
+        "canvas": {
+          "background": {
+            "default": {
+              "value": "{navds.global.color.gray.100.value}"
+            },
+            "inverted": {
+              "value": "{navds.global.color.gray.900.value}"
+            },
+            "light": {
+              "value": "{navds.global.color.white.value}"
+            }
+          }
+        },
+        "component": {
+          "background": {
+            "alternate": {
+              "value": "{navds.global.color.gray.50.value}"
+            },
+            "inverted": {
+              "value": "{navds.global.color.gray.900.value}"
+            }
+          }
+        },
+        "divider": {
+          "value": "{navds.global.color.gray.200.value}"
+        },
+        "feedback": {
+          "danger": {
+            "background": {
+              "value": "{navds.global.color.red.100.value}"
+            },
+            "border": {
+              "value": "{navds.global.color.red.500.value}"
+            },
+            "icon": {
+              "value": "{navds.global.color.red.500.value}"
+            },
+            "text": {
+              "value": "{navds.global.color.red.500.value}"
+            }
+          },
+          "info": {
+            "background": {
+              "value": "{navds.global.color.lightblue.100.value}"
+            },
+            "border": {
+              "value": "{navds.global.color.lightblue.700.value}"
+            },
+            "icon": {
+              "value": "{navds.global.color.lightblue.700.value}"
+            }
+          },
+          "success": {
+            "background": {
+              "value": "{navds.global.color.green.100.value}"
+            },
+            "border": {
+              "value": "{navds.global.color.green.500.value}"
+            },
+            "icon": {
+              "value": "{navds.global.color.green.600.value}"
+            }
+          },
+          "warning": {
+            "background": {
+              "value": "{navds.global.color.orange.100.value}"
+            },
+            "border": {
+              "value": "{navds.global.color.orange.600.value}"
+            },
+            "icon": {
+              "value": "{navds.global.color.orange.500.value}"
+            }
+          }
+        },
+        "focus": {
+          "value": "{navds.global.color.blue.800.value}",
+          "inverted": {
+            "value": "{navds.global.color.blue.200.value}"
+          }
+        },
+        "interaction": {
+          "danger": {
+            "default": {
+              "value": "{navds.global.color.red.500.value}"
+            },
+            "hover": {
+              "value": "{navds.global.color.red.600.value}"
+            },
+            "selected": {
+              "value": "{navds.global.color.red.700.value}"
+            }
+          },
+          "primary": {
+            "default": {
+              "value": "{navds.global.color.blue.500.value}"
+            },
+            "hover": {
+              "value": "{navds.global.color.blue.600.value}"
+            },
+            "selected": {
+              "value": "{navds.global.color.deepblue.500.value}"
+            }
+          }
+        },
+        "text": {
+          "default": {
+            "value": "{navds.global.color.gray.900.value}"
+          },
+          "inverted": {
+            "value": "{navds.global.color.white.value}"
+          },
+          "link": {
+            "value": "{navds.global.color.blue.500.value}",
+            "visited": {
+              "value": "{navds.global.color.purple.500.value}"
+            }
+          },
+          "muted": {
+            "value": "{navds.global.color.gray.600.value}"
+          }
+        }
+      }
+    }
+  }
+}

src/index.js

@@ -42,7 +42,4 @@ const Color = require("color");
   navds: {
-    spacing: {
-      ...(newSpacing?.navds?.spacing ?? {}),
-    },
-    ...(newColors?.global ?? {}),
-    ...(newColors?.semantic ?? {}),
+    ...(newSpacing?.navds ?? {}),
+    ...(newColors?.navds ?? {}),
     color: {
@@ -49,0 +46,0 @@ white: { value: white },

No alert changes

Improved metrics

Total package byte prevSize

262326

increased by89.3%

Lines of code

7991

increased by80.75%

No dependency changes