@graupl/core 1.0.0-beta.22 → 1.0.0-beta.24

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 (273) hide show
  1. package/dist/css/base/button.css +2 -2
  2. package/dist/css/base/button.css.map +1 -1
  3. package/dist/css/base/form.css +2 -2
  4. package/dist/css/base/form.css.map +1 -1
  5. package/dist/css/base/link.css +2 -2
  6. package/dist/css/base/link.css.map +1 -1
  7. package/dist/css/base/table.css +2 -2
  8. package/dist/css/base/table.css.map +1 -1
  9. package/dist/css/base.css +2 -2
  10. package/dist/css/base.css.map +1 -1
  11. package/dist/css/component/accordion.css +2 -5
  12. package/dist/css/component/accordion.css.map +1 -1
  13. package/dist/css/component/alert.css +2 -2
  14. package/dist/css/component/alert.css.map +1 -1
  15. package/dist/css/component/badge.css +2 -2
  16. package/dist/css/component/badge.css.map +1 -1
  17. package/dist/css/component/card.css +2 -2
  18. package/dist/css/component/card.css.map +1 -1
  19. package/dist/css/component/carousel.css +2 -2
  20. package/dist/css/component/carousel.css.map +1 -1
  21. package/dist/css/component/disclosure.css +2 -2
  22. package/dist/css/component/disclosure.css.map +1 -1
  23. package/dist/css/component/input-group.css +2 -2
  24. package/dist/css/component/input-group.css.map +1 -1
  25. package/dist/css/component/list.css +2 -2
  26. package/dist/css/component/list.css.map +1 -1
  27. package/dist/css/component/menu.css +2 -2
  28. package/dist/css/component/menu.css.map +1 -1
  29. package/dist/css/component/navigation.css +2 -2
  30. package/dist/css/component/navigation.css.map +1 -1
  31. package/dist/css/component.css +2 -5
  32. package/dist/css/component.css.map +1 -1
  33. package/dist/css/graupl.css +2 -5
  34. package/dist/css/graupl.css.map +1 -1
  35. package/dist/css/init.css +2 -2
  36. package/dist/css/init.css.map +1 -1
  37. package/dist/css/layout/columns.css +2 -2
  38. package/dist/css/layout/columns.css.map +1 -1
  39. package/dist/css/layout/container.css +2 -2
  40. package/dist/css/layout/container.css.map +1 -1
  41. package/dist/css/layout/flex-columns.css +2 -2
  42. package/dist/css/layout/flex-columns.css.map +1 -1
  43. package/dist/css/layout.css +2 -5
  44. package/dist/css/layout.css.map +1 -1
  45. package/dist/css/normalize.css +2 -2
  46. package/dist/css/normalize.css.map +1 -1
  47. package/dist/css/state/focus.css +2 -2
  48. package/dist/css/state/focus.css.map +1 -1
  49. package/dist/css/state.css +2 -2
  50. package/dist/css/state.css.map +1 -1
  51. package/dist/css/theme/color.css +2 -2
  52. package/dist/css/theme/color.css.map +1 -1
  53. package/dist/css/theme/typography.css +2 -2
  54. package/dist/css/theme/typography.css.map +1 -1
  55. package/dist/css/theme.css +2 -2
  56. package/dist/css/theme.css.map +1 -1
  57. package/dist/css/utilities/alignment.css +1 -1
  58. package/dist/css/utilities/alignment.css.map +1 -1
  59. package/dist/css/utilities/background.css +2 -2
  60. package/dist/css/utilities/background.css.map +1 -1
  61. package/dist/css/utilities/border.css +2 -2
  62. package/dist/css/utilities/border.css.map +1 -1
  63. package/dist/css/utilities/color.css +2 -2
  64. package/dist/css/utilities/color.css.map +1 -1
  65. package/dist/css/utilities/container.css +1 -1
  66. package/dist/css/utilities/container.css.map +1 -1
  67. package/dist/css/utilities/display.css +2 -2
  68. package/dist/css/utilities/display.css.map +1 -1
  69. package/dist/css/utilities/flex.css +2 -2
  70. package/dist/css/utilities/flex.css.map +1 -1
  71. package/dist/css/utilities/gradient.css +2 -2
  72. package/dist/css/utilities/gradient.css.map +1 -1
  73. package/dist/css/utilities/height.css +2 -2
  74. package/dist/css/utilities/height.css.map +1 -1
  75. package/dist/css/utilities/inset.css +2 -2
  76. package/dist/css/utilities/inset.css.map +1 -1
  77. package/dist/css/utilities/justification.css +1 -1
  78. package/dist/css/utilities/justification.css.map +1 -1
  79. package/dist/css/utilities/list.css +1 -1
  80. package/dist/css/utilities/list.css.map +1 -1
  81. package/dist/css/utilities/order.css +2 -2
  82. package/dist/css/utilities/order.css.map +1 -1
  83. package/dist/css/utilities/position.css +2 -2
  84. package/dist/css/utilities/position.css.map +1 -1
  85. package/dist/css/utilities/ratio.css +2 -2
  86. package/dist/css/utilities/ratio.css.map +1 -1
  87. package/dist/css/utilities/spacing.css +2 -2
  88. package/dist/css/utilities/spacing.css.map +1 -1
  89. package/dist/css/utilities/typography.css +2 -2
  90. package/dist/css/utilities/typography.css.map +1 -1
  91. package/dist/css/utilities/visibility.css +2 -2
  92. package/dist/css/utilities/visibility.css.map +1 -1
  93. package/dist/css/utilities/visually-hidden.css +2 -2
  94. package/dist/css/utilities/visually-hidden.css.map +1 -1
  95. package/dist/css/utilities/width.css +2 -2
  96. package/dist/css/utilities/width.css.map +1 -1
  97. package/dist/css/utilities/z-index.css +1 -1
  98. package/dist/css/utilities/z-index.css.map +1 -1
  99. package/dist/css/utilities.css +2 -2
  100. package/dist/css/utilities.css.map +1 -1
  101. package/dist/js/accordion.js.map +1 -1
  102. package/dist/js/alert.js.map +1 -1
  103. package/dist/js/carousel.js.map +1 -1
  104. package/dist/js/component/accordion.cjs.js.map +1 -1
  105. package/dist/js/component/accordion.es.js.map +1 -1
  106. package/dist/js/component/accordion.iife.js.map +1 -1
  107. package/dist/js/component/alert.cjs.js.map +1 -1
  108. package/dist/js/component/alert.es.js.map +1 -1
  109. package/dist/js/component/alert.iife.js.map +1 -1
  110. package/dist/js/component/carousel.cjs.js.map +1 -1
  111. package/dist/js/component/carousel.es.js.map +1 -1
  112. package/dist/js/component/carousel.iife.js.map +1 -1
  113. package/dist/js/component/disclosure.cjs.js +2 -2
  114. package/dist/js/component/disclosure.cjs.js.map +1 -1
  115. package/dist/js/component/disclosure.es.js +2 -2
  116. package/dist/js/component/disclosure.es.js.map +1 -1
  117. package/dist/js/component/disclosure.iife.js +2 -2
  118. package/dist/js/component/disclosure.iife.js.map +1 -1
  119. package/dist/js/component/tabs.cjs.js +5 -0
  120. package/dist/js/component/tabs.cjs.js.map +1 -0
  121. package/dist/js/component/tabs.es.js +5 -0
  122. package/dist/js/component/tabs.es.js.map +1 -0
  123. package/dist/js/component/tabs.iife.js +5 -0
  124. package/dist/js/component/tabs.iife.js.map +1 -0
  125. package/dist/js/disclosure.js +2 -2
  126. package/dist/js/disclosure.js.map +1 -1
  127. package/dist/js/generator/accordion.cjs.js.map +1 -1
  128. package/dist/js/generator/accordion.es.js.map +1 -1
  129. package/dist/js/generator/accordion.iife.js.map +1 -1
  130. package/dist/js/generator/alert.cjs.js.map +1 -1
  131. package/dist/js/generator/alert.es.js.map +1 -1
  132. package/dist/js/generator/alert.iife.js.map +1 -1
  133. package/dist/js/generator/carousel.cjs.js.map +1 -1
  134. package/dist/js/generator/carousel.es.js.map +1 -1
  135. package/dist/js/generator/carousel.iife.js.map +1 -1
  136. package/dist/js/generator/disclosure.cjs.js +2 -2
  137. package/dist/js/generator/disclosure.cjs.js.map +1 -1
  138. package/dist/js/generator/disclosure.es.js +2 -2
  139. package/dist/js/generator/disclosure.es.js.map +1 -1
  140. package/dist/js/generator/disclosure.iife.js +2 -2
  141. package/dist/js/generator/disclosure.iife.js.map +1 -1
  142. package/dist/js/generator/navigation.cjs.js.map +1 -1
  143. package/dist/js/generator/navigation.es.js.map +1 -1
  144. package/dist/js/generator/navigation.iife.js.map +1 -1
  145. package/dist/js/generator/tabs.cjs.js +5 -0
  146. package/dist/js/generator/tabs.cjs.js.map +1 -0
  147. package/dist/js/generator/tabs.es.js +5 -0
  148. package/dist/js/generator/tabs.es.js.map +1 -0
  149. package/dist/js/generator/tabs.iife.js +5 -0
  150. package/dist/js/generator/tabs.iife.js.map +1 -0
  151. package/dist/js/graupl.js +5 -5
  152. package/dist/js/graupl.js.map +1 -1
  153. package/dist/js/navigation.js.map +1 -1
  154. package/dist/js/tabs.js +5 -0
  155. package/dist/js/tabs.js.map +1 -0
  156. package/package.json +4 -3
  157. package/src/js/disclosure/Disclosure.js +25 -45
  158. package/src/js/domHelpers.js +39 -22
  159. package/src/js/tabs/TabToggle.js +378 -0
  160. package/src/js/tabs/Tabs.js +1091 -0
  161. package/src/js/tabs/generator.js +32 -0
  162. package/src/js/tabs/index.js +5 -0
  163. package/src/scss/_defaults.scss +21 -88
  164. package/src/scss/_variables.scss +70 -0
  165. package/src/scss/base/button/_defaults.scss +2 -24
  166. package/src/scss/base/button/_index.scss +53 -52
  167. package/src/scss/base/button/_mixins.scss +24 -58
  168. package/src/scss/base/button/_variables.scss +139 -0
  169. package/src/scss/base/form/_defaults.scss +72 -2
  170. package/src/scss/base/form/_index.scss +196 -70
  171. package/src/scss/base/form/_variables.scss +166 -0
  172. package/src/scss/base/link/_defaults.scss +31 -0
  173. package/src/scss/base/link/_index.scss +177 -172
  174. package/src/scss/base/link/_variables.scss +215 -0
  175. package/src/scss/base/table/_defaults.scss +1 -11
  176. package/src/scss/base/table/_index.scss +126 -117
  177. package/src/scss/base/table/_variables.scss +214 -3
  178. package/src/scss/component/_index.scss +1 -0
  179. package/src/scss/component/accordion/_defaults.scss +73 -22
  180. package/src/scss/component/accordion/_index.scss +437 -62
  181. package/src/scss/component/accordion/_variables.scss +527 -101
  182. package/src/scss/component/alert/_defaults.scss +23 -32
  183. package/src/scss/component/alert/_index.scss +236 -30
  184. package/src/scss/component/alert/_variables.scss +155 -6
  185. package/src/scss/component/badge/_defaults.scss +1 -0
  186. package/src/scss/component/badge/_index.scss +25 -28
  187. package/src/scss/component/badge/_variables.scss +66 -2
  188. package/src/scss/component/card/_defaults.scss +64 -13
  189. package/src/scss/component/card/_index.scss +276 -30
  190. package/src/scss/component/card/_variables.scss +132 -0
  191. package/src/scss/component/carousel/_defaults.scss +73 -15
  192. package/src/scss/component/carousel/_index.scss +357 -41
  193. package/src/scss/component/carousel/_variables.scss +391 -0
  194. package/src/scss/component/disclosure/_index.scss +4 -4
  195. package/src/scss/component/disclosure/_variables.scss +127 -2
  196. package/src/scss/component/input-group/_defaults.scss +10 -3
  197. package/src/scss/component/input-group/_index.scss +72 -4
  198. package/src/scss/component/input-group/_variables.scss +37 -0
  199. package/src/scss/component/list/_defaults.scss +35 -2
  200. package/src/scss/component/list/_index.scss +159 -5
  201. package/src/scss/component/list/_variables.scss +152 -0
  202. package/src/scss/component/menu/_defaults.scss +49 -7
  203. package/src/scss/component/menu/_index.scss +325 -99
  204. package/src/scss/component/menu/_variables.scss +484 -1
  205. package/src/scss/component/navigation/_defaults.scss +45 -3
  206. package/src/scss/component/navigation/_index.scss +249 -98
  207. package/src/scss/component/navigation/_variables.scss +334 -5
  208. package/src/scss/component/tabs/_defaults.scss +82 -0
  209. package/src/scss/component/tabs/_index.scss +497 -0
  210. package/src/scss/component/tabs/_variables.scss +974 -0
  211. package/src/scss/layout/columns/_defaults.scss +5 -3
  212. package/src/scss/layout/columns/_index.scss +27 -21
  213. package/src/scss/layout/columns/_variables.scss +13 -0
  214. package/src/scss/layout/container/_defaults.scss +28 -11
  215. package/src/scss/layout/container/_index.scss +305 -161
  216. package/src/scss/layout/container/_variables.scss +148 -15
  217. package/src/scss/layout/flex-columns/_defaults.scss +5 -3
  218. package/src/scss/layout/flex-columns/_index.scss +28 -20
  219. package/src/scss/layout/flex-columns/_variables.scss +9 -0
  220. package/src/scss/mixins/_state.scss +37 -0
  221. package/src/scss/mixins/_theme.scss +36 -1
  222. package/src/scss/state/focus/_index.scss +17 -12
  223. package/src/scss/state/focus/_variables.scss +30 -4
  224. package/src/scss/theme/color/_defaults.scss +6 -35
  225. package/src/scss/theme/color/_index.scss +167 -1
  226. package/src/scss/theme/color/_variables.scss +155 -0
  227. package/src/scss/theme/typography/_defaults.scss +26 -19
  228. package/src/scss/theme/typography/_index.scss +176 -20
  229. package/src/scss/theme/typography/_variables.scss +186 -0
  230. package/src/scss/utilities/_template/_index.scss +0 -1
  231. package/src/scss/utilities/alignment/_defaults.scss +0 -33
  232. package/src/scss/utilities/alignment/_index.scss +24 -25
  233. package/src/scss/utilities/background/_defaults.scss +0 -77
  234. package/src/scss/utilities/background/_index.scss +32 -37
  235. package/src/scss/utilities/border/_defaults.scss +0 -33
  236. package/src/scss/utilities/border/_index.scss +25 -26
  237. package/src/scss/utilities/color/_defaults.scss +0 -19
  238. package/src/scss/utilities/color/_index.scss +22 -22
  239. package/src/scss/utilities/container/_defaults.scss +0 -11
  240. package/src/scss/utilities/container/_index.scss +20 -19
  241. package/src/scss/utilities/display/_defaults.scss +0 -11
  242. package/src/scss/utilities/display/_index.scss +20 -19
  243. package/src/scss/utilities/flex/_defaults.scss +0 -55
  244. package/src/scss/utilities/flex/_index.scss +28 -31
  245. package/src/scss/utilities/gradient/_defaults.scss +0 -28
  246. package/src/scss/utilities/gradient/_index.scss +27 -28
  247. package/src/scss/utilities/gradient/_variables.scss +15 -0
  248. package/src/scss/utilities/height/_defaults.scss +0 -8
  249. package/src/scss/utilities/height/_index.scss +22 -21
  250. package/src/scss/utilities/inset/_defaults.scss +0 -16
  251. package/src/scss/utilities/inset/_index.scss +20 -20
  252. package/src/scss/utilities/justification/_defaults.scss +0 -33
  253. package/src/scss/utilities/justification/_index.scss +24 -25
  254. package/src/scss/utilities/list/_defaults.scss +0 -22
  255. package/src/scss/utilities/list/_index.scss +22 -22
  256. package/src/scss/utilities/order/_defaults.scss +0 -8
  257. package/src/scss/utilities/order/_index.scss +20 -19
  258. package/src/scss/utilities/position/_defaults.scss +0 -11
  259. package/src/scss/utilities/position/_index.scss +20 -19
  260. package/src/scss/utilities/ratio/_defaults.scss +0 -8
  261. package/src/scss/utilities/ratio/_index.scss +22 -21
  262. package/src/scss/utilities/ratio/_variables.scss +6 -0
  263. package/src/scss/utilities/spacing/_defaults.scss +0 -11
  264. package/src/scss/utilities/spacing/_index.scss +18 -17
  265. package/src/scss/utilities/typography/_defaults.scss +0 -22
  266. package/src/scss/utilities/typography/_index.scss +27 -26
  267. package/src/scss/utilities/visibility/_defaults.scss +0 -11
  268. package/src/scss/utilities/visibility/_index.scss +19 -18
  269. package/src/scss/utilities/visually-hidden/_index.scss +19 -17
  270. package/src/scss/utilities/width/_defaults.scss +0 -8
  271. package/src/scss/utilities/width/_index.scss +21 -20
  272. package/src/scss/utilities/z-index/_defaults.scss +0 -11
  273. package/src/scss/utilities/z-index/_index.scss +19 -18
package/src/scss/base/table/_variables.scss CHANGED
@@ -3,6 +3,79 @@
3
3
  // These values are to be used to directly style bases and provide a
4
4
  // cleaner way to reference custom properties.
5
5
 
6
+ // Custom property defaults:
7
+ // | Custom property | Default |
8
+ // | ------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
9
+ // | --graupl-table-caption-side | var(--graupl-table-caption-side) |
10
+ // | --graupl-table-caption-padding-x | var(--graupl-spacer-3) |
11
+ // | --graupl-table-caption-padding-y | var(--graupl-spacer-3) |
12
+ // | --graupl-table-caption-padding | var(--graupl-table-caption-padding-y) var(--graupl-table-caption-padding-x) |
13
+ // | --graupl-table-header-font-weight | typography.var(--graupl-font-weight-bold) |
14
+ // | --graupl-table-header-padding-x | var(--graupl-spacer-3) |
15
+ // | --graupl-table-header-padding-y | var(--graupl-spacer-3) |
16
+ // | --graupl-table-header-padding | var(--graupl-table-header-padding-y) var(--graupl-table-header-padding-x) |
17
+ // | --graupl-table-header-background | var(--graupl-background) |
18
+ // | --graupl-table-header-color | var(--graupl-color) |
19
+ // | --graupl-table-cell-padding-x | var(--graupl-spacer-3) |
20
+ // | --graupl-table-cell-padding-y | var(--graupl-spacer-3) |
21
+ // | --graupl-table-cell-padding | var(--graupl-table-cell-padding-y) var(--graupl-table-cell-padding-x) |
22
+ // | --graupl-table-cell-background | var(--graupl-background) |
23
+ // | --graupl-table-cell-color | var(--graupl-color) |
24
+ // | --graupl-table-border-top-width | var(--graupl-border-top-width) |
25
+ // | --graupl-table-border-right-width | var(--graupl-border-right-width) |
26
+ // | --graupl-table-border-bottom-width | var(--graupl-border-bottom-width) |
27
+ // | --graupl-table-border-left-width | var(--graupl-border-left-width) |
28
+ // | --graupl-table-border-width | var(--graupl-table-border-top-width) var(--graupl-table-border-right-width) var(--graupl-table-border-bottom-width) var(--graupl-table-border-left-width) |
29
+ // | --graupl-table-border-top-style | var(--graupl-border-top-style) |
30
+ // | --graupl-table-border-right-style | var(--graupl-border-right-style) |
31
+ // | --graupl-table-border-bottom-style | var(--graupl-border-bottom-style) |
32
+ // | --graupl-table-border-left-style | var(--graupl-border-left-style) |
33
+ // | --graupl-table-border-style | var(--graupl-table-border-top-style) var(--graupl-table-border-right-style) var(--graupl-table-border-bottom-style) var(--graupl-table-border-left-style) |
34
+ // | --graupl-table-border-top-left-radius | var(--graupl-border-top-left-radius) |
35
+ // | --graupl-table-border-top-right-radius | var(--graupl-border-top-right-radius) |
36
+ // | --graupl-table-border-bottom-right-radius | var(--graupl-border-bottom-right-radius) |
37
+ // | --graupl-table-border-bottom-left-radius | var(--graupl-border-bottom-left-radius) |
38
+ // | --graupl-table-border-radius | var(--graupl-table-border-top-left-radius) var(--graupl-table-border-top-right-radius) var(--graupl-table-border-bottom-right-radius) var(--graupl-table-border-bottom-left-radius) |
39
+ // | --graupl-table-border-color | var(--graupl-border-color) |
40
+ // | --graupl-table-cell-border-top-width | var(--graupl-border-top-width) |
41
+ // | --graupl-table-cell-border-right-width | var(--graupl-border-right-width) |
42
+ // | --graupl-table-cell-border-bottom-width | var(--graupl-border-bottom-width) |
43
+ // | --graupl-table-cell-border-left-width | var(--graupl-border-left-width) |
44
+ // | --graupl-table-cell-border-width | var(--graupl-table-cell-border-top-width) var(--graupl-table-cell-border-right-width) var(--graupl-table-cell-border-bottom-width) var(--graupl-table-cell-border-left-width) |
45
+ // | --graupl-table-cell-border-top-style | var(--graupl-border-top-style) |
46
+ // | --graupl-table-cell-border-right-style | var(--graupl-border-right-style) |
47
+ // | --graupl-table-cell-border-bottom-style | var(--graupl-border-bottom-style) |
48
+ // | --graupl-table-cell-border-left-style | var(--graupl-border-left-style) |
49
+ // | --graupl-table-cell-border-style | var(--graupl-table-cell-border-top-style) var(--graupl-table-cell-border-right-style) var(--graupl-table-cell-border-bottom-style) var(--graupl-table-cell-border-left-style) |
50
+ // | --graupl-table-cell-border-top-left-radius | var(--graupl-border-top-left-radius) |
51
+ // | --graupl-table-cell-border-top-right-radius | var(--graupl-border-top-right-radius) |
52
+ // | --graupl-table-cell-border-bottom-right-radius | var(--graupl-border-bottom-right-radius) |
53
+ // | --graupl-table-cell-border-bottom-left-radius | var(--graupl-border-bottom-left-radius) |
54
+ // | --graupl-table-cell-border-radius | var(--graupl-table-cell-border-top-left-radius) var(--graupl-table-cell-border-top-right-radius) var(--graupl-table-cell-border-bottom-right-radius) var(--graupl-table-cell-border-bottom-left-radius) |
55
+ // | --graupl-table-cell-border-color | var(--graupl-table-border-color) |
56
+ // | --graupl-table-header-border-top-width | var(--graupl-table-cell-border-top-width) |
57
+ // | --graupl-table-header-border-right-width | var(--graupl-table-cell-border-right-width) |
58
+ // | --graupl-table-header-border-bottom-width | var(--graupl-table-cell-border-bottom-width) |
59
+ // | --graupl-table-header-border-left-width | var(--graupl-table-cell-border-left-width) |
60
+ // | --graupl-table-header-border-width | var(--graupl-table-header-border-top-width) var(--graupl-table-header-border-right-width) var(--graupl-table-header-border-bottom-width) var(--graupl-table-header-border-left-width) |
61
+ // | --graupl-table-header-border-top-style | var(--graupl-table-cell-border-top-style) |
62
+ // | --graupl-table-header-border-right-style | var(--graupl-table-cell-border-right-style) |
63
+ // | --graupl-table-header-border-bottom-style | var(--graupl-table-cell-border-bottom-style) |
64
+ // | --graupl-table-header-border-left-style | var(--graupl-table-cell-border-left-style) |
65
+ // | --graupl-table-header-border-style | var(--graupl-table-header-border-top-style) var(--graupl-table-header-border-right-style) var(--graupl-table-header-border-bottom-style) var(--graupl-table-header-border-left-style) |
66
+ // | --graupl-table-header-border-top-left-radius | var(--graupl-table-cell-border-top-left-radius) |
67
+ // | --graupl-table-header-border-top-right-radius | var(--graupl-table-cell-border-top-right-radius) |
68
+ // | --graupl-table-header-border-bottom-right-radius | var(--graupl-table-cell-border-bottom-right-radius) |
69
+ // | --graupl-table-header-border-bottom-left-radius | var(--graupl-table-cell-border-bottom-left-radius) |
70
+ // | --graupl-table-header-border-radius | var(--graupl-table-header-border-top-left-radius) var(--graupl-table-header-border-top-right-radius) var(--graupl-table-header-border-bottom-right-radius) var(--graupl-table-header-border-bottom-left-radius) |
71
+ // | --graupl-table-header-border-color | var(--graupl-table-border-color) |
72
+ // | --graupl-table-striped-background | var(--graupl-theme-active--secondary--200) |
73
+ // | --graupl-table-striped-color | var(--graupl-theme-active--secondary--900) |
74
+ // | --graupl-table-hover-background | var(--graupl-theme-active--secondary--300) |
75
+ // | --graupl-table-hover-color | var(--graupl-theme-active--secondary--900) |
76
+ // | --graupl-table-highlight-background | var(--graupl-theme-active--secondary--500) |
77
+ // | --graupl-table-highlight-color | var(--graupl-theme-active--secondary--100) |
78
+
6
79
  @use "defaults";
