@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/docs/components/inputgroup.md CHANGED
@@ -32,28 +32,28 @@ Variables
32
32
  Input group properties
33
33
 
34
34
  ```jsx
35
- --#{root-defaults.$prefix}-input-group-grid-template-areas
36
- --#{root-defaults.$prefix}-input-group-grid-template-columns
37
- --#{root-defaults.$prefix}-input-group-grid-template-rows
38
- --#{root-defaults.$prefix}-input-group-row-gap
39
- --#{root-defaults.$prefix}-input-group-column-gap
40
- --#{root-defaults.$prefix}-input-group-gap
35
+ --#{root-defaults.$prefix}input-group-grid-template-areas
36
+ --#{root-defaults.$prefix}input-group-grid-template-columns
37
+ --#{root-defaults.$prefix}input-group-grid-template-rows
38
+ --#{root-defaults.$prefix}input-group-row-gap
39
+ --#{root-defaults.$prefix}input-group-column-gap
40
+ --#{root-defaults.$prefix}input-group-gap
41
41
  ```
42
42
 
43
43
  Inline input group properties
44
44
 
45
45
  ```jsx
46
- --#{root-defaults.$prefix}-input-group-inline-grid-template-areas
47
- --#{root-defaults.$prefix}-input-group-inline-grid-template-columns
48
- --#{root-defaults.$prefix}-input-group-inline-grid-template-rows
46
+ --#{root-defaults.$prefix}input-group-inline-grid-template-areas
47
+ --#{root-defaults.$prefix}input-group-inline-grid-template-columns
48
+ --#{root-defaults.$prefix}input-group-inline-grid-template-rows
49
49
  ```
50
50
 
51
51
  Inner element properties
52
52
 
53
53
  ```jsx
54
- --#{root-defaults.$prefix}-input-group-label-grid-area
55
- --#{root-defaults.$prefix}-input-group-input-grid-area
56
- --#{root-defaults.$prefix}-input-group-help-grid-area
54
+ --#{root-defaults.$prefix}input-group-label-grid-area
55
+ --#{root-defaults.$prefix}input-group-input-grid-area
56
+ --#{root-defaults.$prefix}input-group-help-grid-area
57
57
  ```
58
58
 
59
59
  Markup
package/docs/components/menu.md CHANGED
@@ -68,232 +68,232 @@ Variables
68
68
  The menu properties:
69
69
 
70
70
  ```scss
71
- --#{root-defaults.$prefix}-menu-flex-direction
72
- --#{root-defaults.$prefix}-menu-padding-x
73
- --#{root-defaults.$prefix}-menu-padding-y
74
- --#{root-defaults.$prefix}-menu-padding
71
+ --#{root-defaults.$prefix}menu-flex-direction
72
+ --#{root-defaults.$prefix}menu-padding-x
73
+ --#{root-defaults.$prefix}menu-padding-y
74
+ --#{root-defaults.$prefix}menu-padding
75
75
 
76
76
  ```
77
77
 
78
78
  The menu gap properties:
79
79
 
80
80
  ```scss
81
- --#{root-defaults.$prefix}-menu-column-gap
82
- --#{root-defaults.$prefix}-menu-row-gap
83
- --#{root-defaults.$prefix}-menu-gap
81
+ --#{root-defaults.$prefix}menu-column-gap
82
+ --#{root-defaults.$prefix}menu-row-gap
83
+ --#{root-defaults.$prefix}menu-gap
84
84
 
85
85
  ```
86
86
 
87
87
  The menu display properties:
88
88
 
89
89
  ```scss
90
- --#{root-defaults.$prefix}-menu-show-display
91
- --#{root-defaults.$prefix}-menu-hide-display
92
- --#{root-defaults.$prefix}-menu-display
90
+ --#{root-defaults.$prefix}menu-show-display
91
+ --#{root-defaults.$prefix}menu-hide-display
92
+ --#{root-defaults.$prefix}menu-display
93
93
 
94
94
  ```
95
95
 
96
96
  The menu color properties:
97
97
 
98
98
  ```scss
99
- --#{root-defaults.$prefix}-menu-background
100
- --#{root-defaults.$prefix}-menu-color
99
+ --#{root-defaults.$prefix}menu-background
100
+ --#{root-defaults.$prefix}menu-color
101
101
 
102
102
  ```
103
103
 
104
104
  The menu border properties:
