@marioschmidt/design-system-tokens 1.0.23 → 1.0.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/android/brands/advertorial/sizeclass-compact/typography_styles.xml +430 -430
- package/dist/android/brands/advertorial/sizeclass-regular/typography_styles.xml +431 -431
- package/dist/android/brands/bild/sizeclass-compact/typography_styles.xml +436 -436
- package/dist/android/brands/bild/sizeclass-regular/typography_styles.xml +434 -434
- package/dist/android/brands/sportbild/sizeclass-compact/typography_styles.xml +442 -442
- package/dist/android/brands/sportbild/sizeclass-regular/typography_styles.xml +442 -442
- package/dist/css/brands/advertorial/density/density-compact.css +1 -1
- package/dist/css/brands/advertorial/density/density-default.css +1 -1
- package/dist/css/brands/advertorial/density/density-spacious.css +1 -1
- package/dist/css/brands/advertorial/overrides/brandtokenmapping.css +494 -494
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.css +773 -773
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.css +773 -773
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.css +773 -773
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.css +773 -773
- package/dist/css/brands/advertorial/semantic/effects/effects-dark.css +23 -23
- package/dist/css/brands/advertorial/semantic/effects/effects-light.css +23 -23
- package/dist/css/brands/advertorial/semantic/typography/typography-lg.css +626 -626
- package/dist/css/brands/advertorial/semantic/typography/typography-md.css +627 -627
- package/dist/css/brands/advertorial/semantic/typography/typography-sm.css +624 -624
- package/dist/css/brands/advertorial/semantic/typography/typography-xs.css +624 -624
- package/dist/css/brands/bild/density/density-compact.css +1 -1
- package/dist/css/brands/bild/density/density-default.css +1 -1
- package/dist/css/brands/bild/density/density-spacious.css +1 -1
- package/dist/css/brands/bild/overrides/brandcolormapping.css +140 -140
- package/dist/css/brands/bild/overrides/brandtokenmapping.css +494 -494
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +773 -773
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-md-600px.css +773 -773
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.css +773 -773
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-xs-320px.css +773 -773
- package/dist/css/brands/bild/semantic/color/colormode-dark.css +385 -385
- package/dist/css/brands/bild/semantic/color/colormode-light.css +385 -385
- package/dist/css/brands/bild/semantic/effects/effects-dark.css +23 -23
- package/dist/css/brands/bild/semantic/effects/effects-light.css +23 -23
- package/dist/css/brands/bild/semantic/typography/typography-lg.css +637 -637
- package/dist/css/brands/bild/semantic/typography/typography-md.css +632 -632
- package/dist/css/brands/bild/semantic/typography/typography-sm.css +632 -632
- package/dist/css/brands/bild/semantic/typography/typography-xs.css +633 -633
- package/dist/css/brands/sportbild/density/density-compact.css +1 -1
- package/dist/css/brands/sportbild/density/density-default.css +1 -1
- package/dist/css/brands/sportbild/density/density-spacious.css +1 -1
- package/dist/css/brands/sportbild/overrides/brandcolormapping.css +140 -140
- package/dist/css/brands/sportbild/overrides/brandtokenmapping.css +494 -494
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +773 -773
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.css +773 -773
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.css +773 -773
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.css +773 -773
- package/dist/css/brands/sportbild/semantic/color/colormode-dark.css +385 -385
- package/dist/css/brands/sportbild/semantic/color/colormode-light.css +385 -385
- package/dist/css/brands/sportbild/semantic/effects/effects-dark.css +23 -23
- package/dist/css/brands/sportbild/semantic/effects/effects-light.css +23 -23
- package/dist/css/brands/sportbild/semantic/typography/typography-lg.css +632 -632
- package/dist/css/brands/sportbild/semantic/typography/typography-md.css +631 -631
- package/dist/css/brands/sportbild/semantic/typography/typography-sm.css +631 -631
- package/dist/css/brands/sportbild/semantic/typography/typography-xs.css +631 -631
- package/dist/css/shared/colorprimitive.css +97 -97
- package/dist/css/shared/fontprimitive.css +22 -22
- package/dist/css/shared/sizeprimitive.css +1 -1
- package/dist/css/shared/spaceprimitive.css +1 -1
- package/dist/flutter/brands/advertorial/overrides/brandtokenmapping.dart +291 -291
- package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +635 -635
- package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.dart +635 -635
- package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.dart +635 -635
- package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.dart +635 -635
- package/dist/flutter/brands/bild/overrides/brandcolormapping.dart +91 -91
- package/dist/flutter/brands/bild/overrides/brandtokenmapping.dart +291 -291
- package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +635 -635
- package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-md-600px.dart +635 -635
- package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +635 -635
- package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-xs-320px.dart +635 -635
- package/dist/flutter/brands/bild/semantic/color/colormode-dark.dart +389 -389
- package/dist/flutter/brands/bild/semantic/color/colormode-light.dart +389 -389
- package/dist/flutter/brands/sportbild/overrides/brandcolormapping.dart +91 -91
- package/dist/flutter/brands/sportbild/overrides/brandtokenmapping.dart +291 -291
- package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +635 -635
- package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.dart +635 -635
- package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +635 -635
- package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.dart +635 -635
- package/dist/flutter/brands/sportbild/semantic/color/colormode-dark.dart +389 -389
- package/dist/flutter/brands/sportbild/semantic/color/colormode-light.dart +389 -389
- package/dist/flutter/shared/colorprimitive.dart +82 -82
- package/dist/flutter/shared/fontprimitive.dart +21 -21
- package/dist/ios/brands/advertorial/overrides/Brandtokenmapping.swift +291 -291
- package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointLg1024pxRegular.swift +635 -635
- package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointMd600px.swift +635 -635
- package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointSm390pxCompact.swift +635 -635
- package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointXs320px.swift +635 -635
- package/dist/ios/brands/advertorial/sizeclass-compact/Typography.swift +200 -200
- package/dist/ios/brands/advertorial/sizeclass-regular/Typography.swift +200 -200
- package/dist/ios/brands/bild/overrides/Brandcolormapping.swift +91 -91
- package/dist/ios/brands/bild/overrides/Brandtokenmapping.swift +291 -291
- package/dist/ios/brands/bild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +635 -635
- package/dist/ios/brands/bild/semantic/breakpoints/BreakpointMd600px.swift +635 -635
- package/dist/ios/brands/bild/semantic/breakpoints/BreakpointSm390pxCompact.swift +635 -635
- package/dist/ios/brands/bild/semantic/breakpoints/BreakpointXs320px.swift +635 -635
- package/dist/ios/brands/bild/semantic/color/ColormodeDark.swift +389 -389
- package/dist/ios/brands/bild/semantic/color/ColormodeLight.swift +389 -389
- package/dist/ios/brands/bild/sizeclass-compact/Typography.swift +200 -200
- package/dist/ios/brands/bild/sizeclass-regular/Typography.swift +200 -200
- package/dist/ios/brands/sportbild/overrides/Brandcolormapping.swift +91 -91
- package/dist/ios/brands/sportbild/overrides/Brandtokenmapping.swift +291 -291
- package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +635 -635
- package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointMd600px.swift +635 -635
- package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointSm390pxCompact.swift +635 -635
- package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointXs320px.swift +635 -635
- package/dist/ios/brands/sportbild/semantic/color/ColormodeDark.swift +389 -389
- package/dist/ios/brands/sportbild/semantic/color/ColormodeLight.swift +389 -389
- package/dist/ios/brands/sportbild/sizeclass-compact/Typography.swift +200 -200
- package/dist/ios/brands/sportbild/sizeclass-regular/Typography.swift +200 -200
- package/dist/ios/shared/Colorprimitive.swift +82 -82
- package/dist/ios/shared/Fontprimitive.swift +21 -21
- package/dist/js/brands/advertorial/density/density-compact.js +1 -1
- package/dist/js/brands/advertorial/density/density-default.js +1 -1
- package/dist/js/brands/advertorial/density/density-spacious.js +1 -1
- package/dist/js/brands/advertorial/overrides/brandtokenmapping.js +292 -292
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.js +636 -636
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.js +636 -636
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.js +636 -636
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.js +636 -636
- package/dist/js/brands/advertorial/semantic/effects/effects-dark.js +13 -13
- package/dist/js/brands/advertorial/semantic/effects/effects-light.js +13 -13
- package/dist/js/brands/advertorial/semantic/typography/typography-lg.js +210 -210
- package/dist/js/brands/advertorial/semantic/typography/typography-md.js +210 -210
- package/dist/js/brands/advertorial/semantic/typography/typography-sm.js +210 -210
- package/dist/js/brands/advertorial/semantic/typography/typography-xs.js +210 -210
- package/dist/js/brands/bild/density/density-compact.js +1 -1
- package/dist/js/brands/bild/density/density-default.js +1 -1
- package/dist/js/brands/bild/density/density-spacious.js +1 -1
- package/dist/js/brands/bild/overrides/brandcolormapping.js +92 -92
- package/dist/js/brands/bild/overrides/brandtokenmapping.js +292 -292
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +636 -636
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-md-600px.js +636 -636
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.js +636 -636
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-xs-320px.js +636 -636
- package/dist/js/brands/bild/semantic/color/colormode-dark.js +390 -390
- package/dist/js/brands/bild/semantic/color/colormode-light.js +390 -390
- package/dist/js/brands/bild/semantic/effects/effects-dark.js +13 -13
- package/dist/js/brands/bild/semantic/effects/effects-light.js +13 -13
- package/dist/js/brands/bild/semantic/typography/typography-lg.js +210 -210
- package/dist/js/brands/bild/semantic/typography/typography-md.js +210 -210
- package/dist/js/brands/bild/semantic/typography/typography-sm.js +210 -210
- package/dist/js/brands/bild/semantic/typography/typography-xs.js +210 -210
- package/dist/js/brands/sportbild/density/density-compact.js +1 -1
- package/dist/js/brands/sportbild/density/density-default.js +1 -1
- package/dist/js/brands/sportbild/density/density-spacious.js +1 -1
- package/dist/js/brands/sportbild/overrides/brandcolormapping.js +92 -92
- package/dist/js/brands/sportbild/overrides/brandtokenmapping.js +292 -292
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +636 -636
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.js +636 -636
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.js +636 -636
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.js +636 -636
- package/dist/js/brands/sportbild/semantic/color/colormode-dark.js +390 -390
- package/dist/js/brands/sportbild/semantic/color/colormode-light.js +390 -390
- package/dist/js/brands/sportbild/semantic/effects/effects-dark.js +13 -13
- package/dist/js/brands/sportbild/semantic/effects/effects-light.js +13 -13
- package/dist/js/brands/sportbild/semantic/typography/typography-lg.js +210 -210
- package/dist/js/brands/sportbild/semantic/typography/typography-md.js +210 -210
- package/dist/js/brands/sportbild/semantic/typography/typography-sm.js +210 -210
- package/dist/js/brands/sportbild/semantic/typography/typography-xs.js +210 -210
- package/dist/js/shared/colorprimitive.js +83 -83
- package/dist/js/shared/fontprimitive.js +22 -22
- package/dist/js/shared/sizeprimitive.js +1 -1
- package/dist/js/shared/spaceprimitive.js +1 -1
- package/dist/manifest.json +1 -1
- package/dist/scss/brands/advertorial/density/density-compact.scss +1 -1
- package/dist/scss/brands/advertorial/density/density-default.scss +1 -1
- package/dist/scss/brands/advertorial/density/density-spacious.scss +1 -1
- package/dist/scss/brands/advertorial/overrides/brandtokenmapping.scss +292 -292
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +636 -636
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.scss +636 -636
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.scss +636 -636
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.scss +636 -636
- package/dist/scss/brands/advertorial/semantic/effects/effects-dark.scss +13 -13
- package/dist/scss/brands/advertorial/semantic/effects/effects-light.scss +13 -13
- package/dist/scss/brands/advertorial/semantic/typography/typography-lg.scss +210 -210
- package/dist/scss/brands/advertorial/semantic/typography/typography-md.scss +210 -210
- package/dist/scss/brands/advertorial/semantic/typography/typography-sm.scss +210 -210
- package/dist/scss/brands/advertorial/semantic/typography/typography-xs.scss +210 -210
- package/dist/scss/brands/bild/density/density-compact.scss +1 -1
- package/dist/scss/brands/bild/density/density-default.scss +1 -1
- package/dist/scss/brands/bild/density/density-spacious.scss +1 -1
- package/dist/scss/brands/bild/overrides/brandcolormapping.scss +92 -92
- package/dist/scss/brands/bild/overrides/brandtokenmapping.scss +292 -292
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +636 -636
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-md-600px.scss +636 -636
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +636 -636
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-xs-320px.scss +636 -636
- package/dist/scss/brands/bild/semantic/color/colormode-dark.scss +390 -390
- package/dist/scss/brands/bild/semantic/color/colormode-light.scss +390 -390
- package/dist/scss/brands/bild/semantic/effects/effects-dark.scss +13 -13
- package/dist/scss/brands/bild/semantic/effects/effects-light.scss +13 -13
- package/dist/scss/brands/bild/semantic/typography/typography-lg.scss +210 -210
- package/dist/scss/brands/bild/semantic/typography/typography-md.scss +210 -210
- package/dist/scss/brands/bild/semantic/typography/typography-sm.scss +210 -210
- package/dist/scss/brands/bild/semantic/typography/typography-xs.scss +210 -210
- package/dist/scss/brands/sportbild/density/density-compact.scss +1 -1
- package/dist/scss/brands/sportbild/density/density-default.scss +1 -1
- package/dist/scss/brands/sportbild/density/density-spacious.scss +1 -1
- package/dist/scss/brands/sportbild/overrides/brandcolormapping.scss +92 -92
- package/dist/scss/brands/sportbild/overrides/brandtokenmapping.scss +292 -292
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +636 -636
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.scss +636 -636
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +636 -636
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.scss +636 -636
- package/dist/scss/brands/sportbild/semantic/color/colormode-dark.scss +390 -390
- package/dist/scss/brands/sportbild/semantic/color/colormode-light.scss +390 -390
- package/dist/scss/brands/sportbild/semantic/effects/effects-dark.scss +13 -13
- package/dist/scss/brands/sportbild/semantic/effects/effects-light.scss +13 -13
- package/dist/scss/brands/sportbild/semantic/typography/typography-lg.scss +210 -210
- package/dist/scss/brands/sportbild/semantic/typography/typography-md.scss +210 -210
- package/dist/scss/brands/sportbild/semantic/typography/typography-sm.scss +210 -210
- package/dist/scss/brands/sportbild/semantic/typography/typography-xs.scss +210 -210
- package/dist/scss/shared/colorprimitive.scss +83 -83
- package/dist/scss/shared/fontprimitive.scss +22 -22
- package/dist/scss/shared/sizeprimitive.scss +1 -1
- package/dist/scss/shared/spaceprimitive.scss +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
//
|
|
2
2
|
// colorprimitive.scss
|
|
3
|
-
// Generiert am: 2025-11-24T21:
|
|
3
|
+
// Generiert am: 2025-11-24T21:40:48.615Z
|
|
4
4
|
// Nicht manuell bearbeiten!
|
|
5
5
|
//
|
|
6
6
|
|
|
@@ -8,36 +8,11 @@
|
|
|
8
8
|
// BILD
|
|
9
9
|
// ============================================
|
|
10
10
|
|
|
11
|
-
// BILD -
|
|
12
|
-
|
|
13
|
-
$
|
|
14
|
-
|
|
15
|
-
$
|
|
16
|
-
$alpha-black30: rgba(0, 0, 0, 0.30000001192092896);
|
|
17
|
-
// Used on elevation effects.
|
|
18
|
-
$alpha-black70: rgba(0, 0, 0, 0.699999988079071);
|
|
19
|
-
$alpha-white10: rgba(255, 255, 255, 0.10000000149011612);
|
|
20
|
-
$alpha-white20: rgba(255, 255, 255, 0.20000000298023224);
|
|
21
|
-
$alpha-white30: rgba(255, 255, 255, 0.30000001192092896);
|
|
22
|
-
// Used on elevation effects.
|
|
23
|
-
$alpha-white60: rgba(255, 255, 255, 0.6000000238418579);
|
|
24
|
-
// Used on elevation effects.
|
|
25
|
-
$alpha-white70: rgba(255, 255, 255, 0.699999988079071);
|
|
26
|
-
$alpha-white35: rgba(255, 255, 255, 0.3499999940395355);
|
|
27
|
-
// Used on elevation effects.
|
|
28
|
-
$alpha-bildred80: rgba(221, 0, 0, 0.800000011920929);
|
|
29
|
-
// Used on elevation effects.
|
|
30
|
-
$alpha-black80: rgba(0, 0, 0, 0.800000011920929);
|
|
31
|
-
// Used on elevation effects.
|
|
32
|
-
$alpha-white80: rgba(255, 255, 255, 0.800000011920929);
|
|
33
|
-
$alpha-black35: rgba(0, 0, 0, 0.3499999940395355);
|
|
34
|
-
$alpha-black0: rgba(0, 0, 0, 0);
|
|
35
|
-
$alpha-black50: rgba(0, 0, 0, 0.5);
|
|
36
|
-
$alpha-black05: rgba(0, 0, 0, 0.05000000074505806);
|
|
37
|
-
|
|
38
|
-
// BILD - blue
|
|
39
|
-
// This Blue color was taken from the Weather 2024 project. Tone: 069
|
|
40
|
-
$bildblue: #00B1FF;
|
|
11
|
+
// BILD - red
|
|
12
|
+
// Tone 046
|
|
13
|
+
$bildred: #DD0000;
|
|
14
|
+
$bildred035: #AF0002;
|
|
15
|
+
$bildred053: #F52D2D;
|
|
41
16
|
|
|
42
17
|
// BILD - gray
|
|
43
18
|
$bild015: #232629;
|
|
@@ -54,6 +29,14 @@ $bild045: #666B70;
|
|
|
54
29
|
$bild010: #1C1C1C;
|
|
55
30
|
$bild020: #2C3138;
|
|
56
31
|
|
|
32
|
+
// BILD - neutral
|
|
33
|
+
$bild100: #FFFFFF;
|
|
34
|
+
$bildblack: #000000;
|
|
35
|
+
|
|
36
|
+
// BILD - orange
|
|
37
|
+
// Tone: 067
|
|
38
|
+
$bildorange: #FD8227;
|
|
39
|
+
|
|
57
40
|
// BILD - green
|
|
58
41
|
$bildgreen070: #00C373;
|
|
59
42
|
$bildgreen063: #00AF67;
|
|
@@ -64,87 +47,82 @@ $bildgreen056-alpha50: rgba(0, 155, 90, 0.5);
|
|
|
64
47
|
$bildgreen040: #006E3E;
|
|
65
48
|
$bildgreen056: #18995C;
|
|
66
49
|
|
|
67
|
-
// BILD - neutral
|
|
68
|
-
$bild100: #FFFFFF;
|
|
69
|
-
$bildblack: #000000;
|
|
70
|
-
|
|
71
|
-
// BILD - orange
|
|
72
|
-
// Tone: 067
|
|
73
|
-
$bildorange: #FD8227;
|
|
74
|
-
|
|
75
|
-
// BILD - purple
|
|
76
|
-
// Tone: 020
|
|
77
|
-
$bildberry: #551937;
|
|
78
|
-
|
|
79
|
-
// BILD - red
|
|
80
|
-
// Tone 046
|
|
81
|
-
$bildred: #DD0000;
|
|
82
|
-
$bildred035: #AF0002;
|
|
83
|
-
$bildred053: #F52D2D;
|
|
84
|
-
|
|
85
50
|
// BILD - yellow
|
|
86
51
|
// Tone: 081
|
|
87
52
|
$bildyellow: #FFBF00;
|
|
88
53
|
|
|
54
|
+
// BILD - purple
|
|
55
|
+
// Tone: 020
|
|
56
|
+
$bildberry: #551937;
|
|
89
57
|
|
|
90
|
-
//
|
|
91
|
-
|
|
92
|
-
|
|
58
|
+
// BILD - alpha
|
|
59
|
+
$alpha-black20: rgba(0, 0, 0, 0.20000000298023224);
|
|
60
|
+
$alpha-black10: rgba(0, 0, 0, 0.10000000149011612);
|
|
61
|
+
// Used on elevation effects.
|
|
62
|
+
$alpha-black60: rgba(0, 0, 0, 0.6000000238418579);
|
|
63
|
+
$alpha-black30: rgba(0, 0, 0, 0.30000001192092896);
|
|
64
|
+
// Used on elevation effects.
|
|
65
|
+
$alpha-black70: rgba(0, 0, 0, 0.699999988079071);
|
|
66
|
+
$alpha-white10: rgba(255, 255, 255, 0.10000000149011612);
|
|
67
|
+
$alpha-white20: rgba(255, 255, 255, 0.20000000298023224);
|
|
68
|
+
$alpha-white30: rgba(255, 255, 255, 0.30000001192092896);
|
|
69
|
+
// Used on elevation effects.
|
|
70
|
+
$alpha-white60: rgba(255, 255, 255, 0.6000000238418579);
|
|
71
|
+
// Used on elevation effects.
|
|
72
|
+
$alpha-white70: rgba(255, 255, 255, 0.699999988079071);
|
|
73
|
+
$alpha-white35: rgba(255, 255, 255, 0.3499999940395355);
|
|
74
|
+
// Used on elevation effects.
|
|
75
|
+
$alpha-bildred80: rgba(221, 0, 0, 0.800000011920929);
|
|
76
|
+
// Used on elevation effects.
|
|
77
|
+
$alpha-black80: rgba(0, 0, 0, 0.800000011920929);
|
|
78
|
+
// Used on elevation effects.
|
|
79
|
+
$alpha-white80: rgba(255, 255, 255, 0.800000011920929);
|
|
80
|
+
$alpha-black35: rgba(0, 0, 0, 0.3499999940395355);
|
|
81
|
+
$alpha-black0: rgba(0, 0, 0, 0);
|
|
82
|
+
$alpha-black50: rgba(0, 0, 0, 0.5);
|
|
83
|
+
$alpha-black05: rgba(0, 0, 0, 0.05000000074505806);
|
|
93
84
|
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
$
|
|
97
|
-
$opacity40: 40px;
|
|
98
|
-
$opacity60: 60px;
|
|
99
|
-
$opacity80: 80px;
|
|
100
|
-
$opacity100: 100px;
|
|
101
|
-
$opacity90: 90px;
|
|
102
|
-
$opacity30: 30px;
|
|
103
|
-
$opacity50: 50px;
|
|
104
|
-
$opacity00: 0px;
|
|
105
|
-
$opacity70: 70px;
|
|
85
|
+
// BILD - blue
|
|
86
|
+
// This Blue color was taken from the Weather 2024 project. Tone: 069
|
|
87
|
+
$bildblue: #00B1FF;
|
|
106
88
|
|
|
107
89
|
|
|
108
90
|
// ============================================
|
|
109
91
|
// PARTNER
|
|
110
92
|
// ============================================
|
|
111
93
|
|
|
112
|
-
// Partner - Aubi
|
|
113
|
-
$aubi-core: #F00000;
|
|
114
|
-
|
|
115
|
-
// Partner - Bz
|
|
116
|
-
$bz-core: #E3001B;
|
|
117
|
-
|
|
118
|
-
// Partner - ComputerBILD
|
|
119
|
-
$cobi-core: #DC231C;
|
|
120
|
-
|
|
121
94
|
// Partner - Fitbook
|
|
122
95
|
$fitbook-core: #FF97B7;
|
|
123
96
|
|
|
124
|
-
// Partner -
|
|
125
|
-
$
|
|
97
|
+
// Partner - Petbook
|
|
98
|
+
$petbook-core: #B9DB91;
|
|
126
99
|
|
|
127
100
|
// Partner - MyHome
|
|
128
101
|
$myhome-core: #66CCCC;
|
|
129
102
|
|
|
130
|
-
// Partner -
|
|
131
|
-
$
|
|
103
|
+
// Partner - Travelbook
|
|
104
|
+
$travelbook-core: #8EF0ED;
|
|
132
105
|
|
|
133
106
|
// Partner - Techbook
|
|
134
107
|
$techbook-core: #93E4FF;
|
|
135
108
|
|
|
136
|
-
// Partner -
|
|
137
|
-
$
|
|
109
|
+
// Partner - Kaufberater
|
|
110
|
+
$kaufberater-core: #55476E;
|
|
111
|
+
|
|
112
|
+
// Partner - Bz
|
|
113
|
+
$bz-core: #E3001B;
|
|
114
|
+
|
|
115
|
+
// Partner - Aubi
|
|
116
|
+
$aubi-core: #F00000;
|
|
117
|
+
|
|
118
|
+
// Partner - ComputerBILD
|
|
119
|
+
$cobi-core: #DC231C;
|
|
138
120
|
|
|
139
121
|
|
|
140
122
|
// ============================================
|
|
141
123
|
// SPORTBILD
|
|
142
124
|
// ============================================
|
|
143
125
|
|
|
144
|
-
// SportBILD - alpha
|
|
145
|
-
$spobi-blue016-alpha0: rgba(10, 39, 80, 0);
|
|
146
|
-
$spobi-blue016-alpha70: rgba(10, 39, 80, 0.699999988079071);
|
|
147
|
-
|
|
148
126
|
// SportBILD - blue
|
|
149
127
|
$spobi-blue098: #F7F9FD;
|
|
150
128
|
$spobi-blue081: #BDCADB;
|
|
@@ -158,3 +136,25 @@ $spobi-blue038: #315998;
|
|
|
158
136
|
// SportBILD - red
|
|
159
137
|
$spobi-red: #E52528;
|
|
160
138
|
|
|
139
|
+
// SportBILD - alpha
|
|
140
|
+
$spobi-blue016-alpha0: rgba(10, 39, 80, 0);
|
|
141
|
+
$spobi-blue016-alpha70: rgba(10, 39, 80, 0.699999988079071);
|
|
142
|
+
|
|
143
|
+
|
|
144
|
+
// ============================================
|
|
145
|
+
// OPACITY
|
|
146
|
+
// ============================================
|
|
147
|
+
|
|
148
|
+
$opacity05: 5px;
|
|
149
|
+
$opacity10: 10px;
|
|
150
|
+
$opacity20: 20px;
|
|
151
|
+
$opacity40: 40px;
|
|
152
|
+
$opacity60: 60px;
|
|
153
|
+
$opacity80: 80px;
|
|
154
|
+
$opacity100: 100px;
|
|
155
|
+
$opacity90: 90px;
|
|
156
|
+
$opacity30: 30px;
|
|
157
|
+
$opacity50: 50px;
|
|
158
|
+
$opacity00: 0px;
|
|
159
|
+
$opacity70: 70px;
|
|
160
|
+
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
//
|
|
2
2
|
// fontprimitive.scss
|
|
3
|
-
// Generiert am: 2025-11-24T21:
|
|
3
|
+
// Generiert am: 2025-11-24T21:40:48.694Z
|
|
4
4
|
// Nicht manuell bearbeiten!
|
|
5
5
|
//
|
|
6
6
|
|
|
@@ -8,14 +8,14 @@
|
|
|
8
8
|
// FONTFAMILY
|
|
9
9
|
// ============================================
|
|
10
10
|
|
|
11
|
-
// FontFamily - Advertorial
|
|
12
|
-
$font-family-lucida-grande: Lucida Grande;
|
|
13
|
-
|
|
14
11
|
// FontFamily - BILD
|
|
15
12
|
$font-family-gotham-xnarrow: Gotham XNarrow;
|
|
16
13
|
$font-family-gotham-cond: Gotham Condensed;
|
|
17
14
|
$font-family-gotham: Gotham;
|
|
18
15
|
|
|
16
|
+
// FontFamily - Advertorial
|
|
17
|
+
$font-family-lucida-grande: Lucida Grande;
|
|
18
|
+
|
|
19
19
|
// FontFamily - SportBILD
|
|
20
20
|
$font-family-antenna-extra-cond: AntennaExtraCond;
|
|
21
21
|
$font-family-antenna-cond: AntennaCond;
|
|
@@ -42,24 +42,6 @@ $bold-italic-font-weight-st: Bold Italic;
|
|
|
42
42
|
$black-font-weight-st: Black;
|
|
43
43
|
|
|
44
44
|
|
|
45
|
-
// ============================================
|
|
46
|
-
// FONTWEIGHTSTRING
|
|
47
|
-
// ============================================
|
|
48
|
-
|
|
49
|
-
$font-weight-string-1000-ultra-font-weight: 1000;
|
|
50
|
-
$font-weight-string-900-extra-black-font-weight: 900;
|
|
51
|
-
$font-weight-string-800-black-font-weight: 800;
|
|
52
|
-
$font-weight-string-700-black-font-weight: 700;
|
|
53
|
-
$font-weight-string-600-bold-font-weight: 600;
|
|
54
|
-
$font-weight-string-500-medium-font-weight: 500;
|
|
55
|
-
$font-weight-string-400-book-font-weight: 400;
|
|
56
|
-
$font-weight-string-350-book-font-weight: 350;
|
|
57
|
-
$font-weight-string-200-extra-light-font-weight: 200;
|
|
58
|
-
$font-weight-string-100-thin-font-weight: 100;
|
|
59
|
-
$600-bold-italic-font-weight: Bold Italic;
|
|
60
|
-
$700-black-italic-font-weight: Black Italic;
|
|
61
|
-
|
|
62
|
-
|
|
63
45
|
// ============================================
|
|
64
46
|
// LETTERSPACING
|
|
65
47
|
// ============================================
|
|
@@ -87,3 +69,21 @@ $letter-space3: 3px;
|
|
|
87
69
|
// 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.
|
|
88
70
|
$letter-space-3: -3px;
|
|
89
71
|
|
|
72
|
+
|
|
73
|
+
// ============================================
|
|
74
|
+
// FONTWEIGHTSTRING
|
|
75
|
+
// ============================================
|
|
76
|
+
|
|
77
|
+
$font-weight-string-1000-ultra-font-weight: 1000;
|
|
78
|
+
$font-weight-string-900-extra-black-font-weight: 900;
|
|
79
|
+
$font-weight-string-800-black-font-weight: 800;
|
|
80
|
+
$font-weight-string-700-black-font-weight: 700;
|
|
81
|
+
$font-weight-string-600-bold-font-weight: 600;
|
|
82
|
+
$font-weight-string-500-medium-font-weight: 500;
|
|
83
|
+
$font-weight-string-400-book-font-weight: 400;
|
|
84
|
+
$font-weight-string-350-book-font-weight: 350;
|
|
85
|
+
$font-weight-string-200-extra-light-font-weight: 200;
|
|
86
|
+
$font-weight-string-100-thin-font-weight: 100;
|
|
87
|
+
$600-bold-italic-font-weight: Bold Italic;
|
|
88
|
+
$700-black-italic-font-weight: Black Italic;
|
|
89
|
+
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@marioschmidt/design-system-tokens",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.24",
|
|
4
4
|
"description": "BILD Design System Token Pipeline with Style Dictionary - Multi-brand design tokens for BILD, SportBILD, and Advertorial",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|