@swisspost/design-system-styles 9.0.0-next.2 → 9.0.0-next.21

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 (321) hide show
  1. package/_svg-icon-map.scss +85 -23
  2. package/basics.css +1 -1
  3. package/basics.scss +2 -6
  4. package/cargo-external.css +7 -0
  5. package/cargo-external.scss +10 -0
  6. package/cargo-internal.css +7 -0
  7. package/cargo-internal.scss +10 -0
  8. package/cargo-tokens-external.css +1 -0
  9. package/cargo-tokens-external.scss +8 -0
  10. package/cargo-tokens-internal.css +1 -0
  11. package/cargo-tokens-internal.scss +8 -0
  12. package/components/_form-check.scss +166 -0
  13. package/components/_index.scss +21 -13
  14. package/components/appstore-badge.css +1 -0
  15. package/components/appstore-badge.scss +18 -0
  16. package/components/avatar.css +1 -0
  17. package/components/avatar.scss +41 -0
  18. package/components/badge.css +1 -1
  19. package/components/badge.scss +8 -2
  20. package/components/banner.css +1 -0
  21. package/components/banner.scss +105 -0
  22. package/components/blockquote.css +1 -0
  23. package/components/blockquote.scss +46 -0
  24. package/components/breadcrumb.css +1 -1
  25. package/components/breadcrumb.scss +4 -24
  26. package/components/breakpoints.css +1 -0
  27. package/components/breakpoints.scss +17 -0
  28. package/components/button-group.css +1 -1
  29. package/components/button-group.scss +7 -6
  30. package/components/button.css +1 -1
  31. package/components/button.scss +41 -228
  32. package/components/card-control.css +1 -1
  33. package/components/card-control.scss +33 -24
  34. package/components/card.css +1 -1
  35. package/components/card.scss +72 -68
  36. package/components/checkbox.css +1 -0
  37. package/components/checkbox.scss +127 -0
  38. package/components/chip.css +1 -1
  39. package/components/chip.scss +9 -8
  40. package/components/close.css +1 -1
  41. package/components/close.scss +0 -2
  42. package/components/datatable.css +1 -3
  43. package/components/datatable.scss +22 -17
  44. package/components/datepicker.css +1 -1
  45. package/components/datepicker.scss +6 -22
  46. package/components/dialog.css +1 -1
  47. package/components/dialog.scss +26 -38
  48. package/components/dropdown.css +1 -1
  49. package/components/dropdown.scss +9 -6
  50. package/components/fonts.css +1 -1
  51. package/components/fonts.scss +7 -45
  52. package/components/form-footer.css +1 -0
  53. package/components/form-footer.scss +18 -0
  54. package/components/form-hint.css +1 -0
  55. package/components/form-hint.scss +15 -0
  56. package/components/form-input.css +1 -0
  57. package/components/form-input.scss +301 -0
  58. package/components/form-range.css +1 -1
  59. package/components/form-range.scss +9 -9
  60. package/components/form-search-input.css +1 -0
  61. package/components/form-search-input.scss +97 -0
  62. package/components/form-select.css +1 -1
  63. package/components/form-select.scss +266 -55
  64. package/components/form-textarea.css +1 -1
  65. package/components/form-textarea.scss +172 -9
  66. package/components/globals/_index.scss +1 -0
  67. package/components/globals/post-footer.css +1 -0
  68. package/components/globals/post-footer.scss +113 -0
  69. package/components/header/_mixins.scss +48 -0
  70. package/components/header/index.css +1 -0
  71. package/components/header/index.scss +131 -0
  72. package/components/icon-button.css +1 -0
  73. package/components/icon-button.scss +19 -0
  74. package/components/icon-close-button.css +1 -0
  75. package/components/icon-close-button.scss +29 -0
  76. package/components/intranet-header/_icon.scss +1 -1
  77. package/components/intranet-header/_index.scss +0 -2
  78. package/components/intranet-header/_language-chooser.scss +3 -2
  79. package/components/intranet-header/_nav-overflow.scss +2 -2
  80. package/components/intranet-header/_scaffolding.scss +1 -1
  81. package/components/intranet-header/_searchbox.scss +1 -1
  82. package/components/intranet-header/_sidebar.scss +11 -11
  83. package/components/intranet-header/_top-navigation.scss +1 -1
  84. package/components/list-check.css +1 -0
  85. package/components/list-check.scss +79 -0
  86. package/components/list-group.css +1 -1
  87. package/components/list-group.scss +72 -127
  88. package/components/modal.css +2 -2
  89. package/components/modal.scss +2 -4
  90. package/components/offcanvas.css +1 -1
  91. package/components/offcanvas.scss +0 -2
  92. package/components/pagination.css +1 -1
  93. package/components/pagination.scss +10 -9
  94. package/components/popover.css +1 -1
  95. package/components/popover.scss +0 -2
  96. package/components/product-card.css +1 -1
  97. package/components/product-card.scss +11 -5
  98. package/components/progress.scss +0 -2
  99. package/components/radio-button.css +1 -0
  100. package/components/radio-button.scss +125 -0
  101. package/components/segmented-button.css +3 -0
  102. package/components/segmented-button.scss +207 -0
  103. package/components/skiplinks.css +1 -0
  104. package/components/skiplinks.scss +20 -0
  105. package/components/spinner.scss +0 -1
  106. package/components/stepper.css +1 -1
  107. package/components/stepper.scss +40 -33
  108. package/components/subnavigation.css +1 -1
  109. package/components/subnavigation.scss +17 -14
  110. package/components/switch.css +1 -0
  111. package/components/switch.scss +212 -0
  112. package/components/tables.css +1 -1
  113. package/components/tables.scss +0 -1
  114. package/components/tabs/_tab-title.scss +16 -55
  115. package/components/tabs/_tabs-wrapper.scss +3 -13
  116. package/components/tabs/index.css +1 -1
  117. package/components/tabs/index.scss +0 -2
  118. package/components/tag.css +1 -1
  119. package/components/tag.scss +1 -2
  120. package/components/teaser.css +1 -0
  121. package/components/teaser.scss +83 -0
  122. package/components/text-highlight.css +1 -1
  123. package/components/timepicker.css +1 -1
  124. package/components/timepicker.scss +13 -16
  125. package/components/toast.css +1 -1
  126. package/components/toast.scss +19 -16
  127. package/components/tooltip.css +1 -1
  128. package/components/tooltip.scss +0 -2
  129. package/components/transitions.scss +0 -2
  130. package/components/validation.css +1 -0
  131. package/components/validation.scss +120 -0
  132. package/elements/_index.scss +7 -1
  133. package/elements/anchor.css +1 -0
  134. package/elements/anchor.scss +33 -0
  135. package/elements/body.css +1 -1
  136. package/elements/body.scss +5 -1
  137. package/elements/fieldset-legend.css +1 -1
  138. package/elements/fieldset-legend.scss +7 -3
  139. package/elements/heading.css +1 -1
  140. package/elements/heading.scss +10 -12
  141. package/elements/list-bullet.css +1 -0
  142. package/elements/list-bullet.scss +43 -0
  143. package/elements/list-description.css +1 -0
  144. package/elements/list-description.scss +5 -0
  145. package/elements/list-number.css +1 -0
  146. package/elements/list-number.scss +33 -0
  147. package/elements/paragraph.css +1 -0
  148. package/elements/paragraph.scss +17 -0
  149. package/elements/reset.css +1 -1
  150. package/elements/reset.scss +16 -7
  151. package/elements.css +1 -0
  152. package/elements.scss +1 -0
  153. package/fonts.css +1 -1
  154. package/functions/_breakpoint.scss +26 -0
  155. package/functions/_forms.scss +46 -3
  156. package/functions/_icons.scss +2 -14
  157. package/helpers/_index.scss +4 -0
  158. package/helpers/clearfix.css +1 -0
  159. package/helpers/clearfix.scss +5 -0
  160. package/helpers/focus-ring.css +1 -0
  161. package/helpers/focus-ring.scss +5 -0
  162. package/helpers/text-truncation.css +1 -0
  163. package/helpers/text-truncation.scss +5 -0
  164. package/helpers/visually-hidden.css +1 -0
  165. package/helpers/visually-hidden.scss +5 -0
  166. package/index.css +3 -3
  167. package/index.scss +2 -5
  168. package/intranet.css +3 -3
  169. package/intranet.scss +2 -2
  170. package/layout/_containers.scss +32 -0
  171. package/layout/_section.scss +133 -0
  172. package/layout/grid/_index.scss +11 -0
  173. package/layout/grid/_mixins.scss +104 -0
  174. package/layout/grid/_variables.scss +2 -0
  175. package/layout/index.css +1 -0
  176. package/layout/index.scss +3 -0
  177. package/mixins/_button.scss +19 -15
  178. package/mixins/_form-checks.scss +1 -1
  179. package/mixins/_forms.scss +42 -33
  180. package/mixins/_icon-button.scss +27 -0
  181. package/mixins/_icons.scss +22 -32
  182. package/mixins/_index.scss +3 -2
  183. package/mixins/_layout.scss +26 -0
  184. package/mixins/_list.scss +112 -0
  185. package/mixins/_media.scss +58 -2
  186. package/mixins/_notification.scss +59 -53
  187. package/mixins/_utilities.scss +46 -25
  188. package/package.json +16 -16
  189. package/palettes/_mixins.scss +74 -0
  190. package/palettes/_utilities.scss +3 -0
  191. package/palettes/_variables.scss +2 -0
  192. package/palettes/cargo-palettes.css +1 -0
  193. package/palettes/cargo-palettes.scss +3 -0
  194. package/palettes/post-palettes.css +1 -0
  195. package/palettes/post-palettes.scss +3 -0
  196. package/placeholders/_button.scss +3 -6
  197. package/placeholders/_close.scss +2 -5
  198. package/placeholders/_schemes.scss +10 -0
  199. package/post-external.css +3 -3
  200. package/post-external.scss +7 -1
  201. package/post-internal.css +3 -3
  202. package/post-internal.scss +7 -1
  203. package/post-tokens-external.css +1 -1
  204. package/post-tokens-external.scss +1 -1
  205. package/post-tokens-internal.css +1 -1
  206. package/post-tokens-internal.scss +1 -1
  207. package/themes/bootstrap/_core.scss +0 -2
  208. package/themes/bootstrap/_forms.scss +0 -4
  209. package/themes/bootstrap/_overrides-variables.scss +0 -6
  210. package/themes/bootstrap/_utilities.scss +45 -1
  211. package/tokens/_cargo-theme.scss +8 -0
  212. package/tokens/_helpers.scss +1 -0
  213. package/tokens/_palettes.scss +9 -0
  214. package/tokens/_schemes.scss +11 -0
  215. package/tokens/_utilities_formatted.scss +1 -0
  216. package/tokens/temp/_channel.scss +4 -3
  217. package/tokens/temp/_components.scss +594 -503
  218. package/tokens/temp/_core.scss +49 -37
  219. package/tokens/temp/_device.scss +210 -239
  220. package/tokens/temp/_elements.scss +11 -11
  221. package/tokens/temp/_helpers.scss +13 -0
  222. package/tokens/temp/_index.scss +6 -4
  223. package/tokens/temp/_palettes.scss +19 -0
  224. package/tokens/temp/_scheme.scss +334 -0
  225. package/tokens/temp/_theme.scss +28 -9
  226. package/tokens/temp/_utilities-formatted.scss +128 -0
  227. package/tokens/temp/_utilities.scss +34 -58
  228. package/tokens/temp/palettes/_cargo-dark.scss +19 -0
  229. package/tokens/temp/palettes/_cargo-light.scss +19 -0
  230. package/tokens/temp/palettes/_post-dark.scss +19 -0
  231. package/tokens/temp/palettes/_post-light.scss +19 -0
  232. package/utilities/_not-defined.scss +44 -0
  233. package/utilities/_variables.scss +304 -22
  234. package/utilities/index.css +1 -0
  235. package/utilities/{_index.scss → index.scss} +1 -2
  236. package/variables/_animation.scss +10 -6
  237. package/variables/_breakpoints.scss +9 -5
  238. package/variables/_color.scss +0 -61
  239. package/variables/_commons.scss +1 -0
  240. package/variables/_elevation.scss +16 -22
  241. package/variables/_grid.scss +2 -12
  242. package/variables/_icons.scss +19 -696
  243. package/variables/_index.scss +1 -1
  244. package/variables/_sizing.scss +17 -0
  245. package/variables/_spacing.scss +0 -152
  246. package/variables/_type.scss +17 -27
  247. package/variables/components/_accordion.scss +0 -47
  248. package/variables/components/_badge.scss +9 -5
  249. package/variables/components/_button.scss +61 -113
  250. package/variables/components/_card.scss +7 -4
  251. package/variables/components/_chip.scss +13 -7
  252. package/variables/components/_close.scss +14 -8
  253. package/variables/components/_code.scss +1 -1
  254. package/variables/components/_datatable.scss +12 -8
  255. package/variables/components/_dropdowns.scss +1 -1
  256. package/variables/components/_form-check.scss +9 -46
  257. package/variables/components/_forms.scss +8 -101
  258. package/variables/components/_index.scss +0 -5
  259. package/variables/components/_modal.scss +17 -12
  260. package/variables/components/_nav.scss +3 -3
  261. package/variables/components/_navbar.scss +7 -4
  262. package/variables/components/_notification.scss +48 -37
  263. package/variables/components/_pagination.scss +14 -6
  264. package/variables/components/_spinners.scss +7 -2
  265. package/variables/components/_stepper.scss +15 -10
  266. package/variables/components/_subnavigation.scss +11 -9
  267. package/variables/components/_tables.scss +11 -6
  268. package/variables/components/_tag.scss +10 -7
  269. package/components/accordion.css +0 -1
  270. package/components/accordion.scss +0 -100
  271. package/components/alert.css +0 -1
  272. package/components/alert.scss +0 -137
  273. package/components/carousel.css +0 -1
  274. package/components/carousel.scss +0 -178
  275. package/components/elevation.css +0 -1
  276. package/components/elevation.scss +0 -8
  277. package/components/floating-label.css +0 -1
  278. package/components/floating-label.scss +0 -353
  279. package/components/form-check.css +0 -1
  280. package/components/form-check.scss +0 -297
  281. package/components/form-validation.css +0 -1
  282. package/components/form-validation.scss +0 -148
  283. package/components/forms.css +0 -1
  284. package/components/forms.scss +0 -215
  285. package/components/grid.css +0 -1
  286. package/components/grid.scss +0 -170
  287. package/components/icons.css +0 -1
  288. package/components/icons.scss +0 -60
  289. package/components/sizing.css +0 -1
  290. package/components/sizing.scss +0 -85
  291. package/components/topic-teaser.css +0 -1
  292. package/components/topic-teaser.scss +0 -196
  293. package/layouts/portal/_grid.scss +0 -85
  294. package/layouts/portal/_index.scss +0 -2
  295. package/layouts/portal/_subnavigation.scss +0 -5
  296. package/layouts/portal/_variables.scss +0 -8
  297. package/mixins/_accordion.scss +0 -16
  298. package/mixins/_elevation.scss +0 -6
  299. package/mixins/_focus.scss +0 -9
  300. package/mixins/_form-validation.scss +0 -5
  301. package/mixins/_size.scss +0 -65
  302. package/placeholders/_modes.scss +0 -10
  303. package/themes/bootstrap/_carousel.scss +0 -2
  304. package/themes/bootstrap/_containers.scss +0 -2
  305. package/themes/bootstrap/_grid.scss +0 -2
  306. package/themes/bootstrap/_overrides-mixins.scss +0 -33
  307. package/themes/bootstrap/forms/_floating-labels.scss +0 -2
  308. package/themes/bootstrap/forms/_form-control.scss +0 -2
  309. package/themes/bootstrap/forms/_form-select.scss +0 -2
  310. package/themes/bootstrap/forms/_form-text.scss +0 -2
  311. package/tokens/_modes.scss +0 -11
  312. package/tokens/temp/_mode.scss +0 -299
  313. package/utilities/_functions.scss +0 -35
  314. package/utilities/temp/_legacy.scss +0 -95
  315. package/variables/_options.scss +0 -5
  316. package/variables/components/_carousel.scss +0 -27
  317. package/variables/components/_figures.scss +0 -6
  318. package/variables/components/_form-select.scss +0 -13
  319. package/variables/components/_form-validation.scss +0 -38
  320. package/variables/components/_list-group.scss +0 -29
  321. package/variables/components/_topic-teaser.scss +0 -32
