@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/content.md CHANGED
@@ -53,67 +53,67 @@ $table-theme-map: map.merge($base-table-theme-map, $custom-table-theme-map);
53
53
  Table Caption Properties
54
54
 
55
55
  ```jsx
56
- --#{root-defaults.$prefix}-table-caption-side
57
- --#{root-defaults.$prefix}-table-caption-padding-x
58
- --#{root-defaults.$prefix}-table-caption-padding-y
56
+ --#{root-defaults.$prefix}table-caption-side
57
+ --#{root-defaults.$prefix}table-caption-padding-x
58
+ --#{root-defaults.$prefix}table-caption-padding-y
59
59
  ```
60
60
 
61
61
  Table Header Properties
62
62
 
63
63
  ```jsx
64
- --#{root-defaults.$prefix}-table-header-font-weight
65
- --#{root-defaults.$prefix}-table-header-padding-x
66
- --#{root-defaults.$prefix}-table-header-padding-y
67
- --#{root-defaults.$prefix}-table-header-background
68
- --#{root-defaults.$prefix}-table-header-color
64
+ --#{root-defaults.$prefix}table-header-font-weight
65
+ --#{root-defaults.$prefix}table-header-padding-x
66
+ --#{root-defaults.$prefix}table-header-padding-y
67
+ --#{root-defaults.$prefix}table-header-background
68
+ --#{root-defaults.$prefix}table-header-color
69
69
  ```
70
70
 
71
71
  Table Cell Properties
72
72
 
73
73
  ```jsx
74
- --#{root-defaults.$prefix}-table-cell-padding-x
75
- --#{root-defaults.$prefix}-table-cell-padding-y
76
- --#{root-defaults.$prefix}-table-cell-background
77
- --#{root-defaults.$prefix}-table-cell-color
74
+ --#{root-defaults.$prefix}table-cell-padding-x
75
+ --#{root-defaults.$prefix}table-cell-padding-y
76
+ --#{root-defaults.$prefix}table-cell-background
77
+ --#{root-defaults.$prefix}table-cell-color
78
78
  ```
79
79
 
80
80
  Table Border Properties
81
81
 
82
82
  ```jsx
83
- --#{root-defaults.$prefix}-table-border-width
84
- --#{root-defaults.$prefix}-table-border-style
85
- --#{root-defaults.$prefix}-table-border
86
- --#{root-defaults.$prefix}-table-border-color
83
+ --#{root-defaults.$prefix}table-border-width
84
+ --#{root-defaults.$prefix}table-border-style
85
+ --#{root-defaults.$prefix}table-border
86
+ --#{root-defaults.$prefix}table-border-color
87
87
  ```
88
88
 
89
89
  Table cell border properties
90
90
 
91
91
  ```jsx
92
- --#{root-defaults.$prefix}-table-cell-border-width
93
- --#{root-defaults.$prefix}-table-cell-border-style
94
- --#{root-defaults.$prefix}-table-cell-border
95
- --#{root-defaults.$prefix}-table-cell-border-color
92
+ --#{root-defaults.$prefix}table-cell-border-width
93
+ --#{root-defaults.$prefix}table-cell-border-style
94
+ --#{root-defaults.$prefix}table-cell-border
95
+ --#{root-defaults.$prefix}table-cell-border-color
96
96
  ```
97
97
 
98
98
  Table striped properties
99
99
 
100
100
  ```jsx
101
- --#{root-defaults.$prefix}-table-striped-background
102
- --#{root-defaults.$prefix}-table-striped-color
101
+ --#{root-defaults.$prefix}table-striped-background
102
+ --#{root-defaults.$prefix}table-striped-color
103
103
  ```
104
104
 
105
105
  Table hover properties
106
106
 
107
107
  ```jsx
108
- --#{root-defaults.$prefix}-table-hover-background
109
- --#{root-defaults.$prefix}-table-hover-color
108
+ --#{root-defaults.$prefix}table-hover-background
109
+ --#{root-defaults.$prefix}table-hover-color
110
110
  ```
