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-minor-and-patch-33ccf0543a-20231130151110 to 0.0.0-much-cooler-buttons-20240318123839

LICENSE

31

package.json
{
"name": "@postenbring/hedwig-tokens",
"version": "0.0.0-minor-and-patch-33ccf0543a-20231130151110",
"version": "0.0.0-much-cooler-buttons-20240318123839",
"sideEffects": false,

@@ -12,11 +12,11 @@ "license": "MIT",

"devDependencies": {
"@types/node": "20.10.1",
"color2k": "2.0.2",
"eslint": "^8.53.0",
"@types/node": "20.11.27",
"color2k": "2.0.3",
"eslint": "^8.57.0",
"eslint-config-custom": "*",
"style-dictionary": "3.9.0",
"style-dictionary-utils": "2.0.5",
"tailwindcss": "3.3.5",
"tsx": "4.6.1",
"typescript": "^5.2.2",
"style-dictionary": "3.9.2",
"style-dictionary-utils": "2.0.7",
"tailwindcss": "3.4.1",
"tsx": "4.7.1",
"typescript": "^5.4.2",
"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"
}
}

@@ -15,3 +15,3 @@ export const PostenColorsSignatureRed : "#e32d22";

export const BringColorsLightGreenHover : "#d3e593";
export const UiColorsBlack : "#000000";
export const UiColorsBlack : "#0000ff";
export const UiColorsDarkGrey : "#6e6e6e";

@@ -37,2 +37,10 @@ export const UiColorsGrey : "#d6d6d6";

export const DarkModeColorsAsh : "#999999";
/** 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 SpacingSmall1 : "4px";

@@ -51,2 +59,4 @@ export const SpacingSmall2 : "8px";

export const SpacingLarge5 : "160px";
export const NavbarHeight : "112px";
export const FontsPostenSans : string[];
export const FontsPostenSansBold : string[];

@@ -62,4 +72,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 };

@@ -80,2 +90,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[];

@@ -99,8 +116,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[];

@@ -144,8 +161,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[];

@@ -171,12 +188,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,4 +24,4 @@ "darker-green": "#002f19",

"ui-colors": {
"type": "color",
"black": "#000000",
"$type": "color",
"black": "blue",
"dark-grey": "#6e6e6e",

@@ -39,3 +39,3 @@ "grey": "#d6d6d6",

"dark-mode-colors": {
"type": "color",
"$type": "color",
"obsidian": "#121212",

@@ -47,4 +47,11 @@ "coal": "#252525",

},
"breakpoint": {
"$type": "dimension",
"small": "460px",
"medium": "720px",
"large": "940px",
"xlarge": "1200px"
},
"spacing": {
"type": "dimension",
"$type": "dimension",
"small-1": "4px",

@@ -64,4 +71,10 @@ "small-2": "8px",

},
"navbar-height": "112px",
"fonts": {
"type": "fontFamily",
"$type": "fontFamily",
"posten-sans": [
"Posten Sans",
"Arial",
"sans-serif"
],
"posten-sans-bold": [

@@ -89,6 +102,6 @@ "Posten Sans Bold",

"typography": {
"type": "typography",
"$type": "typography",
"posten-h1-display": {
"fontFamily": [
"Posten Sans Bold",
"Posten Sans",
"Arial",

@@ -105,3 +118,3 @@ "sans-serif"

],
"fontWeight": 400,
"fontWeight": 700,
"letterSpacing": "0"

@@ -111,3 +124,3 @@ },

"fontFamily": [
"Posten Sans Bold",
"Posten Sans",
"Arial",

@@ -124,3 +137,3 @@ "sans-serif"

],
"fontWeight": 400,
"fontWeight": 700,
"letterSpacing": "0"

@@ -130,3 +143,3 @@ },

"fontFamily": [
"Posten Sans Medium",
"Posten Sans",
"Arial",

@@ -143,3 +156,3 @@ "sans-serif"

],
"fontWeight": 400,
"fontWeight": 500,
"letterSpacing": "0"

@@ -149,3 +162,3 @@ },

"fontFamily": [
"Posten Sans Light",
"Posten Sans",
"Arial",

@@ -162,3 +175,3 @@ "sans-serif"

],
"fontWeight": 400,
"fontWeight": 300,
"letterSpacing": "0"

@@ -168,3 +181,3 @@ },

"fontFamily": [
"Posten Sans Light",
"Posten Sans",
"Arial",

@@ -181,3 +194,3 @@ "sans-serif"

],
"fontWeight": 400,
"fontWeight": 300,
"letterSpacing": "0"

@@ -187,3 +200,3 @@ },

"fontFamily": [
"Posten Sans Regular",
"Posten Sans",
"Arial",

@@ -203,5 +216,5 @@ "sans-serif"

},
"header-h3": {
"h3": {
"fontFamily": [
"Posten Sans Regular",
"Posten Sans",
"Arial",

@@ -221,5 +234,5 @@ "sans-serif"

},
"header-h3-title": {
"h3-title": {
"fontFamily": [
"Posten Sans Medium",
"Posten Sans",
"Arial",

@@ -236,3 +249,3 @@ "sans-serif"

],
"fontWeight": 400,
"fontWeight": 500,
"letterSpacing": "0"

@@ -242,3 +255,3 @@ },

"fontFamily": [
"Posten Sans Regular",
"Posten Sans",
"Arial",

@@ -260,3 +273,3 @@ "sans-serif"

"fontFamily": [
"Posten Sans Medium",
"Posten Sans",
"Arial",

@@ -273,3 +286,3 @@ "sans-serif"

],
"fontWeight": 400,
"fontWeight": 500,
"letterSpacing": "0"

@@ -279,3 +292,3 @@ },

"fontFamily": [
"Posten Sans Regular",
"Posten Sans",
"Arial",

@@ -297,3 +310,3 @@ "sans-serif"

"fontFamily": [
"Posten Sans Medium",
"Posten Sans",
"Arial",

@@ -310,3 +323,3 @@ "sans-serif"

],
"fontWeight": 400,
"fontWeight": 500,
"letterSpacing": "0"

@@ -316,3 +329,3 @@ },

"fontFamily": [
"Posten Sans Regular",
"Posten Sans",
"Arial",

@@ -334,3 +347,3 @@ "sans-serif"

"fontFamily": [
"Posten Sans Medium",
"Posten Sans",
"Arial",

@@ -347,3 +360,3 @@ "sans-serif"

],
"fontWeight": 400,
"fontWeight": 500,
"letterSpacing": "0"

@@ -353,3 +366,3 @@ },

"fontFamily": [
"Posten Sans Regular",
"Posten Sans",
"Arial",

@@ -365,3 +378,3 @@ "sans-serif"

"fontFamily": [
"Posten Sans Medium",
"Posten Sans",
"Arial",

@@ -372,3 +385,3 @@ "sans-serif"

"lineHeight": "18px",
"fontWeight": 400,
"fontWeight": 500,
"letterSpacing": "0"

@@ -387,44 +400,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",

@@ -437,42 +462,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",

@@ -483,23 +508,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

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