@postenbring/hedwig-tokens - npm Package Compare versions

Comparing version 0.0.0-switch-to-lightningcss-OjuY2REh-20231127091219 to 0.0.0-table-6-ov--1y-20240420125753

package.json

 {
   "name": "@postenbring/hedwig-tokens",
-  "version": "0.0.0-switch-to-lightningcss-OjuY2REh-20231127091219",
+  "version": "0.0.0-table-6-ov--1y-20240420125753",
   "sideEffects": false,
   "license": "MIT",
   "files": [
-    "assets/**",
     "tokens-output/**",
@@ -13,10 +12,11 @@ "tailwind.config.cjs",
   "devDependencies": {
-    "@types/node": "20.9.4",
-    "eslint": "^8.53.0",
-    "eslint-config-custom": "0.0.0-switch-to-lightningcss-OjuY2REh-20231127091219",
-    "style-dictionary": "3.9.0",
-    "style-dictionary-utils": "2.0.4",
-    "tailwindcss": "3.3.5",
-    "tsx": "4.4.0",
-    "typescript": "^5.2.2",
+    "@types/node": "20.12.7",
+    "color2k": "2.0.3",
+    "eslint": "^8.57.0",
+    "eslint-config-custom": "*",
+    "style-dictionary": "3.9.2",
+    "style-dictionary-utils": "2.2.1",
+    "tailwindcss": "3.4.3",
+    "tsx": "4.7.2",
+    "typescript": "^5.4.5",
     "hedwig-tsconfig": "0.0.0"
@@ -27,2 +27,13 @@ },
   },
+  "homepage": "https://github.com/bring/hedwig-design-system",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/bring/hedwig-design-system"
+  },
+  "keywords": [
+    "hedwig",
+    "posten",
+    "bring",
+    "designtokens"
+  ],
   "scripts": {
@@ -33,4 +44,4 @@ "build": "node --import tsx build.ts",
     "typecheck": "tsc --noEmit",
-    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
+    "clean": "rm -rf .turbo node_modules dist"
   }
 }

tokens-output/tokens.d.ts

@@ -36,15 +36,25 @@ export const PostenColorsSignatureRed : "#e32d22";
 export const DarkModeColorsAsh : "#999999";
-export const SpacingSmall1 : "4px";
-export const SpacingSmall2 : "8px";
-export const SpacingSmall3 : "12px";
-export const SpacingSmall4 : "16px";
-export const SpacingMedium1 : "20px";
-export const SpacingMedium2 : "24px";
-export const SpacingMedium3 : "32px";
-export const SpacingMedium4 : "40px";
-export const SpacingLarge1 : "48px";
-export const SpacingLarge2 : "64px";
-export const SpacingLarge3 : "80px";
-export const SpacingLarge4 : "120px";
-export const SpacingLarge5 : "160px";
+/** Larger mobile phones */
+export const BreakpointSmall : "460px";
+/** Most tablets */
+export const BreakpointMedium : "720px";
+/** Smaller laptops and desktop monitors. This is where the navbar goes from the mobile version to the desktop version */
+export const BreakpointLarge : "940px";
+/** Most modern laptops and desktop monitors */
+export const BreakpointXlarge : "1200px";
+export const Spacing4 : "4px";
+export const Spacing8 : "8px";
+export const Spacing12 : "12px";
+export const Spacing16 : "16px";
+export const Spacing20 : "20px";
+export const Spacing24 : "24px";
+export const Spacing32 : "32px";
+export const Spacing40 : "40px";
+export const Spacing48 : "48px";
+export const Spacing64 : "64px";
+export const Spacing80 : "80px";
+export const Spacing120 : "120px";
+export const Spacing160 : "160px";
+export const NavbarHeight : "112px";
+export const FontsPostenSans : string[];
 export const FontsPostenSansBold : string[];
@@ -60,4 +70,4 @@ export const FontsPostenSansMedium : string[];
 export const TypographyBringH2 : { fontFamily: string[], fontSize: string[], lineHeight: string[], fontWeight: number, letterSpacing: string };
