@marioschmidt/design-system-tokens 1.0.20 → 1.0.22

package/dist/scss/shared/colorprimitive.scss

@@ -1,9 +1,45 @@
+//
+// colorprimitive.scss
+// Generiert am: 2025-11-24T20:37:07.293Z
+// Nicht manuell bearbeiten!
+//
 
-// Do not edit directly, this file was auto-generated.
+// ============================================
+// BILD
+// ============================================
 
-$bildred: #DD0000; // Tone 046
-$bildred035: #AF0002;
-$bildred053: #F52D2D;
+// BILD - alpha
+$alpha-black20: rgba(0, 0, 0, 0.20000000298023224);
+$alpha-black10: rgba(0, 0, 0, 0.10000000149011612);
+// Used on elevation effects.
+$alpha-black60: rgba(0, 0, 0, 0.6000000238418579);
+$alpha-black30: rgba(0, 0, 0, 0.30000001192092896);
+// Used on elevation effects.
+$alpha-black70: rgba(0, 0, 0, 0.699999988079071);
+$alpha-white10: rgba(255, 255, 255, 0.10000000149011612);
+$alpha-white20: rgba(255, 255, 255, 0.20000000298023224);
+$alpha-white30: rgba(255, 255, 255, 0.30000001192092896);
+// Used on elevation effects.
+$alpha-white60: rgba(255, 255, 255, 0.6000000238418579);
+// Used on elevation effects.
+$alpha-white70: rgba(255, 255, 255, 0.699999988079071);
+$alpha-white35: rgba(255, 255, 255, 0.3499999940395355);
+// Used on elevation effects.
+$alpha-bildred80: rgba(221, 0, 0, 0.800000011920929);
+// Used on elevation effects.
+$alpha-black80: rgba(0, 0, 0, 0.800000011920929);
+// Used on elevation effects.
+$alpha-white80: rgba(255, 255, 255, 0.800000011920929);
+$alpha-black35: rgba(0, 0, 0, 0.3499999940395355);
+$alpha-black0: rgba(0, 0, 0, 0);
+$alpha-black50: rgba(0, 0, 0, 0.5);
+$alpha-black05: rgba(0, 0, 0, 0.05000000074505806);
+
+// BILD - blue
+// This Blue color was taken from the Weather 2024 project. Tone: 069
+$bildblue: #00B1FF;
+
+// BILD - gray
 $bild015: #232629;
 $bild085: #CED4DA;
 $bild035: #4B525A;
@@ -11,60 +47,50 @@ $bild025: #343C41;
 $bild060: #8C9196;
 $bild096: #F2F4F5;
 $bild093: #E9ECEF;
-$bild085-50: rgba(206, 212, 218, 0.5); // The 50% opacity on this color makes it equivalent to BILD093.
+// The 50% opacity on this color makes it equivalent to BILD093.
+$bild085-alpha50: rgba(206, 212, 218, 0.5);
 $bild073: #AEB4B9;
 $bild045: #666B70;
 $bild010: #1C1C1C;
 $bild020: #2C3138;
-$bild100: #FFFFFF;
-$bildblack: #000000;
-$bildorange: #FD8227; // Tone: 067
+
+// BILD - green
 $bildgreen070: #00C373;
 $bildgreen063: #00AF67;
 $bildgreen093: #CEF4E4;
-$bildgreen093-50: rgba(206, 244, 228, 0.5);
-$bildgreen056-50: rgba(0, 155, 90, 0.5);
-$bildgreen040: #006E3E; // This value of green was found in a text field's text color.
+$bildgreen093-alpha50: rgba(206, 244, 228, 0.5);
+$bildgreen056-alpha50: rgba(0, 155, 90, 0.5);
+// This value of green was found in a text field's text color.
+$bildgreen040: #006E3E;
 $bildgreen056: #18995C;
