@graupl/graupl 1.0.0-alpha.11 → 1.0.0-alpha.13

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 (195) hide show
  1. package/CHANGELOG.md +54 -0
  2. package/dist/base/button.css +2 -0
  3. package/dist/base/button.css.map +1 -0
  4. package/dist/base/form.css +1 -1
  5. package/dist/base/form.css.map +1 -1
  6. package/dist/base/link.css +1 -1
  7. package/dist/base/link.css.map +1 -1
  8. package/dist/base/table.css +1 -1
  9. package/dist/base/table.css.map +1 -1
  10. package/dist/base.css +1 -1
  11. package/dist/base.css.map +1 -1
  12. package/dist/component/card.css +2 -0
  13. package/dist/component/card.css.map +1 -0
  14. package/dist/component/input-group.css +1 -1
  15. package/dist/component/input-group.css.map +1 -1
  16. package/dist/component/menu.css +2 -0
  17. package/dist/component/menu.css.map +1 -0
  18. package/dist/component/navigation.css +2 -0
  19. package/dist/component/navigation.css.map +1 -0
  20. package/dist/component.css +1 -1
  21. package/dist/component.css.map +1 -1
  22. package/dist/graupl.css +1 -1
  23. package/dist/graupl.css.map +1 -1
  24. package/dist/init.css +2 -0
  25. package/dist/init.css.map +1 -0
  26. package/dist/layout/columns.css +1 -1
  27. package/dist/layout/columns.css.map +1 -1
  28. package/dist/layout/container.css.map +1 -1
  29. package/dist/layout/flex-columns.css +2 -0
  30. package/dist/layout/flex-columns.css.map +1 -0
  31. package/dist/layout.css +1 -1
  32. package/dist/layout.css.map +1 -1
  33. package/dist/normalize.css +2 -0
  34. package/dist/normalize.css.map +1 -0
  35. package/dist/state/focus.css.map +1 -1
  36. package/dist/state.css.map +1 -1
  37. package/dist/theme/color.css.map +1 -1
  38. package/dist/theme/typography.css +1 -1
  39. package/dist/theme/typography.css.map +1 -1
  40. package/dist/theme.css +1 -1
  41. package/dist/theme.css.map +1 -1
  42. package/dist/utilities/order.css +2 -0
  43. package/dist/utilities/order.css.map +1 -0
  44. package/dist/utilities/spacing.css +1 -1
  45. package/dist/utilities/spacing.css.map +1 -1
  46. package/dist/utilities/typography.css +1 -1
  47. package/dist/utilities/typography.css.map +1 -1
  48. package/dist/utilities.css +1 -1
  49. package/dist/utilities.css.map +1 -1
  50. package/eslint.config.js +1 -0
  51. package/index.html +619 -326
  52. package/package.json +2 -1
  53. package/scss/base/button.scss +3 -0
  54. package/scss/base/form.scss +1 -1
  55. package/scss/base/link.scss +1 -1
  56. package/scss/base/table.scss +1 -1
  57. package/scss/base.scss +1 -1
  58. package/scss/component/card.scss +3 -0
  59. package/scss/component/input-group.scss +1 -1
  60. package/scss/component/menu.scss +3 -0
  61. package/scss/component/navigation.scss +3 -0
  62. package/scss/component.scss +1 -1
  63. package/scss/graupl.scss +1 -3
  64. package/scss/init.scss +3 -0
  65. package/scss/layout/columns.scss +1 -1
  66. package/scss/layout/container.scss +1 -1
  67. package/scss/layout/flex-columns.scss +3 -0
  68. package/scss/layout.scss +1 -1
  69. package/scss/normalize.scss +3 -0
  70. package/scss/state/focus.scss +1 -1
  71. package/scss/state.scss +1 -1
  72. package/scss/theme/color.scss +1 -1
  73. package/scss/theme/typography.scss +1 -1
  74. package/scss/theme.scss +1 -1
  75. package/scss/utilities/alignment.scss +1 -1
  76. package/scss/utilities/color.scss +1 -1
  77. package/scss/utilities/display.scss +1 -1
  78. package/scss/utilities/flex.scss +1 -1
  79. package/scss/utilities/inset.scss +1 -1
  80. package/scss/utilities/justification.scss +1 -1
  81. package/scss/utilities/list.scss +1 -1
  82. package/scss/utilities/order.scss +3 -0
  83. package/scss/utilities/postion.scss +1 -1
  84. package/scss/utilities/spacing.scss +1 -1
  85. package/scss/utilities/typography.scss +1 -1
  86. package/scss/utilities/visibility.scss +1 -1
  87. package/scss/utilities.scss +1 -1
  88. package/src/js/navigation.js +34 -0
  89. package/src/scss/_defaults.scss +21 -5
  90. package/src/scss/_index.scss +4 -3
  91. package/src/scss/_init.scss +2 -2
  92. package/src/scss/_normalize.scss +197 -0
  93. package/src/scss/_variables.scss +4 -1
  94. package/src/scss/base/_index.scss +2 -1
  95. package/src/scss/base/button/_defaults.scss +53 -0
  96. package/src/scss/base/button/_index.scss +210 -0
  97. package/src/scss/{component → base}/button/_variables.scss +51 -12
  98. package/src/scss/base/form/_defaults.scss +14 -4
  99. package/src/scss/base/form/_index.scss +23 -20
  100. package/src/scss/base/form/_variables.scss +12 -1
  101. package/src/scss/base/link/_defaults.scss +48 -5
  102. package/src/scss/base/link/_index.scss +101 -17
  103. package/src/scss/base/link/_variables.scss +226 -5
  104. package/src/scss/base/table/_defaults.scss +49 -4
  105. package/src/scss/base/table/_index.scss +102 -8
  106. package/src/scss/base/table/_variables.scss +71 -1
  107. package/src/scss/component/_index.scss +4 -3
  108. package/src/scss/component/card/_defaults.scss +29 -0
  109. package/src/scss/component/card/_index.scss +143 -0
  110. package/src/scss/component/card/_variables.scss +185 -0
  111. package/src/scss/component/input-group/_defaults.scss +11 -4
  112. package/src/scss/component/input-group/_index.scss +11 -9
  113. package/src/scss/component/input-group/_variables.scss +4 -1
  114. package/src/scss/component/menu/_defaults.scss +65 -0
  115. package/src/scss/component/menu/_index.scss +304 -0
  116. package/src/scss/component/menu/_variables.scss +491 -0
  117. package/src/scss/component/navigation/_defaults.scss +29 -0
  118. package/src/scss/component/navigation/_index.scss +189 -0
  119. package/src/scss/component/navigation/_variables.scss +237 -0
  120. package/src/scss/functions/_important.scss +2 -0
  121. package/src/scss/functions/_theme.scss +18 -0
  122. package/src/scss/layout/_index.scss +2 -1
  123. package/src/scss/layout/columns/_defaults.scss +12 -4
  124. package/src/scss/layout/columns/_index.scss +27 -5
  125. package/src/scss/layout/columns/_variables.scss +4 -1
  126. package/src/scss/layout/container/_defaults.scss +13 -4
  127. package/src/scss/layout/container/_index.scss +12 -7
  128. package/src/scss/layout/container/_variables.scss +4 -1
  129. package/src/scss/layout/flex-columns/_defaults.scss +18 -0
  130. package/src/scss/layout/flex-columns/_index.scss +77 -0
  131. package/src/scss/layout/flex-columns/_variables.scss +26 -0
  132. package/src/scss/mixins/_layer.scss +1 -1
  133. package/src/scss/mixins/_media-queries.scss +10 -1
  134. package/src/scss/state/_index.scss +1 -1
  135. package/src/scss/state/focus/_defaults.scss +6 -4
  136. package/src/scss/state/focus/_index.scss +1 -1
  137. package/src/scss/state/focus/_variables.scss +4 -1
  138. package/src/scss/theme/_index.scss +1 -1
  139. package/src/scss/theme/color/_defaults.scss +6 -4
  140. package/src/scss/theme/color/_index.scss +1 -1
  141. package/src/scss/theme/color/_variables.scss +4 -1
  142. package/src/scss/theme/typography/_defaults.scss +7 -5
  143. package/src/scss/theme/typography/_index.scss +1 -1
  144. package/src/scss/theme/typography/_variables.scss +9 -3
  145. package/src/scss/utilities/_index.scss +3 -1
  146. package/src/scss/utilities/alignment/_defaults.scss +6 -4
  147. package/src/scss/utilities/alignment/_index.scss +1 -1
  148. package/src/scss/utilities/alignment/_variables.scss +4 -1
  149. package/src/scss/utilities/color/_defaults.scss +6 -4
  150. package/src/scss/utilities/color/_index.scss +1 -1
  151. package/src/scss/utilities/color/_variables.scss +4 -1
  152. package/src/scss/utilities/display/_defaults.scss +6 -4
  153. package/src/scss/utilities/display/_index.scss +1 -1
  154. package/src/scss/utilities/display/_variables.scss +4 -1
  155. package/src/scss/utilities/flex/_defaults.scss +6 -4
  156. package/src/scss/utilities/flex/_index.scss +1 -1
  157. package/src/scss/utilities/flex/_variables.scss +4 -1
  158. package/src/scss/utilities/inset/_defaults.scss +6 -4
  159. package/src/scss/utilities/inset/_index.scss +1 -1
  160. package/src/scss/utilities/inset/_variables.scss +4 -1
  161. package/src/scss/utilities/justification/_defaults.scss +6 -4
  162. package/src/scss/utilities/justification/_index.scss +1 -1
  163. package/src/scss/utilities/justification/_variables.scss +4 -1
  164. package/src/scss/utilities/list/_defaults.scss +6 -4
  165. package/src/scss/utilities/list/_index.scss +1 -1
  166. package/src/scss/utilities/list/_variables.scss +4 -1
  167. package/src/scss/utilities/order/_defaults.scss +19 -0
  168. package/src/scss/utilities/order/_index.scss +35 -0
  169. package/src/scss/utilities/order/_variables.scss +6 -0
  170. package/src/scss/utilities/position/_defaults.scss +6 -4
  171. package/src/scss/utilities/position/_index.scss +1 -1
  172. package/src/scss/utilities/position/_variables.scss +4 -1
  173. package/src/scss/utilities/ratio/_defaults.scss +24 -0
  174. package/src/scss/utilities/ratio/_index.scss +26 -0
  175. package/src/scss/utilities/ratio/_variables.scss +9 -0
  176. package/src/scss/utilities/spacing/_defaults.scss +6 -4
  177. package/src/scss/utilities/spacing/_index.scss +41 -17
  178. package/src/scss/utilities/spacing/_variables.scss +4 -1
  179. package/src/scss/utilities/typography/_defaults.scss +6 -4
  180. package/src/scss/utilities/typography/_index.scss +1 -1
  181. package/src/scss/utilities/typography/_variables.scss +4 -1
  182. package/src/scss/utilities/visibility/_defaults.scss +6 -4
  183. package/src/scss/utilities/visibility/_index.scss +1 -1
  184. package/src/scss/utilities/visibility/_variables.scss +4 -1
  185. package/dist/component/button.css +0 -2
  186. package/dist/component/button.css.map +0 -1
  187. package/dist/component/table.css +0 -2
  188. package/dist/component/table.css.map +0 -1
  189. package/scss/component/button.scss +0 -3
  190. package/scss/component/table.scss +0 -3
  191. package/src/scss/component/button/_defaults.scss +0 -39
  192. package/src/scss/component/button/_index.scss +0 -134
  193. package/src/scss/component/table/_defaults.scss +0 -30
  194. package/src/scss/component/table/_index.scss +0 -77
  195. package/src/scss/component/table/_variables.scss +0 -64
package/CHANGELOG.md CHANGED
@@ -2,6 +2,60 @@
2
2
 
3
3
  All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
4
4
 