-export const TypographyHeaderH3 : { fontFamily: string[], fontSize: string[], lineHeight: string[], fontWeight: number, letterSpacing: string };
-export const TypographyHeaderH3Title : { fontFamily: string[], fontSize: string[], lineHeight: string[], fontWeight: number, letterSpacing: string };
+export const TypographyH3 : { fontFamily: string[], fontSize: string[], lineHeight: string[], fontWeight: number, letterSpacing: string };
+export const TypographyH3Title : { fontFamily: string[], fontSize: string[], lineHeight: string[], fontWeight: number, letterSpacing: string };
 export const TypographyBody : { fontFamily: string[], fontSize: string[], lineHeight: string[], fontWeight: number, letterSpacing: string };
@@ -78,2 +88,9 @@ export const TypographyBodyTitle : { fontFamily: string[], fontSize: string[], lineHeight: string[], fontWeight: number, letterSpacing: string };
 export const MicroAnimationEasingNormal : number[];
+export const MicroAnimationDurationQuick : "0.130s";
+export const MicroAnimationDurationNormal : "0.300s";
+export const MicroAnimationDurationSlow : "0.700s";
+export const Opacity7 : ".07";
+export const Opacity10 : ".1";
+export const Opacity20 : ".2";
+export const Opacity50 : ".5";
 export const FontSizePostenH1Display : string[];
@@ -97,8 +114,8 @@ export const FontSizePostenH1DisplayMin : "40px";
 export const FontSizeBringH2Max : "32px";
-export const FontSizeHeaderH3 : string[];
-export const FontSizeHeaderH3Min : "22px";
-export const FontSizeHeaderH3Max : "24px";
-export const FontSizeHeaderH3Title : string[];
-export const FontSizeHeaderH3TitleMin : "22px";
-export const FontSizeHeaderH3TitleMax : "24px";
+export const FontSizeH3 : string[];
+export const FontSizeH3Min : "22px";
+export const FontSizeH3Max : "24px";
+export const FontSizeH3Title : string[];
+export const FontSizeH3TitleMin : "22px";
+export const FontSizeH3TitleMax : "24px";
 export const FontSizeBody : string[];
@@ -142,8 +159,8 @@ export const FontSizeBodyMin : "18px";
 export const LineHeightBringH2Max : "40px";
-export const LineHeightHeaderH3 : string[];
-export const LineHeightHeaderH3Min : "28px";
-export const LineHeightHeaderH3Max : "32px";
-export const LineHeightHeaderH3Title : string[];
-export const LineHeightHeaderH3TitleMin : "28px";
-export const LineHeightHeaderH3TitleMax : "32px";
+export const LineHeightH3 : string[];
+export const LineHeightH3Min : "28px";
+export const LineHeightH3Max : "32px";
+export const LineHeightH3Title : string[];
+export const LineHeightH3TitleMin : "28px";
+export const LineHeightH3TitleMax : "32px";
 export const LineHeightBody : string[];
@@ -169,12 +186,17 @@ export const LineHeightBodyMin : "26px";
 export const LineHeightCaptionTitle : "18px";
-export const MicroAnimationDurationQuick : "0.130s";
-export const MicroAnimationDurationNormal : "0.300s";
-export const MicroAnimationDurationSlow : "0.700s";
-export const BreakpointsSmall : "460px";
-export const BreakpointsMedium : "720px";
-export const BreakpointsLarge : "940px";
-export const BreakpointsXlarge : "1200px";
-export const Opacity7 : ".07";
-export const Opacity10 : ".1";
-export const Opacity20 : ".2";
-export const Opacity50 : ".5";
+export const FontWeightPostenH1Display : number;
+export const FontWeightPostenH1 : number;
+export const FontWeightPostenH2 : number;
+export const FontWeightBringH1Display : number;
+export const FontWeightBringH1 : number;
+export const FontWeightBringH2 : number;
+export const FontWeightH3 : number;
+export const FontWeightH3Title : number;
+export const FontWeightBody : number;
+export const FontWeightBodyTitle : number;
+export const FontWeightBodySmall : number;
+export const FontWeightBodySmallTitle : number;
+export const FontWeightTechnical : number;
+export const FontWeightTechnicalTitle : number;
+export const FontWeightCaption : number;
+export const FontWeightCaptionTitle : number;