111
111
 
112
112
  Table highlight properties
113
113
 
114
114
  ```jsx
115
- --#{root-defaults.$prefix}-table-highlight-background
116
- --#{root-defaults.$prefix}-table-highlight-color
115
+ --#{root-defaults.$prefix}table-highlight-background
116
+ --#{root-defaults.$prefix}table-highlight-color
117
117
  ```
118
118
 
119
119
  ## Link
@@ -169,69 +169,69 @@ $stretched-link-z-index: 5 !default;
169
169
  Link Properties
170
170
 
171
171
  ```jsx
172
- --#{root-defaults.$prefix}-link-text-decoration
173
- --#{root-defaults.$prefix}-link-visited-text-decoration
174
- --#{root-defaults.$prefix}-link-focus-text-decoration
175
- --#{root-defaults.$prefix}-link-hover-text-decoration
176
- --#{root-defaults.$prefix}-link-active-text-decoration
177
- --#{root-defaults.$prefix}-link-disabled-text-decoration
178
- --#{root-defaults.$prefix}-link-text-decoration-thickness
179
- --#{root-defaults.$prefix}-link-visited-text-decoration-thickness
180
- --#{root-defaults.$prefix}-link-focus-text-decoration-thickness
181
- --#{root-defaults.$prefix}-link-hover-text-decoration-thickness
182
- --#{root-defaults.$prefix}-link-active-text-decoration-thickness
183
- --#{root-defaults.$prefix}-link-disabled-text-decoration-thickness
184
- --#{root-defaults.$prefix}-link-text-decoration-style
185
- --#{root-defaults.$prefix}-link-visited-text-decoration-style
186
- --#{root-defaults.$prefix}-link-focus-text-decoration-style
187
- --#{root-defaults.$prefix}-link-hover-text-decoration-style
188
- --#{root-defaults.$prefix}-link-active-text-decoration-style
189
- --#{root-defaults.$prefix}-link-disabled-text-decoration-style
190
- --#{root-defaults.$prefix}-link-color
191
- --#{root-defaults.$prefix}-link-visited-color
192
- --#{root-defaults.$prefix}-link-focus-color
193
- --#{root-defaults.$prefix}-link-hover-color
194
- --#{root-defaults.$prefix}-link-active-color
195
- --#{root-defaults.$prefix}-link-disabled-color
196
- --#{root-defaults.$prefix}-link-text-decoration-color
197
- --#{root-defaults.$prefix}-link-visited-text-decoration-color
198
- --#{root-defaults.$prefix}-link-focus-text-decoration-color
199
- --#{root-defaults.$prefix}-link-hover-text-decoration-color
200
- --#{root-defaults.$prefix}-link-active-text-decoration-color
201
- --#{root-defaults.$prefix}-link-disabled-text-decoration-color
202
- --#{root-defaults.$prefix}-link-background
203
- --#{root-defaults.$prefix}-link-visited-background
204
- --#{root-defaults.$prefix}-link-focus-background
205
- --#{root-defaults.$prefix}-link-hover-background
206
- --#{root-defaults.$prefix}-link-active-background
207
- --#{root-defaults.$prefix}-link-disabled-background
208
- --#{root-defaults.$prefix}-link-padding-x
209
- --#{root-defaults.$prefix}-link-padding-y
210
- --#{root-defaults.$prefix}-link-padding
211
- --#{root-defaults.$prefix}-link-transition
212
- --#{root-defaults.$prefix}-link-transition-reduced-motion
213
- --#{root-defaults.$prefix}-link-transform
214
- --#{root-defaults.$prefix}-link-visited-transform
215
- --#{root-defaults.$prefix}-link-focus-transform
216
- --#{root-defaults.$prefix}-link-hover-transform
217
- --#{root-defaults.$prefix}-link-active-transform
218
- --#{root-defaults.$prefix}-link-disabled-transform
219
- --#{root-defaults.$prefix}-link-border-width
220
- --#{root-defaults.$prefix}-link-border-style
221
- --#{root-defaults.$prefix}-link-border
222
- --#{root-defaults.$prefix}-link-border-radius
223
- --#{root-defaults.$prefix}-link-border-color
224
- --#{root-defaults.$prefix}-link-visited-border-color
225
- --#{root-defaults.$prefix}-link-focus-border-color
226
- --#{root-defaults.$prefix}-link-hover-border-color
227
- --#{root-defaults.$prefix}-link-active-border-color
228
- --#{root-defaults.$prefix}-link-disabled-border-color
229
- --#{root-defaults.$prefix}-link-min-width
230
- --#{root-defaults.$prefix}-link-min-height
172
+ --#{root-defaults.$prefix}link-text-decoration
173
+ --#{root-defaults.$prefix}link-visited-text-decoration
174
+ --#{root-defaults.$prefix}link-focus-text-decoration
175
+ --#{root-defaults.$prefix}link-hover-text-decoration
176
+ --#{root-defaults.$prefix}link-active-text-decoration
177
+ --#{root-defaults.$prefix}link-disabled-text-decoration
178
+ --#{root-defaults.$prefix}link-text-decoration-thickness
179
+ --#{root-defaults.$prefix}link-visited-text-decoration-thickness
180
+ --#{root-defaults.$prefix}link-focus-text-decoration-thickness
181
+ --#{root-defaults.$prefix}link-hover-text-decoration-thickness
182
+ --#{root-defaults.$prefix}link-active-text-decoration-thickness
183
+ --#{root-defaults.$prefix}link-disabled-text-decoration-thickness
184
+ --#{root-defaults.$prefix}link-text-decoration-style
185
+ --#{root-defaults.$prefix}link-visited-text-decoration-style
186
+ --#{root-defaults.$prefix}link-focus-text-decoration-style
187
+ --#{root-defaults.$prefix}link-hover-text-decoration-style
188
+ --#{root-defaults.$prefix}link-active-text-decoration-style
189
+ --#{root-defaults.$prefix}link-disabled-text-decoration-style
190
+ --#{root-defaults.$prefix}link-color
191
+ --#{root-defaults.$prefix}link-visited-color
192
+ --#{root-defaults.$prefix}link-focus-color
193
+ --#{root-defaults.$prefix}link-hover-color
194
+ --#{root-defaults.$prefix}link-active-color
195
+ --#{root-defaults.$prefix}link-disabled-color
196
+ --#{root-defaults.$prefix}link-text-decoration-color
197
+ --#{root-defaults.$prefix}link-visited-text-decoration-color
198
+ --#{root-defaults.$prefix}link-focus-text-decoration-color
199
+ --#{root-defaults.$prefix}link-hover-text-decoration-color
200
+ --#{root-defaults.$prefix}link-active-text-decoration-color
201
+ --#{root-defaults.$prefix}link-disabled-text-decoration-color
202
+ --#{root-defaults.$prefix}link-background
203
+ --#{root-defaults.$prefix}link-visited-background
204
+ --#{root-defaults.$prefix}link-focus-background
205
+ --#{root-defaults.$prefix}link-hover-background
206
+ --#{root-defaults.$prefix}link-active-background
207
+ --#{root-defaults.$prefix}link-disabled-background
208
+ --#{root-defaults.$prefix}link-padding-x
209
+ --#{root-defaults.$prefix}link-padding-y
210
+ --#{root-defaults.$prefix}link-padding
211
+ --#{root-defaults.$prefix}link-transition
212
+ --#{root-defaults.$prefix}link-transition-reduced-motion
213
+ --#{root-defaults.$prefix}link-transform
214
+ --#{root-defaults.$prefix}link-visited-transform
215
+ --#{root-defaults.$prefix}link-focus-transform
216
+ --#{root-defaults.$prefix}link-hover-transform
217
+ --#{root-defaults.$prefix}link-active-transform
218
+ --#{root-defaults.$prefix}link-disabled-transform
219
+ --#{root-defaults.$prefix}link-border-width
220
+ --#{root-defaults.$prefix}link-border-style
221
+ --#{root-defaults.$prefix}link-border
222
+ --#{root-defaults.$prefix}link-border-radius
223
+ --#{root-defaults.$prefix}link-border-color
224
+ --#{root-defaults.$prefix}link-visited-border-color
225
+ --#{root-defaults.$prefix}link-focus-border-color
226
+ --#{root-defaults.$prefix}link-hover-border-color
227
+ --#{root-defaults.$prefix}link-active-border-color
228
+ --#{root-defaults.$prefix}link-disabled-border-color
229
+ --#{root-defaults.$prefix}link-min-width
230
+ --#{root-defaults.$prefix}link-min-height
231
231
  ```