5
+ ## [1.0.0-alpha.13](https://github.com/Graupl/graupl/compare/v1.0.0-alpha.12...v1.0.0-alpha.13) (2024-06-04)
6
+
7
+
8
+ ### Features
9
+
10
+ * **base:** add stretched link class ([fc5e4b6](https://github.com/Graupl/graupl/commit/fc5e4b661adcb1141432542a4b93dbaa30d4d154))
11
+ * **base:** implement states and extras into both buttons and links ([161b34b](https://github.com/Graupl/graupl/commit/161b34b7dc83b4964cd75a1426dc4a8168d06ced))
12
+ * **component:** implement cards ([34e9d08](https://github.com/Graupl/graupl/commit/34e9d08dcf0eb46970bbdeb2a30346dcf03421ed)), closes [#63](https://github.com/Graupl/graupl/issues/63)
13
+ * **component:** implement flex columns component ([6373947](https://github.com/Graupl/graupl/commit/6373947a1d844a9dec0f4cd18837aa5768a804a8))
14
+ * **component:** implement menu and navigation components ([ce93a72](https://github.com/Graupl/graupl/commit/ce93a72f6154211f2ae48efb6e0e0b551bb66e24))
15
+ * **function:** handle transparent and other standard colors in theme.get() ([3c3a7cf](https://github.com/Graupl/graupl/commit/3c3a7cf70fb0df8a58f6668ce4a0b620353985fc))
16
+ * **props:** add new border prop to all elements ([d7de8c2](https://github.com/Graupl/graupl/commit/d7de8c223293fefec10d29e012172abb256f767d))
17
+ * **utility:** add order utilities ([24c7026](https://github.com/Graupl/graupl/commit/24c7026cfdbcf02de3ef86b07e0ecad68b3b4751))
18
+ * **utility:** add ratio classes ([526197d](https://github.com/Graupl/graupl/commit/526197db0dcae9ff426619853261024244f30620))
19
+
20
+
21
+ ### Bug Fixes
22
+
23
+ * **buttons:** use proper theme get function for button variants ([7baa57a](https://github.com/Graupl/graupl/commit/7baa57a211e34fc1b0650e47f7cd8222e0c732a2))
24
+ * rename font-size to font-size-base for consistency ([3537141](https://github.com/Graupl/graupl/commit/35371415ccd1a875b045d71fc5ddc4998be37870))
25
+ * use unset for flex columns fill ([fdaa10b](https://github.com/Graupl/graupl/commit/fdaa10b0cfcab8fbf5652f7a5aaa40dddb917059))
26
+
27
+
28
+ ### Performance Improvements
29
+
30
+ * **button:** simplify disabled button code ([582bcac](https://github.com/Graupl/graupl/commit/582bcacae7abc3b92d5bb58943ca25033f90f720))
31
+ * **columns:** adjust both normal and flex columns to work better in various screen sizes ([16c133b](https://github.com/Graupl/graupl/commit/16c133b060e3fd9eecd677d91c861d15033dda6c))
32
+
33
+
34
+ ### Documentation
35
+
36
+ * add mode toggle to html ([a22f12d](https://github.com/Graupl/graupl/commit/a22f12dbace5bcc6119c3588c5ed9ff494fe9fd1))
37
+ * add spacing to example html ([3758642](https://github.com/Graupl/graupl/commit/37586421220f9dc97a083bc51d10038028fe3219))
38
+
39
+ ## [1.0.0-alpha.12](https://github.com/Graupl/graupl/compare/v1.0.0-alpha.11...v1.0.0-alpha.12) (2024-05-24)
40
+
41
+
42
+ ### Features
43
+
44
+ * allow all selectors to be customized ([270d3f4](https://github.com/Graupl/graupl/commit/270d3f4fca5c218ecba3831a24e0cbedb009c469))
45
+ * **base:** add collapsed option for tables ([5f86b6d](https://github.com/Graupl/graupl/commit/5f86b6d82430de9d99c33359fbf36fa450fd98bf))
46
+ * implement normalize.css into library ([f4b4614](https://github.com/Graupl/graupl/commit/f4b4614f475aa601f986de4e5bbe7b62a24797eb))
47
+ * **utilities:** add auto spacers ([d5893bb](https://github.com/Graupl/graupl/commit/d5893bb41b4bfea776c6760b7117de404e7d84e8))
48
+
49
+
50
+ ### Bug Fixes
51
+
52
+ * **buttons:** remove text decoration and add cursor for links that are buttons ([844dd10](https://github.com/Graupl/graupl/commit/844dd1072d92af34cb9f19b5eea4227b523c860b))
53
+
54
+
55
+ ### Documentation
56
+
57
+ * **comments:** standardize file comments ([659e1ac](https://github.com/Graupl/graupl/commit/659e1acd8112620a9ed1e577df053e648687e7ac))
58
+
5
59
  ## [1.0.0-alpha.11](https://github.com/Graupl/graupl/compare/v1.0.0-alpha.10...v1.0.0-alpha.11) (2024-05-21)
6
60
 
7
61
 
package/dist/base/button.css ADDED
@@ -0,0 +1,2 @@
1
+ @layer graupl.base{.button{align-items:center;border:var(--graupl-button-border,var(--graupl-button-border-width,var(--graupl-border-width,2px)) var(--graupl-botton-border-style,var(--graupl-border-style,solid)));border-radius:var(--graupl-button-border-radius,var(--graupl-border-radius,.125rem));cursor:pointer;display:flex;font-size:var(--graupl-button-font-size,var(--graupl-font-base,calc(var(--graupl-font-size-base, 1rem)*1)));justify-content:center;min-height:var(--graupl-button-min-height,44px);min-width:var(--graupl-button-min-width,44px);padding:var(--graupl-button-padding,var(--graupl-button-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-button-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));transform:var(--graupl-button-transform,none);transition:var(--graupl-button-transition,background var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease))}.button:visited{--graupl-button-transform:var(--graupl-button-visited-transform,none)}.button:focus-visible{--graupl-button-transform:var(--graupl-button-focus-transform,none)}.button:hover{--graupl-button-transform:var(--graupl-button-hover-transform,none)}.button:active{--graupl-button-transform:var(--graupl-button-active-transform,scale(0.95))}.button:disabled,.button[disabled]{cursor:not-allowed}.button:disabled,.button:disabled:active,.button:disabled:focus-visible,.button:disabled:hover,.button:disabled:visited,.button[disabled],.button[disabled]:active,.button[disabled]:focus-visible,.button[disabled]:hover,.button[disabled]:visited{--graupl-button-transform:var(--graupl-button-disabled-transform,none)}.button.link{--graupl-button-padding:var(--graupl-link-padding,var(--graupl-link-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-link-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));--graupl-button-transition:var(--graupl-link-transition,background var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease));--graupl-button-transition-reduced-motion:var(--graupl-link-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease));--graupl-button-transform:var(--graupl-link-transform,none);--graupl-button-visited-transform:var(--graupl-link-visited-transform,none);--graupl-button-focus-transform:var(--graupl-link-transform,none);--graupl-button-hover-transform:var(--graupl-link-hover-transform,none);--graupl-button-active-transform:var(--graupl-link-active-transform,none);--graupl-button-border-width:var(--graupl-link-border-width,0);--graupl-button-border-style:var(--graupl-link-border-style,var(--graupl-border-style,solid));--graupl-button-border-radius:var(--graupl-link-border-radius,var(--graupl-border-radius,0.125rem));--graupl-button-min-width:var(--graupl-link-min-width,auto);--graupl-button-min-height:var(--graupl-link-min-height,auto);--graupl-button-font-size:inherit;-webkit-text-decoration:var(--graupl-link-text-decoration,underline);text-decoration:var(--graupl-link-text-decoration,underline);text-decoration-style:var(--graupl-link-text-decoration-style,solid);text-decoration-thickness:var(--graupl-link-text-decoration-thickness,var(--graupl-border-width,2px))}a.button:not(.link){--graupl-link-padding:var(--graupl-button-padding,var(--graupl-button-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*0.5))) var(--graupl-button-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));--graupl-link-transition:var(--graupl-button-transition,background var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease));--graupl-link-transition-reduced-motion:var(--graupl-button-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease));--graupl-link-transform:var(--graupl-button-transform,none);--graupl-link-visited-transform:var(--graupl-button-visited-transform,none);--graupl-link-focus-transform:var(--graupl-button-focus-transform,none);--graupl-link-hover-transform:var(--graupl-button-hover-transform,none);--graupl-link-active-transform:var(--graupl-button-active-transform,scale(0.95));--graupl-link-disabled-transform:var(--graupl-button-disabled-transform,none);--graupl-link-border-width:var(--graupl-button-border-width,var(--graupl-border-width,2px));--graupl-link-border-style:var(--graupl-botton-border-style,var(--graupl-border-style,solid));--graupl-link-border-radius:var(--graupl-button-border-radius,var(--graupl-border-radius,0.125rem));--graupl-link-min-width:var(--graupl-button-min-width,44px);--graupl-link-min-height:var(--graupl-button-min-height,44px);--graupl-link-text-decoration:none;--graupl-link-visited-text-decoration:none;--graupl-link-focus-text-decoration:none;--graupl-link-hover-text-decoration:none;--graupl-link-active-text-decoration:none;--graupl-link-disabled-text-decoration:none}@media (prefers-reduced-motion:reduce){.button{--graupl-button-transition:var(--graupl-button-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease))}}}@layer graupl.theme{.button{background:var(--graupl-button-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));border-color:var(--graupl-button-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));color:var(--graupl-button-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.button.primary{--graupl-button-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-button-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-visited-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-button-visited-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-focus-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-button-focus-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-hover-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)));--graupl-button-hover-background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-hover-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-active-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)));--graupl-button-active-background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-active-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-disabled-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)));--graupl-button-disabled-border-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))}.button.secondary{--graupl-button-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-button-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-visited-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-button-visited-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-focus-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-button-focus-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-hover-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)));--graupl-button-hover-background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-hover-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-active-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)));--graupl-button-active-background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-active-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-disabled-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)));--graupl-button-disabled-border-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))}.button.tertiary{--graupl-button-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-button-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-visited-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-button-visited-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-focus-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-button-focus-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-hover-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)));--graupl-button-hover-background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-hover-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-active-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)));--graupl-button-active-background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-active-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-disabled-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)));--graupl-button-disabled-border-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))}.button.link{--graupl-button-color:var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))));--graupl-button-visited-color:var(--graupl-link-visited-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))));--graupl-button-focus-color:var(--graupl-link-focus-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))));--graupl-button-hover-color:var(--graupl-link-hover-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46))));--graupl-button-active-color:var(--graupl-link-active-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46))));--graupl-button-disabled-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-button-background:var(--graupl-link-background,transparent);--graupl-button-visited-background:var(--graupl-link-visited-background,transparent);--graupl-button-focus-background:var(--graupl-link-focus-background,transparent);--graupl-button-hover-background:var(--graupl-link-hover-background,transparent);--graupl-button-active-background:var(--graupl-link-active-background,transparent);--graupl-button-disabled-background:var(--graupl-link-disabled-background,transparent);--graupl-button-border-color:var(--graupl-link-border-color,transparent);--graupl-button-visited-border-color:var(--graupl-link-visited-border-color,transparent);--graupl-button-focus-border-color:var(--graupl-link-focus-border-color,transparent);--graupl-button-hover-border-color:var(--graupl-link-hover-border-color,transparent);--graupl-button-active-border-color:var(--graupl-link-active-border-color,transparent);--graupl-button-disabled-border-color:var(--graupl-link-disabled-border-color,transparent)}.button:visited{--graupl-button-border-color:var(--graupl-button-visited-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-button-background:var(--graupl-button-visited-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-visited-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.button:focus-visible{--graupl-button-border-color:var(--graupl-button-focus-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-button-background:var(--graupl-button-focus-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-focus-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.button:hover{--graupl-button-border-color:var(--graupl-button-hover-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-button-background:var(--graupl-button-hover-background,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));--graupl-button-color:var(--graupl-button-hover-color,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))}.button:active{--graupl-button-border-color:var(--graupl-button-active-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-button-background:var(--graupl-button-active-background,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));--graupl-button-color:var(--graupl-button-active-color,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))}.button:disabled,.button:disabled:active,.button:disabled:focus-visible,.button:disabled:hover,.button:disabled:visited,.button[disabled],.button[disabled]:active,.button[disabled]:focus-visible,.button[disabled]:hover,.button[disabled]:visited{--graupl-button-border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a.button:not(.link){--graupl-link-color:var(--graupl-button-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-link-visited-color:var(--graupl-button-visited-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-link-focus-color:var(--graupl-button-focus-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-link-hover-color:var(--graupl-button-hover-color,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))));--graupl-link-active-color:var(--graupl-button-active-color,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))));--graupl-link-disabled-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-link-background:var(--graupl-button-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-link-visited-background:var(--graupl-button-visited-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-link-focus-background:var(--graupl-button-focus-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-link-hover-background:var(--graupl-button-hover-background,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));--graupl-link-active-background:var(--graupl-button-active-background,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));--graupl-link-disabled-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-link-border-color:var(--graupl-button-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-link-visited-border-color:var(--graupl-button-visited-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-link-focus-border-color:var(--graupl-button-focus-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-link-hover-border-color:var(--graupl-button-hover-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-link-active-border-color:var(--graupl-button-active-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-link-disabled-border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}}
2
+ /*# sourceMappingURL=button.css.map */
package/dist/base/button.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/scss/mixins/_layer.scss","../../src/scss/base/button/_index.scss","../../src/scss/base/button/_variables.scss","button.css","../../src/scss/base/link/_variables.scss","../../src/scss/mixins/_media-queries.scss"],"names":[],"mappings":"AASI,mBCKF,QAEE,kBAAA,CAOA,sKCkHY,CDjHZ,oFCqHmB,CDnHnB,cAAA,CAXA,YAAA,CAUA,2GCSe,CDjBf,sBAAA,CAEA,+CCDgB,CDAhB,6CCJe,CDMf,uNCUa,CDTb,6CC8Be,CD7Bf,mVEPF,CFaE,gBACE,qEEXJ,CFcE,sBACE,mEEZJ,CFeE,cACE,mEEbJ,CFgBE,eACE,2EEdJ,CFiBE,mCAEE,kBEhBJ,CFkBI,qPAKE,sEEpBN,CFwBE,aACE,gOAAA,CACA,oWAAA,CACA,mMAAA,CACA,2DAAA,CACA,2EAAA,CACA,iEAAA,CACA,uEAAA,CACA,yEAAA,CACA,8DAAA,CACA,6FAAA,CACA,mGAAA,CACA,2DAAA,CACA,6DAAA,CACA,iCAAA,CAEA,oEG7DiB,CH6DjB,4DG7DiB,CH+DjB,oEGfuB,CHcvB,qGEtBJ,CF4BE,oBACE,sOAAA,CACA,oWAAA,CACA,mMAAA,CACA,2DAAA,CACA,2EAAA,CACA,uEAAA,CACA,uEAAA,CACA,gFAAA,CACA,6EAAA,CACA,2FAAA,CACA,6FAAA,CACA,mGAAA,CACA,2DAAA,CACA,6DAAA,CACA,kCAAA,CACA,0CAAA,CACA,wCAAA,CACA,wCAAA,CACA,yCAAA,CACA,2CE1BJ,CE5DA,uCJ2FE,QACE,sLE5BF,CACF,CACF,CHvEI,oBCuGF,QAEE,4LCrCgB,CDoChB,2LCkCkB,CDhClB,6KE7BF,CFgCI,gBAEI,yIAAA,CAAA,gJAAA,CAAA,iJAAA,CAAA,wJAAA,CAAA,+IAAA,CAAA,sJAAA,CAAA,+IAAA,CAAA,oJAAA,CAAA,sJAAA,CAAA,gJAAA,CAAA,qJAAA,CAAA,uJAAA,CAAA,kJAAA,CAAA,yJElBR,CFgBI,kBAEI,+IAAA,CAAA,sJAAA,CAAA,uJAAA,CAAA,8JAAA,CAAA,qJAAA,CAAA,4JAAA,CAAA,qJAAA,CAAA,0JAAA,CAAA,4JAAA,CAAA,sJAAA,CAAA,2JAAA,CAAA,6JAAA,CAAA,wJAAA,CAAA,+JEFR,CFAI,iBAEI,4IAAA,CAAA,mJAAA,CAAA,oJAAA,CAAA,2JAAA,CAAA,kJAAA,CAAA,yJAAA,CAAA,kJAAA,CAAA,uJAAA,CAAA,yJAAA,CAAA,mJAAA,CAAA,wJAAA,CAAA,0JAAA,CAAA,qJAAA,CAAA,4JEcR,CFNE,aACE,kKAAA,CACA,kLAAA,CACA,8KAAA,CACA,iLAAA,CACA,mLAAA,CACA,oLAAA,CACA,oEAAA,CACA,oFAAA,CACA,gFAAA,CACA,gFAAA,CACA,kFAAA,CACA,sFAAA,CACA,wEAAA,CACA,wFAAA,CACA,oFAAA,CACA,oFAAA,CACA,sFAAA,CACA,0FEQJ,CFLE,gBACE,mNAAA,CACA,oNAAA,CACA,qMEOJ,CFJE,sBACE,iNAAA,CACA,kNAAA,CACA,mMEMJ,CFHE,cACE,iNAAA,CACA,oLAAA,CACA,0KEKJ,CFFE,eACE,kNAAA,CACA,qLAAA,CACA,2KEIJ,CFCI,qPAKE,2LAAA,CACA,qNAAA,CACA,6KEHN,CFSE,oBACE,2LAAA,CACA,2MAAA,CACA,uMAAA,CACA,8KAAA,CACA,gLAAA,CACA,oLAAA,CACA,0MAAA,CACA,0NAAA,CACA,sNAAA,CACA,wLAAA,CACA,0LAAA,CACA,4NAAA,CACA,yMAAA,CACA,yNAAA,CACA,qNAAA,CACA,qNAAA,CACA,uNAAA,CACA,kMEPJ,CACF","file":"button.css"}
package/dist/base/form.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer graupl.base{input,select,textarea{border-radius:var(--graupl-input-border-radius,var(--graupl-border-radius,.125rem));border-style:var(--graupl-botton-border-style,var(--graupl-border-style,solid));border-width:var(--graupl-input-border-width,var(--graupl-border-width,2px));font-size:var(--graupl-input-font-size,var(--graupl-font-base,calc(var(--graupl-font-base, 1rem)*1)));padding:var(--graupl-input-padding,var(--graupl-input-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-input-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))))}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}label{font-size:var(--graupl-label-font-size,var(--graupl-input-font-size,var(--graupl-font-base,calc(var(--graupl-font-base, 1rem)*1))))}fieldset{border-radius:var(--graupl-fieldset-border-radius,var(--graupl-input-border-radius,var(--graupl-border-radius,.125rem)));border-style:var(--graupl-fieldset-border-style,var(--graupl-botton-border-style,var(--graupl-border-style,solid)));border-width:var(--graupl-fieldset-border-width,var(--graupl-input-border-width,var(--graupl-border-width,2px)));display:flex;flex-flow:var(--graupl-fieldset-direction,column) wrap;font-size:var(--graupl-fieldset-font-size,var(--graupl-input-font-size,var(--graupl-font-base,calc(var(--graupl-font-base, 1rem)*1))));gap:var(--graupl-fieldset-gap,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)));padding:var(--graupl-fieldset-padding,var(--graupl-fieldset-padding-y,var(--graupl-input-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5)))) var(--graupl-fieldset-padding-x,var(--graupl-input-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)))))}fieldset:disabled input,fieldset:disabled select,fieldset:disabled textarea{cursor:not-allowed}}@layer graupl.theme{input,select,textarea{accent-color:var(--graupl-input-accent-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))));background:var(--graupl-input-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));border-color:var(--graupl-input-border-color,var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b))));color:var(--graupl-input-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))}input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:var(--graupl-input-placeholder-color,var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484))))}input::placeholder,select::placeholder,textarea::placeholder{color:var(--graupl-input-placeholder-color,var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484))))}input:disabled,select:disabled,textarea:disabled{border-color:var(--graupl-input-disabled-border-color,var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb))));color:var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d))))}input:disabled::-moz-placeholder,select:disabled::-moz-placeholder,textarea:disabled::-moz-placeholder{color:var(--graupl-input-disabled-placeholder-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}input:disabled::placeholder,select:disabled::placeholder,textarea:disabled::placeholder{color:var(--graupl-input-disabled-placeholder-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}label{color:var(--graupl-label-color,var(--graupl-input-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}label:has(+input:disabled,+textarea:disabled,+select:disabled){color:var(--graupl-label-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}fieldset{background:var(--graupl-fieldset-background,var(--graupl-input-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-fieldset-border-color,var(--graupl-input-border-color,var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)))));color:var(--graupl-fieldset-color,var(--graupl-input-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}fieldset:disabled{border-color:var(--graupl-fieldset-disabled-border-color,var(--graupl-input-disabled-border-color,var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))));color:var(--graupl-fieldset-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}fieldset:disabled label{color:var(--graupl-label-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}}
1
+ @layer graupl.base{input,select,textarea{border:var(--graupl-input-border,var(--graupl-input-border-width,var(--graupl-border-width,2px)) var(--graupl-botton-border-style,var(--graupl-border-style,solid)));border-radius:var(--graupl-input-border-radius,var(--graupl-border-radius,.125rem));font-size:var(--graupl-input-font-size,var(--graupl-font-base,calc(var(--graupl-font-size-base, 1rem)*1)));padding:var(--graupl-input-padding,var(--graupl-input-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-input-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))))}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}label{font-size:var(--graupl-label-font-size,var(--graupl-input-font-size,var(--graupl-font-base,calc(var(--graupl-font-size-base, 1rem)*1))))}fieldset{border:var(--graupl-fieldset-border,var(--graupl-fieldset-border-width,var(--graupl-input-border-width,var(--graupl-border-width,2px))) var(--graupl-fieldset-border-style,var(--graupl-botton-border-style,var(--graupl-border-style,solid))));border-radius:var(--graupl-fieldset-border-radius,var(--graupl-input-border-radius,var(--graupl-border-radius,.125rem)));display:flex;flex-flow:var(--graupl-fieldset-direction,column) wrap;font-size:var(--graupl-fieldset-font-size,var(--graupl-input-font-size,var(--graupl-font-base,calc(var(--graupl-font-size-base, 1rem)*1))));gap:var(--graupl-fieldset-gap,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)));padding:var(--graupl-fieldset-padding,var(--graupl-fieldset-padding-y,var(--graupl-input-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5)))) var(--graupl-fieldset-padding-x,var(--graupl-input-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)))))}fieldset:disabled input,fieldset:disabled select,fieldset:disabled textarea{cursor:not-allowed}}@layer graupl.theme{input,select,textarea{accent-color:var(--graupl-input-accent-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))));background:var(--graupl-input-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));border-color:var(--graupl-input-border-color,var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b))));color:var(--graupl-input-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))}input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:var(--graupl-input-placeholder-color,var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484))))}input::placeholder,select::placeholder,textarea::placeholder{color:var(--graupl-input-placeholder-color,var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484))))}input:disabled,select:disabled,textarea:disabled{border-color:var(--graupl-input-disabled-border-color,var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb))));color:var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d))))}input:disabled::-moz-placeholder,select:disabled::-moz-placeholder,textarea:disabled::-moz-placeholder{color:var(--graupl-input-disabled-placeholder-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}input:disabled::placeholder,select:disabled::placeholder,textarea:disabled::placeholder{color:var(--graupl-input-disabled-placeholder-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}label{color:var(--graupl-label-color,var(--graupl-input-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}label:has(+input:disabled,+textarea:disabled,+select:disabled){color:var(--graupl-label-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}fieldset{background:var(--graupl-fieldset-background,var(--graupl-input-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-fieldset-border-color,var(--graupl-input-border-color,var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)))));color:var(--graupl-fieldset-color,var(--graupl-input-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}fieldset:disabled{border-color:var(--graupl-fieldset-disabled-border-color,var(--graupl-input-disabled-border-color,var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))));color:var(--graupl-fieldset-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}fieldset:disabled label{color:var(--graupl-label-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}}
2
2
  /*# sourceMappingURL=form.css.map */
package/dist/base/form.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/scss/mixins/_layer.scss","../../src/scss/base/form/_index.scss","../../src/scss/base/form/_variables.scss","form.css"],"names":[],"mappings":"AASI,mBCHF,sBAME,mFC6FkB,CD9FlB,+EC0FiB,CD3FjB,4ECuFiB,CDpFjB,qGCSc,CDbd,oNECF,CFKE,iDACE,kBEDJ,CFKA,MACE,mIEHF,CFMA,SAOE,wHCsFqB,CDvFrB,mHCmFoB,CDpFpB,gHCgFoB,CDpFpB,YAAA,CACA,sDAAA,CAMA,sICkBiB,CDvBjB,0FCOW,CDNX,yREAF,CFOI,4EAGE,kBELN,CACF,CHzBI,oBCoCF,sBAME,iKC0FiB,CD5FjB,2LCOe,CDRf,uKC2EiB,CDzEjB,mJEPF,CFUE,4EACE,qKENJ,CFKE,6DACE,qKENJ,CFSE,iDACE,gLCqEwB,CDpExB,kKELJ,CFOI,uGACE,iNEHN,CFEI,wFACE,iNEHN,CFQA,MACE,6KENF,CFQE,+DACE,qMENJ,CFUA,SAEE,6NCjBkB,CDgBlB,2MCuDoB,CDrDpB,gLERF,CFUE,kBACE,6NCsD2B,CDrD3B,wMERJ,CFUI,wBACE,qMERN,CACF","file":"form.css"}
1
+ {"version":3,"sources":["../../src/scss/mixins/_layer.scss","../../src/scss/base/form/_index.scss","../../src/scss/base/form/_variables.scss","form.css"],"names":[],"mappings":"AASI,mBCFF,sBAIE,oKCiGW,CDhGX,mFCoGkB,CDnGlB,0GCYc,CDfd,oNEDF,CFME,iDACE,kBEFJ,CFMA,MACE,wIEJF,CFOA,SAKE,+OC+Fc,CD9Fd,wHCkGqB,CDvGrB,YAAA,CACA,sDAAA,CAKA,2ICsBiB,CD1BjB,0FCUW,CDTX,yREFF,CFQI,4EAGE,kBENN,CACF,CHvBI,oBCmCF,sBAME,iKCsGiB,CDxGjB,2LCWe,CDZf,uKCuFiB,CDrFjB,mJERF,CFWE,4EACE,qKEPJ,CFME,6DACE,qKEPJ,CFUE,iDACE,gLCiFwB,CDhFxB,kKENJ,CFQI,uGACE,iNEJN,CFGI,wFACE,iNEJN,CFSA,MACE,6KEPF,CFSE,+DAKE,qMETJ,CFaA,SAEE,6NCjBkB,CDgBlB,2MC+DoB,CD7DpB,gLEXF,CFaE,kBACE,6NC8D2B,CD7D3B,wMEXJ,CFaI,wBACE,qMEXN,CACF","file":"form.css"}
package/dist/base/link.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer graupl.base{a{-webkit-text-decoration:var(--graupl-link-text-decoration,underline);text-decoration:var(--graupl-link-text-decoration,underline);text-decoration-thickness:var(--graupl-link-text-decoration-thickness,var(--graupl-border-width,2px))}a:disabled{cursor:not-allowed}}@layer graupl.theme{a{color:var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))))}a:hover{--graupl-link-color:var(--graupl-link-hover-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46))))}a:active{--graupl-link-color:var(--graupl-link-active-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46))))}a:visited,a:visited:hover{--graupl-link-color:var(--graupl-link-hover-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46))))}a[disabled]{pointer-events:none}a[disabled],a[disabled]:active,a[disabled]:hover,a[disabled]:visited{--graupl-link-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}}
1
+ @layer graupl.base{a{border:var(--graupl-link-border,var(--graupl-link-border-width,0) var(--graupl-link-border-style,var(--graupl-border-style,solid)));border-radius:var(--graupl-link-border-radius,var(--graupl-border-radius,.125rem));min-height:var(--graupl-link-min-height,auto);min-width:var(--graupl-link-min-width,auto);padding:var(--graupl-link-padding,var(--graupl-link-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-link-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));-webkit-text-decoration:var(--graupl-link-text-decoration,underline);text-decoration:var(--graupl-link-text-decoration,underline);text-decoration-style:var(--graupl-link-text-decoration-style,solid);text-decoration-thickness:var(--graupl-link-text-decoration-thickness,var(--graupl-border-width,2px));transform:var(--graupl-link-transform,none);transition:var(--graupl-link-transition,background var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease))}a:visited{--graupl-link-text-decoration:var(--graupl-link-visited-text-decoration,underline);--graupl-link-text-decoration-thickness:var(--graupl-link-visited-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-link-text-decoration-style:var(--graupl-link-visited-text-decoration-style,solid);--graupl-link-transform:var(--graupl-link-visited-transform,none)}a:focus-visible{--graupl-link-text-decoration:var(--graupl-link-focus-text-decoration,underline);--graupl-link-text-decoration-thickness:var(--graupl-link-focus-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-link-text-decoration-style:var(--graupl-link-focus-text-decoration-style,solid);--graupl-link-transform:var(--graupl-link-focus-transform,none)}a:hover{--graupl-link-text-decoration:var(--graupl-link-hover-text-decoration,underline);--graupl-link-text-decoration-thickness:var(--graupl-link-hover-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-link-text-decoration-style:var(--graupl-link-hover-text-decoration-style,solid);--graupl-link-transform:var(--graupl-link-hover-transform,none)}a:active{--graupl-link-text-decoration:var(--graupl-link-active-text-decoration,underline);--graupl-link-text-decoration-thickness:var(--graupl-link-active-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-link-text-decoration-style:var(--graupl-link-active-text-decoration-style,solid);--graupl-link-transform:var(--graupl-link-active-transform,none)}a:disabled,a[disabled]{cursor:not-allowed}a:disabled,a:disabled:active,a:disabled:focus-visible,a:disabled:hover,a:disabled:visited,a[disabled],a[disabled]:active,a[disabled]:focus-visible,a[disabled]:hover,a[disabled]:visited{--graupl-link-text-decoration:var(--graupl-link-disabled-text-decoration,underline);--graupl-link-text-decoration-thickness:var(--graupl-link-disabled-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-link-text-decoration-style:var(--graupl-link-disabled-text-decoration-style,solid);--graupl-link-transform:var(--graupl-link-disabled-transform,none)}a.stretched{isolation:isolate}a.stretched:before{content:"";inset:0;position:absolute;z-index:var(--graupl-stretched-link-z-index,5)}@media (prefers-reduced-motion:reduce){a{--graupl-link-transition:var(--graupl-link-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease))}}}@layer graupl.theme{a{background:var(--graupl-link-background,transparent);border-color:var(--graupl-link-border-color,transparent);color:var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))));text-decoration-color:var(--graupl-link-text-decoration-color,var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))))}a:visited{--graupl-link-color:var(--graupl-link-visited-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))));--graupl-link-background:var(--graupl-link-visited-background,transparent);--graupl-link-border-color:var(--graupl-link-visited-border-color,transparent);--graupl-link-text-decoration-color:var(--graupl-link-visited-text-decoration-color,var(--graupl-link-visited-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))))}a:focus-visible{--graupl-link-color:var(--graupl-link-focus-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))));--graupl-link-background:var(--graupl-link-focus-background,transparent);--graupl-link-border-color:var(--graupl-link-focus-border-color,transparent);--graupl-link-text-decoration-color:var(--graupl-link-focus-text-decoration-color,var(--graupl-link-focus-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))))}a:hover{--graupl-link-color:var(--graupl-link-hover-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46))));--graupl-link-background:var(--graupl-link-hover-background,transparent);--graupl-link-border-color:var(--graupl-link-hover-border-color,transparent);--graupl-link-text-decoration-color:var(--graupl-link-hover-text-decoration-color,var(--graupl-link-hover-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)))))}a:active{--graupl-link-color:var(--graupl-link-active-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46))));--graupl-link-background:var(--graupl-link-active-background,transparent);--graupl-link-border-color:var(--graupl-link-active-border-color,transparent);--graupl-link-text-decoration-color:var(--graupl-link-active-text-decoration-color,var(--graupl-link-active-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)))))}a:disabled,a:disabled:active,a:disabled:focus-visible,a:disabled:hover,a:disabled:visited,a[disabled],a[disabled]:active,a[disabled]:focus-visible,a[disabled]:hover,a[disabled]:visited{--graupl-link-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-link-background:var(--graupl-link-disabled-background,transparent);--graupl-link-border-color:var(--graupl-link-disabled-border-color,transparent);--graupl-link-text-decoration-color:var(--graupl-link-disabled-text-decoration-color,var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))))}}
2
2
  /*# sourceMappingURL=link.css.map */
