@graupl/graupl 1.0.0-beta.0 → 1.0.0-beta.10

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 (613) hide show
  1. package/.devcontainer/devcontainer.json +221 -0
  2. package/.env +3 -0
  3. package/.github/workflows/docs.yml +13 -6
  4. package/.github/workflows/prerelease.yml +125 -0
  5. package/.github/workflows/release.yml +111 -0
  6. package/.github/workflows/test.yml +54 -3
  7. package/.versionrc.cjs +12 -0
  8. package/.vscode/settings.json +10 -0
  9. package/CHANGELOG.md +203 -1
  10. package/build.js +4 -2
  11. package/combine-at-rules.cjs +61 -0
  12. package/container/.env +26 -0
  13. package/container/build/app.dockerfile +41 -0
  14. package/container/docker-compose.yml +27 -0
  15. package/dist/css/base/button.css +1 -1
  16. package/dist/css/base/button.css.map +1 -1
  17. package/dist/css/base/form.css +1 -1
  18. package/dist/css/base/form.css.map +1 -1
  19. package/dist/css/base/link.css +1 -1
  20. package/dist/css/base/link.css.map +1 -1
  21. package/dist/css/base/table.css +1 -1
  22. package/dist/css/base/table.css.map +1 -1
  23. package/dist/css/base.css +1 -1
  24. package/dist/css/base.css.map +1 -1
  25. package/dist/css/component/accordion.css +4 -1
  26. package/dist/css/component/accordion.css.map +1 -1
  27. package/dist/css/component/alert.css +1 -1
  28. package/dist/css/component/alert.css.map +1 -1
  29. package/dist/css/component/card.css +1 -1
  30. package/dist/css/component/card.css.map +1 -1
  31. package/dist/css/component/carousel.css +1 -1
  32. package/dist/css/component/carousel.css.map +1 -1
  33. package/dist/css/component/input-group.css +1 -1
  34. package/dist/css/component/input-group.css.map +1 -1
  35. package/dist/css/component/list.css +2 -0
  36. package/dist/css/component/list.css.map +1 -0
  37. package/dist/css/component/menu.css +1 -1
  38. package/dist/css/component/menu.css.map +1 -1
  39. package/dist/css/component/navigation.css +1 -1
  40. package/dist/css/component/navigation.css.map +1 -1
  41. package/dist/css/component.css +4 -1
  42. package/dist/css/component.css.map +1 -1
  43. package/dist/css/graupl.css +4 -1
  44. package/dist/css/graupl.css.map +1 -1
  45. package/dist/css/init.css.map +1 -1
  46. package/dist/css/layout/columns.css +1 -1
  47. package/dist/css/layout/columns.css.map +1 -1
  48. package/dist/css/layout/container.css +1 -1
  49. package/dist/css/layout/container.css.map +1 -1
  50. package/dist/css/layout/flex-columns.css +1 -1
  51. package/dist/css/layout/flex-columns.css.map +1 -1
  52. package/dist/css/layout.css +4 -1
  53. package/dist/css/layout.css.map +1 -1
  54. package/dist/css/normalize.css.map +1 -1
  55. package/dist/css/state/focus.css +1 -1
  56. package/dist/css/state/focus.css.map +1 -1
  57. package/dist/css/state.css +1 -1
  58. package/dist/css/state.css.map +1 -1
  59. package/dist/css/theme/color.css.map +1 -1
  60. package/dist/css/theme/typography.css +1 -1
  61. package/dist/css/theme/typography.css.map +1 -1
  62. package/dist/css/theme.css +1 -1
  63. package/dist/css/theme.css.map +1 -1
  64. package/dist/css/utilities/alignment.css.map +1 -1
  65. package/dist/css/utilities/background.css +2 -0
  66. package/dist/css/utilities/background.css.map +1 -0
  67. package/dist/css/utilities/border.css +2 -0
  68. package/dist/css/utilities/border.css.map +1 -0
  69. package/dist/css/utilities/color.css +1 -1
  70. package/dist/css/utilities/color.css.map +1 -1
  71. package/dist/css/utilities/container.css +2 -0
  72. package/dist/css/utilities/container.css.map +1 -0
  73. package/dist/css/utilities/display.css +1 -1
  74. package/dist/css/utilities/display.css.map +1 -1
  75. package/dist/css/utilities/flex.css +1 -1
  76. package/dist/css/utilities/flex.css.map +1 -1
  77. package/dist/css/utilities/gradient.css +2 -0
  78. package/dist/css/utilities/gradient.css.map +1 -0
  79. package/dist/css/utilities/height.css +1 -1
  80. package/dist/css/utilities/height.css.map +1 -1
  81. package/dist/css/utilities/inset.css +1 -1
  82. package/dist/css/utilities/inset.css.map +1 -1
  83. package/dist/css/utilities/justification.css.map +1 -1
  84. package/dist/css/utilities/list.css.map +1 -1
  85. package/dist/css/utilities/order.css.map +1 -1
  86. package/dist/css/utilities/position.css +2 -0
  87. package/dist/css/utilities/position.css.map +1 -0
  88. package/dist/css/utilities/ratio.css +1 -1
  89. package/dist/css/utilities/ratio.css.map +1 -1
  90. package/dist/css/utilities/spacing.css +1 -1
  91. package/dist/css/utilities/spacing.css.map +1 -1
  92. package/dist/css/utilities/typography.css +1 -1
  93. package/dist/css/utilities/typography.css.map +1 -1
  94. package/dist/css/utilities/visibility.css +1 -1
  95. package/dist/css/utilities/visibility.css.map +1 -1
  96. package/dist/css/utilities/visually-hidden.css +2 -0
  97. package/dist/css/utilities/visually-hidden.css.map +1 -0
  98. package/dist/css/utilities/width.css +1 -1
  99. package/dist/css/utilities/width.css.map +1 -1
  100. package/dist/css/utilities/z-index.css +2 -0
  101. package/dist/css/utilities/z-index.css.map +1 -0
  102. package/dist/css/utilities.css +1 -1
  103. package/dist/css/utilities.css.map +1 -1
  104. package/dist/js/graupl.cjs.js +5 -3
  105. package/dist/js/graupl.esm.js +1305 -206
  106. package/dist/js/graupl.iife.js +5 -3
  107. package/docs/.vitepress/config.js +31 -1
  108. package/docs/.vitepress/theme/custom.scss +16 -16
  109. package/docs/compiling-graupl.md +6 -5
  110. package/docs/components/alert.md +28 -28
  111. package/docs/components/button.md +36 -36
  112. package/docs/components/card.md +39 -39
  113. package/docs/components/inputgroup.md +12 -12
  114. package/docs/components/menu.md +112 -112
  115. package/docs/components/navigation.md +52 -52
  116. package/docs/content.md +86 -86
  117. package/docs/defaults.md +10 -10
  118. package/docs/forms.md +34 -34
  119. package/docs/layout.md +21 -21
  120. package/docs/state.md +8 -8
  121. package/docs/theme.md +58 -58
  122. package/docs/utilities/alignment.md +411 -0
  123. package/docs/utilities/background.md +192 -0
  124. package/docs/utilities/border.md +268 -0
  125. package/docs/utilities/color.md +348 -0
  126. package/docs/utilities/container.md +3 -0
  127. package/docs/utilities/display.md +3 -0
  128. package/docs/utilities/flex.md +3 -0
  129. package/docs/utilities/gradient.md +3 -0
  130. package/docs/utilities/height.md +3 -0
  131. package/docs/utilities/inset.md +3 -0
  132. package/docs/utilities/justification.md +3 -0
  133. package/docs/utilities/list.md +3 -0
  134. package/docs/utilities/order.md +3 -0
  135. package/docs/utilities/position.md +3 -0
  136. package/docs/utilities/ratio.md +3 -0
  137. package/docs/utilities/responsive-classes.md +3 -0
  138. package/docs/utilities/spacing.md +3 -0
  139. package/docs/utilities/typography.md +3 -0
  140. package/docs/utilities/visibility.md +3 -0
  141. package/docs/utilities/visually-hidden.md +3 -0
  142. package/docs/utilities/width.md +3 -0
  143. package/docs/utilities/z-index.md +3 -0
  144. package/docs/utilities.md +1 -1
  145. package/favicon.ico +0 -0
  146. package/index.html +418 -55
  147. package/logo.svg +296 -0
  148. package/package.json +33 -37
  149. package/packages/core/build.js +9 -0
  150. package/packages/core/dist/css/base/button.css +2 -0
  151. package/packages/core/dist/css/base/button.css.map +1 -0
  152. package/packages/core/dist/css/base/form.css +2 -0
  153. package/packages/core/dist/css/base/form.css.map +1 -0
  154. package/packages/core/dist/css/base/link.css +2 -0
  155. package/packages/core/dist/css/base/link.css.map +1 -0
  156. package/packages/core/dist/css/base/table.css +2 -0
  157. package/packages/core/dist/css/base/table.css.map +1 -0
  158. package/packages/core/dist/css/base.css +2 -0
  159. package/packages/core/dist/css/base.css.map +1 -0
  160. package/packages/core/dist/css/component/accordion.css +5 -0
  161. package/packages/core/dist/css/component/accordion.css.map +1 -0
  162. package/packages/core/dist/css/component/alert.css +2 -0
  163. package/packages/core/dist/css/component/alert.css.map +1 -0
  164. package/packages/core/dist/css/component/card.css +2 -0
  165. package/packages/core/dist/css/component/card.css.map +1 -0
  166. package/packages/core/dist/css/component/carousel.css +2 -0
  167. package/packages/core/dist/css/component/carousel.css.map +1 -0
  168. package/packages/core/dist/css/component/input-group.css +2 -0
  169. package/packages/core/dist/css/component/input-group.css.map +1 -0
  170. package/packages/core/dist/css/component/list.css +2 -0
  171. package/packages/core/dist/css/component/list.css.map +1 -0
  172. package/packages/core/dist/css/component/menu.css +2 -0
  173. package/packages/core/dist/css/component/menu.css.map +1 -0
  174. package/packages/core/dist/css/component/navigation.css +2 -0
  175. package/packages/core/dist/css/component/navigation.css.map +1 -0
  176. package/packages/core/dist/css/component.css +5 -0
  177. package/packages/core/dist/css/component.css.map +1 -0
  178. package/packages/core/dist/css/graupl.css +5 -0
  179. package/packages/core/dist/css/graupl.css.map +1 -0
  180. package/{src/scss/_init.scss → packages/core/dist/css/init.css} +1 -2
  181. package/packages/core/dist/css/init.css.map +1 -0
  182. package/packages/core/dist/css/layout/columns.css +2 -0
  183. package/packages/core/dist/css/layout/columns.css.map +1 -0
  184. package/packages/core/dist/css/layout/container.css +2 -0
  185. package/packages/core/dist/css/layout/container.css.map +1 -0
  186. package/packages/core/dist/css/layout/flex-columns.css +2 -0
  187. package/packages/core/dist/css/layout/flex-columns.css.map +1 -0
  188. package/packages/core/dist/css/layout.css +5 -0
  189. package/packages/core/dist/css/layout.css.map +1 -0
  190. package/packages/core/dist/css/normalize.css +2 -0
  191. package/packages/core/dist/css/normalize.css.map +1 -0
  192. package/packages/core/dist/css/state/focus.css +2 -0
  193. package/packages/core/dist/css/state/focus.css.map +1 -0
  194. package/packages/core/dist/css/state.css +2 -0
  195. package/packages/core/dist/css/state.css.map +1 -0
  196. package/packages/core/dist/css/theme/color.css +2 -0
  197. package/packages/core/dist/css/theme/color.css.map +1 -0
  198. package/packages/core/dist/css/theme/typography.css +2 -0
  199. package/packages/core/dist/css/theme/typography.css.map +1 -0
  200. package/packages/core/dist/css/theme.css +2 -0
  201. package/packages/core/dist/css/theme.css.map +1 -0
  202. package/packages/core/dist/css/utilities/alignment.css +2 -0
  203. package/packages/core/dist/css/utilities/alignment.css.map +1 -0
  204. package/packages/core/dist/css/utilities/background.css +2 -0
  205. package/packages/core/dist/css/utilities/background.css.map +1 -0
  206. package/packages/core/dist/css/utilities/border.css +2 -0
  207. package/packages/core/dist/css/utilities/border.css.map +1 -0
  208. package/packages/core/dist/css/utilities/color.css +2 -0
  209. package/packages/core/dist/css/utilities/color.css.map +1 -0
  210. package/packages/core/dist/css/utilities/container.css +2 -0
  211. package/packages/core/dist/css/utilities/container.css.map +1 -0
  212. package/packages/core/dist/css/utilities/display.css +2 -0
  213. package/packages/core/dist/css/utilities/display.css.map +1 -0
  214. package/packages/core/dist/css/utilities/flex.css +2 -0
  215. package/packages/core/dist/css/utilities/flex.css.map +1 -0
  216. package/packages/core/dist/css/utilities/gradient.css +2 -0
  217. package/packages/core/dist/css/utilities/gradient.css.map +1 -0
  218. package/packages/core/dist/css/utilities/height.css +2 -0
  219. package/packages/core/dist/css/utilities/height.css.map +1 -0
  220. package/packages/core/dist/css/utilities/inset.css +2 -0
  221. package/packages/core/dist/css/utilities/inset.css.map +1 -0
  222. package/packages/core/dist/css/utilities/justification.css +2 -0
  223. package/packages/core/dist/css/utilities/justification.css.map +1 -0
  224. package/packages/core/dist/css/utilities/list.css +2 -0
  225. package/packages/core/dist/css/utilities/list.css.map +1 -0
  226. package/packages/core/dist/css/utilities/order.css +2 -0
  227. package/packages/core/dist/css/utilities/order.css.map +1 -0
  228. package/packages/core/dist/css/utilities/position.css +2 -0
  229. package/packages/core/dist/css/utilities/position.css.map +1 -0
  230. package/packages/core/dist/css/utilities/ratio.css +2 -0
  231. package/packages/core/dist/css/utilities/ratio.css.map +1 -0
  232. package/packages/core/dist/css/utilities/spacing.css +2 -0
  233. package/packages/core/dist/css/utilities/spacing.css.map +1 -0
  234. package/packages/core/dist/css/utilities/typography.css +2 -0
  235. package/packages/core/dist/css/utilities/typography.css.map +1 -0
  236. package/packages/core/dist/css/utilities/visibility.css +2 -0
  237. package/packages/core/dist/css/utilities/visibility.css.map +1 -0
  238. package/packages/core/dist/css/utilities/visually-hidden.css +2 -0
  239. package/packages/core/dist/css/utilities/visually-hidden.css.map +1 -0
  240. package/packages/core/dist/css/utilities/width.css +2 -0
  241. package/packages/core/dist/css/utilities/width.css.map +1 -0
  242. package/packages/core/dist/css/utilities/z-index.css +2 -0
  243. package/packages/core/dist/css/utilities/z-index.css.map +1 -0
  244. package/packages/core/dist/css/utilities.css +2 -0
  245. package/packages/core/dist/css/utilities.css.map +1 -0
  246. package/packages/core/package.json +58 -0
  247. package/packages/core/scss/base/button.scss +3 -0
  248. package/packages/core/scss/base/form.scss +3 -0
  249. package/packages/core/scss/base/link.scss +3 -0
  250. package/packages/core/scss/base/table.scss +3 -0
  251. package/packages/core/scss/base.scss +3 -0
  252. package/packages/core/scss/component/accordion.scss +3 -0
  253. package/packages/core/scss/component/alert.scss +3 -0
  254. package/packages/core/scss/component/card.scss +3 -0
  255. package/packages/core/scss/component/carousel.scss +3 -0
  256. package/packages/core/scss/component/input-group.scss +3 -0
  257. package/packages/core/scss/component/list.scss +3 -0
  258. package/packages/core/scss/component/menu.scss +3 -0
  259. package/packages/core/scss/component/navigation.scss +3 -0
  260. package/packages/core/scss/component.scss +3 -0
  261. package/packages/core/scss/graupl.scss +3 -0
  262. package/packages/core/scss/init.scss +3 -0
  263. package/packages/core/scss/layout/columns.scss +3 -0
  264. package/packages/core/scss/layout/container.scss +3 -0
  265. package/packages/core/scss/layout/flex-columns.scss +3 -0
  266. package/packages/core/scss/layout.scss +3 -0
  267. package/packages/core/scss/normalize.scss +3 -0
  268. package/packages/core/scss/state/focus.scss +3 -0
  269. package/packages/core/scss/state.scss +3 -0
  270. package/packages/core/scss/theme/color.scss +3 -0
  271. package/packages/core/scss/theme/typography.scss +3 -0
  272. package/packages/core/scss/theme.scss +3 -0
  273. package/packages/core/scss/utilities/alignment.scss +3 -0
  274. package/packages/core/scss/utilities/background.scss +3 -0
  275. package/packages/core/scss/utilities/border.scss +3 -0
  276. package/packages/core/scss/utilities/color.scss +3 -0
  277. package/packages/core/scss/utilities/container.scss +3 -0
  278. package/packages/core/scss/utilities/display.scss +3 -0
  279. package/packages/core/scss/utilities/flex.scss +3 -0
  280. package/packages/core/scss/utilities/gradient.scss +3 -0
  281. package/packages/core/scss/utilities/height.scss +3 -0
  282. package/packages/core/scss/utilities/inset.scss +3 -0
  283. package/packages/core/scss/utilities/justification.scss +3 -0
  284. package/packages/core/scss/utilities/list.scss +3 -0
  285. package/packages/core/scss/utilities/order.scss +3 -0
  286. package/{scss/utilities/postion.scss → packages/core/scss/utilities/position.scss} +1 -1
  287. package/packages/core/scss/utilities/ratio.scss +3 -0
  288. package/packages/core/scss/utilities/spacing.scss +3 -0
  289. package/packages/core/scss/utilities/typography.scss +3 -0
  290. package/packages/core/scss/utilities/visibility.scss +3 -0
  291. package/packages/core/scss/utilities/visually-hidden.scss +3 -0
  292. package/packages/core/scss/utilities/width.scss +3 -0
  293. package/packages/core/scss/utilities/z-index.scss +3 -0
  294. package/packages/core/scss/utilities.scss +3 -0
  295. package/{src → packages/core/src}/scss/_defaults.scss +59 -11
  296. package/{src → packages/core/src}/scss/_index.scss +1 -1
  297. package/packages/core/src/scss/_init.scss +6 -0
  298. package/{src → packages/core/src}/scss/_normalize.scss +1 -1
  299. package/packages/core/src/scss/_variables.scss +95 -0
  300. package/{src → packages/core/src}/scss/base/_index.scss +1 -1
  301. package/{src → packages/core/src}/scss/base/button/_defaults.scss +13 -24
  302. package/packages/core/src/scss/base/button/_index.scss +206 -0
  303. package/packages/core/src/scss/base/button/_mixins.scss +104 -0
  304. package/packages/core/src/scss/base/button/_variables.scss +252 -0
  305. package/{src → packages/core/src}/scss/base/form/_defaults.scss +8 -1
  306. package/packages/core/src/scss/base/form/_index.scss +227 -0
  307. package/packages/core/src/scss/base/form/_variables.scss +245 -0
  308. package/packages/core/src/scss/base/link/_defaults.scss +35 -0
  309. package/packages/core/src/scss/base/link/_index.scss +245 -0
  310. package/packages/core/src/scss/base/link/_variables.scss +370 -0
  311. package/packages/core/src/scss/base/table/_defaults.scss +68 -0
  312. package/packages/core/src/scss/base/table/_index.scss +314 -0
  313. package/packages/core/src/scss/base/table/_variables.scss +309 -0
  314. package/{src → packages/core/src}/scss/component/_index.scss +2 -1
  315. package/{src → packages/core/src}/scss/component/accordion/_defaults.scss +1 -1
  316. package/{src → packages/core/src}/scss/component/accordion/_index.scss +78 -60
  317. package/{src → packages/core/src}/scss/component/accordion/_variables.scss +127 -87
  318. package/{src → packages/core/src}/scss/component/alert/_defaults.scss +1 -1
  319. package/{src → packages/core/src}/scss/component/alert/_index.scss +51 -50
  320. package/packages/core/src/scss/component/alert/_variables.scss +200 -0
  321. package/{src → packages/core/src}/scss/component/card/_defaults.scss +1 -1
  322. package/{src → packages/core/src}/scss/component/card/_index.scss +53 -19
  323. package/packages/core/src/scss/component/card/_variables.scss +216 -0
  324. package/{src → packages/core/src}/scss/component/carousel/_defaults.scss +1 -1
  325. package/{src → packages/core/src}/scss/component/carousel/_index.scss +32 -28
  326. package/{src → packages/core/src}/scss/component/carousel/_variables.scss +22 -22
  327. package/{src → packages/core/src}/scss/component/input-group/_defaults.scss +1 -1
  328. package/{src → packages/core/src}/scss/component/input-group/_index.scss +2 -2
  329. package/{src → packages/core/src}/scss/component/input-group/_variables.scss +13 -13
  330. package/{src/scss/utilities/order → packages/core/src/scss/component/list}/_defaults.scss +7 -14
  331. package/packages/core/src/scss/component/list/_index.scss +52 -0
  332. package/packages/core/src/scss/component/list/_variables.scss +236 -0
  333. package/{src → packages/core/src}/scss/component/menu/_defaults.scss +11 -20
  334. package/packages/core/src/scss/component/menu/_index.scss +308 -0
  335. package/packages/core/src/scss/component/menu/_variables.scss +642 -0
  336. package/packages/core/src/scss/component/navigation/_defaults.scss +23 -0
  337. package/packages/core/src/scss/component/navigation/_index.scss +190 -0
  338. package/packages/core/src/scss/component/navigation/_variables.scss +290 -0
  339. package/packages/core/src/scss/functions/_container.scss +38 -0
  340. package/packages/core/src/scss/functions/_important.scss +36 -0
  341. package/{src → packages/core/src}/scss/functions/_screen.scss +9 -1
  342. package/{src → packages/core/src}/scss/functions/_theme.scss +2 -2
  343. package/packages/core/src/scss/functions/_utility.scss +28 -0
  344. package/{src → packages/core/src}/scss/layout/_index.scss +1 -1
  345. package/{src → packages/core/src}/scss/layout/columns/_defaults.scss +9 -4
  346. package/packages/core/src/scss/layout/columns/_index.scss +137 -0
  347. package/{src → packages/core/src}/scss/layout/columns/_variables.scss +13 -9
  348. package/packages/core/src/scss/layout/container/_defaults.scss +35 -0
  349. package/packages/core/src/scss/layout/container/_index.scss +628 -0
  350. package/packages/core/src/scss/layout/container/_variables.scss +114 -0
  351. package/packages/core/src/scss/layout/flex-columns/_defaults.scss +28 -0
  352. package/packages/core/src/scss/layout/flex-columns/_index.scss +184 -0
  353. package/{src → packages/core/src}/scss/layout/flex-columns/_variables.scss +9 -5
  354. package/{src → packages/core/src}/scss/mixins/_animation.scss +1 -1
  355. package/packages/core/src/scss/mixins/_container.scss +80 -0
  356. package/{src → packages/core/src}/scss/mixins/_layer.scss +6 -2
  357. package/{src → packages/core/src}/scss/mixins/_screen.scss +25 -4
  358. package/packages/core/src/scss/mixins/_state.scss +18 -0
  359. package/packages/core/src/scss/mixins/_theme.scss +15 -0
  360. package/packages/core/src/scss/mixins/_utility.scss +185 -0
  361. package/packages/core/src/scss/mixins/_visually-hidden.scss +30 -0
  362. package/packages/core/src/scss/state/_index.scss +3 -0
  363. package/{src → packages/core/src}/scss/state/focus/_defaults.scss +1 -2
  364. package/packages/core/src/scss/state/focus/_index.scss +42 -0
  365. package/packages/core/src/scss/state/focus/_mixins.scss +13 -0
  366. package/packages/core/src/scss/state/focus/_variables.scss +50 -0
  367. package/{src → packages/core/src}/scss/theme/_index.scss +1 -1
  368. package/{src → packages/core/src}/scss/theme/color/_defaults.scss +1 -1
  369. package/{src → packages/core/src}/scss/theme/color/_index.scss +8 -8
  370. package/{src → packages/core/src}/scss/theme/color/_variables.scss +12 -8
  371. package/{src → packages/core/src}/scss/theme/typography/_defaults.scss +1 -1
  372. package/{src → packages/core/src}/scss/theme/typography/_index.scss +10 -1
  373. package/packages/core/src/scss/theme/typography/_variables.scss +248 -0
  374. package/{src → packages/core/src}/scss/utilities/_index.scss +7 -1
  375. package/packages/core/src/scss/utilities/_template/_defaults.scss +41 -0
  376. package/packages/core/src/scss/utilities/_template/_index.scss +171 -0
  377. package/{src/scss/utilities/alignment → packages/core/src/scss/utilities/_template}/_variables.scss +1 -1
  378. package/{src → packages/core/src}/scss/utilities/alignment/_defaults.scss +21 -7
  379. package/packages/core/src/scss/utilities/alignment/_index.scss +336 -0
  380. package/{src/scss/utilities/display → packages/core/src/scss/utilities/alignment}/_variables.scss +1 -1
  381. package/packages/core/src/scss/utilities/background/_defaults.scss +122 -0
  382. package/packages/core/src/scss/utilities/background/_index.scss +634 -0
  383. package/packages/core/src/scss/utilities/background/_variables.scss +6 -0
  384. package/packages/core/src/scss/utilities/border/_defaults.scss +73 -0
  385. package/packages/core/src/scss/utilities/border/_index.scss +558 -0
  386. package/{src/scss/utilities/list → packages/core/src/scss/utilities/border}/_variables.scss +1 -1
  387. package/packages/core/src/scss/utilities/color/_defaults.scss +49 -0
  388. package/packages/core/src/scss/utilities/color/_index.scss +469 -0
  389. package/{src/scss/utilities/flex → packages/core/src/scss/utilities/color}/_variables.scss +1 -1
  390. package/packages/core/src/scss/utilities/container/_defaults.scss +40 -0
  391. package/packages/core/src/scss/utilities/container/_index.scss +174 -0
  392. package/packages/core/src/scss/utilities/container/_variables.scss +6 -0
  393. package/packages/core/src/scss/utilities/display/_defaults.scss +47 -0
  394. package/packages/core/src/scss/utilities/display/_index.scss +184 -0
  395. package/{src/scss/utilities/inset → packages/core/src/scss/utilities/display}/_variables.scss +1 -1
  396. package/packages/core/src/scss/utilities/flex/_defaults.scss +99 -0
  397. package/packages/core/src/scss/utilities/flex/_index.scss +486 -0
  398. package/{src/scss/utilities/color → packages/core/src/scss/utilities/flex}/_variables.scss +1 -1
  399. package/packages/core/src/scss/utilities/gradient/_defaults.scss +70 -0
  400. package/packages/core/src/scss/utilities/gradient/_index.scss +696 -0
  401. package/packages/core/src/scss/utilities/gradient/_variables.scss +29 -0
  402. package/packages/core/src/scss/utilities/height/_defaults.scss +54 -0
  403. package/packages/core/src/scss/utilities/height/_index.scss +525 -0
  404. package/packages/core/src/scss/utilities/height/_variables.scss +6 -0
  405. package/packages/core/src/scss/utilities/inset/_defaults.scss +55 -0
  406. package/packages/core/src/scss/utilities/inset/_index.scss +258 -0
  407. package/packages/core/src/scss/utilities/inset/_variables.scss +6 -0
  408. package/{src → packages/core/src}/scss/utilities/justification/_defaults.scss +21 -7
  409. package/packages/core/src/scss/utilities/justification/_index.scss +333 -0
  410. package/packages/core/src/scss/utilities/justification/_variables.scss +6 -0
  411. package/packages/core/src/scss/utilities/list/_defaults.scss +53 -0
  412. package/packages/core/src/scss/utilities/list/_index.scss +253 -0
  413. package/packages/core/src/scss/utilities/list/_variables.scss +6 -0
  414. package/packages/core/src/scss/utilities/order/_defaults.scss +36 -0
  415. package/packages/core/src/scss/utilities/order/_index.scss +246 -0
  416. package/packages/core/src/scss/utilities/order/_variables.scss +6 -0
  417. package/packages/core/src/scss/utilities/position/_defaults.scss +41 -0
  418. package/packages/core/src/scss/utilities/position/_index.scss +178 -0
  419. package/{src/scss/utilities/height → packages/core/src/scss/utilities/position}/_variables.scss +1 -1
  420. package/packages/core/src/scss/utilities/ratio/_defaults.scss +42 -0
  421. package/packages/core/src/scss/utilities/ratio/_index.scss +188 -0
  422. package/{src → packages/core/src}/scss/utilities/ratio/_variables.scss +2 -2
  423. package/{src → packages/core/src}/scss/utilities/spacing/_defaults.scss +19 -4
  424. package/packages/core/src/scss/utilities/spacing/_index.scss +970 -0
  425. package/packages/core/src/scss/utilities/spacing/_variables.scss +6 -0
  426. package/packages/core/src/scss/utilities/typography/_defaults.scss +58 -0
  427. package/packages/core/src/scss/utilities/typography/_index.scss +1089 -0
  428. package/packages/core/src/scss/utilities/typography/_variables.scss +6 -0
  429. package/packages/core/src/scss/utilities/visibility/_defaults.scss +39 -0
  430. package/packages/core/src/scss/utilities/visibility/_index.scss +173 -0
  431. package/packages/core/src/scss/utilities/visibility/_variables.scss +6 -0
  432. package/packages/core/src/scss/utilities/visually-hidden/_defaults.scss +29 -0
  433. package/packages/core/src/scss/utilities/visually-hidden/_index.scss +189 -0
  434. package/packages/core/src/scss/utilities/visually-hidden/_variables.scss +6 -0
  435. package/packages/core/src/scss/utilities/width/_defaults.scss +54 -0
  436. package/packages/core/src/scss/utilities/width/_index.scss +525 -0
  437. package/packages/core/src/scss/utilities/width/_variables.scss +6 -0
  438. package/packages/core/src/scss/utilities/z-index/_defaults.scss +40 -0
  439. package/packages/core/src/scss/utilities/z-index/_index.scss +173 -0
  440. package/packages/core/src/scss/utilities/z-index/_variables.scss +6 -0
  441. package/packages/core/vite.config.js +28 -0
  442. package/packages/icons/dist/css/base/button.css +2 -0
  443. package/packages/icons/dist/css/base/button.css.map +1 -0
  444. package/packages/icons/dist/css/base/link.css +2 -0
  445. package/packages/icons/dist/css/base/link.css.map +1 -0
  446. package/packages/icons/dist/css/base.css +2 -0
  447. package/packages/icons/dist/css/base.css.map +1 -0
  448. package/packages/icons/dist/css/component/icon.css +2 -0
  449. package/packages/icons/dist/css/component/icon.css.map +1 -0
  450. package/packages/icons/dist/css/component.css +2 -0
  451. package/packages/icons/dist/css/component.css.map +1 -0
  452. package/packages/icons/dist/css/icon.css +2 -0
  453. package/packages/icons/dist/css/icon.css.map +1 -0
  454. package/packages/icons/package.json +48 -0
  455. package/packages/icons/scss/base/button.scss +3 -0
  456. package/packages/icons/scss/base/link.scss +3 -0
  457. package/packages/icons/scss/base.scss +3 -0
  458. package/packages/icons/scss/component/icon.scss +3 -0
  459. package/packages/icons/scss/component.scss +3 -0
  460. package/packages/icons/scss/icon.scss +3 -0
  461. package/packages/icons/src/scss/_index.scss +4 -0
  462. package/packages/icons/src/scss/base/_index.scss +4 -0
  463. package/packages/icons/src/scss/base/button/_defaults.scss +7 -0
  464. package/packages/icons/src/scss/base/button/_index.scss +58 -0
  465. package/packages/icons/src/scss/base/button/_variables.scss +7 -0
  466. package/packages/icons/src/scss/base/link/_defaults.scss +7 -0
  467. package/packages/icons/src/scss/base/link/_index.scss +58 -0
  468. package/packages/icons/src/scss/base/link/_variables.scss +7 -0
  469. package/packages/icons/src/scss/component/_index.scss +3 -0
  470. package/packages/icons/src/scss/component/icon/_defaults.scss +30 -0
  471. package/packages/icons/src/scss/component/icon/_index.scss +60 -0
  472. package/packages/icons/src/scss/component/icon/_mixins.scss +62 -0
  473. package/packages/icons/src/scss/component/icon/_variables.scss +24 -0
  474. package/postcss.config.cjs +2 -3
  475. package/scss/base/button.scss +1 -1
  476. package/scss/base/form.scss +1 -1
  477. package/scss/base/link.scss +1 -1
  478. package/scss/base/table.scss +1 -1
  479. package/scss/base.scss +1 -1
  480. package/scss/component/accordion.scss +1 -1
  481. package/scss/component/alert.scss +1 -1
  482. package/scss/component/card.scss +1 -1
  483. package/scss/component/carousel.scss +1 -1
  484. package/scss/component/input-group.scss +1 -1
  485. package/scss/component/list.scss +3 -0
  486. package/scss/component/menu.scss +1 -1
  487. package/scss/component/navigation.scss +1 -1
  488. package/scss/component.scss +1 -1
  489. package/scss/graupl.scss +1 -1
  490. package/scss/init.scss +1 -1
  491. package/scss/layout/columns.scss +1 -1
  492. package/scss/layout/container.scss +1 -1
  493. package/scss/layout/flex-columns.scss +1 -1
  494. package/scss/layout.scss +1 -1
  495. package/scss/normalize.scss +1 -1
  496. package/scss/state/focus.scss +1 -1
  497. package/scss/state.scss +1 -1
  498. package/scss/theme/color.scss +1 -1
  499. package/scss/theme/typography.scss +1 -1
  500. package/scss/theme.scss +1 -1
  501. package/scss/utilities/alignment.scss +1 -1
  502. package/scss/utilities/background.scss +3 -0
  503. package/scss/utilities/border.scss +3 -0
  504. package/scss/utilities/color.scss +1 -1
  505. package/scss/utilities/container.scss +3 -0
  506. package/scss/utilities/display.scss +1 -1
  507. package/scss/utilities/flex.scss +1 -1
  508. package/scss/utilities/gradient.scss +3 -0
  509. package/scss/utilities/height.scss +1 -1
  510. package/scss/utilities/inset.scss +1 -1
  511. package/scss/utilities/justification.scss +1 -1
  512. package/scss/utilities/list.scss +1 -1
  513. package/scss/utilities/order.scss +1 -1
  514. package/scss/utilities/position.scss +3 -0
  515. package/scss/utilities/ratio.scss +1 -1
  516. package/scss/utilities/spacing.scss +1 -1
  517. package/scss/utilities/typography.scss +1 -1
  518. package/scss/utilities/visibility.scss +1 -1
  519. package/scss/utilities/visually-hidden.scss +3 -0
  520. package/scss/utilities/width.scss +1 -1
  521. package/scss/utilities/z-index.scss +3 -0
  522. package/scss/utilities.scss +1 -1
  523. package/stylelint.config.js +1 -0
  524. package/vite.config.js +6 -35
  525. package/dist/css/utilities/postion.css +0 -2
  526. package/dist/css/utilities/postion.css.map +0 -1
  527. package/dist/js/component/accordion.cjs.js +0 -3
  528. package/dist/js/component/accordion.esm.js +0 -1289
  529. package/dist/js/component/accordion.iife.js +0 -3
  530. package/dist/js/component/alert.cjs.js +0 -3
  531. package/dist/js/component/alert.esm.js +0 -529
  532. package/dist/js/component/alert.iife.js +0 -3
  533. package/dist/js/component/carousel.cjs.js +0 -3
  534. package/dist/js/component/carousel.esm.js +0 -1110
  535. package/dist/js/component/carousel.iife.js +0 -3
  536. package/src/scss/_variables.scss +0 -53
  537. package/src/scss/base/button/_index.scss +0 -107
  538. package/src/scss/base/button/_mixins.scss +0 -166
  539. package/src/scss/base/button/_variables.scss +0 -176
  540. package/src/scss/base/form/_index.scss +0 -93
  541. package/src/scss/base/form/_variables.scss +0 -156
  542. package/src/scss/base/link/_defaults.scss +0 -50
  543. package/src/scss/base/link/_index.scss +0 -134
  544. package/src/scss/base/link/_variables.scss +0 -262
  545. package/src/scss/base/table/_defaults.scss +0 -53
  546. package/src/scss/base/table/_index.scss +0 -121
  547. package/src/scss/base/table/_variables.scss +0 -135
  548. package/src/scss/component/alert/_variables.scss +0 -173
  549. package/src/scss/component/card/_variables.scss +0 -186
  550. package/src/scss/component/menu/_index.scss +0 -305
  551. package/src/scss/component/menu/_variables.scss +0 -500
  552. package/src/scss/component/navigation/_defaults.scss +0 -29
  553. package/src/scss/component/navigation/_index.scss +0 -189
  554. package/src/scss/component/navigation/_variables.scss +0 -237
  555. package/src/scss/functions/_important.scss +0 -13
  556. package/src/scss/layout/columns/_index.scss +0 -58
  557. package/src/scss/layout/container/_defaults.scss +0 -17
  558. package/src/scss/layout/container/_index.scss +0 -41
  559. package/src/scss/layout/container/_variables.scss +0 -50
  560. package/src/scss/layout/flex-columns/_defaults.scss +0 -18
  561. package/src/scss/layout/flex-columns/_index.scss +0 -80
  562. package/src/scss/mixins/_utility.scss +0 -30
  563. package/src/scss/mixins/_visually-hidden.scss +0 -20
  564. package/src/scss/state/_index.scss +0 -3
  565. package/src/scss/state/focus/_index.scss +0 -13
  566. package/src/scss/state/focus/_mixins.scss +0 -15
  567. package/src/scss/state/focus/_variables.scss +0 -44
  568. package/src/scss/theme/typography/_variables.scss +0 -231
  569. package/src/scss/utilities/alignment/_index.scss +0 -75
  570. package/src/scss/utilities/color/_defaults.scss +0 -35
  571. package/src/scss/utilities/color/_index.scss +0 -91
  572. package/src/scss/utilities/display/_defaults.scss +0 -32
  573. package/src/scss/utilities/display/_index.scss +0 -61
  574. package/src/scss/utilities/flex/_defaults.scss +0 -63
  575. package/src/scss/utilities/flex/_index.scss +0 -71
  576. package/src/scss/utilities/height/_defaults.scss +0 -41
  577. package/src/scss/utilities/height/_index.scss +0 -98
  578. package/src/scss/utilities/inset/_defaults.scss +0 -41
  579. package/src/scss/utilities/inset/_index.scss +0 -37
  580. package/src/scss/utilities/justification/_index.scss +0 -75
  581. package/src/scss/utilities/justification/_variables.scss +0 -6
  582. package/src/scss/utilities/list/_defaults.scss +0 -39
  583. package/src/scss/utilities/list/_index.scss +0 -56
  584. package/src/scss/utilities/order/_index.scss +0 -63
  585. package/src/scss/utilities/order/_variables.scss +0 -6
  586. package/src/scss/utilities/position/_defaults.scss +0 -26
  587. package/src/scss/utilities/position/_index.scss +0 -37
  588. package/src/scss/utilities/position/_variables.scss +0 -6
  589. package/src/scss/utilities/ratio/_defaults.scss +0 -28
  590. package/src/scss/utilities/ratio/_index.scss +0 -52
  591. package/src/scss/utilities/spacing/_index.scss +0 -169
  592. package/src/scss/utilities/spacing/_variables.scss +0 -6
  593. package/src/scss/utilities/typography/_defaults.scss +0 -30
  594. package/src/scss/utilities/typography/_index.scss +0 -224
  595. package/src/scss/utilities/typography/_variables.scss +0 -6
  596. package/src/scss/utilities/visibility/_defaults.scss +0 -25
  597. package/src/scss/utilities/visibility/_index.scss +0 -36
  598. package/src/scss/utilities/visibility/_variables.scss +0 -6
  599. package/src/scss/utilities/width/_defaults.scss +0 -41
  600. package/src/scss/utilities/width/_index.scss +0 -98
  601. package/src/scss/utilities/width/_variables.scss +0 -6
  602. /package/{src → packages/core/src}/js/accordion/Accordion.js +0 -0
  603. /package/{src → packages/core/src}/js/accordion/AccordionItem.js +0 -0
  604. /package/{src → packages/core/src}/js/accordion/index.js +0 -0
  605. /package/{src → packages/core/src}/js/alert/Alert.js +0 -0
  606. /package/{src → packages/core/src}/js/alert/index.js +0 -0
  607. /package/{src → packages/core/src}/js/carousel/Carousel.js +0 -0
  608. /package/{src → packages/core/src}/js/carousel/index.js +0 -0
  609. /package/{src → packages/core/src}/js/domHelpers.js +0 -0
  610. /package/{src → packages/core/src}/js/eventHandlers.js +0 -0
  611. /package/{src → packages/core/src}/js/navigation/index.js +0 -0
  612. /package/{src → packages/core/src}/js/storage.js +0 -0
  613. /package/{src → packages/core/src}/js/validate.js +0 -0
