@marioschmidt/design-system-tokens 1.0.20 → 1.0.22
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/res/values/shared/colorprimitive.xml +5 -5
- package/dist/android/res/values/shared/spaceprimitive.xml +1 -1
- package/dist/css/brands/advertorial/density/density-compact.css +31 -6
- package/dist/css/brands/advertorial/density/density-default.css +31 -6
- package/dist/css/brands/advertorial/density/density-spacious.css +31 -6
- package/dist/css/brands/advertorial/overrides/brandtokenmapping.css +694 -200
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.css +1240 -385
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.css +1240 -385
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.css +1240 -385
- package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.css +1240 -385
- package/dist/css/brands/advertorial/semantic/effects/effects-dark.css +1 -1
- package/dist/css/brands/advertorial/semantic/effects/effects-light.css +1 -1
- package/dist/css/brands/advertorial/semantic/typography/typography-lg.css +1 -1
- package/dist/css/brands/advertorial/semantic/typography/typography-md.css +1 -1
- package/dist/css/brands/advertorial/semantic/typography/typography-sm.css +1 -1
- package/dist/css/brands/advertorial/semantic/typography/typography-xs.css +1 -1
- package/dist/css/brands/bild/density/density-compact.css +31 -6
- package/dist/css/brands/bild/density/density-default.css +31 -6
- package/dist/css/brands/bild/density/density-spacious.css +31 -6
- package/dist/css/brands/bild/overrides/brandcolormapping.css +238 -54
- package/dist/css/brands/bild/overrides/brandtokenmapping.css +694 -200
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +1240 -385
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-md-600px.css +1240 -385
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.css +1240 -385
- package/dist/css/brands/bild/semantic/breakpoints/breakpoint-xs-320px.css +1240 -385
- package/dist/css/brands/bild/semantic/color/colormode-dark.css +532 -280
- package/dist/css/brands/bild/semantic/color/colormode-light.css +532 -280
- package/dist/css/brands/bild/semantic/effects/effects-dark.css +1 -1
- package/dist/css/brands/bild/semantic/effects/effects-light.css +1 -1
- package/dist/css/brands/bild/semantic/typography/typography-lg.css +1 -1
- package/dist/css/brands/bild/semantic/typography/typography-md.css +1 -1
- package/dist/css/brands/bild/semantic/typography/typography-sm.css +1 -1
- package/dist/css/brands/bild/semantic/typography/typography-xs.css +1 -1
- package/dist/css/brands/sportbild/density/density-compact.css +31 -6
- package/dist/css/brands/sportbild/density/density-default.css +31 -6
- package/dist/css/brands/sportbild/density/density-spacious.css +31 -6
- package/dist/css/brands/sportbild/overrides/brandcolormapping.css +238 -54
- package/dist/css/brands/sportbild/overrides/brandtokenmapping.css +694 -200
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +1240 -385
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.css +1240 -385
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.css +1240 -385
- package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.css +1240 -385
- package/dist/css/brands/sportbild/semantic/color/colormode-dark.css +532 -280
- package/dist/css/brands/sportbild/semantic/color/colormode-light.css +532 -280
- package/dist/css/brands/sportbild/semantic/effects/effects-dark.css +1 -1
- package/dist/css/brands/sportbild/semantic/effects/effects-light.css +1 -1
- package/dist/css/brands/sportbild/semantic/typography/typography-lg.css +1 -1
- package/dist/css/brands/sportbild/semantic/typography/typography-md.css +1 -1
- package/dist/css/brands/sportbild/semantic/typography/typography-sm.css +1 -1
- package/dist/css/brands/sportbild/semantic/typography/typography-xs.css +1 -1
- package/dist/css/shared/colorprimitive.css +162 -50
- package/dist/css/shared/fontprimitive.css +99 -33
- package/dist/css/shared/sizeprimitive.css +8 -1
- package/dist/css/shared/spaceprimitive.css +9 -2
- package/dist/flutter/brands/advertorial/density/density-compact.dart +5 -0
- package/dist/flutter/brands/advertorial/density/density-default.dart +5 -0
- package/dist/flutter/brands/advertorial/density/density-spacious.dart +5 -0
- package/dist/flutter/brands/advertorial/overrides/brandtokenmapping.dart +17 -2
- package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +17 -1
- package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.dart +17 -1
- package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.dart +17 -1
- package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.dart +17 -1
- package/dist/flutter/brands/bild/density/density-compact.dart +5 -0
- package/dist/flutter/brands/bild/density/density-default.dart +5 -0
- package/dist/flutter/brands/bild/density/density-spacious.dart +5 -0
- package/dist/flutter/brands/bild/overrides/brandcolormapping.dart +10 -1
- package/dist/flutter/brands/bild/overrides/brandtokenmapping.dart +17 -2
- package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +17 -1
- package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-md-600px.dart +17 -1
- package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +17 -1
- package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-xs-320px.dart +17 -1
- package/dist/flutter/brands/bild/semantic/color/colormode-dark.dart +10 -0
- package/dist/flutter/brands/bild/semantic/color/colormode-light.dart +10 -0
- package/dist/flutter/brands/sportbild/density/density-compact.dart +5 -0
- package/dist/flutter/brands/sportbild/density/density-default.dart +5 -0
- package/dist/flutter/brands/sportbild/density/density-spacious.dart +5 -0
- package/dist/flutter/brands/sportbild/overrides/brandcolormapping.dart +10 -1
- package/dist/flutter/brands/sportbild/overrides/brandtokenmapping.dart +17 -2
- package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +17 -1
- package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.dart +17 -1
- package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +17 -1
- package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.dart +17 -1
- package/dist/flutter/brands/sportbild/semantic/color/colormode-dark.dart +10 -0
- package/dist/flutter/brands/sportbild/semantic/color/colormode-light.dart +10 -0
- package/dist/flutter/shared/colorprimitive.dart +25 -6
- package/dist/flutter/shared/fontprimitive.dart +20 -3
- package/dist/flutter/shared/sizeprimitive.dart +5 -0
- package/dist/flutter/shared/spaceprimitive.dart +6 -1
- package/dist/ios/brands/advertorial/density/DensityCompact.swift +5 -0
- package/dist/ios/brands/advertorial/density/DensityDefault.swift +5 -0
- package/dist/ios/brands/advertorial/density/DensitySpacious.swift +5 -0
- package/dist/ios/brands/advertorial/overrides/Brandtokenmapping.swift +17 -2
- package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointLg1024pxRegular.swift +17 -1
- package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointMd600px.swift +17 -1
- package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointSm390pxCompact.swift +17 -1
- package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointXs320px.swift +17 -1
- package/dist/ios/brands/bild/density/DensityCompact.swift +5 -0
- package/dist/ios/brands/bild/density/DensityDefault.swift +5 -0
- package/dist/ios/brands/bild/density/DensitySpacious.swift +5 -0
- package/dist/ios/brands/bild/overrides/Brandcolormapping.swift +10 -1
- package/dist/ios/brands/bild/overrides/Brandtokenmapping.swift +17 -2
- package/dist/ios/brands/bild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +17 -1
- package/dist/ios/brands/bild/semantic/breakpoints/BreakpointMd600px.swift +17 -1
- package/dist/ios/brands/bild/semantic/breakpoints/BreakpointSm390pxCompact.swift +17 -1
- package/dist/ios/brands/bild/semantic/breakpoints/BreakpointXs320px.swift +17 -1
- package/dist/ios/brands/bild/semantic/color/ColormodeDark.swift +10 -0
- package/dist/ios/brands/bild/semantic/color/ColormodeLight.swift +10 -0
- package/dist/ios/brands/sportbild/density/DensityCompact.swift +5 -0
- package/dist/ios/brands/sportbild/density/DensityDefault.swift +5 -0
- package/dist/ios/brands/sportbild/density/DensitySpacious.swift +5 -0
- package/dist/ios/brands/sportbild/overrides/Brandcolormapping.swift +10 -1
- package/dist/ios/brands/sportbild/overrides/Brandtokenmapping.swift +17 -2
- package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +17 -1
- package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointMd600px.swift +17 -1
- package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointSm390pxCompact.swift +17 -1
- package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointXs320px.swift +17 -1
- package/dist/ios/brands/sportbild/semantic/color/ColormodeDark.swift +10 -0
- package/dist/ios/brands/sportbild/semantic/color/ColormodeLight.swift +10 -0
- package/dist/ios/shared/Colorprimitive.swift +25 -6
- package/dist/ios/shared/Fontprimitive.swift +20 -3
- package/dist/ios/shared/Sizeprimitive.swift +5 -0
- package/dist/ios/shared/Spaceprimitive.swift +6 -1
- package/dist/js/brands/advertorial/density/density-compact.js +16 -1
- package/dist/js/brands/advertorial/density/density-default.js +16 -1
- package/dist/js/brands/advertorial/density/density-spacious.js +16 -1
- package/dist/js/brands/advertorial/overrides/brandtokenmapping.js +404 -158
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.js +775 -336
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.js +775 -336
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.js +775 -336
- package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.js +775 -336
- package/dist/js/brands/advertorial/semantic/effects/effects-dark.js +53 -216
- package/dist/js/brands/advertorial/semantic/effects/effects-light.js +53 -216
- package/dist/js/brands/advertorial/semantic/typography/typography-lg.js +456 -1132
- package/dist/js/brands/advertorial/semantic/typography/typography-md.js +456 -1132
- package/dist/js/brands/advertorial/semantic/typography/typography-sm.js +456 -1132
- package/dist/js/brands/advertorial/semantic/typography/typography-xs.js +456 -1132
- package/dist/js/brands/bild/density/density-compact.js +16 -1
- package/dist/js/brands/bild/density/density-default.js +16 -1
- package/dist/js/brands/bild/density/density-spacious.js +16 -1
- package/dist/js/brands/bild/overrides/brandcolormapping.js +127 -44
- package/dist/js/brands/bild/overrides/brandtokenmapping.js +404 -158
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +775 -336
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-md-600px.js +775 -336
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.js +775 -336
- package/dist/js/brands/bild/semantic/breakpoints/breakpoint-xs-320px.js +775 -336
- package/dist/js/brands/bild/semantic/color/colormode-dark.js +426 -184
- package/dist/js/brands/bild/semantic/color/colormode-light.js +426 -182
- package/dist/js/brands/bild/semantic/effects/effects-dark.js +53 -216
- package/dist/js/brands/bild/semantic/effects/effects-light.js +53 -216
- package/dist/js/brands/bild/semantic/typography/typography-lg.js +456 -1132
- package/dist/js/brands/bild/semantic/typography/typography-md.js +456 -1132
- package/dist/js/brands/bild/semantic/typography/typography-sm.js +456 -1132
- package/dist/js/brands/bild/semantic/typography/typography-xs.js +456 -1132
- package/dist/js/brands/sportbild/density/density-compact.js +16 -1
- package/dist/js/brands/sportbild/density/density-default.js +16 -1
- package/dist/js/brands/sportbild/density/density-spacious.js +16 -1
- package/dist/js/brands/sportbild/overrides/brandcolormapping.js +127 -44
- package/dist/js/brands/sportbild/overrides/brandtokenmapping.js +404 -158
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +775 -336
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.js +775 -336
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.js +775 -336
- package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.js +775 -336
- package/dist/js/brands/sportbild/semantic/color/colormode-dark.js +426 -184
- package/dist/js/brands/sportbild/semantic/color/colormode-light.js +426 -182
- package/dist/js/brands/sportbild/semantic/effects/effects-dark.js +53 -216
- package/dist/js/brands/sportbild/semantic/effects/effects-light.js +53 -216
- package/dist/js/brands/sportbild/semantic/typography/typography-lg.js +456 -1132
- package/dist/js/brands/sportbild/semantic/typography/typography-md.js +456 -1132
- package/dist/js/brands/sportbild/semantic/typography/typography-sm.js +456 -1132
- package/dist/js/brands/sportbild/semantic/typography/typography-xs.js +456 -1132
- package/dist/js/shared/colorprimitive.js +126 -46
- package/dist/js/shared/fontprimitive.js +76 -34
- package/dist/js/shared/sizeprimitive.js +8 -1
- package/dist/js/shared/spaceprimitive.js +9 -2
- package/dist/json/shared/colorprimitive.json +15 -15
- package/dist/json/shared/spaceprimitive.json +3 -3
- package/dist/manifest.json +1 -1
- package/dist/scss/brands/advertorial/density/density-compact.scss +22 -6
- package/dist/scss/brands/advertorial/density/density-default.scss +22 -6
- package/dist/scss/brands/advertorial/density/density-spacious.scss +22 -6
- package/dist/scss/brands/advertorial/overrides/brandtokenmapping.scss +448 -201
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +805 -377
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.scss +805 -377
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.scss +805 -377
- package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.scss +805 -377
- package/dist/scss/brands/advertorial/semantic/effects/effects-dark.scss +55 -15
- package/dist/scss/brands/advertorial/semantic/effects/effects-light.scss +55 -15
- package/dist/scss/brands/advertorial/semantic/typography/typography-lg.scss +456 -124
- package/dist/scss/brands/advertorial/semantic/typography/typography-md.scss +456 -124
- package/dist/scss/brands/advertorial/semantic/typography/typography-sm.scss +456 -124
- package/dist/scss/brands/advertorial/semantic/typography/typography-xs.scss +456 -124
- package/dist/scss/brands/bild/density/density-compact.scss +22 -6
- package/dist/scss/brands/bild/density/density-default.scss +22 -6
- package/dist/scss/brands/bild/density/density-spacious.scss +22 -6
- package/dist/scss/brands/bild/overrides/brandcolormapping.scss +140 -55
- package/dist/scss/brands/bild/overrides/brandtokenmapping.scss +448 -201
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +805 -377
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-md-600px.scss +805 -377
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +805 -377
- package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-xs-320px.scss +805 -377
- package/dist/scss/brands/bild/semantic/color/colormode-dark.scss +423 -272
- package/dist/scss/brands/bild/semantic/color/colormode-light.scss +423 -272
- package/dist/scss/brands/bild/semantic/effects/effects-dark.scss +55 -15
- package/dist/scss/brands/bild/semantic/effects/effects-light.scss +55 -15
- package/dist/scss/brands/bild/semantic/typography/typography-lg.scss +456 -124
- package/dist/scss/brands/bild/semantic/typography/typography-md.scss +456 -124
- package/dist/scss/brands/bild/semantic/typography/typography-sm.scss +456 -124
- package/dist/scss/brands/bild/semantic/typography/typography-xs.scss +456 -124
- package/dist/scss/brands/sportbild/density/density-compact.scss +22 -6
- package/dist/scss/brands/sportbild/density/density-default.scss +22 -6
- package/dist/scss/brands/sportbild/density/density-spacious.scss +22 -6
- package/dist/scss/brands/sportbild/overrides/brandcolormapping.scss +140 -55
- package/dist/scss/brands/sportbild/overrides/brandtokenmapping.scss +448 -201
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +805 -377
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.scss +805 -377
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +805 -377
- package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.scss +805 -377
- package/dist/scss/brands/sportbild/semantic/color/colormode-dark.scss +423 -272
- package/dist/scss/brands/sportbild/semantic/color/colormode-light.scss +423 -272
- package/dist/scss/brands/sportbild/semantic/effects/effects-dark.scss +55 -15
- package/dist/scss/brands/sportbild/semantic/effects/effects-light.scss +55 -15
- package/dist/scss/brands/sportbild/semantic/typography/typography-lg.scss +456 -124
- package/dist/scss/brands/sportbild/semantic/typography/typography-md.scss +456 -124
- package/dist/scss/brands/sportbild/semantic/typography/typography-sm.scss +456 -124
- package/dist/scss/brands/sportbild/semantic/typography/typography-xs.scss +456 -124
- package/dist/scss/shared/colorprimitive.scss +131 -50
- package/dist/scss/shared/fontprimitive.scss +76 -33
- package/dist/scss/shared/sizeprimitive.scss +9 -1
- package/dist/scss/shared/spaceprimitive.scss +10 -2
- package/package.json +1 -1
|
@@ -9,6 +9,10 @@
|
|
|
9
9
|
import UIKit
|
|
10
10
|
|
|
11
11
|
public class Fontprimitive {
|
|
12
|
+
// MARK: - ============================================
|
|
13
|
+
// MARK: - FONTFAMILY
|
|
14
|
+
// MARK: - ============================================
|
|
15
|
+
|
|
12
16
|
// MARK: - FontFamily - Advertorial
|
|
13
17
|
public static let FontFamilyLucidaGrande = "Lucida Grande"
|
|
14
18
|
|
|
@@ -22,7 +26,11 @@ public class Fontprimitive {
|
|
|
22
26
|
public static let FontFamilyAntennaCond = "AntennaCond"
|
|
23
27
|
public static let FontFamilyInter = "Inter"
|
|
24
28
|
|
|
25
|
-
|
|
29
|
+
|
|
30
|
+
// MARK: - ============================================
|
|
31
|
+
// MARK: - FONTWEIGHT
|
|
32
|
+
// MARK: - ============================================
|
|
33
|
+
|
|
26
34
|
/** 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. */
|
|
27
35
|
public static let FontWeight700BlackFontWeight = 700
|
|
28
36
|
public static let FontWeight900ExtraBlackFontWeight = 900
|
|
@@ -38,7 +46,11 @@ public class Fontprimitive {
|
|
|
38
46
|
public static let BoldItalicFontWeightSt = "Bold Italic"
|
|
39
47
|
public static let BlackFontWeightSt = "Black"
|
|
40
48
|
|
|
41
|
-
|
|
49
|
+
|
|
50
|
+
// MARK: - ============================================
|
|
51
|
+
// MARK: - FONTWEIGHTSTRING
|
|
52
|
+
// MARK: - ============================================
|
|
53
|
+
|
|
42
54
|
public static let FontWeightString1000UltraFontWeight = "1000"
|
|
43
55
|
public static let FontWeightString900ExtraBlackFontWeight = "900"
|
|
44
56
|
public static let FontWeightString800BlackFontWeight = "800"
|
|
@@ -52,7 +64,11 @@ public class Fontprimitive {
|
|
|
52
64
|
public static let _600BoldItalicFontWeight = "Bold Italic"
|
|
53
65
|
public static let _700BlackItalicFontWeight = "Black Italic"
|
|
54
66
|
|
|
55
|
-
|
|
67
|
+
|
|
68
|
+
// MARK: - ============================================
|
|
69
|
+
// MARK: - LETTERSPACING
|
|
70
|
+
// MARK: - ============================================
|
|
71
|
+
|
|
56
72
|
/** 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. */
|
|
57
73
|
public static let LetterSpacingLetterSpace025 = "-0.25px"
|
|
58
74
|
/** This variable is a primitive for use in creating semantic text styles that need to use a default letter spacing value of 0. */
|
|
@@ -75,4 +91,5 @@ public class Fontprimitive {
|
|
|
75
91
|
public static let LetterSpacingLetterSpace3 = "3px"
|
|
76
92
|
/** 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. */
|
|
77
93
|
public static let LetterSpacingLetterSpace3 = "-3px"
|
|
94
|
+
|
|
78
95
|
}
|
|
@@ -9,6 +9,10 @@
|
|
|
9
9
|
import UIKit
|
|
10
10
|
|
|
11
11
|
public class Sizeprimitive {
|
|
12
|
+
// MARK: - ============================================
|
|
13
|
+
// MARK: - OTHER
|
|
14
|
+
// MARK: - ============================================
|
|
15
|
+
|
|
12
16
|
public static let Size6x = "48px"
|
|
13
17
|
public static let Size3x = "24px"
|
|
14
18
|
public static let Size1x = "8px"
|
|
@@ -58,4 +62,5 @@ public class Sizeprimitive {
|
|
|
58
62
|
public static let Size100x = "800px"
|
|
59
63
|
public static let Size0x = "0px"
|
|
60
64
|
public static let Size0125x = "1px"
|
|
65
|
+
|
|
61
66
|
}
|
|
@@ -9,6 +9,10 @@
|
|
|
9
9
|
import UIKit
|
|
10
10
|
|
|
11
11
|
public class Spaceprimitive {
|
|
12
|
+
// MARK: - ============================================
|
|
13
|
+
// MARK: - OTHER
|
|
14
|
+
// MARK: - ============================================
|
|
15
|
+
|
|
12
16
|
public static let Space1x = "8px"
|
|
13
17
|
public static let Space05x = "4px"
|
|
14
18
|
public static let Space025x = "2px"
|
|
@@ -24,7 +28,7 @@ public class Spaceprimitive {
|
|
|
24
28
|
public static let Space10x = "80px"
|
|
25
29
|
public static let Space20x = "160px"
|
|
26
30
|
public static let Space25x = "20px"
|
|
27
|
-
public static let
|
|
31
|
+
public static let SpaceNeg025x = "-2px"
|
|
28
32
|
public static let Space075x = "6px"
|
|
29
33
|
public static let Space125x = "10px"
|
|
30
34
|
public static let Space275x = "22px"
|
|
@@ -34,4 +38,5 @@ public class Spaceprimitive {
|
|
|
34
38
|
public static let Space175x = "14px"
|
|
35
39
|
public static let Space85x = "68px"
|
|
36
40
|
public static let Space35x = "28px"
|
|
41
|
+
|
|
37
42
|
}
|
|
@@ -1,12 +1,27 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* density-compact.js
|
|
3
|
+
* Generiert am: 2025-11-24T20:37:10.267Z
|
|
4
|
+
* Nicht manuell bearbeiten!
|
|
3
5
|
*/
|
|
4
6
|
|
|
7
|
+
// ============================================
|
|
8
|
+
// COMPONENT
|
|
9
|
+
// ============================================
|
|
10
|
+
|
|
11
|
+
// Component - Button
|
|
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. */
|
|
5
13
|
export const buttonContentGapSpace = "6px";
|
|
14
|
+
/** 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. */
|
|
6
15
|
export const buttonStackSpace = "6px";
|
|
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 devices: 15 - 17 - 19 */
|
|
7
17
|
export const buttonLabelFontSize = "15px";
|
|
18
|
+
/** 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. */
|
|
8
19
|
export const buttonInlineSpace = "16px";
|
|
20
|
+
|
|
21
|
+
// Component - Inputfield
|
|
9
22
|
export const inputFieldInlineSpace = "16px";
|
|
10
23
|
export const inputFieldStackSpace = "6px";
|
|
11
24
|
export const inputFieldHeightSize = "36px";
|
|
25
|
+
/** 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 */
|
|
12
26
|
export const inputFieldLabelFontSize = "16px";
|
|
27
|
+
|
|
@@ -1,12 +1,27 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* density-default.js
|
|
3
|
+
* Generiert am: 2025-11-24T20:37:10.308Z
|
|
4
|
+
* Nicht manuell bearbeiten!
|
|
3
5
|
*/
|
|
4
6
|
|
|
7
|
+
// ============================================
|
|
8
|
+
// COMPONENT
|
|
9
|
+
// ============================================
|
|
10
|
+
|
|
11
|
+
// Component - Button
|
|
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. */
|
|
5
13
|
export const buttonContentGapSpace = "8px";
|
|
14
|
+
/** 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. */
|
|
6
15
|
export const buttonStackSpace = "8px";
|
|
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 devices: 15 - 17 - 19 */
|
|
7
17
|
export const buttonLabelFontSize = "17px";
|
|
18
|
+
/** 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. */
|
|
8
19
|
export const buttonInlineSpace = "20px";
|
|
20
|
+
|
|
21
|
+
// Component - Inputfield
|
|
9
22
|
export const inputFieldInlineSpace = "16px";
|
|
10
23
|
export const inputFieldStackSpace = "8px";
|
|
11
24
|
export const inputFieldHeightSize = "40px";
|
|
25
|
+
/** 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 */
|
|
12
26
|
export const inputFieldLabelFontSize = "17px";
|
|
27
|
+
|
|
@@ -1,12 +1,27 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* density-spacious.js
|
|
3
|
+
* Generiert am: 2025-11-24T20:37:10.346Z
|
|
4
|
+
* Nicht manuell bearbeiten!
|
|
3
5
|
*/
|
|
4
6
|
|
|
7
|
+
// ============================================
|
|
8
|
+
// COMPONENT
|
|
9
|
+
// ============================================
|
|
10
|
+
|
|
11
|
+
// Component - Button
|
|
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. */
|
|
5
13
|
export const buttonContentGapSpace = "8px";
|
|
14
|
+
/** 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. */
|
|
6
15
|
export const buttonStackSpace = "12px";
|
|
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 devices: 15 - 17 - 19 */
|
|
7
17
|
export const buttonLabelFontSize = "19px";
|
|
18
|
+
/** 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. */
|
|
8
19
|
export const buttonInlineSpace = "24px";
|
|
20
|
+
|
|
21
|
+
// Component - Inputfield
|
|
9
22
|
export const inputFieldInlineSpace = "16px";
|
|
10
23
|
export const inputFieldStackSpace = "12px";
|
|
11
24
|
export const inputFieldHeightSize = "48px";
|
|
25
|
+
/** 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 */
|
|
12
26
|
export const inputFieldLabelFontSize = "19px";
|
|
27
|
+
|