package/dist/base/link.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/scss/mixins/_layer.scss","../../src/scss/base/link/_index.scss","link.css"],"names":[],"mappings":"AASI,mBCFF,EACE,oEAAA,CAAA,4DAAA,CACA,qGCLF,CDOE,WACE,kBCLJ,CACF,CFCI,oBCSF,EACE,kJCPF,CDSE,QACE,yKCPJ,CDUE,SACE,0KCRJ,CDaI,0BAEE,yKCZN,CDgBE,YACE,mBCdJ,CDgBI,qEAIE,yKCjBN,CACF","file":"link.css"}
1
+ {"version":3,"sources":["../../src/scss/mixins/_layer.scss","../../src/scss/base/link/_index.scss","../../src/scss/base/link/_variables.scss","link.css","../../src/scss/mixins/_media-queries.scss"],"names":[],"mappings":"AASI,mBCAF,EAME,mICoMU,CDnMV,kFCuMiB,CD5MjB,6CC4Oc,CD7Od,2CCyOa,CDvOb,gNCwJW,CDnJX,oECLmB,CDKnB,4DCLmB,CDMnB,oEC0CyB,CDzCzB,qGCiB6B,CDvB7B,2CCsKa,CDrKb,iVEFF,CFSE,UACE,kFAAA,CACA,2HAAA,CACA,0FAAA,CACA,iEEPJ,CFUE,gBACE,gFAAA,CACA,yHAAA,CACA,wFAAA,CACA,+DERJ,CFWE,QACE,gFAAA,CACA,yHAAA,CACA,wFAAA,CACA,+DETJ,CFYE,SACE,iFAAA,CACA,0HAAA,CACA,yFAAA,CACA,gEEVJ,CFaE,uBAEE,kBEZJ,CFcI,yLAKE,mFAAA,CACA,4HAAA,CACA,2FAAA,CACA,kEEhBN,CFoBE,YACE,iBElBJ,CFoBI,mBACE,UAAA,CAEA,OAAA,CADA,iBAAA,CAEA,8CElBN,CCxCA,uCHgEE,EACE,kLErBF,CACF,CACF,CHnDI,oBC4EF,EAEE,oDC6Cc,CD9Cd,wDCqIgB,CDnIhB,kJCJS,CDKT,2MEtBF,CFwBE,UACE,wKAAA,CACA,0EAAA,CACA,8EAAA,CACA,yOEtBJ,CFyBE,gBACE,sKAAA,CACA,wEAAA,CACA,4EAAA,CACA,qOEvBJ,CF0BE,QACE,yKAAA,CACA,wEAAA,CACA,4EAAA,CACA,wOExBJ,CF2BE,SACE,0KAAA,CACA,yEAAA,CACA,6EAAA,CACA,0OEzBJ,CF8BI,yLAKE,yKAAA,CACA,2EAAA,CACA,+EAAA,CACA,2OEhCN,CACF","file":"link.css"}
package/dist/base/table.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer graupl.base{table caption{caption-side:var(--graupl-table-caption-side,bottom);padding:var(--graupl-table-caption-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-table-caption-padding-x,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5)))}table th{background:var(--graupl-table-header-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));color:var(--graupl-table-header-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));font-weight:var(--graupl-table-header-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700)));padding:var(--graupl-table-header-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-table-header-padding-x,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5)))}table tbody th,table td{background:var(--graupl-table-cell-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));color:var(--graupl-table-cell-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));padding:var(--graupl-table-cell-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-table-cell-padding-x,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5)))}}
1
+ @layer graupl.base{table caption{caption-side:var(--graupl-table-caption-side,bottom);padding:var(--graupl-table-caption-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-table-caption-padding-x,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5)))}table th{font-weight:var(--graupl-table-header-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700)));padding:var(--graupl-table-header-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-table-header-padding-x,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5)))}table tbody th,table td{padding:var(--graupl-table-cell-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-table-cell-padding-x,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5)))}table.bordered,table.collapsed{border-collapse:collapse}table.bordered{border:var(--graupl-table-border,var(--graupl-table-border-width,var(--graupl-border-width,2px)) var(--graupl-table-border-style,var(--graupl-border-style,solid)))}table.bordered tr>*{border:var(--graupl-table-cell-border,var(--graupl-table-cell-border-width,var(--graupl-table-border-width,var(--graupl-border-width,2px))) var(--graupl-table-cell-border-style,var(--graupl-table-border-style,var(--graupl-border-style,solid))))}.responsive-table{display:block;overflow:scroll hidden;width:100%}.responsive-table table{margin-bottom:0;width:100%}}@layer graupl.theme{table .primary,table.primary{--graupl-table-header-background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-table-header-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)));--graupl-table-striped-background:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)));--graupl-table-striped-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-table-hover-background:var(--graupl-theme-active--primary--300,var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed)));--graupl-table-hover-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-table-border-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-table-highlight-background:var(--graupl-theme-active--primary--500,var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df)));--graupl-table-highlight-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))}table .secondary,table.secondary{--graupl-table-header-background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-table-header-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)));--graupl-table-striped-background:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)));--graupl-table-striped-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-table-hover-background:var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8)));--graupl-table-hover-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-table-border-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-table-highlight-background:var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093)));--graupl-table-highlight-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)))}table .tertiary,table.tertiary{--graupl-table-header-background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-table-header-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)));--graupl-table-striped-background:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)));--graupl-table-striped-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-table-hover-background:var(--graupl-theme-active--tertiary--300,var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92)));--graupl-table-hover-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-table-border-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-table-highlight-background:var(--graupl-theme-active--tertiary--500,var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36)));--graupl-table-highlight-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)))}table th{background:var(--graupl-table-header-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));color:var(--graupl-table-header-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}table tbody th,table td{background:var(--graupl-table-cell-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));color:var(--graupl-table-cell-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}table.bordered{border-color:var(--graupl-table-border-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))}table.bordered tr>*{border-color:var(--graupl-table-cell-border-color,var(--graupl-table-border-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}table.striped-columns tbody tr:nth-child(odd)>*,table.striped-rows tbody tr>:nth-child(odd){background:var(--graupl-table-striped-background,var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb))));color:var(--graupl-table-striped-color,var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124))))}table.hoverable tbody tr:hover>*{background:var(--graupl-table-hover-background,var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8))));color:var(--graupl-table-hover-color,var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124))))}table .highlight{--graupl-table-cell-background:var(--graupl-table-highlight-background,var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093))));--graupl-table-cell-color:var(--graupl-table-highlight-color,var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7))));--graupl-table-header-background:var(--graupl-table-highlight-background,var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093))));--graupl-table-header-color:var(--graupl-table-highlight-color,var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7))));--graupl-table-striped-background:var(--graupl-table-highlight-background,var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093))));--graupl-table-striped-color:var(--graupl-table-highlight-color,var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7))))}}
2
2
  /*# sourceMappingURL=table.css.map */