105
105
 
106
106
  ```scss
107
- --#{root-defaults.$prefix}-menu-border-color
108
- --#{root-defaults.$prefix}-menu-border-radius
109
- --#{root-defaults.$prefix}-menu-border-style
110
- --#{root-defaults.$prefix}-menu-border-width
111
- --#{root-defaults.$prefix}-menu-border
107
+ --#{root-defaults.$prefix}menu-border-color
108
+ --#{root-defaults.$prefix}menu-border-radius
109
+ --#{root-defaults.$prefix}menu-border-style
110
+ --#{root-defaults.$prefix}menu-border-width
111
+ --#{root-defaults.$prefix}menu-border
112
112
 
113
113
  ```
114
114
 
115
115
  The submenu properties:
116
116
 
117
117
  ```scss
118
- --#{root-defaults.$prefix}-submenu-flex-direction
119
- --#{root-defaults.$prefix}-submenu-z-index
120
- --#{root-defaults.$prefix}-submenu-padding-x
121
- --#{root-defaults.$prefix}-submenu-padding-y
122
- --#{root-defaults.$prefix}-submenu-padding
118
+ --#{root-defaults.$prefix}submenu-flex-direction
119
+ --#{root-defaults.$prefix}submenu-z-index
120
+ --#{root-defaults.$prefix}submenu-padding-x
121
+ --#{root-defaults.$prefix}submenu-padding-y
122
+ --#{root-defaults.$prefix}submenu-padding
123
123
 
124
124
  ```
125
125
 
126
126
  The submenu gap properties:
127
127
 
128
128
  ```scss
129
- --#{root-defaults.$prefix}-submenu-column-gap
130
- --#{root-defaults.$prefix}-submenu-row-gap
131
- --#{root-defaults.$prefix}-submenu-gap
129
+ --#{root-defaults.$prefix}submenu-column-gap
130
+ --#{root-defaults.$prefix}submenu-row-gap
131
+ --#{root-defaults.$prefix}submenu-gap
132
132
 
133
133
  ```
134
134
 
135
135
  The submenu display properties:
136
136
 
137
137
  ```scss
138
- --#{root-defaults.$prefix}-submenu-show-display
139
- --#{root-defaults.$prefix}-submenu-hide-display
140
- --#{root-defaults.$prefix}-submenu-display
138
+ --#{root-defaults.$prefix}submenu-show-display
139
+ --#{root-defaults.$prefix}submenu-hide-display
140
+ --#{root-defaults.$prefix}submenu-display
141
141
 
142
142
  ```
143
143
 
144
144
  The submenu color properties:
145
145
 
146
146
  ```scss
147
- --#{root-defaults.$prefix}-submenu-background
148
- --#{root-defaults.$prefix}-submenu-color
147
+ --#{root-defaults.$prefix}submenu-background
148
+ --#{root-defaults.$prefix}submenu-color
149
149
 
150
150
  ```
151
151
 
152
152
  The submenu border properties:
153
153
 
154
154
  ```scss
155
- --#{root-defaults.$prefix}-submenu-border-color
156
- --#{root-defaults.$prefix}-submenu-border-radius
157
- --#{root-defaults.$prefix}-submenu-border-style
158
- --#{root-defaults.$prefix}-submenu-border-width
159
- --#{root-defaults.$prefix}-submenu-border
155
+ --#{root-defaults.$prefix}submenu-border-color
156
+ --#{root-defaults.$prefix}submenu-border-radius
157
+ --#{root-defaults.$prefix}submenu-border-style
158
+ --#{root-defaults.$prefix}submenu-border-width
159
+ --#{root-defaults.$prefix}submenu-border
160
160
 
161
161
  ```
162
162
 
163
163
  The submenu position properties:
164
164
 
165
165
  ```scss
166
- --#{root-defaults.$prefix}-submenu-position
167
- --#{root-defaults.$prefix}-submenu-top
168
- --#{root-defaults.$prefix}-submenu-right
169
- --#{root-defaults.$prefix}-submenu-bottom
170
- --#{root-defaults.$prefix}-submenu-left
171
- --#{root-defaults.$prefix}-submenu-inset
166
+ --#{root-defaults.$prefix}submenu-position
167
+ --#{root-defaults.$prefix}submenu-top
168
+ --#{root-defaults.$prefix}submenu-right
169
+ --#{root-defaults.$prefix}submenu-bottom
170
+ --#{root-defaults.$prefix}submenu-left
171
+ --#{root-defaults.$prefix}submenu-inset
172
172
 
173
173
  ```
