@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/_elements.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-body: (
6
7
  post-body-font-family: var(--post-device-font-family-default),
@@ -8,7 +9,7 @@ $post-body: (
8
9
  post-body-font-weight: var(--post-device-font-weight-regular),
9
10
  post-body-line-height: var(--post-device-line-height-content),
10
11
  post-body-letter-spacing: var(--post-core-letter-spacing-default),
11
- post-body-color: var(--post-mode-color-surface-default-fg),
12
+ post-body-color: var(--post-scheme-color-surface-default-fg),
12
13
  );
13
14
 
14
15
  $post-heading: (
@@ -40,11 +41,7 @@ $post-paragraph: (
40
41
 
41
42
  $post-link: (
42
43
  post-link-decoration: var(--post-core-text-decoration-underline),
43
- post-link-hover-fg: var(--post-mode-color-interactive-primary-hover-fg1),
44
- post-link-focus-outline-color: var(--post-mode-color-interactive-focus-stroke),
45
- post-link-focus-outline-width: var(--post-device-border-width-focus),
46
- post-link-focus-outline-style: var(--post-core-border-style-solid),
47
- post-link-focus-outline-offset: var(--post-device-spacing-padding-2),
44
+ post-link-hover-fg: var(--post-scheme-color-interactive-primary-hover-fg1),
48
45
  post-link-border-radius: var(--post-device-border-radius-focus),
49
46
  );
50
47
 
@@ -72,8 +69,11 @@ $post-legend: (
72
69
  post-legend-font-weight: var(--post-device-font-weight-bold),
73
70
  post-legend-line-height: var(--post-device-line-height-legend),
74
71
  post-legend-large-font-size: var(--post-device-font-size-3),
75
- post-legend-large-margin-block-start: var(--post-device-spacing-margin-1),
72
+ post-legend-large-padding-block-start: var(--post-device-spacing-margin-1),
76
73
  post-legend-large-padding-block-end: var(--post-device-spacing-padding-17),
77
74
  post-legend-large-margin-block-end: var(--post-device-spacing-margin-4),
78
- post-legend-large-border-bottom: var(--post-core-color-sandgrey-100) var(--post-device-border-width-default) var(--post-core-border-style-solid),
75
+ post-legend-large-border-color: var(--post-scheme-color-surface-default-stroke),
76
+ post-legend-large-border-style: var(--post-core-border-style-solid),
77
+ post-legend-large-border-width: var(--post-device-border-width-default),
78
+ post-legend-margin-block-end: var(--post-core-dimension-16),
79
79
  );
package/tokens/temp/_helpers.scss ADDED
@@ -0,0 +1,13 @@
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
5
+
6
+ $post-focus: (
7
+ post-focus-outline-offset: var(--post-device-spacing-padding-2),
8
+ post-focus-outline-color: var(--post-scheme-color-interactive-focus-stroke),
9
+ post-focus-outline-color-inverted: var(--post-scheme-color-interactive-focus-stroke-inverted),
10
+ post-focus-outline-width: var(--post-device-border-width-focus),
11
+ post-focus-border-style: var(--post-core-border-style-solid),
12
+ post-focus-border-radius: var(--post-device-border-radius-focus),
13
+ );
package/tokens/temp/_index.scss CHANGED
@@ -1,12 +1,14 @@
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
+ // Do not edit manually
2
+ // This file was generated by the swisspost/design-system-tokens package
3
+ // Mon, 24 Feb 2025 16:19:02 GMT
4
4
 
5
5
  @use './core';
6
- @forward './mode';
6
+ @forward './scheme';
7
7
  @forward './device';
8
8
  @forward './channel';
9
9
  @forward './theme';
10
10
  @forward './elements';
11
11
  @forward './components';
12
12
  @forward './utilities';
13
+ @forward './palettes';
14
+ @forward './helpers';
package/tokens/temp/_palettes.scss ADDED
@@ -0,0 +1,19 @@
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
5
+
6
+ $post-palettes: (
7
+ post-palettes-color-default-bg: var(--post-theme-color-palettes-default-bg),
8
+ post-palettes-color-default-fg: var(--post-theme-color-palettes-default-fg),
9
+ post-palettes-color-default-bg-scheme: var(--post-theme-palettes-bg-scheme-default),
10
+ post-palettes-color-alternate-bg: var(--post-theme-color-palettes-alternate-bg),
11
+ post-palettes-color-alternate-fg: var(--post-theme-color-palettes-alternate-fg),
12
+ post-palettes-color-alternate-bg-scheme: var(--post-theme-palettes-bg-scheme-alternate),
13
+ post-palettes-color-brand-bg: var(--post-theme-color-palettes-brand-bg),
14
+ post-palettes-color-brand-fg: var(--post-theme-color-palettes-brand-fg),
15
+ post-palettes-color-brand-bg-scheme: var(--post-theme-palettes-bg-scheme-brand),
16
+ post-palettes-color-accent-bg: var(--post-theme-color-palettes-accent-bg),
17
+ post-palettes-color-accent-fg: var(--post-theme-color-palettes-accent-fg),
18
+ post-palettes-color-accent-bg-scheme: var(--post-theme-palettes-bg-scheme-emphasis),
19
+ );
package/tokens/temp/_scheme.scss ADDED
@@ -0,0 +1,334 @@
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
5
+
6
+ $post-light: (
7
+ post-scheme-color-signal-success-dark: var(--post-core-color-notification-green),
8
+ post-scheme-color-signal-success-light: var(--post-core-color-notification-green-light),
9
+ post-scheme-color-signal-error-dark: var(--post-core-color-notification-red),
10
+ post-scheme-color-signal-error-light: var(--post-core-color-notification-red-light),
11
+ post-scheme-color-signal-warning-dark: var(--post-core-color-notification-orange),
12
+ post-scheme-color-signal-warning-light: var(--post-core-color-notification-orange-light),
13
+ post-scheme-color-signal-information-dark: var(--post-core-color-notification-blue),
14
+ post-scheme-color-signal-information-light: var(--post-core-color-notification-blue-light),
15
+ post-scheme-color-signal-neutral-dark: var(--post-core-color-sandgrey-100),
16
+ post-scheme-color-signal-neutral: var(--post-core-color-sandgrey-006),
17
+ post-scheme-color-signal-success-solo: var(--post-core-color-notification-green),
18
+ post-scheme-color-signal-error-solo: var(--post-core-color-notification-red),
19
+ post-scheme-color-interactive-button-primary-enabled-fg: var(--post-core-color-brand-white),
20
+ post-scheme-color-interactive-button-primary-enabled-bg: var(--post-core-color-sandgrey-100),
21
+ post-scheme-color-interactive-button-primary-enabled-stroke: var(--post-scheme-color-interactive-button-primary-enabled-bg),
22
+ post-scheme-color-interactive-button-primary-enabled-fg-inverted: var(--post-core-color-sandgrey-100),
23
+ post-scheme-color-interactive-button-primary-enabled-bg-inverted: var(--post-core-color-brand-white),
24
+ post-scheme-color-interactive-button-primary-enabled-stroke-inverted: var(--post-core-color-brand-white),
25
+ post-scheme-color-interactive-button-primary-hover-fg: var(--post-core-color-brand-white),
26
+ post-scheme-color-interactive-button-primary-hover-bg: var(--post-core-color-sandgrey-070),
27
+ post-scheme-color-interactive-button-primary-hover-stroke: var(--post-scheme-color-interactive-button-primary-hover-bg),
28
+ post-scheme-color-interactive-button-primary-hover-fg-inverted: var(--post-core-color-sandgrey-070),
29
+ post-scheme-color-interactive-button-primary-hover-bg-inverted: var(--post-core-color-brand-white),
30
+ post-scheme-color-interactive-button-primary-hover-stroke-inverted: var(--post-core-color-brand-white),
31
+ post-scheme-color-interactive-button-primary-disabled-fg: var(--post-core-color-sandgrey-060),
32
+ post-scheme-color-interactive-button-primary-disabled-bg: var(--post-core-color-brand-white),
33
+ post-scheme-color-interactive-button-primary-disabled-stroke: var(--post-core-color-sandgrey-060),
34
+ post-scheme-color-interactive-button-primary-disabled-fg-inverted: var(--post-core-color-brand-white),
35
+ post-scheme-color-interactive-button-primary-disabled-bg-inverted: var(--post-core-color-sandgrey-060),
36
+ post-scheme-color-interactive-button-primary-disabled-stroke-inverted: var(--post-core-color-brand-white),
37
+ post-scheme-color-interactive-button-secondary-enabled-fg: var(--post-core-color-sandgrey-100),
38
+ post-scheme-color-interactive-button-secondary-enabled-bg: var(--post-core-color-brand-white),
39
+ post-scheme-color-interactive-button-secondary-enabled-stroke: var(--post-core-color-sandgrey-100),
40
+ post-scheme-color-interactive-button-secondary-enabled-fg-inverted: var(--post-core-color-brand-white),
41
+ post-scheme-color-interactive-button-secondary-enabled-bg-inverted: var(--post-core-color-colorless),
42
+ post-scheme-color-interactive-button-secondary-enabled-stroke-inverted: var(--post-core-color-brand-white),
43
+ post-scheme-color-interactive-button-secondary-hover-fg: var(--post-core-color-sandgrey-070),
44
+ post-scheme-color-interactive-button-secondary-hover-bg: var(--post-core-color-brand-white),
45
+ post-scheme-color-interactive-button-secondary-hover-stroke: var(--post-core-color-sandgrey-070),
46
+ post-scheme-color-interactive-button-secondary-hover-fg-inverted: var(--post-core-color-brand-white),
47
+ post-scheme-color-interactive-button-secondary-hover-bg-inverted: var(--post-core-color-sandgrey-alpha-lightsand-10),
48
+ post-scheme-color-interactive-button-secondary-hover-stroke-inverted: var(--post-core-color-brand-white),
49
+ post-scheme-color-interactive-button-secondary-disabled-fg: var(--post-core-color-sandgrey-060),
50
+ post-scheme-color-interactive-button-secondary-disabled-bg: var(--post-core-color-brand-white),
51
+ post-scheme-color-interactive-button-secondary-disabled-stroke: var(--post-core-color-sandgrey-060),
52
+ post-scheme-color-interactive-button-secondary-disabled-fg-inverted: var(--post-core-color-brand-white),
53
+ post-scheme-color-interactive-button-secondary-disabled-bg-inverted: var(--post-core-color-sandgrey-alpha-lightsand-30),
54
+ post-scheme-color-interactive-button-secondary-disabled-stroke-inverted: var(--post-core-color-brand-white),
55
+ post-scheme-color-interactive-button-tertiary-enabled-fg: var(--post-core-color-sandgrey-100),
56
+ post-scheme-color-interactive-button-tertiary-enabled-bg: var(--post-core-color-colorless),
57
+ post-scheme-color-interactive-button-tertiary-enabled-stroke: var(--post-scheme-color-interactive-button-tertiary-enabled-bg),
58
+ post-scheme-color-interactive-button-tertiary-enabled-fg-inverted: var(--post-core-color-brand-white),
59
+ post-scheme-color-interactive-button-tertiary-enabled-bg-inverted: var(--post-core-color-colorless),
60
+ post-scheme-color-interactive-button-tertiary-enabled-stroke-inverted: var(--post-core-color-colorless),
61
+ post-scheme-color-interactive-button-tertiary-hover-fg: var(--post-core-color-sandgrey-070),
62
+ post-scheme-color-interactive-button-tertiary-hover-bg: var(--post-core-color-colorless),
63
+ post-scheme-color-interactive-button-tertiary-hover-stroke: var(--post-scheme-color-interactive-button-tertiary-hover-bg),
64
+ post-scheme-color-interactive-button-tertiary-hover-fg-inverted: var(--post-core-color-brand-white),
65
+ post-scheme-color-interactive-button-tertiary-hover-bg-inverted: var(--post-core-color-sandgrey-alpha-lightsand-10),
66
+ post-scheme-color-interactive-button-tertiary-hover-stroke-inverted: var(--post-core-color-colorless),
67
+ post-scheme-color-interactive-button-tertiary-disabled-fg: var(--post-core-color-sandgrey-060),
68
+ post-scheme-color-interactive-button-tertiary-disabled-bg: var(--post-core-color-colorless),
69
+ post-scheme-color-interactive-button-tertiary-disabled-stroke: var(--post-core-color-sandgrey-060),
70
+ post-scheme-color-interactive-button-tertiary-disabled-fg-inverted: var(--post-core-color-brand-white),
71
+ post-scheme-color-interactive-button-tertiary-disabled-bg-inverted: var(--post-core-color-sandgrey-alpha-lightsand-30),
72
+ post-scheme-color-interactive-button-tertiary-disabled-stroke-inverted: var(--post-core-color-brand-white),
73
+ post-scheme-color-interactive-focus-stroke: var(--post-core-color-sandgrey-100),
74
+ post-scheme-color-interactive-focus-stroke-inverted: var(--post-core-color-brand-white),
75
+ post-scheme-color-interactive-primary-enabled-bg1: var(--post-core-color-brand-white),
76
+ post-scheme-color-interactive-primary-enabled-fg1: var(--post-core-color-sandgrey-100),
77
+ post-scheme-color-interactive-primary-enabled-fg2: var(--post-core-color-sandgrey-060),
78
+ post-scheme-color-interactive-primary-enabled-stroke: var(--post-core-color-sandgrey-100),
79
+ post-scheme-color-interactive-primary-enabled-fg3: var(--post-core-color-brand-white),
80
+ post-scheme-color-interactive-primary-enabled-bg2: var(--post-core-color-sandgrey-100),
81
+ post-scheme-color-interactive-primary-enabled-stroke3: var(--post-core-color-brand-white),
82
+ post-scheme-color-interactive-primary-enabled-bg3: var(--post-core-color-brand-white),
83
+ post-scheme-color-interactive-primary-enabled-stroke4: var(--post-core-color-sandgrey-030),
84
+ post-scheme-color-interactive-primary-hover-bg: var(--post-core-color-brand-white),
85
+ post-scheme-color-interactive-primary-hover-fg1: var(--post-core-color-sandgrey-070),
86
+ post-scheme-color-interactive-primary-hover-stroke: var(--post-core-color-sandgrey-070),
87
+ post-scheme-color-interactive-primary-hover-fg3: var(--post-core-color-brand-white),
88
+ post-scheme-color-interactive-primary-hover-bg2: var(--post-core-color-sandgrey-070),
89
+ post-scheme-color-interactive-primary-hover-stroke3: var(--post-core-color-brand-white),
90
+ post-scheme-color-interactive-primary-hover-bg3: var(--post-core-color-brand-white),
91
+ post-scheme-color-interactive-primary-hover-bg4: var(--post-core-color-sandgrey-006),
92
+ post-scheme-color-interactive-primary-disabled-bg: var(--post-core-color-brand-white),
93
+ post-scheme-color-interactive-primary-disabled-fg1: var(--post-core-color-sandgrey-060),
94
+ post-scheme-color-interactive-primary-disabled-stroke: var(--post-core-color-sandgrey-060),
95
+ post-scheme-color-interactive-primary-disabled-fg3: var(--post-core-color-brand-white),
96
+ post-scheme-color-interactive-primary-disabled-stroke2: var(--post-core-color-sandgrey-060),
97
+ post-scheme-color-interactive-primary-disabled-bg4: var(--post-core-color-sandgrey-060),
98
+ post-scheme-color-interactive-primary-disabled-stroke3: var(--post-core-color-brand-white),
99
+ post-scheme-color-interactive-primary-disabled-bg5: var(--post-core-color-sandgrey-012),
100
+ post-scheme-color-interactive-primary-disabled-fg4: var(--post-core-color-sandgrey-060),
101
+ post-scheme-color-interactive-primary-disabled-stroke4: var(--post-core-color-sandgrey-060),
102
+ post-scheme-color-interactive-primary-disabled-bg6: var(--post-core-color-brand-white),
103
+ post-scheme-color-interactive-primary-selected-bg1: var(--post-core-color-brand-white),
104
+ post-scheme-color-interactive-primary-selected-fg1: var(--post-core-color-sandgrey-100),
105
+ post-scheme-color-interactive-primary-selected-stroke1: var(--post-core-color-sandgrey-100),
106
+ post-scheme-color-interactive-primary-selected-fg3: var(--post-core-color-brand-white),
107
+ post-scheme-color-interactive-primary-selected-bg2: var(--post-core-color-notification-green),
108
+ post-scheme-color-interactive-primary-selected-stroke4: var(--post-core-color-notification-green),
109
+ post-scheme-color-interactive-primary-selected-stroke3: var(--post-core-color-brand-white),
110
+ post-scheme-color-interactive-primary-selected-bg4: var(--post-core-color-sandgrey-100),
111
+ post-scheme-color-interactive-notification-info-fg: var(--post-core-color-sandgrey-100),
112
+ post-scheme-color-interactive-notification-info-bg: var(--post-scheme-color-signal-information-light),
113
+ post-scheme-color-interactive-notification-info-icon: var(--post-scheme-color-signal-information-dark),
114
+ post-scheme-color-interactive-notification-info-stroke: var(--post-scheme-color-signal-information-dark),
115
+ post-scheme-color-interactive-notification-success-fg: var(--post-core-color-sandgrey-100),
116
+ post-scheme-color-interactive-notification-success-bg: var(--post-scheme-color-signal-success-light),
117
+ post-scheme-color-interactive-notification-success-icon: var(--post-scheme-color-signal-success-dark),
118
+ post-scheme-color-interactive-notification-success-stroke: var(--post-scheme-color-signal-success-dark),
119
+ post-scheme-color-interactive-notification-warning-fg: var(--post-core-color-sandgrey-100),
120
+ post-scheme-color-interactive-notification-warning-bg: var(--post-scheme-color-signal-warning-light),
121
+ post-scheme-color-interactive-notification-warning-icon: var(--post-scheme-color-signal-warning-dark),
122
+ post-scheme-color-interactive-notification-warning-stroke: var(--post-scheme-color-signal-warning-dark),
123
+ post-scheme-color-interactive-notification-error-fg: var(--post-core-color-sandgrey-100),
124
+ post-scheme-color-interactive-notification-error-bg: var(--post-scheme-color-signal-error-light),
125
+ post-scheme-color-interactive-notification-error-icon: var(--post-scheme-color-signal-error-dark),
126
+ post-scheme-color-interactive-notification-error-stroke: var(--post-scheme-color-signal-error-dark),
127
+ post-scheme-color-interactive-input-enabled-bg: var(--post-core-color-brand-white),
128
+ post-scheme-color-interactive-input-enabled-fg: var(--post-core-color-sandgrey-100),
129
+ post-scheme-color-interactive-input-enabled-border: var(--post-core-color-sandgrey-100),
130
+ post-scheme-color-interactive-input-hover-bg: var(--post-core-color-brand-white),
131
+ post-scheme-color-interactive-input-hover-fg: var(--post-core-color-sandgrey-070),
132
+ post-scheme-color-interactive-input-hover-border: var(--post-core-color-sandgrey-070),
133
+ post-scheme-color-interactive-input-disabled-bg: var(--post-core-color-colorless),
134
+ post-scheme-color-interactive-input-disabled-fg: var(--post-core-color-sandgrey-060),
135
+ post-scheme-color-interactive-input-disabled-border: var(--post-core-color-sandgrey-060),
136
+ post-scheme-color-interactive-card-hover-bg: var(--post-core-color-sandgrey-060),
137
+ post-scheme-color-interactive-card-hover-fg: var(--post-core-color-brand-white),
138
+ post-scheme-color-surface-default-bg: var(--post-core-color-sandgrey-002),
139
+ post-scheme-color-surface-default-fg: var(--post-core-color-sandgrey-100),
140
+ post-scheme-color-surface-default-stroke: var(--post-core-color-sandgrey-100),
141
+ post-scheme-color-surface-accent1-bg: var(--post-core-color-brand-white),
142
+ post-scheme-color-surface-accent1-fg: var(--post-core-color-sandgrey-100),
143
+ post-scheme-color-surface-alternate-bg: var(--post-core-color-sandgrey-006),
144
+ post-scheme-color-surface-alternate-fg: var(--post-core-color-sandgrey-100),
145
+ post-scheme-color-surface-brand-bg: var(--post-core-color-brand-postyellow),
146
+ post-scheme-color-surface-brand-fg: var(--post-core-color-sandgrey-100),
147
+ post-scheme-color-surface-accent-bg: var(--post-core-color-sandgrey-080),
148
+ post-scheme-color-surface-accent-fg: var(--post-core-color-brand-white),
149
+ post-scheme-color-surface-accent-fg-accent: var(--post-core-color-brand-postyellow),
150
+ post-scheme-color-notification-badge-bg: var(--post-core-color-notification-red),
151
+ post-scheme-color-notification-badge-fg: var(--post-core-color-brand-white),
152
+ post-scheme-color-notification-badge-stroke: var(--post-core-color-brand-white),
153
+ post-scheme-color-notification-popover-hover: var(--post-core-color-sandgrey-020),
154
+ post-scheme-accent-bg-scheme-1: var(--post-core-bg-scheme-light),
155
+ post-scheme-accent-bg-scheme-2: var(--post-core-bg-scheme-dark),
156
+ post-cargo-scheme-color-surface-default-bg: var(--post-core-color-sandgrey-002),
157
+ post-cargo-scheme-color-surface-default-fg: var(--post-core-color-sandgrey-100),
158
+ post-cargo-scheme-color-surface-default-stroke: var(--post-core-color-sandgrey-100),
159
+ post-cargo-scheme-color-surface-accent1-bg: var(--post-core-color-brand-white),
160
+ post-cargo-scheme-color-surface-accent1-fg: var(--post-core-color-sandgrey-100),
161
+ post-cargo-scheme-color-surface-alternate-bg: var(--post-core-color-sandgrey-006),
162
+ post-cargo-scheme-color-surface-alternate-fg: var(--post-core-color-sandgrey-100),
163
+ post-cargo-scheme-color-surface-brand-bg: var(--post-core-color-cargo-green),
164
+ post-cargo-scheme-color-surface-brand-fg: var(--post-core-color-brand-white),
165
+ post-cargo-scheme-color-surface-brand-fg-accent: var(--post-core-color-cargo-blue),
166
+ post-cargo-scheme-color-surface-accent-bg: var(--post-core-color-cargo-blue),
167
+ post-cargo-scheme-color-surface-accent-fg: var(--post-core-color-sandgrey-100),
168
+ post-cargo-scheme-color-surface-accent-fg-accent: var(--post-core-color-cargo-green),
169
+ );
170
+
171
+ $post-dark: (
172
+ post-scheme-color-signal-success-dark: var(--post-core-color-notification-green),
173
+ post-scheme-color-signal-success-light: var(--post-core-color-notification-green-light),
174
+ post-scheme-color-signal-error-dark: var(--post-core-color-notification-red),
175
+ post-scheme-color-signal-error-light: var(--post-core-color-notification-red-light),
176
+ post-scheme-color-signal-warning-dark: var(--post-core-color-notification-orange),
177
+ post-scheme-color-signal-warning-light: var(--post-core-color-notification-orange-light),
178
+ post-scheme-color-signal-information-dark: var(--post-core-color-notification-blue),
179
+ post-scheme-color-signal-information-light: var(--post-core-color-notification-blue-light),
180
+ post-scheme-color-signal-neutral-dark: var(--post-core-color-sandgrey-100),
181
+ post-scheme-color-signal-neutral: var(--post-core-color-sandgrey-006),
182
+ post-scheme-color-signal-success-solo: var(--post-core-color-notification-green-night),
183
+ post-scheme-color-signal-error-solo: var(--post-core-color-notification-red-night),
184
+ post-scheme-color-interactive-button-primary-enabled-fg: var(--post-core-color-sandgrey-100),
185
+ post-scheme-color-interactive-button-primary-enabled-bg: var(--post-core-color-brand-white),
186
+ post-scheme-color-interactive-button-primary-enabled-stroke: var(--post-scheme-color-interactive-button-primary-enabled-bg),
187
+ post-scheme-color-interactive-button-primary-enabled-fg-inverted: var(--post-core-color-brand-white),
188
+ post-scheme-color-interactive-button-primary-enabled-bg-inverted: var(--post-core-color-sandgrey-100),
189
+ post-scheme-color-interactive-button-primary-enabled-stroke-inverted: var(--post-core-color-sandgrey-100),
190
+ post-scheme-color-interactive-button-primary-hover-fg: var(--post-core-color-sandgrey-070),
191
+ post-scheme-color-interactive-button-primary-hover-bg: var(--post-core-color-brand-white),
192
+ post-scheme-color-interactive-button-primary-hover-stroke: var(--post-scheme-color-interactive-button-primary-hover-bg),
193
+ post-scheme-color-interactive-button-primary-hover-fg-inverted: var(--post-core-color-brand-white),
194
+ post-scheme-color-interactive-button-primary-hover-bg-inverted: var(--post-core-color-sandgrey-070),
195
+ post-scheme-color-interactive-button-primary-hover-stroke-inverted: var(--post-core-color-sandgrey-070),
196
+ post-scheme-color-interactive-button-primary-disabled-fg: var(--post-core-color-brand-white),
197
+ post-scheme-color-interactive-button-primary-disabled-bg: var(--post-core-color-sandgrey-060),
198
+ post-scheme-color-interactive-button-primary-disabled-stroke: var(--post-core-color-brand-white),
199
+ post-scheme-color-interactive-button-primary-disabled-fg-inverted: var(--post-core-color-sandgrey-060),
200
+ post-scheme-color-interactive-button-primary-disabled-bg-inverted: var(--post-core-color-brand-white),
201
+ post-scheme-color-interactive-button-primary-disabled-stroke-inverted: var(--post-core-color-sandgrey-060),
202
+ post-scheme-color-interactive-button-secondary-enabled-fg: var(--post-core-color-brand-white),
203
+ post-scheme-color-interactive-button-secondary-enabled-bg: var(--post-core-color-colorless),
204
+ post-scheme-color-interactive-button-secondary-enabled-stroke: var(--post-core-color-brand-white),
205
+ post-scheme-color-interactive-button-secondary-enabled-fg-inverted: var(--post-core-color-sandgrey-100),
206
+ post-scheme-color-interactive-button-secondary-enabled-bg-inverted: var(--post-core-color-brand-white),
207
+ post-scheme-color-interactive-button-secondary-enabled-stroke-inverted: var(--post-core-color-sandgrey-100),
208
+ post-scheme-color-interactive-button-secondary-hover-fg: var(--post-core-color-brand-white),
209
+ post-scheme-color-interactive-button-secondary-hover-bg: var(--post-core-color-sandgrey-alpha-lightsand-10),
210
+ post-scheme-color-interactive-button-secondary-hover-stroke: var(--post-core-color-brand-white),
211
+ post-scheme-color-interactive-button-secondary-hover-fg-inverted: var(--post-core-color-sandgrey-070),
212
+ post-scheme-color-interactive-button-secondary-hover-bg-inverted: var(--post-core-color-brand-white),
213
+ post-scheme-color-interactive-button-secondary-hover-stroke-inverted: var(--post-core-color-sandgrey-070),
214
+ post-scheme-color-interactive-button-secondary-disabled-fg: var(--post-core-color-brand-white),
215
+ post-scheme-color-interactive-button-secondary-disabled-bg: var(--post-core-color-sandgrey-alpha-lightsand-30),
216
+ post-scheme-color-interactive-button-secondary-disabled-stroke: var(--post-core-color-brand-white),
217
+ post-scheme-color-interactive-button-secondary-disabled-fg-inverted: var(--post-core-color-sandgrey-060),
218
+ post-scheme-color-interactive-button-secondary-disabled-bg-inverted: var(--post-core-color-brand-white),
219
+ post-scheme-color-interactive-button-secondary-disabled-stroke-inverted: var(--post-core-color-sandgrey-060),
220
+ post-scheme-color-interactive-button-tertiary-enabled-fg: var(--post-core-color-brand-white),
221
+ post-scheme-color-interactive-button-tertiary-enabled-bg: var(--post-core-color-colorless),
222
+ post-scheme-color-interactive-button-tertiary-enabled-stroke: var(--post-scheme-color-interactive-button-tertiary-enabled-bg),
223
+ post-scheme-color-interactive-button-tertiary-enabled-fg-inverted: var(--post-core-color-sandgrey-100),
224
+ post-scheme-color-interactive-button-tertiary-enabled-bg-inverted: var(--post-core-color-colorless),
225
+ post-scheme-color-interactive-button-tertiary-enabled-stroke-inverted: var(--post-core-color-colorless),
226
+ post-scheme-color-interactive-button-tertiary-hover-fg: var(--post-core-color-brand-white),
227
+ post-scheme-color-interactive-button-tertiary-hover-bg: var(--post-core-color-sandgrey-alpha-lightsand-10),
228
+ post-scheme-color-interactive-button-tertiary-hover-stroke: var(--post-core-color-colorless),
229
+ post-scheme-color-interactive-button-tertiary-hover-fg-inverted: var(--post-core-color-sandgrey-070),
230
+ post-scheme-color-interactive-button-tertiary-hover-bg-inverted: var(--post-core-color-colorless),
231
+ post-scheme-color-interactive-button-tertiary-hover-stroke-inverted: var(--post-core-color-colorless),
232
+ post-scheme-color-interactive-button-tertiary-disabled-fg: var(--post-core-color-brand-white),
233
+ post-scheme-color-interactive-button-tertiary-disabled-bg: var(--post-core-color-sandgrey-alpha-lightsand-30),
234
+ post-scheme-color-interactive-button-tertiary-disabled-stroke: var(--post-core-color-brand-white),
235
+ post-scheme-color-interactive-button-tertiary-disabled-fg-inverted: var(--post-core-color-sandgrey-060),
236
+ post-scheme-color-interactive-button-tertiary-disabled-bg-inverted: var(--post-core-color-colorless),
237
+ post-scheme-color-interactive-button-tertiary-disabled-stroke-inverted: var(--post-core-color-sandgrey-060),
238
+ post-scheme-color-interactive-focus-stroke: var(--post-core-color-brand-white),
239
+ post-scheme-color-interactive-focus-stroke-inverted: var(--post-core-color-sandgrey-100),
240
+ post-scheme-color-interactive-primary-enabled-bg1: var(--post-core-color-sandgrey-100),
241
+ post-scheme-color-interactive-primary-enabled-fg1: var(--post-core-color-brand-white),
242
+ post-scheme-color-interactive-primary-enabled-fg2: var(--post-core-color-sandgrey-060),
243
+ post-scheme-color-interactive-primary-enabled-stroke: var(--post-core-color-brand-white),
244
+ post-scheme-color-interactive-primary-enabled-fg3: var(--post-core-color-sandgrey-100),
245
+ post-scheme-color-interactive-primary-enabled-bg2: var(--post-core-color-brand-white),
246
+ post-scheme-color-interactive-primary-enabled-stroke3: var(--post-core-color-sandgrey-100),
247
+ post-scheme-color-interactive-primary-enabled-bg3: var(--post-core-color-colorless),
248
+ post-scheme-color-interactive-primary-enabled-stroke4: var(--post-core-color-sandgrey-030),
249
+ post-scheme-color-interactive-primary-hover-bg: var(--post-core-color-sandgrey-070),
250
+ post-scheme-color-interactive-primary-hover-fg1: var(--post-core-color-brand-white),
251
+ post-scheme-color-interactive-primary-hover-stroke: var(--post-core-color-brand-white),
252
+ post-scheme-color-interactive-primary-hover-fg3: var(--post-core-color-sandgrey-070),
253
+ post-scheme-color-interactive-primary-hover-bg2: var(--post-core-color-brand-white),
254
+ post-scheme-color-interactive-primary-hover-stroke3: var(--post-core-color-sandgrey-070),
255
+ post-scheme-color-interactive-primary-hover-bg3: var(--post-core-color-sandgrey-alpha-lightsand-20),
256
+ post-scheme-color-interactive-primary-hover-bg4: var(--post-core-color-sandgrey-006),
257
+ post-scheme-color-interactive-primary-disabled-bg: var(--post-core-color-sandgrey-060),
258
+ post-scheme-color-interactive-primary-disabled-fg1: var(--post-core-color-brand-white),
259
+ post-scheme-color-interactive-primary-disabled-stroke: var(--post-core-color-brand-white),
260
+ post-scheme-color-interactive-primary-disabled-fg3: var(--post-core-color-sandgrey-060),
261
+ post-scheme-color-interactive-primary-disabled-stroke2: var(--post-core-color-brand-white),
262
+ post-scheme-color-interactive-primary-disabled-bg4: var(--post-core-color-brand-white),
263
+ post-scheme-color-interactive-primary-disabled-stroke3: var(--post-core-color-sandgrey-060),
264
+ post-scheme-color-interactive-primary-disabled-bg5: var(--post-core-color-sandgrey-alpha-lightsand-10),
265
+ post-scheme-color-interactive-primary-disabled-fg4: var(--post-core-color-sandgrey-alpha-lightsand-60),
266
+ post-scheme-color-interactive-primary-disabled-stroke4: var(--post-core-color-sandgrey-alpha-lightsand-60),
267
+ post-scheme-color-interactive-primary-disabled-bg6: var(--post-core-color-colorless),
268
+ post-scheme-color-interactive-primary-selected-bg1: var(--post-core-color-sandgrey-100),
269
+ post-scheme-color-interactive-primary-selected-fg1: var(--post-core-color-brand-white),
270
+ post-scheme-color-interactive-primary-selected-stroke1: var(--post-core-color-brand-white),
271
+ post-scheme-color-interactive-primary-selected-fg3: var(--post-core-color-sandgrey-100),
272
+ post-scheme-color-interactive-primary-selected-bg2: var(--post-core-color-notification-green-light),
273
+ post-scheme-color-interactive-primary-selected-stroke4: var(--post-core-color-notification-green-light),
274
+ post-scheme-color-interactive-primary-selected-stroke3: var(--post-core-color-sandgrey-100),
275
+ post-scheme-color-interactive-primary-selected-bg4: var(--post-core-color-brand-white),
276
+ post-scheme-color-interactive-notification-info-fg: var(--post-core-color-sandgrey-100),
277
+ post-scheme-color-interactive-notification-info-bg: var(--post-scheme-color-signal-information-light),
278
+ post-scheme-color-interactive-notification-info-icon: var(--post-scheme-color-signal-information-dark),
279
+ post-scheme-color-interactive-notification-info-stroke: var(--post-scheme-color-signal-information-dark),
280
+ post-scheme-color-interactive-notification-success-fg: var(--post-core-color-sandgrey-100),
281
+ post-scheme-color-interactive-notification-success-bg: var(--post-scheme-color-signal-success-light),
282
+ post-scheme-color-interactive-notification-success-icon: var(--post-scheme-color-signal-success-dark),
283
+ post-scheme-color-interactive-notification-success-stroke: var(--post-scheme-color-signal-success-dark),
284
+ post-scheme-color-interactive-notification-warning-fg: var(--post-core-color-sandgrey-100),
285
+ post-scheme-color-interactive-notification-warning-bg: var(--post-scheme-color-signal-warning-light),
286
+ post-scheme-color-interactive-notification-warning-icon: var(--post-scheme-color-signal-warning-dark),
287
+ post-scheme-color-interactive-notification-warning-stroke: var(--post-scheme-color-signal-warning-dark),
288
+ post-scheme-color-interactive-notification-error-fg: var(--post-core-color-sandgrey-100),
289
+ post-scheme-color-interactive-notification-error-bg: var(--post-scheme-color-signal-error-light),
290
+ post-scheme-color-interactive-notification-error-icon: var(--post-scheme-color-signal-error-dark),
291
+ post-scheme-color-interactive-notification-error-stroke: var(--post-scheme-color-signal-error-dark),
292
+ post-scheme-color-interactive-input-enabled-bg: var(--post-core-color-brand-white),
293
+ post-scheme-color-interactive-input-enabled-fg: var(--post-core-color-sandgrey-100),
294
+ post-scheme-color-interactive-input-enabled-border: var(--post-core-color-sandgrey-100),
295
+ post-scheme-color-interactive-input-hover-bg: var(--post-core-color-brand-white),
296
+ post-scheme-color-interactive-input-hover-fg: var(--post-core-color-sandgrey-070),
297
+ post-scheme-color-interactive-input-hover-border: var(--post-core-color-sandgrey-070),
298
+ post-scheme-color-interactive-input-disabled-bg: var(--post-core-color-colorless),
299
+ post-scheme-color-interactive-input-disabled-fg: var(--post-core-color-sandgrey-alpha-lightsand-60),
300
+ post-scheme-color-interactive-input-disabled-border: var(--post-core-color-sandgrey-alpha-lightsand-60),
301
+ post-scheme-color-interactive-card-hover-bg: var(--post-core-color-sandgrey-060),
302
+ post-scheme-color-interactive-card-hover-fg: var(--post-core-color-brand-white),
303
+ post-scheme-color-surface-default-bg: var(--post-core-color-sandgrey-080),
304
+ post-scheme-color-surface-default-fg: var(--post-core-color-brand-white),
305
+ post-scheme-color-surface-default-stroke: var(--post-core-color-brand-white),
306
+ post-scheme-color-surface-accent1-bg: var(--post-core-color-sandgrey-100),
307
+ post-scheme-color-surface-accent1-fg: var(--post-core-color-brand-white),
308
+ post-scheme-color-surface-alternate-bg: var(--post-core-color-sandgrey-100),
309
+ post-scheme-color-surface-alternate-fg: var(--post-core-color-brand-white),
310
+ post-scheme-color-surface-brand-bg: var(--post-core-color-brand-postyellow),
311
+ post-scheme-color-surface-brand-fg: var(--post-core-color-sandgrey-100),
312
+ post-scheme-color-surface-accent-bg: var(--post-core-color-sandgrey-002),
313
+ post-scheme-color-surface-accent-fg: var(--post-core-color-sandgrey-100),
314
+ post-scheme-color-surface-accent-fg-accent: var(--post-core-color-brand-postyellow),
315
+ post-scheme-color-notification-badge-bg: var(--post-core-color-notification-red),
316
+ post-scheme-color-notification-badge-fg: var(--post-core-color-brand-white),
317
+ post-scheme-color-notification-badge-stroke: var(--post-core-color-brand-white),
318
+ post-scheme-color-notification-popover-hover: var(--post-core-color-sandgrey-020),
319
+ post-scheme-accent-bg-scheme-1: var(--post-core-bg-scheme-dark),
320
+ post-scheme-accent-bg-scheme-2: var(--post-core-bg-scheme-light),
321
+ post-cargo-scheme-color-surface-default-bg: var(--post-core-color-sandgrey-080),
322
+ post-cargo-scheme-color-surface-default-fg: var(--post-core-color-brand-white),
323
+ post-cargo-scheme-color-surface-default-stroke: var(--post-core-color-brand-white),
324
+ post-cargo-scheme-color-surface-accent1-bg: var(--post-core-color-sandgrey-100),
325
+ post-cargo-scheme-color-surface-accent1-fg: var(--post-core-color-brand-white),
326
+ post-cargo-scheme-color-surface-alternate-bg: var(--post-core-color-sandgrey-100),
327
+ post-cargo-scheme-color-surface-alternate-fg: var(--post-core-color-brand-white),
328
+ post-cargo-scheme-color-surface-brand-bg: var(--post-core-color-cargo-green),
329
+ post-cargo-scheme-color-surface-brand-fg: var(--post-core-color-brand-white),
330
+ post-cargo-scheme-color-surface-brand-fg-accent: var(--post-core-color-cargo-blue),
331
+ post-cargo-scheme-color-surface-accent-bg: var(--post-core-color-cargo-blue),
332
+ post-cargo-scheme-color-surface-accent-fg: var(--post-core-color-sandgrey-100),
333
+ post-cargo-scheme-color-surface-accent-fg-accent: var(--post-core-color-cargo-green),
334
+ );
package/tokens/temp/_theme.scss CHANGED
@@ -1,15 +1,34 @@
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-post: (
6
- post-theme-sizing-interactive-height-filler: var(--post-core-dimension-24),
7
- post-theme-color-interactive-button-primary-enabled-bg: var(--post-mode-color-interactive-button-primary-enabled-bg),
8
- post-theme-color-interactive-button-primary-enabled-fg: var(--post-mode-color-interactive-button-primary-enabled-fg),
7
+ post-theme-palettes-bg-scheme-brand: var(--post-core-bg-scheme-light),
8
+ post-theme-palettes-bg-scheme-emphasis: var(--post-scheme-accent-bg-scheme-2),
9
+ post-theme-palettes-bg-scheme-default: var(--post-scheme-accent-bg-scheme-1),
10
+ post-theme-palettes-bg-scheme-alternate: var(--post-scheme-accent-bg-scheme-1),
11
+ post-theme-color-palettes-default-bg: var(--post-scheme-color-surface-default-bg),
12
+ post-theme-color-palettes-default-fg: var(--post-scheme-color-surface-default-fg),
13
+ post-theme-color-palettes-brand-bg: var(--post-scheme-color-surface-brand-bg),
14
+ post-theme-color-palettes-brand-fg: var(--post-scheme-color-surface-brand-fg),
15
+ post-theme-color-palettes-accent-bg: var(--post-scheme-color-surface-accent-bg),
16
+ post-theme-color-palettes-accent-fg: var(--post-scheme-color-surface-accent-fg),
17
+ post-theme-color-palettes-alternate-bg: var(--post-scheme-color-surface-alternate-bg),
18
+ post-theme-color-palettes-alternate-fg: var(--post-scheme-color-surface-alternate-fg),
9
19
  );
10
20
 
11
21
  $post-cargo: (
12
- post-theme-sizing-interactive-height-filler: var(--post-core-dimension-24),
13
- post-theme-color-interactive-button-primary-enabled-bg: var(--post-mode-color-interactive-button-primary-enabled-bg),
14
- post-theme-color-interactive-button-primary-enabled-fg: var(--post-mode-color-interactive-button-primary-enabled-fg),
22
+ post-theme-palettes-bg-scheme-brand: var(--post-core-bg-scheme-dark),
23
+ post-theme-palettes-bg-scheme-emphasis: var(--post-core-bg-scheme-light),
24
+ post-theme-palettes-bg-scheme-default: var(--post-scheme-accent-bg-scheme-1),
25
+ post-theme-palettes-bg-scheme-alternate: var(--post-scheme-accent-bg-scheme-1),
26
+ post-theme-color-palettes-default-bg: var(--post-cargo-scheme-color-surface-default-bg),
27
+ post-theme-color-palettes-default-fg: var(--post-cargo-scheme-color-surface-default-fg),
28
+ post-theme-color-palettes-brand-bg: var(--post-cargo-scheme-color-surface-brand-bg),
29
+ post-theme-color-palettes-brand-fg: var(--post-cargo-scheme-color-surface-brand-fg-accent),
30
+ post-theme-color-palettes-accent-bg: var(--post-cargo-scheme-color-surface-accent-bg),
31
+ post-theme-color-palettes-accent-fg: var(--post-cargo-scheme-color-surface-accent-fg-accent),
32
+ post-theme-color-palettes-alternate-bg: var(--post-cargo-scheme-color-surface-alternate-bg),
33
+ post-theme-color-palettes-alternate-fg: var(--post-cargo-scheme-color-surface-alternate-fg),
15
34
  );
package/tokens/temp/_utilities-formatted.scss ADDED
@@ -0,0 +1,128 @@
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
5
+
6
+ $margin: (
7
+ 0: var(--post-core-dimension-0),
8
+ 1: var(--post-core-dimension-1),
9
+ 2: var(--post-core-dimension-2),
10
+ 4: var(--post-core-dimension-4),
11
+ 6: var(--post-core-dimension-6),
12
+ 8: var(--post-core-dimension-8),
13
+ 12: var(--post-core-dimension-12),
14
+ 16: var(--post-core-dimension-16),
15
+ 24: var(--post-core-dimension-24),
16
+ 32: var(--post-core-dimension-32),
17
+ 40: var(--post-core-dimension-40),
18
+ 48: var(--post-core-dimension-48),
19
+ 56: var(--post-core-dimension-56),
20
+ 64: var(--post-core-dimension-64),
21
+ 72: var(--post-core-dimension-72),
22
+ 80: var(--post-core-dimension-80),
23
+ 88: var(--post-core-dimension-88),
24
+ 96: var(--post-core-dimension-96),
25
+ 104: var(--post-core-dimension-104),
26
+ auto: auto,
27
+ );
28
+
29
+ $padding: (
30
+ 0: var(--post-core-dimension-0),
31
+ 1: var(--post-core-dimension-1),
32
+ 2: var(--post-core-dimension-2),
33
+ 4: var(--post-core-dimension-4),
34
+ 6: var(--post-core-dimension-6),
35
+ 8: var(--post-core-dimension-8),
36
+ 12: var(--post-core-dimension-12),
37
+ 16: var(--post-core-dimension-16),
38
+ 24: var(--post-core-dimension-24),
39
+ 32: var(--post-core-dimension-32),
40
+ 40: var(--post-core-dimension-40),
41
+ 48: var(--post-core-dimension-48),
42
+ 56: var(--post-core-dimension-56),
43
+ 64: var(--post-core-dimension-64),
44
+ 72: var(--post-core-dimension-72),
45
+ 80: var(--post-core-dimension-80),
46
+ 88: var(--post-core-dimension-88),
47
+ 96: var(--post-core-dimension-96),
48
+ 104: var(--post-core-dimension-104),
49
+ auto: auto,
50
+ );
51
+
52
+ $gap: (
53
+ 0: var(--post-core-dimension-0),
54
+ 1: var(--post-core-dimension-1),
55
+ 2: var(--post-core-dimension-2),
56
+ 4: var(--post-core-dimension-4),
57
+ 6: var(--post-core-dimension-6),
58
+ 8: var(--post-core-dimension-8),
59
+ 12: var(--post-core-dimension-12),
60
+ 16: var(--post-core-dimension-16),
61
+ 24: var(--post-core-dimension-24),
62
+ 32: var(--post-core-dimension-32),
63
+ 40: var(--post-core-dimension-40),
64
+ 48: var(--post-core-dimension-48),
65
+ 56: var(--post-core-dimension-56),
66
+ 64: var(--post-core-dimension-64),
67
+ 72: var(--post-core-dimension-72),
68
+ 80: var(--post-core-dimension-80),
69
+ 88: var(--post-core-dimension-88),
70
+ 96: var(--post-core-dimension-96),
71
+ 104: var(--post-core-dimension-104),
72
+ auto: auto,
73
+ );
74
+
75
+ $surface: (
76
+ default: var(--post-core-color-sandgrey-002),
77
+ accent1: var(--post-core-color-brand-white),
78
+ accent2: var(--post-core-color-sandgrey-006),
79
+ accent3: var(--post-core-color-brand-postyellow),
80
+ accent4: var(--post-core-color-sandgrey-080),
81
+ );
82
+
83
+ $elevation: (
84
+ 100: var(--post-device-elevation-100),
85
+ 200: var(--post-device-elevation-200),
86
+ 300: var(--post-device-elevation-300),
87
+ 400: var(--post-device-elevation-400),
88
+ 500: var(--post-device-elevation-500),
89
+ );
90
+
91
+ $border-width: (
92
+ 1: var(--post-core-dimension-1),
93
+ 2: var(--post-core-dimension-2),
94
+ );
95
+
96
+ $border-radius: (
97
+ 4: var(--post-core-dimension-4),
98
+ 8: var(--post-core-dimension-8),
99
+ );
100
+
101
+ $border-default: (
102
+ width: var(--post-core-dimension-1),
103
+ radius: var(--post-core-dimension-4),
104
+ color: var(--post-scheme-color-surface-default-stroke),
105
+ );
106
+
107
+ $font-size: (
108
+ sm: var(--post-device-font-size-7),
109
+ md: var(--post-device-font-size-6),
110
+ lg: var(--post-device-font-size-5),
111
+ );
112
+
113
+ $font-weight: (
114
+ regular: var(--post-core-font-weight-400),
115
+ bold: var(--post-core-font-weight-700),
116
+ black: var(--post-core-font-weight-900),
117
+ );
118
+
119
+ $line-height: (
120
+ 1: var(--post-core-line-height-100),
121
+ sm: var(--post-core-line-height-120),
122
+ lg: var(--post-core-line-height-150),
123
+ );
124
+
125
+ $letter-spacing: (
126
+ none: var(--post-core-letter-spacing-none),
127
+ default: var(--post-core-letter-spacing-default),
128
+ );