package/dist/base/table.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/scss/mixins/_layer.scss","../../src/scss/base/table/_index.scss","../../src/scss/base/table/_variables.scss","table.css"],"names":[],"mappings":"AASI,mBCFA,cAEE,oDCCe,CDFf,yMEHJ,CFOE,SAEE,kMCwBoB,CDvBpB,mLC2Be,CD1Bf,oHCSqB,CDZrB,uMEFJ,CFQE,wBAGE,gMCmCkB,CDlClB,iLCsCa,CDxCb,mMEJJ,CACF","file":"table.css"}
1
+ {"version":3,"sources":["../../src/scss/mixins/_layer.scss","../../src/scss/base/table/_index.scss","../../src/scss/base/table/_variables.scss","table.css"],"names":[],"mappings":"AASI,mBCCA,cAEE,oDCEe,CDHf,yMENJ,CFUE,SAEE,oHCYqB,CDbrB,uMEPJ,CFWE,wBAEE,mMETJ,CFgBE,+BAHE,wBENJ,CFSE,eAEE,mKEXJ,CFaI,oBACE,oPEXN,CFgBA,kBACE,aAAA,CAEA,sBAAA,CADA,UEbF,CFgBE,wBAEE,eAAA,CADA,UEbJ,CACF,CHxBI,oBC6CE,6BAGI,oJAAA,CAAA,+IAAA,CAAA,qJAAA,CAAA,gJAAA,CAAA,mJAAA,CAAA,8IAAA,CAAA,+IAAA,CAAA,uJAAA,CAAA,kJEXR,CFQI,iCAGI,0JAAA,CAAA,qJAAA,CAAA,2JAAA,CAAA,sJAAA,CAAA,yJAAA,CAAA,oJAAA,CAAA,qJAAA,CAAA,6JAAA,CAAA,wJECR,CFJI,+BAGI,uJAAA,CAAA,kJAAA,CAAA,wJAAA,CAAA,mJAAA,CAAA,sJAAA,CAAA,iJAAA,CAAA,kJAAA,CAAA,uJAAA,CAAA,qJEaR,CFLE,SACE,kMCxBoB,CDyBpB,mLEOJ,CFJE,wBAEE,gMCXkB,CDYlB,iLEMJ,CFHE,eACE,iKEKJ,CFHI,oBACE,uMEKN,CFSI,4FAGE,2KCUmB,CDTnB,iKELN,CFUI,iCAGE,yKCWiB,CDVjB,+JEVN,CFcE,iBACE,iMAAA,CACA,uLAAA,CACA,mMAAA,CACA,yLAAA,CACA,oMAAA,CACA,0LEZJ,CACF","file":"table.css"}
package/dist/base.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer graupl.base{input,select,textarea{border-radius:var(--graupl-input-border-radius,var(--graupl-border-radius,.125rem));border-style:var(--graupl-botton-border-style,var(--graupl-border-style,solid));border-width:var(--graupl-input-border-width,var(--graupl-border-width,2px));font-size:var(--graupl-input-font-size,var(--graupl-font-base,calc(var(--graupl-font-base, 1rem)*1)));padding:var(--graupl-input-padding,var(--graupl-input-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-input-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))))}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}label{font-size:var(--graupl-label-font-size,var(--graupl-input-font-size,var(--graupl-font-base,calc(var(--graupl-font-base, 1rem)*1))))}fieldset{border-radius:var(--graupl-fieldset-border-radius,var(--graupl-input-border-radius,var(--graupl-border-radius,.125rem)));border-style:var(--graupl-fieldset-border-style,var(--graupl-botton-border-style,var(--graupl-border-style,solid)));border-width:var(--graupl-fieldset-border-width,var(--graupl-input-border-width,var(--graupl-border-width,2px)));display:flex;flex-flow:var(--graupl-fieldset-direction,column) wrap;font-size:var(--graupl-fieldset-font-size,var(--graupl-input-font-size,var(--graupl-font-base,calc(var(--graupl-font-base, 1rem)*1))));gap:var(--graupl-fieldset-gap,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)));padding:var(--graupl-fieldset-padding,var(--graupl-fieldset-padding-y,var(--graupl-input-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5)))) var(--graupl-fieldset-padding-x,var(--graupl-input-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)))))}fieldset:disabled input,fieldset:disabled select,fieldset:disabled textarea{cursor:not-allowed}}@layer graupl.theme{input,select,textarea{accent-color:var(--graupl-input-accent-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))));background:var(--graupl-input-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));border-color:var(--graupl-input-border-color,var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b))));color:var(--graupl-input-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))}input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:var(--graupl-input-placeholder-color,var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484))))}input::placeholder,select::placeholder,textarea::placeholder{color:var(--graupl-input-placeholder-color,var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484))))}input:disabled,select:disabled,textarea:disabled{border-color:var(--graupl-input-disabled-border-color,var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb))));color:var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d))))}input:disabled::-moz-placeholder,select:disabled::-moz-placeholder,textarea:disabled::-moz-placeholder{color:var(--graupl-input-disabled-placeholder-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}input:disabled::placeholder,select:disabled::placeholder,textarea:disabled::placeholder{color:var(--graupl-input-disabled-placeholder-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}label{color:var(--graupl-label-color,var(--graupl-input-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}label:has(+input:disabled,+textarea:disabled,+select:disabled){color:var(--graupl-label-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}fieldset{background:var(--graupl-fieldset-background,var(--graupl-input-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-fieldset-border-color,var(--graupl-input-border-color,var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)))));color:var(--graupl-fieldset-color,var(--graupl-input-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}fieldset:disabled{border-color:var(--graupl-fieldset-disabled-border-color,var(--graupl-input-disabled-border-color,var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))));color:var(--graupl-fieldset-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}fieldset:disabled label{color:var(--graupl-label-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}}@layer graupl.base{a{-webkit-text-decoration:var(--graupl-link-text-decoration,underline);text-decoration:var(--graupl-link-text-decoration,underline);text-decoration-thickness:var(--graupl-link-text-decoration-thickness,var(--graupl-border-width,2px))}a:disabled{cursor:not-allowed}}@layer graupl.theme{a{color:var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))))}a:hover{--graupl-link-color:var(--graupl-link-hover-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46))))}a:active{--graupl-link-color:var(--graupl-link-active-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46))))}a:visited,a:visited:hover{--graupl-link-color:var(--graupl-link-hover-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46))))}a[disabled]{pointer-events:none}a[disabled],a[disabled]:active,a[disabled]:hover,a[disabled]:visited{--graupl-link-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}}@layer graupl.base{table caption{caption-side:var(--graupl-table-caption-side,bottom);padding:var(--graupl-table-caption-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-table-caption-padding-x,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5)))}table th{background:var(--graupl-table-header-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));color:var(--graupl-table-header-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));font-weight:var(--graupl-table-header-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700)));padding:var(--graupl-table-header-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-table-header-padding-x,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5)))}table tbody th,table td{background:var(--graupl-table-cell-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));color:var(--graupl-table-cell-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));padding:var(--graupl-table-cell-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-table-cell-padding-x,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5)))}}
1
+ @layer graupl.base{.button{align-items:center;border:var(--graupl-button-border,var(--graupl-button-border-width,var(--graupl-border-width,2px)) var(--graupl-botton-border-style,var(--graupl-border-style,solid)));border-radius:var(--graupl-button-border-radius,var(--graupl-border-radius,.125rem));cursor:pointer;display:flex;font-size:var(--graupl-button-font-size,var(--graupl-font-base,calc(var(--graupl-font-size-base, 1rem)*1)));justify-content:center;min-height:var(--graupl-button-min-height,44px);min-width:var(--graupl-button-min-width,44px);padding:var(--graupl-button-padding,var(--graupl-button-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-button-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));transform:var(--graupl-button-transform,none);transition:var(--graupl-button-transition,background var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease))}.button:visited{--graupl-button-transform:var(--graupl-button-visited-transform,none)}.button:focus-visible{--graupl-button-transform:var(--graupl-button-focus-transform,none)}.button:hover{--graupl-button-transform:var(--graupl-button-hover-transform,none)}.button:active{--graupl-button-transform:var(--graupl-button-active-transform,scale(0.95))}.button:disabled,.button[disabled]{cursor:not-allowed}.button:disabled,.button:disabled:active,.button:disabled:focus-visible,.button:disabled:hover,.button:disabled:visited,.button[disabled],.button[disabled]:active,.button[disabled]:focus-visible,.button[disabled]:hover,.button[disabled]:visited{--graupl-button-transform:var(--graupl-button-disabled-transform,none)}.button.link{--graupl-button-padding:var(--graupl-link-padding,var(--graupl-link-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-link-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));--graupl-button-transition:var(--graupl-link-transition,background var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease));--graupl-button-transition-reduced-motion:var(--graupl-link-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease));--graupl-button-transform:var(--graupl-link-transform,none);--graupl-button-visited-transform:var(--graupl-link-visited-transform,none);--graupl-button-focus-transform:var(--graupl-link-transform,none);--graupl-button-hover-transform:var(--graupl-link-hover-transform,none);--graupl-button-active-transform:var(--graupl-link-active-transform,none);--graupl-button-border-width:var(--graupl-link-border-width,0);--graupl-button-border-style:var(--graupl-link-border-style,var(--graupl-border-style,solid));--graupl-button-border-radius:var(--graupl-link-border-radius,var(--graupl-border-radius,0.125rem));--graupl-button-min-width:var(--graupl-link-min-width,auto);--graupl-button-min-height:var(--graupl-link-min-height,auto);--graupl-button-font-size:inherit;-webkit-text-decoration:var(--graupl-link-text-decoration,underline);text-decoration:var(--graupl-link-text-decoration,underline);text-decoration-style:var(--graupl-link-text-decoration-style,solid);text-decoration-thickness:var(--graupl-link-text-decoration-thickness,var(--graupl-border-width,2px))}a.button:not(.link){--graupl-link-padding:var(--graupl-button-padding,var(--graupl-button-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*0.5))) var(--graupl-button-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));--graupl-link-transition:var(--graupl-button-transition,background var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease));--graupl-link-transition-reduced-motion:var(--graupl-button-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease));--graupl-link-transform:var(--graupl-button-transform,none);--graupl-link-visited-transform:var(--graupl-button-visited-transform,none);--graupl-link-focus-transform:var(--graupl-button-focus-transform,none);--graupl-link-hover-transform:var(--graupl-button-hover-transform,none);--graupl-link-active-transform:var(--graupl-button-active-transform,scale(0.95));--graupl-link-disabled-transform:var(--graupl-button-disabled-transform,none);--graupl-link-border-width:var(--graupl-button-border-width,var(--graupl-border-width,2px));--graupl-link-border-style:var(--graupl-botton-border-style,var(--graupl-border-style,solid));--graupl-link-border-radius:var(--graupl-button-border-radius,var(--graupl-border-radius,0.125rem));--graupl-link-min-width:var(--graupl-button-min-width,44px);--graupl-link-min-height:var(--graupl-button-min-height,44px);--graupl-link-text-decoration:none;--graupl-link-visited-text-decoration:none;--graupl-link-focus-text-decoration:none;--graupl-link-hover-text-decoration:none;--graupl-link-active-text-decoration:none;--graupl-link-disabled-text-decoration:none}@media (prefers-reduced-motion:reduce){.button{--graupl-button-transition:var(--graupl-button-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease))}}}@layer graupl.theme{.button{background:var(--graupl-button-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));border-color:var(--graupl-button-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));color:var(--graupl-button-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.button.primary{--graupl-button-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-button-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-visited-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-button-visited-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-focus-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-button-focus-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-hover-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)));--graupl-button-hover-background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-hover-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-active-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)));--graupl-button-active-background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-active-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-disabled-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)));--graupl-button-disabled-border-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))}.button.secondary{--graupl-button-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-button-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-visited-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-button-visited-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-focus-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-button-focus-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-hover-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)));--graupl-button-hover-background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-hover-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-active-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)));--graupl-button-active-background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-active-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-disabled-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)));--graupl-button-disabled-border-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))}.button.tertiary{--graupl-button-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-button-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-visited-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-button-visited-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-focus-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-button-focus-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-hover-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)));--graupl-button-hover-background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-hover-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-active-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)));--graupl-button-active-background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-active-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-disabled-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)));--graupl-button-disabled-border-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))}.button.link{--graupl-button-color:var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))));--graupl-button-visited-color:var(--graupl-link-visited-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))));--graupl-button-focus-color:var(--graupl-link-focus-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))));--graupl-button-hover-color:var(--graupl-link-hover-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46))));--graupl-button-active-color:var(--graupl-link-active-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46))));--graupl-button-disabled-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-button-background:var(--graupl-link-background,transparent);--graupl-button-visited-background:var(--graupl-link-visited-background,transparent);--graupl-button-focus-background:var(--graupl-link-focus-background,transparent);--graupl-button-hover-background:var(--graupl-link-hover-background,transparent);--graupl-button-active-background:var(--graupl-link-active-background,transparent);--graupl-button-disabled-background:var(--graupl-link-disabled-background,transparent);--graupl-button-border-color:var(--graupl-link-border-color,transparent);--graupl-button-visited-border-color:var(--graupl-link-visited-border-color,transparent);--graupl-button-focus-border-color:var(--graupl-link-focus-border-color,transparent);--graupl-button-hover-border-color:var(--graupl-link-hover-border-color,transparent);--graupl-button-active-border-color:var(--graupl-link-active-border-color,transparent);--graupl-button-disabled-border-color:var(--graupl-link-disabled-border-color,transparent)}.button:visited{--graupl-button-border-color:var(--graupl-button-visited-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-button-background:var(--graupl-button-visited-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-visited-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.button:focus-visible{--graupl-button-border-color:var(--graupl-button-focus-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-button-background:var(--graupl-button-focus-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-focus-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.button:hover{--graupl-button-border-color:var(--graupl-button-hover-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-button-background:var(--graupl-button-hover-background,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));--graupl-button-color:var(--graupl-button-hover-color,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))}.button:active{--graupl-button-border-color:var(--graupl-button-active-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-button-background:var(--graupl-button-active-background,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));--graupl-button-color:var(--graupl-button-active-color,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))}.button:disabled,.button:disabled:active,.button:disabled:focus-visible,.button:disabled:hover,.button:disabled:visited,.button[disabled],.button[disabled]:active,.button[disabled]:focus-visible,.button[disabled]:hover,.button[disabled]:visited{--graupl-button-border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-button-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-button-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a.button:not(.link){--graupl-link-color:var(--graupl-button-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-link-visited-color:var(--graupl-button-visited-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-link-focus-color:var(--graupl-button-focus-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-link-hover-color:var(--graupl-button-hover-color,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))));--graupl-link-active-color:var(--graupl-button-active-color,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))));--graupl-link-disabled-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-link-background:var(--graupl-button-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-link-visited-background:var(--graupl-button-visited-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-link-focus-background:var(--graupl-button-focus-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-link-hover-background:var(--graupl-button-hover-background,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));--graupl-link-active-background:var(--graupl-button-active-background,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));--graupl-link-disabled-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-link-border-color:var(--graupl-button-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-link-visited-border-color:var(--graupl-button-visited-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-link-focus-border-color:var(--graupl-button-focus-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-link-hover-border-color:var(--graupl-button-hover-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-link-active-border-color:var(--graupl-button-active-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-link-disabled-border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}}@layer graupl.base{input,select,textarea{border:var(--graupl-input-border,var(--graupl-input-border-width,var(--graupl-border-width,2px)) var(--graupl-botton-border-style,var(--graupl-border-style,solid)));border-radius:var(--graupl-input-border-radius,var(--graupl-border-radius,.125rem));font-size:var(--graupl-input-font-size,var(--graupl-font-base,calc(var(--graupl-font-size-base, 1rem)*1)));padding:var(--graupl-input-padding,var(--graupl-input-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-input-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))))}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}label{font-size:var(--graupl-label-font-size,var(--graupl-input-font-size,var(--graupl-font-base,calc(var(--graupl-font-size-base, 1rem)*1))))}fieldset{border:var(--graupl-fieldset-border,var(--graupl-fieldset-border-width,var(--graupl-input-border-width,var(--graupl-border-width,2px))) var(--graupl-fieldset-border-style,var(--graupl-botton-border-style,var(--graupl-border-style,solid))));border-radius:var(--graupl-fieldset-border-radius,var(--graupl-input-border-radius,var(--graupl-border-radius,.125rem)));display:flex;flex-flow:var(--graupl-fieldset-direction,column) wrap;font-size:var(--graupl-fieldset-font-size,var(--graupl-input-font-size,var(--graupl-font-base,calc(var(--graupl-font-size-base, 1rem)*1))));gap:var(--graupl-fieldset-gap,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)));padding:var(--graupl-fieldset-padding,var(--graupl-fieldset-padding-y,var(--graupl-input-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5)))) var(--graupl-fieldset-padding-x,var(--graupl-input-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)))))}fieldset:disabled input,fieldset:disabled select,fieldset:disabled textarea{cursor:not-allowed}}@layer graupl.theme{input,select,textarea{accent-color:var(--graupl-input-accent-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))));background:var(--graupl-input-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));border-color:var(--graupl-input-border-color,var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b))));color:var(--graupl-input-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))}input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:var(--graupl-input-placeholder-color,var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484))))}input::placeholder,select::placeholder,textarea::placeholder{color:var(--graupl-input-placeholder-color,var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484))))}input:disabled,select:disabled,textarea:disabled{border-color:var(--graupl-input-disabled-border-color,var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb))));color:var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d))))}input:disabled::-moz-placeholder,select:disabled::-moz-placeholder,textarea:disabled::-moz-placeholder{color:var(--graupl-input-disabled-placeholder-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}input:disabled::placeholder,select:disabled::placeholder,textarea:disabled::placeholder{color:var(--graupl-input-disabled-placeholder-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}label{color:var(--graupl-label-color,var(--graupl-input-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}label:has(+input:disabled,+textarea:disabled,+select:disabled){color:var(--graupl-label-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}fieldset{background:var(--graupl-fieldset-background,var(--graupl-input-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-fieldset-border-color,var(--graupl-input-border-color,var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)))));color:var(--graupl-fieldset-color,var(--graupl-input-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}fieldset:disabled{border-color:var(--graupl-fieldset-disabled-border-color,var(--graupl-input-disabled-border-color,var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))));color:var(--graupl-fieldset-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}fieldset:disabled label{color:var(--graupl-label-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}}@layer graupl.base{a{border:var(--graupl-link-border,var(--graupl-link-border-width,0) var(--graupl-link-border-style,var(--graupl-border-style,solid)));border-radius:var(--graupl-link-border-radius,var(--graupl-border-radius,.125rem));min-height:var(--graupl-link-min-height,auto);min-width:var(--graupl-link-min-width,auto);padding:var(--graupl-link-padding,var(--graupl-link-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-link-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));-webkit-text-decoration:var(--graupl-link-text-decoration,underline);text-decoration:var(--graupl-link-text-decoration,underline);text-decoration-style:var(--graupl-link-text-decoration-style,solid);text-decoration-thickness:var(--graupl-link-text-decoration-thickness,var(--graupl-border-width,2px));transform:var(--graupl-link-transform,none);transition:var(--graupl-link-transition,background var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease))}a:visited{--graupl-link-text-decoration:var(--graupl-link-visited-text-decoration,underline);--graupl-link-text-decoration-thickness:var(--graupl-link-visited-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-link-text-decoration-style:var(--graupl-link-visited-text-decoration-style,solid);--graupl-link-transform:var(--graupl-link-visited-transform,none)}a:focus-visible{--graupl-link-text-decoration:var(--graupl-link-focus-text-decoration,underline);--graupl-link-text-decoration-thickness:var(--graupl-link-focus-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-link-text-decoration-style:var(--graupl-link-focus-text-decoration-style,solid);--graupl-link-transform:var(--graupl-link-focus-transform,none)}a:hover{--graupl-link-text-decoration:var(--graupl-link-hover-text-decoration,underline);--graupl-link-text-decoration-thickness:var(--graupl-link-hover-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-link-text-decoration-style:var(--graupl-link-hover-text-decoration-style,solid);--graupl-link-transform:var(--graupl-link-hover-transform,none)}a:active{--graupl-link-text-decoration:var(--graupl-link-active-text-decoration,underline);--graupl-link-text-decoration-thickness:var(--graupl-link-active-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-link-text-decoration-style:var(--graupl-link-active-text-decoration-style,solid);--graupl-link-transform:var(--graupl-link-active-transform,none)}a:disabled,a[disabled]{cursor:not-allowed}a:disabled,a:disabled:active,a:disabled:focus-visible,a:disabled:hover,a:disabled:visited,a[disabled],a[disabled]:active,a[disabled]:focus-visible,a[disabled]:hover,a[disabled]:visited{--graupl-link-text-decoration:var(--graupl-link-disabled-text-decoration,underline);--graupl-link-text-decoration-thickness:var(--graupl-link-disabled-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-link-text-decoration-style:var(--graupl-link-disabled-text-decoration-style,solid);--graupl-link-transform:var(--graupl-link-disabled-transform,none)}a.stretched{isolation:isolate}a.stretched:before{content:"";inset:0;position:absolute;z-index:var(--graupl-stretched-link-z-index,5)}@media (prefers-reduced-motion:reduce){a{--graupl-link-transition:var(--graupl-link-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease))}}}@layer graupl.theme{a{background:var(--graupl-link-background,transparent);border-color:var(--graupl-link-border-color,transparent);color:var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))));text-decoration-color:var(--graupl-link-text-decoration-color,var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))))}a:visited{--graupl-link-color:var(--graupl-link-visited-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))));--graupl-link-background:var(--graupl-link-visited-background,transparent);--graupl-link-border-color:var(--graupl-link-visited-border-color,transparent);--graupl-link-text-decoration-color:var(--graupl-link-visited-text-decoration-color,var(--graupl-link-visited-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))))}a:focus-visible{--graupl-link-color:var(--graupl-link-focus-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))));--graupl-link-background:var(--graupl-link-focus-background,transparent);--graupl-link-border-color:var(--graupl-link-focus-border-color,transparent);--graupl-link-text-decoration-color:var(--graupl-link-focus-text-decoration-color,var(--graupl-link-focus-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))))}a:hover{--graupl-link-color:var(--graupl-link-hover-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46))));--graupl-link-background:var(--graupl-link-hover-background,transparent);--graupl-link-border-color:var(--graupl-link-hover-border-color,transparent);--graupl-link-text-decoration-color:var(--graupl-link-hover-text-decoration-color,var(--graupl-link-hover-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)))))}a:active{--graupl-link-color:var(--graupl-link-active-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46))));--graupl-link-background:var(--graupl-link-active-background,transparent);--graupl-link-border-color:var(--graupl-link-active-border-color,transparent);--graupl-link-text-decoration-color:var(--graupl-link-active-text-decoration-color,var(--graupl-link-active-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)))))}a:disabled,a:disabled:active,a:disabled:focus-visible,a:disabled:hover,a:disabled:visited,a[disabled],a[disabled]:active,a[disabled]:focus-visible,a[disabled]:hover,a[disabled]:visited{--graupl-link-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-link-background:var(--graupl-link-disabled-background,transparent);--graupl-link-border-color:var(--graupl-link-disabled-border-color,transparent);--graupl-link-text-decoration-color:var(--graupl-link-disabled-text-decoration-color,var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))))}}@layer graupl.base{table caption{caption-side:var(--graupl-table-caption-side,bottom);padding:var(--graupl-table-caption-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-table-caption-padding-x,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5)))}table th{font-weight:var(--graupl-table-header-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700)));padding:var(--graupl-table-header-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-table-header-padding-x,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5)))}table tbody th,table td{padding:var(--graupl-table-cell-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-table-cell-padding-x,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5)))}table.bordered,table.collapsed{border-collapse:collapse}table.bordered{border:var(--graupl-table-border,var(--graupl-table-border-width,var(--graupl-border-width,2px)) var(--graupl-table-border-style,var(--graupl-border-style,solid)))}table.bordered tr>*{border:var(--graupl-table-cell-border,var(--graupl-table-cell-border-width,var(--graupl-table-border-width,var(--graupl-border-width,2px))) var(--graupl-table-cell-border-style,var(--graupl-table-border-style,var(--graupl-border-style,solid))))}.responsive-table{display:block;overflow:scroll hidden;width:100%}.responsive-table table{margin-bottom:0;width:100%}}@layer graupl.theme{table .primary,table.primary{--graupl-table-header-background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-table-header-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)));--graupl-table-striped-background:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)));--graupl-table-striped-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-table-hover-background:var(--graupl-theme-active--primary--300,var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed)));--graupl-table-hover-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-table-border-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-table-highlight-background:var(--graupl-theme-active--primary--500,var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df)));--graupl-table-highlight-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))}table .secondary,table.secondary{--graupl-table-header-background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-table-header-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)));--graupl-table-striped-background:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)));--graupl-table-striped-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-table-hover-background:var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8)));--graupl-table-hover-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-table-border-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-table-highlight-background:var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093)));--graupl-table-highlight-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)))}table .tertiary,table.tertiary{--graupl-table-header-background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-table-header-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)));--graupl-table-striped-background:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)));--graupl-table-striped-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-table-hover-background:var(--graupl-theme-active--tertiary--300,var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92)));--graupl-table-hover-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-table-border-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-table-highlight-background:var(--graupl-theme-active--tertiary--500,var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36)));--graupl-table-highlight-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)))}table th{background:var(--graupl-table-header-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));color:var(--graupl-table-header-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}table tbody th,table td{background:var(--graupl-table-cell-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));color:var(--graupl-table-cell-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}table.bordered{border-color:var(--graupl-table-border-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))}table.bordered tr>*{border-color:var(--graupl-table-cell-border-color,var(--graupl-table-border-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}table.striped-columns tbody tr:nth-child(odd)>*,table.striped-rows tbody tr>:nth-child(odd){background:var(--graupl-table-striped-background,var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb))));color:var(--graupl-table-striped-color,var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124))))}table.hoverable tbody tr:hover>*{background:var(--graupl-table-hover-background,var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8))));color:var(--graupl-table-hover-color,var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124))))}table .highlight{--graupl-table-cell-background:var(--graupl-table-highlight-background,var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093))));--graupl-table-cell-color:var(--graupl-table-highlight-color,var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7))));--graupl-table-header-background:var(--graupl-table-highlight-background,var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093))));--graupl-table-header-color:var(--graupl-table-highlight-color,var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7))));--graupl-table-striped-background:var(--graupl-table-highlight-background,var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093))));--graupl-table-striped-color:var(--graupl-table-highlight-color,var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7))))}}
2
2
  /*# sourceMappingURL=base.css.map */