-$bildyellow: #FFBF00; // Tone: 081
-$bildberry: #551937; // Tone: 020
-$alpha-black20: rgba(0, 0, 0, 0.20000000298023224);
-$alpha-black10: rgba(0, 0, 0, 0.10000000149011612);
-$alpha-black60: rgba(0, 0, 0, 0.6000000238418579); // Used on elevation effects.
-$alpha-black30: rgba(0, 0, 0, 0.30000001192092896);
-$alpha-black70: rgba(0, 0, 0, 0.699999988079071); // Used on elevation effects.
-$alpha-white10: rgba(255, 255, 255, 0.10000000149011612);
-$alpha-white20: rgba(255, 255, 255, 0.20000000298023224);
-$alpha-white30: rgba(255, 255, 255, 0.30000001192092896);
-$alpha-white60: rgba(255, 255, 255, 0.6000000238418579); // Used on elevation effects.
-$alpha-white70: rgba(255, 255, 255, 0.699999988079071); // Used on elevation effects.
-$alpha-white35: rgba(255, 255, 255, 0.3499999940395355);
-$alpha-bildred80: rgba(221, 0, 0, 0.800000011920929); // Used on elevation effects.
-$alpha-black80: rgba(0, 0, 0, 0.800000011920929); // Used on elevation effects.
-$alpha-white80: rgba(255, 255, 255, 0.800000011920929); // Used on elevation effects.
-$alpha-black35: rgba(0, 0, 0, 0.3499999940395355);
-$alpha-black0: rgba(0, 0, 0, 0);
-$alpha-black50: rgba(0, 0, 0, 0.5);
-$alpha-black05: rgba(0, 0, 0, 0.05000000074505806);
-$bildblue: #00B1FF; // This Blue color was taken from the Weather 2024 project. Tone: 069
-$fitbook-core: #FF97B7;
-$petbook-core: #B9DB91;
-$myhome-core: #66CCCC;
-$travelbook-core: #8EF0ED;
-$techbook-core: #93E4FF;
-$kaufberater-core: #55476E;
-$bz-core: #E3001B;
-$aubi-core: #F00000;
-$cobi-core: #DC231C;
-$spobi-blue098: #F7F9FD;
-$spobi-blue081: #BDCADB;
-$spobi-blue029: #174482; // This variable in the current online CSS is called secondary-tenant-color
-$spobi-blue016: #0A2750; // This variable in the current online CSS is called main-tenant-color for the spobi tenant.
-$spobi-blue010: #081828;
-$spobi-blue038: #315998;
-$spobi-red: #E52528;
-$spobi-blue016-0: rgba(10, 39, 80, 0);
-$spobi-blue016-70: rgba(10, 39, 80, 0.699999988079071);
+
+// BILD - neutral
+$bild100: #FFFFFF;
+$bildblack: #000000;
+
+// BILD - orange
+// Tone: 067
+$bildorange: #FD8227;
+
+// BILD - purple
+// Tone: 020
+$bildberry: #551937;
+
+// BILD - red
+// Tone 046
+$bildred: #DD0000;
+$bildred035: #AF0002;
+$bildred053: #F52D2D;
+
+// BILD - yellow
+// Tone: 081
+$bildyellow: #FFBF00;
+
+
+// ============================================
+// OPACITY
+// ============================================
+
 $opacity05: 5px;
 $opacity10: 10px;
 $opacity20: 20px;
@@ -77,3 +103,58 @@ $opacity30: 30px;
 $opacity50: 50px;
 $opacity00: 0px;
 $opacity70: 70px;
+
+
+// ============================================
+// PARTNER
+// ============================================
+
+// Partner - Aubi
+$aubi-core: #F00000;
+
+// Partner - Bz
+$bz-core: #E3001B;
+
+// Partner - ComputerBILD
+$cobi-core: #DC231C;
+
+// Partner - Fitbook
+$fitbook-core: #FF97B7;
+
+// Partner - Kaufberater
+$kaufberater-core: #55476E;
+
+// Partner - MyHome
+$myhome-core: #66CCCC;
+
+// Partner - Petbook
+$petbook-core: #B9DB91;
+
+// Partner - Techbook
+$techbook-core: #93E4FF;
+
+// Partner - Travelbook
+$travelbook-core: #8EF0ED;
+
+
+// ============================================
+// SPORTBILD
+// ============================================
+
+// SportBILD - alpha
+$spobi-blue016-alpha0: rgba(10, 39, 80, 0);
+$spobi-blue016-alpha70: rgba(10, 39, 80, 0.699999988079071);
+
+// SportBILD - blue
+$spobi-blue098: #F7F9FD;
+$spobi-blue081: #BDCADB;
+// This variable in the current online CSS is called secondary-tenant-color
+$spobi-blue029: #174482;
+// This variable in the current online CSS is called main-tenant-color for the spobi tenant.
+$spobi-blue016: #0A2750;
+$spobi-blue010: #081828;
+$spobi-blue038: #315998;
+
+// SportBILD - red
+$spobi-red: #E52528;
+

package/dist/scss/shared/fontprimitive.scss

@@ -1,46 +1,89 @@
+//
+// fontprimitive.scss
+// Generiert am: 2025-11-24T20:37:07.376Z
+// Nicht manuell bearbeiten!
+//
 
-// Do not edit directly, this file was auto-generated.
+// ============================================
+// FONTFAMILY
+// ============================================
 
+// FontFamily - Advertorial
+$font-family-lucida-grande: Lucida Grande;
+
+// FontFamily - BILD
 $font-family-gotham-xnarrow: Gotham XNarrow;
 $font-family-gotham-cond: Gotham Condensed;
 $font-family-gotham: Gotham;
-$font-family-lucida-grande: Lucida Grande;
+
+// FontFamily - SportBILD
 $font-family-antenna-extra-cond: AntennaExtraCond;
 $font-family-antenna-cond: AntennaCond;
 $font-family-inter: Inter;
-$700-black-font-weight: 700; // 700 is considered black weight because Gotham Condensed is the primary font family (most used in headlines). In other font families 700 is not black weight but bold.
-$900-extra-black-font-weight: 900;
-$400-book-font-weight: 400;
-$1000-ultra-font-weight: 1000;
-$800-black-font-weight: 800;
-$350-book-font-weight: 350;
-$600-bold-font-weight: 600;
-$100-thin-font-weight: 100;
+
+
+// ============================================
+// FONTWEIGHT
+// ============================================
+
+// 700 is considered black weight because Gotham Condensed is the primary font family (most used in headlines). In other font families 700 is not black weight but bold.
+$font-weight-700-black-font-weight: 700;
+$font-weight-900-extra-black-font-weight: 900;
+$font-weight-400-book-font-weight: 400;
+$font-weight-1000-ultra-font-weight: 1000;
+$font-weight-800-black-font-weight: 800;
+$font-weight-350-book-font-weight: 350;
+$font-weight-600-bold-font-weight: 600;
+$font-weight-100-thin-font-weight: 100;
 $300-light-font-weight: 300;
-$200-extra-light-font-weight: 200;
-$500-medium-font-weight: 500;
+$font-weight-200-extra-light-font-weight: 200;
+$font-weight-500-medium-font-weight: 500;
 $bold-italic-font-weight-st: Bold Italic;
 $black-font-weight-st: Black;
-$letter-space-0-25: -0.25px; // This variable is a primitive for use in creating semantic text styles that need to use a subtle small letter spacing value of -0.25.
-$letter-space-0: 0px; // This variable is a primitive for use in creating semantic text styles that need to use a default letter spacing value of 0.
-$letter-space1: 1px; // This variable is a primitive for use in creating semantic text styles that need to use a positive letter spacing value of 1.
-$letter-space0-5: 0.5px; // This variable is a primitive for use in creating semantic text styles that need to use a slight positive letter spacing value of 0.5.
-$letter-space0-25: 0.25px; // This variable is a primitive for use in creating semantic text styles that need to use a subtle positive letter spacing value of 0.25.
-$letter-space-0-5: -0.5px; // This variable is a primitive for use in creating semantic variables that need to use a subtle negative letter spacing value of -0.5.
-$letter-space2: 2px; // This variable is a primitive for use in creating semantic text styles that need to use a large letter spacing value of 2.
-$letter-space-1: -1px; // This variable is a primitive for use in creating semantic variables that need to use a negative letter spacing value of -1.
-$letter-space-2: -2px; // This variable is a primitive for use in creating semantic text styles that need to use a large negative letter spacing value of -2. This is usually reserved for large texts styles that are used on titles or headlines.
-$letter-space3: 3px; // This variable is a primitive for use in creating semantic text styles that need to use a much larger letter spacing value of 3. Text styles that have smaller font sizes should use increasingly positive values for their letter spacings on smaller device sizes.
-$letter-space-3: -3px; // This variable is a primitive for use in creating semantic text styles that need to use a large negative letter spacing value of -3. Text styles that have larger font sizes should use increasingly negative values for their letter spacings on larger device sizes.
-$1000-ultra-font-weight: 1000;
-$900-extra-black-font-weight: 900;
-$800-black-font-weight: 800;
-$700-black-font-weight: 700;
-$600-bold-font-weight: 600;
-$500-medium-font-weight: 500;
-$400-book-font-weight: 400;
-$350-book-font-weight: 350;
-$200-extra-light-font-weight: 200;
-$100-thin-font-weight: 100;
+
+
+// ============================================
+// FONTWEIGHTSTRING
+// ============================================
+
+$font-weight-string-1000-ultra-font-weight: 1000;
+$font-weight-string-900-extra-black-font-weight: 900;
+$font-weight-string-800-black-font-weight: 800;
+$font-weight-string-700-black-font-weight: 700;
+$font-weight-string-600-bold-font-weight: 600;
+$font-weight-string-500-medium-font-weight: 500;
+$font-weight-string-400-book-font-weight: 400;
+$font-weight-string-350-book-font-weight: 350;
+$font-weight-string-200-extra-light-font-weight: 200;
+$font-weight-string-100-thin-font-weight: 100;
 $600-bold-italic-font-weight: Bold Italic;
 $700-black-italic-font-weight: Black Italic;
