@postenbring/hedwig-tokens - npm Package Compare versions

Comparing version 0.0.0-refactor-tokens-20231112182039 to 0.0.0-remove-posten-light-jzn36-pz-20240515124346

package.json

 {
   "name": "@postenbring/hedwig-tokens",
-  "version": "0.0.0-refactor-tokens-20231112182039",
+  "version": "0.0.0-remove-posten-light-jzn36-pz-20240515124346",
   "sideEffects": false,
   "license": "MIT",
   "files": [
-    "assets/**",
-    "tokens-output/**"
+    "tokens-output/**",
+    "tailwind.config.cjs",
+    "tailwind.config.d.cts"
   ],
-  "scripts": {
-    "build": "node --import tsx build.ts",
-    "dev": "node --import tsx --watch-path lib --watch-path tokens-source --watch-path build.ts --watch build.ts",
-    "lint": "eslint \"*.ts*\"",
-    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
-  },
   "devDependencies": {
-    "@types/node": "20.9.0",
-    "eslint": "^8.48.0",
+    "@types/node": "20.12.11",
+    "color2k": "2.0.3",
+    "eslint": "^8.57.0",
     "eslint-config-custom": "*",
-    "sd-tailwindcss-transformer": "1.4.0",
-    "style-dictionary": "3.9.0",
-    "style-dictionary-utils": "2.0.1",
-    "tsconfig": "*",
-    "tsx": "4.1.0",
-    "typescript": "^5.2.2"
+    "style-dictionary": "3.9.2",
+    "style-dictionary-utils": "2.3.0",
+    "tailwindcss": "3.4.3",
+    "tsx": "4.10.2",
+    "typescript": "^5.4.5",
+    "hedwig-tsconfig": "0.0.0"
   },
   "publishConfig": {
     "access": "public"
+  },
+  "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": {
+    "build": "node --import tsx build.ts",
+    "dev": "node --import tsx --watch-preserve-output --watch-path lib --watch-path tokens-source --watch-path build.ts --watch build.ts",
+    "lint": "eslint \"*.ts*\"",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf .turbo node_modules dist"
   }
-}
+}

tokens-output/tokens.d.ts

@@ -36,19 +36,28 @@ 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[];
 export const FontsPostenSansMedium : string[];
 export const FontsPostenSansRegular : string[];
-export const FontsPostenSansLight : string[];
 export const TypographyPostenH1Display : { fontFamily: string[], fontSize: string[], lineHeight: string[], fontWeight: number, letterSpacing: string };
@@ -60,4 +69,4 @@ export const TypographyPostenH1 : { fontFamily: string[], fontSize: string[], lineHeight: string[], fontWeight: number, letterSpacing: 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,1 +87,112 @@ 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[];
+export const FontSizePostenH1DisplayMin : "40px";
+export const FontSizePostenH1DisplayMax : "72px";
+export const FontSizePostenH1 : string[];
+export const FontSizePostenH1Min : "32px";
+export const FontSizePostenH1Max : "48px";
+export const FontSizePostenH2 : string[];
+export const FontSizePostenH2Min : "28px";
+export const FontSizePostenH2Max : "32px";
+export const FontSizeBringH1Display : string[];
+export const FontSizeBringH1DisplayMin : "40px";
+export const FontSizeBringH1DisplayMax : "72px";
+export const FontSizeBringH1 : string[];
+export const FontSizeBringH1Min : "32px";
+export const FontSizeBringH1Max : "48px";
+export const FontSizeBringH2 : string[];
+export const FontSizeBringH2Min : "28px";
+export const FontSizeBringH2Max : "32px";
+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[];
+export const FontSizeBodyMin : "18px";
+export const FontSizeBodyMax : "20px";
+export const FontSizeBodyTitle : string[];
+export const FontSizeBodyTitleMin : "18px";
+export const FontSizeBodyTitleMax : "20px";
+export const FontSizeBodySmall : string[];
+export const FontSizeBodySmallMin : "16px";
+export const FontSizeBodySmallMax : "18px";
+export const FontSizeBodySmallTitle : string[];
+export const FontSizeBodySmallTitleMin : "16px";
+export const FontSizeBodySmallTitleMax : "18px";
+export const FontSizeTechnical : string[];
+export const FontSizeTechnicalMin : "14px";
+export const FontSizeTechnicalMax : "16px";
+export const FontSizeTechnicalTitle : string[];
+export const FontSizeTechnicalTitleMin : "14px";
+export const FontSizeTechnicalTitleMax : "16px";
+export const FontSizeCaption : "13px";
+export const FontSizeCaptionTitle : "13px";
+export const LineHeightPostenH1Display : string[];
+export const LineHeightPostenH1DisplayMin : "56px";
+export const LineHeightPostenH1DisplayMax : "80px";
+export const LineHeightPostenH1 : string[];
+export const LineHeightPostenH1Min : "40px";
+export const LineHeightPostenH1Max : "56px";
+export const LineHeightPostenH2 : string[];
+export const LineHeightPostenH2Min : "36px";
+export const LineHeightPostenH2Max : "40px";
+export const LineHeightBringH1Display : string[];
+export const LineHeightBringH1DisplayMin : "56px";
+export const LineHeightBringH1DisplayMax : "80px";
+export const LineHeightBringH1 : string[];
+export const LineHeightBringH1Min : "40px";
+export const LineHeightBringH1Max : "56px";
+export const LineHeightBringH2 : string[];
+export const LineHeightBringH2Min : "36px";
+export const LineHeightBringH2Max : "40px";
+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[];
+export const LineHeightBodyMin : "26px";
+export const LineHeightBodyMax : "28px";
+export const LineHeightBodyTitle : string[];
+export const LineHeightBodyTitleMin : "26px";
+export const LineHeightBodyTitleMax : "28px";
+export const LineHeightBodySmall : string[];
+export const LineHeightBodySmallMin : "24px";
+export const LineHeightBodySmallMax : "26px";
+export const LineHeightBodySmallTitle : string[];
+export const LineHeightBodySmallTitleMin : "24px";
+export const LineHeightBodySmallTitleMax : "26px";
+export const LineHeightTechnical : string[];
+export const LineHeightTechnicalMin : "22px";
+export const LineHeightTechnicalMax : "24px";
+export const LineHeightTechnicalTitle : string[];
+export const LineHeightTechnicalTitleMin : "22px";
+export const LineHeightTechnicalTitleMax : "24px";
+export const LineHeightCaption : "18px";
+export const LineHeightCaptionTitle : "18px";
+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;

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

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

Lines of code

1300

increased by173.11%

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%

Worsened metrics

Total package byte prevSize

58486

decreased by-93.95%

Dev dependency count

10

increased by11.11%

Number of package files

9

decreased by-68.97%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes