@marioschmidt/design-system-tokens 1.0.9

package/dist/manifest.json

@@ -0,0 +1,183 @@
+{
+  "generated": "2025-11-21T13:57:13.196Z",
+  "version": "1.0.0",
+  "platforms": {
+    "css": {
+      "layers": {
+        "base": {
+          "files": [
+            "primitive-color-value-global.css",
+            "primitive-color-value.css",
+            "primitive-font-value-global.css",
+            "primitive-font-value.css",
+            "primitive-size-value-global.css",
+            "primitive-size-value.css",
+            "primitive-space-value-global.css",
+            "primitive-space-value.css"
+          ],
+          "path": "dist/css/base/"
+        },
+        "mapping": {
+          "files": [
+            "brand-advertorial-global.css",
+            "brand-advertorial.css",
+            "brand-bild-global.css",
+            "brand-bild.css",
+            "brand-color-bild-global.css",
+            "brand-color-bild.css",
+            "brand-color-sportbild-global.css",
+            "brand-color-sportbild.css",
+            "brand-sportbild-global.css",
+            "brand-sportbild.css"
+          ],
+          "path": "dist/css/mapping/"
+        },
+        "density": {
+          "files": [
+            "density-compact-global.css",
+            "density-compact.css",
+            "density-default-global.css",
+            "density-default.css",
+            "density-spacious-global.css",
+            "density-spacious.css"
+          ],
+          "path": "dist/css/density/"
+        },
+        "semantic": {
+          "files": [
+            "advertorial",
+            "bild",
+            "sportbild"
+          ],
+          "path": "dist/css/semantic/"
+        }
+      }
+    },
+    "scss": {
+      "layers": {
+        "base": {
+          "files": [
+            "primitive-color-value.scss",
+            "primitive-font-value.scss",
+            "primitive-size-value.scss",
+            "primitive-space-value.scss"
+          ],
+          "path": "dist/scss/base/"
+        },
+        "mapping": {
+          "files": [
+            "brand-advertorial.scss",
+            "brand-bild.scss",
+            "brand-color-bild.scss",
+            "brand-color-sportbild.scss",
+            "brand-sportbild.scss"
+          ],
+          "path": "dist/scss/mapping/"
+        },
+        "density": {
+          "files": [
+            "density-compact.scss",
+            "density-default.scss",
+            "density-spacious.scss"
+          ],
+          "path": "dist/scss/density/"
+        },
+        "semantic": {
+          "files": [
+            "advertorial",
+            "bild",
+            "sportbild"
+          ],
+          "path": "dist/scss/semantic/"
+        }
+      }
+    },
+    "js": {
+      "layers": {
+        "base": {
+          "files": [
+            "primitive-color-value.js",
+            "primitive-font-value.js",
+            "primitive-size-value.js",
+            "primitive-space-value.js"
+          ],
+          "path": "dist/js/base/"
+        },
+        "mapping": {
+          "files": [
+            "brand-advertorial.js",
+            "brand-bild.js",
+            "brand-color-bild.js",
+            "brand-color-sportbild.js",
+            "brand-sportbild.js"
+          ],
+          "path": "dist/js/mapping/"
+        },
+        "density": {
+          "files": [
+            "density-compact.js",
+            "density-default.js",
+            "density-spacious.js"
+          ],
+          "path": "dist/js/density/"
+        },
+        "semantic": {
+          "files": [
+            "advertorial",
+            "bild",
+            "sportbild"
+          ],
+          "path": "dist/js/semantic/"
+        }
+      }
+    },
+    "json": {
+      "layers": {
+        "base": {
+          "files": [
+            "primitive-color-value.json",
+            "primitive-font-value.json",
+            "primitive-size-value.json",
+            "primitive-space-value.json"
+          ],
+          "path": "dist/json/base/"
+        },
+        "mapping": {
+          "files": [
+            "brand-advertorial.json",
+            "brand-bild.json",
+            "brand-color-bild.json",
+            "brand-color-sportbild.json",
+            "brand-sportbild.json"
+          ],
+          "path": "dist/json/mapping/"
+        },
+        "density": {
+          "files": [
+            "density-compact.json",
+            "density-default.json",
+            "density-spacious.json"
+          ],
+          "path": "dist/json/density/"
+        },
+        "semantic": {
+          "files": [
+            "advertorial",
+            "bild",
+            "sportbild"
+          ],
+          "path": "dist/json/semantic/"
+        }
+      }
+    }
+  },
+  "statistics": {
+    "totalFiles": 72,
+    "byPlatform": {
+      "css": 27,
+      "scss": 15,
+      "js": 15,
+      "json": 15
+    }
+  }
+}

package/dist/scss/base/index.scss

@@ -0,0 +1,8 @@
+//
+// BASE - SCSS Index
+//
+
+@import './primitive-color-value.scss';
+@import './primitive-font-value.scss';
+@import './primitive-size-value.scss';
+@import './primitive-space-value.scss';

package/dist/scss/base/primitive-color-value.scss

@@ -0,0 +1,97 @@
+
+// Do not edit directly, this file was auto-generated.
+
+$bild-alpha-alpha-black0: rgba(0, 0, 0, 0);
+$bild-alpha-alpha-black05: rgba(0, 0, 0, 0.05);
+$bild-alpha-alpha-black10: rgba(0, 0, 0, 0.1);
+$bild-alpha-alpha-black20: rgba(0, 0, 0, 0.2);
+$bild-alpha-alpha-black30: rgba(0, 0, 0, 0.3);
+$bild-alpha-alpha-black35: rgba(0, 0, 0, 0.35);
+$bild-alpha-alpha-black50: rgba(0, 0, 0, 0.5);
+$bild-alpha-alpha-black60: rgba(0, 0, 0, 0.6); // Used on elevation effects.
+$bild-alpha-alpha-black70: rgba(0, 0, 0, 0.7); // Used on elevation effects.
+$bild-alpha-alpha-black80: rgba(0, 0, 0, 0.8); // Used on elevation effects.
+$bild-alpha-alpha-white10: rgba(255, 255, 255, 0.1);
+$bild-alpha-alpha-white20: rgba(255, 255, 255, 0.2);
+$bild-alpha-alpha-white30: rgba(255, 255, 255, 0.3);
+$bild-alpha-alpha-white35: rgba(255, 255, 255, 0.35);
+$bild-alpha-alpha-white60: rgba(255, 255, 255, 0.6); // Used on elevation effects.
+$bild-alpha-alpha-white70: rgba(255, 255, 255, 0.7); // Used on elevation effects.
+$bild-alpha-alpha-white80: rgba(255, 255, 255, 0.8); // Used on elevation effects.
+$bild-alpha-alpha-bild-red80: rgba(222, 0, 0, 0.8); // Used on elevation effects.
+$bild-blue-bild-blue: #00b0ff; // This Blue color was taken from the Weather 2024 project. Tone: 069
+$bild-gray-bild096: #f2f5f5;
+$bild-gray-bild093: #e8edf0;
+$bild-gray-bild085: #cfd4d9;
+$bild-gray-bild085-50: rgba(207, 212, 217, 0.5); // The 50% opacity on this color makes it equivalent to BILD093.
+$bild-gray-bild073: #adb5ba;
+$bild-gray-bild060: #8c9196;
+$bild-gray-bild045: #666b70;
+$bild-gray-bild035: #4a5259;
+$bild-gray-bild025: #333d40;
+$bild-gray-bild020: #2b3038;
+$bild-gray-bild015: #242629;
+$bild-gray-bild010: #1c1c1c;
+$bild-green-bild-green093-50: rgba(207, 245, 227, 0.5);
+$bild-green-bild-green093: #cff5e3;
+$bild-green-bild-green070: #00c273;
+$bild-green-bild-green063: #00b066;
+$bild-green-bild-green056-50: rgba(0, 156, 89, 0.5);
+$bild-green-bild-green056: #17995c;
+$bild-green-bild-green040: #006e3d; // This value of green was found in a text field's text color.
+$bild-neutral-bild100: #ffffff;
+$bild-neutral-bild-black: #000000;
+$bild-red-bild-red053: #f52e2e;
+$bild-red-bild-red: #de0000; // Tone 046
+$bild-red-bild-red035: #b00003;
+$bild-orange-bild-orange: #fc8226; // Tone: 067
+$bild-purple-bild-berry: #541a38; // Tone: 020
+$bild-yellow-bild-yellow: #ffbf00; // Tone: 081
+$bild-text-labels-bild-red: BILDRed; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
+$bild-text-labels-bild100: BILD100; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
+$bild-text-labels-bild096: BILD096; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
+$bild-text-labels-bild093: BILD093; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
+$bild-text-labels-bild085: BILD085; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
+$bild-text-labels-bild073: BILD073; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
+$bild-text-labels-bild060: BILD060; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
+$bild-text-labels-bild045: BILD045; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
+$bild-text-labels-bild035: BILD035; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
+$bild-text-labels-bild025: BILD025; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
+$bild-text-labels-bild015: BILD015; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
+$bild-text-labels-bild-yellow: BILDYellow; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
+$bild-text-labels-bild-orange: BILDOrange; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
+$bild-text-labels-bild-red053: BILDRed053; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
+$bild-text-labels-bild-red035: BILDRed035; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
+$bild-text-labels-bild-green093: BILDGreen093; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
+$bild-text-labels-bild-green070: BILDGreen070; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
+$bild-text-labels-bild-green063: BILDGreen063; // This is a variable used only for documentation purposes in the design system Figma Foundations pages.
+$sport-bild-alpha-spobi-blue016-0: rgba(10, 38, 79, 0);
+$sport-bild-alpha-spobi-blue016-70: rgba(10, 38, 79, 0.7);
+$sport-bild-blue-spobi-blue098: #f7fafc;
+$sport-bild-blue-spobi-blue081: #bdc9db;
+$sport-bild-blue-spobi-blue038: #305999;
+$sport-bild-blue-spobi-blue029: #174582; // This variable in the current online CSS is called secondary-tenant-color
+$sport-bild-blue-spobi-blue016: #0a264f; // This variable in the current online CSS is called main-tenant-color for the spobi tenant.
+$sport-bild-blue-spobi-blue010: #081729;
+$sport-bild-red-spobi-red: #e62629;
+$partner-aubi-aubi-core: #f00000;
+$partner-bz-bz-core: #e3001c;
+$partner-travelbook-travelbook-core: #8ff0ed;
+$partner-techbook-techbook-core: #94e3ff;
+$partner-kaufberater-kaufberater-core: #54476e;
+$partner-computer-bild-cobi-core: #db241c;
+$partner-fitbook-fitbook-core: #ff96b8;
+$partner-petbook-petbook-core: #badb91;
+$partner-my-home-myhome-core: #66cccc;
+$opacity-opacity00: 0;
+$opacity-opacity05: 5;
+$opacity-opacity10: 10;
+$opacity-opacity20: 20;
+$opacity-opacity30: 30;
+$opacity-opacity40: 40;
+$opacity-opacity50: 50;
+$opacity-opacity60: 60;
+$opacity-opacity70: 70;
+$opacity-opacity80: 80;
+$opacity-opacity90: 90;
+$opacity-opacity100: 100;

