@graupl/graupl 1.0.0-alpha.12 → 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.
- package/CHANGELOG.md +34 -0
- package/dist/base/button.css +1 -1
- package/dist/base/button.css.map +1 -1
- package/dist/base/form.css +1 -1
- package/dist/base/form.css.map +1 -1
- package/dist/base/link.css +1 -1
- package/dist/base/link.css.map +1 -1
- package/dist/base/table.css +1 -1
- package/dist/base/table.css.map +1 -1
- package/dist/base.css +1 -1
- package/dist/base.css.map +1 -1
- package/dist/component/card.css +2 -0
- package/dist/component/card.css.map +1 -0
- package/dist/component/input-group.css +1 -1
- package/dist/component/input-group.css.map +1 -1
- package/dist/component/menu.css +2 -0
- package/dist/component/menu.css.map +1 -0
- package/dist/component/navigation.css +2 -0
- package/dist/component/navigation.css.map +1 -0
- package/dist/component.css +1 -1
- package/dist/component.css.map +1 -1
- package/dist/graupl.css +1 -1
- package/dist/graupl.css.map +1 -1
- package/dist/layout/columns.css +1 -1
- package/dist/layout/columns.css.map +1 -1
- package/dist/layout/flex-columns.css +2 -0
- package/dist/layout/flex-columns.css.map +1 -0
- package/dist/layout.css +1 -1
- package/dist/layout.css.map +1 -1
- package/dist/theme/typography.css +1 -1
- package/dist/theme/typography.css.map +1 -1
- package/dist/theme.css +1 -1
- package/dist/theme.css.map +1 -1
- package/dist/utilities/order.css +2 -0
- package/dist/utilities/order.css.map +1 -0
- package/dist/utilities/spacing.css +1 -1
- package/dist/utilities/spacing.css.map +1 -1
- package/dist/utilities/typography.css +1 -1
- package/dist/utilities/typography.css.map +1 -1
- package/dist/utilities.css +1 -1
- package/dist/utilities.css.map +1 -1
- package/eslint.config.js +1 -0
- package/index.html +619 -325
- package/package.json +1 -1
- package/scss/component/card.scss +3 -0
- package/scss/component/menu.scss +3 -0
- package/scss/component/navigation.scss +3 -0
- package/scss/layout/flex-columns.scss +3 -0
- package/scss/utilities/order.scss +3 -0
- package/src/js/navigation.js +34 -0
- package/src/scss/_defaults.scss +15 -1
- package/src/scss/base/button/_defaults.scss +8 -3
- package/src/scss/base/button/_index.scss +99 -36
- package/src/scss/base/button/_variables.scss +43 -11
- package/src/scss/base/form/_index.scss +2 -4
- package/src/scss/base/form/_variables.scss +8 -0
- package/src/scss/base/link/_defaults.scss +37 -6
- package/src/scss/base/link/_index.scss +72 -12
- package/src/scss/base/link/_variables.scss +175 -18
- package/src/scss/base/table/_index.scss +2 -4
- package/src/scss/base/table/_variables.scss +8 -0
- package/src/scss/component/_index.scss +3 -0
- package/src/scss/component/card/_defaults.scss +29 -0
- package/src/scss/component/card/_index.scss +143 -0
- package/src/scss/component/card/_variables.scss +185 -0
- package/src/scss/component/menu/_defaults.scss +65 -0
- package/src/scss/component/menu/_index.scss +304 -0
- package/src/scss/component/menu/_variables.scss +491 -0
- package/src/scss/component/navigation/_defaults.scss +29 -0
- package/src/scss/component/navigation/_index.scss +189 -0
- package/src/scss/component/navigation/_variables.scss +237 -0
- package/src/scss/functions/_theme.scss +16 -0
- package/src/scss/layout/_index.scss +1 -0
- package/src/scss/layout/columns/_index.scss +22 -0
- package/src/scss/layout/flex-columns/_defaults.scss +18 -0
- package/src/scss/layout/flex-columns/_index.scss +77 -0
- package/src/scss/layout/flex-columns/_variables.scss +26 -0
- package/src/scss/mixins/_media-queries.scss +8 -0
- package/src/scss/theme/typography/_defaults.scss +1 -1
- package/src/scss/theme/typography/_variables.scss +5 -2
- package/src/scss/utilities/_index.scss +2 -0
- package/src/scss/utilities/order/_defaults.scss +19 -0
- package/src/scss/utilities/order/_index.scss +35 -0
- package/src/scss/utilities/order/_variables.scss +6 -0
- package/src/scss/utilities/ratio/_defaults.scss +24 -0
- package/src/scss/utilities/ratio/_index.scss +26 -0
- package/src/scss/utilities/ratio/_variables.scss +9 -0
- package/src/scss/utilities/spacing/_index.scss +33 -16
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,40 @@
|
|
|
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
|
+
|
|
5
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)
|
|
6
40
|
|
|
7
41
|
|
package/dist/base/button.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer graupl.base{.button{align-items:center;border-radius:var(--graupl-button-border-radius,var(--graupl-border-radius,.125rem));border-style:var(--graupl-botton-border-style,var(--graupl-border-style,solid));border-width:var(--graupl-button-border-width,var(--graupl-border-width,2px));cursor:pointer;display:flex;font-size:var(--graupl-button-font-size,var(--graupl-font-base,calc(var(--graupl-font-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:hover{--graupl-button-transform:var(--graupl-button-hover-transform,none)}.button:active{--graupl-button-transform:var(--graupl-button-active-transform,scale(0.95))}.button:not(.link){--graupl-link-text-decoration:none;--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-hover-transform:var(--graupl-button-hover-transform,none);--graupl-link-active-transform:var(--graupl-button-active-transform,scale(0.95))}.button:disabled,.button[disabled]{cursor:not-allowed}.button:disabled:active,.button:disabled:hover,.button[disabled]:active,.button[disabled]:hover{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-hover-transform:var(--graupl-link-hover-transform,none);--graupl-button-active-transform:var(--graupl-link-active-transform,none);border:0;font-size:inherit;min-height:auto;min-width:auto;-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))}@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));--graupl-button-hover-transform:var(--graupl-button-hover-transform-reduced-motion,none);--graupl-button-active-transform:var(--graupl-button-active-transform-reduced-motion,scale(0.98))}}}@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-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));color:var(--graupl-button-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))}.button.primary{--graupl-button-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-button-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-hover-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)));--graupl-button-hover-background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-hover-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-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-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-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-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-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:none;--graupl-button-hover-border-color:none;--graupl-button-active-border-color:none;--graupl-button-disabled-border-color:none;--graupl-button-hover-transform:none;--graupl-button-active-transform:none}.button:not(.link){--graupl-link-color:var(--graupl-button-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-visited-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-disabled-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button:hover{--graupl-button-border-color:var(--graupl-button-hover-border-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-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:hover,.button[disabled],.button[disabled]:active,.button[disabled]:hover{--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))))}}
|
|
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
2
|
/*# sourceMappingURL=button.css.map */
|
package/dist/base/button.css.map
CHANGED
|
@@ -1 +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,
|
|
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
|
|
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,mBCFF,
|
|
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{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-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: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-transform:var(--graupl-link-hover-transform,none)}a:active{--graupl-link-transform:var(--graupl-link-active-transform,none)}a[disabled]{cursor:not-allowed}@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);color:var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))))}a:
|
|
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","../../src/scss/base/link/_variables.scss","link.css","../../src/scss/mixins/_media-queries.scss"],"names":[],"mappings":"AASI,mBCAF,
|
|
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{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
|
|
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,mBCCA,cAEE,oDCEe,CDHf,yMENJ,CFUE,SAEE,oHCYqB,CDbrB,uMEPJ,CFWE,wBAEE,mMETJ,CFgBE,+BAHE,
|
|
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{.button{align-items:center;border-radius:var(--graupl-button-border-radius,var(--graupl-border-radius,.125rem));border-style:var(--graupl-botton-border-style,var(--graupl-border-style,solid));border-width:var(--graupl-button-border-width,var(--graupl-border-width,2px));cursor:pointer;display:flex;font-size:var(--graupl-button-font-size,var(--graupl-font-base,calc(var(--graupl-font-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:hover{--graupl-button-transform:var(--graupl-button-hover-transform,none)}.button:active{--graupl-button-transform:var(--graupl-button-active-transform,scale(0.95))}.button:not(.link){--graupl-link-text-decoration:none;--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-hover-transform:var(--graupl-button-hover-transform,none);--graupl-link-active-transform:var(--graupl-button-active-transform,scale(0.95))}.button:disabled,.button[disabled]{cursor:not-allowed}.button:disabled:active,.button:disabled:hover,.button[disabled]:active,.button[disabled]:hover{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-hover-transform:var(--graupl-link-hover-transform,none);--graupl-button-active-transform:var(--graupl-link-active-transform,none);border:0;font-size:inherit;min-height:auto;min-width:auto;-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))}@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));--graupl-button-hover-transform:var(--graupl-button-hover-transform-reduced-motion,none);--graupl-button-active-transform:var(--graupl-button-active-transform-reduced-motion,scale(0.98))}}}@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-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));color:var(--graupl-button-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))}.button.primary{--graupl-button-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-button-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-hover-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)));--graupl-button-hover-background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-hover-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-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-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-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-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-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:none;--graupl-button-hover-border-color:none;--graupl-button-active-border-color:none;--graupl-button-disabled-border-color:none;--graupl-button-hover-transform:none;--graupl-button-active-transform:none}.button:not(.link){--graupl-link-color:var(--graupl-button-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-visited-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-disabled-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button:hover{--graupl-button-border-color:var(--graupl-button-hover-border-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-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:hover,.button[disabled],.button[disabled]:active,.button[disabled]:hover{--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))))}}@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{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-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: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-transform:var(--graupl-link-hover-transform,none)}a:active{--graupl-link-transform:var(--graupl-link-active-transform,none)}a[disabled]{cursor:not-allowed}@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);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))));--graupl-link-background:var(--graupl-link-hover-background,transparent)}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)}a:visited,a:visited:hover{--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)}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))));--graupl-link-background:var(--graupl-link-disabled-background,transparent)}}@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-style:var(--graupl-table-border-style,var(--graupl-border-style,solid));border-width:var(--graupl-table-border-width,var(--graupl-border-width,2px))}table.bordered tr>*{border-style:var(--graupl-table-cell-border-style,var(--graupl-table-border-style,var(--graupl-border-style,solid)));border-width:var(--graupl-table-cell-border-width,var(--graupl-table-border-width,var(--graupl-border-width,2px)))}.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))))}}
|
|
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/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,
|
|
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"}
|
|
@@ -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 */
|
|
@@ -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"}
|
|
@@ -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 (
|
|
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 */
|
|
@@ -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,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,
|
|
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"}
|