@graupl/graupl 1.0.0-beta.1 → 1.0.0-beta.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.devcontainer/devcontainer.json +221 -0
- package/.env +3 -0
- package/.github/workflows/docs.yml +13 -6
- package/.github/workflows/prerelease.yml +125 -0
- package/.github/workflows/release.yml +111 -0
- package/.github/workflows/test.yml +54 -3
- package/.versionrc.cjs +12 -0
- package/.vscode/settings.json +10 -0
- package/CHANGELOG.md +196 -1
- package/build.js +4 -2
- package/combine-at-rules.cjs +61 -0
- package/container/.env +26 -0
- package/container/build/app.dockerfile +41 -0
- package/container/docker-compose.yml +27 -0
- package/dist/css/base/button.css +1 -1
- package/dist/css/base/button.css.map +1 -1
- package/dist/css/base/form.css +1 -1
- package/dist/css/base/form.css.map +1 -1
- package/dist/css/base/link.css +1 -1
- package/dist/css/base/link.css.map +1 -1
- package/dist/css/base/table.css +1 -1
- package/dist/css/base/table.css.map +1 -1
- package/dist/css/base.css +1 -1
- package/dist/css/base.css.map +1 -1
- package/dist/css/component/accordion.css +4 -1
- package/dist/css/component/accordion.css.map +1 -1
- package/dist/css/component/alert.css +1 -1
- package/dist/css/component/alert.css.map +1 -1
- package/dist/css/component/card.css +1 -1
- package/dist/css/component/card.css.map +1 -1
- package/dist/css/component/carousel.css +1 -1
- package/dist/css/component/carousel.css.map +1 -1
- package/dist/css/component/input-group.css +1 -1
- package/dist/css/component/input-group.css.map +1 -1
- package/dist/css/component/list.css +2 -0
- package/dist/css/component/list.css.map +1 -0
- package/dist/css/component/menu.css +1 -1
- package/dist/css/component/menu.css.map +1 -1
- package/dist/css/component/navigation.css +1 -1
- package/dist/css/component/navigation.css.map +1 -1
- package/dist/css/component.css +4 -1
- package/dist/css/component.css.map +1 -1
- package/dist/css/graupl.css +4 -1
- package/dist/css/graupl.css.map +1 -1
- package/dist/css/init.css.map +1 -1
- package/dist/css/layout/columns.css +1 -1
- package/dist/css/layout/columns.css.map +1 -1
- package/dist/css/layout/container.css +1 -1
- package/dist/css/layout/container.css.map +1 -1
- package/dist/css/layout/flex-columns.css +1 -1
- package/dist/css/layout/flex-columns.css.map +1 -1
- package/dist/css/layout.css +4 -1
- package/dist/css/layout.css.map +1 -1
- package/dist/css/normalize.css +1 -1
- package/dist/css/normalize.css.map +1 -1
- package/dist/css/state/focus.css +1 -1
- package/dist/css/state/focus.css.map +1 -1
- package/dist/css/state.css +1 -1
- package/dist/css/state.css.map +1 -1
- package/dist/css/theme/color.css +1 -1
- package/dist/css/theme/color.css.map +1 -1
- package/dist/css/theme/typography.css +1 -1
- package/dist/css/theme/typography.css.map +1 -1
- package/dist/css/theme.css +1 -1
- package/dist/css/theme.css.map +1 -1
- package/dist/css/utilities/alignment.css +1 -1
- package/dist/css/utilities/alignment.css.map +1 -1
- package/dist/css/utilities/background.css +2 -0
- package/dist/css/utilities/background.css.map +1 -0
- package/dist/css/utilities/border.css +2 -0
- package/dist/css/utilities/border.css.map +1 -0
- package/dist/css/utilities/color.css +1 -1
- package/dist/css/utilities/color.css.map +1 -1
- package/dist/css/utilities/container.css +2 -0
- package/dist/css/utilities/container.css.map +1 -0
- package/dist/css/utilities/display.css +1 -1
- package/dist/css/utilities/display.css.map +1 -1
- package/dist/css/utilities/flex.css +1 -1
- package/dist/css/utilities/flex.css.map +1 -1
- package/dist/css/utilities/gradient.css +2 -0
- package/dist/css/utilities/gradient.css.map +1 -0
- package/dist/css/utilities/height.css +1 -1
- package/dist/css/utilities/height.css.map +1 -1
- package/dist/css/utilities/inset.css +1 -1
- package/dist/css/utilities/inset.css.map +1 -1
- package/dist/css/utilities/justification.css +1 -1
- package/dist/css/utilities/justification.css.map +1 -1
- package/dist/css/utilities/list.css +1 -1
- package/dist/css/utilities/list.css.map +1 -1
- package/dist/css/utilities/order.css +1 -1
- package/dist/css/utilities/order.css.map +1 -1
- package/dist/css/utilities/position.css +2 -0
- package/dist/css/utilities/position.css.map +1 -0
- package/dist/css/utilities/ratio.css +1 -1
- package/dist/css/utilities/ratio.css.map +1 -1
- package/dist/css/utilities/spacing.css +1 -1
- package/dist/css/utilities/spacing.css.map +1 -1
- package/dist/css/utilities/typography.css +1 -1
- package/dist/css/utilities/typography.css.map +1 -1
- package/dist/css/utilities/visibility.css +1 -1
- package/dist/css/utilities/visibility.css.map +1 -1
- package/dist/css/utilities/visually-hidden.css +2 -0
- package/dist/css/utilities/visually-hidden.css.map +1 -0
- package/dist/css/utilities/width.css +1 -1
- package/dist/css/utilities/width.css.map +1 -1
- package/dist/css/utilities/z-index.css +2 -0
- package/dist/css/utilities/z-index.css.map +1 -0
- package/dist/css/utilities.css +1 -1
- package/dist/css/utilities.css.map +1 -1
- package/dist/js/graupl.cjs.js +5 -3
- package/dist/js/graupl.esm.js +1305 -206
- package/dist/js/graupl.iife.js +5 -3
- package/docs/.vitepress/config.js +31 -1
- package/docs/.vitepress/theme/custom.scss +16 -16
- package/docs/compiling-graupl.md +6 -5
- package/docs/utilities/alignment.md +411 -0
- package/docs/utilities/background.md +192 -0
- package/docs/utilities/border.md +268 -0
- package/docs/utilities/color.md +348 -0
- package/docs/utilities/container.md +3 -0
- package/docs/utilities/display.md +3 -0
- package/docs/utilities/flex.md +3 -0
- package/docs/utilities/gradient.md +3 -0
- package/docs/utilities/height.md +3 -0
- package/docs/utilities/inset.md +3 -0
- package/docs/utilities/justification.md +3 -0
- package/docs/utilities/list.md +3 -0
- package/docs/utilities/order.md +3 -0
- package/docs/utilities/position.md +3 -0
- package/docs/utilities/ratio.md +3 -0
- package/docs/utilities/responsive-classes.md +3 -0
- package/docs/utilities/spacing.md +3 -0
- package/docs/utilities/typography.md +3 -0
- package/docs/utilities/visibility.md +3 -0
- package/docs/utilities/visually-hidden.md +3 -0
- package/docs/utilities/width.md +3 -0
- package/docs/utilities/z-index.md +3 -0
- package/favicon.ico +0 -0
- package/index.html +418 -55
- package/logo.svg +296 -0
- package/package.json +33 -37
- package/packages/core/build.js +9 -0
- package/packages/core/dist/css/base/button.css +2 -0
- package/packages/core/dist/css/base/button.css.map +1 -0
- package/packages/core/dist/css/base/form.css +2 -0
- package/packages/core/dist/css/base/form.css.map +1 -0
- package/packages/core/dist/css/base/link.css +2 -0
- package/packages/core/dist/css/base/link.css.map +1 -0
- package/packages/core/dist/css/base/table.css +2 -0
- package/packages/core/dist/css/base/table.css.map +1 -0
- package/packages/core/dist/css/base.css +2 -0
- package/packages/core/dist/css/base.css.map +1 -0
- package/packages/core/dist/css/component/accordion.css +5 -0
- package/packages/core/dist/css/component/accordion.css.map +1 -0
- package/packages/core/dist/css/component/alert.css +2 -0
- package/packages/core/dist/css/component/alert.css.map +1 -0
- package/packages/core/dist/css/component/card.css +2 -0
- package/packages/core/dist/css/component/card.css.map +1 -0
- package/packages/core/dist/css/component/carousel.css +2 -0
- package/packages/core/dist/css/component/carousel.css.map +1 -0
- package/packages/core/dist/css/component/input-group.css +2 -0
- package/packages/core/dist/css/component/input-group.css.map +1 -0
- package/packages/core/dist/css/component/list.css +2 -0
- package/packages/core/dist/css/component/list.css.map +1 -0
- package/packages/core/dist/css/component/menu.css +2 -0
- package/packages/core/dist/css/component/menu.css.map +1 -0
- package/packages/core/dist/css/component/navigation.css +2 -0
- package/packages/core/dist/css/component/navigation.css.map +1 -0
- package/packages/core/dist/css/component.css +5 -0
- package/packages/core/dist/css/component.css.map +1 -0
- package/packages/core/dist/css/graupl.css +5 -0
- package/packages/core/dist/css/graupl.css.map +1 -0
- package/{src/scss/_init.scss → packages/core/dist/css/init.css} +1 -2
- package/packages/core/dist/css/init.css.map +1 -0
- package/packages/core/dist/css/layout/columns.css +2 -0
- package/packages/core/dist/css/layout/columns.css.map +1 -0
- package/packages/core/dist/css/layout/container.css +2 -0
- package/packages/core/dist/css/layout/container.css.map +1 -0
- package/packages/core/dist/css/layout/flex-columns.css +2 -0
- package/packages/core/dist/css/layout/flex-columns.css.map +1 -0
- package/packages/core/dist/css/layout.css +5 -0
- package/packages/core/dist/css/layout.css.map +1 -0
- package/packages/core/dist/css/normalize.css +2 -0
- package/packages/core/dist/css/normalize.css.map +1 -0
- package/packages/core/dist/css/state/focus.css +2 -0
- package/packages/core/dist/css/state/focus.css.map +1 -0
- package/packages/core/dist/css/state.css +2 -0
- package/packages/core/dist/css/state.css.map +1 -0
- package/packages/core/dist/css/theme/color.css +2 -0
- package/packages/core/dist/css/theme/color.css.map +1 -0
- package/packages/core/dist/css/theme/typography.css +2 -0
- package/packages/core/dist/css/theme/typography.css.map +1 -0
- package/packages/core/dist/css/theme.css +2 -0
- package/packages/core/dist/css/theme.css.map +1 -0
- package/packages/core/dist/css/utilities/alignment.css +2 -0
- package/packages/core/dist/css/utilities/alignment.css.map +1 -0
- package/packages/core/dist/css/utilities/background.css +2 -0
- package/packages/core/dist/css/utilities/background.css.map +1 -0
- package/packages/core/dist/css/utilities/border.css +2 -0
- package/packages/core/dist/css/utilities/border.css.map +1 -0
- package/packages/core/dist/css/utilities/color.css +2 -0
- package/packages/core/dist/css/utilities/color.css.map +1 -0
- package/packages/core/dist/css/utilities/container.css +2 -0
- package/packages/core/dist/css/utilities/container.css.map +1 -0
- package/packages/core/dist/css/utilities/display.css +2 -0
- package/packages/core/dist/css/utilities/display.css.map +1 -0
- package/packages/core/dist/css/utilities/flex.css +2 -0
- package/packages/core/dist/css/utilities/flex.css.map +1 -0
- package/packages/core/dist/css/utilities/gradient.css +2 -0
- package/packages/core/dist/css/utilities/gradient.css.map +1 -0
- package/packages/core/dist/css/utilities/height.css +2 -0
- package/packages/core/dist/css/utilities/height.css.map +1 -0
- package/packages/core/dist/css/utilities/inset.css +2 -0
- package/packages/core/dist/css/utilities/inset.css.map +1 -0
- package/packages/core/dist/css/utilities/justification.css +2 -0
- package/packages/core/dist/css/utilities/justification.css.map +1 -0
- package/packages/core/dist/css/utilities/list.css +2 -0
- package/packages/core/dist/css/utilities/list.css.map +1 -0
- package/packages/core/dist/css/utilities/order.css +2 -0
- package/packages/core/dist/css/utilities/order.css.map +1 -0
- package/packages/core/dist/css/utilities/position.css +2 -0
- package/packages/core/dist/css/utilities/position.css.map +1 -0
- package/packages/core/dist/css/utilities/ratio.css +2 -0
- package/packages/core/dist/css/utilities/ratio.css.map +1 -0
- package/packages/core/dist/css/utilities/spacing.css +2 -0
- package/packages/core/dist/css/utilities/spacing.css.map +1 -0
- package/packages/core/dist/css/utilities/typography.css +2 -0
- package/packages/core/dist/css/utilities/typography.css.map +1 -0
- package/packages/core/dist/css/utilities/visibility.css +2 -0
- package/packages/core/dist/css/utilities/visibility.css.map +1 -0
- package/packages/core/dist/css/utilities/visually-hidden.css +2 -0
- package/packages/core/dist/css/utilities/visually-hidden.css.map +1 -0
- package/packages/core/dist/css/utilities/width.css +2 -0
- package/packages/core/dist/css/utilities/width.css.map +1 -0
- package/packages/core/dist/css/utilities/z-index.css +2 -0
- package/packages/core/dist/css/utilities/z-index.css.map +1 -0
- package/packages/core/dist/css/utilities.css +2 -0
- package/packages/core/dist/css/utilities.css.map +1 -0
- package/packages/core/package.json +58 -0
- package/packages/core/scss/base/button.scss +3 -0
- package/packages/core/scss/base/form.scss +3 -0
- package/packages/core/scss/base/link.scss +3 -0
- package/packages/core/scss/base/table.scss +3 -0
- package/packages/core/scss/base.scss +3 -0
- package/packages/core/scss/component/accordion.scss +3 -0
- package/packages/core/scss/component/alert.scss +3 -0
- package/packages/core/scss/component/card.scss +3 -0
- package/packages/core/scss/component/carousel.scss +3 -0
- package/packages/core/scss/component/input-group.scss +3 -0
- package/packages/core/scss/component/list.scss +3 -0
- package/packages/core/scss/component/menu.scss +3 -0
- package/packages/core/scss/component/navigation.scss +3 -0
- package/packages/core/scss/component.scss +3 -0
- package/packages/core/scss/graupl.scss +3 -0
- package/packages/core/scss/init.scss +3 -0
- package/packages/core/scss/layout/columns.scss +3 -0
- package/packages/core/scss/layout/container.scss +3 -0
- package/packages/core/scss/layout/flex-columns.scss +3 -0
- package/packages/core/scss/layout.scss +3 -0
- package/packages/core/scss/normalize.scss +3 -0
- package/packages/core/scss/state/focus.scss +3 -0
- package/packages/core/scss/state.scss +3 -0
- package/packages/core/scss/theme/color.scss +3 -0
- package/packages/core/scss/theme/typography.scss +3 -0
- package/packages/core/scss/theme.scss +3 -0
- package/packages/core/scss/utilities/alignment.scss +3 -0
- package/packages/core/scss/utilities/background.scss +3 -0
- package/packages/core/scss/utilities/border.scss +3 -0
- package/packages/core/scss/utilities/color.scss +3 -0
- package/packages/core/scss/utilities/container.scss +3 -0
- package/packages/core/scss/utilities/display.scss +3 -0
- package/packages/core/scss/utilities/flex.scss +3 -0
- package/packages/core/scss/utilities/gradient.scss +3 -0
- package/packages/core/scss/utilities/height.scss +3 -0
- package/packages/core/scss/utilities/inset.scss +3 -0
- package/packages/core/scss/utilities/justification.scss +3 -0
- package/packages/core/scss/utilities/list.scss +3 -0
- package/packages/core/scss/utilities/order.scss +3 -0
- package/{scss/utilities/postion.scss → packages/core/scss/utilities/position.scss} +1 -1
- package/packages/core/scss/utilities/ratio.scss +3 -0
- package/packages/core/scss/utilities/spacing.scss +3 -0
- package/packages/core/scss/utilities/typography.scss +3 -0
- package/packages/core/scss/utilities/visibility.scss +3 -0
- package/packages/core/scss/utilities/visually-hidden.scss +3 -0
- package/packages/core/scss/utilities/width.scss +3 -0
- package/packages/core/scss/utilities/z-index.scss +3 -0
- package/packages/core/scss/utilities.scss +3 -0
- package/{src → packages/core/src}/scss/_defaults.scss +59 -11
- package/{src → packages/core/src}/scss/_index.scss +1 -1
- package/packages/core/src/scss/_init.scss +6 -0
- package/{src → packages/core/src}/scss/_normalize.scss +1 -1
- package/{src → packages/core/src}/scss/_variables.scss +43 -1
- package/{src → packages/core/src}/scss/base/_index.scss +1 -1
- package/{src → packages/core/src}/scss/base/button/_defaults.scss +13 -24
- package/packages/core/src/scss/base/button/_index.scss +206 -0
- package/packages/core/src/scss/base/button/_mixins.scss +104 -0
- package/{src → packages/core/src}/scss/base/button/_variables.scss +108 -32
- package/{src → packages/core/src}/scss/base/form/_defaults.scss +8 -1
- package/packages/core/src/scss/base/form/_index.scss +227 -0
- package/packages/core/src/scss/base/form/_variables.scss +245 -0
- package/packages/core/src/scss/base/link/_defaults.scss +35 -0
- package/packages/core/src/scss/base/link/_index.scss +245 -0
- package/{src → packages/core/src}/scss/base/link/_variables.scss +148 -40
- package/packages/core/src/scss/base/table/_defaults.scss +68 -0
- package/packages/core/src/scss/base/table/_index.scss +314 -0
- package/packages/core/src/scss/base/table/_variables.scss +309 -0
- package/{src → packages/core/src}/scss/component/_index.scss +2 -1
- package/{src → packages/core/src}/scss/component/accordion/_defaults.scss +1 -1
- package/{src → packages/core/src}/scss/component/accordion/_index.scss +73 -55
- package/{src → packages/core/src}/scss/component/accordion/_variables.scss +68 -28
- package/{src → packages/core/src}/scss/component/alert/_defaults.scss +1 -1
- package/{src → packages/core/src}/scss/component/alert/_index.scss +45 -44
- package/{src → packages/core/src}/scss/component/alert/_variables.scss +54 -24
- package/{src → packages/core/src}/scss/component/card/_defaults.scss +1 -1
- package/{src → packages/core/src}/scss/component/card/_index.scss +47 -13
- package/{src → packages/core/src}/scss/component/card/_variables.scss +54 -24
- package/{src → packages/core/src}/scss/component/carousel/_defaults.scss +1 -1
- package/{src → packages/core/src}/scss/component/carousel/_index.scss +29 -25
- package/{src → packages/core/src}/scss/component/carousel/_variables.scss +1 -1
- package/{src → packages/core/src}/scss/component/input-group/_defaults.scss +1 -1
- package/{src → packages/core/src}/scss/component/input-group/_index.scss +2 -2
- package/{src → packages/core/src}/scss/component/input-group/_variables.scss +1 -1
- package/{src/scss/utilities/order → packages/core/src/scss/component/list}/_defaults.scss +7 -14
- package/packages/core/src/scss/component/list/_index.scss +52 -0
- package/packages/core/src/scss/component/list/_variables.scss +236 -0
- package/{src → packages/core/src}/scss/component/menu/_defaults.scss +11 -20
- package/{src → packages/core/src}/scss/component/menu/_index.scss +9 -6
- package/{src → packages/core/src}/scss/component/menu/_variables.scss +199 -57
- package/packages/core/src/scss/component/navigation/_defaults.scss +23 -0
- package/{src → packages/core/src}/scss/component/navigation/_index.scss +3 -2
- package/{src → packages/core/src}/scss/component/navigation/_variables.scss +79 -26
- package/packages/core/src/scss/functions/_container.scss +38 -0
- package/packages/core/src/scss/functions/_important.scss +36 -0
- package/{src → packages/core/src}/scss/functions/_screen.scss +9 -1
- package/{src → packages/core/src}/scss/functions/_theme.scss +2 -2
- package/packages/core/src/scss/functions/_utility.scss +28 -0
- package/{src → packages/core/src}/scss/layout/_index.scss +1 -1
- package/{src → packages/core/src}/scss/layout/columns/_defaults.scss +9 -4
- package/packages/core/src/scss/layout/columns/_index.scss +137 -0
- package/{src → packages/core/src}/scss/layout/columns/_variables.scss +6 -2
- package/packages/core/src/scss/layout/container/_defaults.scss +35 -0
- package/packages/core/src/scss/layout/container/_index.scss +628 -0
- package/packages/core/src/scss/layout/container/_variables.scss +114 -0
- package/packages/core/src/scss/layout/flex-columns/_defaults.scss +28 -0
- package/packages/core/src/scss/layout/flex-columns/_index.scss +184 -0
- package/{src → packages/core/src}/scss/layout/flex-columns/_variables.scss +5 -1
- package/{src → packages/core/src}/scss/mixins/_animation.scss +1 -1
- package/packages/core/src/scss/mixins/_container.scss +80 -0
- package/{src → packages/core/src}/scss/mixins/_layer.scss +6 -2
- package/{src → packages/core/src}/scss/mixins/_screen.scss +25 -4
- package/packages/core/src/scss/mixins/_state.scss +18 -0
- package/packages/core/src/scss/mixins/_theme.scss +15 -0
- package/packages/core/src/scss/mixins/_utility.scss +185 -0
- package/packages/core/src/scss/mixins/_visually-hidden.scss +30 -0
- package/packages/core/src/scss/state/_index.scss +3 -0
- package/{src → packages/core/src}/scss/state/focus/_defaults.scss +1 -2
- package/packages/core/src/scss/state/focus/_index.scss +42 -0
- package/packages/core/src/scss/state/focus/_mixins.scss +13 -0
- package/{src → packages/core/src}/scss/state/focus/_variables.scss +16 -10
- package/{src → packages/core/src}/scss/theme/_index.scss +1 -1
- package/{src → packages/core/src}/scss/theme/color/_defaults.scss +1 -1
- package/{src → packages/core/src}/scss/theme/color/_index.scss +5 -5
- package/{src → packages/core/src}/scss/theme/color/_variables.scss +5 -1
- package/{src → packages/core/src}/scss/theme/typography/_defaults.scss +1 -1
- package/{src → packages/core/src}/scss/theme/typography/_index.scss +10 -1
- package/{src → packages/core/src}/scss/theme/typography/_variables.scss +19 -2
- package/{src → packages/core/src}/scss/utilities/_index.scss +7 -1
- package/packages/core/src/scss/utilities/_template/_defaults.scss +41 -0
- package/packages/core/src/scss/utilities/_template/_index.scss +171 -0
- package/{src/scss/utilities/alignment → packages/core/src/scss/utilities/_template}/_variables.scss +1 -1
- package/{src → packages/core/src}/scss/utilities/alignment/_defaults.scss +21 -7
- package/packages/core/src/scss/utilities/alignment/_index.scss +336 -0
- package/{src/scss/utilities/display → packages/core/src/scss/utilities/alignment}/_variables.scss +1 -1
- package/packages/core/src/scss/utilities/background/_defaults.scss +122 -0
- package/packages/core/src/scss/utilities/background/_index.scss +634 -0
- package/packages/core/src/scss/utilities/background/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/border/_defaults.scss +73 -0
- package/packages/core/src/scss/utilities/border/_index.scss +558 -0
- package/{src/scss/utilities/list → packages/core/src/scss/utilities/border}/_variables.scss +1 -1
- package/packages/core/src/scss/utilities/color/_defaults.scss +49 -0
- package/packages/core/src/scss/utilities/color/_index.scss +469 -0
- package/{src/scss/utilities/flex → packages/core/src/scss/utilities/color}/_variables.scss +1 -1
- package/packages/core/src/scss/utilities/container/_defaults.scss +40 -0
- package/packages/core/src/scss/utilities/container/_index.scss +174 -0
- package/packages/core/src/scss/utilities/container/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/display/_defaults.scss +47 -0
- package/packages/core/src/scss/utilities/display/_index.scss +184 -0
- package/{src/scss/utilities/inset → packages/core/src/scss/utilities/display}/_variables.scss +1 -1
- package/packages/core/src/scss/utilities/flex/_defaults.scss +99 -0
- package/packages/core/src/scss/utilities/flex/_index.scss +486 -0
- package/{src/scss/utilities/color → packages/core/src/scss/utilities/flex}/_variables.scss +1 -1
- package/packages/core/src/scss/utilities/gradient/_defaults.scss +70 -0
- package/packages/core/src/scss/utilities/gradient/_index.scss +696 -0
- package/packages/core/src/scss/utilities/gradient/_variables.scss +29 -0
- package/packages/core/src/scss/utilities/height/_defaults.scss +54 -0
- package/packages/core/src/scss/utilities/height/_index.scss +525 -0
- package/packages/core/src/scss/utilities/height/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/inset/_defaults.scss +55 -0
- package/packages/core/src/scss/utilities/inset/_index.scss +258 -0
- package/packages/core/src/scss/utilities/inset/_variables.scss +6 -0
- package/{src → packages/core/src}/scss/utilities/justification/_defaults.scss +21 -7
- package/packages/core/src/scss/utilities/justification/_index.scss +333 -0
- package/packages/core/src/scss/utilities/justification/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/list/_defaults.scss +53 -0
- package/packages/core/src/scss/utilities/list/_index.scss +253 -0
- package/packages/core/src/scss/utilities/list/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/order/_defaults.scss +36 -0
- package/packages/core/src/scss/utilities/order/_index.scss +246 -0
- package/packages/core/src/scss/utilities/order/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/position/_defaults.scss +41 -0
- package/packages/core/src/scss/utilities/position/_index.scss +178 -0
- package/{src/scss/utilities/height → packages/core/src/scss/utilities/position}/_variables.scss +1 -1
- package/packages/core/src/scss/utilities/ratio/_defaults.scss +42 -0
- package/packages/core/src/scss/utilities/ratio/_index.scss +188 -0
- package/{src → packages/core/src}/scss/utilities/ratio/_variables.scss +1 -1
- package/{src → packages/core/src}/scss/utilities/spacing/_defaults.scss +19 -4
- package/packages/core/src/scss/utilities/spacing/_index.scss +970 -0
- package/packages/core/src/scss/utilities/spacing/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/typography/_defaults.scss +58 -0
- package/packages/core/src/scss/utilities/typography/_index.scss +1089 -0
- package/packages/core/src/scss/utilities/typography/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/visibility/_defaults.scss +39 -0
- package/packages/core/src/scss/utilities/visibility/_index.scss +173 -0
- package/packages/core/src/scss/utilities/visibility/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/visually-hidden/_defaults.scss +29 -0
- package/packages/core/src/scss/utilities/visually-hidden/_index.scss +189 -0
- package/packages/core/src/scss/utilities/visually-hidden/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/width/_defaults.scss +54 -0
- package/packages/core/src/scss/utilities/width/_index.scss +525 -0
- package/packages/core/src/scss/utilities/width/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/z-index/_defaults.scss +40 -0
- package/packages/core/src/scss/utilities/z-index/_index.scss +173 -0
- package/packages/core/src/scss/utilities/z-index/_variables.scss +6 -0
- package/packages/core/vite.config.js +28 -0
- package/packages/icons/dist/css/base/button.css +2 -0
- package/packages/icons/dist/css/base/button.css.map +1 -0
- package/packages/icons/dist/css/base/link.css +2 -0
- package/packages/icons/dist/css/base/link.css.map +1 -0
- package/packages/icons/dist/css/base.css +2 -0
- package/packages/icons/dist/css/base.css.map +1 -0
- package/packages/icons/dist/css/component/icon.css +2 -0
- package/packages/icons/dist/css/component/icon.css.map +1 -0
- package/packages/icons/dist/css/component.css +2 -0
- package/packages/icons/dist/css/component.css.map +1 -0
- package/packages/icons/dist/css/icon.css +2 -0
- package/packages/icons/dist/css/icon.css.map +1 -0
- package/packages/icons/package.json +48 -0
- package/packages/icons/scss/base/button.scss +3 -0
- package/packages/icons/scss/base/link.scss +3 -0
- package/packages/icons/scss/base.scss +3 -0
- package/packages/icons/scss/component/icon.scss +3 -0
- package/packages/icons/scss/component.scss +3 -0
- package/packages/icons/scss/icon.scss +3 -0
- package/packages/icons/src/scss/_index.scss +4 -0
- package/packages/icons/src/scss/base/_index.scss +4 -0
- package/packages/icons/src/scss/base/button/_defaults.scss +7 -0
- package/packages/icons/src/scss/base/button/_index.scss +58 -0
- package/packages/icons/src/scss/base/button/_variables.scss +7 -0
- package/packages/icons/src/scss/base/link/_defaults.scss +7 -0
- package/packages/icons/src/scss/base/link/_index.scss +58 -0
- package/packages/icons/src/scss/base/link/_variables.scss +7 -0
- package/packages/icons/src/scss/component/_index.scss +3 -0
- package/packages/icons/src/scss/component/icon/_defaults.scss +30 -0
- package/packages/icons/src/scss/component/icon/_index.scss +60 -0
- package/packages/icons/src/scss/component/icon/_mixins.scss +62 -0
- package/packages/icons/src/scss/component/icon/_variables.scss +24 -0
- package/postcss.config.cjs +2 -3
- package/scss/base/button.scss +1 -1
- package/scss/base/form.scss +1 -1
- package/scss/base/link.scss +1 -1
- package/scss/base/table.scss +1 -1
- package/scss/base.scss +1 -1
- package/scss/component/accordion.scss +1 -1
- package/scss/component/alert.scss +1 -1
- package/scss/component/card.scss +1 -1
- package/scss/component/carousel.scss +1 -1
- package/scss/component/input-group.scss +1 -1
- package/scss/component/list.scss +3 -0
- package/scss/component/menu.scss +1 -1
- package/scss/component/navigation.scss +1 -1
- package/scss/component.scss +1 -1
- package/scss/graupl.scss +1 -1
- package/scss/init.scss +1 -1
- package/scss/layout/columns.scss +1 -1
- package/scss/layout/container.scss +1 -1
- package/scss/layout/flex-columns.scss +1 -1
- package/scss/layout.scss +1 -1
- package/scss/normalize.scss +1 -1
- package/scss/state/focus.scss +1 -1
- package/scss/state.scss +1 -1
- package/scss/theme/color.scss +1 -1
- package/scss/theme/typography.scss +1 -1
- package/scss/theme.scss +1 -1
- package/scss/utilities/alignment.scss +1 -1
- package/scss/utilities/background.scss +3 -0
- package/scss/utilities/border.scss +3 -0
- package/scss/utilities/color.scss +1 -1
- package/scss/utilities/container.scss +3 -0
- package/scss/utilities/display.scss +1 -1
- package/scss/utilities/flex.scss +1 -1
- package/scss/utilities/gradient.scss +3 -0
- package/scss/utilities/height.scss +1 -1
- package/scss/utilities/inset.scss +1 -1
- package/scss/utilities/justification.scss +1 -1
- package/scss/utilities/list.scss +1 -1
- package/scss/utilities/order.scss +1 -1
- package/scss/utilities/position.scss +3 -0
- package/scss/utilities/ratio.scss +1 -1
- package/scss/utilities/spacing.scss +1 -1
- package/scss/utilities/typography.scss +1 -1
- package/scss/utilities/visibility.scss +1 -1
- package/scss/utilities/visually-hidden.scss +3 -0
- package/scss/utilities/width.scss +1 -1
- package/scss/utilities/z-index.scss +3 -0
- package/scss/utilities.scss +1 -1
- package/stylelint.config.js +1 -0
- package/vite.config.js +6 -35
- package/dist/css/utilities/postion.css +0 -2
- package/dist/css/utilities/postion.css.map +0 -1
- package/dist/js/component/accordion.cjs.js +0 -3
- package/dist/js/component/accordion.esm.js +0 -1289
- package/dist/js/component/accordion.iife.js +0 -3
- package/dist/js/component/alert.cjs.js +0 -3
- package/dist/js/component/alert.esm.js +0 -529
- package/dist/js/component/alert.iife.js +0 -3
- package/dist/js/component/carousel.cjs.js +0 -3
- package/dist/js/component/carousel.esm.js +0 -1110
- package/dist/js/component/carousel.iife.js +0 -3
- package/src/scss/base/button/_index.scss +0 -107
- package/src/scss/base/button/_mixins.scss +0 -166
- package/src/scss/base/form/_index.scss +0 -93
- package/src/scss/base/form/_variables.scss +0 -153
- package/src/scss/base/link/_defaults.scss +0 -50
- package/src/scss/base/link/_index.scss +0 -134
- package/src/scss/base/table/_defaults.scss +0 -53
- package/src/scss/base/table/_index.scss +0 -121
- package/src/scss/base/table/_variables.scss +0 -135
- package/src/scss/component/navigation/_defaults.scss +0 -29
- package/src/scss/functions/_important.scss +0 -13
- package/src/scss/layout/columns/_index.scss +0 -58
- package/src/scss/layout/container/_defaults.scss +0 -17
- package/src/scss/layout/container/_index.scss +0 -41
- package/src/scss/layout/container/_variables.scss +0 -50
- package/src/scss/layout/flex-columns/_defaults.scss +0 -18
- package/src/scss/layout/flex-columns/_index.scss +0 -80
- package/src/scss/mixins/_utility.scss +0 -30
- package/src/scss/mixins/_visually-hidden.scss +0 -20
- package/src/scss/state/_index.scss +0 -3
- package/src/scss/state/focus/_index.scss +0 -13
- package/src/scss/state/focus/_mixins.scss +0 -15
- package/src/scss/utilities/alignment/_index.scss +0 -75
- package/src/scss/utilities/color/_defaults.scss +0 -35
- package/src/scss/utilities/color/_index.scss +0 -91
- package/src/scss/utilities/display/_defaults.scss +0 -32
- package/src/scss/utilities/display/_index.scss +0 -61
- package/src/scss/utilities/flex/_defaults.scss +0 -63
- package/src/scss/utilities/flex/_index.scss +0 -71
- package/src/scss/utilities/height/_defaults.scss +0 -41
- package/src/scss/utilities/height/_index.scss +0 -98
- package/src/scss/utilities/inset/_defaults.scss +0 -41
- package/src/scss/utilities/inset/_index.scss +0 -37
- package/src/scss/utilities/justification/_index.scss +0 -75
- package/src/scss/utilities/justification/_variables.scss +0 -6
- package/src/scss/utilities/list/_defaults.scss +0 -39
- package/src/scss/utilities/list/_index.scss +0 -56
- package/src/scss/utilities/order/_index.scss +0 -63
- package/src/scss/utilities/order/_variables.scss +0 -6
- package/src/scss/utilities/position/_defaults.scss +0 -26
- package/src/scss/utilities/position/_index.scss +0 -37
- package/src/scss/utilities/position/_variables.scss +0 -6
- package/src/scss/utilities/ratio/_defaults.scss +0 -28
- package/src/scss/utilities/ratio/_index.scss +0 -52
- package/src/scss/utilities/spacing/_index.scss +0 -169
- package/src/scss/utilities/spacing/_variables.scss +0 -6
- package/src/scss/utilities/typography/_defaults.scss +0 -30
- package/src/scss/utilities/typography/_index.scss +0 -224
- package/src/scss/utilities/typography/_variables.scss +0 -6
- package/src/scss/utilities/visibility/_defaults.scss +0 -25
- package/src/scss/utilities/visibility/_index.scss +0 -36
- package/src/scss/utilities/visibility/_variables.scss +0 -6
- package/src/scss/utilities/width/_defaults.scss +0 -41
- package/src/scss/utilities/width/_index.scss +0 -98
- package/src/scss/utilities/width/_variables.scss +0 -6
- /package/{src → packages/core/src}/js/accordion/Accordion.js +0 -0
- /package/{src → packages/core/src}/js/accordion/AccordionItem.js +0 -0
- /package/{src → packages/core/src}/js/accordion/index.js +0 -0
- /package/{src → packages/core/src}/js/alert/Alert.js +0 -0
- /package/{src → packages/core/src}/js/alert/index.js +0 -0
- /package/{src → packages/core/src}/js/carousel/Carousel.js +0 -0
- /package/{src → packages/core/src}/js/carousel/index.js +0 -0
- /package/{src → packages/core/src}/js/domHelpers.js +0 -0
- /package/{src → packages/core/src}/js/eventHandlers.js +0 -0
- /package/{src → packages/core/src}/js/navigation/index.js +0 -0
- /package/{src → packages/core/src}/js/storage.js +0 -0
- /package/{src → packages/core/src}/js/validate.js +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,6 +1,201 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
-
All notable changes to this project will be documented in this file. See [
|
|
3
|
+
All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
|
|
4
|
+
|
|
5
|
+
## [1.0.0-beta.10](https://github.com/Graupl/graupl/compare/v1.0.0-beta.9...v1.0.0-beta.10) (2025-06-23)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* **icons:** correct mixin call to reflect new mixins ([5d8cb33](https://github.com/Graupl/graupl/commit/5d8cb33c134795f75d158b814b98ac23d5601c8a))
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
### Continuous Integration
|
|
14
|
+
|
|
15
|
+
* **github:** setup workflow call triggers on test ([6ac48d4](https://github.com/Graupl/graupl/commit/6ac48d41e906a27a466d6103901b53cd6a9604a4))
|
|
16
|
+
|
|
17
|
+
## [1.0.0-beta.9](https://github.com/Graupl/graupl/compare/v1.0.0-beta.8...v1.0.0-beta.9) (2025-06-23)
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Features
|
|
21
|
+
|
|
22
|
+
* **package:** integrate icons into main repo ([b7dfbda](https://github.com/Graupl/graupl/commit/b7dfbdac321b1cf66b5d899203e3cfb2b2951cbf))
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
### Code Refactoring
|
|
26
|
+
|
|
27
|
+
* **menu:** change default toggle content ([2389b0b](https://github.com/Graupl/graupl/commit/2389b0b962ca70c83d3e00363ea39c44162d2e89))
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
### Build System
|
|
31
|
+
|
|
32
|
+
* **container:** add docker environment for development ([d4358ae](https://github.com/Graupl/graupl/commit/d4358ae2580faccfd9735fd9cd475aaba33c7bf1))
|
|
33
|
+
* **graupl:** set up namespaces and sub packaging ([7e5bfaa](https://github.com/Graupl/graupl/commit/7e5bfaaea03963aefb87417b77b888761e5223f4))
|
|
34
|
+
* **npm:** replace standard-version with commit-and-tag-version ([d8ceddc](https://github.com/Graupl/graupl/commit/d8ceddc8e9cf7eeacc7af2f6f08fbbf5ac076404))
|
|
35
|
+
* **release:** update all package versions when release is run ([e0af825](https://github.com/Graupl/graupl/commit/e0af8254bea76f13628d8fde1393751aaa37d939))
|
|
36
|
+
* **sass:** use node importer ([74301c0](https://github.com/Graupl/graupl/commit/74301c00da97d75354cfe42cde40b8ebe4c38073))
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
### Continuous Integration
|
|
40
|
+
|
|
41
|
+
* add release workflows ([0c03570](https://github.com/Graupl/graupl/commit/0c035700c044c9ffbd8f4262003e45db4b4c7edd))
|
|
42
|
+
* **prerelease:** fix logic ([6b340f8](https://github.com/Graupl/graupl/commit/6b340f80ba6856ccb0bbb7d1863e373ff2b5f888))
|
|
43
|
+
* **prerelease:** fix logic ([a191379](https://github.com/Graupl/graupl/commit/a191379d87bd640376be90cda94bc39cf2f7659c))
|
|
44
|
+
* **release:** fix formatting ([63bc38b](https://github.com/Graupl/graupl/commit/63bc38bcecec4cc91787a1486b5f2d492dece987))
|
|
45
|
+
* **release:** fix triggers ([f3194f3](https://github.com/Graupl/graupl/commit/f3194f31e8352ce71b2a341a6339d837f787b6b8))
|
|
46
|
+
* **release:** update workflows to handle workspaces ([27eebf5](https://github.com/Graupl/graupl/commit/27eebf501002ea4aad2432467dee00677f5e743e))
|
|
47
|
+
* standard ci names, permissions, and formats ([85b5a6d](https://github.com/Graupl/graupl/commit/85b5a6d4142cecb1ad0c7b15b7bf9e1861ba8c42))
|
|
48
|
+
|
|
49
|
+
## [1.0.0-beta.8](https://github.com/Graupl/graupl/compare/v1.0.0-beta.7...v1.0.0-beta.8) (2025-06-04)
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
### Features
|
|
53
|
+
|
|
54
|
+
* add inital logo ([d7a2b55](https://github.com/Graupl/graupl/commit/d7a2b5540cf6a5e9d6d6947082a47342b9103ae8))
|
|
55
|
+
* add logo stuff ([c79bca3](https://github.com/Graupl/graupl/commit/c79bca3a9635d266fb8bab9854e656977fe12dcf))
|
|
56
|
+
* **base:** add new border radius custom props to buttons ([cea4075](https://github.com/Graupl/graupl/commit/cea40753c0045c246274d826f71f6f0f9d14f625))
|
|
57
|
+
* **base:** add new border radius custom props to links ([08cc74e](https://github.com/Graupl/graupl/commit/08cc74e56ef81ab6b05e7f5d541b5cd4f09be7f7))
|
|
58
|
+
* **base:** use latest standards for various properties and documentation ([54814bf](https://github.com/Graupl/graupl/commit/54814bf7aa3044a77efd8c59d1156f397accef25)), closes [#156](https://github.com/Graupl/graupl/issues/156) [#157](https://github.com/Graupl/graupl/issues/157) [#136](https://github.com/Graupl/graupl/issues/136)
|
|
59
|
+
* **columns:** add new columns max content width custom prop ([f88d865](https://github.com/Graupl/graupl/commit/f88d86501a7ee67b4a22f40b26c625065a1c9820))
|
|
60
|
+
* **component:** handle menu and navigation similar to new links and buttons ([22dc6ad](https://github.com/Graupl/graupl/commit/22dc6ad5aa6b50fa80597b8a554b528b1525ce12))
|
|
61
|
+
* implement container query support ([e4ef996](https://github.com/Graupl/graupl/commit/e4ef996288edccb258cd8506b3ab9cae93615ec3))
|
|
62
|
+
* implement new border standardization across all components ([dbaaed2](https://github.com/Graupl/graupl/commit/dbaaed273f90b9b5094756395742c3644916cddd))
|
|
63
|
+
* **layout:** add container query classes to flex-columns ([17799a2](https://github.com/Graupl/graupl/commit/17799a22b08619ea08b880784bbe23af181ab830))
|
|
64
|
+
* **theme:** implement new color custom props ([2dd4d89](https://github.com/Graupl/graupl/commit/2dd4d895735c590aa4cfebb25d9f6fd2720983a4))
|
|
65
|
+
* **utility:** add container type classes ([0a1efb7](https://github.com/Graupl/graupl/commit/0a1efb775f4fc8a07c0541849c6f1b2844d30002)), closes [#161](https://github.com/Graupl/graupl/issues/161)
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
### Bug Fixes
|
|
69
|
+
|
|
70
|
+
* **accordion:** correct border defaults ([34eccb4](https://github.com/Graupl/graupl/commit/34eccb4017275a1818f892fa57cf44b22a81add8))
|
|
71
|
+
* **card:** correct grid layout ([cbb2785](https://github.com/Graupl/graupl/commit/cbb2785c6000e63075fa6ed6faee6a07d10a59c2))
|
|
72
|
+
* **container:** correct sidebar media queries ([f0be06f](https://github.com/Graupl/graupl/commit/f0be06f2c828c2fc70d9fe835e74c88a0c39a410))
|
|
73
|
+
* **demo:** correct broken html ([2faa489](https://github.com/Graupl/graupl/commit/2faa489a59a905b8979455be851b5f36d08f3d95))
|
|
74
|
+
* **lists:** correct border defaults ([e066101](https://github.com/Graupl/graupl/commit/e0661010405605d6eef8803aa6688afb3fbcdb00))
|
|
75
|
+
* **menu:** correct border defaults ([c4184bf](https://github.com/Graupl/graupl/commit/c4184bfc815e87ce10ac7b33b3b9d1fbf67443bb))
|
|
76
|
+
* **menu:** use selector base for buttons ([c36ed16](https://github.com/Graupl/graupl/commit/c36ed16e9e551c0a22d0576f49c996fa3ee1435f))
|
|
77
|
+
* **sp:** correct typo in property name ([46757b9](https://github.com/Graupl/graupl/commit/46757b9b6e028859117145e81a17be0257d76ead))
|
|
78
|
+
* **utility:** use graupl color and background props in color utilities ([dcfe3a5](https://github.com/Graupl/graupl/commit/dcfe3a51495ec216034026ec22dc3e0d2c50e8bc))
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
### Performance Improvements
|
|
82
|
+
|
|
83
|
+
* **base:** greatly simplify and standardize links and buttons ([1176330](https://github.com/Graupl/graupl/commit/1176330fb406bc587f68711342fc97a5a10f2bc8))
|
|
84
|
+
|
|
85
|
+
## [1.0.0-beta.7](https://github.com/Graupl/graupl/compare/v1.0.0-beta.6...v1.0.0-beta.7) (2025-05-01)
|
|
86
|
+
|
|
87
|
+
|
|
88
|
+
### Bug Fixes
|
|
89
|
+
|
|
90
|
+
* **utility:** correct z-index property ([3d7168c](https://github.com/Graupl/graupl/commit/3d7168ca2da2b11bc8d25cbd928631490cc4ae54))
|
|
91
|
+
|
|
92
|
+
## [1.0.0-beta.6](https://github.com/Graupl/graupl/compare/v1.0.0-beta.5...v1.0.0-beta.6) (2025-04-30)
|
|
93
|
+
|
|
94
|
+
|
|
95
|
+
### Features
|
|
96
|
+
|
|
97
|
+
* **container:** add sidebar functionality ([ec64613](https://github.com/Graupl/graupl/commit/ec64613f8a9b9de5907dd8c339be743cf7703685))
|
|
98
|
+
* **utility:** add z-index ([88890e5](https://github.com/Graupl/graupl/commit/88890e552450cb0419c939e5b8c2555746fe939b))
|
|
99
|
+
|
|
100
|
+
|
|
101
|
+
### Performance Improvements
|
|
102
|
+
|
|
103
|
+
* **background:** remove unused utilities ([466732f](https://github.com/Graupl/graupl/commit/466732f1b68aa7c7c7fd32959718610b10eaf667))
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
### Build System
|
|
107
|
+
|
|
108
|
+
* **docs:** update server host for docs dev ([d63ce32](https://github.com/Graupl/graupl/commit/d63ce3251a6ee68181b8f1f6e66e6e77e5dbd529))
|
|
109
|
+
|
|
110
|
+
|
|
111
|
+
### Documentation
|
|
112
|
+
|
|
113
|
+
* improve existing docs begin utility overhaul ([b291618](https://github.com/Graupl/graupl/commit/b29161871624bb1dfa90efa62ab24f26303f069f))
|
|
114
|
+
* remove base dir ([3a124a7](https://github.com/Graupl/graupl/commit/3a124a71233dedcf8fce11c9f488eabca425249e))
|
|
115
|
+
* touch up color docs ([c0eced5](https://github.com/Graupl/graupl/commit/c0eced5a745348d7df86326945f70a2d9dd1db68))
|
|
116
|
+
* **utlities:** add background, border, and color utilities ([0594a77](https://github.com/Graupl/graupl/commit/0594a772db7ed28b0de8ec4f374a0615626bf0b2))
|
|
117
|
+
|
|
118
|
+
## [1.0.0-beta.5](https://github.com/Graupl/graupl/compare/v1.0.0-beta.4...v1.0.0-beta.5) (2025-03-10)
|
|
119
|
+
|
|
120
|
+
|
|
121
|
+
### Features
|
|
122
|
+
|
|
123
|
+
* add control over container min widths and make it easier to cascade containers ([8de27f0](https://github.com/Graupl/graupl/commit/8de27f01abba42c2729539f3992e5375bcf2e55c))
|
|
124
|
+
* container code and documentation improvements ([f25a063](https://github.com/Graupl/graupl/commit/f25a0639cff5031d41d7af817e9a1d3bbcfc7add))
|
|
125
|
+
* **utilities:** add more customization options and documentation ([36f5387](https://github.com/Graupl/graupl/commit/36f5387d4ce038d40fc54830424193a0513541a3))
|
|
126
|
+
|
|
127
|
+
|
|
128
|
+
### Documentation
|
|
129
|
+
|
|
130
|
+
* **layout:** add descriptions, available options, and examples ([e0d1c28](https://github.com/Graupl/graupl/commit/e0d1c2816188428580b4fccea1e983f760c806c7))
|
|
131
|
+
* standardize wording and structure of current documented files ([433c7be](https://github.com/Graupl/graupl/commit/433c7be6b04c8c98ea7e83bcb6226d2cd0e55c6b))
|
|
132
|
+
* **state:** properly document focus ([8f1b1dc](https://github.com/Graupl/graupl/commit/8f1b1dcd36f56b00425e72a9e406dac4b2ff23a5))
|
|
133
|
+
|
|
134
|
+
## [1.0.0-beta.4](https://github.com/Graupl/graupl/compare/v1.0.0-beta.3...v1.0.0-beta.4) (2025-02-14)
|
|
135
|
+
|
|
136
|
+
|
|
137
|
+
### Bug Fixes
|
|
138
|
+
|
|
139
|
+
* **layers:** use id in layer initialization ([f09a3ae](https://github.com/Graupl/graupl/commit/f09a3aeffdfe2bc0c781fa2a29aac1cd2f15e484))
|
|
140
|
+
* **utility:** update gap to account for selector base ([550136b](https://github.com/Graupl/graupl/commit/550136b822959c1db1113f19a90ffe377315b270))
|
|
141
|
+
|
|
142
|
+
|
|
143
|
+
### Build System
|
|
144
|
+
|
|
145
|
+
* **git:** update pages job to use latest versions ([79a1d18](https://github.com/Graupl/graupl/commit/79a1d18bf12573b0885621aa3b5132136c623150))
|
|
146
|
+
|
|
147
|
+
## [1.0.0-beta.3](https://github.com/Graupl/graupl/compare/v1.0.0-beta.2...v1.0.0-beta.3) (2025-02-12)
|
|
148
|
+
|
|
149
|
+
|
|
150
|
+
### Features
|
|
151
|
+
|
|
152
|
+
* **layout:** implement graupl-structured flex columns and new selector base ([684f715](https://github.com/Graupl/graupl/commit/684f71529a80cacaa24cc0ca4ace8300e21576a3)), closes [#136](https://github.com/Graupl/graupl/issues/136)
|
|
153
|
+
* **layout:** implement selector-base ([cc70559](https://github.com/Graupl/graupl/commit/cc705592ddb289970d7276d380223bdaaba2c3a8)), closes [#136](https://github.com/Graupl/graupl/issues/136)
|
|
154
|
+
* **utilities:** add gradients and background options ([75a1708](https://github.com/Graupl/graupl/commit/75a1708748793ff33736144c7046dde64845b51c))
|
|
155
|
+
* **utilities:** add radial gradient options ([38bc6df](https://github.com/Graupl/graupl/commit/38bc6df42e09e6ed7873f9d3bed1577bfa6f86b5))
|
|
156
|
+
|
|
157
|
+
|
|
158
|
+
### Bug Fixes
|
|
159
|
+
|
|
160
|
+
* **utilities:** correct generation for gradient aware-variant classes ([b69d1ff](https://github.com/Graupl/graupl/commit/b69d1ff1a68863f41b5a5c35d8ab1329dfeb0221))
|
|
161
|
+
|
|
162
|
+
|
|
163
|
+
### Performance Improvements
|
|
164
|
+
|
|
165
|
+
* **utilities:** disable default aware-variants for gradient and background ([0f04459](https://github.com/Graupl/graupl/commit/0f04459d79b7dcd80900427339ac65e52cb7ed33))
|
|
166
|
+
|
|
167
|
+
|
|
168
|
+
### Build System
|
|
169
|
+
|
|
170
|
+
* **postcss:** add custom postcss plugin to merge layers ([#134](https://github.com/Graupl/graupl/issues/134)) ([0382d07](https://github.com/Graupl/graupl/commit/0382d076f11b416008d7d4076331452c66834939))
|
|
171
|
+
|
|
172
|
+
## [1.0.0-beta.2](https://github.com/Graupl/graupl/compare/v1.0.0-beta.1...v1.0.0-beta.2) (2024-12-13)
|
|
173
|
+
|
|
174
|
+
|
|
175
|
+
### Features
|
|
176
|
+
|
|
177
|
+
* **component:** add list and list item ([98f899c](https://github.com/Graupl/graupl/commit/98f899c1555277145271ac65060105d3d1ace1b0))
|
|
178
|
+
* implement id and layer control ([2b39b73](https://github.com/Graupl/graupl/commit/2b39b73fac4aed26eb8f49da5e66e625b6936263))
|
|
179
|
+
* **utilities:** add theme and state aware utilities ([fa835cb](https://github.com/Graupl/graupl/commit/fa835cb98c877a14653686569f44f3a553cb1d92))
|
|
180
|
+
* **utility:** add border classes ([5a408df](https://github.com/Graupl/graupl/commit/5a408dfdfa01daa37210cf5aecbbe6e3fe708715))
|
|
181
|
+
* **utility:** add flex basis and fix generation of existing flex classes ([05499f7](https://github.com/Graupl/graupl/commit/05499f79773bcc90b5d59f1a5b74d86f26aeb2bf))
|
|
182
|
+
* **utility:** add text transform classes ([0f2e074](https://github.com/Graupl/graupl/commit/0f2e07403e884c42eb21fb4d4bc0dcfd426d96eb))
|
|
183
|
+
|
|
184
|
+
|
|
185
|
+
### Bug Fixes
|
|
186
|
+
|
|
187
|
+
* **component:** use correct screen mixin for input group inline ([73ac6cb](https://github.com/Graupl/graupl/commit/73ac6cb58684d2c4f6eea82a507b721359bed9ae))
|
|
188
|
+
* **utilities:** correct selector for display classes ([65c5052](https://github.com/Graupl/graupl/commit/65c5052311382f8c25eb9f89edd1faade42b7901))
|
|
189
|
+
|
|
190
|
+
|
|
191
|
+
### Performance Improvements
|
|
192
|
+
|
|
193
|
+
* **screen:** add error checking for mixins and functions ([3130bce](https://github.com/Graupl/graupl/commit/3130bce2e43d43194c56b983b755d8a0acd13500))
|
|
194
|
+
|
|
195
|
+
|
|
196
|
+
### Code Refactoring
|
|
197
|
+
|
|
198
|
+
* **border:** use rem for default width ([8ef867f](https://github.com/Graupl/graupl/commit/8ef867f30860134a59fa4bf147d05d618a7cbfcb))
|
|
4
199
|
|
|
5
200
|
## [1.0.0-beta.1](https://github.com/Graupl/graupl/compare/v1.0.0-beta.0...v1.0.0-beta.1) (2024-12-06)
|
|
6
201
|
|
package/build.js
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import Accordion from "./packages/core/src/js/accordion/Accordion.js";
|
|
2
|
+
import Alert from "./packages/core/src/js/alert/Alert.js";
|
|
3
|
+
import Carousel from "./packages/core/src/js/carousel/Carousel.js";
|
|
3
4
|
|
|
4
5
|
export default {
|
|
6
|
+
Accordion,
|
|
5
7
|
Alert,
|
|
6
8
|
Carousel,
|
|
7
9
|
};
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @file
|
|
3
|
+
* PostCSS plugin to combine multiple at-rules into a single at-rule.
|
|
4
|
+
*
|
|
5
|
+
* This will go through each at-rule, save each as a key in an object, and then combine all of the at-rules into a single at-rule.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
const plugin = (options = {}) => {
|
|
9
|
+
const atRules = {};
|
|
10
|
+
const atRulesToProcess = options.atRules || [];
|
|
11
|
+
|
|
12
|
+
return {
|
|
13
|
+
postcssPlugin: "combine-at-rules",
|
|
14
|
+
AtRule(atRule) {
|
|
15
|
+
if (atRule.processed) {
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
if (
|
|
20
|
+
(atRulesToProcess.length < 1 ||
|
|
21
|
+
atRulesToProcess.includes(atRule.name)) &&
|
|
22
|
+
atRule.nodes &&
|
|
23
|
+
atRule.nodes.length > 0
|
|
24
|
+
) {
|
|
25
|
+
// Save the at-rule for later
|
|
26
|
+
if (atRules[atRule.name]) {
|
|
27
|
+
if (atRules[atRule.name][atRule.params]) {
|
|
28
|
+
atRules[atRule.name][atRule.params].append(atRule.nodes);
|
|
29
|
+
} else {
|
|
30
|
+
atRules[atRule.name][atRule.params] = atRule.clone();
|
|
31
|
+
}
|
|
32
|
+
} else {
|
|
33
|
+
atRules[atRule.name] = {
|
|
34
|
+
[atRule.params]: atRule.clone(),
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
// Remove the at-rule from the tree
|
|
39
|
+
atRule.processed = true;
|
|
40
|
+
atRule.remove();
|
|
41
|
+
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
Root(root) {
|
|
46
|
+
// Combine all of the at-rules into a single at-rule
|
|
47
|
+
// Only do this for rules found in the current file.
|
|
48
|
+
for (const atRuleName in atRules) {
|
|
49
|
+
for (const atRuleParams in atRules[atRuleName]) {
|
|
50
|
+
const atRule = atRules[atRuleName][atRuleParams];
|
|
51
|
+
|
|
52
|
+
root.append(atRule);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
plugin.postcss = true;
|
|
60
|
+
|
|
61
|
+
module.exports = plugin;
|
package/container/.env
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
## Docker Compose Settings.
|
|
2
|
+
### N.B. Docker Compose settings must be placed in your workspace root .env as well ###
|
|
3
|
+
COMPOSE_PROJECT_NAME=graupl
|
|
4
|
+
|
|
5
|
+
## For a list of environment variables you can set here see the
|
|
6
|
+
## docker-compose.yml file in this directory.
|
|
7
|
+
|
|
8
|
+
## PHP Settings
|
|
9
|
+
# Downgrade Ubuntu from 25.10
|
|
10
|
+
# UBUNTU_VERSION=25.04
|
|
11
|
+
|
|
12
|
+
## Node Settings
|
|
13
|
+
# Downgrade node version from 22.
|
|
14
|
+
# NODE_MAJOR_VERSION=20
|
|
15
|
+
|
|
16
|
+
## NPM Settings
|
|
17
|
+
# Downgrade npm version from 11.
|
|
18
|
+
# NPM_MAJOR_VERSION=10
|
|
19
|
+
|
|
20
|
+
## Docker Rootless settings.
|
|
21
|
+
### Usually this is best to put in your user account's .bashrc file to set
|
|
22
|
+
### Globally instead of just for this project.
|
|
23
|
+
# TRAEFIK_DOCKER_SOCKET=/run/user/1000/docker.sock
|
|
24
|
+
|
|
25
|
+
## Set your target architecture to ARM (e.g. Apple Silicon)
|
|
26
|
+
# TARGET_ARCHITECTURE=linux/arm64
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
ARG UBUNTU_VERSION=25.10
|
|
2
|
+
FROM ubuntu:$UBUNTU_VERSION
|
|
3
|
+
LABEL maintainer="Coldfront Labs Inc. <info@coldfrontlabs.ca>"
|
|
4
|
+
ARG CONTAINER_DIR=/var/www/html
|
|
5
|
+
WORKDIR $CONTAINER_DIR
|
|
6
|
+
|
|
7
|
+
# Update packages.
|
|
8
|
+
ENV DEBIAN_FRONTEND=noninteractive
|
|
9
|
+
RUN apt update -y; apt upgrade -y; \
|
|
10
|
+
# @todo determine which keys are insecure and update them.; \
|
|
11
|
+
apt update --allow-insecure-repositories --allow-unauthenticated; \
|
|
12
|
+
apt install -y ca-certificates curl ssh gnupg; \
|
|
13
|
+
apt-get clean && \
|
|
14
|
+
apt-get autoclean && \
|
|
15
|
+
apt-get autoremove
|
|
16
|
+
|
|
17
|
+
# Fix arm/Apple Silicon support.
|
|
18
|
+
ARG ARCHITECTURE="linux/x86_64"
|
|
19
|
+
RUN if [ "$ARCHITECTURE" = "linux/arm64" ] ; then wget -O "/usr/local/bin/go-replace" "https://github.com/webdevops/goreplace/releases/download/1.1.2/gr-arm64-linux" \
|
|
20
|
+
&& chmod +x "/usr/local/bin/go-replace" \
|
|
21
|
+
&& "/usr/local/bin/go-replace" --version ; fi
|
|
22
|
+
|
|
23
|
+
# Add git.
|
|
24
|
+
ENV SHELL bash
|
|
25
|
+
RUN curl -skL https://raw.githubusercontent.com/git/git/master/contrib/completion/git-completion.bash -o ~/.git-completion.bash; \
|
|
26
|
+
echo 'source ~/.git-completion.bash' >> ~/.bashrc;
|
|
27
|
+
|
|
28
|
+
# Add nodejs, git-lfs and other dev tools.
|
|
29
|
+
ARG NODE_MAJOR_VERSION="22"
|
|
30
|
+
RUN mkdir -p /etc/apt/keyrings; \
|
|
31
|
+
curl -fsSL https://deb.nodesource.com/gpgkey/nodesource-repo.gpg.key | gpg --dearmor -o /etc/apt/keyrings/nodesource.gpg; \
|
|
32
|
+
echo "deb [signed-by=/etc/apt/keyrings/nodesource.gpg] https://deb.nodesource.com/node_$NODE_MAJOR_VERSION.x nodistro main" | tee /etc/apt/sources.list.d/nodesource.list; \
|
|
33
|
+
apt update -y; \
|
|
34
|
+
apt install nodejs build-essential git-lfs bash-completion -y --no-install-recommends; \
|
|
35
|
+
apt-get clean && \
|
|
36
|
+
apt-get autoclean && \
|
|
37
|
+
apt-get autoremove || true;
|
|
38
|
+
|
|
39
|
+
# Customize NPM if need be.
|
|
40
|
+
ARG NPM_MAJOR_VERSION=""
|
|
41
|
+
RUN if [ ! -z "$NPM_MAJOR_VERSION" ] ; then npm i -g npm@$NPM_MAJOR_VERSION ; fi
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
# This file is managed by dropfort/dropfort_build.
|
|
2
|
+
# Modifications to this file will be overwritten by default.
|
|
3
|
+
|
|
4
|
+
volumes:
|
|
5
|
+
node-modules:
|
|
6
|
+
bashhistory:
|
|
7
|
+
|
|
8
|
+
services:
|
|
9
|
+
app:
|
|
10
|
+
build:
|
|
11
|
+
context: ./
|
|
12
|
+
dockerfile: build/app.dockerfile
|
|
13
|
+
args:
|
|
14
|
+
UBUNTU_VERSION: "${UBUNTU_VERSION:-25.10}"
|
|
15
|
+
NODE_MAJOR_VERSION: "${NODE_MAJOR_VERSION:-22}"
|
|
16
|
+
NPM_MAJOR_VERSION: "${NPM_MAJOR_VERSION:-}"
|
|
17
|
+
container_name: "${COMPOSE_PROJECT_NAME:-graupl}_app"
|
|
18
|
+
environment:
|
|
19
|
+
COLUMNS: 80 # Set 80 columns for docker exec -it.
|
|
20
|
+
CONTAINER_DIR: ${CONTAINER_DIR:-/var/www/html}
|
|
21
|
+
SSH_AUTH_SOCK: "/run/host-services/ssh-auth.sock"
|
|
22
|
+
volumes:
|
|
23
|
+
- ../:${CONTAINER_DIR:-/var/www/html}:cached
|
|
24
|
+
- ~/.ssh/config:/root/.ssh/config
|
|
25
|
+
- ~/.ssh/known_hosts:/root/.ssh/known_hosts
|
|
26
|
+
- node-modules:${CONTAINER_DIR:-/var/www/html}/node_modules
|
|
27
|
+
- bashhistory:/commandhistory
|
package/dist/css/base/button.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer graupl-.base{.button{align-items:center;border:var(--graupl-button-border,var(--graupl-button-border-width,var(--graupl-border-width,2px)) var(--graupl-botton-border-style,var(--graupl-border-style,solid)));border-radius:var(--graupl-button-border-radius,var(--graupl-border-radius,.125rem));cursor:pointer;display:flex;font-size:var(--graupl-button-font-size,var(--graupl-font-base,calc(var(--graupl-font-size-base, 1rem)*1)));justify-content:center;min-height:var(--graupl-button-min-height,44px);min-width:var(--graupl-button-min-width,44px);padding:var(--graupl-button-padding,var(--graupl-button-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-button-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));transform:var(--graupl-button-transform,none);transition:var(--graupl-button-transition,background var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease))}.button.visited,.button:visited{--graupl-button-transform:var(--graupl-button-visited-transform,none)}.button.focus{--graupl-button-transform:var(--graupl-button-focus-transform,none)}.button:focus-visible{--graupl-button-transform:var(--graupl-button-focus-transform,none)}.button.hover,.button:hover{--graupl-button-transform:var(--graupl-button-hover-transform,none)}.button.active,.button:active{--graupl-button-transform:var(--graupl-button-active-transform,scale(0.95))}.button.disabled,.button.disabled.focus,.button.disabled.visited,.button.disabled:visited{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.button.disabled,.button.disabled:focus-visible{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.button.disabled,.button.disabled.active,.button.disabled.disabled,.button.disabled.hover,.button.disabled:active,.button.disabled:disabled,.button.disabled:hover,.button.disabled[aria-disabled=true],.button.disabled[disabled],.button:disabled,.button:disabled.focus,.button:disabled.visited,.button:disabled:visited{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.button:disabled,.button:disabled:focus-visible{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.button:disabled,.button:disabled.active,.button:disabled.disabled,.button:disabled.hover,.button:disabled:active,.button:disabled:disabled,.button:disabled:hover,.button:disabled[aria-disabled=true],.button:disabled[disabled],.button[disabled],.button[disabled].focus,.button[disabled].visited,.button[disabled]:visited{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.button[disabled],.button[disabled]:focus-visible{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.button[aria-disabled=true],.button[aria-disabled=true].focus,.button[aria-disabled=true].visited,.button[aria-disabled=true]:visited,.button[disabled],.button[disabled].active,.button[disabled].disabled,.button[disabled].hover,.button[disabled]:active,.button[disabled]:disabled,.button[disabled]:hover,.button[disabled][aria-disabled=true],.button[disabled][disabled]{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.button[aria-disabled=true],.button[aria-disabled=true]:focus-visible{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}.button[aria-disabled=true],.button[aria-disabled=true].active,.button[aria-disabled=true].disabled,.button[aria-disabled=true].hover,.button[aria-disabled=true]:active,.button[aria-disabled=true]:disabled,.button[aria-disabled=true]:hover,.button[aria-disabled=true][aria-disabled=true],.button[aria-disabled=true][disabled]{--graupl-button-transform:var(--graupl-button-disabled-transform,none);cursor:not-allowed}@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.visited,.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{--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: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,.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,.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.focus,.button.disabled.visited,.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))))}.button.disabled,.button.disabled:focus-visible{--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))))}.button.disabled,.button.disabled.active,.button.disabled.disabled,.button.disabled.hover,.button.disabled:active,.button.disabled:disabled,.button.disabled:hover,.button.disabled[aria-disabled=true],.button.disabled[disabled],.button:disabled,.button:disabled.focus,.button:disabled.visited,.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))))}.button:disabled,.button:disabled:focus-visible{--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))))}.button:disabled,.button:disabled.active,.button:disabled.disabled,.button:disabled.hover,.button:disabled:active,.button:disabled:disabled,.button:disabled:hover,.button:disabled[aria-disabled=true],.button:disabled[disabled],.button[disabled],.button[disabled].focus,.button[disabled].visited,.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))))}.button[disabled],.button[disabled]:focus-visible{--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))))}.button[aria-disabled=true],.button[aria-disabled=true].focus,.button[aria-disabled=true].visited,.button[aria-disabled=true]:visited,.button[disabled],.button[disabled].active,.button[disabled].disabled,.button[disabled].hover,.button[disabled]:active,.button[disabled]:disabled,.button[disabled]:hover,.button[disabled][aria-disabled=true],.button[disabled][disabled]{--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))))}.button[aria-disabled=true],.button[aria-disabled=true]:focus-visible{--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))))}.button[aria-disabled=true],.button[aria-disabled=true].active,.button[aria-disabled=true].disabled,.button[aria-disabled=true].hover,.button[aria-disabled=true]:active,.button[aria-disabled=true]:disabled,.button[aria-disabled=true]:hover,.button[aria-disabled=true][aria-disabled=true],.button[aria-disabled=true][disabled]{--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))))}}.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))}@layer graupl-.base{.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)}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}}@layer graupl-.theme{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))))}}
|
|
1
|
+
@layer graupl.base{.button{align-items:center;border-radius:var(--graupl-button-border-radius,var(--graupl-button-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem))) var(--graupl-button-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-button-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-button-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));border-style:var(--graupl-button-border-style,var(--graupl-button-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-button-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-button-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-button-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-width:var(--graupl-button-border-width,var(--graupl-button-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem))) var(--graupl-button-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem))) var(--graupl-button-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem))) var(--graupl-button-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.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,.button:visited{transform:var(--graupl-button-visited-transform,var(--graupl-button-transform,none))}.button.focus{transform:var(--graupl-button-focus-transform,var(--graupl-button-transform,none))}.button:focus-visible{transform:var(--graupl-button-focus-transform,var(--graupl-button-transform,none))}.button.hover,.button:hover{transform:var(--graupl-button-hover-transform,var(--graupl-button-transform,none))}.button.active,.button:active{transform:var(--graupl-button-active-transform,scale(.95))}.button.disabled{cursor:not-allowed}.button.disabled,.button.disabled.focus,.button.disabled.visited,.button.disabled:visited{transform:var(--graupl-button-disabled-transform,none)}.button.disabled:focus-visible{transform:var(--graupl-button-disabled-transform,none)}.button.disabled.active,.button.disabled.hover,.button.disabled:active,.button.disabled:hover,.button:disabled{transform:var(--graupl-button-disabled-transform,none)}.button:disabled{cursor:not-allowed}.button:disabled.focus,.button:disabled.visited,.button:disabled:visited{transform:var(--graupl-button-disabled-transform,none)}.button:disabled:focus-visible{transform:var(--graupl-button-disabled-transform,none)}.button:disabled.active,.button:disabled.hover,.button:disabled:active,.button:disabled:hover,.button[disabled]{transform:var(--graupl-button-disabled-transform,none)}.button[disabled]{cursor:not-allowed}.button[disabled].focus,.button[disabled].visited,.button[disabled]:visited{transform:var(--graupl-button-disabled-transform,none)}.button[disabled]:focus-visible{transform:var(--graupl-button-disabled-transform,none)}.button[aria-disabled=true],.button[disabled].active,.button[disabled].hover,.button[disabled]:active,.button[disabled]:hover{transform:var(--graupl-button-disabled-transform,none)}.button[aria-disabled=true]{cursor:not-allowed}.button[aria-disabled=true].focus,.button[aria-disabled=true].visited,.button[aria-disabled=true]:visited{transform:var(--graupl-button-disabled-transform,none)}.button[aria-disabled=true]:focus-visible{transform:var(--graupl-button-disabled-transform,none)}.button[aria-disabled=true].active,.button[aria-disabled=true].hover,.button[aria-disabled=true]:active,.button[aria-disabled=true]:hover{transform:var(--graupl-button-disabled-transform,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))}}.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,var(--graupl-link-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,var(--graupl-link-hover-transform,none));--graupl-button-border-width:var(--graupl-link-border-width,var(--graupl-link-border-top-width,0) var(--graupl-link-border-right-width,0) var(--graupl-link-border-bottom-width,0) var(--graupl-link-border-left-width,0));--graupl-button-border-style:var(--graupl-link-border-style,var(--graupl-link-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-link-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-link-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-link-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));--graupl-button-border-radius:var(--graupl-link-border-radius,var(--graupl-link-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,0.125rem))) var(--graupl-link-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,0.125rem))) var(--graupl-link-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,0.125rem))) var(--graupl-link-border-bottom-left-radius,var(--graupl-border-bottom-left-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,.125rem))}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,var(--graupl-button-transform,none));--graupl-link-focus-transform:var(--graupl-button-focus-transform,var(--graupl-button-transform,none));--graupl-link-hover-transform:var(--graupl-button-hover-transform,var(--graupl-button-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-button-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,0.125rem))) var(--graupl-button-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,0.125rem))) var(--graupl-button-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,0.125rem))) var(--graupl-button-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,0.125rem))));--graupl-link-border-style:var(--graupl-button-border-style,var(--graupl-button-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-button-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-button-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-button-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));--graupl-link-border-radius:var(--graupl-button-border-radius,var(--graupl-button-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,0.125rem))) var(--graupl-button-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,0.125rem))) var(--graupl-button-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,0.125rem))) var(--graupl-button-border-bottom-left-radius,var(--graupl-border-bottom-left-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}}@layer graupl.theme{.button{background:var(--graupl-button-background,var(--graupl-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-border-color,var(--graupl-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-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-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-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-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-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.visited,.button:visited{background:var(--graupl-button-visited-background,var(--graupl-button-background,var(--graupl-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-visited-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-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-visited-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.button.focus{background:var(--graupl-button-focus-background,var(--graupl-button-background,var(--graupl-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-focus-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-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-focus-color,var(--graupl-button-color,var(--graupl-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{background:var(--graupl-button-focus-background,var(--graupl-button-background,var(--graupl-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-focus-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-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-focus-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.button.hover,.button:hover{background:var(--graupl-button-hover-background,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));border-color:var(--graupl-button-hover-border-color,var(--graupl-border-color,var(--graupl-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-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))}.button.active,.button:active{background:var(--graupl-button-active-background,var(--graupl-button-hover-background,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));border-color:var(--graupl-button-active-border-color,var(--graupl-button-hover-border-color,var(--graupl-border-color,var(--graupl-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-active-color,var(--graupl-button-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))))}.button.disabled,.button.disabled.focus,.button.disabled.visited,.button.disabled:visited{background:var(--graupl-button-disabled-background,var(--graupl-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-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button.disabled:focus-visible{background:var(--graupl-button-disabled-background,var(--graupl-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-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button.disabled.active,.button.disabled.hover,.button.disabled:active,.button.disabled:hover,.button:disabled,.button:disabled.focus,.button:disabled.visited,.button:disabled:visited{background:var(--graupl-button-disabled-background,var(--graupl-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-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button:disabled:focus-visible{background:var(--graupl-button-disabled-background,var(--graupl-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-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button:disabled.active,.button:disabled.hover,.button:disabled:active,.button:disabled:hover,.button[disabled],.button[disabled].focus,.button[disabled].visited,.button[disabled]:visited{background:var(--graupl-button-disabled-background,var(--graupl-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-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button[disabled]:focus-visible{background:var(--graupl-button-disabled-background,var(--graupl-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-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button[aria-disabled=true],.button[aria-disabled=true].focus,.button[aria-disabled=true].visited,.button[aria-disabled=true]:visited,.button[disabled].active,.button[disabled].hover,.button[disabled]:active,.button[disabled]:hover{background:var(--graupl-button-disabled-background,var(--graupl-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-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button[aria-disabled=true]:focus-visible{background:var(--graupl-button-disabled-background,var(--graupl-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-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button[aria-disabled=true].active,.button[aria-disabled=true].hover,.button[aria-disabled=true]:active,.button[aria-disabled=true]:hover{background:var(--graupl-button-disabled-background,var(--graupl-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-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.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-link-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-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-link-hover-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,var(--graupl-link-background,transparent));--graupl-button-focus-background:var(--graupl-link-focus-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,var(--graupl-link-hover-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,var(--graupl-link-border-color,transparent));--graupl-button-focus-border-color:var(--graupl-link-focus-border-color,var(--graupl-link-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,var(--graupl-link-hover-border-color,transparent));--graupl-button-disabled-border-color:var(--graupl-link-disabled-border-color,transparent)}a.button:not(.link){--graupl-link-color:var(--graupl-button-color,var(--graupl-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-button-color,var(--graupl-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-button-color,var(--graupl-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-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-link-active-color:var(--graupl-button-active-color,var(--graupl-button-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));--graupl-link-disabled-color:var(--graupl-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-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-button-background,var(--graupl-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-button-background,var(--graupl-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-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-background:var(--graupl-button-active-background,var(--graupl-button-hover-background,var(--graupl-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-background:var(--graupl-button-disabled-background,var(--graupl-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-border-color,var(--graupl-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-button-border-color,var(--graupl-border-color,var(--graupl-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-button-border-color,var(--graupl-border-color,var(--graupl-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-border-color,var(--graupl-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-button-hover-border-color,var(--graupl-border-color,var(--graupl-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 */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/scss/mixins/_layer.scss","../../../src/scss/base/button/_index.scss","../../../src/scss/base/button/_mixins.scss","../../../src/scss/base/button/_variables.scss","button.css","../../../src/scss/mixins/_animation.scss","../../../src/scss/base/link/_variables.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../node_modules/@graupl/core/src/scss/mixins/_layer.scss","../../../node_modules/@graupl/core/src/scss/base/button/_index.scss","../../../node_modules/@graupl/core/src/scss/base/button/_mixins.scss","../../../node_modules/@graupl/core/src/scss/base/button/_variables.scss","button.css","../../../node_modules/@graupl/core/src/scss/mixins/_animation.scss","../../../node_modules/@graupl/core/src/scss/base/link/_variables.scss"],"names":[],"mappings":"AASI,mBCsFF,QCjFA,kBAAA,CASA,ohBC8LqB,CD/LrB,kdC0KoB,CD3KpB,0dCsJoB,CDlJpB,cAAA,CAZA,YAAA,CAWA,2GCUiB,CDnBjB,sBAAA,CAEA,+CCCkB,CDFlB,6CCFiB,CDIjB,uNCYe,CDXf,6CCqCiB,CDpCjB,mVEJA,CFcI,gCACE,oFETN,CFQI,cACE,kFENN,CFKI,sBACE,kFEHN,CFEI,4BACE,kFEGN,CFJI,8BACE,0DESN,CFVI,iBAKI,kBESR,CFHc,0FACE,sDEWhB,CFZc,+BACE,sDEchB,CF1BI,+GAYY,sDE8BhB,CF1CI,iBAKI,kBEqCR,CF/Bc,yEACE,sDEuChB,CFxCc,+BACE,sDE0ChB,CFtDI,gHAYY,sDE0DhB,CFtEI,kBAKI,kBEiER,CF3Dc,4EACE,sDEmEhB,CFpEc,gCACE,sDEsEhB,CFlFI,8HAYY,sDEsFhB,CFlGI,4BAKI,kBE6FR,CFvFc,0GACE,sDE+FhB,CFhGc,0CACE,sDEkGhB,CFnGc,0IACE,sDE8GhB,CC7IA,uCJoFA,QC1CE,sLEuGA,CACF,CH1DE,aACE,gOAAA,CACA,oWAAA,CACA,mMAAA,CACA,2DAAA,CACA,wGAAA,CACA,iEAAA,CACA,uEAAA,CACA,4GAAA,CACA,0NAAA,CACA,wdAAA,CACA,8hBAAA,CACA,2DAAA,CACA,6DAAA,CACA,iCAAA,CAEA,oEKvGiB,CLuGjB,4DKvGiB,CLyGjB,oEKzCuB,CLwCvB,yGG4DJ,CHpDE,oBAGE,sOAAA,CACA,oWAAA,CACA,mMAAA,CACA,2DAAA,CACA,0GAAA,CACA,sGAAA,CACA,sGAAA,CACA,gFAAA,CACA,6EAAA,CACA,4eAAA,CACA,geAAA,CACA,siBAAA,CACA,2DAAA,CACA,6DAAA,CACA,kCAAA,CACA,0CAAA,CACA,wCAAA,CACA,wCAAA,CACA,yCAAA,CACA,2CGoDJ,CACF,CJ9LI,oBCgJF,QC7FA,qNC8BkB,CD/BlB,0OCiKoB,CD/JpB,iMEgJA,CF5IE,gBAEI,yIAAA,CAAA,gJAAA,CAAA,+IAAA,CAAA,oJAAA,CAAA,sJAAA,CAAA,kJAAA,CAAA,yJEmJN,CFrJE,kBAEI,+IAAA,CAAA,sJAAA,CAAA,qJAAA,CAAA,0JAAA,CAAA,4JAAA,CAAA,wJAAA,CAAA,+JE4JN,CF9JE,iBAEI,4IAAA,CAAA,mJAAA,CAAA,kJAAA,CAAA,uJAAA,CAAA,yJAAA,CAAA,qJAAA,CAAA,4JEqKN,CF7JI,gCAEE,6PAAA,CADA,oRAAA,CAEA,oOEoKN,CFvKI,cAEE,2PAAA,CADA,kRAAA,CAEA,kOEyKN,CF5KI,sBAEE,2PAAA,CADA,kRAAA,CAEA,kOE8KN,CFjLI,4BAEE,iNAAA,CADA,gPAAA,CAEA,iNEwLN,CF3LI,8BAEE,wPAAA,CADA,yRAAA,CAEA,mPEkMN,CF1Lc,0FAEE,8NAAA,CADA,2KAAA,CAEA,6JE2MhB,CF9Mc,+BAEE,8NAAA,CADA,2KAAA,CAEA,6JEgNhB,CFnNc,wLAEE,8NAAA,CADA,2KAAA,CAEA,6JEwPhB,CF3Pc,+BAEE,8NAAA,CADA,2KAAA,CAEA,6JE6PhB,CFhQc,4LAEE,8NAAA,CADA,2KAAA,CAEA,6JEqShB,CFxSc,gCAEE,8NAAA,CADA,2KAAA,CAEA,6JE0ShB,CF7Sc,wOAEE,8NAAA,CADA,2KAAA,CAEA,6JEkVhB,CFrVc,0CAEE,8NAAA,CADA,2KAAA,CAEA,6JEuVhB,CF1Vc,0IAEE,8NAAA,CADA,2KAAA,CAEA,6JE2WhB,CHvSE,aACE,kKAAA,CACA,2MAAA,CACA,uMAAA,CACA,iLAAA,CACA,kNAAA,CACA,oLAAA,CACA,oEAAA,CACA,kHAAA,CACA,8GAAA,CACA,gFAAA,CACA,sHAAA,CACA,sFAAA,CACA,wEAAA,CACA,wHAAA,CACA,oHAAA,CACA,oFAAA,CACA,4HAAA,CACA,0FGySJ,CHlSE,oBAGE,+MAAA,CACA,0PAAA,CACA,sPAAA,CACA,qOAAA,CACA,wQAAA,CACA,oLAAA,CACA,mOAAA,CACA,mRAAA,CACA,+QAAA,CACA,qOAAA,CACA,6QAAA,CACA,qPAAA,CACA,wPAAA,CACA,0SAAA,CACA,sSAAA,CACA,oQAAA,CACA,8SAAA,CACA,kMGkSJ,CACF","file":"button.css"}
|
package/dist/css/base/form.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
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)))))}}
|
|
1
|
+
@layer graupl.base{input,select,textarea{border-radius:var(--graupl-input-border-radius,var(--graupl-input-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem))) var(--graupl-input-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-input-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-input-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));border-style:var(--graupl-input-border-style,var(--graupl-input-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-input-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-input-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-input-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-width:var(--graupl-input-border-width,var(--graupl-input-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem))) var(--graupl-input-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem))) var(--graupl-input-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem))) var(--graupl-input-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.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,input:disabled,input[aria-disabled=true],input[disabled],select.disabled,select:disabled,select[aria-disabled=true],select[disabled],textarea.disabled,textarea:disabled,textarea[aria-disabled=true],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-radius:var(--graupl-fieldset-border-radius,var(--graupl-fieldset-border-top-left-radius,var(--graupl-input-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem)))) var(--graupl-fieldset-border-top-right-radius,var(--graupl-input-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem)))) var(--graupl-fieldset-border-bottom-right-radius,var(--graupl-input-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem)))) var(--graupl-fieldset-border-bottom-left-radius,var(--graupl-input-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem)))));border-style:var(--graupl-fieldset-border-style,var(--graupl-fieldset-border-top-style,var(--graupl-input-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid)))) var(--graupl-fieldset-border-right-style,var(--graupl-input-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid)))) var(--graupl-fieldset-border-bottom-style,var(--graupl-input-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid)))) var(--graupl-fieldset-border-left-style,var(--graupl-input-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid)))));border-width:var(--graupl-fieldset-border-width,var(--graupl-fieldset-border-top-width,var(--graupl-input-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem)))) var(--graupl-fieldset-border-right-width,var(--graupl-input-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem)))) var(--graupl-fieldset-border-bottom-width,var(--graupl-input-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem)))) var(--graupl-fieldset-border-left-width,var(--graupl-input-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.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,fieldset:disabled input,fieldset:disabled select,fieldset:disabled textarea,fieldset[aria-disabled=true] input,fieldset[aria-disabled=true] select,fieldset[aria-disabled=true] textarea,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-input-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));background:var(--graupl-input-background,var(--graupl-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-border-color,var(--graupl-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-input-color,var(--graupl-color,var(--graupl-root-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-placeholder-disabled-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-placeholder-disabled-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,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-placeholder-disabled-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-placeholder-disabled-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],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-placeholder-disabled-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-placeholder-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}input[aria-disabled=true],select[aria-disabled=true],textarea[aria-disabled=true]{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[aria-disabled=true]::-moz-placeholder,select[aria-disabled=true]::-moz-placeholder,textarea[aria-disabled=true]::-moz-placeholder{color:var(--graupl-input-placeholder-disabled-color,var(--graupl-input-disabled-color,var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))))}input[aria-disabled=true]::placeholder,select[aria-disabled=true]::placeholder,textarea[aria-disabled=true]::placeholder{color:var(--graupl-input-placeholder-disabled-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-color,var(--graupl-root-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)))))}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)))))}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)))))}label:has(+input[aria-disabled=true],+textarea[aria-disabled=true],+select[aria-disabled=true]){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-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-border-color,var(--graupl-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-fieldset-color,var(--graupl-input-color,var(--graupl-color,var(--graupl-root-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)))))}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)))))}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)))))}fieldset[aria-disabled=true]{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[aria-disabled=true] 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 */
|
|
@@ -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":"
|
|
1
|
+
{"version":3,"sources":["../../../node_modules/@graupl/core/src/scss/mixins/_layer.scss","../../../node_modules/@graupl/core/src/scss/base/form/_index.scss","../../../node_modules/@graupl/core/src/scss/base/form/_variables.scss","form.css"],"names":[],"mappings":"AASI,mBC8G8B,sBAM9B,+gBC2BkB,CD5BlB,6cCOiB,CDRjB,qdCbiB,CDgBjB,0GCrGc,CDiGd,oNEhHF,CFwHI,wOACE,kBErGN,CF2GgC,MAC9B,wIEzGF,CF6GmC,SAOjC,ktBCkEqB,CDnErB,snBC8CoB,CD/CpB,8nBC0BoB,CD9BpB,YAAA,CACA,sDAAA,CAMA,2ICjGiB,CD4FjB,0FC5GW,CD6GX,yREvGF,CFgHM,oVAGE,kBE/FR,CACF,CHvDI,oBC8J8B,sBAM9B,wOCoEiB,CDtEjB,oNChHe,CD+Gf,yOCqDiB,CDnDjB,gMEnGF,CFsGE,4EACE,qKElGJ,CFiGE,6DACE,qKElGJ,CFuGI,iDACE,gLC6CsB,CD5CtB,kKEnGN,CFqGM,uGACE,iNEjGR,CFgGM,wFACE,iNEjGR,CF4FI,iDACE,gLC6CsB,CD5CtB,kKExFN,CF0FM,uGACE,iNEtFR,CFqFM,wFACE,iNEtFR,CFiFI,oDACE,gLC6CsB,CD5CtB,kKE7EN,CF+EM,0GACE,iNE3ER,CF0EM,2FACE,iNE3ER,CFsEI,kFACE,gLC6CsB,CD5CtB,kKElEN,CFoEM,wIACE,iNEhER,CF+DM,yHACE,iNEhER,CFuEgC,MAC9B,0NErEF,CFyEI,+DAKE,qMEzEN,CFoEI,+DAKE,qMEpEN,CF+DI,kEAKE,qME/DN,CF0DI,gGAKE,qME1DN,CFgEmC,SAEjC,sPCpJkB,CDmJlB,6QCqBoB,CDnBpB,6NE9DF,CFkEI,kBACE,6NCkByB,CDjBzB,wMEhEN,CFkEM,wBACE,qMEhER,CF2DI,kBACE,6NCkByB,CDjBzB,wMEzDN,CF2DM,wBACE,qMEzDR,CFoDI,mBACE,6NCkByB,CDjBzB,wMElDN,CFoDM,yBACE,qMElDR,CF6CI,6BACE,6NCkByB,CDjBzB,wME3CN,CF6CM,mCACE,qME3CR,CACF","file":"form.css"}
|