232
232
 
233
233
  Stretch Link
234
234
 
235
235
  ```jsx
236
- --#{root-defaults.$prefix}-stretched-link-z-index
236
+ --#{root-defaults.$prefix}stretched-link-z-index
237
237
  ```
package/docs/defaults.md CHANGED
@@ -83,39 +83,39 @@ $transition-durations: map.merge(
83
83
  The layout properties:
84
84
 
85
85
  ```scss
86
- --#{defaults.$prefix}-content-max-width
86
+ --#{defaults.$prefix}content-max-width
87
87
 
88
88
  ```
89
89
 
90
90
  The spacing properties:
91
91
 
92
92
  ```scss
93
- --#{defaults.$prefix}-spacer
94
- --#{defaults.$prefix}-spacer-#{$key}
93
+ --#{defaults.$prefix}spacer
94
+ --#{defaults.$prefix}spacer-#{$key}
95
95
 
96
96
  ```
97
97
 
98
98
  The border properties:
99
99
 
100
100
  ```scss
101
- --#{defaults.$prefix}-border-radius
102
- --#{defaults.$prefix}-border-width
103
- --#{defaults.$prefix}-border-style
101
+ --#{defaults.$prefix}border-radius
102
+ --#{defaults.$prefix}border-width
103
+ --#{defaults.$prefix}border-style
104
104
 
105
105
  ```
106
106
 
107
107
  The transition duration properties:
108
108
 
109
109
  ```scss
110
- --#{defaults.$prefix}-transition-duration-fast
111
- --#{defaults.$prefix}-transition-duration-default
112
- --#{defaults.$prefix}-transition-duration-slow
110
+ --#{defaults.$prefix}transition-duration-fast
111
+ --#{defaults.$prefix}transition-duration-default
112
+ --#{defaults.$prefix}transition-duration-slow
113
113
 
114
114
  ```
115
115
 
116
116
  The transition timing function property:
117
117
 
118
118
  ```scss
119
- --#{defaults.$prefix}-transition-timing-function
119
+ --#{defaults.$prefix}transition-timing-function
120
120
 
121
121
  ```
package/docs/forms.md CHANGED
@@ -17,63 +17,63 @@ $fieldset-direction: column !default;
17
17
  Form Properties
18
18
 
19
19
  ```jsx
20
- --#{root-defaults.$prefix}-input-padding-x
21
- --#{root-defaults.$prefix}-input-padding-y
22
- --#{root-defaults.$prefix}-input-padding
23
- --#{root-defaults.$prefix}-input-font-size
24
- --#{root-defaults.$prefix}-label-font-size
25
- --#{root-defaults.$prefix}-fieldset-direction
26
- --#{root-defaults.$prefix}-fieldset-gap
27
- --#{root-defaults.$prefix}-fieldset-padding-x
28
- --#{root-defaults.$prefix}-fieldset-padding-y
29
- --#{root-defaults.$prefix}-fieldset-padding
30
- --#{root-defaults.$prefix}-fieldset-font-size
20
+ --#{root-defaults.$prefix}input-padding-x
21
+ --#{root-defaults.$prefix}input-padding-y
22
+ --#{root-defaults.$prefix}input-padding
23
+ --#{root-defaults.$prefix}input-font-size
24
+ --#{root-defaults.$prefix}label-font-size
25
+ --#{root-defaults.$prefix}fieldset-direction
26
+ --#{root-defaults.$prefix}fieldset-gap
27
+ --#{root-defaults.$prefix}fieldset-padding-x
28
+ --#{root-defaults.$prefix}fieldset-padding-y
29
+ --#{root-defaults.$prefix}fieldset-padding
30
+ --#{root-defaults.$prefix}fieldset-font-size
31
31
  ```
32
32
 
33
33
  Background Properties
34
34
 
35
35
  ```jsx
36
- --#{root-defaults.$prefix}-input-background
37
- --#{root-defaults.$prefix}-fieldset-background
36
+ --#{root-defaults.$prefix}input-background
37
+ --#{root-defaults.$prefix}fieldset-background
38
38
  ```
39
39
 
40
40
  Text Properties
41
41
 
42
42
  ```jsx
43
- --#{root-defaults.$prefix}-input-color
44
- --#{root-defaults.$prefix}-input-placeholder-color
45
- --#{root-defaults.$prefix}-label-color
46
- --#{root-defaults.$prefix}-fieldset-color
47
- --#{root-defaults.$prefix}-input-disabled-color
48
- --#{root-defaults.$prefix}-input-disabled-placeholder-color
49
- --#{root-defaults.$prefix}-label-disabled-color
50
- --#{root-defaults.$prefix}-fieldset-disabled-color
43
+ --#{root-defaults.$prefix}input-color
44
+ --#{root-defaults.$prefix}input-placeholder-color
45
+ --#{root-defaults.$prefix}label-color
46
+ --#{root-defaults.$prefix}fieldset-color
47
+ --#{root-defaults.$prefix}input-disabled-color
48
+ --#{root-defaults.$prefix}input-disabled-placeholder-color
49
+ --#{root-defaults.$prefix}label-disabled-color
50
+ --#{root-defaults.$prefix}fieldset-disabled-color
51
51
  ```
52
52
 
53
53
  Border Properties
54
54
 
55
55
  ```jsx
56
- --#{root-defaults.$prefix}-input-border-width
57
- --#{root-defaults.$prefix}-botton-border-style
58
- --#{root-defaults.$prefix}-input-border
59
- --#{root-defaults.$prefix}-input-border-radius
60
- --#{root-defaults.$prefix}-fieldset-border-width
61
- --#{root-defaults.$prefix}-fieldset-border-style
62
- --#{root-defaults.$prefix}-fieldset-border
63
- --#{root-defaults.$prefix}-fieldset-border-radius
56
+ --#{root-defaults.$prefix}input-border-width
57
+ --#{root-defaults.$prefix}botton-border-style
58
+ --#{root-defaults.$prefix}input-border
59
+ --#{root-defaults.$prefix}input-border-radius
60
+ --#{root-defaults.$prefix}fieldset-border-width
61
+ --#{root-defaults.$prefix}fieldset-border-style
62
+ --#{root-defaults.$prefix}fieldset-border
63
+ --#{root-defaults.$prefix}fieldset-border-radius
64
64
  ```
65
65
 
66
66
  Border Colour Properties
67
67
 
68
68
  ```jsx
69
- --#{root-defaults.$prefix}-input-border-color
70
- --#{root-defaults.$prefix}-input-disabled-border-color
71
- --#{root-defaults.$prefix}-fieldset-border-color
72
- --#{root-defaults.$prefix}-fieldset-disabled-border-color
69
+ --#{root-defaults.$prefix}input-border-color
70
+ --#{root-defaults.$prefix}input-disabled-border-color
71
+ --#{root-defaults.$prefix}fieldset-border-color
72
+ --#{root-defaults.$prefix}fieldset-disabled-border-color
73
73
  ```
74
74
 
75
75
  Accent Colour Properties
76
76
 
77
77
  ```jsx
78
- --#{root-defaults.$prefix}-input-accent-color
78
+ --#{root-defaults.$prefix}input-accent-color
79
79
  ```
package/docs/layout.md CHANGED
@@ -25,43 +25,43 @@ Variables
25
25
  The columns row and column gap properties:
26
26
 
27
27
  ```scss
28
- --#{root-defaults.$prefix}-columns-row-gap
29
- --#{root-defaults.$prefix}-columns-column-gap
28
+ --#{root-defaults.$prefix}columns-row-gap
29
+ --#{root-defaults.$prefix}columns-column-gap
30
30
 
31
31
  ```
32
32
 
33
33
  The columns count property:
34
34
 
35
35
  ```scss
36
- --#{root-defaults.$prefix}-columns-count
36
+ --#{root-defaults.$prefix}columns-count
37
37
 
38
38
  ```
39
39
 
40
40
  The columns min-width property:
41
41
 
42
42
  ```scss
43
- --#{root-defaults.$prefix}-columns-min-width
43
+ --#{root-defaults.$prefix}columns-min-width
44
44
 
45
45
  ```
46
46
 
47
47
  The columns max-width property:
48
48
 
49
49
  ```scss
50
- --#{root-defaults.$prefix}-columns-max-width
50
+ --#{root-defaults.$prefix}columns-max-width
51
51
 
52
52
  ```
53
53
 
54
54
  The columns grid template columns property:
55
55
 
56
56
  ```scss
57
- --#{root-defaults.$prefix}-columns-grid-template-columns
57
+ --#{root-defaults.$prefix}columns-grid-template-columns
58
58
 
59
59
  ```
60
60
 
61
61
  The columns span property:
62
62
 
63
63
  ```scss
64
- --#{root-defaults.$prefix}-columns-span
64
+ --#{root-defaults.$prefix}columns-span
65
65
 
66
66
  ```
67
67
 
@@ -86,61 +86,61 @@ Variables
86
86
  The container gap property:
87
87
 
88
88
  ```scss
89
- --#{root-defaults.$prefix}-container-gap
89
+ --#{root-defaults.$prefix}container-gap
90
90
  ```
91
91
 
92
92
  The container content max width property:
93
93
 
94
94
  ```scss
95
- --#{root-defaults.$prefix}-container-content-max-width
95
+ --#{root-defaults.$prefix}container-content-max-width
96
96
  ```
97
97
 
98
98
  The container breakout max width property:
99
99
 
100
100
  ```scss
101
- --#{root-defaults.$prefix}-container-breakout-max-width
101
+ --#{root-defaults.$prefix}container-breakout-max-width
102
102
  ```
103
103
 
104
104
  The container breakout width property:
105
105
 
106
106
  ```scss
107
- --#{root-defaults.$prefix}-container-breakout-width
107
+ --#{root-defaults.$prefix}container-breakout-width
108
108
  ```
109
109
 
110
110
  The container feature max width property:
111
111
 
112
112
  ```scss
113
- --#{root-defaults.$prefix}-container-feature-max-width
113
+ --#{root-defaults.$prefix}container-feature-max-width
114
114
  ```
115
115
 
116
116
  The container feature width property:
117
117
 
118
118
  ```scss
119
- --#{root-defaults.$prefix}-container-feature-width
119
+ --#{root-defaults.$prefix}container-feature-width
120
120
  ```
121
121
 
122
122
  The container content section width property:
123
123
 
124
124
  ```scss
125
- --#{root-defaults.$prefix}-container-content-section-width
125
+ --#{root-defaults.$prefix}container-content-section-width
126
126
  ```
127
127
 
128
128
  The container full width section width property:
129
129
 
130
130
  ```scss
131
- --#{root-defaults.$prefix}-container-full-width-section-width
131
+ --#{root-defaults.$prefix}container-full-width-section-width
132
132
  ```
133
133
 
134
134
  The container breakout section width property:
135
135
 
136
136
  ```scss
137
- --#{root-defaults.$prefix}-container-breakout-section-width
137
+ --#{root-defaults.$prefix}container-breakout-section-width
138
138
  ```
139
139
 
140
140
  The container feature section width property:
141
141
 
142
142
  ```scss
143
- --#{root-defaults.$prefix}-container-feature-section-width
143
+ --#{root-defaults.$prefix}container-feature-section-width
144
144
  ```
145
145
 
146
146
  ### Flex Columns
@@ -163,10 +163,10 @@ $flex-columns-max-width: unset !default;
163
163
  Variables
164
164
 
165
165
  ```jsx
166
- --#{root-defaults.$prefix}-flex-columns-row-gap
167
- --#{root-defaults.$prefix}-flex-columns-column-gap
168
- --#{root-defaults.$prefix}-flex-columns-size
169
- --#{root-defaults.$prefix}-flex-columns-max-width
166
+ --#{root-defaults.$prefix}flex-columns-row-gap
167
+ --#{root-defaults.$prefix}flex-columns-column-gap
168
+ --#{root-defaults.$prefix}flex-columns-size
169
+ --#{root-defaults.$prefix}flex-columns-max-width
170
170
  ```
171
171
 
172
172
  Markup
package/docs/state.md CHANGED
@@ -14,54 +14,54 @@ Variables
14
14
  The focus width property:
15
15
 
16
16
  ```scss
17
- --#{root-defaults.$prefix}-focus-width
17
+ --#{root-defaults.$prefix}focus-width
18
18
 
19
19
  ```
20
20
 
21
21
  The focus outline color property:
22
22
 
23
23
  ```scss
24
- --#{root-defaults.$prefix}-focus-outline-color
24
+ --#{root-defaults.$prefix}focus-outline-color
25
25
 
26
26
  ```
27
27
 
28
28
  The focus outline width property:
29
29
 
30
30
  ```scss
31
- --#{root-defaults.$prefix}-focus-outline-width
31
+ --#{root-defaults.$prefix}focus-outline-width
32
32
 
33
33
  ```
34
34
 
35
35
  The focus outline style property:
36
36
 
37
37
  ```scss
38
- --#{root-defaults.$prefix}-focus-outline-style
38
+ --#{root-defaults.$prefix}focus-outline-style
39
39
 
40
40
  ```
41
41
 
42
42
  The focus outline offset property:
43
43
 
44
44
  ```scss
45
- --#{root-defaults.$prefix}-focus-outline-offset
45
+ --#{root-defaults.$prefix}focus-outline-offset
46
46
 
47
47
  ```
48
48
 
49
49
  The focus box shadow color property:
50
50
 
51
51
  ```scss
52
- --#{root-defaults.$prefix}-focus-box-shadow-color
52
+ --#{root-defaults.$prefix}focus-box-shadow-color
53
53
 
54
54
  ```
55
55
 
56
56
  The focus box shadow style property:
57
57
 
58
58
  ```scss
59
- --#{root-defaults.$prefix}-focus-box-shadow-style
59
+ --#{root-defaults.$prefix}focus-box-shadow-style
60
60
 
61
61
  ```
62
62
 
63
63
  The focus box shadow property:
64
64
 
65
65
  ```scss
66
- --#{root-defaults.$prefix}-focus-box-shadow
66
+ --#{root-defaults.$prefix}focus-box-shadow
67
67
  ```