174
174
 
175
175
  The menu item properties:
176
176
 
177
177
  ```scss
178
- --#{root-defaults.$prefix}-menu-item-min-width
179
- --#{root-defaults.$prefix}-menu-item-max-width
180
- --#{root-defaults.$prefix}-menu-item-padding-x
181
- --#{root-defaults.$prefix}-menu-item-padding-y
182
- --#{root-defaults.$prefix}-menu-item-padding
178
+ --#{root-defaults.$prefix}menu-item-min-width
179
+ --#{root-defaults.$prefix}menu-item-max-width
180
+ --#{root-defaults.$prefix}menu-item-padding-x
181
+ --#{root-defaults.$prefix}menu-item-padding-y
182
+ --#{root-defaults.$prefix}menu-item-padding
183
183
 
184
184
  ```
185
185
 
186
186
  The submenu item properties:
187
187
 
188
188
  ```scss
189
- --#{root-defaults.$prefix}-submenu-item-width
189
+ --#{root-defaults.$prefix}submenu-item-width
190
190
 
191
191
  ```
192
192
 
193
193
  The menu link properties:
194
194
 
195
195
  ```scss
196
- --#{root-defaults.$prefix}-menu-link-padding-x
197
- --#{root-defaults.$prefix}-menu-link-padding-y
198
- --#{root-defaults.$prefix}-menu-link-padding
196
+ --#{root-defaults.$prefix}menu-link-padding-x
197
+ --#{root-defaults.$prefix}menu-link-padding-y
198
+ --#{root-defaults.$prefix}menu-link-padding
199
199
 
200
200
  ```
201
201
 
202
202
  The menu link transform properties:
203
203
 
204
204
  ```scss
205
- --#{root-defaults.$prefix}-menu-link-transition
206
- --#{root-defaults.$prefix}-menu-link-transition-reduced-motion
207
- --#{root-defaults.$prefix}-menu-link-transform
208
- --#{root-defaults.$prefix}-menu-link-visited-transform
209
- --#{root-defaults.$prefix}-menu-link-focus-transform
210
- --#{root-defaults.$prefix}-menu-link-hover-transform
211
- --#{root-defaults.$prefix}-menu-link-active-transform
212
- --#{root-defaults.$prefix}-menu-link-disabled-transform
205
+ --#{root-defaults.$prefix}menu-link-transition
206
+ --#{root-defaults.$prefix}menu-link-transition-reduced-motion
207
+ --#{root-defaults.$prefix}menu-link-transform
208
+ --#{root-defaults.$prefix}menu-link-visited-transform
209
+ --#{root-defaults.$prefix}menu-link-focus-transform
210
+ --#{root-defaults.$prefix}menu-link-hover-transform
211
+ --#{root-defaults.$prefix}menu-link-active-transform
212
+ --#{root-defaults.$prefix}menu-link-disabled-transform
213
213
 
214
214
  ```
215
215
 
216
216
  The menu link gap properties:
217
217
 
218
218
  ```scss
219
- --#{root-defaults.$prefix}-menu-link-column-gap
220
- --#{root-defaults.$prefix}-menu-link-row-gap
221
- --#{root-defaults.$prefix}-menu-link-gap
219
+ --#{root-defaults.$prefix}menu-link-column-gap
220
+ --#{root-defaults.$prefix}menu-link-row-gap
221
+ --#{root-defaults.$prefix}menu-link-gap
222
222
 
223
223
  ```
224
224
 
225
225
  The menu link colors:
226
226
 
227
227
  ```scss
228
- --#{root-defaults.$prefix}-menu-link-background
229
- --#{root-defaults.$prefix}-menu-link-visited-background
230
- --#{root-defaults.$prefix}-menu-link-focus-background
231
- --#{root-defaults.$prefix}-menu-link-hover-background
232
- --#{root-defaults.$prefix}-menu-link-active-background
233
- --#{root-defaults.$prefix}-menu-link-disabled-background
234
- --#{root-defaults.$prefix}-menu-link-color
235
- --#{root-defaults.$prefix}-menu-link-visited-color
236
- --#{root-defaults.$prefix}-menu-link-focus-color
237
- --#{root-defaults.$prefix}-menu-link-hover-color
238
- --#{root-defaults.$prefix}-menu-link-active-color
239
- --#{root-defaults.$prefix}-menu-link-disabled-color
228
+ --#{root-defaults.$prefix}menu-link-background
229
+ --#{root-defaults.$prefix}menu-link-visited-background
230
+ --#{root-defaults.$prefix}menu-link-focus-background
231
+ --#{root-defaults.$prefix}menu-link-hover-background
232
+ --#{root-defaults.$prefix}menu-link-active-background
233
+ --#{root-defaults.$prefix}menu-link-disabled-background
234
+ --#{root-defaults.$prefix}menu-link-color
235
+ --#{root-defaults.$prefix}menu-link-visited-color
236
+ --#{root-defaults.$prefix}menu-link-focus-color
237
+ --#{root-defaults.$prefix}menu-link-hover-color
238
+ --#{root-defaults.$prefix}menu-link-active-color
239
+ --#{root-defaults.$prefix}menu-link-disabled-color
240
240
 
241
241
  ```
242
242
 
243
243
  The menu link text decoration properties:
244
244
 
245
245
  ```scss
246
- --#{root-defaults.$prefix}-menu-link-text-decoration
247
- --#{root-defaults.$prefix}-menu-link-visited-text-decoration
248
- --#{root-defaults.$prefix}-menu-link-focus-text-decoration
249
- --#{root-defaults.$prefix}-menu-link-hover-text-decoration
250
- --#{root-defaults.$prefix}-menu-link-active-text-decoration
251
- --#{root-defaults.$prefix}-menu-link-disabled-text-decoration
252
- --#{root-defaults.$prefix}-menu-link-text-decoration-thickness
253
- --#{root-defaults.$prefix}-menu-link-visited-text-decoration-thickness
254
- --#{root-defaults.$prefix}-menu-link-focus-text-decoration-thickness
255
- --#{root-defaults.$prefix}-menu-link-hover-text-decoration-thickness
256
- --#{root-defaults.$prefix}-menu-link-active-text-decoration-thickness
257
- --#{root-defaults.$prefix}-menu-link-disabled-text-decoration-thickness
258
- --#{root-defaults.$prefix}-menu-link-text-decoration-style
259
- --#{root-defaults.$prefix}-menu-link-visited-text-decoration-style
260
- --#{root-defaults.$prefix}-menu-link-focus-text-decoration-style
261
- --#{root-defaults.$prefix}-menu-link-hover-text-decoration-style
262
- --#{root-defaults.$prefix}-menu-link-active-text-decoration-style
263
- --#{root-defaults.$prefix}-menu-link-disabled-text-decoration-style
264
- --#{root-defaults.$prefix}-menu-link-text-decoration-color
265
- --#{root-defaults.$prefix}-menu-link-visited-text-decoration-color
266
- --#{root-defaults.$prefix}-menu-link-focus-text-decoration-color
267
- --#{root-defaults.$prefix}-menu-link-hover-text-decoration-color
268
- --#{root-defaults.$prefix}-menu-link-active-text-decoration-color
269
- --#{root-defaults.$prefix}-menu-link-disabled-text-decoration-color
246
+ --#{root-defaults.$prefix}menu-link-text-decoration
247
+ --#{root-defaults.$prefix}menu-link-visited-text-decoration
248
+ --#{root-defaults.$prefix}menu-link-focus-text-decoration
249
+ --#{root-defaults.$prefix}menu-link-hover-text-decoration
250
+ --#{root-defaults.$prefix}menu-link-active-text-decoration
251
+ --#{root-defaults.$prefix}menu-link-disabled-text-decoration
252
+ --#{root-defaults.$prefix}menu-link-text-decoration-thickness
253
+ --#{root-defaults.$prefix}menu-link-visited-text-decoration-thickness
254
+ --#{root-defaults.$prefix}menu-link-focus-text-decoration-thickness
255
+ --#{root-defaults.$prefix}menu-link-hover-text-decoration-thickness
256
+ --#{root-defaults.$prefix}menu-link-active-text-decoration-thickness
257
+ --#{root-defaults.$prefix}menu-link-disabled-text-decoration-thickness
258
+ --#{root-defaults.$prefix}menu-link-text-decoration-style
259
+ --#{root-defaults.$prefix}menu-link-visited-text-decoration-style
260
+ --#{root-defaults.$prefix}menu-link-focus-text-decoration-style
261
+ --#{root-defaults.$prefix}menu-link-hover-text-decoration-style
262
+ --#{root-defaults.$prefix}menu-link-active-text-decoration-style
263
+ --#{root-defaults.$prefix}menu-link-disabled-text-decoration-style
264
+ --#{root-defaults.$prefix}menu-link-text-decoration-color
265
+ --#{root-defaults.$prefix}menu-link-visited-text-decoration-color
266
+ --#{root-defaults.$prefix}menu-link-focus-text-decoration-color
267
+ --#{root-defaults.$prefix}menu-link-hover-text-decoration-color
268
+ --#{root-defaults.$prefix}menu-link-active-text-decoration-color
269
+ --#{root-defaults.$prefix}menu-link-disabled-text-decoration-color
270
270
 
271
271
  ```