tokens-output/tw-tokens.json

 {
   "posten-colors": {
-    "type": "color",
+    "$type": "color",
     "signature-red": "#e32d22",
@@ -13,3 +13,3 @@ "darker-red": "#4a1011",
   "bring-colors": {
-    "type": "color",
+    "$type": "color",
     "signature-green": "#7bc144",
@@ -24,3 +24,3 @@ "darker-green": "#002f19",
   "ui-colors": {
-    "type": "color",
+    "$type": "color",
     "black": "#000000",
@@ -39,3 +39,3 @@ "dark-grey": "#6e6e6e",
   "dark-mode-colors": {
-    "type": "color",
+    "$type": "color",
     "obsidian": "#121212",
@@ -47,20 +47,33 @@ "coal": "#252525",
   },
+  "breakpoint": {
+    "$type": "dimension",
+    "small": "460px",
+    "medium": "720px",
+    "large": "940px",
+    "xlarge": "1200px"
+  },
   "spacing": {
-    "type": "dimension",
-    "small-1": "4px",
-    "small-2": "8px",
-    "small-3": "12px",
-    "small-4": "16px",
-    "medium-1": "20px",
-    "medium-2": "24px",
-    "medium-3": "32px",
-    "medium-4": "40px",
-    "large-1": "48px",
-    "large-2": "64px",
-    "large-3": "80px",
-    "large-4": "120px",
-    "large-5": "160px"
+    "4": "4px",
+    "8": "8px",
+    "12": "12px",
+    "16": "16px",
+    "20": "20px",
+    "24": "24px",
+    "32": "32px",
+    "40": "40px",
+    "48": "48px",
+    "64": "64px",
+    "80": "80px",
+    "120": "120px",
+    "160": "160px",
+    "$type": "dimension"
   },
+  "navbar-height": "112px",
   "fonts": {
-    "type": "fontFamily",
+    "$type": "fontFamily",
+    "posten-sans": [
+      "Posten Sans",
+      "Arial",
+      "sans-serif"
+    ],
     "posten-sans-bold": [
@@ -88,6 +101,6 @@ "Posten Sans Bold",
   "typography": {
-    "type": "typography",
+    "$type": "typography",
     "posten-h1-display": {
       "fontFamily": [
-        "Posten Sans Bold",
+        "Posten Sans",
         "Arial",
@@ -104,3 +117,3 @@ "sans-serif"
       ],
-      "fontWeight": 400,
+      "fontWeight": 700,
       "letterSpacing": "0"
@@ -110,3 +123,3 @@ },
       "fontFamily": [
-        "Posten Sans Bold",
+        "Posten Sans",
         "Arial",
@@ -123,3 +136,3 @@ "sans-serif"
       ],
-      "fontWeight": 400,
+      "fontWeight": 700,
       "letterSpacing": "0"
@@ -129,3 +142,3 @@ },
       "fontFamily": [
-        "Posten Sans Medium",
+        "Posten Sans",
         "Arial",
@@ -142,3 +155,3 @@ "sans-serif"
       ],
-      "fontWeight": 400,
+      "fontWeight": 500,
       "letterSpacing": "0"
@@ -148,3 +161,3 @@ },
       "fontFamily": [
-        "Posten Sans Light",
+        "Posten Sans",
         "Arial",
@@ -161,3 +174,3 @@ "sans-serif"
       ],
-      "fontWeight": 400,
+      "fontWeight": 300,
       "letterSpacing": "0"
@@ -167,3 +180,3 @@ },
       "fontFamily": [
-        "Posten Sans Light",
+        "Posten Sans",
         "Arial",
@@ -180,3 +193,3 @@ "sans-serif"
       ],
-      "fontWeight": 400,
+      "fontWeight": 300,
       "letterSpacing": "0"
@@ -186,3 +199,3 @@ },
       "fontFamily": [
-        "Posten Sans Regular",
+        "Posten Sans",
         "Arial",
@@ -202,5 +215,5 @@ "sans-serif"
     },
-    "header-h3": {
+    "h3": {
       "fontFamily": [
-        "Posten Sans Regular",
+        "Posten Sans",
         "Arial",
@@ -220,5 +233,5 @@ "sans-serif"
     },
-    "header-h3-title": {
+    "h3-title": {
       "fontFamily": [
-        "Posten Sans Medium",
+        "Posten Sans",
         "Arial",
@@ -235,3 +248,3 @@ "sans-serif"
       ],
-      "fontWeight": 400,
+      "fontWeight": 500,
       "letterSpacing": "0"
@@ -241,3 +254,3 @@ },
       "fontFamily": [
-        "Posten Sans Regular",
+        "Posten Sans",
         "Arial",
@@ -259,3 +272,3 @@ "sans-serif"
       "fontFamily": [
-        "Posten Sans Medium",
+        "Posten Sans",
         "Arial",
@@ -272,3 +285,3 @@ "sans-serif"
       ],
-      "fontWeight": 400,
+      "fontWeight": 500,
       "letterSpacing": "0"
@@ -278,3 +291,3 @@ },
       "fontFamily": [
-        "Posten Sans Regular",
+        "Posten Sans",
         "Arial",
@@ -296,3 +309,3 @@ "sans-serif"
       "fontFamily": [
-        "Posten Sans Medium",
+        "Posten Sans",
         "Arial",
@@ -309,3 +322,3 @@ "sans-serif"
       ],
-      "fontWeight": 400,
+      "fontWeight": 500,
       "letterSpacing": "0"
@@ -315,3 +328,3 @@ },
       "fontFamily": [
-        "Posten Sans Regular",
+        "Posten Sans",
         "Arial",
@@ -333,3 +346,3 @@ "sans-serif"
       "fontFamily": [
-        "Posten Sans Medium",
+        "Posten Sans",
         "Arial",
@@ -346,3 +359,3 @@ "sans-serif"
       ],
-      "fontWeight": 400,
+      "fontWeight": 500,
       "letterSpacing": "0"
@@ -352,3 +365,3 @@ },
       "fontFamily": [
-        "Posten Sans Regular",
+        "Posten Sans",
         "Arial",
@@ -364,3 +377,3 @@ "sans-serif"
       "fontFamily": [
-        "Posten Sans Medium",
+        "Posten Sans",
         "Arial",
@@ -371,3 +384,3 @@ "sans-serif"
       "lineHeight": "18px",
-      "fontWeight": 400,
+      "fontWeight": 500,
       "letterSpacing": "0"
@@ -386,44 +399,56 @@ }
   },
+  "micro-animation-duration": {
+    "$type": "time",
+    "quick": "0.130s",
+    "normal": "0.300s",
+    "slow": "0.700s"
+  },
+  "opacity": {
+    "7": ".07",
+    "10": ".1",
+    "20": ".2",
+    "50": ".5"
+  },
   "font-size": {
     "type": "dimension",
-    "posten-h1-display": "calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)))",
+    "posten-h1-display": "clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px)",
     "posten-h1-display-min": "40px",
     "posten-h1-display-max": "72px",
-    "posten-h1": "calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)))",
+    "posten-h1": "clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px)",
     "posten-h1-min": "32px",
     "posten-h1-max": "48px",
-    "posten-h2": "calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)))",
+    "posten-h2": "clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px)",
     "posten-h2-min": "28px",
     "posten-h2-max": "32px",
-    "bring-h1-display": "calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)))",
+    "bring-h1-display": "clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px)",
     "bring-h1-display-min": "40px",
     "bring-h1-display-max": "72px",
-    "bring-h1": "calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)))",
+    "bring-h1": "clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px)",
     "bring-h1-min": "32px",
     "bring-h1-max": "48px",
-    "bring-h2": "calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)))",
+    "bring-h2": "clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px)",
     "bring-h2-min": "28px",
     "bring-h2-max": "32px",
-    "header-h3": "calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300)))",
-    "header-h3-min": "22px",
-    "header-h3-max": "24px",
-    "header-h3-title": "calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300)))",
-    "header-h3-title-min": "22px",
-    "header-h3-title-max": "24px",
-    "body": "calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300)))",
+    "h3": "clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px)",
+    "h3-min": "22px",
+    "h3-max": "24px",
+    "h3-title": "clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px)",
+    "h3-title-min": "22px",
+    "h3-title-max": "24px",
+    "body": "clamp(18px,calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300))),20px)",
     "body-min": "18px",
     "body-max": "20px",
-    "body title": "calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300)))",
+    "body title": "clamp(18px,calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300))),20px)",
     "body title-min": "18px",
     "body title-max": "20px",
-    "body small": "calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300)))",
+    "body small": "clamp(16px,calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300))),18px)",
     "body small-min": "16px",
     "body small-max": "18px",
-    "body small title": "calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300)))",
+    "body small title": "clamp(16px,calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300))),18px)",
     "body small title-min": "16px",
     "body small title-max": "18px",
-    "technical": "calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300)))",
+    "technical": "clamp(14px,calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300))),16px)",
     "technical-min": "14px",
     "technical-max": "16px",
-    "technical title": "calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300)))",
+    "technical title": "clamp(14px,calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300))),16px)",
     "technical title-min": "14px",
@@ -436,42 +461,42 @@ "technical title-max": "16px",
     "type": "dimension",
-    "posten-h1-display": "calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300)))",
+    "posten-h1-display": "clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px)",
     "posten-h1-display-min": "56px",
     "posten-h1-display-max": "80px",
-    "posten-h1": "calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300)))",
+    "posten-h1": "clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px)",
     "posten-h1-min": "40px",
     "posten-h1-max": "56px",
-    "posten-h2": "calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300)))",
+    "posten-h2": "clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px)",
     "posten-h2-min": "36px",
     "posten-h2-max": "40px",
-    "bring-h1-display": "calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300)))",
+    "bring-h1-display": "clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px)",
     "bring-h1-display-min": "56px",
     "bring-h1-display-max": "80px",
-    "bring-h1": "calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300)))",
+    "bring-h1": "clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px)",
     "bring-h1-min": "40px",
     "bring-h1-max": "56px",
-    "bring-h2": "calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300)))",
+    "bring-h2": "clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px)",
     "bring-h2-min": "36px",
     "bring-h2-max": "40px",
-    "header-h3": "calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)))",
-    "header-h3-min": "28px",
-    "header-h3-max": "32px",
-    "header-h3-title": "calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)))",
-    "header-h3-title-min": "28px",
-    "header-h3-title-max": "32px",
-    "body": "calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300)))",
+    "h3": "clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px)",
+    "h3-min": "28px",
+    "h3-max": "32px",
+    "h3-title": "clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px)",
+    "h3-title-min": "28px",
+    "h3-title-max": "32px",
+    "body": "clamp(26px,calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))),28px)",
     "body-min": "26px",
     "body-max": "28px",
-    "body title": "calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300)))",
+    "body title": "clamp(26px,calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))),28px)",
     "body title-min": "26px",
     "body title-max": "28px",
-    "body small": "calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300)))",
+    "body small": "clamp(24px,calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))),26px)",
     "body small-min": "24px",
     "body small-max": "26px",
-    "body small title": "calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300)))",
+    "body small title": "clamp(24px,calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))),26px)",
     "body small title-min": "24px",
     "body small title-max": "26px",
-    "technical": "calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300)))",
+    "technical": "clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px)",
     "technical-min": "22px",
     "technical-max": "24px",
-    "technical title": "calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300)))",
+    "technical title": "clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px)",
     "technical title-min": "22px",
@@ -482,23 +507,21 @@ "technical title-max": "24px",
   },
-  "$description1": "Tokens manually added that are not from an Figma Export",
-  "$description2": "Here we can add missing tokens under development",
-  "micro-animation-duration": {
-    "type": "time",
-    "quick": "0.130s",
-    "normal": "0.300s",
-    "slow": "0.700s"
-  },
-  "breakpoints": {
-    "type": "dimension",
-    "small": "460px",
-    "medium": "720px",
-    "large": "940px",
-    "xlarge": "1200px"
-  },
-  "opacity": {
-    "7": ".07",
-    "10": ".1",
-    "20": ".2",
-    "50": ".5"
+  "font-weight": {
+    "type": "number",
+    "posten-h1-display": 700,
+    "posten-h1": 700,
+    "posten-h2": 500,
+    "bring-h1-display": 300,
+    "bring-h1": 300,
+    "bring-h2": 400,
+    "h3": 400,
+    "h3-title": 500,
+    "body": 400,
+    "body title": 500,
+    "body small": 400,
+    "body small title": 500,
+    "technical": 400,
+    "technical title": 500,
+    "caption": 400,
+    "caption title": 500
   }
 }

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

Native code

Supply chain risk

Contains native code (e.g., compiled binaries or shared libraries). Including native code can obscure malicious behavior.

Found 20 instances in 1 package

No README

Quality

Package does not have a README. This may indicate a failed publish or a low quality package.

Found 1 instance in 1 package

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Number of low quality alerts

1

decreased by-50%

Number of medium quality alerts

1

decreased by-50%

Number of lines in readme file

4

increased byInfinity%

Number of low supply chain risk alerts

0

decreased by-100%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

58782

decreased by-94.14%

Dev dependency count

10

increased by11.11%

Number of package files

9

decreased by-70.97%

Lines of code

1309

decreased by-12.15%

No dependency changes