package/dist/scss/base/primitive-font-value.scss

@@ -0,0 +1,46 @@
+
+// Do not edit directly, this file was auto-generated.
+
+$font-family-bild-font-family-gotham-cond: Gotham Condensed;
+$font-family-bild-font-family-gotham-x-narrow: Gotham XNarrow;
+$font-family-bild-font-family-gotham: Gotham;
+$font-family-sport-bild-font-family-antenna-extra-cond: AntennaExtraCond;
+$font-family-sport-bild-font-family-antenna-cond: AntennaCond;
+$font-family-sport-bild-font-family-inter: Inter;
+$font-family-advertorial-font-family-lucida-grande: Lucida Grande;
+$font-weight-1000-ultra-font-weight: 1000;
+$font-weight-900-extra-black-font-weight: 900;
+$font-weight-800-black-font-weight: 800;
+$font-weight-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.
+$font-weight-bold-italic-font-weight-st: Bold Italic;
+$font-weight-black-font-weight-st: Black;
+$font-weight-600-bold-font-weight: 600;
+$font-weight-500-medium-font-weight: 500;
+$font-weight-400-book-font-weight: 400;
+$font-weight-350-book-font-weight: 350;
+$font-weight-300-light-font-weight: 300;
+$font-weight-200-extra-light-font-weight: 200;
+$font-weight-100-thin-font-weight: 100;
+$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-italic-font-weight: Black Italic;
+$font-weight-string-700-black-font-weight: 700;
+$font-weight-string-600-bold-italic-font-weight: Bold Italic;
+$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;
+$letter-spacing-letter-space3: 3; // 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-spacing-letter-space2: 2; // This variable is a primitive for use in creating semantic text styles that need to use a large letter spacing value of 2.
+$letter-spacing-letter-space1: 1; // This variable is a primitive for use in creating semantic text styles that need to use a positive letter spacing value of 1.
+$letter-spacing-letter-space0-5: 0.5; // 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-spacing-letter-space0-25: 0.25; // 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-spacing-letter-space-0: 0; // This variable is a primitive for use in creating semantic text styles that need to use a default letter spacing value of 0.
+$letter-spacing-letter-space-0-25: -0.25; // 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-spacing-letter-space-0-5: -0.5; // 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-spacing-letter-space-1: -1; // This variable is a primitive for use in creating semantic variables that need to use a negative letter spacing value of -1.
+$letter-spacing-letter-space-2: -2; // 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-spacing-letter-space-3: -3; // 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.

package/dist/scss/base/primitive-size-value.scss

@@ -0,0 +1,52 @@
+
+// Do not edit directly, this file was auto-generated.
+
+$size168x: 1344;
+$size128x: 1024;
+$size124x: 992;
+$size116-25x: 930;
+$size100x: 800;
+$size87-5x: 700;
+$size80x: 640;
+$size60x: 480;
+$size50x: 400;
+$size40x: 320;
+$size35x: 280;
+$size30x: 240;
+$size27-5x: 220;
+$size25x: 200;
+$size22-5x: 180;
+$size20x: 160;
+$size18-5x: 148;
+$size17-5x: 140;
+$size16-25: 130;
+$size15x: 120;
+$size12-5x: 100;
+$size12x: 96;
+$size11-5x: 92;
+$size10x: 80;
+$size9x: 72;
+$size8x: 64;
+$size7x: 56;
+$size6x: 48;
+$size5-25x: 42;
+$size5x: 40;
+$size4-5x: 36;
+$size4x: 32;
+$size3-75x: 30;
+$size3-5x: 28;
+$size3-25x: 26;
+$size3x: 24;
+$size2-75x: 22;
+$size2-5x: 20;
+$size2-25x: 18;
+$size2x: 16;
+$size1-75x: 14;
+$size1-5x: 12;
+$size1-25x: 10;
+$size1x: 8;
+$size0-75x: 6;
+$size0-5x: 4;
+$size0-25x: 2;
+$size0-125x: 1;
+$size0x: 0;

package/dist/scss/base/primitive-space-value.scss

@@ -0,0 +1,28 @@
+
+// Do not edit directly, this file was auto-generated.
+
+$space20x: 160;
+$space12x: 96;
+$space10x: 80;
+$space9x: 72;
+$space8-5x: 68;
+$space8x: 64;
+$space7-5x: 60;
+$space6x: 48;
+$space5x: 40;
+$space4-5x: 36;
+$space4x: 32;
+$space3-5x: 28;
+$space3x: 24;
+$space2-75x: 22;
+$space2-5x: 20;
+$space2x: 16;
+$space1-75x: 14;
+$space1-5x: 12;
+$space1-25x: 10;
+$space1x: 8;
+$space0-75x: 6;
+$space0-5x: 4;
+$space0-25x: 2;
+$space0x: 0;
+$space-0-25x: -2;

package/dist/scss/density/density-compact.scss

@@ -0,0 +1,11 @@
+
+// Do not edit directly, this file was auto-generated.
+
+$component-button-button-label-font-size: 15; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across devices: 15 - 17 - 19
+$component-button-button-content-gap-space: 6; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes.
+$component-button-button-inline-space: 16; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes.
+$component-button-button-stack-space: 6; // This variable is in the SpaceScaling collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes.
+$component-inputfield-input-field-label-font-size: 16; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19
+$component-inputfield-input-field-inline-space: 16;
+$component-inputfield-input-field-height-size: 36;
+$component-inputfield-input-field-stack-space: 6;

package/dist/scss/density/density-default.scss

@@ -0,0 +1,11 @@
+
+// Do not edit directly, this file was auto-generated.
+
+$component-button-button-label-font-size: 17; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across devices: 15 - 17 - 19
+$component-button-button-content-gap-space: 8; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes.
+$component-button-button-inline-space: 20; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes.
+$component-button-button-stack-space: 8; // This variable is in the SpaceScaling collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes.
+$component-inputfield-input-field-label-font-size: 17; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19
+$component-inputfield-input-field-inline-space: 16;
+$component-inputfield-input-field-height-size: 40;
+$component-inputfield-input-field-stack-space: 8;

package/dist/scss/density/density-spacious.scss

@@ -0,0 +1,11 @@
+
+// Do not edit directly, this file was auto-generated.
+
+$component-button-button-label-font-size: 19; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across devices: 15 - 17 - 19
+$component-button-button-content-gap-space: 8; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes.
+$component-button-button-inline-space: 24; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes.
+$component-button-button-stack-space: 12; // This variable is in the SpaceScaling collection. It was made to experiment with how scaling space could work across different content scaling / size / contrast themes.
+$component-inputfield-input-field-label-font-size: 19; // This variable is in the SpaceScaling Collection. It was made to experiment with how scaling size could work across different content scaling / size / contrast themes. Font size across scaling options: compact 15 - default 17 - spacious 19
+$component-inputfield-input-field-inline-space: 16;
+$component-inputfield-input-field-height-size: 48;
+$component-inputfield-input-field-stack-space: 12;

package/dist/scss/density/index.scss

@@ -0,0 +1,7 @@
+//
+// DENSITY - SCSS Index
+//
+
+@import './density-compact.scss';
+@import './density-default.scss';
+@import './density-spacious.scss';