package/tokens/temp/_device.scss CHANGED
@@ -1,6 +1,7 @@
1
- // Do not edit manually!
2
- // This file was generated on:
3
- // Mon, 14 Oct 2024 18:07:38 GMT by the @swisspost/design-system-tokens package build command
1
+
2
+ // Do not edit manually
3
+ // This file was generated by the swisspost/design-system-tokens package
4
+ // Mon, 24 Feb 2025 16:19:02 GMT
4
5
 
5
6
  $post-desktop: (
6
7
  post-device-font-size-1: var(--post-core-font-size-40),
@@ -14,18 +15,6 @@ $post-desktop: (
14
15
  post-device-font-size-9: var(--post-core-font-size-14),
15
16
  post-device-font-size-10: var(--post-core-font-size-14),
16
17
  post-device-font-size-11: var(--post-core-font-size-12),
17
- post-device-font-size-heading-xs: var(--post-core-font-size-20),
18
- post-device-font-size-heading-s: var(--post-core-font-size-24),
19
- post-device-font-size-heading-m: var(--post-core-font-size-28),
20
- post-device-font-size-heading-l: var(--post-core-font-size-32),
21
- post-device-font-size-heading-xl: var(--post-core-font-size-36),
22
- post-device-font-size-heading-xxl: var(--post-core-font-size-40),
23
- post-device-font-size-text-xs: var(--post-core-font-size-12),
24
- post-device-font-size-text-s: var(--post-core-font-size-14),
25
- post-device-font-size-text-m: var(--post-core-font-size-16),
26
- post-device-font-size-text-l: var(--post-core-font-size-18),
27
- post-device-font-size-text-xl: var(--post-core-font-size-20),
28
- post-device-font-size-text-xxs: var(--post-core-font-size-10),
29
18
  post-device-elevation-100: var(--post-core-elevation-1),
30
19
  post-device-elevation-200: var(--post-core-elevation-2),
31
20
  post-device-elevation-300: var(--post-core-elevation-3),
@@ -34,9 +23,9 @@ $post-desktop: (
34
23
  post-device-font-family-default: var(--post-core-font-family-swiss-post),
35
24
  post-device-spacing-gap-1: var(--post-core-dimension-8),
36
25
  post-device-spacing-gap-2: var(--post-core-dimension-2),
37
- post-device-spacing-gap-3: var(--post-core-dimension-12),
38
26
  post-device-spacing-gap-4: var(--post-core-dimension-16),
39
- post-device-spacing-gap-5: var(--post-core-dimension-24),
27
+ post-device-spacing-gap-6: var(--post-core-dimension-0),
28
+ post-device-spacing-gap-7: var(--post-core-dimension-16),
40
29
  post-device-spacing-gap-block-1: var(--post-core-dimension-8),
41
30
  post-device-spacing-gap-block-2: var(--post-core-dimension-16),
42
31
  post-device-spacing-gap-block-3: var(--post-core-dimension-16),
@@ -47,11 +36,10 @@ $post-desktop: (
47
36
  post-device-spacing-gap-inline-5: var(--post-core-dimension-2),
48
37
  post-device-spacing-gap-inline-6: var(--post-core-dimension-24),
49
38
  post-device-spacing-gap-inline-7: var(--post-core-dimension-18),
50
- post-device-spacing-gap-inline-8: var(--post-core-dimension-12),
51
- post-device-spacing-gap-inline-9: var(--post-core-dimension-10),
52
39
  post-device-spacing-gap-inline-10: var(--post-core-dimension-8),
53
40
  post-device-spacing-gap-inline-11: var(--post-core-dimension-6),
54
41
  post-device-spacing-gap-inline-12: var(--post-core-dimension-8),
42
+ post-device-spacing-gap-inline-13: var(--post-core-dimension-1),
55
43
  post-device-spacing-padding-1: var(--post-core-dimension-0),
56
44
  post-device-spacing-padding-2: var(--post-core-dimension-2),
57
45
  post-device-spacing-padding-3: var(--post-core-dimension-10),
@@ -61,15 +49,15 @@ $post-desktop: (
61
49
  post-device-spacing-padding-7: var(--post-core-dimension-8-5),
62
50
  post-device-spacing-padding-8: var(--post-core-dimension-5),
63
51
  post-device-spacing-padding-9: var(--post-core-dimension-19),
64
- post-device-spacing-padding-10: var(--post-core-dimension-24),
52
+ post-device-spacing-padding-10: var(--post-core-dimension-22),
65
53
  post-device-spacing-padding-11: var(--post-core-dimension-14),
66
54
  post-device-spacing-padding-12: var(--post-core-dimension-1),
67
- post-device-spacing-padding-13: var(--post-core-dimension-16),
68
- post-device-spacing-padding-14: var(--post-core-dimension-14),
69
55
  post-device-spacing-padding-15: var(--post-core-dimension-8),
70
56
  post-device-spacing-padding-16: var(--post-core-dimension-4),
71
57
  post-device-spacing-padding-17: var(--post-core-dimension-16),
72
58
  post-device-spacing-padding-18: var(--post-core-dimension-0),
59
+ post-device-spacing-padding-19: var(--post-core-dimension-16-5),
60
+ post-device-spacing-padding-20: var(--post-core-dimension-24),
73
61
  post-device-spacing-padding-inline-1: var(--post-core-dimension-14),
74
62
  post-device-spacing-padding-inline-3: var(--post-core-dimension-16),
75
63
  post-device-spacing-padding-inline-4: var(--post-core-dimension-12),
@@ -79,18 +67,14 @@ $post-desktop: (
79
67
  post-device-spacing-padding-inline-8: var(--post-core-dimension-2),
80
68
  post-device-spacing-padding-inline-9: var(--post-core-dimension-0),
81
69
  post-device-spacing-padding-block-1: var(--post-core-dimension-11),
82
- post-device-spacing-padding-block-2: var(--post-core-dimension-4),
83
70
  post-device-spacing-padding-block-3: var(--post-core-dimension-4-5),
84
- post-device-spacing-padding-block-4: var(--post-core-dimension-7-5),
85
71
  post-device-spacing-padding-block-5: var(--post-core-dimension-6),
86
72
  post-device-spacing-padding-block-6: var(--post-core-dimension-1),
87
73
  post-device-spacing-padding-block-7: var(--post-core-dimension-1),
88
74
  post-device-spacing-padding-block-8: var(--post-core-dimension-8),
89
75
  post-device-spacing-padding-block-9: var(--post-core-dimension-0),
90
76
  post-device-spacing-padding-block-10: var(--post-core-dimension-24),
91
- post-device-spacing-padding-block-11: var(--post-core-dimension-4),
92
77
  post-device-spacing-padding-block-12: var(--post-core-dimension-10),
93
- post-device-spacing-padding-block-13: var(--post-core-dimension-16),
94
78
  post-device-spacing-padding-block-14: var(--post-core-dimension-8),
95
79
  post-device-spacing-padding-block-15: var(--post-core-dimension-5),
96
80
  post-device-spacing-padding-block-16: var(--post-core-dimension-13),
@@ -102,87 +86,82 @@ $post-desktop: (
102
86
  post-device-spacing-padding-block-22: var(--post-core-dimension-17),
103
87
  post-device-spacing-padding-block-23: var(--post-core-dimension-16),
104
88
  post-device-spacing-padding-block-24: var(--post-core-dimension-3),
89
+ post-device-spacing-padding-block-25: var(--post-core-dimension-24),
90
+ post-device-spacing-padding-block-27: var(--post-core-dimension-17),
91
+ post-device-spacing-padding-block-28: var(--post-core-dimension-17),
92
+ post-device-spacing-padding-block-29: var(--post-core-dimension-25-5),
93
+ post-device-spacing-padding-block-30: var(--post-core-dimension-6-5),
105
94
  post-device-spacing-margin-1: var(--post-core-dimension-40),
106
95
  post-device-spacing-margin-2: var(--post-core-dimension-24),
107
96
  post-device-spacing-margin-3: var(--post-core-dimension-16),
108
97
  post-device-spacing-margin-4: var(--post-core-dimension-24),
109
- post-device-sizing-interactive-icon-height: var(--post-core-dimension-24),
110
- post-device-sizing-interactive-icon-width: var(--post-core-dimension-24),
98
+ post-device-spacing-margin-5: var(--post-core-dimension-40),
99
+ post-device-spacing-margin-6: var(--post-core-dimension-32),
111
100
  post-device-sizing-interactive-icon-size: var(--post-core-dimension-24),
112
101
  post-device-sizing-interactive-icon-size2: var(--post-core-dimension-24),
113
- post-device-sizing-interactive-textfields-icon: var(--post-core-dimension-32),
114
- post-device-sizing-interactive-textfields-dropdown: var(--post-core-dimension-16),
102
+ post-device-sizing-interactive-icon-size3: var(--post-core-dimension-40),
103
+ post-device-sizing-interactive-icon-size4: var(--post-core-dimension-16),
115
104
  post-device-sizing-interactive-stepper-indicator: var(--post-core-dimension-40),
116
105
  post-device-sizing-interactive-button-height-1: var(--post-core-dimension-48),
117
106
  post-device-sizing-interactive-button-height-2: var(--post-core-dimension-56),
118
- post-device-sizing-interactive-button-height-3: var(--post-core-dimension-40),
119
107
  post-device-sizing-interactive-button-height-4: var(--post-core-dimension-40),
120
108
  post-device-sizing-interactive-button-height-5: var(--post-core-dimension-48),
109
+ post-device-sizing-interactive-button-height-6: var(--post-core-dimension-64),
121
110
  post-device-sizing-interactive-button-appstore-width-google: 162px,
122
111
  post-device-sizing-interactive-button-appstore-width-apple: 143.6px,
123
- post-device-sizing-interactive-button-icon-1: var(--post-core-dimension-24),
124
- post-device-sizing-interactive-button-icon-2: var(--post-core-dimension-20),
125
112
  post-device-sizing-interactive-button-icon-3: var(--post-core-dimension-24),
126
113
  post-device-sizing-interactive-button-icon-4: var(--post-core-dimension-20),
127
114
  post-device-sizing-interactive-button-icon-5: var(--post-core-dimension-16),
128
115
  post-device-sizing-interactive-button-icon-6: var(--post-core-dimension-8),
129
- post-device-sizing-interactive-footer-socialmedia: var(--post-core-dimension-40),
130
116
  post-device-sizing-notification-1: var(--post-core-dimension-24),
131
117
  post-device-sizing-notification-2: var(--post-core-dimension-16),
132
118
  post-device-sizing-notification-3: var(--post-core-dimension-8),
133
- post-device-sizing-notification-icon-1: var(--post-core-dimension-28),
134
119
  post-device-sizing-notification-icon-2: var(--post-core-dimension-64),
135
120
  post-device-sizing-notification-icon-3: var(--post-core-dimension-32),
136
121
  post-device-sizing-notification-icon-4: var(--post-core-dimension-48),
137
122
  post-device-sizing-icon-1: var(--post-core-dimension-24),
138
123
  post-device-sizing-icon-2: var(--post-core-dimension-30),
139
124
  post-device-sizing-icon-3: var(--post-core-dimension-16),
125
+ post-device-sizing-logo-1: var(--post-core-dimension-72),
126
+ post-device-sizing-content-height-1: var(--post-core-dimension-164),
127
+ post-device-sizing-content-height-2: var(--post-core-dimension-312),
140
128
  post-device-border-radius-1: var(--post-core-dimension-4),
129
+ post-device-border-radius-2: var(--post-core-dimension-8),
130
+ post-device-border-radius-3: var(--post-core-dimension-16),
141
131
  post-device-border-radius-round: var(--post-core-dimension-100),
142
132
  post-device-border-radius-focus: var(--post-core-dimension-4),
143
- post-device-border-radius-focus2: var(--post-core-dimension-8),
144
133
  post-device-font-weight-bold: var(--post-core-font-weight-700),
145
134
  post-device-font-weight-regular: var(--post-core-font-weight-400),
146
- post-device-font-weight-medium: var(--post-core-font-weight-500),
147
135
  post-device-font-weight-black: var(--post-core-font-weight-900),
148
136
  post-device-line-height-heading: var(--post-core-line-height-120),
149
137
  post-device-line-height-content: var(--post-core-line-height-150),
150
138
  post-device-line-height-legend: var(--post-core-line-height-120),
151
139
  post-device-line-height-label: var(--post-core-line-height-150),
152
- post-device-line-height-link: var(--post-core-line-height-150),
153
140
  post-device-border-width-default: var(--post-core-dimension-2),
154
141
  post-device-border-width-focus: var(--post-core-dimension-2),
155
142
  post-device-border-width-alternative2: var(--post-core-dimension-3),
156
143
  post-device-border-width-alternative1: var(--post-core-dimension-1),
144
+ post-device-border-width-quote: var(--post-core-dimension-8),
157
145
  post-device-grid-sizing-gutter: var(--post-core-dimension-24),
158
146
  post-device-grid-sizing-container-max-width: var(--post-core-dimension-1280),
159
147
  post-device-grid-padding-inline-container: var(--post-core-dimension-40),
148
+ post-device-position-1: var(--post-core-dimension-40),
149
+ post-device-position-2: var(--post-core-dimension-16),
150
+ post-device-position-3: var(--post-core-dimension-48),
160
151
  );
161
152
 
162
153
  $post-tablet: (
163
- post-device-font-size-1: var(--post-core-font-size-40),
164
- post-device-font-size-2: var(--post-core-font-size-36),
165
- post-device-font-size-3: var(--post-core-font-size-32),
166
- post-device-font-size-4: var(--post-core-font-size-28),
167
- post-device-font-size-5: var(--post-core-font-size-24),
168
- post-device-font-size-6: var(--post-core-font-size-20),
154
+ post-device-font-size-1: var(--post-core-font-size-36),
155
+ post-device-font-size-2: var(--post-core-font-size-32),
156
+ post-device-font-size-3: var(--post-core-font-size-28),
157
+ post-device-font-size-4: var(--post-core-font-size-24),
158
+ post-device-font-size-5: var(--post-core-font-size-20),
159
+ post-device-font-size-6: var(--post-core-font-size-16),
169
160
  post-device-font-size-7: var(--post-core-font-size-16),
170
161
  post-device-font-size-8: var(--post-core-font-size-16),
171
162
  post-device-font-size-9: var(--post-core-font-size-14),
172
- post-device-font-size-10: var(--post-core-font-size-14),
163
+ post-device-font-size-10: var(--post-core-font-size-12),
173
164
  post-device-font-size-11: var(--post-core-font-size-12),
174
- post-device-font-size-heading-xs: var(--post-core-font-size-20),
175
- post-device-font-size-heading-s: var(--post-core-font-size-24),
176
- post-device-font-size-heading-m: var(--post-core-font-size-28),
177
- post-device-font-size-heading-l: var(--post-core-font-size-32),
178
- post-device-font-size-heading-xl: var(--post-core-font-size-36),
179
- post-device-font-size-heading-xxl: var(--post-core-font-size-40),
180
- post-device-font-size-text-xs: var(--post-core-font-size-12),
181
- post-device-font-size-text-s: var(--post-core-font-size-14),
182
- post-device-font-size-text-m: var(--post-core-font-size-16),
183
- post-device-font-size-text-l: var(--post-core-font-size-18),
184
- post-device-font-size-text-xl: var(--post-core-font-size-20),
185
- post-device-font-size-text-xxs: var(--post-core-font-size-10),
186
165
  post-device-elevation-100: var(--post-core-elevation-1),
187
166
  post-device-elevation-200: var(--post-core-elevation-2),
188
167
  post-device-elevation-300: var(--post-core-elevation-3),
@@ -191,25 +170,24 @@ $post-tablet: (
191
170
  post-device-font-family-default: var(--post-core-font-family-swiss-post),
192
171
  post-device-spacing-gap-1: var(--post-core-dimension-8),
193
172
  post-device-spacing-gap-2: var(--post-core-dimension-2),
194
- post-device-spacing-gap-3: var(--post-core-dimension-12),
195
173
  post-device-spacing-gap-4: var(--post-core-dimension-16),
196
- post-device-spacing-gap-5: var(--post-core-dimension-24),
197
- post-device-spacing-gap-block-1: var(--post-core-dimension-8),
174
+ post-device-spacing-gap-6: var(--post-core-dimension-0),
175
+ post-device-spacing-gap-7: var(--post-core-dimension-16),
176
+ post-device-spacing-gap-block-1: var(--post-core-dimension-4),
198
177
  post-device-spacing-gap-block-2: var(--post-core-dimension-16),
199
- post-device-spacing-gap-block-3: var(--post-core-dimension-16),
178
+ post-device-spacing-gap-block-3: var(--post-core-dimension-8),
200
179
  post-device-spacing-gap-inline-1: var(--post-core-dimension-8),
201
- post-device-spacing-gap-inline-2: var(--post-core-dimension-16),
180
+ post-device-spacing-gap-inline-2: var(--post-core-dimension-12),
202
181
  post-device-spacing-gap-inline-3: var(--post-core-dimension-12),
203
182
  post-device-spacing-gap-inline-4: var(--post-core-dimension-4),
204
183
  post-device-spacing-gap-inline-5: var(--post-core-dimension-2),
205
- post-device-spacing-gap-inline-6: var(--post-core-dimension-24),
206
- post-device-spacing-gap-inline-7: var(--post-core-dimension-18),
207
- post-device-spacing-gap-inline-8: var(--post-core-dimension-12),
208
- post-device-spacing-gap-inline-9: var(--post-core-dimension-10),
209
- post-device-spacing-gap-inline-10: var(--post-core-dimension-8),
184
+ post-device-spacing-gap-inline-6: var(--post-core-dimension-16),
185
+ post-device-spacing-gap-inline-7: var(--post-core-dimension-16),
186
+ post-device-spacing-gap-inline-10: var(--post-core-dimension-6),
210
187
  post-device-spacing-gap-inline-11: var(--post-core-dimension-6),
211
- post-device-spacing-gap-inline-12: var(--post-core-dimension-8),
212
- post-device-spacing-padding-1: var(--post-core-dimension-0),
188
+ post-device-spacing-gap-inline-12: var(--post-core-dimension-6),
189
+ post-device-spacing-gap-inline-13: var(--post-core-dimension-1),
190
+ post-device-spacing-padding-1: var(--post-core-dimension-1),
213
191
  post-device-spacing-padding-2: var(--post-core-dimension-2),
214
192
  post-device-spacing-padding-3: var(--post-core-dimension-10),
215
193
  post-device-spacing-padding-4: var(--post-core-dimension-0),
@@ -217,129 +195,120 @@ $post-tablet: (
217
195
  post-device-spacing-padding-6: var(--post-core-dimension-32),
218
196
  post-device-spacing-padding-7: var(--post-core-dimension-8-5),
219
197
  post-device-spacing-padding-8: var(--post-core-dimension-5),
220
- post-device-spacing-padding-9: var(--post-core-dimension-19),
221
- post-device-spacing-padding-10: var(--post-core-dimension-24),
198
+ post-device-spacing-padding-9: var(--post-core-dimension-15),
199
+ post-device-spacing-padding-10: var(--post-core-dimension-22),
222
200
  post-device-spacing-padding-11: var(--post-core-dimension-14),
223
201
  post-device-spacing-padding-12: var(--post-core-dimension-1),
224
- post-device-spacing-padding-13: var(--post-core-dimension-16),
225
- post-device-spacing-padding-14: var(--post-core-dimension-14),
226
202
  post-device-spacing-padding-15: var(--post-core-dimension-8),
227
203
  post-device-spacing-padding-16: var(--post-core-dimension-4),
228
204
  post-device-spacing-padding-17: var(--post-core-dimension-16),
229
205
  post-device-spacing-padding-18: var(--post-core-dimension-0),
206
+ post-device-spacing-padding-19: var(--post-core-dimension-15),
207
+ post-device-spacing-padding-20: var(--post-core-dimension-24),
230
208
  post-device-spacing-padding-inline-1: var(--post-core-dimension-14),
231
- post-device-spacing-padding-inline-3: var(--post-core-dimension-16),
209
+ post-device-spacing-padding-inline-3: var(--post-core-dimension-12),
232
210
  post-device-spacing-padding-inline-4: var(--post-core-dimension-12),
233
- post-device-spacing-padding-inline-5: var(--post-core-dimension-22),
234
- post-device-spacing-padding-inline-6: var(--post-core-dimension-18),
235
- post-device-spacing-padding-inline-7: var(--post-core-dimension-14),
211
+ post-device-spacing-padding-inline-5: var(--post-core-dimension-18),
212
+ post-device-spacing-padding-inline-6: var(--post-core-dimension-14),
213
+ post-device-spacing-padding-inline-7: var(--post-core-dimension-10),
236
214
  post-device-spacing-padding-inline-8: var(--post-core-dimension-2),
237
- post-device-spacing-padding-inline-9: var(--post-core-dimension-0),
238
- post-device-spacing-padding-block-1: var(--post-core-dimension-11),
239
- post-device-spacing-padding-block-2: var(--post-core-dimension-4),
240
- post-device-spacing-padding-block-3: var(--post-core-dimension-4-5),
241
- post-device-spacing-padding-block-4: var(--post-core-dimension-7-5),
215
+ post-device-spacing-padding-inline-9: var(--post-core-dimension-2),
216
+ post-device-spacing-padding-block-1: var(--post-core-dimension-10),
217
+ post-device-spacing-padding-block-3: var(--post-core-dimension-5),
242
218
  post-device-spacing-padding-block-5: var(--post-core-dimension-6),
243
- post-device-spacing-padding-block-6: var(--post-core-dimension-1),
244
- post-device-spacing-padding-block-7: var(--post-core-dimension-1),
219
+ post-device-spacing-padding-block-6: var(--post-core-dimension-0),
220
+ post-device-spacing-padding-block-7: var(--post-core-dimension-0),
245
221
  post-device-spacing-padding-block-8: var(--post-core-dimension-8),
246
222
  post-device-spacing-padding-block-9: var(--post-core-dimension-0),
247
- post-device-spacing-padding-block-10: var(--post-core-dimension-24),
248
- post-device-spacing-padding-block-11: var(--post-core-dimension-4),
249
- post-device-spacing-padding-block-12: var(--post-core-dimension-10),
250
- post-device-spacing-padding-block-13: var(--post-core-dimension-16),
251
- post-device-spacing-padding-block-14: var(--post-core-dimension-8),
252
- post-device-spacing-padding-block-15: var(--post-core-dimension-5),
253
- post-device-spacing-padding-block-16: var(--post-core-dimension-13),
254
- post-device-spacing-padding-block-17: var(--post-core-dimension-10),
255
- post-device-spacing-padding-block-18: var(--post-core-dimension-3),
256
- post-device-spacing-padding-block-19: var(--post-core-dimension-1),
223
+ post-device-spacing-padding-block-10: var(--post-core-dimension-16),
224
+ post-device-spacing-padding-block-12: var(--post-core-dimension-6),
225
+ post-device-spacing-padding-block-14: var(--post-core-dimension-8-5),
226
+ post-device-spacing-padding-block-15: var(--post-core-dimension-3-5),
227
+ post-device-spacing-padding-block-16: var(--post-core-dimension-12),
228
+ post-device-spacing-padding-block-17: var(--post-core-dimension-9),
229
+ post-device-spacing-padding-block-18: var(--post-core-dimension-0),
230
+ post-device-spacing-padding-block-19: var(--post-core-dimension-0),
257
231
  post-device-spacing-padding-block-20: var(--post-core-dimension-0),
258
232
  post-device-spacing-padding-block-21: var(--post-core-dimension-32),
259
- post-device-spacing-padding-block-22: var(--post-core-dimension-17),
260
- post-device-spacing-padding-block-23: var(--post-core-dimension-16),
261
- post-device-spacing-padding-block-24: var(--post-core-dimension-3),
233
+ post-device-spacing-padding-block-22: var(--post-core-dimension-16),
234
+ post-device-spacing-padding-block-23: var(--post-core-dimension-15),
235
+ post-device-spacing-padding-block-24: var(--post-core-dimension-0),
236
+ post-device-spacing-padding-block-25: var(--post-core-dimension-24),
237
+ post-device-spacing-padding-block-27: var(--post-core-dimension-12),
238
+ post-device-spacing-padding-block-28: var(--post-core-dimension-16),
239
+ post-device-spacing-padding-block-29: var(--post-core-dimension-23),
240
+ post-device-spacing-padding-block-30: var(--post-core-dimension-7),
262
241
  post-device-spacing-margin-1: var(--post-core-dimension-40),
263
242
  post-device-spacing-margin-2: var(--post-core-dimension-24),
264
243
  post-device-spacing-margin-3: var(--post-core-dimension-16),
265
- post-device-spacing-margin-4: var(--post-core-dimension-24),
266
- post-device-sizing-interactive-icon-height: var(--post-core-dimension-24),
267
- post-device-sizing-interactive-icon-width: var(--post-core-dimension-24),
268
- post-device-sizing-interactive-icon-size: var(--post-core-dimension-24),
244
+ post-device-spacing-margin-4: var(--post-core-dimension-16),
245
+ post-device-spacing-margin-5: var(--post-core-dimension-32),
246
+ post-device-spacing-margin-6: var(--post-core-dimension-32),
247
+ post-device-sizing-interactive-icon-size: var(--post-core-dimension-22),
269
248
  post-device-sizing-interactive-icon-size2: var(--post-core-dimension-24),
270
- post-device-sizing-interactive-textfields-icon: var(--post-core-dimension-32),
271
- post-device-sizing-interactive-textfields-dropdown: var(--post-core-dimension-16),
272
- post-device-sizing-interactive-stepper-indicator: var(--post-core-dimension-40),
273
- post-device-sizing-interactive-button-height-1: var(--post-core-dimension-48),
274
- post-device-sizing-interactive-button-height-2: var(--post-core-dimension-56),
275
- post-device-sizing-interactive-button-height-3: var(--post-core-dimension-40),
276
- post-device-sizing-interactive-button-height-4: var(--post-core-dimension-40),
277
- post-device-sizing-interactive-button-height-5: var(--post-core-dimension-48),
278
- post-device-sizing-interactive-button-appstore-width-google: 162px,
279
- post-device-sizing-interactive-button-appstore-width-apple: 143.6px,
280
- post-device-sizing-interactive-button-icon-1: var(--post-core-dimension-24),
281
- post-device-sizing-interactive-button-icon-2: var(--post-core-dimension-20),
282
- post-device-sizing-interactive-button-icon-3: var(--post-core-dimension-24),
283
- post-device-sizing-interactive-button-icon-4: var(--post-core-dimension-20),
284
- post-device-sizing-interactive-button-icon-5: var(--post-core-dimension-16),
285
- post-device-sizing-interactive-button-icon-6: var(--post-core-dimension-8),
286
- post-device-sizing-interactive-footer-socialmedia: var(--post-core-dimension-40),
249
+ post-device-sizing-interactive-icon-size3: var(--post-core-dimension-40),
250
+ post-device-sizing-interactive-icon-size4: var(--post-core-dimension-16),
251
+ post-device-sizing-interactive-stepper-indicator: var(--post-core-dimension-32),
252
+ post-device-sizing-interactive-button-height-1: var(--post-core-dimension-40),
253
+ post-device-sizing-interactive-button-height-2: var(--post-core-dimension-48),
254
+ post-device-sizing-interactive-button-height-4: var(--post-core-dimension-34),
255
+ post-device-sizing-interactive-button-height-5: var(--post-core-dimension-40),
256
+ post-device-sizing-interactive-button-height-6: var(--post-core-dimension-56),
257
+ post-device-sizing-interactive-button-appstore-width-google: 135px,
258
+ post-device-sizing-interactive-button-appstore-width-apple: 119.66px,
259
+ post-device-sizing-interactive-button-icon-3: var(--post-core-dimension-20),
260
+ post-device-sizing-interactive-button-icon-4: var(--post-core-dimension-16),
261
+ post-device-sizing-interactive-button-icon-5: var(--post-core-dimension-14),
262
+ post-device-sizing-interactive-button-icon-6: var(--post-core-dimension-6),
287
263
  post-device-sizing-notification-1: var(--post-core-dimension-24),
288
264
  post-device-sizing-notification-2: var(--post-core-dimension-16),
289
265
  post-device-sizing-notification-3: var(--post-core-dimension-8),
290
- post-device-sizing-notification-icon-1: var(--post-core-dimension-28),
291
- post-device-sizing-notification-icon-2: var(--post-core-dimension-64),
292
- post-device-sizing-notification-icon-3: var(--post-core-dimension-32),
293
- post-device-sizing-notification-icon-4: var(--post-core-dimension-48),
294
- post-device-sizing-icon-1: var(--post-core-dimension-24),
295
- post-device-sizing-icon-2: var(--post-core-dimension-30),
296
- post-device-sizing-icon-3: var(--post-core-dimension-16),
266
+ post-device-sizing-notification-icon-2: var(--post-core-dimension-48),
267
+ post-device-sizing-notification-icon-3: var(--post-core-dimension-24),
268
+ post-device-sizing-notification-icon-4: var(--post-core-dimension-40),
269
+ post-device-sizing-icon-1: var(--post-core-dimension-16),
270
+ post-device-sizing-icon-2: var(--post-core-dimension-24),
271
+ post-device-sizing-icon-3: var(--post-core-dimension-14),
272
+ post-device-sizing-logo-1: var(--post-core-dimension-64),
273
+ post-device-sizing-content-height-1: var(--post-core-dimension-180),
274
+ post-device-sizing-content-height-2: var(--post-core-dimension-240),
297
275
  post-device-border-radius-1: var(--post-core-dimension-4),
276
+ post-device-border-radius-2: var(--post-core-dimension-8),
277
+ post-device-border-radius-3: var(--post-core-dimension-16),
298
278
  post-device-border-radius-round: var(--post-core-dimension-100),
299
279
  post-device-border-radius-focus: var(--post-core-dimension-4),
300
- post-device-border-radius-focus2: var(--post-core-dimension-8),
301
280
  post-device-font-weight-bold: var(--post-core-font-weight-700),
302
281
  post-device-font-weight-regular: var(--post-core-font-weight-400),
303
- post-device-font-weight-medium: var(--post-core-font-weight-500),
304
282
  post-device-font-weight-black: var(--post-core-font-weight-900),
305
283
  post-device-line-height-heading: var(--post-core-line-height-120),
306
284
  post-device-line-height-content: var(--post-core-line-height-150),
307
285
  post-device-line-height-legend: var(--post-core-line-height-120),
308
286
  post-device-line-height-label: var(--post-core-line-height-150),
309
- post-device-line-height-link: var(--post-core-line-height-150),
310
287
  post-device-border-width-default: var(--post-core-dimension-2),
311
288
  post-device-border-width-focus: var(--post-core-dimension-2),
312
289
  post-device-border-width-alternative2: var(--post-core-dimension-3),
313
290
  post-device-border-width-alternative1: var(--post-core-dimension-1),
314
- post-device-grid-sizing-gutter: var(--post-core-dimension-24),
291
+ post-device-border-width-quote: var(--post-core-dimension-6),
292
+ post-device-grid-sizing-gutter: var(--post-core-dimension-16),
315
293
  post-device-grid-sizing-container-max-width: var(--post-core-dimension-1280),
316
- post-device-grid-padding-inline-container: var(--post-core-dimension-40),
294
+ post-device-grid-padding-inline-container: var(--post-core-dimension-24),
295
+ post-device-position-1: var(--post-core-dimension-40),
296
+ post-device-position-2: var(--post-core-dimension-16),
297
+ post-device-position-3: var(--post-core-dimension-48),
317
298
  );
318
299
 
319
300
  $post-mobile: (
320
- post-device-font-size-1: var(--post-core-font-size-40),
321
- post-device-font-size-2: var(--post-core-font-size-36),
322
- post-device-font-size-3: var(--post-core-font-size-32),
323
- post-device-font-size-4: var(--post-core-font-size-28),
324
- post-device-font-size-5: var(--post-core-font-size-24),
325
- post-device-font-size-6: var(--post-core-font-size-20),
326
- post-device-font-size-7: var(--post-core-font-size-16),
301
+ post-device-font-size-1: var(--post-core-font-size-32),
302
+ post-device-font-size-2: var(--post-core-font-size-28),
303
+ post-device-font-size-3: var(--post-core-font-size-24),
304
+ post-device-font-size-4: var(--post-core-font-size-20),
305
+ post-device-font-size-5: var(--post-core-font-size-18),
306
+ post-device-font-size-6: var(--post-core-font-size-14),
307
+ post-device-font-size-7: var(--post-core-font-size-14),
327
308
  post-device-font-size-8: var(--post-core-font-size-16),
328
309
  post-device-font-size-9: var(--post-core-font-size-14),
329
- post-device-font-size-10: var(--post-core-font-size-14),
310
+ post-device-font-size-10: var(--post-core-font-size-12),
330
311
  post-device-font-size-11: var(--post-core-font-size-12),
331
- post-device-font-size-heading-xs: var(--post-core-font-size-20),
332
- post-device-font-size-heading-s: var(--post-core-font-size-24),
333
- post-device-font-size-heading-m: var(--post-core-font-size-28),
334
- post-device-font-size-heading-l: var(--post-core-font-size-32),
335
- post-device-font-size-heading-xl: var(--post-core-font-size-36),
336
- post-device-font-size-heading-xxl: var(--post-core-font-size-40),
337
- post-device-font-size-text-xs: var(--post-core-font-size-12),
338
- post-device-font-size-text-s: var(--post-core-font-size-14),
339
- post-device-font-size-text-m: var(--post-core-font-size-16),
340
- post-device-font-size-text-l: var(--post-core-font-size-18),
341
- post-device-font-size-text-xl: var(--post-core-font-size-20),
342
- post-device-font-size-text-xxs: var(--post-core-font-size-10),
343
312
  post-device-elevation-100: var(--post-core-elevation-1),
344
313
  post-device-elevation-200: var(--post-core-elevation-2),
345
314
  post-device-elevation-300: var(--post-core-elevation-3),
@@ -348,127 +317,129 @@ $post-mobile: (
348
317
  post-device-font-family-default: var(--post-core-font-family-swiss-post),
349
318
  post-device-spacing-gap-1: var(--post-core-dimension-8),
350
319
  post-device-spacing-gap-2: var(--post-core-dimension-2),
351
- post-device-spacing-gap-3: var(--post-core-dimension-12),
352
- post-device-spacing-gap-4: var(--post-core-dimension-16),
353
- post-device-spacing-gap-5: var(--post-core-dimension-24),
354
- post-device-spacing-gap-block-1: var(--post-core-dimension-8),
320
+ post-device-spacing-gap-4: var(--post-core-dimension-8),
321
+ post-device-spacing-gap-6: var(--post-core-dimension-n2),
322
+ post-device-spacing-gap-7: var(--post-core-dimension-16),
323
+ post-device-spacing-gap-block-1: var(--post-core-dimension-4),
355
324
  post-device-spacing-gap-block-2: var(--post-core-dimension-16),
356
- post-device-spacing-gap-block-3: var(--post-core-dimension-16),
357
- post-device-spacing-gap-inline-1: var(--post-core-dimension-8),
358
- post-device-spacing-gap-inline-2: var(--post-core-dimension-16),
325
+ post-device-spacing-gap-block-3: var(--post-core-dimension-8),
326
+ post-device-spacing-gap-inline-1: var(--post-core-dimension-6),
327
+ post-device-spacing-gap-inline-2: var(--post-core-dimension-8),
359
328
  post-device-spacing-gap-inline-3: var(--post-core-dimension-12),
360
329
  post-device-spacing-gap-inline-4: var(--post-core-dimension-4),
361
330
  post-device-spacing-gap-inline-5: var(--post-core-dimension-2),
362
- post-device-spacing-gap-inline-6: var(--post-core-dimension-24),
363
- post-device-spacing-gap-inline-7: var(--post-core-dimension-18),
364
- post-device-spacing-gap-inline-8: var(--post-core-dimension-12),
365
- post-device-spacing-gap-inline-9: var(--post-core-dimension-10),
366
- post-device-spacing-gap-inline-10: var(--post-core-dimension-8),
367
- post-device-spacing-gap-inline-11: var(--post-core-dimension-6),
368
- post-device-spacing-gap-inline-12: var(--post-core-dimension-8),
369
- post-device-spacing-padding-1: var(--post-core-dimension-0),
331
+ post-device-spacing-gap-inline-6: var(--post-core-dimension-16),
332
+ post-device-spacing-gap-inline-7: var(--post-core-dimension-12),
333
+ post-device-spacing-gap-inline-10: var(--post-core-dimension-4),
334
+ post-device-spacing-gap-inline-11: var(--post-core-dimension-4),
335
+ post-device-spacing-gap-inline-12: var(--post-core-dimension-4),
336
+ post-device-spacing-gap-inline-13: var(--post-core-dimension-0),
337
+ post-device-spacing-padding-1: var(--post-core-dimension-2),
370
338
  post-device-spacing-padding-2: var(--post-core-dimension-2),
371
339
  post-device-spacing-padding-3: var(--post-core-dimension-10),
372
- post-device-spacing-padding-4: var(--post-core-dimension-0),
340
+ post-device-spacing-padding-4: var(--post-core-dimension-2),
373
341
  post-device-spacing-padding-5: var(--post-core-dimension-16),
374
342
  post-device-spacing-padding-6: var(--post-core-dimension-32),
375
343
  post-device-spacing-padding-7: var(--post-core-dimension-8-5),
376
344
  post-device-spacing-padding-8: var(--post-core-dimension-5),
377
- post-device-spacing-padding-9: var(--post-core-dimension-19),
378
- post-device-spacing-padding-10: var(--post-core-dimension-24),
345
+ post-device-spacing-padding-9: var(--post-core-dimension-15),
346
+ post-device-spacing-padding-10: var(--post-core-dimension-14),
379
347
  post-device-spacing-padding-11: var(--post-core-dimension-14),
380
348
  post-device-spacing-padding-12: var(--post-core-dimension-1),
381
- post-device-spacing-padding-13: var(--post-core-dimension-16),
382
- post-device-spacing-padding-14: var(--post-core-dimension-14),
383
349
  post-device-spacing-padding-15: var(--post-core-dimension-8),
384
- post-device-spacing-padding-16: var(--post-core-dimension-4),
385
- post-device-spacing-padding-17: var(--post-core-dimension-16),
386
- post-device-spacing-padding-18: var(--post-core-dimension-0),
350
+ post-device-spacing-padding-16: var(--post-core-dimension-2),
351
+ post-device-spacing-padding-17: var(--post-core-dimension-8),
352
+ post-device-spacing-padding-18: var(--post-core-dimension-4),
353
+ post-device-spacing-padding-19: var(--post-core-dimension-11),
354
+ post-device-spacing-padding-20: var(--post-core-dimension-16),
387
355
  post-device-spacing-padding-inline-1: var(--post-core-dimension-14),
388
- post-device-spacing-padding-inline-3: var(--post-core-dimension-16),
356
+ post-device-spacing-padding-inline-3: var(--post-core-dimension-12),
389
357
  post-device-spacing-padding-inline-4: var(--post-core-dimension-12),
390
- post-device-spacing-padding-inline-5: var(--post-core-dimension-22),
391
- post-device-spacing-padding-inline-6: var(--post-core-dimension-18),
392
- post-device-spacing-padding-inline-7: var(--post-core-dimension-14),
393
- post-device-spacing-padding-inline-8: var(--post-core-dimension-2),
358
+ post-device-spacing-padding-inline-5: var(--post-core-dimension-14),
359
+ post-device-spacing-padding-inline-6: var(--post-core-dimension-12),
360
+ post-device-spacing-padding-inline-7: var(--post-core-dimension-8),
361
+ post-device-spacing-padding-inline-8: var(--post-core-dimension-0),
394
362
  post-device-spacing-padding-inline-9: var(--post-core-dimension-0),
395
- post-device-spacing-padding-block-1: var(--post-core-dimension-11),
396
- post-device-spacing-padding-block-2: var(--post-core-dimension-4),
397
- post-device-spacing-padding-block-3: var(--post-core-dimension-4-5),
398
- post-device-spacing-padding-block-4: var(--post-core-dimension-7-5),
363
+ post-device-spacing-padding-block-1: var(--post-core-dimension-10),
364
+ post-device-spacing-padding-block-3: var(--post-core-dimension-6-5),
399
365
  post-device-spacing-padding-block-5: var(--post-core-dimension-6),
400
- post-device-spacing-padding-block-6: var(--post-core-dimension-1),
401
- post-device-spacing-padding-block-7: var(--post-core-dimension-1),
402
- post-device-spacing-padding-block-8: var(--post-core-dimension-8),
403
- post-device-spacing-padding-block-9: var(--post-core-dimension-0),
404
- post-device-spacing-padding-block-10: var(--post-core-dimension-24),
405
- post-device-spacing-padding-block-11: var(--post-core-dimension-4),
406
- post-device-spacing-padding-block-12: var(--post-core-dimension-10),
407
- post-device-spacing-padding-block-13: var(--post-core-dimension-16),
408
- post-device-spacing-padding-block-14: var(--post-core-dimension-8),
409
- post-device-spacing-padding-block-15: var(--post-core-dimension-5),
410
- post-device-spacing-padding-block-16: var(--post-core-dimension-13),
411
- post-device-spacing-padding-block-17: var(--post-core-dimension-10),
412
- post-device-spacing-padding-block-18: var(--post-core-dimension-3),
413
- post-device-spacing-padding-block-19: var(--post-core-dimension-1),
414
- post-device-spacing-padding-block-20: var(--post-core-dimension-0),
415
- post-device-spacing-padding-block-21: var(--post-core-dimension-32),
416
- post-device-spacing-padding-block-22: var(--post-core-dimension-17),
417
- post-device-spacing-padding-block-23: var(--post-core-dimension-16),
418
- post-device-spacing-padding-block-24: var(--post-core-dimension-3),
419
- post-device-spacing-margin-1: var(--post-core-dimension-40),
420
- post-device-spacing-margin-2: var(--post-core-dimension-24),
421
- post-device-spacing-margin-3: var(--post-core-dimension-16),
422
- post-device-spacing-margin-4: var(--post-core-dimension-24),
423
- post-device-sizing-interactive-icon-height: var(--post-core-dimension-24),
424
- post-device-sizing-interactive-icon-width: var(--post-core-dimension-24),
425
- post-device-sizing-interactive-icon-size: var(--post-core-dimension-24),
426
- post-device-sizing-interactive-icon-size2: var(--post-core-dimension-24),
427
- post-device-sizing-interactive-textfields-icon: var(--post-core-dimension-32),
428
- post-device-sizing-interactive-textfields-dropdown: var(--post-core-dimension-16),
429
- post-device-sizing-interactive-stepper-indicator: var(--post-core-dimension-40),
430
- post-device-sizing-interactive-button-height-1: var(--post-core-dimension-48),
431
- post-device-sizing-interactive-button-height-2: var(--post-core-dimension-56),
432
- post-device-sizing-interactive-button-height-3: var(--post-core-dimension-40),
433
- post-device-sizing-interactive-button-height-4: var(--post-core-dimension-40),
434
- post-device-sizing-interactive-button-height-5: var(--post-core-dimension-48),
435
- post-device-sizing-interactive-button-appstore-width-google: 162px,
436
- post-device-sizing-interactive-button-appstore-width-apple: 143.6px,
437
- post-device-sizing-interactive-button-icon-1: var(--post-core-dimension-24),
438
- post-device-sizing-interactive-button-icon-2: var(--post-core-dimension-20),
439
- post-device-sizing-interactive-button-icon-3: var(--post-core-dimension-24),
440
- post-device-sizing-interactive-button-icon-4: var(--post-core-dimension-20),
441
- post-device-sizing-interactive-button-icon-5: var(--post-core-dimension-16),
442
- post-device-sizing-interactive-button-icon-6: var(--post-core-dimension-8),
443
- post-device-sizing-interactive-footer-socialmedia: var(--post-core-dimension-40),
366
+ post-device-spacing-padding-block-6: var(--post-core-dimension-1-5),
367
+ post-device-spacing-padding-block-7: var(--post-core-dimension-0),
368
+ post-device-spacing-padding-block-8: var(--post-core-dimension-4),
369
+ post-device-spacing-padding-block-9: var(--post-core-dimension-1-5),
370
+ post-device-spacing-padding-block-10: var(--post-core-dimension-16),
371
+ post-device-spacing-padding-block-12: var(--post-core-dimension-6),
372
+ post-device-spacing-padding-block-14: var(--post-core-dimension-6),
373
+ post-device-spacing-padding-block-15: var(--post-core-dimension-3-5),
374
+ post-device-spacing-padding-block-16: var(--post-core-dimension-8),
375
+ post-device-spacing-padding-block-17: var(--post-core-dimension-5),
376
+ post-device-spacing-padding-block-18: var(--post-core-dimension-0),
377
+ post-device-spacing-padding-block-19: var(--post-core-dimension-0),
378
+ post-device-spacing-padding-block-20: var(--post-core-dimension-1-5),
379
+ post-device-spacing-padding-block-21: var(--post-core-dimension-24),
380
+ post-device-spacing-padding-block-22: var(--post-core-dimension-12),
381
+ post-device-spacing-padding-block-23: var(--post-core-dimension-11),
382
+ post-device-spacing-padding-block-24: var(--post-core-dimension-2),
383
+ post-device-spacing-padding-block-25: var(--post-core-dimension-16),
384
+ post-device-spacing-padding-block-27: var(--post-core-dimension-17-5),
385
+ post-device-spacing-padding-block-28: var(--post-core-dimension-17-5),
386
+ post-device-spacing-padding-block-29: var(--post-core-dimension-24-5),
387
+ post-device-spacing-padding-block-30: var(--post-core-dimension-8-5),
388
+ post-device-spacing-margin-1: var(--post-core-dimension-24),
389
+ post-device-spacing-margin-2: var(--post-core-dimension-16),
390
+ post-device-spacing-margin-3: var(--post-core-dimension-8),
391
+ post-device-spacing-margin-4: var(--post-core-dimension-8),
392
+ post-device-spacing-margin-5: var(--post-core-dimension-24),
393
+ post-device-spacing-margin-6: var(--post-core-dimension-0),
394
+ post-device-sizing-interactive-icon-size: var(--post-core-dimension-20),
395
+ post-device-sizing-interactive-icon-size2: var(--post-core-dimension-20),
396
+ post-device-sizing-interactive-icon-size3: var(--post-core-dimension-40),
397
+ post-device-sizing-interactive-icon-size4: var(--post-core-dimension-16),
398
+ post-device-sizing-interactive-stepper-indicator: var(--post-core-dimension-32),
399
+ post-device-sizing-interactive-button-height-1: var(--post-core-dimension-32),
400
+ post-device-sizing-interactive-button-height-2: var(--post-core-dimension-40),
401
+ post-device-sizing-interactive-button-height-4: var(--post-core-dimension-28),
402
+ post-device-sizing-interactive-button-height-5: var(--post-core-dimension-40),
403
+ post-device-sizing-interactive-button-height-6: var(--post-core-dimension-56),
404
+ post-device-sizing-interactive-button-appstore-width-google: 135px,
405
+ post-device-sizing-interactive-button-appstore-width-apple: 119.66px,
406
+ post-device-sizing-interactive-button-icon-3: var(--post-core-dimension-18),
407
+ post-device-sizing-interactive-button-icon-4: var(--post-core-dimension-16),
408
+ post-device-sizing-interactive-button-icon-5: var(--post-core-dimension-14),
409
+ post-device-sizing-interactive-button-icon-6: var(--post-core-dimension-6),
444
410
  post-device-sizing-notification-1: var(--post-core-dimension-24),
445
411
  post-device-sizing-notification-2: var(--post-core-dimension-16),
446
- post-device-sizing-notification-3: var(--post-core-dimension-8),
447
- post-device-sizing-notification-icon-1: var(--post-core-dimension-28),
448
- post-device-sizing-notification-icon-2: var(--post-core-dimension-64),
449
- post-device-sizing-notification-icon-3: var(--post-core-dimension-32),
450
- post-device-sizing-notification-icon-4: var(--post-core-dimension-48),
451
- post-device-sizing-icon-1: var(--post-core-dimension-24),
452
- post-device-sizing-icon-2: var(--post-core-dimension-30),
453
- post-device-sizing-icon-3: var(--post-core-dimension-16),
412
+ post-device-sizing-notification-3: var(--post-core-dimension-16),
413
+ post-device-sizing-notification-icon-2: var(--post-core-dimension-40),
414
+ post-device-sizing-notification-icon-3: var(--post-core-dimension-24),
415
+ post-device-sizing-notification-icon-4: var(--post-core-dimension-32),
416
+ post-device-sizing-icon-1: var(--post-core-dimension-12),
417
+ post-device-sizing-icon-2: var(--post-core-dimension-24),
418
+ post-device-sizing-icon-3: var(--post-core-dimension-12),
419
+ post-device-sizing-logo-1: var(--post-core-dimension-56),
420
+ post-device-sizing-content-height-1: var(--post-core-dimension-180),
421
+ post-device-sizing-content-height-2: var(--post-core-dimension-188),
454
422
  post-device-border-radius-1: var(--post-core-dimension-4),
423
+ post-device-border-radius-2: var(--post-core-dimension-8),
424
+ post-device-border-radius-3: var(--post-core-dimension-16),
455
425
  post-device-border-radius-round: var(--post-core-dimension-100),
456
426
  post-device-border-radius-focus: var(--post-core-dimension-4),
457
- post-device-border-radius-focus2: var(--post-core-dimension-8),
458
427
  post-device-font-weight-bold: var(--post-core-font-weight-700),
459
428
  post-device-font-weight-regular: var(--post-core-font-weight-400),
460
- post-device-font-weight-medium: var(--post-core-font-weight-500),
461
429
  post-device-font-weight-black: var(--post-core-font-weight-900),
462
430
  post-device-line-height-heading: var(--post-core-line-height-120),
463
431
  post-device-line-height-content: var(--post-core-line-height-150),
464
432
  post-device-line-height-legend: var(--post-core-line-height-120),
465
433
  post-device-line-height-label: var(--post-core-line-height-150),
466
- post-device-line-height-link: var(--post-core-line-height-150),
467
434
  post-device-border-width-default: var(--post-core-dimension-2),
468
435
  post-device-border-width-focus: var(--post-core-dimension-2),
469
436
  post-device-border-width-alternative2: var(--post-core-dimension-3),
470
437
  post-device-border-width-alternative1: var(--post-core-dimension-1),
471
- post-device-grid-sizing-gutter: var(--post-core-dimension-24),
438
+ post-device-border-width-quote: var(--post-core-dimension-4),
439
+ post-device-grid-sizing-gutter: var(--post-core-dimension-16),
472
440
  post-device-grid-sizing-container-max-width: var(--post-core-dimension-1280),
473
- post-device-grid-padding-inline-container: var(--post-core-dimension-40),
441
+ post-device-grid-padding-inline-container: var(--post-core-dimension-16),
442
+ post-device-position-1: var(--post-core-dimension-16),
443
+ post-device-position-2: var(--post-core-dimension-16),
444
+ post-device-position-3: var(--post-core-dimension-48),
474
445
  );