7
80
  @use "../../defaults" as root-defaults;
8
81
  @use "../../variables" as root-variables;
@@ -12,260 +85,387 @@
12
85
  @use "sass:map";
13
86
 
14
87
  // Table caption properties.
88
+ // --graupl-table-caption-side
15
89
  $table-caption-side: var(
16
90
  --#{root-defaults.$prefix}table-caption-side,
17
91
  #{defaults.$table-caption-side}
18
92
  );
93
+
94
+ // --graupl-table-caption-padding-x
19
95
  $table-caption-padding-x: var(
20
96
  --#{root-defaults.$prefix}table-caption-padding-x,
21
97
  #{map.get(root-variables.$spacers, 3)}
22
98
  );
99
+
100
+ // --graupl-table-caption-padding-y
23
101
  $table-caption-padding-y: var(
24
102
  --#{root-defaults.$prefix}table-caption-padding-y,
25
103
  #{map.get(root-variables.$spacers, 3)}
26
104
  );
27
- $table-caption-padding: $table-caption-padding-y $table-caption-padding-x;
105
+
106
+ // --graupl-table-caption-padding
107
+ $table-caption-padding: var(
108
+ --#{root-defaults.$prefix}table-caption-padding,
109
+ #{$table-caption-padding-y} #{$table-caption-padding-x}
110
+ );
28
111
 