package/CHANGELOG.md CHANGED
@@ -1,6 +1,208 @@
1
1
  # Changelog
2
2
 
3
- All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
3
+ All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
4
+
5
+ ## [1.0.0-beta.10](https://github.com/Graupl/graupl/compare/v1.0.0-beta.9...v1.0.0-beta.10) (2025-06-23)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * **icons:** correct mixin call to reflect new mixins ([5d8cb33](https://github.com/Graupl/graupl/commit/5d8cb33c134795f75d158b814b98ac23d5601c8a))
11
+
12
+
13
+ ### Continuous Integration
14
+
15
+ * **github:** setup workflow call triggers on test ([6ac48d4](https://github.com/Graupl/graupl/commit/6ac48d41e906a27a466d6103901b53cd6a9604a4))
16
+
17
+ ## [1.0.0-beta.9](https://github.com/Graupl/graupl/compare/v1.0.0-beta.8...v1.0.0-beta.9) (2025-06-23)
18
+
19
+
20
+ ### Features
21
+
22
+ * **package:** integrate icons into main repo ([b7dfbda](https://github.com/Graupl/graupl/commit/b7dfbdac321b1cf66b5d899203e3cfb2b2951cbf))
23
+
24
+
25
+ ### Code Refactoring
26
+
27
+ * **menu:** change default toggle content ([2389b0b](https://github.com/Graupl/graupl/commit/2389b0b962ca70c83d3e00363ea39c44162d2e89))
28
+
29
+
30
+ ### Build System
31
+
32
+ * **container:** add docker environment for development ([d4358ae](https://github.com/Graupl/graupl/commit/d4358ae2580faccfd9735fd9cd475aaba33c7bf1))
33
+ * **graupl:** set up namespaces and sub packaging ([7e5bfaa](https://github.com/Graupl/graupl/commit/7e5bfaaea03963aefb87417b77b888761e5223f4))
34
+ * **npm:** replace standard-version with commit-and-tag-version ([d8ceddc](https://github.com/Graupl/graupl/commit/d8ceddc8e9cf7eeacc7af2f6f08fbbf5ac076404))
35
+ * **release:** update all package versions when release is run ([e0af825](https://github.com/Graupl/graupl/commit/e0af8254bea76f13628d8fde1393751aaa37d939))
36
+ * **sass:** use node importer ([74301c0](https://github.com/Graupl/graupl/commit/74301c00da97d75354cfe42cde40b8ebe4c38073))
37
+
38
+
39
+ ### Continuous Integration
40
+
41
+ * add release workflows ([0c03570](https://github.com/Graupl/graupl/commit/0c035700c044c9ffbd8f4262003e45db4b4c7edd))
42
+ * **prerelease:** fix logic ([6b340f8](https://github.com/Graupl/graupl/commit/6b340f80ba6856ccb0bbb7d1863e373ff2b5f888))
43
+ * **prerelease:** fix logic ([a191379](https://github.com/Graupl/graupl/commit/a191379d87bd640376be90cda94bc39cf2f7659c))
44
+ * **release:** fix formatting ([63bc38b](https://github.com/Graupl/graupl/commit/63bc38bcecec4cc91787a1486b5f2d492dece987))
45
+ * **release:** fix triggers ([f3194f3](https://github.com/Graupl/graupl/commit/f3194f31e8352ce71b2a341a6339d837f787b6b8))
46
+ * **release:** update workflows to handle workspaces ([27eebf5](https://github.com/Graupl/graupl/commit/27eebf501002ea4aad2432467dee00677f5e743e))
47
+ * standard ci names, permissions, and formats ([85b5a6d](https://github.com/Graupl/graupl/commit/85b5a6d4142cecb1ad0c7b15b7bf9e1861ba8c42))
48
+
49
+ ## [1.0.0-beta.8](https://github.com/Graupl/graupl/compare/v1.0.0-beta.7...v1.0.0-beta.8) (2025-06-04)
50
+
51
+
52
+ ### Features
53
+
54
+ * add inital logo ([d7a2b55](https://github.com/Graupl/graupl/commit/d7a2b5540cf6a5e9d6d6947082a47342b9103ae8))
55
+ * add logo stuff ([c79bca3](https://github.com/Graupl/graupl/commit/c79bca3a9635d266fb8bab9854e656977fe12dcf))
56
+ * **base:** add new border radius custom props to buttons ([cea4075](https://github.com/Graupl/graupl/commit/cea40753c0045c246274d826f71f6f0f9d14f625))
57
+ * **base:** add new border radius custom props to links ([08cc74e](https://github.com/Graupl/graupl/commit/08cc74e56ef81ab6b05e7f5d541b5cd4f09be7f7))
58
+ * **base:** use latest standards for various properties and documentation ([54814bf](https://github.com/Graupl/graupl/commit/54814bf7aa3044a77efd8c59d1156f397accef25)), closes [#156](https://github.com/Graupl/graupl/issues/156) [#157](https://github.com/Graupl/graupl/issues/157) [#136](https://github.com/Graupl/graupl/issues/136)
59
+ * **columns:** add new columns max content width custom prop ([f88d865](https://github.com/Graupl/graupl/commit/f88d86501a7ee67b4a22f40b26c625065a1c9820))
60
+ * **component:** handle menu and navigation similar to new links and buttons ([22dc6ad](https://github.com/Graupl/graupl/commit/22dc6ad5aa6b50fa80597b8a554b528b1525ce12))
61
+ * implement container query support ([e4ef996](https://github.com/Graupl/graupl/commit/e4ef996288edccb258cd8506b3ab9cae93615ec3))
62
+ * implement new border standardization across all components ([dbaaed2](https://github.com/Graupl/graupl/commit/dbaaed273f90b9b5094756395742c3644916cddd))
63
+ * **layout:** add container query classes to flex-columns ([17799a2](https://github.com/Graupl/graupl/commit/17799a22b08619ea08b880784bbe23af181ab830))
64
+ * **theme:** implement new color custom props ([2dd4d89](https://github.com/Graupl/graupl/commit/2dd4d895735c590aa4cfebb25d9f6fd2720983a4))
65
+ * **utility:** add container type classes ([0a1efb7](https://github.com/Graupl/graupl/commit/0a1efb775f4fc8a07c0541849c6f1b2844d30002)), closes [#161](https://github.com/Graupl/graupl/issues/161)
66
+
67
+
68
+ ### Bug Fixes
69
+
70
+ * **accordion:** correct border defaults ([34eccb4](https://github.com/Graupl/graupl/commit/34eccb4017275a1818f892fa57cf44b22a81add8))
71
+ * **card:** correct grid layout ([cbb2785](https://github.com/Graupl/graupl/commit/cbb2785c6000e63075fa6ed6faee6a07d10a59c2))
72
+ * **container:** correct sidebar media queries ([f0be06f](https://github.com/Graupl/graupl/commit/f0be06f2c828c2fc70d9fe835e74c88a0c39a410))
73
+ * **demo:** correct broken html ([2faa489](https://github.com/Graupl/graupl/commit/2faa489a59a905b8979455be851b5f36d08f3d95))
74
+ * **lists:** correct border defaults ([e066101](https://github.com/Graupl/graupl/commit/e0661010405605d6eef8803aa6688afb3fbcdb00))
75
+ * **menu:** correct border defaults ([c4184bf](https://github.com/Graupl/graupl/commit/c4184bfc815e87ce10ac7b33b3b9d1fbf67443bb))
76
+ * **menu:** use selector base for buttons ([c36ed16](https://github.com/Graupl/graupl/commit/c36ed16e9e551c0a22d0576f49c996fa3ee1435f))
77
+ * **sp:** correct typo in property name ([46757b9](https://github.com/Graupl/graupl/commit/46757b9b6e028859117145e81a17be0257d76ead))
78
+ * **utility:** use graupl color and background props in color utilities ([dcfe3a5](https://github.com/Graupl/graupl/commit/dcfe3a51495ec216034026ec22dc3e0d2c50e8bc))
79
+
80
+
81
+ ### Performance Improvements
82
+
83
+ * **base:** greatly simplify and standardize links and buttons ([1176330](https://github.com/Graupl/graupl/commit/1176330fb406bc587f68711342fc97a5a10f2bc8))
84
+
85
+ ## [1.0.0-beta.7](https://github.com/Graupl/graupl/compare/v1.0.0-beta.6...v1.0.0-beta.7) (2025-05-01)
86
+
87
+
88
+ ### Bug Fixes
89
+
90
+ * **utility:** correct z-index property ([3d7168c](https://github.com/Graupl/graupl/commit/3d7168ca2da2b11bc8d25cbd928631490cc4ae54))
91
+
92
+ ## [1.0.0-beta.6](https://github.com/Graupl/graupl/compare/v1.0.0-beta.5...v1.0.0-beta.6) (2025-04-30)
93
+
94
+
95
+ ### Features
96
+
97
+ * **container:** add sidebar functionality ([ec64613](https://github.com/Graupl/graupl/commit/ec64613f8a9b9de5907dd8c339be743cf7703685))
98
+ * **utility:** add z-index ([88890e5](https://github.com/Graupl/graupl/commit/88890e552450cb0419c939e5b8c2555746fe939b))
99
+
100
+
101
+ ### Performance Improvements
102
+
103
+ * **background:** remove unused utilities ([466732f](https://github.com/Graupl/graupl/commit/466732f1b68aa7c7c7fd32959718610b10eaf667))
104
+
105
+
106
+ ### Build System
107
+
108
+ * **docs:** update server host for docs dev ([d63ce32](https://github.com/Graupl/graupl/commit/d63ce3251a6ee68181b8f1f6e66e6e77e5dbd529))
109
+
110
+
111
+ ### Documentation
112
+
113
+ * improve existing docs begin utility overhaul ([b291618](https://github.com/Graupl/graupl/commit/b29161871624bb1dfa90efa62ab24f26303f069f))
114
+ * remove base dir ([3a124a7](https://github.com/Graupl/graupl/commit/3a124a71233dedcf8fce11c9f488eabca425249e))
115
+ * touch up color docs ([c0eced5](https://github.com/Graupl/graupl/commit/c0eced5a745348d7df86326945f70a2d9dd1db68))
116
+ * **utlities:** add background, border, and color utilities ([0594a77](https://github.com/Graupl/graupl/commit/0594a772db7ed28b0de8ec4f374a0615626bf0b2))
117
+
118
+ ## [1.0.0-beta.5](https://github.com/Graupl/graupl/compare/v1.0.0-beta.4...v1.0.0-beta.5) (2025-03-10)
119
+
120
+
121
+ ### Features
122
+
123
+ * add control over container min widths and make it easier to cascade containers ([8de27f0](https://github.com/Graupl/graupl/commit/8de27f01abba42c2729539f3992e5375bcf2e55c))
124
+ * container code and documentation improvements ([f25a063](https://github.com/Graupl/graupl/commit/f25a0639cff5031d41d7af817e9a1d3bbcfc7add))
125
+ * **utilities:** add more customization options and documentation ([36f5387](https://github.com/Graupl/graupl/commit/36f5387d4ce038d40fc54830424193a0513541a3))
126
+
127
+
128
+ ### Documentation
129
+
130
+ * **layout:** add descriptions, available options, and examples ([e0d1c28](https://github.com/Graupl/graupl/commit/e0d1c2816188428580b4fccea1e983f760c806c7))
131
+ * standardize wording and structure of current documented files ([433c7be](https://github.com/Graupl/graupl/commit/433c7be6b04c8c98ea7e83bcb6226d2cd0e55c6b))
132
+ * **state:** properly document focus ([8f1b1dc](https://github.com/Graupl/graupl/commit/8f1b1dcd36f56b00425e72a9e406dac4b2ff23a5))
133
+
134
+ ## [1.0.0-beta.4](https://github.com/Graupl/graupl/compare/v1.0.0-beta.3...v1.0.0-beta.4) (2025-02-14)
135
+
136
+
137
+ ### Bug Fixes
138
+
139
+ * **layers:** use id in layer initialization ([f09a3ae](https://github.com/Graupl/graupl/commit/f09a3aeffdfe2bc0c781fa2a29aac1cd2f15e484))
140
+ * **utility:** update gap to account for selector base ([550136b](https://github.com/Graupl/graupl/commit/550136b822959c1db1113f19a90ffe377315b270))
141
+
142
+
143
+ ### Build System
144
+
145
+ * **git:** update pages job to use latest versions ([79a1d18](https://github.com/Graupl/graupl/commit/79a1d18bf12573b0885621aa3b5132136c623150))
146
+
147
+ ## [1.0.0-beta.3](https://github.com/Graupl/graupl/compare/v1.0.0-beta.2...v1.0.0-beta.3) (2025-02-12)
148
+
149
+
150
+ ### Features
151
+
152
+ * **layout:** implement graupl-structured flex columns and new selector base ([684f715](https://github.com/Graupl/graupl/commit/684f71529a80cacaa24cc0ca4ace8300e21576a3)), closes [#136](https://github.com/Graupl/graupl/issues/136)
153
+ * **layout:** implement selector-base ([cc70559](https://github.com/Graupl/graupl/commit/cc705592ddb289970d7276d380223bdaaba2c3a8)), closes [#136](https://github.com/Graupl/graupl/issues/136)
154
+ * **utilities:** add gradients and background options ([75a1708](https://github.com/Graupl/graupl/commit/75a1708748793ff33736144c7046dde64845b51c))
155
+ * **utilities:** add radial gradient options ([38bc6df](https://github.com/Graupl/graupl/commit/38bc6df42e09e6ed7873f9d3bed1577bfa6f86b5))
156
+
157
+
158
+ ### Bug Fixes
159
+
160
+ * **utilities:** correct generation for gradient aware-variant classes ([b69d1ff](https://github.com/Graupl/graupl/commit/b69d1ff1a68863f41b5a5c35d8ab1329dfeb0221))
161
+
162
+
163
+ ### Performance Improvements
164
+
165
+ * **utilities:** disable default aware-variants for gradient and background ([0f04459](https://github.com/Graupl/graupl/commit/0f04459d79b7dcd80900427339ac65e52cb7ed33))
166
+
167
+
168
+ ### Build System
169
+
170
+ * **postcss:** add custom postcss plugin to merge layers ([#134](https://github.com/Graupl/graupl/issues/134)) ([0382d07](https://github.com/Graupl/graupl/commit/0382d076f11b416008d7d4076331452c66834939))
171
+
172
+ ## [1.0.0-beta.2](https://github.com/Graupl/graupl/compare/v1.0.0-beta.1...v1.0.0-beta.2) (2024-12-13)
173
+
174
+
175
+ ### Features
176
+
177
+ * **component:** add list and list item ([98f899c](https://github.com/Graupl/graupl/commit/98f899c1555277145271ac65060105d3d1ace1b0))
178
+ * implement id and layer control ([2b39b73](https://github.com/Graupl/graupl/commit/2b39b73fac4aed26eb8f49da5e66e625b6936263))
179
+ * **utilities:** add theme and state aware utilities ([fa835cb](https://github.com/Graupl/graupl/commit/fa835cb98c877a14653686569f44f3a553cb1d92))
180
+ * **utility:** add border classes ([5a408df](https://github.com/Graupl/graupl/commit/5a408dfdfa01daa37210cf5aecbbe6e3fe708715))
181
+ * **utility:** add flex basis and fix generation of existing flex classes ([05499f7](https://github.com/Graupl/graupl/commit/05499f79773bcc90b5d59f1a5b74d86f26aeb2bf))
182
+ * **utility:** add text transform classes ([0f2e074](https://github.com/Graupl/graupl/commit/0f2e07403e884c42eb21fb4d4bc0dcfd426d96eb))
183
+
184
+
185
+ ### Bug Fixes
186
+
187
+ * **component:** use correct screen mixin for input group inline ([73ac6cb](https://github.com/Graupl/graupl/commit/73ac6cb58684d2c4f6eea82a507b721359bed9ae))
188
+ * **utilities:** correct selector for display classes ([65c5052](https://github.com/Graupl/graupl/commit/65c5052311382f8c25eb9f89edd1faade42b7901))
189
+
190
+
191
+ ### Performance Improvements
192
+
193
+ * **screen:** add error checking for mixins and functions ([3130bce](https://github.com/Graupl/graupl/commit/3130bce2e43d43194c56b983b755d8a0acd13500))
194
+
195
+
196
+ ### Code Refactoring
197
+
198
+ * **border:** use rem for default width ([8ef867f](https://github.com/Graupl/graupl/commit/8ef867f30860134a59fa4bf147d05d618a7cbfcb))
199
+
200
+ ## [1.0.0-beta.1](https://github.com/Graupl/graupl/compare/v1.0.0-beta.0...v1.0.0-beta.1) (2024-12-06)
201
+
202
+
203
+ ### Code Refactoring
204
+
205
+ * **prefix:** move dash separator to be included in prefix ([cb537b7](https://github.com/Graupl/graupl/commit/cb537b78c17e38a8afeeccabe75bb1136491aa47))
4
206
 
5
207
  ## [1.0.0-beta.0](https://github.com/Graupl/graupl/compare/v1.0.0-alpha.16...v1.0.0-beta.0) (2024-12-05)
6
208
 
package/build.js CHANGED
@@ -1,7 +1,9 @@
1
- import Alert from "./src/js/alert/Alert.js";
2
- import Carousel from "./src/js/carousel/Carousel.js";
1
+ import Accordion from "./packages/core/src/js/accordion/Accordion.js";
2
+ import Alert from "./packages/core/src/js/alert/Alert.js";
3
+ import Carousel from "./packages/core/src/js/carousel/Carousel.js";
3
4
 
4
5
  export default {
6
+ Accordion,
5
7
  Alert,
6
8
  Carousel,
7
9
  };
@@ -0,0 +1,61 @@
1
+ /**
2
+ * @file
3
+ * PostCSS plugin to combine multiple at-rules into a single at-rule.
4
+ *
5
+ * This will go through each at-rule, save each as a key in an object, and then combine all of the at-rules into a single at-rule.
6
+ */
7
+
8
+ const plugin = (options = {}) => {
9
+ const atRules = {};
10
+ const atRulesToProcess = options.atRules || [];
11
+
12
+ return {
13
+ postcssPlugin: "combine-at-rules",
14
+ AtRule(atRule) {
15
+ if (atRule.processed) {
16
+ return;
17
+ }
18
+
19
+ if (
20
+ (atRulesToProcess.length < 1 ||
21
+ atRulesToProcess.includes(atRule.name)) &&
22
+ atRule.nodes &&
23
+ atRule.nodes.length > 0
24
+ ) {
25
+ // Save the at-rule for later
26
+ if (atRules[atRule.name]) {
27
+ if (atRules[atRule.name][atRule.params]) {
28
+ atRules[atRule.name][atRule.params].append(atRule.nodes);
29
+ } else {
30
+ atRules[atRule.name][atRule.params] = atRule.clone();
31
+ }
32
+ } else {
33
+ atRules[atRule.name] = {
34
+ [atRule.params]: atRule.clone(),
35
+ };
36
+ }
37
+
38
+ // Remove the at-rule from the tree
39
+ atRule.processed = true;
40
+ atRule.remove();
41
+
42
+ return;
43
+ }
44
+ },
45
+ Root(root) {
46
+ // Combine all of the at-rules into a single at-rule
47
+ // Only do this for rules found in the current file.
48
+ for (const atRuleName in atRules) {
49
+ for (const atRuleParams in atRules[atRuleName]) {
50
+ const atRule = atRules[atRuleName][atRuleParams];
51
+
52
+ root.append(atRule);
53
+ }
54
+ }
55
+ },
56
+ };
57
+ };
58
+
59
+ plugin.postcss = true;
60
+
61
+ module.exports = plugin;
package/container/.env ADDED
@@ -0,0 +1,26 @@
1
+ ## Docker Compose Settings.
2
+ ### N.B. Docker Compose settings must be placed in your workspace root .env as well ###
3
+ COMPOSE_PROJECT_NAME=graupl
4
+
5
+ ## For a list of environment variables you can set here see the
6
+ ## docker-compose.yml file in this directory.
7
+
8
+ ## PHP Settings
9
+ # Downgrade Ubuntu from 25.10
10
+ # UBUNTU_VERSION=25.04
11
+
12
+ ## Node Settings
13
+ # Downgrade node version from 22.
14
+ # NODE_MAJOR_VERSION=20
15
+
16
+ ## NPM Settings
17
+ # Downgrade npm version from 11.
18
+ # NPM_MAJOR_VERSION=10
19
+
20
+ ## Docker Rootless settings.
21
+ ### Usually this is best to put in your user account's .bashrc file to set
22
+ ### Globally instead of just for this project.
23
+ # TRAEFIK_DOCKER_SOCKET=/run/user/1000/docker.sock
24
+
25
+ ## Set your target architecture to ARM (e.g. Apple Silicon)
26
+ # TARGET_ARCHITECTURE=linux/arm64
@@ -0,0 +1,41 @@
1
+ ARG UBUNTU_VERSION=25.10
2
+ FROM ubuntu:$UBUNTU_VERSION
3
+ LABEL maintainer="Coldfront Labs Inc. <info@coldfrontlabs.ca>"
4
+ ARG CONTAINER_DIR=/var/www/html
5
+ WORKDIR $CONTAINER_DIR
6
+
7
+ # Update packages.
8
+ ENV DEBIAN_FRONTEND=noninteractive
9
+ RUN apt update -y; apt upgrade -y; \
10
+ # @todo determine which keys are insecure and update them.; \
11
+ apt update --allow-insecure-repositories --allow-unauthenticated; \
12
+ apt install -y ca-certificates curl ssh gnupg; \
13
+ apt-get clean && \
14
+ apt-get autoclean && \
15
+ apt-get autoremove
16
+
17
+ # Fix arm/Apple Silicon support.
18
+ ARG ARCHITECTURE="linux/x86_64"
19
+ RUN if [ "$ARCHITECTURE" = "linux/arm64" ] ; then wget -O "/usr/local/bin/go-replace" "https://github.com/webdevops/goreplace/releases/download/1.1.2/gr-arm64-linux" \
20
+ && chmod +x "/usr/local/bin/go-replace" \
21
+ && "/usr/local/bin/go-replace" --version ; fi
22
+
23
+ # Add git.
24
+ ENV SHELL bash
25
+ RUN curl -skL https://raw.githubusercontent.com/git/git/master/contrib/completion/git-completion.bash -o ~/.git-completion.bash; \
26
+ echo 'source ~/.git-completion.bash' >> ~/.bashrc;
27
+
28
+ # Add nodejs, git-lfs and other dev tools.
29
+ ARG NODE_MAJOR_VERSION="22"
30
+ RUN mkdir -p /etc/apt/keyrings; \
31
+ curl -fsSL https://deb.nodesource.com/gpgkey/nodesource-repo.gpg.key | gpg --dearmor -o /etc/apt/keyrings/nodesource.gpg; \
32
+ echo "deb [signed-by=/etc/apt/keyrings/nodesource.gpg] https://deb.nodesource.com/node_$NODE_MAJOR_VERSION.x nodistro main" | tee /etc/apt/sources.list.d/nodesource.list; \
33
+ apt update -y; \
34
+ apt install nodejs build-essential git-lfs bash-completion -y --no-install-recommends; \
35
+ apt-get clean && \
36
+ apt-get autoclean && \
37
+ apt-get autoremove || true;
38
+
39
+ # Customize NPM if need be.
40
+ ARG NPM_MAJOR_VERSION=""
41
+ RUN if [ ! -z "$NPM_MAJOR_VERSION" ] ; then npm i -g npm@$NPM_MAJOR_VERSION ; fi
@@ -0,0 +1,27 @@
1
+ # This file is managed by dropfort/dropfort_build.
2
+ # Modifications to this file will be overwritten by default.
3
+
4
+ volumes:
5
+ node-modules:
6
+ bashhistory:
7
+
8
+ services:
9
+ app:
10
+ build:
11
+ context: ./
12
+ dockerfile: build/app.dockerfile
13
+ args:
14
+ UBUNTU_VERSION: "${UBUNTU_VERSION:-25.10}"
15
+ NODE_MAJOR_VERSION: "${NODE_MAJOR_VERSION:-22}"
16
+ NPM_MAJOR_VERSION: "${NPM_MAJOR_VERSION:-}"
17
+ container_name: "${COMPOSE_PROJECT_NAME:-graupl}_app"
18
+ environment:
19
+ COLUMNS: 80 # Set 80 columns for docker exec -it.
20
+ CONTAINER_DIR: ${CONTAINER_DIR:-/var/www/html}
21
+ SSH_AUTH_SOCK: "/run/host-services/ssh-auth.sock"
22
+ volumes:
23
+ - ../:${CONTAINER_DIR:-/var/www/html}:cached
24
+ - ~/.ssh/config:/root/.ssh/config
25
+ - ~/.ssh/known_hosts:/root/.ssh/known_hosts
26
+ - node-modules:${CONTAINER_DIR:-/var/www/html}/node_modules
27
+ - bashhistory:/commandhistory
@@ -1,2 +1,2 @@
1
- @layer graupl.base{.button{align-items:center;border:var(--graupl-button-border,var(--graupl-button-border-width,var(--graupl-border-width,2px)) var(--graupl-botton-border-style,var(--graupl-border-style,solid)));border-radius:var(--graupl-button-border-radius,var(--graupl-border-radius,.125rem));cursor:pointer;display:flex;font-size:var(--graupl-button-font-size,var(--graupl-font-base,calc(var(--graupl-font-size-base, 1rem)*1)));justify-content:center;min-height:var(--graupl-button-min-height,44px);min-width:var(--graupl-button-min-width,44px);padding:var(--graupl-button-padding,var(--graupl-button-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-button-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));transform:var(--graupl-button-transform,none);transition:var(--graupl-button-transition,background var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease))}.button.visited,.button:visited{--graupl-button-transform:var(--graupl-button-visited-transform,none)}.button.focus{--graupl-button-transform:var(--graupl-button-focus-transform,none)}.button:focus-visible{--graupl-button-transform:var(--graupl-button-focus-transform,none)}.button.hover,.button:hover{--graupl-button-transform:var(--graupl-button-hover-transform,none)}.button.active,.button:active{--graupl-button-transform:var(--graupl-button-active-transform,scale(0.95))}.button.disabled,.button.disabled.focus,.button.disabled.visited,.button.disabled:visited{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.button.disabled,.button.disabled:focus-visible{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.button.disabled,.button.disabled.active,.button.disabled.disabled,.button.disabled.hover,.button.disabled:active,.button.disabled:disabled,.button.disabled:hover,.button.disabled[aria-disabled=true],.button.disabled[disabled],.button:disabled,.button:disabled.focus,.button:disabled.visited,.button:disabled:visited{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.button:disabled,.button:disabled:focus-visible{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.button:disabled,.button:disabled.active,.button:disabled.disabled,.button:disabled.hover,.button:disabled:active,.button:disabled:disabled,.button:disabled:hover,.button:disabled[aria-disabled=true],.button:disabled[disabled],.button[disabled],.button[disabled].focus,.button[disabled].visited,.button[disabled]:visited{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.button[disabled],.button[disabled]:focus-visible{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.button[aria-disabled=true],.button[aria-disabled=true].focus,.button[aria-disabled=true].visited,.button[aria-disabled=true]:visited,.button[disabled],.button[disabled].active,.button[disabled].disabled,.button[disabled].hover,.button[disabled]:active,.button[disabled]:disabled,.button[disabled]:hover,.button[disabled][aria-disabled=true],.button[disabled][disabled]{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.button[aria-disabled=true],.button[aria-disabled=true]:focus-visible{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.button[aria-disabled=true],.button[aria-disabled=true].active,.button[aria-disabled=true].disabled,.button[aria-disabled=true].hover,.button[aria-disabled=true]:active,.button[aria-disabled=true]:disabled,.button[aria-disabled=true]:hover,.button[aria-disabled=true][aria-disabled=true],.button[aria-disabled=true][disabled]{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}@media (prefers-reduced-motion:reduce){.button{--graupl-button-transition:var(--graupl-button-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease))}}}@layer graupl.theme{.button{background:var(--graupl-button-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));border-color:var(--graupl-button-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));color:var(--graupl-button-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.button.primary{--graupl-button-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-button-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-visited-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-button-visited-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-focus-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-button-focus-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-hover-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)));--graupl-button-hover-background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-hover-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-active-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)));--graupl-button-active-background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-active-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-disabled-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)));--graupl-button-disabled-border-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))}.button.secondary{--graupl-button-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-button-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-visited-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-button-visited-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-focus-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-button-focus-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-hover-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)));--graupl-button-hover-background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-hover-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-active-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)));--graupl-button-active-background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-active-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-disabled-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)));--graupl-button-disabled-border-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))}.button.tertiary{--graupl-button-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-button-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-visited-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-button-visited-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-focus-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-button-focus-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-hover-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)));--graupl-button-hover-background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-hover-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-active-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)));--graupl-button-active-background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-active-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-disabled-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)));--graupl-button-disabled-border-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))}.button.visited,.button:visited{--graupl-button-border-color:var(--graupl-button-visited-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-button-background:var(--graupl-button-visited-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-visited-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.button.focus{--graupl-button-border-color:var(--graupl-button-focus-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-button-background:var(--graupl-button-focus-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-focus-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.button:focus-visible{--graupl-button-border-color:var(--graupl-button-focus-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-button-background:var(--graupl-button-focus-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-focus-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.button.hover,.button:hover{--graupl-button-border-color:var(--graupl-button-hover-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-button-background:var(--graupl-button-hover-background,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));--graupl-button-color:var(--graupl-button-hover-color,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))}.button.active,.button:active{--graupl-button-border-color:var(--graupl-button-active-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-button-background:var(--graupl-button-active-background,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));--graupl-button-color:var(--graupl-button-active-color,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))}.button.disabled,.button.disabled.focus,.button.disabled.visited,.button.disabled:visited{--graupl-button-border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button.disabled,.button.disabled:focus-visible{--graupl-button-border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button.disabled,.button.disabled.active,.button.disabled.disabled,.button.disabled.hover,.button.disabled:active,.button.disabled:disabled,.button.disabled:hover,.button.disabled[aria-disabled=true],.button.disabled[disabled],.button:disabled,.button:disabled.focus,.button:disabled.visited,.button:disabled:visited{--graupl-button-border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button:disabled,.button:disabled:focus-visible{--graupl-button-border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button:disabled,.button:disabled.active,.button:disabled.disabled,.button:disabled.hover,.button:disabled:active,.button:disabled:disabled,.button:disabled:hover,.button:disabled[aria-disabled=true],.button:disabled[disabled],.button[disabled],.button[disabled].focus,.button[disabled].visited,.button[disabled]:visited{--graupl-button-border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button[disabled],.button[disabled]:focus-visible{--graupl-button-border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button[aria-disabled=true],.button[aria-disabled=true].focus,.button[aria-disabled=true].visited,.button[aria-disabled=true]:visited,.button[disabled],.button[disabled].active,.button[disabled].disabled,.button[disabled].hover,.button[disabled]:active,.button[disabled]:disabled,.button[disabled]:hover,.button[disabled][aria-disabled=true],.button[disabled][disabled]{--graupl-button-border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button[aria-disabled=true],.button[aria-disabled=true]:focus-visible{--graupl-button-border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button[aria-disabled=true],.button[aria-disabled=true].active,.button[aria-disabled=true].disabled,.button[aria-disabled=true].hover,.button[aria-disabled=true]:active,.button[aria-disabled=true]:disabled,.button[aria-disabled=true]:hover,.button[aria-disabled=true][aria-disabled=true],.button[aria-disabled=true][disabled]{--graupl-button-border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}}.button.link{--graupl-button-padding:var(--graupl-link-padding,var(--graupl-link-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-link-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));--graupl-button-transition:var(--graupl-link-transition,background var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease));--graupl-button-transition-reduced-motion:var(--graupl-link-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease));--graupl-button-transform:var(--graupl-link-transform,none);--graupl-button-visited-transform:var(--graupl-link-visited-transform,none);--graupl-button-focus-transform:var(--graupl-link-transform,none);--graupl-button-hover-transform:var(--graupl-link-hover-transform,none);--graupl-button-active-transform:var(--graupl-link-active-transform,none);--graupl-button-border-width:var(--graupl-link-border-width,0);--graupl-button-border-style:var(--graupl-link-border-style,var(--graupl-border-style,solid));--graupl-button-border-radius:var(--graupl-link-border-radius,var(--graupl-border-radius,0.125rem));--graupl-button-min-width:var(--graupl-link-min-width,auto);--graupl-button-min-height:var(--graupl-link-min-height,auto);--graupl-button-font-size:inherit;-webkit-text-decoration:var(--graupl-link-text-decoration,underline);text-decoration:var(--graupl-link-text-decoration,underline);text-decoration-style:var(--graupl-link-text-decoration-style,solid);text-decoration-thickness:var(--graupl-link-text-decoration-thickness,var(--graupl-border-width,2px))}@layer graupl.base{.button.link{--graupl-button-color:var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))));--graupl-button-visited-color:var(--graupl-link-visited-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))));--graupl-button-focus-color:var(--graupl-link-focus-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))));--graupl-button-hover-color:var(--graupl-link-hover-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46))));--graupl-button-active-color:var(--graupl-link-active-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46))));--graupl-button-disabled-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-button-background:var(--graupl-link-background,transparent);--graupl-button-visited-background:var(--graupl-link-visited-background,transparent);--graupl-button-focus-background:var(--graupl-link-focus-background,transparent);--graupl-button-hover-background:var(--graupl-link-hover-background,transparent);--graupl-button-active-background:var(--graupl-link-active-background,transparent);--graupl-button-disabled-background:var(--graupl-link-disabled-background,transparent);--graupl-button-border-color:var(--graupl-link-border-color,transparent);--graupl-button-visited-border-color:var(--graupl-link-visited-border-color,transparent);--graupl-button-focus-border-color:var(--graupl-link-focus-border-color,transparent);--graupl-button-hover-border-color:var(--graupl-link-hover-border-color,transparent);--graupl-button-active-border-color:var(--graupl-link-active-border-color,transparent);--graupl-button-disabled-border-color:var(--graupl-link-disabled-border-color,transparent)}a.button:not(.link){--graupl-link-padding:var(--graupl-button-padding,var(--graupl-button-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*0.5))) var(--graupl-button-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));--graupl-link-transition:var(--graupl-button-transition,background var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease));--graupl-link-transition-reduced-motion:var(--graupl-button-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease));--graupl-link-transform:var(--graupl-button-transform,none);--graupl-link-visited-transform:var(--graupl-button-visited-transform,none);--graupl-link-focus-transform:var(--graupl-button-focus-transform,none);--graupl-link-hover-transform:var(--graupl-button-hover-transform,none);--graupl-link-active-transform:var(--graupl-button-active-transform,scale(0.95));--graupl-link-disabled-transform:var(--graupl-button-disabled-transform,none);--graupl-link-border-width:var(--graupl-button-border-width,var(--graupl-border-width,2px));--graupl-link-border-style:var(--graupl-botton-border-style,var(--graupl-border-style,solid));--graupl-link-border-radius:var(--graupl-button-border-radius,var(--graupl-border-radius,0.125rem));--graupl-link-min-width:var(--graupl-button-min-width,44px);--graupl-link-min-height:var(--graupl-button-min-height,44px);--graupl-link-text-decoration:none;--graupl-link-visited-text-decoration:none;--graupl-link-focus-text-decoration:none;--graupl-link-hover-text-decoration:none;--graupl-link-active-text-decoration:none;--graupl-link-disabled-text-decoration:none}}@layer graupl.theme{a.button:not(.link){--graupl-link-color:var(--graupl-button-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-link-visited-color:var(--graupl-button-visited-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-link-focus-color:var(--graupl-button-focus-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-link-hover-color:var(--graupl-button-hover-color,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))));--graupl-link-active-color:var(--graupl-button-active-color,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))));--graupl-link-disabled-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-link-background:var(--graupl-button-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-link-visited-background:var(--graupl-button-visited-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-link-focus-background:var(--graupl-button-focus-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-link-hover-background:var(--graupl-button-hover-background,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));--graupl-link-active-background:var(--graupl-button-active-background,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));--graupl-link-disabled-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-link-border-color:var(--graupl-button-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-link-visited-border-color:var(--graupl-button-visited-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-link-focus-border-color:var(--graupl-button-focus-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-link-hover-border-color:var(--graupl-button-hover-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-link-active-border-color:var(--graupl-button-active-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-link-disabled-border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}}
1
+ @layer graupl.base{.button{align-items:center;border-radius:var(--graupl-button-border-radius,var(--graupl-button-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem))) var(--graupl-button-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-button-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-button-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));border-style:var(--graupl-button-border-style,var(--graupl-button-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-button-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-button-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-button-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-width:var(--graupl-button-border-width,var(--graupl-button-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem))) var(--graupl-button-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem))) var(--graupl-button-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem))) var(--graupl-button-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))));cursor:pointer;display:flex;font-size:var(--graupl-button-font-size,var(--graupl-font-base,calc(var(--graupl-font-size-base, 1rem)*1)));justify-content:center;min-height:var(--graupl-button-min-height,44px);min-width:var(--graupl-button-min-width,44px);padding:var(--graupl-button-padding,var(--graupl-button-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-button-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));transform:var(--graupl-button-transform,none);transition:var(--graupl-button-transition,background var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease))}.button.visited,.button:visited{transform:var(--graupl-button-visited-transform,var(--graupl-button-transform,none))}.button.focus{transform:var(--graupl-button-focus-transform,var(--graupl-button-transform,none))}.button:focus-visible{transform:var(--graupl-button-focus-transform,var(--graupl-button-transform,none))}.button.hover,.button:hover{transform:var(--graupl-button-hover-transform,var(--graupl-button-transform,none))}.button.active,.button:active{transform:var(--graupl-button-active-transform,scale(.95))}.button.disabled{cursor:not-allowed}.button.disabled,.button.disabled.focus,.button.disabled.visited,.button.disabled:visited{transform:var(--graupl-button-disabled-transform,none)}.button.disabled:focus-visible{transform:var(--graupl-button-disabled-transform,none)}.button.disabled.active,.button.disabled.hover,.button.disabled:active,.button.disabled:hover,.button:disabled{transform:var(--graupl-button-disabled-transform,none)}.button:disabled{cursor:not-allowed}.button:disabled.focus,.button:disabled.visited,.button:disabled:visited{transform:var(--graupl-button-disabled-transform,none)}.button:disabled:focus-visible{transform:var(--graupl-button-disabled-transform,none)}.button:disabled.active,.button:disabled.hover,.button:disabled:active,.button:disabled:hover,.button[disabled]{transform:var(--graupl-button-disabled-transform,none)}.button[disabled]{cursor:not-allowed}.button[disabled].focus,.button[disabled].visited,.button[disabled]:visited{transform:var(--graupl-button-disabled-transform,none)}.button[disabled]:focus-visible{transform:var(--graupl-button-disabled-transform,none)}.button[aria-disabled=true],.button[disabled].active,.button[disabled].hover,.button[disabled]:active,.button[disabled]:hover{transform:var(--graupl-button-disabled-transform,none)}.button[aria-disabled=true]{cursor:not-allowed}.button[aria-disabled=true].focus,.button[aria-disabled=true].visited,.button[aria-disabled=true]:visited{transform:var(--graupl-button-disabled-transform,none)}.button[aria-disabled=true]:focus-visible{transform:var(--graupl-button-disabled-transform,none)}.button[aria-disabled=true].active,.button[aria-disabled=true].hover,.button[aria-disabled=true]:active,.button[aria-disabled=true]:hover{transform:var(--graupl-button-disabled-transform,none)}@media (prefers-reduced-motion:reduce){.button{--graupl-button-transition:var(--graupl-button-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease))}}.button.link{--graupl-button-padding:var(--graupl-link-padding,var(--graupl-link-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-link-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));--graupl-button-transition:var(--graupl-link-transition,background var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease));--graupl-button-transition-reduced-motion:var(--graupl-link-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease));--graupl-button-transform:var(--graupl-link-transform,none);--graupl-button-visited-transform:var(--graupl-link-visited-transform,var(--graupl-link-transform,none));--graupl-button-focus-transform:var(--graupl-link-transform,none);--graupl-button-hover-transform:var(--graupl-link-hover-transform,none);--graupl-button-active-transform:var(--graupl-link-active-transform,var(--graupl-link-hover-transform,none));--graupl-button-border-width:var(--graupl-link-border-width,var(--graupl-link-border-top-width,0) var(--graupl-link-border-right-width,0) var(--graupl-link-border-bottom-width,0) var(--graupl-link-border-left-width,0));--graupl-button-border-style:var(--graupl-link-border-style,var(--graupl-link-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-link-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-link-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-link-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));--graupl-button-border-radius:var(--graupl-link-border-radius,var(--graupl-link-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,0.125rem))) var(--graupl-link-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,0.125rem))) var(--graupl-link-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,0.125rem))) var(--graupl-link-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,0.125rem))));--graupl-button-min-width:var(--graupl-link-min-width,auto);--graupl-button-min-height:var(--graupl-link-min-height,auto);--graupl-button-font-size:inherit;-webkit-text-decoration:var(--graupl-link-text-decoration,underline);text-decoration:var(--graupl-link-text-decoration,underline);text-decoration-style:var(--graupl-link-text-decoration-style,solid);text-decoration-thickness:var(--graupl-link-text-decoration-thickness,var(--graupl-border-width,.125rem))}a.button:not(.link){--graupl-link-padding:var(--graupl-button-padding,var(--graupl-button-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*0.5))) var(--graupl-button-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));--graupl-link-transition:var(--graupl-button-transition,background var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease));--graupl-link-transition-reduced-motion:var(--graupl-button-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease));--graupl-link-transform:var(--graupl-button-transform,none);--graupl-link-visited-transform:var(--graupl-button-visited-transform,var(--graupl-button-transform,none));--graupl-link-focus-transform:var(--graupl-button-focus-transform,var(--graupl-button-transform,none));--graupl-link-hover-transform:var(--graupl-button-hover-transform,var(--graupl-button-transform,none));--graupl-link-active-transform:var(--graupl-button-active-transform,scale(0.95));--graupl-link-disabled-transform:var(--graupl-button-disabled-transform,none);--graupl-link-border-width:var(--graupl-button-border-width,var(--graupl-button-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,0.125rem))) var(--graupl-button-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,0.125rem))) var(--graupl-button-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,0.125rem))) var(--graupl-button-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,0.125rem))));--graupl-link-border-style:var(--graupl-button-border-style,var(--graupl-button-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-button-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-button-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-button-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));--graupl-link-border-radius:var(--graupl-button-border-radius,var(--graupl-button-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,0.125rem))) var(--graupl-button-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,0.125rem))) var(--graupl-button-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,0.125rem))) var(--graupl-button-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,0.125rem))));--graupl-link-min-width:var(--graupl-button-min-width,44px);--graupl-link-min-height:var(--graupl-button-min-height,44px);--graupl-link-text-decoration:none;--graupl-link-visited-text-decoration:none;--graupl-link-focus-text-decoration:none;--graupl-link-hover-text-decoration:none;--graupl-link-active-text-decoration:none;--graupl-link-disabled-text-decoration:none}}@layer graupl.theme{.button{background:var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));color:var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.button.primary{--graupl-button-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-button-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-hover-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)));--graupl-button-hover-background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-hover-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-disabled-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)));--graupl-button-disabled-border-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))}.button.secondary{--graupl-button-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-button-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-hover-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)));--graupl-button-hover-background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-hover-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-disabled-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)));--graupl-button-disabled-border-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))}.button.tertiary{--graupl-button-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-button-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-hover-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)));--graupl-button-hover-background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-hover-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-disabled-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)));--graupl-button-disabled-border-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))}.button.visited,.button:visited{background:var(--graupl-button-visited-background,var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));border-color:var(--graupl-button-visited-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-button-visited-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.button.focus{background:var(--graupl-button-focus-background,var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));border-color:var(--graupl-button-focus-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-button-focus-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.button:focus-visible{background:var(--graupl-button-focus-background,var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));border-color:var(--graupl-button-focus-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-button-focus-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.button.hover,.button:hover{background:var(--graupl-button-hover-background,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));border-color:var(--graupl-button-hover-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));color:var(--graupl-button-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))}.button.active,.button:active{background:var(--graupl-button-active-background,var(--graupl-button-hover-background,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));border-color:var(--graupl-button-active-border-color,var(--graupl-button-hover-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-button-active-color,var(--graupl-button-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))))}.button.disabled,.button.disabled.focus,.button.disabled.visited,.button.disabled:visited{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button.disabled:focus-visible{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button.disabled.active,.button.disabled.hover,.button.disabled:active,.button.disabled:hover,.button:disabled,.button:disabled.focus,.button:disabled.visited,.button:disabled:visited{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button:disabled:focus-visible{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button:disabled.active,.button:disabled.hover,.button:disabled:active,.button:disabled:hover,.button[disabled],.button[disabled].focus,.button[disabled].visited,.button[disabled]:visited{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button[disabled]:focus-visible{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button[aria-disabled=true],.button[aria-disabled=true].focus,.button[aria-disabled=true].visited,.button[aria-disabled=true]:visited,.button[disabled].active,.button[disabled].hover,.button[disabled]:active,.button[disabled]:hover{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button[aria-disabled=true]:focus-visible{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button[aria-disabled=true].active,.button[aria-disabled=true].hover,.button[aria-disabled=true]:active,.button[aria-disabled=true]:hover{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button.link{--graupl-button-color:var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))));--graupl-button-visited-color:var(--graupl-link-visited-color,var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))));--graupl-button-focus-color:var(--graupl-link-focus-color,var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))));--graupl-button-hover-color:var(--graupl-link-hover-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46))));--graupl-button-active-color:var(--graupl-link-active-color,var(--graupl-link-hover-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)))));--graupl-button-disabled-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-button-background:var(--graupl-link-background,transparent);--graupl-button-visited-background:var(--graupl-link-visited-background,var(--graupl-link-background,transparent));--graupl-button-focus-background:var(--graupl-link-focus-background,var(--graupl-link-background,transparent));--graupl-button-hover-background:var(--graupl-link-hover-background,transparent);--graupl-button-active-background:var(--graupl-link-active-background,var(--graupl-link-hover-background,transparent));--graupl-button-disabled-background:var(--graupl-link-disabled-background,transparent);--graupl-button-border-color:var(--graupl-link-border-color,transparent);--graupl-button-visited-border-color:var(--graupl-link-visited-border-color,var(--graupl-link-border-color,transparent));--graupl-button-focus-border-color:var(--graupl-link-focus-border-color,var(--graupl-link-border-color,transparent));--graupl-button-hover-border-color:var(--graupl-link-hover-border-color,transparent);--graupl-button-active-border-color:var(--graupl-link-active-border-color,var(--graupl-link-hover-border-color,transparent));--graupl-button-disabled-border-color:var(--graupl-link-disabled-border-color,transparent)}a.button:not(.link){--graupl-link-color:var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-link-visited-color:var(--graupl-button-visited-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-link-focus-color:var(--graupl-button-focus-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-link-hover-color:var(--graupl-button-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-link-active-color:var(--graupl-button-active-color,var(--graupl-button-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));--graupl-link-disabled-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-link-background:var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-link-visited-background:var(--graupl-button-visited-background,var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));--graupl-link-focus-background:var(--graupl-button-focus-background,var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));--graupl-link-hover-background:var(--graupl-button-hover-background,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-link-active-background:var(--graupl-button-active-background,var(--graupl-button-hover-background,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-link-disabled-background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-link-border-color:var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-link-visited-border-color:var(--graupl-button-visited-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));--graupl-link-focus-border-color:var(--graupl-button-focus-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));--graupl-link-hover-border-color:var(--graupl-button-hover-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-link-active-border-color:var(--graupl-button-active-border-color,var(--graupl-button-hover-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));--graupl-link-disabled-border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}}
2
2
  /*# sourceMappingURL=button.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/scss/mixins/_layer.scss","../../../src/scss/base/button/_index.scss","../../../src/scss/base/button/_mixins.scss","../../../src/scss/base/button/_variables.scss","button.css","../../../src/scss/mixins/_animation.scss","../../../src/scss/base/link/_variables.scss"],"names":[],"mappings":"AAQE,mBCEF,QCoCI,kBAAA,CAOA,sKCyFY,CDxFZ,oFC4FmB,CD1FnB,cAAA,CAXA,YAAA,CAUA,2GCrBe,CDaf,sBAAA,CAEA,+CC/BgB,CD8BhB,6CClCe,CDoCf,uNCpBa,CDqBb,6CCKe,CDJf,mVErCF,CF4CI,gCACE,qEEvCN,CF4CI,cACE,mEE1CN,CFyCI,sBACE,mEEvCN,CF4CI,4BACE,mEEvCN,CF4CI,8BACE,2EEvCN,CF+CU,0FAEE,sEAAA,CAEA,kBEvCZ,CFmCU,gDAEE,sEAAA,CAEA,kBEnCZ,CF+BU,6TAEE,sEAAA,CAEA,kBESZ,CFbU,gDAEE,sEAAA,CAEA,kBEaZ,CFjBU,iUAEE,sEAAA,CAEA,kBEyDZ,CF7DU,kDAEE,sEAAA,CAEA,kBE6DZ,CFjEU,kXAEE,sEAAA,CAEA,kBEyGZ,CF7GU,sEAEE,sEAAA,CAEA,kBE6GZ,CFjHU,sUAEE,sEAAA,CAEA,kBE6IZ,CC5NA,uCJDF,QCwFM,sLEyIF,CACF,CACF,CJrOE,oBCEF,QC8FI,4LCtBgB,CDqBhB,2LCiDkB,CD/ClB,6KE0IF,CFvII,gBAEI,yIAAA,CAAA,gJAAA,CAAA,iJAAA,CAAA,wJAAA,CAAA,+IAAA,CAAA,sJAAA,CAAA,+IAAA,CAAA,oJAAA,CAAA,sJAAA,CAAA,gJAAA,CAAA,qJAAA,CAAA,uJAAA,CAAA,kJAAA,CAAA,yJEqJR,CFvJI,kBAEI,+IAAA,CAAA,sJAAA,CAAA,uJAAA,CAAA,8JAAA,CAAA,qJAAA,CAAA,4JAAA,CAAA,qJAAA,CAAA,0JAAA,CAAA,4JAAA,CAAA,sJAAA,CAAA,2JAAA,CAAA,6JAAA,CAAA,wJAAA,CAAA,+JEqKR,CFvKI,iBAEI,4IAAA,CAAA,mJAAA,CAAA,oJAAA,CAAA,2JAAA,CAAA,kJAAA,CAAA,yJAAA,CAAA,kJAAA,CAAA,uJAAA,CAAA,yJAAA,CAAA,mJAAA,CAAA,wJAAA,CAAA,0JAAA,CAAA,qJAAA,CAAA,4JEqLR,CF5KI,gCACE,mNAAA,CACA,oNAAA,CACA,qMEmLN,CF9KI,cACE,iNAAA,CACA,kNAAA,CACA,mMEgLN,CFnLI,sBACE,iNAAA,CACA,kNAAA,CACA,mMEqLN,CFhLI,4BACE,iNAAA,CACA,oLAAA,CACA,0KEuLN,CFlLI,8BACE,kNAAA,CACA,qLAAA,CACA,2KEyLN,CFjLU,0FAEE,2LAAA,CACA,qNAAA,CACA,6KE4LZ,CFhMU,gDAEE,2LAAA,CACA,qNAAA,CACA,6KEiMZ,CFrMU,6TAEE,2LAAA,CACA,qNAAA,CACA,6KEwPZ,CF5PU,gDAEE,2LAAA,CACA,qNAAA,CACA,6KE6PZ,CFjQU,iUAEE,2LAAA,CACA,qNAAA,CACA,6KEoTZ,CFxTU,kDAEE,2LAAA,CACA,qNAAA,CACA,6KEyTZ,CF7TU,kXAEE,2LAAA,CACA,qNAAA,CACA,6KEgXZ,CFpXU,sEAEE,2LAAA,CACA,qNAAA,CACA,6KEqXZ,CFzXU,sUAEE,2LAAA,CACA,qNAAA,CACA,6KE6ZZ,CACF,CH/iBE,aACE,gOAAA,CACA,oWAAA,CACA,mMAAA,CACA,2DAAA,CACA,2EAAA,CACA,iEAAA,CACA,uEAAA,CACA,yEAAA,CACA,8DAAA,CACA,6FAAA,CACA,mGAAA,CACA,2DAAA,CACA,6DAAA,CACA,iCAAA,CAEA,oEKjBmB,CLiBnB,4DKjBmB,CLmBnB,oEK6ByB,CL9BzB,qGGijBJ,CJvkBE,mBC4BA,aACE,kKAAA,CACA,kLAAA,CACA,8KAAA,CACA,iLAAA,CACA,mLAAA,CACA,oLAAA,CACA,oEAAA,CACA,oFAAA,CACA,gFAAA,CACA,gFAAA,CACA,kFAAA,CACA,sFAAA,CACA,wEAAA,CACA,wFAAA,CACA,oFAAA,CACA,oFAAA,CACA,sFAAA,CACA,0FG+iBF,CH3iBE,oBACE,sOAAA,CACA,oWAAA,CACA,mMAAA,CACA,2DAAA,CACA,2EAAA,CACA,uEAAA,CACA,uEAAA,CACA,gFAAA,CACA,6EAAA,CACA,2FAAA,CACA,6FAAA,CACA,mGAAA,CACA,2DAAA,CACA,6DAAA,CACA,kCAAA,CACA,0CAAA,CACA,wCAAA,CACA,wCAAA,CACA,yCAAA,CACA,2CG6iBJ,CACF,CJpnBE,oBC6EE,oBACE,2LAAA,CACA,2MAAA,CACA,uMAAA,CACA,8KAAA,CACA,gLAAA,CACA,oLAAA,CACA,0MAAA,CACA,0NAAA,CACA,sNAAA,CACA,wLAAA,CACA,0LAAA,CACA,4NAAA,CACA,yMAAA,CACA,yNAAA,CACA,qNAAA,CACA,qNAAA,CACA,uNAAA,CACA,kMG0iBJ,CACF","file":"button.css"}
1
+ {"version":3,"sources":["../../../node_modules/@graupl/core/src/scss/mixins/_layer.scss","../../../node_modules/@graupl/core/src/scss/base/button/_index.scss","../../../node_modules/@graupl/core/src/scss/base/button/_mixins.scss","../../../node_modules/@graupl/core/src/scss/base/button/_variables.scss","button.css","../../../node_modules/@graupl/core/src/scss/mixins/_animation.scss","../../../node_modules/@graupl/core/src/scss/base/link/_variables.scss"],"names":[],"mappings":"AASI,mBCsFF,QCjFA,kBAAA,CASA,ohBC8LqB,CD/LrB,kdC0KoB,CD3KpB,0dCsJoB,CDlJpB,cAAA,CAZA,YAAA,CAWA,2GCUiB,CDnBjB,sBAAA,CAEA,+CCCkB,CDFlB,6CCFiB,CDIjB,uNCYe,CDXf,6CCqCiB,CDpCjB,mVEJA,CFcI,gCACE,oFETN,CFQI,cACE,kFENN,CFKI,sBACE,kFEHN,CFEI,4BACE,kFEGN,CFJI,8BACE,0DESN,CFVI,iBAKI,kBESR,CFHc,0FACE,sDEWhB,CFZc,+BACE,sDEchB,CF1BI,+GAYY,sDE8BhB,CF1CI,iBAKI,kBEqCR,CF/Bc,yEACE,sDEuChB,CFxCc,+BACE,sDE0ChB,CFtDI,gHAYY,sDE0DhB,CFtEI,kBAKI,kBEiER,CF3Dc,4EACE,sDEmEhB,CFpEc,gCACE,sDEsEhB,CFlFI,8HAYY,sDEsFhB,CFlGI,4BAKI,kBE6FR,CFvFc,0GACE,sDE+FhB,CFhGc,0CACE,sDEkGhB,CFnGc,0IACE,sDE8GhB,CC7IA,uCJoFA,QC1CE,sLEuGA,CACF,CH1DE,aACE,gOAAA,CACA,oWAAA,CACA,mMAAA,CACA,2DAAA,CACA,wGAAA,CACA,iEAAA,CACA,uEAAA,CACA,4GAAA,CACA,0NAAA,CACA,wdAAA,CACA,8hBAAA,CACA,2DAAA,CACA,6DAAA,CACA,iCAAA,CAEA,oEKvGiB,CLuGjB,4DKvGiB,CLyGjB,oEKzCuB,CLwCvB,yGG4DJ,CHpDE,oBAGE,sOAAA,CACA,oWAAA,CACA,mMAAA,CACA,2DAAA,CACA,0GAAA,CACA,sGAAA,CACA,sGAAA,CACA,gFAAA,CACA,6EAAA,CACA,4eAAA,CACA,geAAA,CACA,siBAAA,CACA,2DAAA,CACA,6DAAA,CACA,kCAAA,CACA,0CAAA,CACA,wCAAA,CACA,wCAAA,CACA,yCAAA,CACA,2CGoDJ,CACF,CJ9LI,oBCgJF,QC7FA,qNC8BkB,CD/BlB,0OCiKoB,CD/JpB,iMEgJA,CF5IE,gBAEI,yIAAA,CAAA,gJAAA,CAAA,+IAAA,CAAA,oJAAA,CAAA,sJAAA,CAAA,kJAAA,CAAA,yJEmJN,CFrJE,kBAEI,+IAAA,CAAA,sJAAA,CAAA,qJAAA,CAAA,0JAAA,CAAA,4JAAA,CAAA,wJAAA,CAAA,+JE4JN,CF9JE,iBAEI,4IAAA,CAAA,mJAAA,CAAA,kJAAA,CAAA,uJAAA,CAAA,yJAAA,CAAA,qJAAA,CAAA,4JEqKN,CF7JI,gCAEE,6PAAA,CADA,oRAAA,CAEA,oOEoKN,CFvKI,cAEE,2PAAA,CADA,kRAAA,CAEA,kOEyKN,CF5KI,sBAEE,2PAAA,CADA,kRAAA,CAEA,kOE8KN,CFjLI,4BAEE,iNAAA,CADA,gPAAA,CAEA,iNEwLN,CF3LI,8BAEE,wPAAA,CADA,yRAAA,CAEA,mPEkMN,CF1Lc,0FAEE,8NAAA,CADA,2KAAA,CAEA,6JE2MhB,CF9Mc,+BAEE,8NAAA,CADA,2KAAA,CAEA,6JEgNhB,CFnNc,wLAEE,8NAAA,CADA,2KAAA,CAEA,6JEwPhB,CF3Pc,+BAEE,8NAAA,CADA,2KAAA,CAEA,6JE6PhB,CFhQc,4LAEE,8NAAA,CADA,2KAAA,CAEA,6JEqShB,CFxSc,gCAEE,8NAAA,CADA,2KAAA,CAEA,6JE0ShB,CF7Sc,wOAEE,8NAAA,CADA,2KAAA,CAEA,6JEkVhB,CFrVc,0CAEE,8NAAA,CADA,2KAAA,CAEA,6JEuVhB,CF1Vc,0IAEE,8NAAA,CADA,2KAAA,CAEA,6JE2WhB,CHvSE,aACE,kKAAA,CACA,2MAAA,CACA,uMAAA,CACA,iLAAA,CACA,kNAAA,CACA,oLAAA,CACA,oEAAA,CACA,kHAAA,CACA,8GAAA,CACA,gFAAA,CACA,sHAAA,CACA,sFAAA,CACA,wEAAA,CACA,wHAAA,CACA,oHAAA,CACA,oFAAA,CACA,4HAAA,CACA,0FGySJ,CHlSE,oBAGE,+MAAA,CACA,0PAAA,CACA,sPAAA,CACA,qOAAA,CACA,wQAAA,CACA,oLAAA,CACA,mOAAA,CACA,mRAAA,CACA,+QAAA,CACA,qOAAA,CACA,6QAAA,CACA,qPAAA,CACA,wPAAA,CACA,0SAAA,CACA,sSAAA,CACA,oQAAA,CACA,8SAAA,CACA,kMGkSJ,CACF","file":"button.css"}
@@ -1,2 +1,2 @@
1
- @layer graupl.base{input,select,textarea{border:var(--graupl-input-border,var(--graupl-input-border-width,var(--graupl-border-width,2px)) var(--graupl-botton-border-style,var(--graupl-border-style,solid)));border-radius:var(--graupl-input-border-radius,var(--graupl-border-radius,.125rem));font-size:var(--graupl-input-font-size,var(--graupl-font-base,calc(var(--graupl-font-size-base, 1rem)*1)));padding:var(--graupl-input-padding,var(--graupl-input-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-input-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))))}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}label{font-size:var(--graupl-label-font-size,var(--graupl-input-font-size,var(--graupl-font-base,calc(var(--graupl-font-size-base, 1rem)*1))))}fieldset{border:var(--graupl-fieldset-border,var(--graupl-fieldset-border-width,var(--graupl-input-border-width,var(--graupl-border-width,2px))) var(--graupl-fieldset-border-style,var(--graupl-botton-border-style,var(--graupl-border-style,solid))));border-radius:var(--graupl-fieldset-border-radius,var(--graupl-input-border-radius,var(--graupl-border-radius,.125rem)));display:flex;flex-flow:var(--graupl-fieldset-direction,column) wrap;font-size:var(--graupl-fieldset-font-size,var(--graupl-input-font-size,var(--graupl-font-base,calc(var(--graupl-font-size-base, 1rem)*1))));gap:var(--graupl-fieldset-gap,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)));padding:var(--graupl-fieldset-padding,var(--graupl-fieldset-padding-y,var(--graupl-input-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5)))) var(--graupl-fieldset-padding-x,var(--graupl-input-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)))))}fieldset:disabled input,fieldset:disabled select,fieldset:disabled textarea{cursor:not-allowed}}@layer graupl.theme{input,select,textarea{accent-color:var(--graupl-input-accent-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))));background:var(--graupl-input-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));border-color:var(--graupl-input-border-color,var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b))));color:var(--graupl-input-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))}input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:var(--graupl-input-placeholder-color,var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484))))}input::placeholder,select::placeholder,textarea::placeholder{color:var(--graupl-input-placeholder-color,var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484))))}input:disabled,select:disabled,textarea:disabled{border-color:var(--graupl-input-disabled-border-color,var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb))));color:var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d))))}input:disabled::-moz-placeholder,select:disabled::-moz-placeholder,textarea:disabled::-moz-placeholder{color:var(--graupl-input-disabled-placeholder-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}input:disabled::placeholder,select:disabled::placeholder,textarea:disabled::placeholder{color:var(--graupl-input-disabled-placeholder-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}label{color:var(--graupl-label-color,var(--graupl-input-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}label:has(+input:disabled,+textarea:disabled,+select:disabled){color:var(--graupl-label-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}fieldset{background:var(--graupl-fieldset-background,var(--graupl-input-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-fieldset-border-color,var(--graupl-input-border-color,var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)))));color:var(--graupl-fieldset-color,var(--graupl-input-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}fieldset:disabled{border-color:var(--graupl-fieldset-disabled-border-color,var(--graupl-input-disabled-border-color,var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))));color:var(--graupl-fieldset-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}fieldset:disabled label{color:var(--graupl-label-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}}
1
+ @layer graupl.base{input,select,textarea{border-radius:var(--graupl-input-border-radius,var(--graupl-input-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem))) var(--graupl-input-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-input-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-input-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));border-style:var(--graupl-input-border-style,var(--graupl-input-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-input-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-input-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-input-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-width:var(--graupl-input-border-width,var(--graupl-input-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem))) var(--graupl-input-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem))) var(--graupl-input-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem))) var(--graupl-input-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))));font-size:var(--graupl-input-font-size,var(--graupl-font-base,calc(var(--graupl-font-size-base, 1rem)*1)));padding:var(--graupl-input-padding,var(--graupl-input-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-input-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))))}input.disabled,input:disabled,input[aria-disabled=true],input[disabled],select.disabled,select:disabled,select[aria-disabled=true],select[disabled],textarea.disabled,textarea:disabled,textarea[aria-disabled=true],textarea[disabled]{cursor:not-allowed}label{font-size:var(--graupl-label-font-size,var(--graupl-input-font-size,var(--graupl-font-base,calc(var(--graupl-font-size-base, 1rem)*1))))}fieldset{border-radius:var(--graupl-fieldset-border-radius,var(--graupl-fieldset-border-top-left-radius,var(--graupl-input-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem)))) var(--graupl-fieldset-border-top-right-radius,var(--graupl-input-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem)))) var(--graupl-fieldset-border-bottom-right-radius,var(--graupl-input-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem)))) var(--graupl-fieldset-border-bottom-left-radius,var(--graupl-input-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem)))));border-style:var(--graupl-fieldset-border-style,var(--graupl-fieldset-border-top-style,var(--graupl-input-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid)))) var(--graupl-fieldset-border-right-style,var(--graupl-input-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid)))) var(--graupl-fieldset-border-bottom-style,var(--graupl-input-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid)))) var(--graupl-fieldset-border-left-style,var(--graupl-input-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid)))));border-width:var(--graupl-fieldset-border-width,var(--graupl-fieldset-border-top-width,var(--graupl-input-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem)))) var(--graupl-fieldset-border-right-width,var(--graupl-input-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem)))) var(--graupl-fieldset-border-bottom-width,var(--graupl-input-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem)))) var(--graupl-fieldset-border-left-width,var(--graupl-input-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem)))));display:flex;flex-flow:var(--graupl-fieldset-direction,column) wrap;font-size:var(--graupl-fieldset-font-size,var(--graupl-input-font-size,var(--graupl-font-base,calc(var(--graupl-font-size-base, 1rem)*1))));gap:var(--graupl-fieldset-gap,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)));padding:var(--graupl-fieldset-padding,var(--graupl-fieldset-padding-y,var(--graupl-input-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5)))) var(--graupl-fieldset-padding-x,var(--graupl-input-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)))))}fieldset.disabled input,fieldset.disabled select,fieldset.disabled textarea,fieldset:disabled input,fieldset:disabled select,fieldset:disabled textarea,fieldset[aria-disabled=true] input,fieldset[aria-disabled=true] select,fieldset[aria-disabled=true] textarea,fieldset[disabled] input,fieldset[disabled] select,fieldset[disabled] textarea{cursor:not-allowed}}@layer graupl.theme{input,select,textarea{accent-color:var(--graupl-input-accent-color,var(--graupl-input-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));background:var(--graupl-input-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-input-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));color:var(--graupl-input-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:var(--graupl-input-placeholder-color,var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484))))}input::placeholder,select::placeholder,textarea::placeholder{color:var(--graupl-input-placeholder-color,var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484))))}input.disabled,select.disabled,textarea.disabled{border-color:var(--graupl-input-disabled-border-color,var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb))));color:var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d))))}input.disabled::-moz-placeholder,select.disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:var(--graupl-input-placeholder-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}input.disabled::placeholder,select.disabled::placeholder,textarea.disabled::placeholder{color:var(--graupl-input-placeholder-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}input:disabled,select:disabled,textarea:disabled{border-color:var(--graupl-input-disabled-border-color,var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb))));color:var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d))))}input:disabled::-moz-placeholder,select:disabled::-moz-placeholder,textarea:disabled::-moz-placeholder{color:var(--graupl-input-placeholder-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}input:disabled::placeholder,select:disabled::placeholder,textarea:disabled::placeholder{color:var(--graupl-input-placeholder-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}input[disabled],select[disabled],textarea[disabled]{border-color:var(--graupl-input-disabled-border-color,var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb))));color:var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d))))}input[disabled]::-moz-placeholder,select[disabled]::-moz-placeholder,textarea[disabled]::-moz-placeholder{color:var(--graupl-input-placeholder-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}input[disabled]::placeholder,select[disabled]::placeholder,textarea[disabled]::placeholder{color:var(--graupl-input-placeholder-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}input[aria-disabled=true],select[aria-disabled=true],textarea[aria-disabled=true]{border-color:var(--graupl-input-disabled-border-color,var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb))));color:var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d))))}input[aria-disabled=true]::-moz-placeholder,select[aria-disabled=true]::-moz-placeholder,textarea[aria-disabled=true]::-moz-placeholder{color:var(--graupl-input-placeholder-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}input[aria-disabled=true]::placeholder,select[aria-disabled=true]::placeholder,textarea[aria-disabled=true]::placeholder{color:var(--graupl-input-placeholder-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}label{color:var(--graupl-label-color,var(--graupl-input-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}label:has(+input.disabled,+textarea.disabled,+select.disabled){color:var(--graupl-label-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}label:has(+input:disabled,+textarea:disabled,+select:disabled){color:var(--graupl-label-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}label:has(+input[disabled],+textarea[disabled],+select[disabled]){color:var(--graupl-label-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}label:has(+input[aria-disabled=true],+textarea[aria-disabled=true],+select[aria-disabled=true]){color:var(--graupl-label-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}fieldset{background:var(--graupl-fieldset-background,var(--graupl-input-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));border-color:var(--graupl-fieldset-border-color,var(--graupl-input-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-fieldset-color,var(--graupl-input-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}fieldset.disabled{border-color:var(--graupl-fieldset-disabled-border-color,var(--graupl-input-disabled-border-color,var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))));color:var(--graupl-fieldset-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}fieldset.disabled label{color:var(--graupl-label-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}fieldset:disabled{border-color:var(--graupl-fieldset-disabled-border-color,var(--graupl-input-disabled-border-color,var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))));color:var(--graupl-fieldset-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}fieldset:disabled label{color:var(--graupl-label-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}fieldset[disabled]{border-color:var(--graupl-fieldset-disabled-border-color,var(--graupl-input-disabled-border-color,var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))));color:var(--graupl-fieldset-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}fieldset[disabled] label{color:var(--graupl-label-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}fieldset[aria-disabled=true]{border-color:var(--graupl-fieldset-disabled-border-color,var(--graupl-input-disabled-border-color,var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))));color:var(--graupl-fieldset-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}fieldset[aria-disabled=true] label{color:var(--graupl-label-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}}
2
2
  /*# sourceMappingURL=form.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/scss/mixins/_layer.scss","../../../src/scss/base/form/_index.scss","../../../src/scss/base/form/_variables.scss","form.css"],"names":[],"mappings":"AAQE,mBCDA,sBAIE,oKCiGW,CDhGX,mFCoGkB,CDnGlB,0GCYc,CDfd,oNEDF,CFME,iDACE,kBEFJ,CFMA,MACE,wIEJF,CFOA,SAKE,+OC+Fc,CD9Fd,wHCkGqB,CDvGrB,YAAA,CACA,sDAAA,CAKA,2ICsBiB,CD1BjB,0FCUW,CDTX,yREFF,CFQI,4EAGE,kBENN,CACF,CHxBE,oBCoCA,sBAME,iKCsGiB,CDxGjB,2LCWe,CDZf,uKCuFiB,CDrFjB,mJERF,CFWE,4EACE,qKEPJ,CFME,6DACE,qKEPJ,CFUE,iDACE,gLCiFwB,CDhFxB,kKENJ,CFQI,uGACE,iNEJN,CFGI,wFACE,iNEJN,CFSA,MACE,6KEPF,CFSE,+DAKE,qMETJ,CFaA,SAEE,6NCjBkB,CDgBlB,2MC+DoB,CD7DpB,gLEXF,CFaE,kBACE,6NC8D2B,CD7D3B,wMEXJ,CFaI,wBACE,qMEXN,CACF","file":"form.css"}
1
+ {"version":3,"sources":["../../../node_modules/@graupl/core/src/scss/mixins/_layer.scss","../../../node_modules/@graupl/core/src/scss/base/form/_index.scss","../../../node_modules/@graupl/core/src/scss/base/form/_variables.scss","form.css"],"names":[],"mappings":"AASI,mBC8G8B,sBAM9B,+gBC2BkB,CD5BlB,6cCOiB,CDRjB,qdCbiB,CDgBjB,0GCrGc,CDiGd,oNEhHF,CFwHI,wOACE,kBErGN,CF2GgC,MAC9B,wIEzGF,CF6GmC,SAOjC,ktBCkEqB,CDnErB,snBC8CoB,CD/CpB,8nBC0BoB,CD9BpB,YAAA,CACA,sDAAA,CAMA,2ICjGiB,CD4FjB,0FC5GW,CD6GX,yREvGF,CFgHM,oVAGE,kBE/FR,CACF,CHvDI,oBC8J8B,sBAM9B,wOCoEiB,CDtEjB,oNChHe,CD+Gf,yOCqDiB,CDnDjB,gMEnGF,CFsGE,4EACE,qKElGJ,CFiGE,6DACE,qKElGJ,CFuGI,iDACE,gLC6CsB,CD5CtB,kKEnGN,CFqGM,uGACE,iNEjGR,CFgGM,wFACE,iNEjGR,CF4FI,iDACE,gLC6CsB,CD5CtB,kKExFN,CF0FM,uGACE,iNEtFR,CFqFM,wFACE,iNEtFR,CFiFI,oDACE,gLC6CsB,CD5CtB,kKE7EN,CF+EM,0GACE,iNE3ER,CF0EM,2FACE,iNE3ER,CFsEI,kFACE,gLC6CsB,CD5CtB,kKElEN,CFoEM,wIACE,iNEhER,CF+DM,yHACE,iNEhER,CFuEgC,MAC9B,0NErEF,CFyEI,+DAKE,qMEzEN,CFoEI,+DAKE,qMEpEN,CF+DI,kEAKE,qME/DN,CF0DI,gGAKE,qME1DN,CFgEmC,SAEjC,sPCpJkB,CDmJlB,6QCqBoB,CDnBpB,6NE9DF,CFkEI,kBACE,6NCkByB,CDjBzB,wMEhEN,CFkEM,wBACE,qMEhER,CF2DI,kBACE,6NCkByB,CDjBzB,wMEzDN,CF2DM,wBACE,qMEzDR,CFoDI,mBACE,6NCkByB,CDjBzB,wMElDN,CFoDM,yBACE,qMElDR,CF6CI,6BACE,6NCkByB,CDjBzB,wME3CN,CF6CM,mCACE,qME3CR,CACF","file":"form.css"}