package/dist/base.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/scss/mixins/_layer.scss","../src/scss/base/form/_index.scss","../src/scss/base/form/_variables.scss","base.css","../src/scss/base/link/_index.scss","../src/scss/base/table/_index.scss","../src/scss/base/table/_variables.scss"],"names":[],"mappings":"AASI,mBCHF,sBAME,mFC6FkB,CD9FlB,+EC0FiB,CD3FjB,4ECuFiB,CDpFjB,qGCSc,CDbd,oNECF,CFKE,iDACE,kBEDJ,CFKA,MACE,mIEHF,CFMA,SAOE,wHCsFqB,CDvFrB,mHCmFoB,CDpFpB,gHCgFoB,CDpFpB,YAAA,CACA,sDAAA,CAMA,sICkBiB,CDvBjB,0FCOW,CDNX,yREAF,CFOI,4EAGE,kBELN,CACF,CHzBI,oBCoCF,sBAME,iKC0FiB,CD5FjB,2LCOe,CDRf,uKC2EiB,CDzEjB,mJEPF,CFUE,4EACE,qKENJ,CFKE,6DACE,qKENJ,CFSE,iDACE,gLCqEwB,CDpExB,kKELJ,CFOI,uGACE,iNEHN,CFEI,wFACE,iNEHN,CFQA,MACE,6KENF,CFQE,+DACE,qMENJ,CFUA,SAEE,6NCjBkB,CDgBlB,2MCuDoB,CDrDpB,gLERF,CFUE,kBACE,6NCsD2B,CDrD3B,wMERJ,CFUI,wBACE,qMERN,CACF,CHrEI,mBIFF,EACE,oEAAA,CAAA,4DAAA,CACA,qGD0EF,CCxEE,WACE,kBD0EJ,CACF,CH9EI,oBISF,EACE,kJDwEF,CCtEE,QACE,yKDwEJ,CCrEE,SACE,0KDuEJ,CClEI,0BAEE,yKDmEN,CC/DE,YACE,mBDiEJ,CC/DI,qEAIE,yKD8DN,CACF,CHlGI,mBKFA,cAEE,oDCCe,CDFf,yMFwGJ,CEpGE,SAEE,kMCwBoB,CDvBpB,mLC2Be,CD1Bf,oHCSqB,CDZrB,uMFyGJ,CEnGE,wBAGE,gMCmCkB,CDlClB,iLCsCa,CDxCb,mMFuGJ,CACF","file":"base.css"}
1
+ {"version":3,"sources":["../src/scss/mixins/_layer.scss","../src/scss/base/button/_index.scss","../src/scss/base/button/_variables.scss","base.css","../src/scss/base/link/_variables.scss","../src/scss/mixins/_media-queries.scss","../src/scss/base/form/_index.scss","../src/scss/base/form/_variables.scss","../src/scss/base/link/_index.scss","../src/scss/base/table/_index.scss","../src/scss/base/table/_variables.scss"],"names":[],"mappings":"AASI,mBCKF,QAEE,kBAAA,CAOA,sKCkHY,CDjHZ,oFCqHmB,CDnHnB,cAAA,CAXA,YAAA,CAUA,2GCSe,CDjBf,sBAAA,CAEA,+CCDgB,CDAhB,6CCJe,CDMf,uNCUa,CDTb,6CC8Be,CD7Bf,mVEPF,CFaE,gBACE,qEEXJ,CFcE,sBACE,mEEZJ,CFeE,cACE,mEEbJ,CFgBE,eACE,2EEdJ,CFiBE,mCAEE,kBEhBJ,CFkBI,qPAKE,sEEpBN,CFwBE,aACE,gOAAA,CACA,oWAAA,CACA,mMAAA,CACA,2DAAA,CACA,2EAAA,CACA,iEAAA,CACA,uEAAA,CACA,yEAAA,CACA,8DAAA,CACA,6FAAA,CACA,mGAAA,CACA,2DAAA,CACA,6DAAA,CACA,iCAAA,CAEA,oEG7DiB,CH6DjB,4DG7DiB,CH+DjB,oEGfuB,CHcvB,qGEtBJ,CF4BE,oBACE,sOAAA,CACA,oWAAA,CACA,mMAAA,CACA,2DAAA,CACA,2EAAA,CACA,uEAAA,CACA,uEAAA,CACA,gFAAA,CACA,6EAAA,CACA,2FAAA,CACA,6FAAA,CACA,mGAAA,CACA,2DAAA,CACA,6DAAA,CACA,kCAAA,CACA,0CAAA,CACA,wCAAA,CACA,wCAAA,CACA,yCAAA,CACA,2CE1BJ,CE5DA,uCJ2FE,QACE,sLE5BF,CACF,CACF,CHvEI,oBCuGF,QAEE,4LCrCgB,CDoChB,2LCkCkB,CDhClB,6KE7BF,CFgCI,gBAEI,yIAAA,CAAA,gJAAA,CAAA,iJAAA,CAAA,wJAAA,CAAA,+IAAA,CAAA,sJAAA,CAAA,+IAAA,CAAA,oJAAA,CAAA,sJAAA,CAAA,gJAAA,CAAA,qJAAA,CAAA,uJAAA,CAAA,kJAAA,CAAA,yJElBR,CFgBI,kBAEI,+IAAA,CAAA,sJAAA,CAAA,uJAAA,CAAA,8JAAA,CAAA,qJAAA,CAAA,4JAAA,CAAA,qJAAA,CAAA,0JAAA,CAAA,4JAAA,CAAA,sJAAA,CAAA,2JAAA,CAAA,6JAAA,CAAA,wJAAA,CAAA,+JEFR,CFAI,iBAEI,4IAAA,CAAA,mJAAA,CAAA,oJAAA,CAAA,2JAAA,CAAA,kJAAA,CAAA,yJAAA,CAAA,kJAAA,CAAA,uJAAA,CAAA,yJAAA,CAAA,mJAAA,CAAA,wJAAA,CAAA,0JAAA,CAAA,qJAAA,CAAA,4JEcR,CFNE,aACE,kKAAA,CACA,kLAAA,CACA,8KAAA,CACA,iLAAA,CACA,mLAAA,CACA,oLAAA,CACA,oEAAA,CACA,oFAAA,CACA,gFAAA,CACA,gFAAA,CACA,kFAAA,CACA,sFAAA,CACA,wEAAA,CACA,wFAAA,CACA,oFAAA,CACA,oFAAA,CACA,sFAAA,CACA,0FEQJ,CFLE,gBACE,mNAAA,CACA,oNAAA,CACA,qMEOJ,CFJE,sBACE,iNAAA,CACA,kNAAA,CACA,mMEMJ,CFHE,cACE,iNAAA,CACA,oLAAA,CACA,0KEKJ,CFFE,eACE,kNAAA,CACA,qLAAA,CACA,2KEIJ,CFCI,qPAKE,2LAAA,CACA,qNAAA,CACA,6KEHN,CFSE,oBACE,2LAAA,CACA,2MAAA,CACA,uMAAA,CACA,8KAAA,CACA,gLAAA,CACA,oLAAA,CACA,0MAAA,CACA,0NAAA,CACA,sNAAA,CACA,wLAAA,CACA,0LAAA,CACA,4NAAA,CACA,yMAAA,CACA,yNAAA,CACA,qNAAA,CACA,qNAAA,CACA,uNAAA,CACA,kMEPJ,CACF,CH/LI,mBMFF,sBAIE,oKCiGW,CDhGX,mFCoGkB,CDnGlB,0GCYc,CDfd,oNHuMF,CGlME,iDACE,kBHsMJ,CGlMA,MACE,wIHoMF,CGjMA,SAKE,+OC+Fc,CD9Fd,wHCkGqB,CDvGrB,YAAA,CACA,sDAAA,CAKA,2ICsBiB,CD1BjB,0FCUW,CDTX,yRHsMF,CGhMI,4EAGE,kBHkMN,CACF,CH/NI,oBMmCF,sBAME,iKCsGiB,CDxGjB,2LCWe,CDZf,uKCuFiB,CDrFjB,mJHgMF,CG7LE,4EACE,qKHiMJ,CGlME,6DACE,qKHiMJ,CG9LE,iDACE,gLCiFwB,CDhFxB,kKHkMJ,CGhMI,uGACE,iNHoMN,CGrMI,wFACE,iNHoMN,CG/LA,MACE,6KHiMF,CG/LE,+DAKE,qMH+LJ,CG3LA,SAEE,6NCjBkB,CDgBlB,2MC+DoB,CD7DpB,gLH6LF,CG3LE,kBACE,6NC8D2B,CD7D3B,wMH6LJ,CG3LI,wBACE,qMH6LN,CACF,CH7QI,mBQAF,EAME,mIJoMU,CInMV,kFJuMiB,CI5MjB,6CJ4Oc,CI7Od,2CJyOa,CIvOb,gNJwJW,CInJX,oEJLmB,CIKnB,4DJLmB,CIMnB,oEJ0CyB,CIzCzB,qGJiB6B,CIvB7B,2CJsKa,CIrKb,iVLqRF,CK9QE,UACE,kFAAA,CACA,2HAAA,CACA,0FAAA,CACA,iELgRJ,CK7QE,gBACE,gFAAA,CACA,yHAAA,CACA,wFAAA,CACA,+DL+QJ,CK5QE,QACE,gFAAA,CACA,yHAAA,CACA,wFAAA,CACA,+DL8QJ,CK3QE,SACE,iFAAA,CACA,0HAAA,CACA,yFAAA,CACA,gEL6QJ,CK1QE,uBAEE,kBL2QJ,CKzQI,yLAKE,mFAAA,CACA,4HAAA,CACA,2FAAA,CACA,kELuQN,CKnQE,YACE,iBLqQJ,CKnQI,mBACE,UAAA,CAEA,OAAA,CADA,iBAAA,CAEA,8CLqQN,CE/TA,uCGgEE,EACE,kLLkQF,CACF,CACF,CH1UI,oBQ4EF,EAEE,oDJ6Cc,CI9Cd,wDJqIgB,CInIhB,kJJJS,CIKT,2MLiQF,CK/PE,UACE,wKAAA,CACA,0EAAA,CACA,8EAAA,CACA,yOLiQJ,CK9PE,gBACE,sKAAA,CACA,wEAAA,CACA,4EAAA,CACA,qOLgQJ,CK7PE,QACE,yKAAA,CACA,wEAAA,CACA,4EAAA,CACA,wOL+PJ,CK5PE,SACE,0KAAA,CACA,yEAAA,CACA,6EAAA,CACA,0OL8PJ,CKzPI,yLAKE,yKAAA,CACA,2EAAA,CACA,+EAAA,CACA,2OLuPN,CACF,CHhXI,mBSCA,cAEE,oDCEe,CDHf,yMNmXJ,CM/WE,SAEE,oHCYqB,CDbrB,uMNkXJ,CM9WE,wBAEE,mMNgXJ,CMzWE,+BAHE,wBNmXJ,CMhXE,eAEE,mKN8WJ,CM5WI,oBACE,oPN8WN,CMzWA,kBACE,aAAA,CAEA,sBAAA,CADA,UN4WF,CMzWE,wBAEE,eAAA,CADA,UN4WJ,CACF,CHjZI,oBS6CE,6BAGI,oJAAA,CAAA,+IAAA,CAAA,qJAAA,CAAA,gJAAA,CAAA,mJAAA,CAAA,8IAAA,CAAA,+IAAA,CAAA,uJAAA,CAAA,kJN8WR,CMjXI,iCAGI,0JAAA,CAAA,qJAAA,CAAA,2JAAA,CAAA,sJAAA,CAAA,yJAAA,CAAA,oJAAA,CAAA,qJAAA,CAAA,6JAAA,CAAA,wJN0XR,CM7XI,+BAGI,uJAAA,CAAA,kJAAA,CAAA,wJAAA,CAAA,mJAAA,CAAA,sJAAA,CAAA,iJAAA,CAAA,kJAAA,CAAA,uJAAA,CAAA,qJNsYR,CM9XE,SACE,kMCxBoB,CDyBpB,mLNgYJ,CM7XE,wBAEE,gMCXkB,CDYlB,iLN+XJ,CM5XE,eACE,iKN8XJ,CM5XI,oBACE,uMN8XN,CMhXI,4FAGE,2KCUmB,CDTnB,iKNoXN,CM/WI,iCAGE,yKCWiB,CDVjB,+JN+WN,CM3WE,iBACE,iMAAA,CACA,uLAAA,CACA,mMAAA,CACA,yLAAA,CACA,oMAAA,CACA,0LN6WJ,CACF","file":"base.css"}
package/dist/component/card.css ADDED
@@ -0,0 +1,2 @@
1
+ @layer graupl.component{.card{border:var(--graupl-card-border,var(--graupl-card-border-width,var(--graupl-border-width,2px)) var(--graupl-card-border-style,var(--graupl-border-style,solid)));border-radius:var(--graupl-card-border-radius,var(--graupl-card-top-left-border-radius,var(--graupl-border-radius,.125rem)) var(--graupl-card-top-right-border-radius,var(--graupl-border-radius,.125rem)) var(--graupl-card-bottom-right-border-radius,var(--graupl-border-radius,.125rem)) var(--graupl-card-bottom-left-border-radius,var(--graupl-border-radius,.125rem)));display:grid;gap:var(--graupl-card-gap,var(--graupl-card-column-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-card-row-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));grid-template-columns:1fr;grid-template-rows:[image-start] var(--graupl-card-image-ratio,auto) [image-end content-start] var(--graupl-card-content-ratio,1fr) [content-end];isolation:isolate;padding:var(--graupl-card-padding,var(--graupl-card-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-card-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));position:relative;transform:var(--graupl-card-transform,none);transition:var(--graupl-card-transition,transform var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease))}.card:hover{--graupl-card-transform:var(--graupl-card-hover-transform,none)}.card.horizontal,.card.horizontal.left{--graupl-card-content-ratio:var(--graupl-horizontal-card-content-ratio,3fr);--graupl-card-image-ratio:var(--graupl-horizontal-card-image-ratio,2fr);grid-template-columns:[image-start] var(--graupl-card-image-ratio,auto) [image-end content-start] var(--graupl-card-content-ratio,1fr) [content-end];grid-template-rows:1fr}.card.horizontal .card-image img,.card.horizontal.left .card-image img{border-radius:calc(var(--graupl-card-top-left-border-radius, var(--graupl-border-radius, .125rem)) - var(--graupl-card-border-width, var(--graupl-border-width, 2px))) 0 0 calc(var(--graupl-card-bottom-left-border-radius, var(--graupl-border-radius, .125rem)) - var(--graupl-card-border-width, var(--graupl-border-width, 2px)))}.card.horizontal.right{grid-template-columns:[content-start] var(--graupl-card-content-ratio,1fr) [content-end image-start] var(--graupl-card-image-ratio,auto) [image-end]}.card.horizontal.right .card-image img{border-radius:0 calc(var(--graupl-card-top-right-border-radius, var(--graupl-border-radius, .125rem)) - var(--graupl-card-border-width, var(--graupl-border-width, 2px))) calc(var(--graupl-card-bottom-right-border-radius, var(--graupl-border-radius, .125rem)) - var(--graupl-card-border-width, var(--graupl-border-width, 2px))) 0}.card-image{grid-area:image;padding:var(--graupl-card-image-padding,var(--graupl-card-image-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-card-image-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))))}.card-image img{border-radius:calc(var(--graupl-card-top-left-border-radius, var(--graupl-border-radius, .125rem)) - var(--graupl-card-border-width, var(--graupl-border-width, 2px))) calc(var(--graupl-card-top-right-border-radius, var(--graupl-border-radius, .125rem)) - var(--graupl-card-border-width, var(--graupl-border-width, 2px))) 0 0;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.card-content{display:flex;flex-direction:column;gap:var(--graupl-card-content-gap,var(--graupl-card-content-column-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-card-content-row-gap,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))));grid-area:content;padding:var(--graupl-card-content-padding,var(--graupl-card-content-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-card-content-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))))}.card-body{flex:1 0 auto}.card-footer,.card-title{flex:0 0 auto}@media screen and (width <= 72ch){.card.horizontal,.card.horizontal.left,.card.horizontal.right{--graupl-horizontal-card-image-ratio:auto;--graupl-horizontal-card-content-ratio:1fr;grid-template-columns:1fr;grid-template-rows:[image-start] var(--graupl-card-image-ratio,auto) [image-end content-start] var(--graupl-card-content-ratio,1fr) [content-end]}}@media (prefers-reduced-motion:reduce){.card{--graupl-card-transition:var(--graupl-card-transition-reduced-motion,none)}}}@layer graupl.theme{.card{background:var(--graupl-card-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));border-color:var(--graupl-card-border-color,var(--graupl-card-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));color:var(--graupl-card-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.card-title{color:var(--graupl-card-title-color,var(--graupl-card-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));font-size:var(--graupl-card-title-font-size,var(--graupl-h4-font-size,var(--graupl-font-2xl,calc(var(--graupl-font-size-base, 1rem)*1.728))));font-weight:var(--graupl-card-title-font-weight,var(--graupl-h4-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700)))));line-height:var(--graupl-card-title-line-height,var(--graupl-h4-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em))))}}
2
+ /*# sourceMappingURL=card.css.map */
package/dist/component/card.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/scss/mixins/_layer.scss","../../src/scss/component/card/_index.scss","../../src/scss/component/card/_variables.scss","card.css","../../src/scss/mixins/_media-queries.scss"],"names":[],"mappings":"AASI,wBCAF,MAaE,gKC6EU,CD5EV,8WC+DiB,CD5EjB,YAAA,CAcA,uMC6BO,CDzCP,yBAAA,CACA,iJACE,CAWF,iBAAA,CANA,gNCEW,CDVX,iBAAA,CASA,2CCea,CDdb,4IEPF,CFaE,YACE,+DEXJ,CFeI,uCAEE,2EAAA,CACA,uEAAA,CAEA,oJACE,CAKF,sBEpBN,CFsBM,uEACE,sUEpBR,CFyBI,uBACE,oJEvBN,CF8BM,uCACE,wUE5BR,CFoCA,YACE,eAAA,CACA,kOElCF,CFoCE,gBAGE,oUAAA,CADA,WAAA,CAGA,mBAAA,CAAA,gBAAA,CAJA,UE/BJ,CFuCA,cACE,YAAA,CAEA,qBAAA,CAEA,gOCyEe,CD5Ef,iBAAA,CAEA,yOEpCF,CFwCA,WACE,aEtCF,CF6CA,yBACE,aExCF,CC3BA,kCHyEM,8DAGE,yCAAA,CACA,0CAAA,CAEA,yBAAA,CACA,iJE9CN,CACF,CCpDA,uCH6GE,MACE,0EEtDF,CACF,CACF,CH/DI,oBCyHF,MAEE,0LCzEc,CDwEd,kNCjEgB,CDmEhB,2KEvDF,CF0DA,YACE,0MC4Be,CD3Bf,6IC+BmB,CD9BnB,iLCkCqB,CDjCrB,+IExDF,CACF","file":"card.css"}
package/dist/component/input-group.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer graupl.component{.input-group{align-items:center;display:grid;gap:var(--graupl-input-group-gap,var(--graupl-input-group-row-gap,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))) var(--graupl-input-group-column-gap,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))));grid-template-areas:var(--graupl-input-group-grid-template-areas,"label" "input" "help");grid-template-columns:var(--graupl-input-group-grid-template-columns,100%);grid-template-rows:var(--graupl-input-group-grid-template-rows,auto auto auto)}.input-group label{grid-area:var(--graupl-input-group-label-grid-area,label)}.input-group input,.input-group select,.input-group textarea{grid-area:var(--graupl-input-group-input-grid-area,input)}.input-group .help-text{grid-area:var(--graupl-input-group-help-grid-area,help)}.input-group.inline{grid-template-areas:var(--graupl-input-group-inline-grid-template-areas,"label input" "- help");grid-template-columns:var(--graupl-input-group-inline-grid-template-columns,auto 1fr);grid-template-rows:var(--graupl-input-group-inline-grid-template-rows,auto auto)}@media screen and (0 <= width <= 48ch){.input-group.inline{grid-template-areas:var(--graupl-input-group-grid-template-areas,"label" "input" "help");grid-template-columns:var(--graupl-input-group-grid-template-columns,100%);grid-template-rows:var(--graupl-input-group-grid-template-rows,auto auto auto)}}}
1
+ @layer graupl.component{.input-group{align-items:center;display:grid;gap:var(--graupl-input-group-gap,var(--graupl-input-group-row-gap,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))) var(--graupl-input-group-column-gap,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))));grid-template-areas:var(--graupl-input-group-grid-template-areas,"label" "input" "help");grid-template-columns:var(--graupl-input-group-grid-template-columns,100%);grid-template-rows:var(--graupl-input-group-grid-template-rows,auto auto auto)}.input-group label{grid-area:var(--graupl-input-group-label-grid-area,label)}.input-group input,.input-group select,.input-group textarea{grid-area:var(--graupl-input-group-input-grid-area,input)}.input-group .help-text{grid-area:var(--graupl-input-group-help-grid-area,help)}.input-group.inline{grid-template-areas:var(--graupl-input-group-inline-grid-template-areas,"label input" "- help");grid-template-columns:var(--graupl-input-group-inline-grid-template-columns,auto 1fr);grid-template-rows:var(--graupl-input-group-inline-grid-template-rows,auto auto)}@media screen and (width <= 48ch){.input-group.inline{grid-template-areas:var(--graupl-input-group-grid-template-areas,"label" "input" "help");grid-template-columns:var(--graupl-input-group-grid-template-columns,100%);grid-template-rows:var(--graupl-input-group-grid-template-rows,auto auto auto)}}}
2
2
  /*# sourceMappingURL=input-group.css.map */