29
112
  // Table header properties.
113
+ // --graupl-table-header-font-weight
30
114
  $table-header-font-weight: var(
31
115
  --#{root-defaults.$prefix}table-header-font-weight,
32
116
  #{typography.$font-weight-bold}
33
117
  );
118
+
119
+ // --graupl-table-header-padding-x
34
120
  $table-header-padding-x: var(
35
121
  --#{root-defaults.$prefix}table-header-padding-x,
36
122
  #{map.get(root-variables.$spacers, 3)}
37
123
  );
124
+
125
+ // --graupl-table-header-padding-y
38
126
  $table-header-padding-y: var(
39
127
  --#{root-defaults.$prefix}table-header-padding-y,
40
128
  #{map.get(root-variables.$spacers, 3)}
41
129
  );
42
- $table-header-padding: $table-header-padding-y $table-header-padding-x;
130
+
131
+ // --graupl-table-header-padding
132
+ $table-header-padding: var(
133
+ --#{root-defaults.$prefix}table-header-padding,
134
+ #{$table-header-padding-y} #{$table-header-padding-x}
135
+ );
136
+
137
+ // --graupl-table-header-background
43
138
  $table-header-background: var(
44
139
  --#{root-defaults.$prefix}table-header-background,
45
140
  #{color.$background}
46
141
  );