+
+
+// ============================================
+// LETTERSPACING
+// ============================================
+
+// This variable is a primitive for use in creating semantic text styles that need to use a subtle small letter spacing value of -0.25.
+$letter-space-0-25: -0.25px;
+// This variable is a primitive for use in creating semantic text styles that need to use a default letter spacing value of 0.
+$letter-space-0: 0px;
+// This variable is a primitive for use in creating semantic text styles that need to use a positive letter spacing value of 1.
+$letter-space1: 1px;
+// This variable is a primitive for use in creating semantic text styles that need to use a slight positive letter spacing value of 0.5.
+$letter-space0-5: 0.5px;
+// This variable is a primitive for use in creating semantic text styles that need to use a subtle positive letter spacing value of 0.25.
+$letter-space0-25: 0.25px;
+// This variable is a primitive for use in creating semantic variables that need to use a subtle negative letter spacing value of -0.5.
+$letter-space-0-5: -0.5px;
+// This variable is a primitive for use in creating semantic text styles that need to use a large letter spacing value of 2.
+$letter-space2: 2px;
+// This variable is a primitive for use in creating semantic variables that need to use a negative letter spacing value of -1.
+$letter-space-1: -1px;
+// This variable is a primitive for use in creating semantic text styles that need to use a large negative letter spacing value of -2. This is usually reserved for large texts styles that are used on titles or headlines.
+$letter-space-2: -2px;
+// This variable is a primitive for use in creating semantic text styles that need to use a much larger letter spacing value of 3. Text styles that have smaller font sizes should use increasingly positive values for their letter spacings on smaller device sizes.
+$letter-space3: 3px;
+// This variable is a primitive for use in creating semantic text styles that need to use a large negative letter spacing value of -3. Text styles that have larger font sizes should use increasingly negative values for their letter spacings on larger device sizes.
+$letter-space-3: -3px;
+

package/dist/scss/shared/sizeprimitive.scss

@@ -1,5 +1,12 @@
+//
+// sizeprimitive.scss
+// Generiert am: 2025-11-24T20:37:07.435Z
+// Nicht manuell bearbeiten!
+//
 
-// Do not edit directly, this file was auto-generated.
+// ============================================
+// OTHER
+// ============================================
 
 $size6x: 48px;
 $size3x: 24px;
@@ -50,3 +57,4 @@ $size18-5x: 148px;
 $size100x: 800px;
 $size0x: 0px;
 $size0-125x: 1px;
+

package/dist/scss/shared/spaceprimitive.scss

@@ -1,5 +1,12 @@
+//
+// spaceprimitive.scss
+// Generiert am: 2025-11-24T20:37:07.492Z
+// Nicht manuell bearbeiten!
+//
 
-// Do not edit directly, this file was auto-generated.
+// ============================================
+// OTHER
+// ============================================
 
 $space1x: 8px;
 $space0-5x: 4px;
@@ -16,7 +23,7 @@ $space0x: 0px;
 $space10x: 80px;
 $space20x: 160px;
 $space2-5x: 20px;
-$space-0-25x: -2px;
+$space-neg0-25x: -2px;
 $space0-75x: 6px;
 $space1-25x: 10px;
 $space2-75x: 22px;
@@ -26,3 +33,4 @@ $space12x: 96px;
 $space1-75x: 14px;
 $space8-5x: 68px;
 $space3-5x: 28px;
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marioschmidt/design-system-tokens",
-  "version": "1.0.20",
+  "version": "1.0.22",
   "description": "BILD Design System Token Pipeline with Style Dictionary - Multi-brand design tokens for BILD, SportBILD, and Advertorial",
   "main": "dist/index.js",
   "module": "dist/index.mjs",