272
272
 
273
273
  The menu link border properties:
274
274
 
275
275
  ```scss
276
- --#{root-defaults.$prefix}-menu-link-border-radius
277
- --#{root-defaults.$prefix}-menu-link-border-style
278
- --#{root-defaults.$prefix}-menu-link-border-width
279
- --#{root-defaults.$prefix}-menu-link-border
280
- --#{root-defaults.$prefix}-menu-link-border-color
281
- --#{root-defaults.$prefix}-menu-link-visited-border-color
282
- --#{root-defaults.$prefix}-menu-link-focus-border-color
283
- --#{root-defaults.$prefix}-menu-link-hover-border-color
284
- --#{root-defaults.$prefix}-menu-link-active-border-color
285
- --#{root-defaults.$prefix}-menu-link-disabled-border-color
276
+ --#{root-defaults.$prefix}menu-link-border-radius
277
+ --#{root-defaults.$prefix}menu-link-border-style
278
+ --#{root-defaults.$prefix}menu-link-border-width
279
+ --#{root-defaults.$prefix}menu-link-border
280
+ --#{root-defaults.$prefix}menu-link-border-color
281
+ --#{root-defaults.$prefix}menu-link-visited-border-color
282
+ --#{root-defaults.$prefix}menu-link-focus-border-color
283
+ --#{root-defaults.$prefix}menu-link-hover-border-color
284
+ --#{root-defaults.$prefix}menu-link-active-border-color
285
+ --#{root-defaults.$prefix}menu-link-disabled-border-color
286
286
 
287
287
  ```
288
288
 
289
289
  The submenu toggle properties:
290
290
 
291
291
  ```scss
292
- --#{root-defaults.$prefix}-submenu-toggle-transform
293
- --#{root-defaults.$prefix}-submenu-toggle-open-transform
294
- --#{root-defaults.$prefix}-submenu-toggle-content
295
- --#{root-defaults.$prefix}-submenu-toggle-transition
296
- --#{root-defaults.$prefix}-submenu-toggle-transition-reduced-motion
292
+ --#{root-defaults.$prefix}submenu-toggle-transform
293
+ --#{root-defaults.$prefix}submenu-toggle-open-transform
294
+ --#{root-defaults.$prefix}submenu-toggle-content
295
+ --#{root-defaults.$prefix}submenu-toggle-transition
296
+ --#{root-defaults.$prefix}submenu-toggle-transition-reduced-motion
297
297
 
298
298
  ```
299
299
 
package/docs/components/navigation.md CHANGED
@@ -31,106 +31,106 @@ Variables
31
31
  The navigation colors:
32
32
 
33
33
  ```scss
34
- --#{root-defaults.$prefix}-navigation-background
35
- --#{root-defaults.$prefix}-navigation-color
34
+ --#{root-defaults.$prefix}navigation-background
35
+ --#{root-defaults.$prefix}navigation-color
36
36
 
37
37
  ```
38
38
 
39
39
  The navigation toggle size:
40
40
 
41
41
  ```scss
42
- --#{root-defaults.$prefix}-navigation-toggle-min-width
43
- --#{root-defaults.$prefix}-navigation-toggle-min-height
42
+ --#{root-defaults.$prefix}navigation-toggle-min-width
43
+ --#{root-defaults.$prefix}navigation-toggle-min-height
44
44
 
45
45
  ```
46
46
 
47
47
  The navigation toggle spacing:
48
48
 
