@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/palettes/cargo-palettes.css ADDED
@@ -0,0 +1 @@
1
+ .palette-default[data-color-scheme=light],.palette-default:where([data-color-scheme=light] :not([data-color-scheme=dark])),.palette-default:not([data-color-scheme=dark]):not([data-color-scheme=dark] *),.palette-alternate[data-color-scheme=light],.palette-alternate:where([data-color-scheme=light] :not([data-color-scheme=dark])),.palette-alternate:not([data-color-scheme=dark]):not([data-color-scheme=dark] *),.palette-accent[data-color-scheme=light],.palette-accent:where([data-color-scheme=light] :not([data-color-scheme=dark])),.palette-accent:not([data-color-scheme=dark]):not([data-color-scheme=dark] *),.palette-accent[data-color-scheme=dark],.palette-accent:where([data-color-scheme=dark] :not([data-color-scheme=dark])){--post-scheme-color-signal-success-dark: var(--post-core-color-notification-green);--post-scheme-color-signal-success-light: var(--post-core-color-notification-green-light);--post-scheme-color-signal-error-dark: var(--post-core-color-notification-red);--post-scheme-color-signal-error-light: var(--post-core-color-notification-red-light);--post-scheme-color-signal-warning-dark: var(--post-core-color-notification-orange);--post-scheme-color-signal-warning-light: var(--post-core-color-notification-orange-light);--post-scheme-color-signal-information-dark: var(--post-core-color-notification-blue);--post-scheme-color-signal-information-light: var(--post-core-color-notification-blue-light);--post-scheme-color-signal-neutral-dark: var(--post-core-color-sandgrey-100);--post-scheme-color-signal-neutral: var(--post-core-color-sandgrey-006);--post-scheme-color-signal-success-solo: var(--post-core-color-notification-green);--post-scheme-color-signal-error-solo: var(--post-core-color-notification-red);--post-scheme-color-interactive-button-primary-enabled-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-enabled-bg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-primary-enabled-stroke: var(--post-scheme-color-interactive-button-primary-enabled-bg);--post-scheme-color-interactive-button-primary-enabled-fg-inverted: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-primary-enabled-bg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-enabled-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-bg: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-primary-hover-stroke: var(--post-scheme-color-interactive-button-primary-hover-bg);--post-scheme-color-interactive-button-primary-hover-fg-inverted: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-primary-hover-bg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-fg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-stroke: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-bg-inverted: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-secondary-enabled-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-stroke: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-secondary-enabled-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-bg-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-secondary-enabled-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-fg: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-secondary-hover-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-stroke: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-secondary-hover-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-bg-inverted: var(--post-core-color-sandgrey-alpha-lightsand-10);--post-scheme-color-interactive-button-secondary-hover-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-fg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-secondary-disabled-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-stroke: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-secondary-disabled-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-bg-inverted: var(--post-core-color-sandgrey-alpha-lightsand-30);--post-scheme-color-interactive-button-secondary-disabled-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-enabled-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-tertiary-enabled-bg: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-enabled-stroke: var(--post-scheme-color-interactive-button-tertiary-enabled-bg);--post-scheme-color-interactive-button-tertiary-enabled-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-enabled-bg-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-enabled-stroke-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-hover-fg: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-tertiary-hover-bg: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-hover-stroke: var(--post-scheme-color-interactive-button-tertiary-hover-bg);--post-scheme-color-interactive-button-tertiary-hover-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-hover-bg-inverted: var(--post-core-color-sandgrey-alpha-lightsand-10);--post-scheme-color-interactive-button-tertiary-hover-stroke-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-disabled-fg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-tertiary-disabled-bg: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-disabled-stroke: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-tertiary-disabled-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-disabled-bg-inverted: var(--post-core-color-sandgrey-alpha-lightsand-30);--post-scheme-color-interactive-button-tertiary-disabled-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-focus-stroke: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-focus-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-bg1: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-fg1: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-fg2: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-enabled-stroke: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-fg3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-bg2: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-stroke3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-bg3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-stroke4: var(--post-core-color-sandgrey-030);--post-scheme-color-interactive-primary-hover-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-fg1: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-stroke: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-fg3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-bg2: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-stroke3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-bg3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-bg4: var(--post-core-color-sandgrey-006);--post-scheme-color-interactive-primary-disabled-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-fg1: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-stroke: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-fg3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-stroke2: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-bg4: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-stroke3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-bg5: var(--post-core-color-sandgrey-012);--post-scheme-color-interactive-primary-disabled-fg4: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-stroke4: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-bg6: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-bg1: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-fg1: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-stroke1: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-fg3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-bg2: var(--post-core-color-notification-green);--post-scheme-color-interactive-primary-selected-stroke4: var(--post-core-color-notification-green);--post-scheme-color-interactive-primary-selected-stroke3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-bg4: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-info-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-info-bg: var(--post-scheme-color-signal-information-light);--post-scheme-color-interactive-notification-info-icon: var(--post-scheme-color-signal-information-dark);--post-scheme-color-interactive-notification-info-stroke: var(--post-scheme-color-signal-information-dark);--post-scheme-color-interactive-notification-success-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-success-bg: var(--post-scheme-color-signal-success-light);--post-scheme-color-interactive-notification-success-icon: var(--post-scheme-color-signal-success-dark);--post-scheme-color-interactive-notification-success-stroke: var(--post-scheme-color-signal-success-dark);--post-scheme-color-interactive-notification-warning-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-warning-bg: var(--post-scheme-color-signal-warning-light);--post-scheme-color-interactive-notification-warning-icon: var(--post-scheme-color-signal-warning-dark);--post-scheme-color-interactive-notification-warning-stroke: var(--post-scheme-color-signal-warning-dark);--post-scheme-color-interactive-notification-error-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-error-bg: var(--post-scheme-color-signal-error-light);--post-scheme-color-interactive-notification-error-icon: var(--post-scheme-color-signal-error-dark);--post-scheme-color-interactive-notification-error-stroke: var(--post-scheme-color-signal-error-dark);--post-scheme-color-interactive-input-enabled-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-input-enabled-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-input-enabled-border: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-input-hover-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-input-hover-fg: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-input-hover-border: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-input-disabled-bg: var(--post-core-color-colorless);--post-scheme-color-interactive-input-disabled-fg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-input-disabled-border: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-card-hover-bg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-card-hover-fg: var(--post-core-color-brand-white);--post-scheme-color-surface-default-bg: var(--post-core-color-sandgrey-002);--post-scheme-color-surface-default-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-default-stroke: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-accent1-bg: var(--post-core-color-brand-white);--post-scheme-color-surface-accent1-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-alternate-bg: var(--post-core-color-sandgrey-006);--post-scheme-color-surface-alternate-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-brand-bg: var(--post-core-color-brand-postyellow);--post-scheme-color-surface-brand-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-accent-bg: var(--post-core-color-sandgrey-080);--post-scheme-color-surface-accent-fg: var(--post-core-color-brand-white);--post-scheme-color-surface-accent-fg-accent: var(--post-core-color-brand-postyellow);--post-scheme-color-notification-badge-bg: var(--post-core-color-notification-red);--post-scheme-color-notification-badge-fg: var(--post-core-color-brand-white);--post-scheme-color-notification-badge-stroke: var(--post-core-color-brand-white);--post-scheme-color-notification-popover-hover: var(--post-core-color-sandgrey-020);--post-scheme-accent-bg-scheme-1: var(--post-core-bg-scheme-light);--post-scheme-accent-bg-scheme-2: var(--post-core-bg-scheme-dark);--post-cargo-scheme-color-surface-default-bg: var(--post-core-color-sandgrey-002);--post-cargo-scheme-color-surface-default-fg: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-default-stroke: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-accent1-bg: var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-accent1-fg: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-alternate-bg: var(--post-core-color-sandgrey-006);--post-cargo-scheme-color-surface-alternate-fg: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-brand-bg: var(--post-core-color-cargo-green);--post-cargo-scheme-color-surface-brand-fg: var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-brand-fg-accent: var(--post-core-color-cargo-blue);--post-cargo-scheme-color-surface-accent-bg: var(--post-core-color-cargo-blue);--post-cargo-scheme-color-surface-accent-fg: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-accent-fg-accent: var(--post-core-color-cargo-green)}.palette-default[data-color-scheme=dark],.palette-default:where([data-color-scheme=dark] :not([data-color-scheme=dark])),.palette-alternate[data-color-scheme=dark],.palette-alternate:where([data-color-scheme=dark] :not([data-color-scheme=dark])),.palette-brand[data-color-scheme=light],.palette-brand:where([data-color-scheme=light] :not([data-color-scheme=dark])),.palette-brand:not([data-color-scheme=dark]):not([data-color-scheme=dark] *),.palette-brand[data-color-scheme=dark],.palette-brand:where([data-color-scheme=dark] :not([data-color-scheme=dark])){--post-scheme-color-signal-success-dark: var(--post-core-color-notification-green);--post-scheme-color-signal-success-light: var(--post-core-color-notification-green-light);--post-scheme-color-signal-error-dark: var(--post-core-color-notification-red);--post-scheme-color-signal-error-light: var(--post-core-color-notification-red-light);--post-scheme-color-signal-warning-dark: var(--post-core-color-notification-orange);--post-scheme-color-signal-warning-light: var(--post-core-color-notification-orange-light);--post-scheme-color-signal-information-dark: var(--post-core-color-notification-blue);--post-scheme-color-signal-information-light: var(--post-core-color-notification-blue-light);--post-scheme-color-signal-neutral-dark: var(--post-core-color-sandgrey-100);--post-scheme-color-signal-neutral: var(--post-core-color-sandgrey-006);--post-scheme-color-signal-success-solo: var(--post-core-color-notification-green-night);--post-scheme-color-signal-error-solo: var(--post-core-color-notification-red-night);--post-scheme-color-interactive-button-primary-enabled-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-primary-enabled-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-enabled-stroke: var(--post-scheme-color-interactive-button-primary-enabled-bg);--post-scheme-color-interactive-button-primary-enabled-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-enabled-bg-inverted: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-primary-enabled-stroke-inverted: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-primary-hover-fg: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-primary-hover-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-stroke: var(--post-scheme-color-interactive-button-primary-hover-bg);--post-scheme-color-interactive-button-primary-hover-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-bg-inverted: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-primary-hover-stroke-inverted: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-primary-disabled-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-bg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-fg-inverted: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-bg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-stroke-inverted: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-secondary-enabled-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-bg: var(--post-core-color-colorless);--post-scheme-color-interactive-button-secondary-enabled-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-fg-inverted: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-secondary-enabled-bg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-stroke-inverted: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-secondary-hover-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-bg: var(--post-core-color-sandgrey-alpha-lightsand-10);--post-scheme-color-interactive-button-secondary-hover-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-fg-inverted: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-secondary-hover-bg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-stroke-inverted: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-secondary-disabled-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-bg: var(--post-core-color-sandgrey-alpha-lightsand-30);--post-scheme-color-interactive-button-secondary-disabled-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-fg-inverted: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-secondary-disabled-bg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-stroke-inverted: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-tertiary-enabled-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-enabled-bg: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-enabled-stroke: var(--post-scheme-color-interactive-button-tertiary-enabled-bg);--post-scheme-color-interactive-button-tertiary-enabled-fg-inverted: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-tertiary-enabled-bg-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-enabled-stroke-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-hover-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-hover-bg: var(--post-core-color-sandgrey-alpha-lightsand-10);--post-scheme-color-interactive-button-tertiary-hover-stroke: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-hover-fg-inverted: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-tertiary-hover-bg-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-hover-stroke-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-disabled-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-disabled-bg: var(--post-core-color-sandgrey-alpha-lightsand-30);--post-scheme-color-interactive-button-tertiary-disabled-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-disabled-fg-inverted: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-tertiary-disabled-bg-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-disabled-stroke-inverted: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-focus-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-focus-stroke-inverted: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-bg1: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-fg1: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-fg2: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-enabled-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-fg3: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-bg2: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-stroke3: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-bg3: var(--post-core-color-colorless);--post-scheme-color-interactive-primary-enabled-stroke4: var(--post-core-color-sandgrey-030);--post-scheme-color-interactive-primary-hover-bg: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-fg1: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-fg3: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-bg2: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-stroke3: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-bg3: var(--post-core-color-sandgrey-alpha-lightsand-20);--post-scheme-color-interactive-primary-hover-bg4: var(--post-core-color-sandgrey-006);--post-scheme-color-interactive-primary-disabled-bg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-fg1: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-fg3: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-stroke2: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-bg4: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-stroke3: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-bg5: var(--post-core-color-sandgrey-alpha-lightsand-10);--post-scheme-color-interactive-primary-disabled-fg4: var(--post-core-color-sandgrey-alpha-lightsand-60);--post-scheme-color-interactive-primary-disabled-stroke4: var(--post-core-color-sandgrey-alpha-lightsand-60);--post-scheme-color-interactive-primary-disabled-bg6: var(--post-core-color-colorless);--post-scheme-color-interactive-primary-selected-bg1: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-fg1: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-stroke1: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-fg3: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-bg2: var(--post-core-color-notification-green-light);--post-scheme-color-interactive-primary-selected-stroke4: var(--post-core-color-notification-green-light);--post-scheme-color-interactive-primary-selected-stroke3: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-bg4: var(--post-core-color-brand-white);--post-scheme-color-interactive-notification-info-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-info-bg: var(--post-scheme-color-signal-information-light);--post-scheme-color-interactive-notification-info-icon: var(--post-scheme-color-signal-information-dark);--post-scheme-color-interactive-notification-info-stroke: var(--post-scheme-color-signal-information-dark);--post-scheme-color-interactive-notification-success-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-success-bg: var(--post-scheme-color-signal-success-light);--post-scheme-color-interactive-notification-success-icon: var(--post-scheme-color-signal-success-dark);--post-scheme-color-interactive-notification-success-stroke: var(--post-scheme-color-signal-success-dark);--post-scheme-color-interactive-notification-warning-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-warning-bg: var(--post-scheme-color-signal-warning-light);--post-scheme-color-interactive-notification-warning-icon: var(--post-scheme-color-signal-warning-dark);--post-scheme-color-interactive-notification-warning-stroke: var(--post-scheme-color-signal-warning-dark);--post-scheme-color-interactive-notification-error-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-error-bg: var(--post-scheme-color-signal-error-light);--post-scheme-color-interactive-notification-error-icon: var(--post-scheme-color-signal-error-dark);--post-scheme-color-interactive-notification-error-stroke: var(--post-scheme-color-signal-error-dark);--post-scheme-color-interactive-input-enabled-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-input-enabled-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-input-enabled-border: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-input-hover-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-input-hover-fg: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-input-hover-border: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-input-disabled-bg: var(--post-core-color-colorless);--post-scheme-color-interactive-input-disabled-fg: var(--post-core-color-sandgrey-alpha-lightsand-60);--post-scheme-color-interactive-input-disabled-border: var(--post-core-color-sandgrey-alpha-lightsand-60);--post-scheme-color-interactive-card-hover-bg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-card-hover-fg: var(--post-core-color-brand-white);--post-scheme-color-surface-default-bg: var(--post-core-color-sandgrey-080);--post-scheme-color-surface-default-fg: var(--post-core-color-brand-white);--post-scheme-color-surface-default-stroke: var(--post-core-color-brand-white);--post-scheme-color-surface-accent1-bg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-accent1-fg: var(--post-core-color-brand-white);--post-scheme-color-surface-alternate-bg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-alternate-fg: var(--post-core-color-brand-white);--post-scheme-color-surface-brand-bg: var(--post-core-color-brand-postyellow);--post-scheme-color-surface-brand-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-accent-bg: var(--post-core-color-sandgrey-002);--post-scheme-color-surface-accent-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-accent-fg-accent: var(--post-core-color-brand-postyellow);--post-scheme-color-notification-badge-bg: var(--post-core-color-notification-red);--post-scheme-color-notification-badge-fg: var(--post-core-color-brand-white);--post-scheme-color-notification-badge-stroke: var(--post-core-color-brand-white);--post-scheme-color-notification-popover-hover: var(--post-core-color-sandgrey-020);--post-scheme-accent-bg-scheme-1: var(--post-core-bg-scheme-dark);--post-scheme-accent-bg-scheme-2: var(--post-core-bg-scheme-light);--post-cargo-scheme-color-surface-default-bg: var(--post-core-color-sandgrey-080);--post-cargo-scheme-color-surface-default-fg: var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-default-stroke: var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-accent1-bg: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-accent1-fg: var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-alternate-bg: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-alternate-fg: var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-brand-bg: var(--post-core-color-cargo-green);--post-cargo-scheme-color-surface-brand-fg: var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-brand-fg-accent: var(--post-core-color-cargo-blue);--post-cargo-scheme-color-surface-accent-bg: var(--post-core-color-cargo-blue);--post-cargo-scheme-color-surface-accent-fg: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-accent-fg-accent: var(--post-core-color-cargo-green)}.palette-text{color:var(--post-current-palette-fg)}body{background-color:var(--post-current-palette-bg) !important}body:not([data-color-scheme=dark]){--post-current-palette-fg: #050400;--post-current-palette-bg: #fafafa}body[data-color-scheme=dark]{--post-current-palette-fg: #ffffff;--post-current-palette-bg: #373632}.palette-default{color:var(--post-scheme-color-surface-default-fg);background-color:var(--post-current-palette-bg) !important}.palette-default[data-color-scheme=light],.palette-default:where([data-color-scheme=light] :not([data-color-scheme=dark])),.palette-default:not([data-color-scheme=dark]):not([data-color-scheme=dark] *){--post-current-palette-fg: #050400;--post-current-palette-bg: #fafafa}.palette-default[data-color-scheme=dark],.palette-default:where([data-color-scheme=dark] :not([data-color-scheme=dark])){--post-current-palette-fg: #ffffff;--post-current-palette-bg: #373632}.palette-alternate{color:var(--post-scheme-color-surface-default-fg);background-color:var(--post-current-palette-bg) !important}.palette-alternate[data-color-scheme=light],.palette-alternate:where([data-color-scheme=light] :not([data-color-scheme=dark])),.palette-alternate:not([data-color-scheme=dark]):not([data-color-scheme=dark] *){--post-current-palette-fg: #050400;--post-current-palette-bg: #f0efed}.palette-alternate[data-color-scheme=dark],.palette-alternate:where([data-color-scheme=dark] :not([data-color-scheme=dark])){--post-current-palette-fg: #ffffff;--post-current-palette-bg: #050400}.palette-brand{color:var(--post-scheme-color-surface-default-fg);background-color:var(--post-current-palette-bg) !important}.palette-brand[data-color-scheme=light],.palette-brand:where([data-color-scheme=light] :not([data-color-scheme=dark])),.palette-brand:not([data-color-scheme=dark]):not([data-color-scheme=dark] *){--post-current-palette-fg: #aadcff;--post-current-palette-bg: #00411c}.palette-brand[data-color-scheme=dark],.palette-brand:where([data-color-scheme=dark] :not([data-color-scheme=dark])){--post-current-palette-fg: #aadcff;--post-current-palette-bg: #00411c}.palette-accent{color:var(--post-scheme-color-surface-default-fg);background-color:var(--post-current-palette-bg) !important}.palette-accent[data-color-scheme=light],.palette-accent:where([data-color-scheme=light] :not([data-color-scheme=dark])),.palette-accent:not([data-color-scheme=dark]):not([data-color-scheme=dark] *){--post-current-palette-fg: #00411c;--post-current-palette-bg: #aadcff}.palette-accent[data-color-scheme=dark],.palette-accent:where([data-color-scheme=dark] :not([data-color-scheme=dark])){--post-current-palette-fg: #00411c;--post-current-palette-bg: #aadcff}
package/palettes/cargo-palettes.scss ADDED
@@ -0,0 +1,3 @@
1
+ @use 'mixins' as *;
2
+
3
+ @include palettes('cargo');
package/palettes/post-palettes.css ADDED
@@ -0,0 +1 @@
1
+ .palette-default[data-color-scheme=light],.palette-default:where([data-color-scheme=light] :not([data-color-scheme=dark])),.palette-default:not([data-color-scheme=dark]):not([data-color-scheme=dark] *),.palette-alternate[data-color-scheme=light],.palette-alternate:where([data-color-scheme=light] :not([data-color-scheme=dark])),.palette-alternate:not([data-color-scheme=dark]):not([data-color-scheme=dark] *),.palette-brand[data-color-scheme=light],.palette-brand:where([data-color-scheme=light] :not([data-color-scheme=dark])),.palette-brand:not([data-color-scheme=dark]):not([data-color-scheme=dark] *),.palette-brand[data-color-scheme=dark],.palette-brand:where([data-color-scheme=dark] :not([data-color-scheme=dark])),.palette-accent[data-color-scheme=dark],.palette-accent:where([data-color-scheme=dark] :not([data-color-scheme=dark])){--post-scheme-color-signal-success-dark: var(--post-core-color-notification-green);--post-scheme-color-signal-success-light: var(--post-core-color-notification-green-light);--post-scheme-color-signal-error-dark: var(--post-core-color-notification-red);--post-scheme-color-signal-error-light: var(--post-core-color-notification-red-light);--post-scheme-color-signal-warning-dark: var(--post-core-color-notification-orange);--post-scheme-color-signal-warning-light: var(--post-core-color-notification-orange-light);--post-scheme-color-signal-information-dark: var(--post-core-color-notification-blue);--post-scheme-color-signal-information-light: var(--post-core-color-notification-blue-light);--post-scheme-color-signal-neutral-dark: var(--post-core-color-sandgrey-100);--post-scheme-color-signal-neutral: var(--post-core-color-sandgrey-006);--post-scheme-color-signal-success-solo: var(--post-core-color-notification-green);--post-scheme-color-signal-error-solo: var(--post-core-color-notification-red);--post-scheme-color-interactive-button-primary-enabled-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-enabled-bg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-primary-enabled-stroke: var(--post-scheme-color-interactive-button-primary-enabled-bg);--post-scheme-color-interactive-button-primary-enabled-fg-inverted: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-primary-enabled-bg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-enabled-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-bg: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-primary-hover-stroke: var(--post-scheme-color-interactive-button-primary-hover-bg);--post-scheme-color-interactive-button-primary-hover-fg-inverted: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-primary-hover-bg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-fg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-stroke: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-bg-inverted: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-secondary-enabled-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-stroke: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-secondary-enabled-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-bg-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-secondary-enabled-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-fg: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-secondary-hover-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-stroke: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-secondary-hover-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-bg-inverted: var(--post-core-color-sandgrey-alpha-lightsand-10);--post-scheme-color-interactive-button-secondary-hover-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-fg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-secondary-disabled-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-stroke: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-secondary-disabled-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-bg-inverted: var(--post-core-color-sandgrey-alpha-lightsand-30);--post-scheme-color-interactive-button-secondary-disabled-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-enabled-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-tertiary-enabled-bg: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-enabled-stroke: var(--post-scheme-color-interactive-button-tertiary-enabled-bg);--post-scheme-color-interactive-button-tertiary-enabled-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-enabled-bg-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-enabled-stroke-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-hover-fg: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-tertiary-hover-bg: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-hover-stroke: var(--post-scheme-color-interactive-button-tertiary-hover-bg);--post-scheme-color-interactive-button-tertiary-hover-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-hover-bg-inverted: var(--post-core-color-sandgrey-alpha-lightsand-10);--post-scheme-color-interactive-button-tertiary-hover-stroke-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-disabled-fg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-tertiary-disabled-bg: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-disabled-stroke: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-tertiary-disabled-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-disabled-bg-inverted: var(--post-core-color-sandgrey-alpha-lightsand-30);--post-scheme-color-interactive-button-tertiary-disabled-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-focus-stroke: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-focus-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-bg1: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-fg1: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-fg2: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-enabled-stroke: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-fg3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-bg2: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-stroke3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-bg3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-stroke4: var(--post-core-color-sandgrey-030);--post-scheme-color-interactive-primary-hover-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-fg1: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-stroke: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-fg3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-bg2: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-stroke3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-bg3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-bg4: var(--post-core-color-sandgrey-006);--post-scheme-color-interactive-primary-disabled-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-fg1: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-stroke: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-fg3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-stroke2: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-bg4: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-stroke3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-bg5: var(--post-core-color-sandgrey-012);--post-scheme-color-interactive-primary-disabled-fg4: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-stroke4: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-bg6: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-bg1: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-fg1: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-stroke1: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-fg3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-bg2: var(--post-core-color-notification-green);--post-scheme-color-interactive-primary-selected-stroke4: var(--post-core-color-notification-green);--post-scheme-color-interactive-primary-selected-stroke3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-bg4: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-info-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-info-bg: var(--post-scheme-color-signal-information-light);--post-scheme-color-interactive-notification-info-icon: var(--post-scheme-color-signal-information-dark);--post-scheme-color-interactive-notification-info-stroke: var(--post-scheme-color-signal-information-dark);--post-scheme-color-interactive-notification-success-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-success-bg: var(--post-scheme-color-signal-success-light);--post-scheme-color-interactive-notification-success-icon: var(--post-scheme-color-signal-success-dark);--post-scheme-color-interactive-notification-success-stroke: var(--post-scheme-color-signal-success-dark);--post-scheme-color-interactive-notification-warning-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-warning-bg: var(--post-scheme-color-signal-warning-light);--post-scheme-color-interactive-notification-warning-icon: var(--post-scheme-color-signal-warning-dark);--post-scheme-color-interactive-notification-warning-stroke: var(--post-scheme-color-signal-warning-dark);--post-scheme-color-interactive-notification-error-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-error-bg: var(--post-scheme-color-signal-error-light);--post-scheme-color-interactive-notification-error-icon: var(--post-scheme-color-signal-error-dark);--post-scheme-color-interactive-notification-error-stroke: var(--post-scheme-color-signal-error-dark);--post-scheme-color-interactive-input-enabled-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-input-enabled-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-input-enabled-border: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-input-hover-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-input-hover-fg: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-input-hover-border: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-input-disabled-bg: var(--post-core-color-colorless);--post-scheme-color-interactive-input-disabled-fg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-input-disabled-border: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-card-hover-bg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-card-hover-fg: var(--post-core-color-brand-white);--post-scheme-color-surface-default-bg: var(--post-core-color-sandgrey-002);--post-scheme-color-surface-default-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-default-stroke: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-accent1-bg: var(--post-core-color-brand-white);--post-scheme-color-surface-accent1-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-alternate-bg: var(--post-core-color-sandgrey-006);--post-scheme-color-surface-alternate-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-brand-bg: var(--post-core-color-brand-postyellow);--post-scheme-color-surface-brand-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-accent-bg: var(--post-core-color-sandgrey-080);--post-scheme-color-surface-accent-fg: var(--post-core-color-brand-white);--post-scheme-color-surface-accent-fg-accent: var(--post-core-color-brand-postyellow);--post-scheme-color-notification-badge-bg: var(--post-core-color-notification-red);--post-scheme-color-notification-badge-fg: var(--post-core-color-brand-white);--post-scheme-color-notification-badge-stroke: var(--post-core-color-brand-white);--post-scheme-color-notification-popover-hover: var(--post-core-color-sandgrey-020);--post-scheme-accent-bg-scheme-1: var(--post-core-bg-scheme-light);--post-scheme-accent-bg-scheme-2: var(--post-core-bg-scheme-dark);--post-cargo-scheme-color-surface-default-bg: var(--post-core-color-sandgrey-002);--post-cargo-scheme-color-surface-default-fg: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-default-stroke: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-accent1-bg: var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-accent1-fg: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-alternate-bg: var(--post-core-color-sandgrey-006);--post-cargo-scheme-color-surface-alternate-fg: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-brand-bg: var(--post-core-color-cargo-green);--post-cargo-scheme-color-surface-brand-fg: var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-brand-fg-accent: var(--post-core-color-cargo-blue);--post-cargo-scheme-color-surface-accent-bg: var(--post-core-color-cargo-blue);--post-cargo-scheme-color-surface-accent-fg: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-accent-fg-accent: var(--post-core-color-cargo-green)}.palette-default[data-color-scheme=dark],.palette-default:where([data-color-scheme=dark] :not([data-color-scheme=dark])),.palette-alternate[data-color-scheme=dark],.palette-alternate:where([data-color-scheme=dark] :not([data-color-scheme=dark])),.palette-accent[data-color-scheme=light],.palette-accent:where([data-color-scheme=light] :not([data-color-scheme=dark])),.palette-accent:not([data-color-scheme=dark]):not([data-color-scheme=dark] *){--post-scheme-color-signal-success-dark: var(--post-core-color-notification-green);--post-scheme-color-signal-success-light: var(--post-core-color-notification-green-light);--post-scheme-color-signal-error-dark: var(--post-core-color-notification-red);--post-scheme-color-signal-error-light: var(--post-core-color-notification-red-light);--post-scheme-color-signal-warning-dark: var(--post-core-color-notification-orange);--post-scheme-color-signal-warning-light: var(--post-core-color-notification-orange-light);--post-scheme-color-signal-information-dark: var(--post-core-color-notification-blue);--post-scheme-color-signal-information-light: var(--post-core-color-notification-blue-light);--post-scheme-color-signal-neutral-dark: var(--post-core-color-sandgrey-100);--post-scheme-color-signal-neutral: var(--post-core-color-sandgrey-006);--post-scheme-color-signal-success-solo: var(--post-core-color-notification-green-night);--post-scheme-color-signal-error-solo: var(--post-core-color-notification-red-night);--post-scheme-color-interactive-button-primary-enabled-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-primary-enabled-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-enabled-stroke: var(--post-scheme-color-interactive-button-primary-enabled-bg);--post-scheme-color-interactive-button-primary-enabled-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-enabled-bg-inverted: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-primary-enabled-stroke-inverted: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-primary-hover-fg: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-primary-hover-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-stroke: var(--post-scheme-color-interactive-button-primary-hover-bg);--post-scheme-color-interactive-button-primary-hover-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-bg-inverted: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-primary-hover-stroke-inverted: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-primary-disabled-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-bg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-fg-inverted: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-bg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-stroke-inverted: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-secondary-enabled-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-bg: var(--post-core-color-colorless);--post-scheme-color-interactive-button-secondary-enabled-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-fg-inverted: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-secondary-enabled-bg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-stroke-inverted: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-secondary-hover-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-bg: var(--post-core-color-sandgrey-alpha-lightsand-10);--post-scheme-color-interactive-button-secondary-hover-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-fg-inverted: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-secondary-hover-bg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-stroke-inverted: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-secondary-disabled-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-bg: var(--post-core-color-sandgrey-alpha-lightsand-30);--post-scheme-color-interactive-button-secondary-disabled-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-fg-inverted: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-secondary-disabled-bg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-stroke-inverted: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-tertiary-enabled-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-enabled-bg: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-enabled-stroke: var(--post-scheme-color-interactive-button-tertiary-enabled-bg);--post-scheme-color-interactive-button-tertiary-enabled-fg-inverted: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-tertiary-enabled-bg-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-enabled-stroke-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-hover-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-hover-bg: var(--post-core-color-sandgrey-alpha-lightsand-10);--post-scheme-color-interactive-button-tertiary-hover-stroke: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-hover-fg-inverted: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-tertiary-hover-bg-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-hover-stroke-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-disabled-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-disabled-bg: var(--post-core-color-sandgrey-alpha-lightsand-30);--post-scheme-color-interactive-button-tertiary-disabled-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-disabled-fg-inverted: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-tertiary-disabled-bg-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-disabled-stroke-inverted: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-focus-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-focus-stroke-inverted: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-bg1: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-fg1: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-fg2: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-enabled-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-fg3: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-bg2: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-stroke3: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-bg3: var(--post-core-color-colorless);--post-scheme-color-interactive-primary-enabled-stroke4: var(--post-core-color-sandgrey-030);--post-scheme-color-interactive-primary-hover-bg: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-fg1: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-fg3: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-bg2: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-stroke3: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-bg3: var(--post-core-color-sandgrey-alpha-lightsand-20);--post-scheme-color-interactive-primary-hover-bg4: var(--post-core-color-sandgrey-006);--post-scheme-color-interactive-primary-disabled-bg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-fg1: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-fg3: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-stroke2: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-bg4: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-stroke3: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-bg5: var(--post-core-color-sandgrey-alpha-lightsand-10);--post-scheme-color-interactive-primary-disabled-fg4: var(--post-core-color-sandgrey-alpha-lightsand-60);--post-scheme-color-interactive-primary-disabled-stroke4: var(--post-core-color-sandgrey-alpha-lightsand-60);--post-scheme-color-interactive-primary-disabled-bg6: var(--post-core-color-colorless);--post-scheme-color-interactive-primary-selected-bg1: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-fg1: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-stroke1: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-fg3: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-bg2: var(--post-core-color-notification-green-light);--post-scheme-color-interactive-primary-selected-stroke4: var(--post-core-color-notification-green-light);--post-scheme-color-interactive-primary-selected-stroke3: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-bg4: var(--post-core-color-brand-white);--post-scheme-color-interactive-notification-info-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-info-bg: var(--post-scheme-color-signal-information-light);--post-scheme-color-interactive-notification-info-icon: var(--post-scheme-color-signal-information-dark);--post-scheme-color-interactive-notification-info-stroke: var(--post-scheme-color-signal-information-dark);--post-scheme-color-interactive-notification-success-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-success-bg: var(--post-scheme-color-signal-success-light);--post-scheme-color-interactive-notification-success-icon: var(--post-scheme-color-signal-success-dark);--post-scheme-color-interactive-notification-success-stroke: var(--post-scheme-color-signal-success-dark);--post-scheme-color-interactive-notification-warning-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-warning-bg: var(--post-scheme-color-signal-warning-light);--post-scheme-color-interactive-notification-warning-icon: var(--post-scheme-color-signal-warning-dark);--post-scheme-color-interactive-notification-warning-stroke: var(--post-scheme-color-signal-warning-dark);--post-scheme-color-interactive-notification-error-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-error-bg: var(--post-scheme-color-signal-error-light);--post-scheme-color-interactive-notification-error-icon: var(--post-scheme-color-signal-error-dark);--post-scheme-color-interactive-notification-error-stroke: var(--post-scheme-color-signal-error-dark);--post-scheme-color-interactive-input-enabled-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-input-enabled-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-input-enabled-border: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-input-hover-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-input-hover-fg: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-input-hover-border: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-input-disabled-bg: var(--post-core-color-colorless);--post-scheme-color-interactive-input-disabled-fg: var(--post-core-color-sandgrey-alpha-lightsand-60);--post-scheme-color-interactive-input-disabled-border: var(--post-core-color-sandgrey-alpha-lightsand-60);--post-scheme-color-interactive-card-hover-bg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-card-hover-fg: var(--post-core-color-brand-white);--post-scheme-color-surface-default-bg: var(--post-core-color-sandgrey-080);--post-scheme-color-surface-default-fg: var(--post-core-color-brand-white);--post-scheme-color-surface-default-stroke: var(--post-core-color-brand-white);--post-scheme-color-surface-accent1-bg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-accent1-fg: var(--post-core-color-brand-white);--post-scheme-color-surface-alternate-bg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-alternate-fg: var(--post-core-color-brand-white);--post-scheme-color-surface-brand-bg: var(--post-core-color-brand-postyellow);--post-scheme-color-surface-brand-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-accent-bg: var(--post-core-color-sandgrey-002);--post-scheme-color-surface-accent-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-accent-fg-accent: var(--post-core-color-brand-postyellow);--post-scheme-color-notification-badge-bg: var(--post-core-color-notification-red);--post-scheme-color-notification-badge-fg: var(--post-core-color-brand-white);--post-scheme-color-notification-badge-stroke: var(--post-core-color-brand-white);--post-scheme-color-notification-popover-hover: var(--post-core-color-sandgrey-020);--post-scheme-accent-bg-scheme-1: var(--post-core-bg-scheme-dark);--post-scheme-accent-bg-scheme-2: var(--post-core-bg-scheme-light);--post-cargo-scheme-color-surface-default-bg: var(--post-core-color-sandgrey-080);--post-cargo-scheme-color-surface-default-fg: var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-default-stroke: var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-accent1-bg: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-accent1-fg: var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-alternate-bg: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-alternate-fg: var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-brand-bg: var(--post-core-color-cargo-green);--post-cargo-scheme-color-surface-brand-fg: var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-brand-fg-accent: var(--post-core-color-cargo-blue);--post-cargo-scheme-color-surface-accent-bg: var(--post-core-color-cargo-blue);--post-cargo-scheme-color-surface-accent-fg: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-accent-fg-accent: var(--post-core-color-cargo-green)}.palette-text{color:var(--post-current-palette-fg)}body{background-color:var(--post-current-palette-bg) !important}body:not([data-color-scheme=dark]){--post-current-palette-fg: #050400;--post-current-palette-bg: #fafafa}body[data-color-scheme=dark]{--post-current-palette-fg: #ffffff;--post-current-palette-bg: #373632}.palette-default{color:var(--post-scheme-color-surface-default-fg);background-color:var(--post-current-palette-bg) !important}.palette-default[data-color-scheme=light],.palette-default:where([data-color-scheme=light] :not([data-color-scheme=dark])),.palette-default:not([data-color-scheme=dark]):not([data-color-scheme=dark] *){--post-current-palette-fg: #050400;--post-current-palette-bg: #fafafa}.palette-default[data-color-scheme=dark],.palette-default:where([data-color-scheme=dark] :not([data-color-scheme=dark])){--post-current-palette-fg: #ffffff;--post-current-palette-bg: #373632}.palette-alternate{color:var(--post-scheme-color-surface-default-fg);background-color:var(--post-current-palette-bg) !important}.palette-alternate[data-color-scheme=light],.palette-alternate:where([data-color-scheme=light] :not([data-color-scheme=dark])),.palette-alternate:not([data-color-scheme=dark]):not([data-color-scheme=dark] *){--post-current-palette-fg: #050400;--post-current-palette-bg: #f0efed}.palette-alternate[data-color-scheme=dark],.palette-alternate:where([data-color-scheme=dark] :not([data-color-scheme=dark])){--post-current-palette-fg: #ffffff;--post-current-palette-bg: #050400}.palette-brand{color:var(--post-scheme-color-surface-default-fg);background-color:var(--post-current-palette-bg) !important}.palette-brand[data-color-scheme=light],.palette-brand:where([data-color-scheme=light] :not([data-color-scheme=dark])),.palette-brand:not([data-color-scheme=dark]):not([data-color-scheme=dark] *){--post-current-palette-fg: #050400;--post-current-palette-bg: #ffcc00}.palette-brand[data-color-scheme=dark],.palette-brand:where([data-color-scheme=dark] :not([data-color-scheme=dark])){--post-current-palette-fg: #050400;--post-current-palette-bg: #ffcc00}.palette-accent{color:var(--post-scheme-color-surface-default-fg);background-color:var(--post-current-palette-bg) !important}.palette-accent[data-color-scheme=light],.palette-accent:where([data-color-scheme=light] :not([data-color-scheme=dark])),.palette-accent:not([data-color-scheme=dark]):not([data-color-scheme=dark] *){--post-current-palette-fg: #ffffff;--post-current-palette-bg: #373632}.palette-accent[data-color-scheme=dark],.palette-accent:where([data-color-scheme=dark] :not([data-color-scheme=dark])){--post-current-palette-fg: #050400;--post-current-palette-bg: #fafafa}
package/palettes/post-palettes.scss ADDED
@@ -0,0 +1,3 @@
1
+ @use 'mixins' as *;
2
+
3
+ @include palettes('post');
package/placeholders/_button.scss CHANGED
@@ -1,18 +1,15 @@
1
1
  @use './../mixins/utilities';
2
2
  @use './../mixins/color' as color-mx;
3
+ @use './../variables/color';
3
4
  @use './../variables/components/button';
4
5
 
5
6
  %btn-transparent-background {
6
7
  @include utilities.not-disabled-focus-hover() {
7
- color: var(--post-contrast-color);
8
+ color: color.$black;
8
9
  }
9
10
 
10
11
  // Invert icon on dark backgrounds
11
12
  @include color-mx.on-dark-background() {
12
- color: var(--post-contrast-color);
13
-
14
- .pi {
15
- filter: invert(1);
16
- }
13
+ color: color.$black;
17
14
  }
18
15
  }
package/placeholders/_close.scss CHANGED
@@ -15,7 +15,8 @@
15
15
  color: close.$close-color;
16
16
  transition: close.$close-transition;
17
17
  cursor: pointer;
18
- @include utilities-mx.focus-style() {
18
+
19
+ @include utilities-mx.focus-style {
19
20
  border-radius: commons.$border-radius;
20
21
  }
21
22
 
@@ -27,10 +28,6 @@
27
28
  width: close.$close-size;
28
29
  }
29
30
 
30
- @include color-mx.on-dark-background() {
31
- color: var(--post-contrast-color);
32
- }
33
-
34
31
  @include utilities-mx.not-disabled-focus-hover() {
35
32
  color: close.$close-hover-color;
36
33
  }
package/placeholders/_schemes.scss ADDED
@@ -0,0 +1,10 @@
1
+ @use '../tokens/temp/scheme';
2
+ @use './../mixins/tokens';
3
+
4
+ %color-scheme-light {
5
+ @include tokens.from(scheme.$post-light);
6
+ }
7
+
8
+ %color-scheme-dark {
9
+ @include tokens.from(scheme.$post-dark);
10
+ }