142
+
143
+ // --graupl-table-header-color
47
144
  $table-header-color: var(
48
145
  --#{root-defaults.$prefix}table-header-color,
49
146
  #{color.$color}
50
147
  );
51
148
 
52
149
  // Table cell properties.
150
+ // --graupl-table-cell-padding-x
53
151
  $table-cell-padding-x: var(
54
152
  --#{root-defaults.$prefix}table-cell-padding-x,
55
153
  #{map.get(root-variables.$spacers, 3)}
56
154
  );
155
+
156
+ // --graupl-table-cell-padding-y
57
157
  $table-cell-padding-y: var(
58
158
  --#{root-defaults.$prefix}table-cell-padding-y,
59
159
  #{map.get(root-variables.$spacers, 3)}
60
160
  );
61
- $table-cell-padding: $table-cell-padding-y $table-cell-padding-x;
161
+
162
+ // --graupl-table-cell-padding
163
+ $table-cell-padding: var(
164
+ --#{root-defaults.$prefix}table-cell-padding,
165
+ #{$table-cell-padding-y} #{$table-cell-padding-x}
166
+ );
167
+
168
+ // --graupl-table-cell-background
62
169
  $table-cell-background: var(
63
170
  --#{root-defaults.$prefix}table-cell-background,
64
171
  #{color.$background}
65
172
  );
173
+
174
+ // --graupl-table-cell-color
66
175
  $table-cell-color: var(
67
176
  --#{root-defaults.$prefix}table-cell-color,
68
177
  #{color.$color}
69
178
  );
70
179
 
71
180
  // Table border properties.
181
+ // --graupl-table-border-top-width
72
182
  $table-border-top-width: var(
73
183
  --#{root-defaults.$prefix}table-border-top-width,
74
184
  #{root-variables.$border-top-width}
75
185
  );
186
+
187
+ // --graupl-table-border-right-width
76
188
  $table-border-right-width: var(
77
189
  --#{root-defaults.$prefix}table-border-right-width,
78
190
  #{root-variables.$border-right-width}
79
191
  );
192
+
193
+ // --graupl-table-border-bottom-width
80
194
  $table-border-bottom-width: var(
81
195
  --#{root-defaults.$prefix}table-border-bottom-width,
82
196
  #{root-variables.$border-bottom-width}
83
197
  );
198
+
199
+ // --graupl-table-border-left-width
84
200
  $table-border-left-width: var(
85
201
  --#{root-defaults.$prefix}table-border-left-width,
86
202
  #{root-variables.$border-left-width}
87
203
  );
204
+
205
+ // --graupl-table-border-width
88
206
  $table-border-width: var(
89
207
  --#{root-defaults.$prefix}table-border-width,
90
208
  #{$table-border-top-width} #{$table-border-right-width}
91
209
  #{$table-border-bottom-width} #{$table-border-left-width}
92
210
  );
211
+
212
+ // --graupl-table-border-top-style
93
213
  $table-border-top-style: var(
94
214
  --#{root-defaults.$prefix}table-border-top-style,
95
215
  #{root-variables.$border-top-style}
96
216
  );
217
+
218
+ // --graupl-table-border-right-style
97
219
  $table-border-right-style: var(
98
220
  --#{root-defaults.$prefix}table-border-right-style,
99
221
  #{root-variables.$border-right-style}
100
222
  );
223
+
224
+ // --graupl-table-border-bottom-style
101
225
  $table-border-bottom-style: var(
102
226
  --#{root-defaults.$prefix}table-border-bottom-style,
103
227
  #{root-variables.$border-bottom-style}
104
228
  );
229
+
230
+ // --graupl-table-border-left-style
105
231
  $table-border-left-style: var(
106
232
  --#{root-defaults.$prefix}table-border-left-style,
107
233
  #{root-variables.$border-left-style}
108
234
  );
235
+
236
+ // --graupl-table-border-style
109
237
  $table-border-style: var(
110
238
  --#{root-defaults.$prefix}table-border-style,
111
239
  #{$table-border-top-style} #{$table-border-right-style}
112
240
  #{$table-border-bottom-style} #{$table-border-left-style}
113
241
  );
242
+
243
+ // --graupl-table-border-top-left-radius
114
244
  $table-border-top-left-radius: var(
115
245
  --#{root-defaults.$prefix}table-border-top-left-radius,
116
246
  #{root-variables.$border-top-left-radius}
117
247
  );
248
+
249
+ // --graupl-table-border-top-right-radius
118
250
  $table-border-top-right-radius: var(
119
251
  --#{root-defaults.$prefix}table-border-top-right-radius,
120
252
  #{root-variables.$border-top-right-radius}
121
253
  );
254
+
255
+ // --graupl-table-border-bottom-right-radius
122
256
  $table-border-bottom-right-radius: var(
123
257
  --#{root-defaults.$prefix}table-border-bottom-right-radius,
124
258
  #{root-variables.$border-bottom-right-radius}
125
259
  );
260
+
261
+ // --graupl-table-border-bottom-left-radius
126
262
  $table-border-bottom-left-radius: var(
127
263
  --#{root-defaults.$prefix}table-border-bottom-left-radius,
128
264
  #{root-variables.$border-bottom-left-radius}
129
265
  );
266
+
267
+ // --graupl-table-border-radius
130
268
  $table-border-radius: var(
131
269
  --#{root-defaults.$prefix}table-border-radius,
132
270
  #{$table-border-top-left-radius} #{$table-border-top-right-radius}
133
271
  #{$table-border-bottom-right-radius} #{$table-border-bottom-left-radius}
134
272
  );
273
+
274
+ // --graupl-table-border-color
135
275
  $table-border-color: var(
136
276
  --#{root-defaults.$prefix}table-border-color,
137
277
  #{color.$border-color}
138
278
  );
139
279
 
140
280
  // Table cell border properties.
281
+ // --graupl-table-cell-border-top-width
141
282
  $table-cell-border-top-width: var(
142
283
  --#{root-defaults.$prefix}table-cell-border-top-width,
143
284
  #{root-variables.$border-top-width}
144
285
  );
286
+
287
+ // --graupl-table-cell-border-right-width
145
288
  $table-cell-border-right-width: var(
146
289
  --#{root-defaults.$prefix}table-cell-border-right-width,
147
290
  #{root-variables.$border-right-width}
148
291
  );
292
+
293
+ // --graupl-table-cell-border-bottom-width
149
294
  $table-cell-border-bottom-width: var(
150
295
  --#{root-defaults.$prefix}table-cell-border-bottom-width,
151
296
  #{root-variables.$border-bottom-width}
152
297
  );
298
+
299
+ // --graupl-table-cell-border-left-width
153
300
  $table-cell-border-left-width: var(
154
301
  --#{root-defaults.$prefix}table-cell-border-left-width,
155
302
  #{root-variables.$border-left-width}
156
303
  );
304
+
305
+ // --graupl-table-cell-border-width
157
306
  $table-cell-border-width: var(
158
307
  --#{root-defaults.$prefix}table-cell-border-width,
159
308
  #{$table-cell-border-top-width} #{$table-cell-border-right-width}
160
309
  #{$table-cell-border-bottom-width} #{$table-cell-border-left-width}
161
310
  );
311
+
312
+ // --graupl-table-cell-border-top-style
162
313
  $table-cell-border-top-style: var(
163
314
  --#{root-defaults.$prefix}table-cell-border-top-style,
164
315
  #{root-variables.$border-top-style}
165
316
  );
317
+
318
+ // --graupl-table-cell-border-right-style
166
319
  $table-cell-border-right-style: var(
167
320
  --#{root-defaults.$prefix}table-cell-border-right-style,
168
321
  #{root-variables.$border-right-style}
169
322
  );
323
+
324
+ // --graupl-table-cell-border-bottom-style
170
325
  $table-cell-border-bottom-style: var(
171
326
  --#{root-defaults.$prefix}table-cell-border-bottom-style,
172
327
  #{root-variables.$border-bottom-style}
173
328
  );
329
+
330
+ // --graupl-table-cell-border-left-style
174
331
  $table-cell-border-left-style: var(
175
332
  --#{root-defaults.$prefix}table-cell-border-left-style,
176
333
  #{root-variables.$border-left-style}
177
334
  );
335
+
336
+ // --graupl-table-cell-border-style
178
337
  $table-cell-border-style: var(
179
338
  --#{root-defaults.$prefix}table-cell-border-style,
180
339
  #{$table-cell-border-top-style} #{$table-cell-border-right-style}
181
340
  #{$table-cell-border-bottom-style} #{$table-cell-border-left-style}
182
341
  );
342
+
343
+ // --graupl-table-cell-border-top-left-radius
183
344
  $table-cell-border-top-left-radius: var(
184
345
  --#{root-defaults.$prefix}table-cell-border-top-left-radius,
185
346
  #{root-variables.$border-top-left-radius}
186
347
  );
348
+
349
+ // --graupl-table-cell-border-top-right-radius
187
350
  $table-cell-border-top-right-radius: var(
188
351
  --#{root-defaults.$prefix}table-cell-border-top-right-radius,
189
352
  #{root-variables.$border-top-right-radius}
190
353
  );
354
+
355
+ // --graupl-table-cell-border-bottom-right-radius
191
356
  $table-cell-border-bottom-right-radius: var(
192
357
  --#{root-defaults.$prefix}table-cell-border-bottom-right-radius,
193
358
  #{root-variables.$border-bottom-right-radius}
194
359
  );
360
+
361
+ // --graupl-table-cell-border-bottom-left-radius
195
362
  $table-cell-border-bottom-left-radius: var(
196
363
  --#{root-defaults.$prefix}table-cell-border-bottom-left-radius,
197
364
  #{root-variables.$border-bottom-left-radius}
198
365
  );
366
+
367
+ // --graupl-table-cell-border-radius
199
368
  $table-cell-border-radius: var(
200
369
  --#{root-defaults.$prefix}table-cell-border-radius,
201
370
  #{$table-cell-border-top-left-radius} #{$table-cell-border-top-right-radius}
202
371
  #{$table-cell-border-bottom-right-radius}
203
372
  #{$table-cell-border-bottom-left-radius}
204
373
  );
374
+
375
+ // --graupl-table-cell-border-color
205
376
  $table-cell-border-color: var(
206
377
  --#{root-defaults.$prefix}table-cell-border-color,
207
378
  #{$table-border-color}
208
379
  );
209
380
 
210
381
  // Table header border properties.
382
+ // --graupl-table-header-border-top-width
211
383
  $table-header-border-top-width: var(
212
384
  --#{root-defaults.$prefix}table-header-border-top-width,
213
385
  #{$table-cell-border-top-width}
214
386
  );
387
+
388
+ // --graupl-table-header-border-right-width
215
389
  $table-header-border-right-width: var(
216
390
  --#{root-defaults.$prefix}table-header-border-right-width,
217
391
  #{$table-cell-border-right-width}
218
392
  );
393
+
394
+ // --graupl-table-header-border-bottom-width
219
395
  $table-header-border-bottom-width: var(
220
396
  --#{root-defaults.$prefix}table-header-border-bottom-width,
221
397
  #{$table-cell-border-bottom-width}
222
398
  );
399
+
400
+ // --graupl-table-header-border-left-width
223
401
  $table-header-border-left-width: var(
224
402
  --#{root-defaults.$prefix}table-header-border-left-width,
225
403
  #{$table-cell-border-left-width}
226
404
  );
405
+
406
+ // --graupl-table-header-border-width
227
407
  $table-header-border-width: var(
228
408
  --#{root-defaults.$prefix}table-header-border-width,
229
409
  #{$table-header-border-top-width} #{$table-header-border-right-width}
230
410
  #{$table-header-border-bottom-width} #{$table-header-border-left-width}
231
411
  );
412
+
413
+ // --graupl-table-header-border-top-style
232
414
  $table-header-border-top-style: var(
233
415
  --#{root-defaults.$prefix}table-header-border-top-style,
234
416
  #{$table-cell-border-top-style}
235
417
  );
418
+
419
+ // --graupl-table-header-border-right-style
236
420
  $table-header-border-right-style: var(
237
421
  --#{root-defaults.$prefix}table-header-border-right-style,
238
422
  #{$table-cell-border-right-style}
239
423
  );
424
+
425
+ // --graupl-table-header-border-bottom-style
240
426
  $table-header-border-bottom-style: var(
241
427
  --#{root-defaults.$prefix}table-header-border-bottom-style,
242
428
  #{$table-cell-border-bottom-style}
243
429
  );
430
+
431
+ // --graupl-table-header-border-left-style
244
432
  $table-header-border-left-style: var(
245
433
  --#{root-defaults.$prefix}table-header-border-left-style,
246
434
  #{$table-cell-border-left-style}
247
435
  );
436
+
437
+ // --graupl-table-header-border-style
248
438
  $table-header-border-style: var(
249
439
  --#{root-defaults.$prefix}table-header-border-style,
250
440
  #{$table-header-border-top-style} #{$table-header-border-right-style}
251
441
  #{$table-header-border-bottom-style} #{$table-header-border-left-style}
252
442
  );
443
+
444
+ // --graupl-table-header-border-top-left-radius
253
445
  $table-header-border-top-left-radius: var(
254
446
  --#{root-defaults.$prefix}table-header-border-top-left-radius,
255
447
  #{$table-cell-border-top-left-radius}
256
448
  );
449
+
450
+ // --graupl-table-header-border-top-right-radius
257
451
  $table-header-border-top-right-radius: var(
258
452
  --#{root-defaults.$prefix}table-header-border-top-right-radius,
259
453
  #{$table-cell-border-top-right-radius}
260
454
  );
455
+
456
+ // --graupl-table-header-border-bottom-right-radius
261
457
  $table-header-border-bottom-right-radius: var(
262
458
  --#{root-defaults.$prefix}table-header-border-bottom-right-radius,
263
459
  #{$table-cell-border-bottom-right-radius}
264
460
  );
461
+
462
+ // --graupl-table-header-border-bottom-left-radius
265
463
  $table-header-border-bottom-left-radius: var(
266
464
  --#{root-defaults.$prefix}table-header-border-bottom-left-radius,
267
465
  #{$table-cell-border-bottom-left-radius}
268
466
  );