49
49
  ```scss
50
- --#{root-defaults.$prefix}-navigation-toggle-padding-x
51
- --#{root-defaults.$prefix}-navigation-toggle-padding-y
52
- --#{root-defaults.$prefix}-navigation-toggle-padding
50
+ --#{root-defaults.$prefix}navigation-toggle-padding-x
51
+ --#{root-defaults.$prefix}navigation-toggle-padding-y
52
+ --#{root-defaults.$prefix}navigation-toggle-padding
53
53
 
54
54
  ```
55
55
 
56
56
  The navigation toggle colors:
57
57
 
58
58
  ```scss
59
- --#{root-defaults.$prefix}-navigation-toggle-background
60
- --#{root-defaults.$prefix}-navigation-toggle-color
61
- --#{root-defaults.$prefix}-navigation-toggle-hover-background
62
- --#{root-defaults.$prefix}-navigation-toggle-hover-color
59
+ --#{root-defaults.$prefix}navigation-toggle-background
60
+ --#{root-defaults.$prefix}navigation-toggle-color
61
+ --#{root-defaults.$prefix}navigation-toggle-hover-background
62
+ --#{root-defaults.$prefix}navigation-toggle-hover-color
63
63
 
64
64
  ```
65
65
 
66
66
  The navigation toggle border properties:
67
67
 
68
68
  ```scss
69
- --#{root-defaults.$prefix}-navigation-toggle-border-width
70
- --#{root-defaults.$prefix}-navigation-toggle-border-style
71
- --#{root-defaults.$prefix}-navigation-toggle-border
72
- --#{root-defaults.$prefix}-navigation-toggle-border-color
73
- --#{root-defaults.$prefix}-navigation-toggle-border-radius
69
+ --#{root-defaults.$prefix}navigation-toggle-border-width
70
+ --#{root-defaults.$prefix}navigation-toggle-border-style
71
+ --#{root-defaults.$prefix}navigation-toggle-border
72
+ --#{root-defaults.$prefix}navigation-toggle-border-color
73
+ --#{root-defaults.$prefix}navigation-toggle-border-radius
74
74
 
75
75
  ```
76
76
 
77
77
  The navigation branding properties:
78
78
 
79
79
  ```scss
80
- --#{root-defaults.$prefix}-navigation-branding-font-size
81
- --#{root-defaults.$prefix}-navigation-branding-font-weight
82
- --#{root-defaults.$prefix}-navigation-branding-padding-x
83
- --#{root-defaults.$prefix}-navigation-branding-padding-y
84
- --#{root-defaults.$prefix}-navigation-branding-padding
80
+ --#{root-defaults.$prefix}navigation-branding-font-size
81
+ --#{root-defaults.$prefix}navigation-branding-font-weight
82
+ --#{root-defaults.$prefix}navigation-branding-padding-x
83
+ --#{root-defaults.$prefix}navigation-branding-padding-y
84
+ --#{root-defaults.$prefix}navigation-branding-padding
85
85
 
86
86
  ```
87
87
 
88
88
  The navigation branding colors:
89
89
 
90
90
  ```scss
91
- --#{root-defaults.$prefix}-navigation-branding-color
92
- --#{root-defaults.$prefix}-navigation-branding-visited-color
93
- --#{root-defaults.$prefix}-navigation-branding-focus-color
94
- --#{root-defaults.$prefix}-navigation-branding-hover-color
95
- --#{root-defaults.$prefix}-navigation-branding-active-color
96
- --#{root-defaults.$prefix}-navigation-branding-disabled-color
91
+ --#{root-defaults.$prefix}navigation-branding-color
92
+ --#{root-defaults.$prefix}navigation-branding-visited-color
93
+ --#{root-defaults.$prefix}navigation-branding-focus-color
94
+ --#{root-defaults.$prefix}navigation-branding-hover-color
95
+ --#{root-defaults.$prefix}navigation-branding-active-color
96
+ --#{root-defaults.$prefix}navigation-branding-disabled-color
97
97
 
98
98
  ```
99
99
 
100
100
  The navigation branding text decoration properties:
101
101
 
