Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@postenbring/hedwig-tokens

Package Overview
Dependencies
Maintainers
4
Versions
143
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@postenbring/hedwig-tokens - npm Package Compare versions

Comparing version 0.0.0-font-size-and-line-height-with-min-max-fluid-20231117121357 to 0.0.0-help-text-l-9h-----20240417204718

LICENSE

49

package.json
{
"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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc