@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.
Files changed (230) hide show
  1. package/dist/android/res/values/shared/colorprimitive.xml +5 -5
  2. package/dist/android/res/values/shared/spaceprimitive.xml +1 -1
  3. package/dist/css/brands/advertorial/density/density-compact.css +31 -6
  4. package/dist/css/brands/advertorial/density/density-default.css +31 -6
  5. package/dist/css/brands/advertorial/density/density-spacious.css +31 -6
  6. package/dist/css/brands/advertorial/overrides/brandtokenmapping.css +694 -200
  7. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.css +1240 -385
  8. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.css +1240 -385
  9. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.css +1240 -385
  10. package/dist/css/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.css +1240 -385
  11. package/dist/css/brands/advertorial/semantic/effects/effects-dark.css +1 -1
  12. package/dist/css/brands/advertorial/semantic/effects/effects-light.css +1 -1
  13. package/dist/css/brands/advertorial/semantic/typography/typography-lg.css +1 -1
  14. package/dist/css/brands/advertorial/semantic/typography/typography-md.css +1 -1
  15. package/dist/css/brands/advertorial/semantic/typography/typography-sm.css +1 -1
  16. package/dist/css/brands/advertorial/semantic/typography/typography-xs.css +1 -1
  17. package/dist/css/brands/bild/density/density-compact.css +31 -6
  18. package/dist/css/brands/bild/density/density-default.css +31 -6
  19. package/dist/css/brands/bild/density/density-spacious.css +31 -6
  20. package/dist/css/brands/bild/overrides/brandcolormapping.css +238 -54
  21. package/dist/css/brands/bild/overrides/brandtokenmapping.css +694 -200
  22. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +1240 -385
  23. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-md-600px.css +1240 -385
  24. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.css +1240 -385
  25. package/dist/css/brands/bild/semantic/breakpoints/breakpoint-xs-320px.css +1240 -385
  26. package/dist/css/brands/bild/semantic/color/colormode-dark.css +532 -280
  27. package/dist/css/brands/bild/semantic/color/colormode-light.css +532 -280
  28. package/dist/css/brands/bild/semantic/effects/effects-dark.css +1 -1
  29. package/dist/css/brands/bild/semantic/effects/effects-light.css +1 -1
  30. package/dist/css/brands/bild/semantic/typography/typography-lg.css +1 -1
  31. package/dist/css/brands/bild/semantic/typography/typography-md.css +1 -1
  32. package/dist/css/brands/bild/semantic/typography/typography-sm.css +1 -1
  33. package/dist/css/brands/bild/semantic/typography/typography-xs.css +1 -1
  34. package/dist/css/brands/sportbild/density/density-compact.css +31 -6
  35. package/dist/css/brands/sportbild/density/density-default.css +31 -6
  36. package/dist/css/brands/sportbild/density/density-spacious.css +31 -6
  37. package/dist/css/brands/sportbild/overrides/brandcolormapping.css +238 -54
  38. package/dist/css/brands/sportbild/overrides/brandtokenmapping.css +694 -200
  39. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.css +1240 -385
  40. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.css +1240 -385
  41. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.css +1240 -385
  42. package/dist/css/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.css +1240 -385
  43. package/dist/css/brands/sportbild/semantic/color/colormode-dark.css +532 -280
  44. package/dist/css/brands/sportbild/semantic/color/colormode-light.css +532 -280
  45. package/dist/css/brands/sportbild/semantic/effects/effects-dark.css +1 -1
  46. package/dist/css/brands/sportbild/semantic/effects/effects-light.css +1 -1
  47. package/dist/css/brands/sportbild/semantic/typography/typography-lg.css +1 -1
  48. package/dist/css/brands/sportbild/semantic/typography/typography-md.css +1 -1
  49. package/dist/css/brands/sportbild/semantic/typography/typography-sm.css +1 -1
  50. package/dist/css/brands/sportbild/semantic/typography/typography-xs.css +1 -1
  51. package/dist/css/shared/colorprimitive.css +162 -50
  52. package/dist/css/shared/fontprimitive.css +99 -33
  53. package/dist/css/shared/sizeprimitive.css +8 -1
  54. package/dist/css/shared/spaceprimitive.css +9 -2
  55. package/dist/flutter/brands/advertorial/density/density-compact.dart +5 -0
  56. package/dist/flutter/brands/advertorial/density/density-default.dart +5 -0
  57. package/dist/flutter/brands/advertorial/density/density-spacious.dart +5 -0
  58. package/dist/flutter/brands/advertorial/overrides/brandtokenmapping.dart +17 -2
  59. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +17 -1
  60. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.dart +17 -1
  61. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.dart +17 -1
  62. package/dist/flutter/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.dart +17 -1
  63. package/dist/flutter/brands/bild/density/density-compact.dart +5 -0
  64. package/dist/flutter/brands/bild/density/density-default.dart +5 -0
  65. package/dist/flutter/brands/bild/density/density-spacious.dart +5 -0
  66. package/dist/flutter/brands/bild/overrides/brandcolormapping.dart +10 -1
  67. package/dist/flutter/brands/bild/overrides/brandtokenmapping.dart +17 -2
  68. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +17 -1
  69. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-md-600px.dart +17 -1
  70. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +17 -1
  71. package/dist/flutter/brands/bild/semantic/breakpoints/breakpoint-xs-320px.dart +17 -1
  72. package/dist/flutter/brands/bild/semantic/color/colormode-dark.dart +10 -0
  73. package/dist/flutter/brands/bild/semantic/color/colormode-light.dart +10 -0
  74. package/dist/flutter/brands/sportbild/density/density-compact.dart +5 -0
  75. package/dist/flutter/brands/sportbild/density/density-default.dart +5 -0
  76. package/dist/flutter/brands/sportbild/density/density-spacious.dart +5 -0
  77. package/dist/flutter/brands/sportbild/overrides/brandcolormapping.dart +10 -1
  78. package/dist/flutter/brands/sportbild/overrides/brandtokenmapping.dart +17 -2
  79. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.dart +17 -1
  80. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.dart +17 -1
  81. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.dart +17 -1
  82. package/dist/flutter/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.dart +17 -1
  83. package/dist/flutter/brands/sportbild/semantic/color/colormode-dark.dart +10 -0
  84. package/dist/flutter/brands/sportbild/semantic/color/colormode-light.dart +10 -0
  85. package/dist/flutter/shared/colorprimitive.dart +25 -6
  86. package/dist/flutter/shared/fontprimitive.dart +20 -3
  87. package/dist/flutter/shared/sizeprimitive.dart +5 -0
  88. package/dist/flutter/shared/spaceprimitive.dart +6 -1
  89. package/dist/ios/brands/advertorial/density/DensityCompact.swift +5 -0
  90. package/dist/ios/brands/advertorial/density/DensityDefault.swift +5 -0
  91. package/dist/ios/brands/advertorial/density/DensitySpacious.swift +5 -0
  92. package/dist/ios/brands/advertorial/overrides/Brandtokenmapping.swift +17 -2
  93. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointLg1024pxRegular.swift +17 -1
  94. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointMd600px.swift +17 -1
  95. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointSm390pxCompact.swift +17 -1
  96. package/dist/ios/brands/advertorial/semantic/breakpoints/BreakpointXs320px.swift +17 -1
  97. package/dist/ios/brands/bild/density/DensityCompact.swift +5 -0
  98. package/dist/ios/brands/bild/density/DensityDefault.swift +5 -0
  99. package/dist/ios/brands/bild/density/DensitySpacious.swift +5 -0
  100. package/dist/ios/brands/bild/overrides/Brandcolormapping.swift +10 -1
  101. package/dist/ios/brands/bild/overrides/Brandtokenmapping.swift +17 -2
  102. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +17 -1
  103. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointMd600px.swift +17 -1
  104. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointSm390pxCompact.swift +17 -1
  105. package/dist/ios/brands/bild/semantic/breakpoints/BreakpointXs320px.swift +17 -1
  106. package/dist/ios/brands/bild/semantic/color/ColormodeDark.swift +10 -0
  107. package/dist/ios/brands/bild/semantic/color/ColormodeLight.swift +10 -0
  108. package/dist/ios/brands/sportbild/density/DensityCompact.swift +5 -0
  109. package/dist/ios/brands/sportbild/density/DensityDefault.swift +5 -0
  110. package/dist/ios/brands/sportbild/density/DensitySpacious.swift +5 -0
  111. package/dist/ios/brands/sportbild/overrides/Brandcolormapping.swift +10 -1
  112. package/dist/ios/brands/sportbild/overrides/Brandtokenmapping.swift +17 -2
  113. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointLg1024pxRegular.swift +17 -1
  114. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointMd600px.swift +17 -1
  115. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointSm390pxCompact.swift +17 -1
  116. package/dist/ios/brands/sportbild/semantic/breakpoints/BreakpointXs320px.swift +17 -1
  117. package/dist/ios/brands/sportbild/semantic/color/ColormodeDark.swift +10 -0
  118. package/dist/ios/brands/sportbild/semantic/color/ColormodeLight.swift +10 -0
  119. package/dist/ios/shared/Colorprimitive.swift +25 -6
  120. package/dist/ios/shared/Fontprimitive.swift +20 -3
  121. package/dist/ios/shared/Sizeprimitive.swift +5 -0
  122. package/dist/ios/shared/Spaceprimitive.swift +6 -1
  123. package/dist/js/brands/advertorial/density/density-compact.js +16 -1
  124. package/dist/js/brands/advertorial/density/density-default.js +16 -1
  125. package/dist/js/brands/advertorial/density/density-spacious.js +16 -1
  126. package/dist/js/brands/advertorial/overrides/brandtokenmapping.js +404 -158
  127. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.js +775 -336
  128. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.js +775 -336
  129. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.js +775 -336
  130. package/dist/js/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.js +775 -336
  131. package/dist/js/brands/advertorial/semantic/effects/effects-dark.js +53 -216
  132. package/dist/js/brands/advertorial/semantic/effects/effects-light.js +53 -216
  133. package/dist/js/brands/advertorial/semantic/typography/typography-lg.js +456 -1132
  134. package/dist/js/brands/advertorial/semantic/typography/typography-md.js +456 -1132
  135. package/dist/js/brands/advertorial/semantic/typography/typography-sm.js +456 -1132
  136. package/dist/js/brands/advertorial/semantic/typography/typography-xs.js +456 -1132
  137. package/dist/js/brands/bild/density/density-compact.js +16 -1
  138. package/dist/js/brands/bild/density/density-default.js +16 -1
  139. package/dist/js/brands/bild/density/density-spacious.js +16 -1
  140. package/dist/js/brands/bild/overrides/brandcolormapping.js +127 -44
  141. package/dist/js/brands/bild/overrides/brandtokenmapping.js +404 -158
  142. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +775 -336
  143. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-md-600px.js +775 -336
  144. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.js +775 -336
  145. package/dist/js/brands/bild/semantic/breakpoints/breakpoint-xs-320px.js +775 -336
  146. package/dist/js/brands/bild/semantic/color/colormode-dark.js +426 -184
  147. package/dist/js/brands/bild/semantic/color/colormode-light.js +426 -182
  148. package/dist/js/brands/bild/semantic/effects/effects-dark.js +53 -216
  149. package/dist/js/brands/bild/semantic/effects/effects-light.js +53 -216
  150. package/dist/js/brands/bild/semantic/typography/typography-lg.js +456 -1132
  151. package/dist/js/brands/bild/semantic/typography/typography-md.js +456 -1132
  152. package/dist/js/brands/bild/semantic/typography/typography-sm.js +456 -1132
  153. package/dist/js/brands/bild/semantic/typography/typography-xs.js +456 -1132
  154. package/dist/js/brands/sportbild/density/density-compact.js +16 -1
  155. package/dist/js/brands/sportbild/density/density-default.js +16 -1
  156. package/dist/js/brands/sportbild/density/density-spacious.js +16 -1
  157. package/dist/js/brands/sportbild/overrides/brandcolormapping.js +127 -44
  158. package/dist/js/brands/sportbild/overrides/brandtokenmapping.js +404 -158
  159. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.js +775 -336
  160. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.js +775 -336
  161. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.js +775 -336
  162. package/dist/js/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.js +775 -336
  163. package/dist/js/brands/sportbild/semantic/color/colormode-dark.js +426 -184
  164. package/dist/js/brands/sportbild/semantic/color/colormode-light.js +426 -182
  165. package/dist/js/brands/sportbild/semantic/effects/effects-dark.js +53 -216
  166. package/dist/js/brands/sportbild/semantic/effects/effects-light.js +53 -216
  167. package/dist/js/brands/sportbild/semantic/typography/typography-lg.js +456 -1132
  168. package/dist/js/brands/sportbild/semantic/typography/typography-md.js +456 -1132
  169. package/dist/js/brands/sportbild/semantic/typography/typography-sm.js +456 -1132
  170. package/dist/js/brands/sportbild/semantic/typography/typography-xs.js +456 -1132
  171. package/dist/js/shared/colorprimitive.js +126 -46
  172. package/dist/js/shared/fontprimitive.js +76 -34
  173. package/dist/js/shared/sizeprimitive.js +8 -1
  174. package/dist/js/shared/spaceprimitive.js +9 -2
  175. package/dist/json/shared/colorprimitive.json +15 -15
  176. package/dist/json/shared/spaceprimitive.json +3 -3
  177. package/dist/manifest.json +1 -1
  178. package/dist/scss/brands/advertorial/density/density-compact.scss +22 -6
  179. package/dist/scss/brands/advertorial/density/density-default.scss +22 -6
  180. package/dist/scss/brands/advertorial/density/density-spacious.scss +22 -6
  181. package/dist/scss/brands/advertorial/overrides/brandtokenmapping.scss +448 -201
  182. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +805 -377
  183. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-md-600px.scss +805 -377
  184. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-sm-390px-compact.scss +805 -377
  185. package/dist/scss/brands/advertorial/semantic/breakpoints/breakpoint-xs-320px.scss +805 -377
  186. package/dist/scss/brands/advertorial/semantic/effects/effects-dark.scss +55 -15
  187. package/dist/scss/brands/advertorial/semantic/effects/effects-light.scss +55 -15
  188. package/dist/scss/brands/advertorial/semantic/typography/typography-lg.scss +456 -124
  189. package/dist/scss/brands/advertorial/semantic/typography/typography-md.scss +456 -124
  190. package/dist/scss/brands/advertorial/semantic/typography/typography-sm.scss +456 -124
  191. package/dist/scss/brands/advertorial/semantic/typography/typography-xs.scss +456 -124
  192. package/dist/scss/brands/bild/density/density-compact.scss +22 -6
  193. package/dist/scss/brands/bild/density/density-default.scss +22 -6
  194. package/dist/scss/brands/bild/density/density-spacious.scss +22 -6
  195. package/dist/scss/brands/bild/overrides/brandcolormapping.scss +140 -55
  196. package/dist/scss/brands/bild/overrides/brandtokenmapping.scss +448 -201
  197. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +805 -377
  198. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-md-600px.scss +805 -377
  199. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +805 -377
  200. package/dist/scss/brands/bild/semantic/breakpoints/breakpoint-xs-320px.scss +805 -377
  201. package/dist/scss/brands/bild/semantic/color/colormode-dark.scss +423 -272
  202. package/dist/scss/brands/bild/semantic/color/colormode-light.scss +423 -272
  203. package/dist/scss/brands/bild/semantic/effects/effects-dark.scss +55 -15
  204. package/dist/scss/brands/bild/semantic/effects/effects-light.scss +55 -15
  205. package/dist/scss/brands/bild/semantic/typography/typography-lg.scss +456 -124
  206. package/dist/scss/brands/bild/semantic/typography/typography-md.scss +456 -124
  207. package/dist/scss/brands/bild/semantic/typography/typography-sm.scss +456 -124
  208. package/dist/scss/brands/bild/semantic/typography/typography-xs.scss +456 -124
  209. package/dist/scss/brands/sportbild/density/density-compact.scss +22 -6
  210. package/dist/scss/brands/sportbild/density/density-default.scss +22 -6
  211. package/dist/scss/brands/sportbild/density/density-spacious.scss +22 -6
  212. package/dist/scss/brands/sportbild/overrides/brandcolormapping.scss +140 -55
  213. package/dist/scss/brands/sportbild/overrides/brandtokenmapping.scss +448 -201
  214. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-lg-1024px-regular.scss +805 -377
  215. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-md-600px.scss +805 -377
  216. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-sm-390px-compact.scss +805 -377
  217. package/dist/scss/brands/sportbild/semantic/breakpoints/breakpoint-xs-320px.scss +805 -377
  218. package/dist/scss/brands/sportbild/semantic/color/colormode-dark.scss +423 -272
  219. package/dist/scss/brands/sportbild/semantic/color/colormode-light.scss +423 -272
  220. package/dist/scss/brands/sportbild/semantic/effects/effects-dark.scss +55 -15
  221. package/dist/scss/brands/sportbild/semantic/effects/effects-light.scss +55 -15
  222. package/dist/scss/brands/sportbild/semantic/typography/typography-lg.scss +456 -124
  223. package/dist/scss/brands/sportbild/semantic/typography/typography-md.scss +456 -124
  224. package/dist/scss/brands/sportbild/semantic/typography/typography-sm.scss +456 -124
  225. package/dist/scss/brands/sportbild/semantic/typography/typography-xs.scss +456 -124
  226. package/dist/scss/shared/colorprimitive.scss +131 -50
  227. package/dist/scss/shared/fontprimitive.scss +76 -33
  228. package/dist/scss/shared/sizeprimitive.scss +9 -1
  229. package/dist/scss/shared/spaceprimitive.scss +10 -2
  230. 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
- // MARK: - FontWeight
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
- // MARK: - FontWeightString
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
- // MARK: - LetterSpacing
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 Space025x = "-2px"
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
- * Do not edit directly, this file was auto-generated.
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
- * Do not edit directly, this file was auto-generated.
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
- * Do not edit directly, this file was auto-generated.
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
+