467
+
468
+ // --graupl-table-header-border-radius
269
469
  $table-header-border-radius: var(
270
470
  --#{root-defaults.$prefix}table-header-border-radius,
271
471
  #{$table-header-border-top-left-radius}
@@ -273,36 +473,47 @@ $table-header-border-radius: var(
273
473
  #{$table-header-border-bottom-right-radius}
274
474
  #{$table-header-border-bottom-left-radius}
275
475
  );
476
+
477
+ // --graupl-table-header-border-color
276
478
  $table-header-border-color: var(
277
479
  --#{root-defaults.$prefix}table-header-border-color,
278
480
  #{$table-border-color}
279
481
  );
280
482
 
281
483
  // Table striped properties.
484
+ // --graupl-table-striped-background
282
485
  $table-striped-background: var(
283
486
  --#{root-defaults.$prefix}table-striped-background,
284
487
  #{theme.get(secondary, 200)}
285
488
  );
489
+
490
+ // --graupl-table-striped-color
286
491
  $table-striped-color: var(
287
492
  --#{root-defaults.$prefix}table-striped-color,
288
493
  #{theme.get(secondary, 900)}
289
494
  );
290
495
 
291
496
  // Table hover properties.
497
+ // --graupl-table-hover-background
292
498
  $table-hover-background: var(
293
499
  --#{root-defaults.$prefix}table-hover-background,
294
500
  #{theme.get(secondary, 300)}
295
501
  );
502
+
503
+ // --graupl-table-hover-color
296
504
  $table-hover-color: var(
297
505
  --#{root-defaults.$prefix}table-hover-color,
298
506
  #{theme.get(secondary, 900)}
299
507
  );
300
508
 
301
509
  // Table highlight properties.
510
+ // --graupl-table-highlight-background
302
511
  $table-highlight-background: var(
303
512
  --#{root-defaults.$prefix}table-highlight-background,
304
513
  #{theme.get(secondary, 500)}
305
514
  );
515
+
516
+ // --graupl-table-highlight-color
306
517
  $table-highlight-color: var(
307
518
  --#{root-defaults.$prefix}table-highlight-color,
308
519
  #{theme.get(secondary, 100)}
package/src/scss/component/_index.scss CHANGED
@@ -10,3 +10,4 @@
10
10
  @use "list";
11
11
  @use "menu";
12
12
  @use "navigation";
13
+ @use "tabs";
package/src/scss/component/accordion/_defaults.scss CHANGED
@@ -6,35 +6,86 @@
6
6
  // They should not be used to define direct property values (i.e. font-size, color, etc.).
7
7
  // Those should be defined as custom properties in the `_variables.scss` file.
8
8
 
9
+ @use "../../defaults" as root-defaults;
10
+ @use "../../functions/theme";
9
11
  @use "sass:map";
10
12
 
11
13
  // Accordion selectors.
12
- $accordion-selector: ".accordion" !default;
13
- $accordion-item-selector: ".accordion-item" !default;
14
- $accordion-item-header-selector: ".accordion-item-header" !default;
15
- $accordion-item-title-selector: ".accordion-item-title" !default;
16
- $accordion-item-toggle-selector: ".accordion-item-toggle" !default;
17
- $accordion-item-content-selector: ".accordion-item-content" !default;
18
- $accordion-item-body-selector: ".accordion-item-body" !default;
19
- $accordion-item-footer-selector: ".accordion-item-footer" !default;
20
- $accordion-item-open-selector: ".show" !default;
21
- $accordion-item-close-selector: ".hide" !default;
22
- $accordion-item-transition-selector: ".transitioning" !default;
23
- $accordion-item-toggle-pseudo-selector: "::after" !default;
14
+ $selector-base: root-defaults.$component-selector-base !default;
15
+ $modifier-selector-base: root-defaults.$modifier-selector-base !default;
16
+ $generate-base-theme-map: root-defaults.$generate-base-theme-maps !default;
17
+ $themeable: false !default;
18
+ $accordion-selector-base: $selector-base !default;
19
+ $accordion-selector: "accordion" !default;
20
+ $accordion-theme-selector-base: $modifier-selector-base !default;
21
+ $accordion-theme-selector-prefix: "" !default;
22
+ $accordion-item-selector-base: $selector-base !default;
23
+ $accordion-item-selector: "accordion-item" !default;
24
+ $accordion-item-header-selector-base: $selector-base !default;
25
+ $accordion-item-header-selector: "accordion-item-header" !default;
26
+ $accordion-item-title-selector-base: $selector-base !default;
27
+ $accordion-item-title-selector: "accordion-item-title" !default;
28
+ $accordion-item-toggle-selector-base: $selector-base !default;
29
+ $accordion-item-toggle-selector: "accordion-item-toggle" !default;
30
+ $accordion-item-content-selector-base: $selector-base !default;
31
+ $accordion-item-content-selector: "accordion-item-content" !default;
32
+ $accordion-item-body-selector-base: $selector-base !default;
33
+ $accordion-item-body-selector: "accordion-item-body" !default;
34
+ $accordion-item-footer-selector-base: $selector-base !default;
35
+ $accordion-item-footer-selector: "accordion-item-footer" !default;
36
+ $accordion-item-open-selector-base: $modifier-selector-base !default;
37
+ $accordion-item-open-selector: "show" !default;
38
+ $accordion-item-close-selector-base: $modifier-selector-base !default;
39
+ $accordion-item-close-selector: "hide" !default;
40
+ $accordion-item-transition-selector-base: $modifier-selector-base !default;
41
+ $accordion-item-transition-selector: "transitioning" !default;
42
+ $accordion-item-toggle-pseudo-selector: "after" !default;
24
43
 
25
44
  // Toggle transform properties.
26
- $accordion-item-toggle-transform: none !default;
27
- $accordion-item-toggle-visited-transform: $accordion-item-toggle-transform !default;
28
- $accordion-item-toggle-focus-transform: $accordion-item-toggle-transform !default;
29
- $accordion-item-toggle-hover-transform: $accordion-item-toggle-transform !default;
30
- $accordion-item-toggle-active-transform: $accordion-item-toggle-transform !default;
31
- $accordion-item-toggle-disabled-transform: $accordion-item-toggle-transform !default;
32
- $accordion-item-toggle-pseudo-transform: none !default;
33
- $accordion-item-toggle-pseudo-open-transform: rotate(-180deg) !default;
45
+ $accordion-item-toggle-initial-transform: none !default;
46
+ $accordion-item-toggle-final-transform: $accordion-item-toggle-initial-transform !default;
47
+ $accordion-item-toggle-disabled-transform: $accordion-item-toggle-initial-transform !default;
48
+ $accordion-item-toggle-pseudo-initial-transform: none !default;
49
+ $accordion-item-toggle-pseudo-final-transform: rotate(-180deg);
34
50
 
35
51
  // Toggle properties.
36
52
  $accordion-item-toggle-pseudo-content: "▼" !default;
37
53
 
38
54
  // Accordion transform properties.
39
- $accordion-item-content-transform: translateY(-100%) !default;
40
- $accordion-item-content-open-transform: translateY(0) !default;
55
+ $accordion-item-content-initial-transform: translateY(-100%) !default;
56
+ $accordion-item-content-final-transform: translateY(0) !default;
57
+
58
+ // Accordion state theme defaults.
59
+ // This map is used to define the default colour shades for the
60
+ // themed accordion bases.
61
+ //
62
+ // e.g.
63
+ // Primary accordions will use primary--900 as the text colour and primary--700 as the border colour.
64
+ //
65
+ // Secondary/tertiary accordions will use the same shade for their respective colours.
66
+ $-accordion-theme-mappings: (
67
+ color: 900,
68
+ border-color: 700,
69
+ item-background: 100,
70
+ item-toggle-hover-color: 100,
71
+ item-toggle-hover-background: 700,
72
+ item-toggle-hover-border-color: 700,
73
+ item-toggle-disabled-color: 200,
74
+ item-toggle-disabled-border-color: 200,
75
+ );
76
+ $accordion-theme-mappings: () !default;
77
+
78
+ // Merge the custom accordion state theme map with the default one.
79
+ @if $generate-base-theme-map {
80
+ $accordion-theme-mappings: map.merge(
81
+ $-accordion-theme-mappings,
82
+ $accordion-theme-mappings
83
+ );
84
+ }
85
+
86
+ $-accordion-theme-map: theme.generate-property-map($accordion-theme-mappings);
87
+ $accordion-theme-map: () !default;
88
+ $accordion-theme-map: map.deep-merge(
89
+ $-accordion-theme-map,
90
+ $accordion-theme-map
91
+ );