@postenbring/hedwig-tokens
Advanced tools
Comparing version 0.0.0-font-size-and-line-height-with-min-max-fluid-20231117121357 to 0.0.0-help-text-l-9h-----20240417204718
{ | ||
"name": "@postenbring/hedwig-tokens", | ||
"version": "0.0.0-font-size-and-line-height-with-min-max-fluid-20231117121357", | ||
"version": "0.0.0-help-text-l-9h-----20240417204718", | ||
"sideEffects": false, | ||
"license": "MIT", | ||
"files": [ | ||
"assets/**", | ||
"tokens-output/**", | ||
"tailwind.config.js" | ||
"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*\"", | ||
"typecheck": "tsc --noEmit", | ||
"clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist" | ||
}, | ||
"devDependencies": { | ||
"@types/node": "20.9.1", | ||
"eslint": "^8.53.0", | ||
"@types/node": "20.12.7", | ||
"color2k": "2.0.3", | ||
"eslint": "^8.57.0", | ||
"eslint-config-custom": "*", | ||
"style-dictionary": "3.9.0", | ||
"style-dictionary-utils": "2.0.1", | ||
"tsconfig": "*", | ||
"tsx": "4.1.2", | ||
"typescript": "^5.2.2" | ||
"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" | ||
}, | ||
"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" | ||
} | ||
} | ||
} |
@@ -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; |
{ | ||
"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 Regular", | ||
"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 | ||
} | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis 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 riskContains native code (e.g., compiled binaries or shared libraries). Including native code can obscure malicious behavior.
Found 20 instances in 1 package
No README
QualityPackage 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 riskPackage 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
QualityPackage does not have a website.
Found 1 instance in 1 package
1
1
4
0
0
58786
10
9
1309