102
102
  ```scss
103
- --#{root-defaults.$prefix}-navigation-branding-text-decoration
104
- --#{root-defaults.$prefix}-navigation-branding-visited-text-decoration
105
- --#{root-defaults.$prefix}-navigation-branding-focus-text-decoration
106
- --#{root-defaults.$prefix}-navigation-branding-hover-text-decoration
107
- --#{root-defaults.$prefix}-navigation-branding-active-text-decoration
108
- --#{root-defaults.$prefix}-navigation-branding-disabled-text-decoration
109
- --#{root-defaults.$prefix}-navigation-branding-text-decoration-style
110
- --#{root-defaults.$prefix}-navigation-branding-visited-text-decoration-style
111
- --#{root-defaults.$prefix}-navigation-branding-focus-text-decoration-style
112
- --#{root-defaults.$prefix}-navigation-branding-hover-text-decoration-style
113
- --#{root-defaults.$prefix}-navigation-branding-active-text-decoration-style
114
- --#{root-defaults.$prefix}-navigation-branding-disabled-text-decoration-style
115
- --#{root-defaults.$prefix}-navigation-branding-text-decoration-thickness
116
- --#{root-defaults.$prefix}-navigation-branding-visited-text-decoration-thickness
117
- --#{root-defaults.$prefix}-navigation-branding-focus-text-decoration-thickness
118
- --#{root-defaults.$prefix}-navigation-branding-hover-text-decoration-thickness
119
- --#{root-defaults.$prefix}-navigation-branding-active-text-decoration-thickness
120
- --#{root-defaults.$prefix}-navigation-branding-disabled-text-decoration-thickness
121
- --#{root-defaults.$prefix}-navigation-branding-text-decoration-color
122
- --#{root-defaults.$prefix}-navigation-branding-visited-text-decoration-color
123
- --#{root-defaults.$prefix}-navigation-branding-focus-text-decoration-color
124
- --#{root-defaults.$prefix}-navigation-branding-hover-text-decoration-color
125
- --#{root-defaults.$prefix}-navigation-branding-active-text-decoration-color
126
- --#{root-defaults.$prefix}-navigation-branding-disabled-text-decoration-color
103
+ --#{root-defaults.$prefix}navigation-branding-text-decoration
104
+ --#{root-defaults.$prefix}navigation-branding-visited-text-decoration
105
+ --#{root-defaults.$prefix}navigation-branding-focus-text-decoration
106
+ --#{root-defaults.$prefix}navigation-branding-hover-text-decoration
107
+ --#{root-defaults.$prefix}navigation-branding-active-text-decoration
108
+ --#{root-defaults.$prefix}navigation-branding-disabled-text-decoration
109
+ --#{root-defaults.$prefix}navigation-branding-text-decoration-style
110
+ --#{root-defaults.$prefix}navigation-branding-visited-text-decoration-style
111
+ --#{root-defaults.$prefix}navigation-branding-focus-text-decoration-style
112
+ --#{root-defaults.$prefix}navigation-branding-hover-text-decoration-style
113
+ --#{root-defaults.$prefix}navigation-branding-active-text-decoration-style
114
+ --#{root-defaults.$prefix}navigation-branding-disabled-text-decoration-style
115
+ --#{root-defaults.$prefix}navigation-branding-text-decoration-thickness
116
+ --#{root-defaults.$prefix}navigation-branding-visited-text-decoration-thickness
117
+ --#{root-defaults.$prefix}navigation-branding-focus-text-decoration-thickness
118
+ --#{root-defaults.$prefix}navigation-branding-hover-text-decoration-thickness
119
+ --#{root-defaults.$prefix}navigation-branding-active-text-decoration-thickness
120
+ --#{root-defaults.$prefix}navigation-branding-disabled-text-decoration-thickness
121
+ --#{root-defaults.$prefix}navigation-branding-text-decoration-color
122
+ --#{root-defaults.$prefix}navigation-branding-visited-text-decoration-color
123
+ --#{root-defaults.$prefix}navigation-branding-focus-text-decoration-color
124
+ --#{root-defaults.$prefix}navigation-branding-hover-text-decoration-color
125
+ --#{root-defaults.$prefix}navigation-branding-active-text-decoration-color
126
+ --#{root-defaults.$prefix}navigation-branding-disabled-text-decoration-color
127
127
 
128
128
  ```
129
129
 
130
130
  The navigation toggle properties:
131
131
 
132
132
  ```scss
133
- --#{root-defaults.$prefix}-navigation-toggle-content
133
+ --#{root-defaults.$prefix}navigation-toggle-content
134
134
 
135
135
  ```
136
136