package/dist/component/input-group.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/scss/mixins/_layer.scss","../../src/scss/component/input-group/_index.scss","../../src/scss/component/input-group/_variables.scss","input-group.css","../../src/scss/mixins/_media-queries.scss"],"names":[],"mappings":"AASI,wBCDF,aAKE,kBAAA,CAJA,YAAA,CAKA,+NCgBc,CDpBd,wFCF8B,CDG9B,0ECGgC,CDFhC,8EEJF,CFQE,mBACE,yDENJ,CFSE,6DAGE,yDEPJ,CFUE,wBACE,uDERJ,CFWE,oBACE,+FCKmC,CDJnC,qFCSqC,CDRrC,gFETJ,CCFA,uCHgBE,oBACE,wFC/B4B,CDgC5B,0EC1B8B,CD2B9B,8EEXF,CACF,CACF","file":"input-group.css"}
1
+ {"version":3,"sources":["../../src/scss/mixins/_layer.scss","../../src/scss/component/input-group/_index.scss","../../src/scss/component/input-group/_variables.scss","input-group.css","../../src/scss/mixins/_media-queries.scss"],"names":[],"mappings":"AASI,wBCCF,aAKE,kBAAA,CAJA,YAAA,CAKA,+NCiBc,CDrBd,wFCD8B,CDE9B,0ECIgC,CDHhC,8EENF,CFUE,mBACE,yDERJ,CFWE,6DAGE,yDETJ,CFYE,wBACE,uDEVJ,CFaE,oBACE,+FCMmC,CDLnC,qFCUqC,CDTrC,gFEXJ,CCDA,kCHiBE,oBACE,wFC9B4B,CD+B5B,0ECzB8B,CD0B9B,8EEbF,CACF,CACF","file":"input-group.css"}
package/dist/component/menu.css ADDED
@@ -0,0 +1,2 @@
1
+ @charset "UTF-8";@layer graupl.component{.menu{--graupl-link-padding:var(--graupl-menu-link-padding,var(--graupl-menu-link-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*0.5))) var(--graupl-menu-link-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));--graupl-link-border-width:var(--graupl-menu-link-border-width,0);--graupl-link-border-radius:var(--graupl-menu-link-border-radius,var(--graupl-border-radius,0.125rem));--graupl-link-border-style:var(--graupl-menu-link-border-style,var(--graupl-border-style,solid));--graupl-link-text-decoration:var(--graupl-menu-link-text-decoration,none);--graupl-link-text-decoration-thickness:var(--graupl-menu-link-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-link-text-decoration-style:var(--graupl-menu-link-text-decoration-style,solid);--graupl-link-transform:var(--graupl-menu-link-transform,none);--graupl-link-visited-text-decoration:var(--graupl-menu-link-visited-text-decoration,none);--graupl-link-visited-text-decoration-thickness:var(--graupl-menu-link-visited-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-link-visited-text-decoration-style:var(--graupl-menu-link-visited-text-decoration-style,solid);--graupl-link-visited-transform:var(--graupl-menu-link-visited-transform,none);--graupl-link-focus-text-decoration:var(--graupl-menu-link-focus-text-decoration,none);--graupl-link-focus-text-decoration-thickness:var(--graupl-menu-link-focus-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-link-focus-text-decoration-style:var(--graupl-menu-link-focus-text-decoration-style,solid);--graupl-link-focus-transform:var(--graupl-menu-link-focus-transform,none);--graupl-link-hover-text-decoration:var(--graupl-menu-link-hover-text-decoration,none);--graupl-link-hover-text-decoration-thickness:var(--graupl-menu-link-hover-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-link-hover-text-decoration-style:var(--graupl-menu-link-hover-text-decoration-style,solid);--graupl-link-hover-transform:var(--graupl-menu-link-hover-transform,none);--graupl-link-active-text-decoration:var(--graupl-menu-link-active-text-decoration,none);--graupl-link-active-text-decoration-thickness:var(--graupl-menu-link-active-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-link-active-text-decoration-style:var(--graupl-menu-link-active-text-decoration-style,solid);--graupl-link-active-transform:var(--graupl-menu-link-active-transform,none);--graupl-link-disabled-text-decoration:var(--graupl-menu-link-disabled-text-decoration,none);--graupl-link-disabled-text-decoration-thickness:var(--graupl-menu-link-disabled-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-link-disabled-text-decoration-style:var(--graupl-menu-link-disabled-text-decoration-style,solid);--graupl-link-disabled-transform:var(--graupl-menu-link-disabled-transform,none);border:var(--graupl-menu-border,var(--graupl-menu-border-width,0) var(--graupl-menu-border-style,var(--graupl-border-style,solid)));border-radius:var(--graupl-menu-border-radius,var(--graupl-border-radius,.125rem));display:var(--graupl-menu-display,flex);flex-direction:var(--graupl-menu-flex-direction,row);gap:var(--graupl-menu-gap,var(--graupl-menu-column-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-menu-row-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));isolation:isolate;list-style:none;padding:var(--graupl-menu-padding,var(--graupl-menu-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-menu-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))))}.menu.show{--graupl-menu-display:var(--graupl-menu-show-display,flex)}.menu.hide{--graupl-menu-display:var(--graupl-menu-hide-display,none)}.submenu{border:var(--graupl-submenu-border,var(--graupl-submenu-border-width,var(--graupl-border-width,2px)) var(--graupl-submenu-border-style,var(--graupl-border-style,solid)));border-radius:var(--graupl-submenu-border-radius,var(--graupl-border-radius,.125rem));display:var(--graupl-submenu-display,none);flex:1 1;flex-direction:var(--graupl-submenu-flex-direction,column);gap:var(--graupl-submenu-gap,var(--graupl-submenu-column-gap,var(--graupl-menu-column-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0)))) var(--graupl-submenu-row-gap,var(--graupl-menu-row-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0)))));inset:var(--graupl-submenu-inset,var(--graupl-submenu-top,100%) var(--graupl-submenu-right,auto) var(--graupl-submenu-bottom,auto) var(--graupl-submenu-left,0));isolation:isolate;list-style:none;padding:var(--graupl-submenu-padding,var(--graupl-submenu-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-submenu-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));position:var(--graupl-submenu-position,absolute);z-index:var(--graupl-submenu-z-index,2)}.submenu.show{--graupl-submenu-display:var(--graupl-submenu-show-display,flex)}.submenu.hide{--graupl-submenu-display:var(--graupl-submenu-hide-display,none)}.menu-item{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;min-width:var(--graupl-menu-item-min-width,-moz-max-content);min-width:var(--graupl-menu-item-min-width,max-content);padding:var(--graupl-menu-item-padding,var(--graupl-menu-item-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-menu-item-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));position:relative}.menu-link{border:var(--graupl-menu-link-border,var(--graupl-menu-link-border-width,0) var(--graupl-menu-link-border-style,var(--graupl-border-style,solid)));border-radius:var(--graupl-menu-link-border-radius,var(--graupl-border-radius,.125rem));display:flex;gap:var(--graupl-menu-link-gap,var(--graupl-menu-link-column-gap,var(--graupl-menu-link-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)))) var(--graupl-menu-link-row-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));padding:var(--graupl-menu-link-padding,var(--graupl-menu-link-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-menu-link-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));-webkit-text-decoration:var(--graupl-menu-link-text-decoration,none);text-decoration:var(--graupl-menu-link-text-decoration,none);text-decoration-style:var(--graupl-menu-link-text-decoration-style,solid);text-decoration-thickness:var(--graupl-menu-link-text-decoration-thickness,var(--graupl-border-width,2px));transform:var(--graupl-menu-link-transform,none);transition:var(--graupl-menu-link-transition,background var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease));width:100%}.menu-link:visited{--graupl-menu-link-text-decoration:var(--graupl-menu-link-visited-text-decoration,none);--graupl-menu-link-text-decoration-thickness:var(--graupl-menu-link-visited-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-menu-link-text-decoration-style:var(--graupl-menu-link-visited-text-decoration-style,solid);--graupl-menu-link-transform:var(--graupl-menu-link-visited-transform,none)}.menu-link:focus-visible{--graupl-menu-link-text-decoration:var(--graupl-menu-link-focus-text-decoration,none);--graupl-menu-link-text-decoration-thickness:var(--graupl-menu-link-focus-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-menu-link-text-decoration-style:var(--graupl-menu-link-focus-text-decoration-style,solid);--graupl-menu-link-transform:var(--graupl-menu-link-focus-transform,none)}.menu-link:hover{--graupl-menu-link-text-decoration:var(--graupl-menu-link-hover-text-decoration,none);--graupl-menu-link-text-decoration-thickness:var(--graupl-menu-link-hover-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-menu-link-text-decoration-style:var(--graupl-menu-link-hover-text-decoration-style,solid);--graupl-menu-link-transform:var(--graupl-menu-link-hover-transform,none)}.menu-link:active{--graupl-menu-link-text-decoration:var(--graupl-menu-link-active-text-decoration,none);--graupl-menu-link-text-decoration-thickness:var(--graupl-menu-link-active-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-menu-link-text-decoration-style:var(--graupl-menu-link-active-text-decoration-style,solid);--graupl-menu-link-transform:var(--graupl-menu-link-active-transform,none)}.menu-link:disabled,.menu-link:disabled:active,.menu-link:disabled:focus-visible,.menu-link:disabled:hover,.menu-link:disabled:visited,.menu-link[disabled],.menu-link[disabled]:active,.menu-link[disabled]:focus-visible,.menu-link[disabled]:hover,.menu-link[disabled]:visited{--graupl-menu-link-text-decoration:var(--graupl-menu-link-disabled-text-decoration,none);--graupl-menu-link-text-decoration-thickness:var(--graupl-menu-link-disabled-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-menu-link-text-decoration-style:var(--graupl-menu-link-disabled-text-decoration-style,solid);--graupl-menu-link-transform:var(--graupl-menu-link-disabled-transform,none)}.menu-link.button{--graupl-menu-link-padding:var(--graupl-button-padding,var(--graupl-button-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*0.5))) var(--graupl-button-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));--graupl-menu-link-border-width:var(--graupl-button-border-width,var(--graupl-border-width,2px));--graupl-menu-link-border-radius:var(--graupl-button-border-radius,var(--graupl-border-radius,0.125rem));--graupl-menu-link-border-style:var(--graupl-botton-border-style,var(--graupl-border-style,solid));--graupl-menu-link-text-decoration:none;--graupl-menu-link-visited-text-decoration:none;--graupl-menu-link-focus-text-decoration:none;--graupl-menu-link-hover-text-decoration:none;--graupl-menu-link-active-text-decoration:none;--graupl-menu-link-disabled-text-decoration:none;--graupl-menu-link-transition:var(--graupl-button-transition,background var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease));--graupl-menu-link-transition-reduced-motion:var(--graupl-button-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease));--graupl-menu-link-transform:var(--graupl-button-transform,none);--graupl-menu-link-visited-transform:var(--graupl-button-visited-transform,none);--graupl-menu-link-focus-transform:var(--graupl-button-focus-transform,none);--graupl-menu-link-hover-transform:var(--graupl-button-hover-transform,none);--graupl-menu-link-active-transform:var(--graupl-button-active-transform,scale(0.95));--graupl-menu-link-disabled-transform:var(--graupl-button-disabled-transform,none)}.submenu-toggle{align-items:center;display:flex;justify-content:space-between}.submenu-toggle:after{content:var(--graupl-submenu-toggle-content,"▼");display:block;transform:var(--graupl-submenu-toggle-transform,rotate(0deg));transition:var(--graupl-submenu-toggle-transition,transform var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease))}.submenu-toggle[aria-expanded=true]:after{--graupl-submenu-toggle-transform:var(--graupl-submenu-toggle-open-transform,rotate(-180deg))}@media (prefers-reduced-motion:reduce){.menu-link{--graupl-menu-link-transition:var(--graupl-menu-link-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease))}.submenu-toggle:after{--graupl-submenu-toggle-transition:var(--graupl-submenu-toggle-transition-reduced-motion,none)}}}@layer graupl.theme{.menu{--graupl-link-color:var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-link-background:var(--graupl-menu-link-background,var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-link-border-color:var(--graupl-menu-link-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-link-text-decoration-color:var(--graupl-menu-link-text-decoration-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-link-visited-color:var(--graupl-menu-link-visited-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-link-visited-background:var(--graupl-menu-link-visited-background,var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-link-visited-border-color:var(--graupl-menu-link-visited-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-link-visited-text-decoration-color:var(--graupl-menu-link-visited-text-decoration-color,var(--graupl-menu-link-visited-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-link-focus-color:var(--graupl-menu-link-focus-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-link-focus-background:var(--graupl-menu-link-focus-background,var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-link-focus-border-color:var(--graupl-menu-link-focus-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-link-focus-text-decoration-color:var(--graupl-menu-link-focus-text-decoration-color,var(--graupl-menu-link-focus-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-link-hover-color:var(--graupl-menu-link-hover-color,var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-link-hover-background:var(--graupl-menu-link-hover-background,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-link-hover-border-color:var(--graupl-menu-link-hover-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-link-hover-text-decoration-color:var(--graupl-menu-link-hover-text-decoration-color,var(--graupl-menu-link-hover-color,var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));--graupl-link-active-color:var(--graupl-menu-link-active-color,var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-link-active-background:var(--graupl-menu-link-active-background,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-link-active-border-color:var(--graupl-menu-link-active-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-link-active-text-decoration-color:var(--graupl-menu-link-active-text-decoration-color,var(--graupl-menu-link-active-color,var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));--graupl-link-disabled-color:var(--graupl-menu-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-link-disabled-background:var(--graupl-menu-link-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-link-disabled-border-color:var(--graupl-menu-link-disabled-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-link-disabled-text-decoration-color:var(--graupl-menu-link-disabled-text-decoration-color,var(--graupl-menu-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))));background:var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));border-color:var(--graupl-menu-border-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));color:var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.submenu{background:var(--graupl-submenu-background,var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-submenu-border-color,var(--graupl-submenu-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));color:var(--graupl-submenu-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.menu-link{background:var(--graupl-menu-link-background,var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-menu-link-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));color:var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));text-decoration-color:var(--graupl-menu-link-text-decoration-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.menu-link:visited{--graupl-menu-link-background:var(--graupl-menu-link-visited-background,var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-menu-link-color:var(--graupl-menu-link-visited-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-menu-link-text-decoration-color:var(--graupl-menu-link-visited-text-decoration-color,var(--graupl-menu-link-visited-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-menu-link-border-color:var(--graupl-menu-link-visited-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.menu-link:focus-visible{--graupl-menu-link-background:var(--graupl-menu-link-focus-background,var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-menu-link-color:var(--graupl-menu-link-focus-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-menu-link-text-decoration-color:var(--graupl-menu-link-focus-text-decoration-color,var(--graupl-menu-link-focus-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-menu-link-border-color:var(--graupl-menu-link-focus-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.menu-link:hover{--graupl-menu-link-background:var(--graupl-menu-link-hover-background,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-menu-link-color:var(--graupl-menu-link-hover-color,var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-menu-link-text-decoration-color:var(--graupl-menu-link-hover-text-decoration-color,var(--graupl-menu-link-hover-color,var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));--graupl-menu-link-border-color:var(--graupl-menu-link-hover-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.menu-link:active{--graupl-menu-link-background:var(--graupl-menu-link-active-background,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-menu-link-color:var(--graupl-menu-link-active-color,var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-menu-link-text-decoration-color:var(--graupl-menu-link-active-text-decoration-color,var(--graupl-menu-link-active-color,var(--graupl-menu-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));--graupl-menu-link-border-color:var(--graupl-menu-link-active-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.menu-link:disabled,.menu-link:disabled:active,.menu-link:disabled:focus-visible,.menu-link:disabled:hover,.menu-link:disabled:visited{--graupl-menu-link-background:var(--graupl-menu-link-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-menu-link-color:var(--graupl-menu-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-menu-link-text-decoration-color:var(--graupl-menu-link-disabled-text-decoration-color,var(--graupl-menu-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))));--graupl-menu-link-border-color:var(--graupl-menu-link-disabled-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.menu-link.button{--graupl-menu-link-background:var(--graupl-button-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-menu-link-color:var(--graupl-button-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-menu-link-border-color:var(--graupl-button-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-menu-link-visited-background:var(--graupl-button-visited-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-menu-link-visited-color:var(--graupl-button-visited-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-menu-link-visited-border-color:var(--graupl-button-visited-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-menu-link-focus-background:var(--graupl-button-focus-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-menu-link-focus-color:var(--graupl-button-focus-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-menu-link-focus-border-color:var(--graupl-button-focus-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-menu-link-hover-background:var(--graupl-button-hover-background,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));--graupl-menu-link-hover-color:var(--graupl-button-hover-color,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))));--graupl-menu-link-hover-border-color:var(--graupl-button-hover-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-menu-link-active-background:var(--graupl-button-active-background,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));--graupl-menu-link-active-color:var(--graupl-button-active-color,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))));--graupl-menu-link-active-border-color:var(--graupl-button-active-border-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-menu-link-disabled-background:var(--graupl-button-disabled-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-menu-link-disabled-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-menu-link-disabled-border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}}
2
+ /*# sourceMappingURL=menu.css.map */
package/dist/component/menu.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/scss/mixins/_layer.scss","menu.css","../../src/scss/component/menu/_index.scss","../../src/scss/component/menu/_variables.scss","../../src/scss/mixins/_media-queries.scss"],"names":[],"mappings":"AASI,gBCwJJ,CDxJI,wBEEF,MACE,+OAAA,CACA,iEAAA,CACA,sGAAA,CACA,gGAAA,CACA,0EAAA,CACA,wHAAA,CACA,uFAAA,CACA,8DAAA,CACA,0FAAA,CACA,wIAAA,CACA,uGAAA,CACA,8EAAA,CACA,sFAAA,CACA,oIAAA,CACA,mGAAA,CACA,0EAAA,CACA,sFAAA,CACA,oIAAA,CACA,mGAAA,CACA,0EAAA,CACA,wFAAA,CACA,sIAAA,CACA,qGAAA,CACA,4EAAA,CACA,4FAAA,CACA,0IAAA,CACA,yGAAA,CACA,gFAAA,CAKA,mICsCU,CDrCV,kFCyBiB,CD7BjB,uCCYW,CDXX,oDC7BkB,CDkClB,uMCRO,CDSP,iBAAA,CAFA,eAAA,CAHA,gNDHF,CCUE,WACE,0DDRJ,CCWE,WACE,0DDTJ,CCaA,SAOE,yKC+Fa,CD9Fb,qFCkFoB,CDzFpB,0CCwEc,CDrEd,QAAA,CACA,0DCwBqB,CDnBrB,yQCiDU,CD/CV,gKCoHY,CDrHZ,iBAAA,CAFA,eAAA,CAHA,yNCuCc,CD3Cd,gDC0Ge,CDzGf,uCDFF,CCaE,cACE,gEDXJ,CCcE,cACE,gEDZJ,CCgBA,WAIE,kBAAA,CAHA,YAAA,CAEA,cAAA,CAEA,sBAAA,CACA,4DCyGkB,CDzGlB,uDCyGkB,CDxGlB,+NCoHgB,CDzHhB,iBDTF,CCiBA,WAME,kJCuVe,CDtVf,uFC0UsB,CDhVtB,YAAA,CASA,wPC6KY,CDpLZ,gOCkIgB,CD7HhB,oECuOwB,CDvOxB,4DCuOwB,CDtOxB,yECsR8B,CDpR9B,0GC4PkC,CDnQlC,gDCiJkB,CDhJlB,kPCsImB,CDzInB,UDNF,CCiBE,mBACE,uFAAA,CACA,qIAAA,CACA,oGAAA,CACA,2EDfJ,CCkBE,yBACE,qFAAA,CACA,mIAAA,CACA,kGAAA,CACA,yEDhBJ,CCmBE,iBACE,qFAAA,CACA,mIAAA,CACA,kGAAA,CACA,yEDjBJ,CCoBE,kBACE,sFAAA,CACA,oIAAA,CACA,mGAAA,CACA,0EDlBJ,CCuBI,mRAKE,wFAAA,CACA,sIAAA,CACA,qGAAA,CACA,4EDzBN,CC6BE,kBACE,2OAAA,CACA,gGAAA,CACA,wGAAA,CACA,kGAAA,CACA,uCAAA,CACA,+CAAA,CACA,6CAAA,CACA,6CAAA,CACA,8CAAA,CACA,gDAAA,CACA,yWAAA,CACA,wMAAA,CACA,gEAAA,CACA,gFAAA,CACA,4EAAA,CACA,4EAAA,CACA,qFAAA,CACA,kFD3BJ,CC+BA,gBAEE,kBAAA,CADA,YAAA,CAEA,6BD7BF,CC+BE,sBACE,gDCgTmB,CD/SnB,aAAA,CACA,6DCsSqB,CDrSrB,sJD7BJ,CCgCE,0CACE,6FD9BJ,CG1IA,uCF6KE,WACE,4LDhCF,CCmCA,sBACE,8FDjCF,CACF,CACF,CDxJI,oBE6LF,MACE,uNAAA,CACA,2OAAA,CACA,mQAAA,CACA,qRAAA,CACA,uOAAA,CACA,2PAAA,CACA,mRAAA,CACA,6SAAA,CACA,mOAAA,CACA,uPAAA,CACA,+QAAA,CACA,uSAAA,CACA,6OAAA,CACA,6OAAA,CACA,+QAAA,CACA,iTAAA,CACA,+OAAA,CACA,+OAAA,CACA,iRAAA,CACA,oTAAA,CACA,uLAAA,CACA,+NAAA,CACA,qRAAA,CACA,8PAAA,CAGA,0LCtKc,CDqKd,kNC9JgB,CDgKhB,2KDnCF,CCsCA,SAEE,2NC7FiB,CD4FjB,iPCrFmB,CDuFnB,uMDpCF,CCuCA,WAEE,6NC4CmB,CD7CnB,qPCiNqB,CD/MrB,yMCmEc,CDlEd,uQDrCF,CCuCE,mBACE,wPAAA,CACA,oOAAA,CACA,0SAAA,CACA,gRDrCJ,CCwCE,yBACE,sPAAA,CACA,kOAAA,CACA,sSAAA,CACA,8QDtCJ,CCyCE,iBACE,4OAAA,CACA,4OAAA,CACA,gTAAA,CACA,8QDvCJ,CC0CE,kBACE,6OAAA,CACA,6OAAA,CACA,kTAAA,CACA,+QDxCJ,CC4CI,uIAKE,2NAAA,CACA,mLAAA,CACA,0PAAA,CACA,iRD9CN,CCkDE,kBACE,+MAAA,CACA,gMAAA,CACA,8MAAA,CACA,+NAAA,CACA,gNAAA,CACA,8NAAA,CACA,2NAAA,CACA,4MAAA,CACA,0NAAA,CACA,6LAAA,CACA,mLAAA,CACA,0NAAA,CACA,+LAAA,CACA,qLAAA,CACA,4NAAA,CACA,iOAAA,CACA,yLAAA,CACA,uMDhDJ,CACF","file":"menu.css"}
package/dist/component/navigation.css ADDED
@@ -0,0 +1,2 @@
1
+ @charset "UTF-8";@layer graupl.component{.navigation{display:grid;grid-template-areas:"branding - toggle" "menu menu menu";grid-template-columns:auto 1fr auto;isolation:isolate}.navigation .menu{grid-area:menu}.navigation .menu.show{--graupl-menu-display:var(--graupl-menu-show-display,flex)}.navigation .menu.hide{--graupl-menu-display:var(--graupl-menu-hide-display,none)}.navigation-toggle{align-items:center;border:var(--graupl-navigation-toggle-border,var(--graupl-navigation-toggle-border-width,var(--graupl-border-width,2px)) var(--graupl-navigation-toggle-border-style,var(--graupl-border-style,solid)));border-radius:var(--graupl-navigation-toggle-border-radius,var(--graupl-border-radius,.125rem));display:flex;grid-area:toggle;justify-content:center;min-height:var(--graupl-navigation-toggle-min-height,44px);min-width:var(--graupl-navigation-toggle-min-width,44px);padding:var(--graupl-navigation-toggle-padding,var(--graupl-navigation-toggle-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-navigation-toggle-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))))}.navigation-toggle:before{content:var(--graupl-navigation-toggle-content,"☰");display:block}.navigation-branding{align-items:center;display:flex;font-size:var(--graupl-navigation-branding-font-size,var(--graupl-font-lg,calc(var(--graupl-font-size-base, 1rem)*1.2)));font-weight:var(--graupl-navigation-branding-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700)));grid-area:branding;justify-content:flex-start;padding:var(--graupl-navigation-branding-padding,var(--graupl-navigation-branding-padding-y,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))) var(--graupl-navigation-branding-padding-x,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))));-webkit-text-decoration:var(--graupl-navigation-branding-text-decoration,none);text-decoration:var(--graupl-navigation-branding-text-decoration,none);text-decoration-style:var(--graupl-navigation-branding-text-decoration-style,solid);text-decoration-thickness:var(--graupl-navigation-branding-text-decoration-thickness,var(--graupl-border-width,2px))}.navigation-branding:visited{--graupl-navigation-branding-text-decoration:var(--graupl-navigation-branding-visited-text-decoration,none);--graupl-navigation-branding-text-decoration-thickness:var(--graupl-navigation-branding-visited-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-navigation-branding-text-decoration-style:var(--graupl-navigation-branding-visited-text-decoration-style,solid)}.navigation-branding:focus-visible{--graupl-navigation-branding-text-decoration:var(--graupl-navigation-branding-focus-text-decoration,none);--graupl-navigation-branding-text-decoration-thickness:var(--graupl-navigation-branding-focus-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-navigation-branding-text-decoration-style:var(--graupl-navigation-branding-focus-text-decoration-style,solid)}.navigation-branding:hover{--graupl-navigation-branding-text-decoration:var(--graupl-navigation-branding-hover-text-decoration,none);--graupl-navigation-branding-text-decoration-thickness:var(--graupl-navigation-branding-hover-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-navigation-branding-text-decoration-style:var(--graupl-navigation-branding-hover-text-decoration-style,solid)}.navigation-branding:active{--graupl-navigation-branding-text-decoration:var(--graupl-navigation-branding-active-text-decoration,none);--graupl-navigation-branding-text-decoration-thickness:var(--graupl-navigation-branding-active-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-navigation-branding-text-decoration-style:var(--graupl-navigation-branding-active-text-decoration-style,solid)}.navigation-branding:disabled,.navigation-branding:disabled:active,.navigation-branding:disabled:focus-visible,.navigation-branding:disabled:hover,.navigation-branding:disabled:visited,.navigation-branding[disabled],.navigation-branding[disabled]:active,.navigation-branding[disabled]:focus-visible,.navigation-branding[disabled]:hover,.navigation-branding[disabled]:visited{--graupl-navigation-branding-text-decoration:var(--graupl-navigation-branding-disabled-text-decoration,none);--graupl-navigation-branding-text-decoration-thickness:var(--graupl-navigation-branding-disabled-text-decoration-thickness,var(--graupl-border-width,2px));--graupl-navigation-branding-text-decoration-style:var(--graupl-navigation-branding-disabled-text-decoration-style,solid)}@media screen and (width <= 72ch){.navigation{--graupl-menu-flex-direction:column;--graupl-submenu-position:relative;--graupl-menu-item-min-width:100%;--graupl-submenu-inset:auto}}@media screen and (72ch < width){.navigation{--graupl-menu-hide-display:var(--graupl-menu-show-display,flex);grid-template-areas:"branding - menu"}.navigation-toggle{display:none}}}@layer graupl.theme{.navigation{--graupl-menu-background:var(--graupl-navigation-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-menu-color:var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));--graupl-submenu-background:var(--graupl-navigation-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));--graupl-submenu-color:var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));background:var(--graupl-navigation-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))));color:var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}.navigation-toggle{background:var(--graupl-navigation-toggle-background,var(--graupl-navigation-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-navigation-toggle-border-color,var(--graupl-navigation-toggle-color,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));color:var(--graupl-navigation-toggle-color,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.navigation-toggle:hover{--graupl-navigation-toggle-background:var(--graupl-navigation-toggle-hover-background,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-navigation-toggle-color:var(--graupl-navigation-toggle-hover-color,var(--graupl-navigation-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))}.navigation-branding{color:var(--graupl-navigation-branding-color,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));text-decoration-color:var(--graupl-navigation-branding-text-decoration-color,var(--graupl-navigation-branding-color,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.navigation-branding:visited{--graupl-navigation-branding-color:var(--graupl-navigation-branding-visited-color,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-navigation-branding-text-decoration-color:var(--graupl-navigation-branding-visited-text-decoration-color,var(--graupl-navigation-branding-visited-color,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.navigation-branding:focus-visible{--graupl-navigation-branding-color:var(--graupl-navigation-branding-focus-color,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-navigation-branding-text-decoration-color:var(--graupl-navigation-branding-focus-text-decoration-color,var(--graupl-navigation-branding-focus-color,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.navigation-branding:hover{--graupl-navigation-branding-color:var(--graupl-navigation-branding-hover-color,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-navigation-branding-text-decoration-color:var(--graupl-navigation-branding-hover-text-decoration-color,var(--graupl-navigation-branding-hover-color,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.navigation-branding:active{--graupl-navigation-branding-color:var(--graupl-navigation-branding-active-color,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-navigation-branding-text-decoration-color:var(--graupl-navigation-branding-active-text-decoration-color,var(--graupl-navigation-branding-active-color,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.navigation-branding:disabled,.navigation-branding:disabled:active,.navigation-branding:disabled:focus-visible,.navigation-branding:disabled:hover,.navigation-branding:disabled:visited,.navigation-branding[disabled],.navigation-branding[disabled]:active,.navigation-branding[disabled]:focus-visible,.navigation-branding[disabled]:hover,.navigation-branding[disabled]:visited{--graupl-navigation-branding-color:var(--graupl-navigation-branding-disabled-color,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-navigation-branding-text-decoration-color:var(--graupl-navigation-branding-disabled-text-decoration-color,var(--graupl-navigation-branding-disabled-color,var(--graupl-navigation-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}}
2
+ /*# sourceMappingURL=navigation.css.map */
package/dist/component/navigation.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/scss/mixins/_layer.scss","navigation.css","../../src/scss/component/navigation/_index.scss","../../src/scss/component/navigation/_variables.scss","../../src/scss/mixins/_media-queries.scss"],"names":[],"mappings":"AASI,gBC8EJ,CD9EI,wBEGF,YACE,YAAA,CACA,wDACE,CAEF,mCAAA,CACA,iBDVF,CCYE,kBACE,cDVJ,CCYI,uBACE,0DDVN,CCaI,uBACE,0DDXN,CCiBA,mBAGE,kBAAA,CAKA,uMC+BuB,CD9BvB,+FCsC8B,CD9C9B,YAAA,CACA,gBAAA,CAEA,sBAAA,CAEA,0DCb2B,CDY3B,wDChB0B,CDkB1B,wPDbF,CCiBE,0BACE,mDC2LsB,CD1LtB,aDfJ,CCoBA,qBAGE,kBAAA,CAFA,YAAA,CAKA,wHC6B4B,CD5B5B,2HCgC8B,CDrC9B,kBAAA,CAEA,0BAAA,CACA,gQC8C0B,CD3C1B,8EC2EkC,CD3ElC,sEC2EkC,CD1ElC,mFCkGwC,CDjGxC,oHDlBF,CCoBE,6BACE,2GAAA,CACA,yJAAA,CACA,wHDlBJ,CCqBE,mCACE,yGAAA,CACA,uJAAA,CACA,sHDnBJ,CCsBE,2BACE,yGAAA,CACA,uJAAA,CACA,sHDpBJ,CCuBE,4BACE,0GAAA,CACA,wJAAA,CACA,uHDrBJ,CC0BI,uXAKE,4GAAA,CACA,0JAAA,CACA,yHD5BN,CGtCA,kCFyEE,YACE,mCAAA,CACA,kCAAA,CACA,iCAAA,CACA,2BDhCF,CACF,CG9CA,iCFmFE,YACE,+DAAA,CAEA,qCDnCF,CCuCA,mBACE,YDrCF,CACF,CACF,CD9EI,oBEwHF,YACE,8MAAA,CACA,+LAAA,CACA,iNAAA,CACA,kMAAA,CAEA,gMC1HoB,CD2HpB,iLDxCF,CC4CA,mBAEE,2OC/F2B,CD8F3B,2QChE6B,CDkE7B,uND1CF,CC4CE,yBACE,kQAAA,CACA,kQD1CJ,CC+CA,qBACE,yNC5CwB,CD6CxB,iSD7CF,CC+CE,6BACE,8PAAA,CACA,8UD7CJ,CCgDE,mCACE,4PAAA,CACA,0UD9CJ,CCiDE,2BACE,4PAAA,CACA,0UD/CJ,CCkDE,4BACE,6PAAA,CACA,4UDhDJ,CCqDI,uXAKE,+PAAA,CACA,gVDvDN,CACF","file":"navigation.css"}