@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
@@ -14,7 +14,7 @@
14
14
  <color name="bild060">#8c9196</color>
15
15
  <color name="bild096">#f2f4f5</color>
16
16
  <color name="bild093">#e9ecef</color>
17
- <color name="bild085-50">#ced4da80</color><!-- The 50% opacity on this color makes it equivalent to BILD093. -->
17
+ <color name="bild085-alpha50">#ced4da80</color><!-- The 50% opacity on this color makes it equivalent to BILD093. -->
18
18
  <color name="bild073">#aeb4b9</color>
19
19
  <color name="bild045">#666b70</color>
20
20
  <color name="bild010">#1c1c1c</color>
@@ -25,8 +25,8 @@
25
25
  <color name="bildgreen070">#00c373</color>
26
26
  <color name="bildgreen063">#00af67</color>
27
27
  <color name="bildgreen093">#cef4e4</color>
28
- <color name="bildgreen093-50">#cef4e480</color>
29
- <color name="bildgreen056-50">#009b5a80</color>
28
+ <color name="bildgreen093-alpha50">#cef4e480</color>
29
+ <color name="bildgreen056-alpha50">#009b5a80</color>
30
30
  <color name="bildgreen040">#006e3e</color><!-- This value of green was found in a text field's text color. -->
31
31
  <color name="bildgreen056">#18995c</color>
32
32
  <color name="bildyellow">#ffbf00</color><!-- Tone: 081 -->
@@ -66,8 +66,8 @@
66
66
  <color name="spobi-blue010">#081828</color>
67
67
  <color name="spobi-blue038">#315998</color>
68
68
  <color name="spobi-red">#e52528</color>
69
- <color name="spobi-blue016-0">#0a275000</color>
70
- <color name="spobi-blue016-70">#0a2750b2</color>
69
+ <color name="spobi-blue016-alpha0">#0a275000</color>
70
+ <color name="spobi-blue016-alpha70">#0a2750b2</color>
71
71
  <string name="opacity05">5px</string>
72
72
  <string name="opacity10">10px</string>
73
73
  <string name="opacity20">20px</string>
@@ -19,7 +19,7 @@
19
19
  <dimen name="space10x">80px</dimen>
20
20
  <dimen name="space20x">160px</dimen>
21
21
  <dimen name="space2-5x">20px</dimen>
22
- <dimen name="space-0-25x">-2px</dimen>
22
+ <dimen name="space-neg0-25x">-2px</dimen>
23
23
  <dimen name="space0-75x">6px</dimen>
24
24
  <dimen name="space1-25x">10px</dimen>
25
25
  <dimen name="space2-75x">22px</dimen>
@@ -1,14 +1,39 @@
1
1
  /**
2
- * Do not edit directly, this file was auto-generated.
2
+ * density-compact.css
3
+ * Generiert am: 2025-11-24T20:37:10.266Z
4
+ * Nicht manuell bearbeiten!
3
5
  */
4
6
 
5
7
  :root {
6
- --button-content-gap-space: 6px; /** 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. */
7
- --button-stack-space: 6px; /** 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
- --button-label-font-size: 15px; /** 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 */
9
- --button-inline-space: 16px; /** 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
+ /* ============================================
9
+ COMPONENT
10
+ ============================================ */
11
+
12
+ /* Component - Button */
13
+ /**
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.
15
+ */
16
+ --button-content-gap-space: 6px;
17
+ /**
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.
19
+ */
20
+ --button-stack-space: 6px;
21
+ /**
22
+ * 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
23
+ */
24
+ --button-label-font-size: 15px;
25
+ /**
26
+ * 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.
27
+ */
28
+ --button-inline-space: 16px;
29
+
30
+ /* Component - Inputfield */
10
31
  --input-field-inline-space: 16px;
11
32
  --input-field-stack-space: 6px;
12
33
  --input-field-height-size: 36px;
13
- --input-field-label-font-size: 16px; /** 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 */
34
+ /**
35
+ * 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
36
+ */
37
+ --input-field-label-font-size: 16px;
38
+
14
39
  }
@@ -1,14 +1,39 @@
1
1
  /**
2
- * Do not edit directly, this file was auto-generated.
2
+ * density-default.css
3
+ * Generiert am: 2025-11-24T20:37:10.306Z
4
+ * Nicht manuell bearbeiten!
3
5
  */
4
6
 
5
7
  :root {
6
- --button-content-gap-space: 8px; /** 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. */
7
- --button-stack-space: 8px; /** 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
- --button-label-font-size: 17px; /** 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 */
9
- --button-inline-space: 20px; /** 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
+ /* ============================================
9
+ COMPONENT
10
+ ============================================ */
11
+
12
+ /* Component - Button */
13
+ /**
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.
15
+ */
16
+ --button-content-gap-space: 8px;
17
+ /**
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.
19
+ */
20
+ --button-stack-space: 8px;
21
+ /**
22
+ * 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
23
+ */
24
+ --button-label-font-size: 17px;
25
+ /**
26
+ * 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.
27
+ */
28
+ --button-inline-space: 20px;
29
+
30
+ /* Component - Inputfield */
10
31
  --input-field-inline-space: 16px;
11
32
  --input-field-stack-space: 8px;
12
33
  --input-field-height-size: 40px;
13
- --input-field-label-font-size: 17px; /** 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 */
34
+ /**
35
+ * 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
36
+ */
37
+ --input-field-label-font-size: 17px;
38
+
14
39
  }
@@ -1,14 +1,39 @@
1
1
  /**
2
- * Do not edit directly, this file was auto-generated.
2
+ * density-spacious.css
3
+ * Generiert am: 2025-11-24T20:37:10.345Z
4
+ * Nicht manuell bearbeiten!
3
5
  */
4
6
 
5
7
  :root {
6
- --button-content-gap-space: 8px; /** 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. */
7
- --button-stack-space: 12px; /** 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
- --button-label-font-size: 19px; /** 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 */
9
- --button-inline-space: 24px; /** 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
+ /* ============================================
9
+ COMPONENT
10
+ ============================================ */
11
+
12
+ /* Component - Button */
13
+ /**
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.
15
+ */
16
+ --button-content-gap-space: 8px;
17
+ /**
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.
19
+ */
20
+ --button-stack-space: 12px;
21
+ /**
22
+ * 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
23
+ */
24
+ --button-label-font-size: 19px;
25
+ /**
26
+ * 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.
27
+ */
28
+ --button-inline-space: 24px;
29
+
30
+ /* Component - Inputfield */
10
31
  --input-field-inline-space: 16px;
11
32
  --input-field-stack-space: 12px;
12
33
  --input-field-height-size: 48px;
13
- --input-field-label-font-size: 19px; /** 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 */
34
+ /**
35
+ * 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
36
+ */
37
+ --input-field-label-font-size: 19px;
38
+
14
39
  }