@graupl/graupl 1.0.0-beta.10 → 1.0.0-beta.12
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/dist/js/accordion.js +5 -0
- package/dist/js/accordion.js.map +1 -0
- package/dist/js/alert.js +5 -0
- package/dist/js/alert.js.map +1 -0
- package/dist/js/carousel.js +5 -0
- package/dist/js/carousel.js.map +1 -0
- package/dist/js/component/accordion.cjs.js +5 -0
- package/dist/js/component/accordion.cjs.js.map +1 -0
- package/dist/js/component/accordion.es.js +5 -0
- package/dist/js/component/accordion.es.js.map +1 -0
- package/dist/js/component/accordion.iife.js +5 -0
- package/dist/js/component/accordion.iife.js.map +1 -0
- package/dist/js/component/alert.cjs.js +5 -0
- package/dist/js/component/alert.cjs.js.map +1 -0
- package/dist/js/component/alert.es.js +5 -0
- package/dist/js/component/alert.es.js.map +1 -0
- package/dist/js/component/alert.iife.js +5 -0
- package/dist/js/component/alert.iife.js.map +1 -0
- package/dist/js/component/carousel.cjs.js +5 -0
- package/dist/js/component/carousel.cjs.js.map +1 -0
- package/dist/js/component/carousel.es.js +5 -0
- package/dist/js/component/carousel.es.js.map +1 -0
- package/dist/js/component/carousel.iife.js +5 -0
- package/dist/js/component/carousel.iife.js.map +1 -0
- package/dist/js/generator/accordion.cjs.js +5 -0
- package/dist/js/generator/accordion.cjs.js.map +1 -0
- package/dist/js/generator/accordion.es.js +5 -0
- package/dist/js/generator/accordion.es.js.map +1 -0
- package/dist/js/generator/accordion.iife.js +5 -0
- package/dist/js/generator/accordion.iife.js.map +1 -0
- package/dist/js/generator/alert.cjs.js +5 -0
- package/dist/js/generator/alert.cjs.js.map +1 -0
- package/dist/js/generator/alert.es.js +5 -0
- package/dist/js/generator/alert.es.js.map +1 -0
- package/dist/js/generator/alert.iife.js +5 -0
- package/dist/js/generator/alert.iife.js.map +1 -0
- package/dist/js/generator/carousel.cjs.js +5 -0
- package/dist/js/generator/carousel.cjs.js.map +1 -0
- package/dist/js/generator/carousel.es.js +5 -0
- package/dist/js/generator/carousel.es.js.map +1 -0
- package/dist/js/generator/carousel.iife.js +5 -0
- package/dist/js/generator/carousel.iife.js.map +1 -0
- package/dist/js/generator/navigation.cjs.js +3 -0
- package/dist/js/generator/navigation.cjs.js.map +1 -0
- package/dist/js/generator/navigation.es.js +3 -0
- package/dist/js/generator/navigation.es.js.map +1 -0
- package/dist/js/generator/navigation.iife.js +3 -0
- package/dist/js/generator/navigation.iife.js.map +1 -0
- package/dist/js/graupl.js +9 -0
- package/dist/js/graupl.js.map +1 -0
- package/dist/js/navigation.js +3 -0
- package/dist/js/navigation.js.map +1 -0
- package/package.json +24 -14
- package/.browserslistrc +0 -3
- package/.czrc +0 -3
- package/.devcontainer/devcontainer.json +0 -221
- package/.editorconfig +0 -13
- package/.env +0 -3
- package/.github/CODE_OF_CONDUCT.md +0 -73
- package/.github/COMMIT_CONVENTION.md +0 -17
- package/.github/CONTRIBUTING.md +0 -86
- package/.github/ISSUE_TEMPLATE/bug_report.md +0 -30
- package/.github/ISSUE_TEMPLATE/documentation.md +0 -20
- package/.github/ISSUE_TEMPLATE/feature_request.md +0 -20
- package/.github/SECURITY.md +0 -26
- package/.github/dependabot.yml +0 -17
- package/.github/pull_request_template.md +0 -5
- package/.github/workflows/codeql-analysis.yml +0 -71
- package/.github/workflows/docs.yml +0 -66
- package/.github/workflows/prerelease.yml +0 -125
- package/.github/workflows/release.yml +0 -111
- package/.github/workflows/test.yml +0 -78
- package/.husky/commit-msg +0 -3
- package/.husky/pre-commit +0 -4
- package/.prettierignore +0 -12
- package/.stylelintignore +0 -9
- package/.versionrc.cjs +0 -73
- package/.vscode/settings.json +0 -10
- package/CHANGELOG.md +0 -559
- package/build.js +0 -9
- package/combine-at-rules.cjs +0 -61
- package/commitlint.config.js +0 -5
- package/container/.env +0 -26
- package/container/build/app.dockerfile +0 -41
- package/container/docker-compose.yml +0 -27
- package/dist/js/graupl.cjs.js +0 -7
- package/dist/js/graupl.esm.js +0 -2561
- package/dist/js/graupl.iife.js +0 -7
- package/docs/.vitepress/config.js +0 -108
- package/docs/.vitepress/theme/custom.scss +0 -35
- package/docs/.vitepress/theme/index.js +0 -4
- package/docs/compiling-graupl.md +0 -57
- package/docs/components/alert.md +0 -130
- package/docs/components/button.md +0 -84
- package/docs/components/card.md +0 -369
- package/docs/components/index.md +0 -1
- package/docs/components/inputgroup.md +0 -159
- package/docs/components/menu.md +0 -326
- package/docs/components/navigation.md +0 -158
- package/docs/content.md +0 -237
- package/docs/defaults.md +0 -121
- package/docs/forms.md +0 -79
- package/docs/functions.md +0 -9
- package/docs/getting-started.md +0 -1
- package/docs/index.md +0 -1
- package/docs/introduction.md +0 -25
- package/docs/layout.md +0 -200
- package/docs/mixins.md +0 -47
- package/docs/state.md +0 -67
- package/docs/theme.md +0 -258
- package/docs/utilities/alignment.md +0 -411
- package/docs/utilities/background.md +0 -192
- package/docs/utilities/border.md +0 -268
- package/docs/utilities/color.md +0 -348
- package/docs/utilities/container.md +0 -3
- package/docs/utilities/display.md +0 -3
- package/docs/utilities/flex.md +0 -3
- package/docs/utilities/gradient.md +0 -3
- package/docs/utilities/height.md +0 -3
- package/docs/utilities/inset.md +0 -3
- package/docs/utilities/justification.md +0 -3
- package/docs/utilities/list.md +0 -3
- package/docs/utilities/order.md +0 -3
- package/docs/utilities/position.md +0 -3
- package/docs/utilities/ratio.md +0 -3
- package/docs/utilities/responsive-classes.md +0 -3
- package/docs/utilities/spacing.md +0 -3
- package/docs/utilities/typography.md +0 -3
- package/docs/utilities/visibility.md +0 -3
- package/docs/utilities/visually-hidden.md +0 -3
- package/docs/utilities/width.md +0 -3
- package/docs/utilities/z-index.md +0 -3
- package/docs/utilities.md +0 -357
- package/eslint.config.js +0 -74
- package/favicon.ico +0 -0
- package/index.html +0 -1214
- package/index.js +0 -12
- package/lint-staged.config.js +0 -6
- package/logo.svg +0 -296
- package/packages/core/build.js +0 -9
- package/packages/core/dist/css/base/button.css +0 -2
- package/packages/core/dist/css/base/button.css.map +0 -1
- package/packages/core/dist/css/base/form.css +0 -2
- package/packages/core/dist/css/base/form.css.map +0 -1
- package/packages/core/dist/css/base/link.css +0 -2
- package/packages/core/dist/css/base/link.css.map +0 -1
- package/packages/core/dist/css/base/table.css +0 -2
- package/packages/core/dist/css/base/table.css.map +0 -1
- package/packages/core/dist/css/base.css +0 -2
- package/packages/core/dist/css/base.css.map +0 -1
- package/packages/core/dist/css/component/accordion.css +0 -5
- package/packages/core/dist/css/component/accordion.css.map +0 -1
- package/packages/core/dist/css/component/alert.css +0 -2
- package/packages/core/dist/css/component/alert.css.map +0 -1
- package/packages/core/dist/css/component/card.css +0 -2
- package/packages/core/dist/css/component/card.css.map +0 -1
- package/packages/core/dist/css/component/carousel.css +0 -2
- package/packages/core/dist/css/component/carousel.css.map +0 -1
- package/packages/core/dist/css/component/input-group.css +0 -2
- package/packages/core/dist/css/component/input-group.css.map +0 -1
- package/packages/core/dist/css/component/list.css +0 -2
- package/packages/core/dist/css/component/list.css.map +0 -1
- package/packages/core/dist/css/component/menu.css +0 -2
- package/packages/core/dist/css/component/menu.css.map +0 -1
- package/packages/core/dist/css/component/navigation.css +0 -2
- package/packages/core/dist/css/component/navigation.css.map +0 -1
- package/packages/core/dist/css/component.css +0 -5
- package/packages/core/dist/css/component.css.map +0 -1
- package/packages/core/dist/css/graupl.css +0 -5
- package/packages/core/dist/css/graupl.css.map +0 -1
- package/packages/core/dist/css/init.css +0 -2
- package/packages/core/dist/css/init.css.map +0 -1
- package/packages/core/dist/css/layout/columns.css +0 -2
- package/packages/core/dist/css/layout/columns.css.map +0 -1
- package/packages/core/dist/css/layout/container.css +0 -2
- package/packages/core/dist/css/layout/container.css.map +0 -1
- package/packages/core/dist/css/layout/flex-columns.css +0 -2
- package/packages/core/dist/css/layout/flex-columns.css.map +0 -1
- package/packages/core/dist/css/layout.css +0 -5
- package/packages/core/dist/css/layout.css.map +0 -1
- package/packages/core/dist/css/normalize.css +0 -2
- package/packages/core/dist/css/normalize.css.map +0 -1
- package/packages/core/dist/css/state/focus.css +0 -2
- package/packages/core/dist/css/state/focus.css.map +0 -1
- package/packages/core/dist/css/state.css +0 -2
- package/packages/core/dist/css/state.css.map +0 -1
- package/packages/core/dist/css/theme/color.css +0 -2
- package/packages/core/dist/css/theme/color.css.map +0 -1
- package/packages/core/dist/css/theme/typography.css +0 -2
- package/packages/core/dist/css/theme/typography.css.map +0 -1
- package/packages/core/dist/css/theme.css +0 -2
- package/packages/core/dist/css/theme.css.map +0 -1
- package/packages/core/dist/css/utilities/alignment.css +0 -2
- package/packages/core/dist/css/utilities/alignment.css.map +0 -1
- package/packages/core/dist/css/utilities/background.css +0 -2
- package/packages/core/dist/css/utilities/background.css.map +0 -1
- package/packages/core/dist/css/utilities/border.css +0 -2
- package/packages/core/dist/css/utilities/border.css.map +0 -1
- package/packages/core/dist/css/utilities/color.css +0 -2
- package/packages/core/dist/css/utilities/color.css.map +0 -1
- package/packages/core/dist/css/utilities/container.css +0 -2
- package/packages/core/dist/css/utilities/container.css.map +0 -1
- package/packages/core/dist/css/utilities/display.css +0 -2
- package/packages/core/dist/css/utilities/display.css.map +0 -1
- package/packages/core/dist/css/utilities/flex.css +0 -2
- package/packages/core/dist/css/utilities/flex.css.map +0 -1
- package/packages/core/dist/css/utilities/gradient.css +0 -2
- package/packages/core/dist/css/utilities/gradient.css.map +0 -1
- package/packages/core/dist/css/utilities/height.css +0 -2
- package/packages/core/dist/css/utilities/height.css.map +0 -1
- package/packages/core/dist/css/utilities/inset.css +0 -2
- package/packages/core/dist/css/utilities/inset.css.map +0 -1
- package/packages/core/dist/css/utilities/justification.css +0 -2
- package/packages/core/dist/css/utilities/justification.css.map +0 -1
- package/packages/core/dist/css/utilities/list.css +0 -2
- package/packages/core/dist/css/utilities/list.css.map +0 -1
- package/packages/core/dist/css/utilities/order.css +0 -2
- package/packages/core/dist/css/utilities/order.css.map +0 -1
- package/packages/core/dist/css/utilities/position.css +0 -2
- package/packages/core/dist/css/utilities/position.css.map +0 -1
- package/packages/core/dist/css/utilities/ratio.css +0 -2
- package/packages/core/dist/css/utilities/ratio.css.map +0 -1
- package/packages/core/dist/css/utilities/spacing.css +0 -2
- package/packages/core/dist/css/utilities/spacing.css.map +0 -1
- package/packages/core/dist/css/utilities/typography.css +0 -2
- package/packages/core/dist/css/utilities/typography.css.map +0 -1
- package/packages/core/dist/css/utilities/visibility.css +0 -2
- package/packages/core/dist/css/utilities/visibility.css.map +0 -1
- package/packages/core/dist/css/utilities/visually-hidden.css +0 -2
- package/packages/core/dist/css/utilities/visually-hidden.css.map +0 -1
- package/packages/core/dist/css/utilities/width.css +0 -2
- package/packages/core/dist/css/utilities/width.css.map +0 -1
- package/packages/core/dist/css/utilities/z-index.css +0 -2
- package/packages/core/dist/css/utilities/z-index.css.map +0 -1
- package/packages/core/dist/css/utilities.css +0 -2
- package/packages/core/dist/css/utilities.css.map +0 -1
- package/packages/core/package.json +0 -58
- package/packages/core/scss/base/button.scss +0 -3
- package/packages/core/scss/base/form.scss +0 -3
- package/packages/core/scss/base/link.scss +0 -3
- package/packages/core/scss/base/table.scss +0 -3
- package/packages/core/scss/base.scss +0 -3
- package/packages/core/scss/component/accordion.scss +0 -3
- package/packages/core/scss/component/alert.scss +0 -3
- package/packages/core/scss/component/card.scss +0 -3
- package/packages/core/scss/component/carousel.scss +0 -3
- package/packages/core/scss/component/input-group.scss +0 -3
- package/packages/core/scss/component/list.scss +0 -3
- package/packages/core/scss/component/menu.scss +0 -3
- package/packages/core/scss/component/navigation.scss +0 -3
- package/packages/core/scss/component.scss +0 -3
- package/packages/core/scss/graupl.scss +0 -3
- package/packages/core/scss/init.scss +0 -3
- package/packages/core/scss/layout/columns.scss +0 -3
- package/packages/core/scss/layout/container.scss +0 -3
- package/packages/core/scss/layout/flex-columns.scss +0 -3
- package/packages/core/scss/layout.scss +0 -3
- package/packages/core/scss/normalize.scss +0 -3
- package/packages/core/scss/state/focus.scss +0 -3
- package/packages/core/scss/state.scss +0 -3
- package/packages/core/scss/theme/color.scss +0 -3
- package/packages/core/scss/theme/typography.scss +0 -3
- package/packages/core/scss/theme.scss +0 -3
- package/packages/core/scss/utilities/alignment.scss +0 -3
- package/packages/core/scss/utilities/background.scss +0 -3
- package/packages/core/scss/utilities/border.scss +0 -3
- package/packages/core/scss/utilities/color.scss +0 -3
- package/packages/core/scss/utilities/container.scss +0 -3
- package/packages/core/scss/utilities/display.scss +0 -3
- package/packages/core/scss/utilities/flex.scss +0 -3
- package/packages/core/scss/utilities/gradient.scss +0 -3
- package/packages/core/scss/utilities/height.scss +0 -3
- package/packages/core/scss/utilities/inset.scss +0 -3
- package/packages/core/scss/utilities/justification.scss +0 -3
- package/packages/core/scss/utilities/list.scss +0 -3
- package/packages/core/scss/utilities/order.scss +0 -3
- package/packages/core/scss/utilities/position.scss +0 -3
- package/packages/core/scss/utilities/ratio.scss +0 -3
- package/packages/core/scss/utilities/spacing.scss +0 -3
- package/packages/core/scss/utilities/typography.scss +0 -3
- package/packages/core/scss/utilities/visibility.scss +0 -3
- package/packages/core/scss/utilities/visually-hidden.scss +0 -3
- package/packages/core/scss/utilities/width.scss +0 -3
- package/packages/core/scss/utilities/z-index.scss +0 -3
- package/packages/core/scss/utilities.scss +0 -3
- package/packages/core/src/js/accordion/Accordion.js +0 -1163
- package/packages/core/src/js/accordion/AccordionItem.js +0 -496
- package/packages/core/src/js/accordion/index.js +0 -10
- package/packages/core/src/js/alert/Alert.js +0 -581
- package/packages/core/src/js/alert/index.js +0 -11
- package/packages/core/src/js/carousel/Carousel.js +0 -1427
- package/packages/core/src/js/carousel/index.js +0 -10
- package/packages/core/src/js/domHelpers.js +0 -37
- package/packages/core/src/js/eventHandlers.js +0 -39
- package/packages/core/src/js/navigation/index.js +0 -36
- package/packages/core/src/js/storage.js +0 -106
- package/packages/core/src/js/validate.js +0 -225
- package/packages/core/src/scss/_defaults.scss +0 -184
- package/packages/core/src/scss/_index.scss +0 -15
- package/packages/core/src/scss/_init.scss +0 -6
- package/packages/core/src/scss/_normalize.scss +0 -197
- package/packages/core/src/scss/_variables.scss +0 -95
- package/packages/core/src/scss/base/_index.scss +0 -6
- package/packages/core/src/scss/base/button/_defaults.scss +0 -49
- package/packages/core/src/scss/base/button/_index.scss +0 -206
- package/packages/core/src/scss/base/button/_mixins.scss +0 -104
- package/packages/core/src/scss/base/button/_variables.scss +0 -252
- package/packages/core/src/scss/base/form/_defaults.scss +0 -24
- package/packages/core/src/scss/base/form/_index.scss +0 -227
- package/packages/core/src/scss/base/form/_variables.scss +0 -245
- package/packages/core/src/scss/base/link/_defaults.scss +0 -35
- package/packages/core/src/scss/base/link/_index.scss +0 -245
- package/packages/core/src/scss/base/link/_variables.scss +0 -370
- package/packages/core/src/scss/base/table/_defaults.scss +0 -68
- package/packages/core/src/scss/base/table/_index.scss +0 -314
- package/packages/core/src/scss/base/table/_variables.scss +0 -309
- package/packages/core/src/scss/component/_index.scss +0 -10
- package/packages/core/src/scss/component/accordion/_defaults.scss +0 -40
- package/packages/core/src/scss/component/accordion/_index.scss +0 -198
- package/packages/core/src/scss/component/accordion/_variables.scss +0 -356
- package/packages/core/src/scss/component/alert/_defaults.scss +0 -49
- package/packages/core/src/scss/component/alert/_index.scss +0 -119
- package/packages/core/src/scss/component/alert/_variables.scss +0 -200
- package/packages/core/src/scss/component/card/_defaults.scss +0 -32
- package/packages/core/src/scss/component/card/_index.scss +0 -212
- package/packages/core/src/scss/component/card/_variables.scss +0 -216
- package/packages/core/src/scss/component/carousel/_defaults.scss +0 -43
- package/packages/core/src/scss/component/carousel/_index.scss +0 -192
- package/packages/core/src/scss/component/carousel/_variables.scss +0 -104
- package/packages/core/src/scss/component/input-group/_defaults.scss +0 -30
- package/packages/core/src/scss/component/input-group/_index.scss +0 -47
- package/packages/core/src/scss/component/input-group/_variables.scss +0 -66
- package/packages/core/src/scss/component/list/_defaults.scss +0 -15
- package/packages/core/src/scss/component/list/_index.scss +0 -52
- package/packages/core/src/scss/component/list/_variables.scss +0 -236
- package/packages/core/src/scss/component/menu/_defaults.scss +0 -57
- package/packages/core/src/scss/component/menu/_index.scss +0 -308
- package/packages/core/src/scss/component/menu/_variables.scss +0 -642
- package/packages/core/src/scss/component/navigation/_defaults.scss +0 -23
- package/packages/core/src/scss/component/navigation/_index.scss +0 -190
- package/packages/core/src/scss/component/navigation/_variables.scss +0 -290
- package/packages/core/src/scss/functions/_container.scss +0 -38
- package/packages/core/src/scss/functions/_important.scss +0 -36
- package/packages/core/src/scss/functions/_screen.scss +0 -38
- package/packages/core/src/scss/functions/_theme.scss +0 -39
- package/packages/core/src/scss/functions/_utility.scss +0 -28
- package/packages/core/src/scss/layout/_index.scss +0 -5
- package/packages/core/src/scss/layout/columns/_defaults.scss +0 -24
- package/packages/core/src/scss/layout/columns/_index.scss +0 -137
- package/packages/core/src/scss/layout/columns/_variables.scss +0 -55
- package/packages/core/src/scss/layout/container/_defaults.scss +0 -35
- package/packages/core/src/scss/layout/container/_index.scss +0 -628
- package/packages/core/src/scss/layout/container/_variables.scss +0 -114
- package/packages/core/src/scss/layout/flex-columns/_defaults.scss +0 -28
- package/packages/core/src/scss/layout/flex-columns/_index.scss +0 -184
- package/packages/core/src/scss/layout/flex-columns/_variables.scss +0 -30
- package/packages/core/src/scss/mixins/_animation.scss +0 -15
- package/packages/core/src/scss/mixins/_container.scss +0 -80
- package/packages/core/src/scss/mixins/_layer.scss +0 -16
- package/packages/core/src/scss/mixins/_screen.scss +0 -77
- package/packages/core/src/scss/mixins/_state.scss +0 -18
- package/packages/core/src/scss/mixins/_theme.scss +0 -15
- package/packages/core/src/scss/mixins/_utility.scss +0 -185
- package/packages/core/src/scss/mixins/_visually-hidden.scss +0 -30
- package/packages/core/src/scss/state/_index.scss +0 -3
- package/packages/core/src/scss/state/focus/_defaults.scss +0 -9
- package/packages/core/src/scss/state/focus/_index.scss +0 -42
- package/packages/core/src/scss/state/focus/_mixins.scss +0 -13
- package/packages/core/src/scss/state/focus/_variables.scss +0 -50
- package/packages/core/src/scss/theme/_index.scss +0 -4
- package/packages/core/src/scss/theme/color/_defaults.scss +0 -143
- package/packages/core/src/scss/theme/color/_index.scss +0 -42
- package/packages/core/src/scss/theme/color/_variables.scss +0 -133
- package/packages/core/src/scss/theme/typography/_defaults.scss +0 -54
- package/packages/core/src/scss/theme/typography/_index.scss +0 -120
- package/packages/core/src/scss/theme/typography/_variables.scss +0 -248
- package/packages/core/src/scss/utilities/_index.scss +0 -23
- package/packages/core/src/scss/utilities/_template/_defaults.scss +0 -41
- package/packages/core/src/scss/utilities/_template/_index.scss +0 -171
- package/packages/core/src/scss/utilities/_template/_variables.scss +0 -6
- package/packages/core/src/scss/utilities/alignment/_defaults.scss +0 -76
- package/packages/core/src/scss/utilities/alignment/_index.scss +0 -336
- package/packages/core/src/scss/utilities/alignment/_variables.scss +0 -6
- package/packages/core/src/scss/utilities/background/_defaults.scss +0 -122
- package/packages/core/src/scss/utilities/background/_index.scss +0 -634
- package/packages/core/src/scss/utilities/background/_variables.scss +0 -6
- package/packages/core/src/scss/utilities/border/_defaults.scss +0 -73
- package/packages/core/src/scss/utilities/border/_index.scss +0 -558
- package/packages/core/src/scss/utilities/border/_variables.scss +0 -6
- package/packages/core/src/scss/utilities/color/_defaults.scss +0 -49
- package/packages/core/src/scss/utilities/color/_index.scss +0 -469
- package/packages/core/src/scss/utilities/color/_variables.scss +0 -6
- package/packages/core/src/scss/utilities/container/_defaults.scss +0 -40
- package/packages/core/src/scss/utilities/container/_index.scss +0 -174
- package/packages/core/src/scss/utilities/container/_variables.scss +0 -6
- package/packages/core/src/scss/utilities/display/_defaults.scss +0 -47
- package/packages/core/src/scss/utilities/display/_index.scss +0 -184
- package/packages/core/src/scss/utilities/display/_variables.scss +0 -6
- package/packages/core/src/scss/utilities/flex/_defaults.scss +0 -99
- package/packages/core/src/scss/utilities/flex/_index.scss +0 -486
- package/packages/core/src/scss/utilities/flex/_variables.scss +0 -6
- package/packages/core/src/scss/utilities/gradient/_defaults.scss +0 -70
- package/packages/core/src/scss/utilities/gradient/_index.scss +0 -696
- package/packages/core/src/scss/utilities/gradient/_variables.scss +0 -29
- package/packages/core/src/scss/utilities/height/_defaults.scss +0 -54
- package/packages/core/src/scss/utilities/height/_index.scss +0 -525
- package/packages/core/src/scss/utilities/height/_variables.scss +0 -6
- package/packages/core/src/scss/utilities/inset/_defaults.scss +0 -55
- package/packages/core/src/scss/utilities/inset/_index.scss +0 -258
- package/packages/core/src/scss/utilities/inset/_variables.scss +0 -6
- package/packages/core/src/scss/utilities/justification/_defaults.scss +0 -73
- package/packages/core/src/scss/utilities/justification/_index.scss +0 -333
- package/packages/core/src/scss/utilities/justification/_variables.scss +0 -6
- package/packages/core/src/scss/utilities/list/_defaults.scss +0 -53
- package/packages/core/src/scss/utilities/list/_index.scss +0 -253
- package/packages/core/src/scss/utilities/list/_variables.scss +0 -6
- package/packages/core/src/scss/utilities/order/_defaults.scss +0 -36
- package/packages/core/src/scss/utilities/order/_index.scss +0 -246
- package/packages/core/src/scss/utilities/order/_variables.scss +0 -6
- package/packages/core/src/scss/utilities/position/_defaults.scss +0 -41
- package/packages/core/src/scss/utilities/position/_index.scss +0 -178
- package/packages/core/src/scss/utilities/position/_variables.scss +0 -6
- package/packages/core/src/scss/utilities/ratio/_defaults.scss +0 -42
- package/packages/core/src/scss/utilities/ratio/_index.scss +0 -188
- package/packages/core/src/scss/utilities/ratio/_variables.scss +0 -9
- package/packages/core/src/scss/utilities/spacing/_defaults.scss +0 -64
- package/packages/core/src/scss/utilities/spacing/_index.scss +0 -970
- package/packages/core/src/scss/utilities/spacing/_variables.scss +0 -6
- package/packages/core/src/scss/utilities/typography/_defaults.scss +0 -58
- package/packages/core/src/scss/utilities/typography/_index.scss +0 -1089
- package/packages/core/src/scss/utilities/typography/_variables.scss +0 -6
- package/packages/core/src/scss/utilities/visibility/_defaults.scss +0 -39
- package/packages/core/src/scss/utilities/visibility/_index.scss +0 -173
- package/packages/core/src/scss/utilities/visibility/_variables.scss +0 -6
- package/packages/core/src/scss/utilities/visually-hidden/_defaults.scss +0 -29
- package/packages/core/src/scss/utilities/visually-hidden/_index.scss +0 -189
- package/packages/core/src/scss/utilities/visually-hidden/_variables.scss +0 -6
- package/packages/core/src/scss/utilities/width/_defaults.scss +0 -54
- package/packages/core/src/scss/utilities/width/_index.scss +0 -525
- package/packages/core/src/scss/utilities/width/_variables.scss +0 -6
- package/packages/core/src/scss/utilities/z-index/_defaults.scss +0 -40
- package/packages/core/src/scss/utilities/z-index/_index.scss +0 -173
- package/packages/core/src/scss/utilities/z-index/_variables.scss +0 -6
- package/packages/core/vite.config.js +0 -28
- package/packages/icons/dist/css/base/button.css +0 -2
- package/packages/icons/dist/css/base/button.css.map +0 -1
- package/packages/icons/dist/css/base/link.css +0 -2
- package/packages/icons/dist/css/base/link.css.map +0 -1
- package/packages/icons/dist/css/base.css +0 -2
- package/packages/icons/dist/css/base.css.map +0 -1
- package/packages/icons/dist/css/component/icon.css +0 -2
- package/packages/icons/dist/css/component/icon.css.map +0 -1
- package/packages/icons/dist/css/component.css +0 -2
- package/packages/icons/dist/css/component.css.map +0 -1
- package/packages/icons/dist/css/icon.css +0 -2
- package/packages/icons/dist/css/icon.css.map +0 -1
- package/packages/icons/package.json +0 -48
- package/packages/icons/scss/base/button.scss +0 -3
- package/packages/icons/scss/base/link.scss +0 -3
- package/packages/icons/scss/base.scss +0 -3
- package/packages/icons/scss/component/icon.scss +0 -3
- package/packages/icons/scss/component.scss +0 -3
- package/packages/icons/scss/icon.scss +0 -3
- package/packages/icons/src/scss/_index.scss +0 -4
- package/packages/icons/src/scss/base/_index.scss +0 -4
- package/packages/icons/src/scss/base/button/_defaults.scss +0 -7
- package/packages/icons/src/scss/base/button/_index.scss +0 -58
- package/packages/icons/src/scss/base/button/_variables.scss +0 -7
- package/packages/icons/src/scss/base/link/_defaults.scss +0 -7
- package/packages/icons/src/scss/base/link/_index.scss +0 -58
- package/packages/icons/src/scss/base/link/_variables.scss +0 -7
- package/packages/icons/src/scss/component/_index.scss +0 -3
- package/packages/icons/src/scss/component/icon/_defaults.scss +0 -30
- package/packages/icons/src/scss/component/icon/_index.scss +0 -60
- package/packages/icons/src/scss/component/icon/_mixins.scss +0 -62
- package/packages/icons/src/scss/component/icon/_variables.scss +0 -24
- package/postcss.config.cjs +0 -11
- package/prettier.config.js +0 -16
- package/stylelint.config.js +0 -22
- package/vite.config.js +0 -28
|
@@ -1,173 +0,0 @@
|
|
|
1
|
-
// @graupl/core z-index utilities styles.
|
|
2
|
-
//
|
|
3
|
-
// This file generates the z-index utility classes provided by Graupl.
|
|
4
|
-
//
|
|
5
|
-
// The following classes are generated by default:
|
|
6
|
-
// - `.z-n1`: Sets the z-index to -1.
|
|
7
|
-
// - `.z-0`: Sets the z-index to 0.
|
|
8
|
-
// - `.z-1`: Sets the z-index to 1.
|
|
9
|
-
//
|
|
10
|
-
// The following custom properties control the generated classes:
|
|
11
|
-
// - N/A.
|
|
12
|
-
//
|
|
13
|
-
// The following variables control the generated classes:
|
|
14
|
-
// - `$selector-base`: The base selector for the utility classes.
|
|
15
|
-
// - `$use-important`: A flag to determine if the `!important` flag should be added to the utility classes.
|
|
16
|
-
// - `$screen-aware`: A flag to generate screen-aware utility classes.
|
|
17
|
-
// - `$theme-aware`: A flag to generate theme-aware utility classes.
|
|
18
|
-
// - `$state-aware`: A flag to generate state-aware utility classes.
|
|
19
|
-
// - `$container-aware`: A flag to generate container-aware utility classes.
|
|
20
|
-
// - `$screen-aware-separator`: The separator for screen-aware utility classes.
|
|
21
|
-
// - `$theme-aware-separator`: The separator for theme-aware utility classes.
|
|
22
|
-
// - `$state-aware-separator`: The separator for state-aware utility classes.
|
|
23
|
-
// - `$container-aware-separator`: The separator for container-aware utility classes.
|
|
24
|
-
// - `$screen-aware-selector-prefix`: The prefix for screen-aware utility classes.
|
|
25
|
-
// - `$theme-aware-selector-prefix`: The prefix for theme-aware utility classes.
|
|
26
|
-
// - `$state-aware-selector-prefix`: The prefix for state-aware utility classes.
|
|
27
|
-
// - `$container-aware-selector-prefix`: The prefix for container-aware utility classes.
|
|
28
|
-
// - `$z-index-selector-prefix`: The prefix for the utility classes.
|
|
29
|
-
// - `$base-z-index-properties`: The base properties and values for the z-index utility classes.
|
|
30
|
-
// - `$custom-z-index-properties`: The custom properties and values for the z-index utility classes.
|
|
31
|
-
// - `$z-index-properties`: The merged properties and values for the z-index utility classes.
|
|
32
|
-
//
|
|
33
|
-
// Generating responsive utility classes can be done by setting `$screen-aware`, `$theme-aware`, or `$state-aware` to `true`.
|
|
34
|
-
// By default, no responsive utility classes are generated.
|
|
35
|
-
//
|
|
36
|
-
// When set to true, screen-aware utility classes will be generated for each screen size in the following pattern:
|
|
37
|
-
// - `.{screen-prefix}{screen-name}:{prefix}{value}`
|
|
38
|
-
//
|
|
39
|
-
// e.g. `.sm:z-0` will set the `z-index` property to `0` on screens equal to or larger than the `sm` breakpoint.
|
|
40
|
-
//
|
|
41
|
-
// When set to true, theme-aware utility classes will be generated for each theme in the following pattern:
|
|
42
|
-
// - `.{theme-prefix}{theme-name}:{prefix}{value}`
|
|
43
|
-
//
|
|
44
|
-
// e.g. `.dark:z-0` will set the `z-index` property to `0` when the `dark` theme is active.
|
|
45
|
-
//
|
|
46
|
-
// When set to true, state-aware utility classes will be generated for each state in the following pattern:
|
|
47
|
-
// - `.{state-prefix}{state-name}:{prefix}{value}`
|
|
48
|
-
//
|
|
49
|
-
// e.g. `.hover:z-0` will set the `z-index` property to `0` when the element is hovered.
|
|
50
|
-
//
|
|
51
|
-
// When set to true, container-aware utility classes will be generated for each container in the following pattern:
|
|
52
|
-
// - `.{container-prefix}{container-name}:{prefix}{value}`
|
|
53
|
-
//
|
|
54
|
-
// e.g. `.cq:md:z-0` will set the `z-index` property to `0` when the parent container is larger than the `md` breakpoint.
|
|
55
|
-
//
|
|
56
|
-
// @example
|
|
57
|
-
// <div class="z-0">This element has a z-index of 0.</div>
|
|
58
|
-
|
|
59
|
-
@use "../../defaults" as root-defaults;
|
|
60
|
-
@use "../../mixins/layer" as *;
|
|
61
|
-
@use "../../mixins/utility";
|
|
62
|
-
@use "../../theme/color/variables" as color;
|
|
63
|
-
@use "defaults";
|
|
64
|
-
@use "sass:map";
|
|
65
|
-
@use "variables" as *;
|
|
66
|
-
|
|
67
|
-
@include layer(utilities) {
|
|
68
|
-
// `.`
|
|
69
|
-
$selector-prefix: defaults.$selector-base;
|
|
70
|
-
|
|
71
|
-
// For each z-index property, create a utility class.
|
|
72
|
-
@each $name, $value in defaults.$z-index-properties {
|
|
73
|
-
// e.g. `.z-0`
|
|
74
|
-
$selector: #{$selector-prefix}#{defaults.$z-index-selector-prefix}#{$name};
|
|
75
|
-
|
|
76
|
-
@include utility.create(
|
|
77
|
-
$selector,
|
|
78
|
-
z-index,
|
|
79
|
-
$value,
|
|
80
|
-
$important: #{defaults.$use-important}
|
|
81
|
-
);
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
// Generate screen-aware utilities.
|
|
85
|
-
@if defaults.$screen-aware and root-defaults.$screen-aware-utilities {
|
|
86
|
-
@each $screen-name in map.keys(root-defaults.$screen-sizes) {
|
|
87
|
-
// e.g. `.md:` or `.lg:`
|
|
88
|
-
$selector-prefix: #{defaults.$selector-base}#{defaults.$screen-aware-selector-prefix}#{$screen-name}#{defaults.$screen-aware-separator};
|
|
89
|
-
|
|
90
|
-
// For each template property, create a utility class.
|
|
91
|
-
@each $name, $value in defaults.$z-index-properties {
|
|
92
|
-
// e.g. `.md:z-0`
|
|
93
|
-
$selector: #{$selector-prefix}#{defaults.$z-index-selector-prefix}#{$name};
|
|
94
|
-
|
|
95
|
-
@include utility.create(
|
|
96
|
-
$selector,
|
|
97
|
-
z-index,
|
|
98
|
-
$value,
|
|
99
|
-
$important: #{defaults.$use-important},
|
|
100
|
-
$screen: $screen-name
|
|
101
|
-
);
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
// Generate theme-aware utilities.
|
|
107
|
-
@if defaults.$theme-aware and root-defaults.$theme-aware-utilities {
|
|
108
|
-
@each $theme-name, $colors in color.$themes {
|
|
109
|
-
@if $theme-name != active {
|
|
110
|
-
// e.g. `.dark:` or `.light:`
|
|
111
|
-
$selector-prefix: #{defaults.$selector-base}#{defaults.$theme-aware-selector-prefix}#{$theme-name}#{defaults.$theme-aware-separator};
|
|
112
|
-
|
|
113
|
-
// For each template property, create a utility class.
|
|
114
|
-
@each $name, $value in defaults.$z-index-properties {
|
|
115
|
-
// e.g. `.dark:z-0` or `.light:z-n1`
|
|
116
|
-
$selector: #{$selector-prefix}#{defaults.$z-index-selector-prefix}#{$name};
|
|
117
|
-
|
|
118
|
-
@include utility.create(
|
|
119
|
-
$selector,
|
|
120
|
-
z-index,
|
|
121
|
-
$value,
|
|
122
|
-
$important: #{defaults.$use-important},
|
|
123
|
-
$theme: $theme-name
|
|
124
|
-
);
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
// Generate state-aware utilities.
|
|
131
|
-
@if defaults.$state-aware and root-defaults.$state-aware-utilities {
|
|
132
|
-
@each $state-name, $value in root-defaults.$state-selectors {
|
|
133
|
-
// e.g. `.hover:` or `.focus:`
|
|
134
|
-
$selector-prefix: #{defaults.$selector-base}#{defaults.$state-aware-selector-prefix}#{$state-name}#{defaults.$state-aware-separator};
|
|
135
|
-
|
|
136
|
-
// For each template property, create a utility class.
|
|
137
|
-
@each $name, $value in defaults.$z-index-properties {
|
|
138
|
-
// e.g. `.hover:z-0` or `.focus:z-n1`
|
|
139
|
-
$selector: #{$selector-prefix}#{defaults.$z-index-selector-prefix}#{$name};
|
|
140
|
-
|
|
141
|
-
@include utility.create(
|
|
142
|
-
$selector,
|
|
143
|
-
z-index,
|
|
144
|
-
$value,
|
|
145
|
-
$important: #{defaults.$use-important},
|
|
146
|
-
$state: $state-name
|
|
147
|
-
);
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
// Generate container-aware utilities.
|
|
153
|
-
@if defaults.$container-aware and root-defaults.$container-aware-utilities {
|
|
154
|
-
@each $container-name in map.keys(root-defaults.$container-sizes) {
|
|
155
|
-
// e.g. `.md:` or `.lg:`
|
|
156
|
-
$selector-prefix: #{defaults.$selector-base}#{defaults.$container-aware-selector-prefix}#{$container-name}#{defaults.$container-aware-separator};
|
|
157
|
-
|
|
158
|
-
// For each template property, create a utility class.
|
|
159
|
-
@each $name, $value in defaults.$z-index-properties {
|
|
160
|
-
// e.g. `.md:z-0`
|
|
161
|
-
$selector: #{$selector-prefix}#{defaults.$z-index-selector-prefix}#{$name};
|
|
162
|
-
|
|
163
|
-
@include utility.create(
|
|
164
|
-
$selector,
|
|
165
|
-
z-index,
|
|
166
|
-
$value,
|
|
167
|
-
$important: #{defaults.$use-important},
|
|
168
|
-
$container: $container-name
|
|
169
|
-
);
|
|
170
|
-
}
|
|
171
|
-
}
|
|
172
|
-
}
|
|
173
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { resolve } from "path";
|
|
2
|
-
import { defineConfig } from "vite";
|
|
3
|
-
import { fileURLToPath, URL } from "url";
|
|
4
|
-
|
|
5
|
-
// Get the current directory path.
|
|
6
|
-
const __dirname = fileURLToPath(new URL(".", import.meta.url));
|
|
7
|
-
|
|
8
|
-
// Supported build types.
|
|
9
|
-
const formats = ["iife", "esm", "cjs"];
|
|
10
|
-
|
|
11
|
-
// https://vitejs.dev/config/
|
|
12
|
-
export default defineConfig({
|
|
13
|
-
build: {
|
|
14
|
-
outDir: "dist/js",
|
|
15
|
-
lib: {
|
|
16
|
-
entry: resolve(__dirname, "build.js"),
|
|
17
|
-
name: "Graupl",
|
|
18
|
-
formats,
|
|
19
|
-
fileName: (format) => `graupl.${format}.js`,
|
|
20
|
-
},
|
|
21
|
-
},
|
|
22
|
-
server: {
|
|
23
|
-
host: "0.0.0.0",
|
|
24
|
-
hmr: {
|
|
25
|
-
host: "localhost",
|
|
26
|
-
},
|
|
27
|
-
},
|
|
28
|
-
});
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
@layer graupl.theme{.button{--graupl-icon-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.visited,.button:visited{--graupl-icon-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{--graupl-icon-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{--graupl-icon-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{--graupl-icon-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{--graupl-icon-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{--graupl-icon-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{--graupl-icon-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.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-icon-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{--graupl-icon-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.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-icon-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{--graupl-icon-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].disabled,.button[disabled].hover,.button[disabled]:active,.button[disabled]:disabled,.button[disabled]:hover,.button[disabled][aria-disabled=true],.button[disabled][disabled]{--graupl-icon-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{--graupl-icon-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].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-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}}
|
|
2
|
-
/*# sourceMappingURL=button.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../node_modules/@graupl/core/src/scss/mixins/_layer.scss","../../../src/scss/base/button/_index.scss","button.css"],"names":[],"mappings":"AASI,oBCkBF,QACE,+MCxBF,CD6BM,gCACE,kPCxBR,CDuBM,cACE,gPCrBR,CDoBM,sBACE,gPClBR,CDiBM,4BACE,+NCZR,CDWM,8BACE,iQCNR,CDgBc,0FACE,2KCLhB,CDIc,+BACE,2KCFhB,CDCc,4SACE,2KCkChB,CDnCc,+BACE,2KCqChB,CDtCc,gTACE,2KCyEhB,CD1Ec,gCACE,2KC4EhB,CD7Ec,gWACE,2KCgHhB,CDjHc,0CACE,2KCmHhB,CDpHc,0SACE,2KC2IhB,CACF","file":"button.css"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
@layer graupl.theme{a{--graupl-icon-color:var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))))}a.visited,a:visited{--graupl-icon-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)))))}a.focus{--graupl-icon-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)))))}a:focus-visible{--graupl-icon-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)))))}a.hover,a:hover{--graupl-icon-color:var(--graupl-link-hover-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46))))}a.active,a:active{--graupl-icon-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)))))}a.disabled,a.disabled.focus,a.disabled.visited,a.disabled:visited{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a.disabled:focus-visible{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a.disabled.active,a.disabled.disabled,a.disabled.hover,a.disabled:active,a.disabled:disabled,a.disabled:hover,a.disabled[aria-disabled=true],a.disabled[disabled],a:disabled,a:disabled.focus,a:disabled.visited,a:disabled:visited{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a:disabled:focus-visible{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a:disabled.active,a:disabled.disabled,a:disabled.hover,a:disabled:active,a:disabled:disabled,a:disabled:hover,a:disabled[aria-disabled=true],a:disabled[disabled],a[disabled],a[disabled].focus,a[disabled].visited,a[disabled]:visited{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a[disabled]:focus-visible{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a[aria-disabled=true],a[aria-disabled=true].focus,a[aria-disabled=true].visited,a[aria-disabled=true]:visited,a[disabled].active,a[disabled].disabled,a[disabled].hover,a[disabled]:active,a[disabled]:disabled,a[disabled]:hover,a[disabled][aria-disabled=true],a[disabled][disabled]{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a[aria-disabled=true]:focus-visible{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a[aria-disabled=true].active,a[aria-disabled=true].disabled,a[aria-disabled=true].hover,a[aria-disabled=true]:active,a[aria-disabled=true]:disabled,a[aria-disabled=true]:hover,a[aria-disabled=true][aria-disabled=true],a[aria-disabled=true][disabled]{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}}
|
|
2
|
-
/*# sourceMappingURL=link.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../node_modules/@graupl/core/src/scss/mixins/_layer.scss","../../../src/scss/base/link/_index.scss","link.css"],"names":[],"mappings":"AASI,oBCkBkC,EAClC,gKCzBF,CD8BM,oBACE,iMCzBR,CDwBM,QACE,+LCtBR,CDqBM,gBACE,+LCnBR,CDkBM,gBACE,yKCbR,CDYM,kBACE,yMCPR,CDiBc,kEACE,yKCNhB,CDKc,yBACE,yKCHhB,CDEc,oOACE,yKCiChB,CDlCc,yBACE,yKCoChB,CDrCc,wOACE,yKCwEhB,CDzEc,0BACE,yKC2EhB,CD5Ec,wRACE,yKC+GhB,CDhHc,oCACE,yKCkHhB,CDnHc,0PACE,yKC0IhB,CACF","file":"link.css"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
@layer graupl.theme{.button{--graupl-icon-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.visited,.button:visited{--graupl-icon-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{--graupl-icon-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{--graupl-icon-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{--graupl-icon-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{--graupl-icon-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{--graupl-icon-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{--graupl-icon-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.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-icon-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{--graupl-icon-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.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-icon-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{--graupl-icon-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].disabled,.button[disabled].hover,.button[disabled]:active,.button[disabled]:disabled,.button[disabled]:hover,.button[disabled][aria-disabled=true],.button[disabled][disabled]{--graupl-icon-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{--graupl-icon-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].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-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a{--graupl-icon-color:var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))))}a.visited,a:visited{--graupl-icon-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)))))}a.focus{--graupl-icon-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)))))}}@layer graupl.theme{a:focus-visible{--graupl-icon-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)))))}a.hover,a:hover{--graupl-icon-color:var(--graupl-link-hover-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46))))}a.active,a:active{--graupl-icon-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)))))}a.disabled,a.disabled.focus,a.disabled.visited,a.disabled:visited{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a.disabled:focus-visible{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a.disabled.active,a.disabled.disabled,a.disabled.hover,a.disabled:active,a.disabled:disabled,a.disabled:hover,a.disabled[aria-disabled=true],a.disabled[disabled],a:disabled,a:disabled.focus,a:disabled.visited,a:disabled:visited{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a:disabled:focus-visible{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a:disabled.active,a:disabled.disabled,a:disabled.hover,a:disabled:active,a:disabled:disabled,a:disabled:hover,a:disabled[aria-disabled=true],a:disabled[disabled],a[disabled],a[disabled].focus,a[disabled].visited,a[disabled]:visited{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a[disabled]:focus-visible{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a[aria-disabled=true],a[aria-disabled=true].focus,a[aria-disabled=true].visited,a[aria-disabled=true]:visited,a[disabled].active,a[disabled].disabled,a[disabled].hover,a[disabled]:active,a[disabled]:disabled,a[disabled]:hover,a[disabled][aria-disabled=true],a[disabled][disabled]{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a[aria-disabled=true]:focus-visible{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a[aria-disabled=true].active,a[aria-disabled=true].disabled,a[aria-disabled=true].hover,a[aria-disabled=true]:active,a[aria-disabled=true]:disabled,a[aria-disabled=true]:hover,a[aria-disabled=true][aria-disabled=true],a[aria-disabled=true][disabled]{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}}
|
|
2
|
-
/*# sourceMappingURL=base.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../node_modules/@graupl/core/src/scss/mixins/_layer.scss","../../src/scss/base/button/_index.scss","base.css","../../src/scss/base/link/_index.scss"],"names":[],"mappings":"AASI,oBCkBF,QACE,+MCxBF,CD6BM,gCACE,kPCxBR,CDuBM,cACE,gPCrBR,CDoBM,sBACE,gPClBR,CDiBM,4BACE,+NCZR,CDWM,8BACE,iQCNR,CDgBc,0FACE,2KCLhB,CDIc,+BACE,2KCFhB,CDCc,4SACE,2KCkChB,CDnCc,+BACE,2KCqChB,CDtCc,gTACE,2KCyEhB,CD1Ec,gCACE,2KC4EhB,CD7Ec,gWACE,2KCgHhB,CDjHc,0CACE,2KCmHhB,CDpHc,0SACE,2KC2IhB,CC7JoC,EAClC,gKDiKF,CC5JM,oBACE,iMDiKR,CClKM,QACE,+LDoKR,CAbF,CFhLI,oBGwBI,gBACE,+LDuKR,CCxKM,gBACE,yKD6KR,CC9KM,kBACE,yMDmLR,CCzKc,kEACE,yKDoLhB,CCrLc,yBACE,yKDuLhB,CCxLc,oOACE,yKD2NhB,CC5Nc,yBACE,yKD8NhB,CC/Nc,wOACE,yKDkQhB,CCnQc,0BACE,yKDqQhB,CCtQc,wRACE,yKDyShB,CC1Sc,oCACE,yKD4ShB,CC7Sc,0PACE,yKDoUhB,CACF","file":"base.css"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
@layer graupl.component{.icon{background-position:50%;background-repeat:no-repeat;background-size:contain;display:var(--graupl-icon-display,inline-block);height:var(--graupl-icon-height,var(--graupl-icon-size,1.25em));margin-inline:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))) var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)));-webkit-mask-image:var(--graupl-icon,none);mask-image:var(--graupl-icon,none);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:sub;width:var(--graupl-icon-width,var(--graupl-icon-size,1.25em))}.icon-before:before{margin-inline-end:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)))}.icon-after:after,.icon-before:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:var(--graupl-icon-display,inline-block);height:var(--graupl-icon-height,var(--graupl-icon-size,1.25em));-webkit-mask-image:var(--graupl-icon,none);mask-image:var(--graupl-icon,none);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:sub;width:var(--graupl-icon-width,var(--graupl-icon-size,1.25em))}.icon-after:after{margin-inline-start:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)))}}@layer graupl.theme{.icon,.icon-after:after,.icon-before:before{background-color:var(--graupl-icon-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))))))}.icon-after.primary-100,.icon-before.primary-100,.icon.primary-100{--graupl-icon-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))}.icon-after.primary-200,.icon-before.primary-200,.icon.primary-200{--graupl-icon-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))}.icon-after.primary-300,.icon-before.primary-300,.icon.primary-300{--graupl-icon-color:var(--graupl-theme-active--primary--300,var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed)))}.icon-after.primary-400,.icon-before.primary-400,.icon.primary-400{--graupl-icon-color:var(--graupl-theme-active--primary--400,var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2)))}.icon-after.primary-500,.icon-before.primary-500,.icon.primary-500{--graupl-icon-color:var(--graupl-theme-active--primary--500,var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df)))}.icon-after.primary-600,.icon-before.primary-600,.icon.primary-600{--graupl-icon-color:var(--graupl-theme-active--primary--600,var(--graupl-theme-light--primary--600,var(--graupl-primary--600,#1d59c9)))}.icon-after.primary-700,.icon-before.primary-700,.icon.primary-700{--graupl-icon-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))}.icon-after.primary-800,.icon-before.primary-800,.icon.primary-800{--graupl-icon-color:var(--graupl-theme-active--primary--800,var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561)))}.icon-after.primary-900,.icon-before.primary-900,.icon.primary-900{--graupl-icon-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))}.icon-after.secondary-100,.icon-before.secondary-100,.icon.secondary-100{--graupl-icon-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)))}.icon-after.secondary-200,.icon-before.secondary-200,.icon.secondary-200{--graupl-icon-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))}.icon-after.secondary-300,.icon-before.secondary-300,.icon.secondary-300{--graupl-icon-color:var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8)))}.icon-after.secondary-400,.icon-before.secondary-400,.icon.secondary-400{--graupl-icon-color:var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))}.icon-after.secondary-500,.icon-before.secondary-500,.icon.secondary-500{--graupl-icon-color:var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093)))}.icon-after.secondary-600,.icon-before.secondary-600,.icon.secondary-600{--graupl-icon-color:var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484)))}.icon-after.secondary-700,.icon-before.secondary-700,.icon.secondary-700{--graupl-icon-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)))}.icon-after.secondary-800,.icon-before.secondary-800,.icon.secondary-800{--graupl-icon-color:var(--graupl-theme-active--secondary--800,var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642)))}.icon-after.secondary-900,.icon-before.secondary-900,.icon.secondary-900{--graupl-icon-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)))}.icon-after.tertiary-100,.icon-before.tertiary-100,.icon.tertiary-100{--graupl-icon-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)))}.icon-after.tertiary-200,.icon-before.tertiary-200,.icon.tertiary-200{--graupl-icon-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))}.icon-after.tertiary-300,.icon-before.tertiary-300,.icon.tertiary-300{--graupl-icon-color:var(--graupl-theme-active--tertiary--300,var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92)))}.icon-after.tertiary-400,.icon-before.tertiary-400,.icon.tertiary-400{--graupl-icon-color:var(--graupl-theme-active--tertiary--400,var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775)))}.icon-after.tertiary-500,.icon-before.tertiary-500,.icon.tertiary-500{--graupl-icon-color:var(--graupl-theme-active--tertiary--500,var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36)))}.icon-after.tertiary-600,.icon-before.tertiary-600,.icon.tertiary-600{--graupl-icon-color:var(--graupl-theme-active--tertiary--600,var(--graupl-theme-light--tertiary--600,var(--graupl-tertiary--600,#b82e5c)))}.icon-after.tertiary-700,.icon-before.tertiary-700,.icon.tertiary-700{--graupl-icon-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)))}.icon-after.tertiary-800,.icon-before.tertiary-800,.icon.tertiary-800{--graupl-icon-color:var(--graupl-theme-active--tertiary--800,var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26)))}.icon-after.tertiary-900,.icon-before.tertiary-900,.icon.tertiary-900{--graupl-icon-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)))}}
|
|
2
|
-
/*# sourceMappingURL=icon.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../node_modules/@graupl/core/src/scss/mixins/_layer.scss","../../../src/scss/component/icon/_index.scss","../../../src/scss/component/icon/_mixins.scss","../../../src/scss/component/icon/_variables.scss","icon.css"],"names":[],"mappings":"AASI,wBCCF,MCDA,uBAAA,CADA,2BAAA,CAEA,uBAAA,CALA,+CCMa,CDJb,+DCUY,CDuBV,yLAAA,CA5BF,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DEQA,CFUE,oBAIE,uGECJ,CFEE,sCAtBF,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAiBI,UAAA,CAtBJ,+CCMa,CDJb,+DCUY,CDLZ,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DEsCA,CFbE,kBAIE,yGESJ,CACF,CJpCI,oBEyCA,4CA/BF,0MEoCA,CHFM,mEACE,uIGMR,CHPM,mEACE,uIGWR,CHZM,mEACE,uIGgBR,CHjBM,mEACE,uIGqBR,CHtBM,mEACE,uIG0BR,CH3BM,mEACE,uIG+BR,CHhCM,mEACE,uIGoCR,CHrCM,mEACE,uIGyCR,CH1CM,mEACE,uIG8CR,CH/CM,yEACE,6IGmDR,CHpDM,yEACE,6IGwDR,CHzDM,yEACE,6IG6DR,CH9DM,yEACE,6IGkER,CHnEM,yEACE,6IGuER,CHxEM,yEACE,6IG4ER,CH7EM,yEACE,6IGiFR,CHlFM,yEACE,6IGsFR,CHvFM,yEACE,6IG2FR,CH5FM,sEACE,0IGgGR,CHjGM,sEACE,0IGqGR,CHtGM,sEACE,0IG0GR,CH3GM,sEACE,0IG+GR,CHhHM,sEACE,uIGoHR,CHrHM,sEACE,0IGyHR,CH1HM,sEACE,0IG8HR,CH/HM,sEACE,0IGmIR,CHpIM,sEACE,0IGwIR,CACF","file":"icon.css"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
@layer graupl.component{.icon{background-position:50%;background-repeat:no-repeat;background-size:contain;display:var(--graupl-icon-display,inline-block);height:var(--graupl-icon-height,var(--graupl-icon-size,1.25em));margin-inline:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))) var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)));-webkit-mask-image:var(--graupl-icon,none);mask-image:var(--graupl-icon,none);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:sub;width:var(--graupl-icon-width,var(--graupl-icon-size,1.25em))}.icon-before:before{margin-inline-end:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)))}.icon-after:after,.icon-before:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:var(--graupl-icon-display,inline-block);height:var(--graupl-icon-height,var(--graupl-icon-size,1.25em));-webkit-mask-image:var(--graupl-icon,none);mask-image:var(--graupl-icon,none);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:sub;width:var(--graupl-icon-width,var(--graupl-icon-size,1.25em))}.icon-after:after{margin-inline-start:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)))}}@layer graupl.theme{.icon,.icon-after:after,.icon-before:before{background-color:var(--graupl-icon-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))))))}.icon-after.primary-100,.icon-before.primary-100,.icon.primary-100{--graupl-icon-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))}.icon-after.primary-200,.icon-before.primary-200,.icon.primary-200{--graupl-icon-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))}.icon-after.primary-300,.icon-before.primary-300,.icon.primary-300{--graupl-icon-color:var(--graupl-theme-active--primary--300,var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed)))}.icon-after.primary-400,.icon-before.primary-400,.icon.primary-400{--graupl-icon-color:var(--graupl-theme-active--primary--400,var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2)))}.icon-after.primary-500,.icon-before.primary-500,.icon.primary-500{--graupl-icon-color:var(--graupl-theme-active--primary--500,var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df)))}.icon-after.primary-600,.icon-before.primary-600,.icon.primary-600{--graupl-icon-color:var(--graupl-theme-active--primary--600,var(--graupl-theme-light--primary--600,var(--graupl-primary--600,#1d59c9)))}.icon-after.primary-700,.icon-before.primary-700,.icon.primary-700{--graupl-icon-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))}.icon-after.primary-800,.icon-before.primary-800,.icon.primary-800{--graupl-icon-color:var(--graupl-theme-active--primary--800,var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561)))}.icon-after.primary-900,.icon-before.primary-900,.icon.primary-900{--graupl-icon-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))}.icon-after.secondary-100,.icon-before.secondary-100,.icon.secondary-100{--graupl-icon-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)))}.icon-after.secondary-200,.icon-before.secondary-200,.icon.secondary-200{--graupl-icon-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))}.icon-after.secondary-300,.icon-before.secondary-300,.icon.secondary-300{--graupl-icon-color:var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8)))}.icon-after.secondary-400,.icon-before.secondary-400,.icon.secondary-400{--graupl-icon-color:var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))}.icon-after.secondary-500,.icon-before.secondary-500,.icon.secondary-500{--graupl-icon-color:var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093)))}.icon-after.secondary-600,.icon-before.secondary-600,.icon.secondary-600{--graupl-icon-color:var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484)))}.icon-after.secondary-700,.icon-before.secondary-700,.icon.secondary-700{--graupl-icon-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)))}.icon-after.secondary-800,.icon-before.secondary-800,.icon.secondary-800{--graupl-icon-color:var(--graupl-theme-active--secondary--800,var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642)))}.icon-after.secondary-900,.icon-before.secondary-900,.icon.secondary-900{--graupl-icon-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)))}.icon-after.tertiary-100,.icon-before.tertiary-100,.icon.tertiary-100{--graupl-icon-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)))}.icon-after.tertiary-200,.icon-before.tertiary-200,.icon.tertiary-200{--graupl-icon-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))}.icon-after.tertiary-300,.icon-before.tertiary-300,.icon.tertiary-300{--graupl-icon-color:var(--graupl-theme-active--tertiary--300,var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92)))}.icon-after.tertiary-400,.icon-before.tertiary-400,.icon.tertiary-400{--graupl-icon-color:var(--graupl-theme-active--tertiary--400,var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775)))}.icon-after.tertiary-500,.icon-before.tertiary-500,.icon.tertiary-500{--graupl-icon-color:var(--graupl-theme-active--tertiary--500,var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36)))}.icon-after.tertiary-600,.icon-before.tertiary-600,.icon.tertiary-600{--graupl-icon-color:var(--graupl-theme-active--tertiary--600,var(--graupl-theme-light--tertiary--600,var(--graupl-tertiary--600,#b82e5c)))}.icon-after.tertiary-700,.icon-before.tertiary-700,.icon.tertiary-700{--graupl-icon-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)))}.icon-after.tertiary-800,.icon-before.tertiary-800,.icon.tertiary-800{--graupl-icon-color:var(--graupl-theme-active--tertiary--800,var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26)))}.icon-after.tertiary-900,.icon-before.tertiary-900,.icon.tertiary-900{--graupl-icon-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)))}}
|
|
2
|
-
/*# sourceMappingURL=component.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../node_modules/@graupl/core/src/scss/mixins/_layer.scss","../../src/scss/component/icon/_index.scss","../../src/scss/component/icon/_mixins.scss","../../src/scss/component/icon/_variables.scss","component.css"],"names":[],"mappings":"AASI,wBCCF,MCDA,uBAAA,CADA,2BAAA,CAEA,uBAAA,CALA,+CCMa,CDJb,+DCUY,CDuBV,yLAAA,CA5BF,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DEQA,CFUE,oBAIE,uGECJ,CFEE,sCAtBF,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAiBI,UAAA,CAtBJ,+CCMa,CDJb,+DCUY,CDLZ,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DEsCA,CFbE,kBAIE,yGESJ,CACF,CJpCI,oBEyCA,4CA/BF,0MEoCA,CHFM,mEACE,uIGMR,CHPM,mEACE,uIGWR,CHZM,mEACE,uIGgBR,CHjBM,mEACE,uIGqBR,CHtBM,mEACE,uIG0BR,CH3BM,mEACE,uIG+BR,CHhCM,mEACE,uIGoCR,CHrCM,mEACE,uIGyCR,CH1CM,mEACE,uIG8CR,CH/CM,yEACE,6IGmDR,CHpDM,yEACE,6IGwDR,CHzDM,yEACE,6IG6DR,CH9DM,yEACE,6IGkER,CHnEM,yEACE,6IGuER,CHxEM,yEACE,6IG4ER,CH7EM,yEACE,6IGiFR,CHlFM,yEACE,6IGsFR,CHvFM,yEACE,6IG2FR,CH5FM,sEACE,0IGgGR,CHjGM,sEACE,0IGqGR,CHtGM,sEACE,0IG0GR,CH3GM,sEACE,0IG+GR,CHhHM,sEACE,uIGoHR,CHrHM,sEACE,0IGyHR,CH1HM,sEACE,0IG8HR,CH/HM,sEACE,0IGmIR,CHpIM,sEACE,0IGwIR,CACF","file":"component.css"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
@layer graupl.theme{.button{--graupl-icon-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.visited,.button:visited{--graupl-icon-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{--graupl-icon-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{--graupl-icon-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{--graupl-icon-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{--graupl-icon-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{--graupl-icon-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{--graupl-icon-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.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-icon-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{--graupl-icon-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.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-icon-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{--graupl-icon-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].disabled,.button[disabled].hover,.button[disabled]:active,.button[disabled]:disabled,.button[disabled]:hover,.button[disabled][aria-disabled=true],.button[disabled][disabled]{--graupl-icon-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{--graupl-icon-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].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-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a{--graupl-icon-color:var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))))}a.visited,a:visited{--graupl-icon-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)))))}a.focus{--graupl-icon-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)))))}}@layer graupl.theme{a:focus-visible{--graupl-icon-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)))))}a.hover,a:hover{--graupl-icon-color:var(--graupl-link-hover-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46))))}a.active,a:active{--graupl-icon-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)))))}a.disabled,a.disabled.focus,a.disabled.visited,a.disabled:visited{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a.disabled:focus-visible{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a.disabled.active,a.disabled.disabled,a.disabled.hover,a.disabled:active,a.disabled:disabled,a.disabled:hover,a.disabled[aria-disabled=true],a.disabled[disabled],a:disabled,a:disabled.focus,a:disabled.visited,a:disabled:visited{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a:disabled:focus-visible{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a:disabled.active,a:disabled.disabled,a:disabled.hover,a:disabled:active,a:disabled:disabled,a:disabled:hover,a:disabled[aria-disabled=true],a:disabled[disabled],a[disabled],a[disabled].focus,a[disabled].visited,a[disabled]:visited{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a[disabled]:focus-visible{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a[aria-disabled=true],a[aria-disabled=true].focus,a[aria-disabled=true].visited,a[aria-disabled=true]:visited,a[disabled].active,a[disabled].disabled,a[disabled].hover,a[disabled]:active,a[disabled]:disabled,a[disabled]:hover,a[disabled][aria-disabled=true],a[disabled][disabled]{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a[aria-disabled=true]:focus-visible{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a[aria-disabled=true].active,a[aria-disabled=true].disabled,a[aria-disabled=true].hover,a[aria-disabled=true]:active,a[aria-disabled=true]:disabled,a[aria-disabled=true]:hover,a[aria-disabled=true][aria-disabled=true],a[aria-disabled=true][disabled]{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}}@layer graupl.component{.icon{background-position:50%;background-repeat:no-repeat;background-size:contain;display:var(--graupl-icon-display,inline-block);height:var(--graupl-icon-height,var(--graupl-icon-size,1.25em));margin-inline:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))) var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)));-webkit-mask-image:var(--graupl-icon,none);mask-image:var(--graupl-icon,none);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:sub;width:var(--graupl-icon-width,var(--graupl-icon-size,1.25em))}.icon-before:before{margin-inline-end:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)))}.icon-after:after,.icon-before:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:var(--graupl-icon-display,inline-block);height:var(--graupl-icon-height,var(--graupl-icon-size,1.25em));-webkit-mask-image:var(--graupl-icon,none);mask-image:var(--graupl-icon,none);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:sub;width:var(--graupl-icon-width,var(--graupl-icon-size,1.25em))}.icon-after:after{margin-inline-start:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)))}}@layer graupl.theme{.icon,.icon-after:after,.icon-before:before{background-color:var(--graupl-icon-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))))))}.icon-after.primary-100,.icon-before.primary-100,.icon.primary-100{--graupl-icon-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))}.icon-after.primary-200,.icon-before.primary-200,.icon.primary-200{--graupl-icon-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))}.icon-after.primary-300,.icon-before.primary-300,.icon.primary-300{--graupl-icon-color:var(--graupl-theme-active--primary--300,var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed)))}.icon-after.primary-400,.icon-before.primary-400,.icon.primary-400{--graupl-icon-color:var(--graupl-theme-active--primary--400,var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2)))}.icon-after.primary-500,.icon-before.primary-500,.icon.primary-500{--graupl-icon-color:var(--graupl-theme-active--primary--500,var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df)))}.icon-after.primary-600,.icon-before.primary-600,.icon.primary-600{--graupl-icon-color:var(--graupl-theme-active--primary--600,var(--graupl-theme-light--primary--600,var(--graupl-primary--600,#1d59c9)))}.icon-after.primary-700,.icon-before.primary-700,.icon.primary-700{--graupl-icon-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))}.icon-after.primary-800,.icon-before.primary-800,.icon.primary-800{--graupl-icon-color:var(--graupl-theme-active--primary--800,var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561)))}.icon-after.primary-900,.icon-before.primary-900,.icon.primary-900{--graupl-icon-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))}.icon-after.secondary-100,.icon-before.secondary-100,.icon.secondary-100{--graupl-icon-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)))}.icon-after.secondary-200,.icon-before.secondary-200,.icon.secondary-200{--graupl-icon-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))}.icon-after.secondary-300,.icon-before.secondary-300,.icon.secondary-300{--graupl-icon-color:var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8)))}.icon-after.secondary-400,.icon-before.secondary-400,.icon.secondary-400{--graupl-icon-color:var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))}.icon-after.secondary-500,.icon-before.secondary-500,.icon.secondary-500{--graupl-icon-color:var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093)))}.icon-after.secondary-600,.icon-before.secondary-600,.icon.secondary-600{--graupl-icon-color:var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484)))}.icon-after.secondary-700,.icon-before.secondary-700,.icon.secondary-700{--graupl-icon-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)))}.icon-after.secondary-800,.icon-before.secondary-800,.icon.secondary-800{--graupl-icon-color:var(--graupl-theme-active--secondary--800,var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642)))}.icon-after.secondary-900,.icon-before.secondary-900,.icon.secondary-900{--graupl-icon-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)))}.icon-after.tertiary-100,.icon-before.tertiary-100,.icon.tertiary-100{--graupl-icon-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)))}.icon-after.tertiary-200,.icon-before.tertiary-200,.icon.tertiary-200{--graupl-icon-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))}.icon-after.tertiary-300,.icon-before.tertiary-300,.icon.tertiary-300{--graupl-icon-color:var(--graupl-theme-active--tertiary--300,var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92)))}.icon-after.tertiary-400,.icon-before.tertiary-400,.icon.tertiary-400{--graupl-icon-color:var(--graupl-theme-active--tertiary--400,var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775)))}.icon-after.tertiary-500,.icon-before.tertiary-500,.icon.tertiary-500{--graupl-icon-color:var(--graupl-theme-active--tertiary--500,var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36)))}.icon-after.tertiary-600,.icon-before.tertiary-600,.icon.tertiary-600{--graupl-icon-color:var(--graupl-theme-active--tertiary--600,var(--graupl-theme-light--tertiary--600,var(--graupl-tertiary--600,#b82e5c)))}.icon-after.tertiary-700,.icon-before.tertiary-700,.icon.tertiary-700{--graupl-icon-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)))}.icon-after.tertiary-800,.icon-before.tertiary-800,.icon.tertiary-800{--graupl-icon-color:var(--graupl-theme-active--tertiary--800,var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26)))}.icon-after.tertiary-900,.icon-before.tertiary-900,.icon.tertiary-900{--graupl-icon-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)))}}
|
|
2
|
-
/*# sourceMappingURL=icon.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../node_modules/@graupl/core/src/scss/mixins/_layer.scss","../../src/scss/base/button/_index.scss","icon.css","../../src/scss/base/link/_index.scss","../../src/scss/component/icon/_index.scss","../../src/scss/component/icon/_mixins.scss","../../src/scss/component/icon/_variables.scss"],"names":[],"mappings":"AASI,oBCkBF,QACE,+MCxBF,CD6BM,gCACE,kPCxBR,CDuBM,cACE,gPCrBR,CDoBM,sBACE,gPClBR,CDiBM,4BACE,+NCZR,CDWM,8BACE,iQCNR,CDgBc,0FACE,2KCLhB,CDIc,+BACE,2KCFhB,CDCc,4SACE,2KCkChB,CDnCc,+BACE,2KCqChB,CDtCc,gTACE,2KCyEhB,CD1Ec,gCACE,2KC4EhB,CD7Ec,gWACE,2KCgHhB,CDjHc,0CACE,2KCmHhB,CDpHc,0SACE,2KC2IhB,CC7JoC,EAClC,gKDiKF,CC5JM,oBACE,iMDiKR,CClKM,QACE,+LDoKR,CAbF,CFhLI,oBGwBI,gBACE,+LDuKR,CCxKM,gBACE,yKD6KR,CC9KM,kBACE,yMDmLR,CCzKc,kEACE,yKDoLhB,CCrLc,yBACE,yKDuLhB,CCxLc,oOACE,yKD2NhB,CC5Nc,yBACE,yKD8NhB,CC/Nc,wOACE,yKDkQhB,CCnQc,0BACE,yKDqQhB,CCtQc,wRACE,yKDyShB,CC1Sc,oCACE,yKD4ShB,CC7Sc,0PACE,yKDoUhB,CACF,CFzWI,wBICF,MCDA,uBAAA,CADA,2BAAA,CAEA,uBAAA,CALA,+CCMa,CDJb,+DCUY,CDuBV,yLAAA,CA5BF,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DH2XA,CGzWE,oBAIE,uGHoXJ,CGjXE,sCAtBF,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAiBI,UAAA,CAtBJ,+CCMa,CDJb,+DCUY,CDLZ,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DHyZA,CGhYE,kBAIE,yGH4XJ,CACF,CFvZI,oBKyCA,4CA/BF,0MHuZA,CErXM,mEACE,uIFyXR,CE1XM,mEACE,uIF8XR,CE/XM,mEACE,uIFmYR,CEpYM,mEACE,uIFwYR,CEzYM,mEACE,uIF6YR,CE9YM,mEACE,uIFkZR,CEnZM,mEACE,uIFuZR,CExZM,mEACE,uIF4ZR,CE7ZM,mEACE,uIFiaR,CElaM,yEACE,6IFsaR,CEvaM,yEACE,6IF2aR,CE5aM,yEACE,6IFgbR,CEjbM,yEACE,6IFqbR,CEtbM,yEACE,6IF0bR,CE3bM,yEACE,6IF+bR,CEhcM,yEACE,6IFocR,CErcM,yEACE,6IFycR,CE1cM,yEACE,6IF8cR,CE/cM,sEACE,0IFmdR,CEpdM,sEACE,0IFwdR,CEzdM,sEACE,0IF6dR,CE9dM,sEACE,0IFkeR,CEneM,sEACE,uIFueR,CExeM,sEACE,0IF4eR,CE7eM,sEACE,0IFifR,CElfM,sEACE,0IFsfR,CEvfM,sEACE,0IF2fR,CACF","file":"icon.css"}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@graupl/icons",
|
|
3
|
-
"version": "1.0.0-beta.10",
|
|
4
|
-
"description": "A plugin for Graupl that provides bare-minimum icon components.",
|
|
5
|
-
"type": "module",
|
|
6
|
-
"files": [
|
|
7
|
-
"dist",
|
|
8
|
-
"scss",
|
|
9
|
-
"src"
|
|
10
|
-
],
|
|
11
|
-
"exports": {
|
|
12
|
-
".": {
|
|
13
|
-
"sass": "./scss/icon.scss"
|
|
14
|
-
},
|
|
15
|
-
"./*.scss": {
|
|
16
|
-
"sass": "./scss/*.scss"
|
|
17
|
-
},
|
|
18
|
-
"./src/*.scss": {
|
|
19
|
-
"sass": "./src/scss/*.scss"
|
|
20
|
-
}
|
|
21
|
-
},
|
|
22
|
-
"repository": {
|
|
23
|
-
"type": "git",
|
|
24
|
-
"url": "git+https://github.com/Graupl/graupl.git",
|
|
25
|
-
"directory": "packages/icons"
|
|
26
|
-
},
|
|
27
|
-
"keywords": [
|
|
28
|
-
"graupl"
|
|
29
|
-
],
|
|
30
|
-
"author": "Nick Milton",
|
|
31
|
-
"contributors": [
|
|
32
|
-
{
|
|
33
|
-
"name": "Coldfront Labs Inc.",
|
|
34
|
-
"url": "https://coldfrontlabs.ca"
|
|
35
|
-
}
|
|
36
|
-
],
|
|
37
|
-
"bugs": {
|
|
38
|
-
"url": "https://github.com/Graupl/graupl/issues"
|
|
39
|
-
},
|
|
40
|
-
"license": "ISC",
|
|
41
|
-
"homepage": "https://github.com/Graupl/graupl/tree/main/packages/icons#readme",
|
|
42
|
-
"devDependencies": {
|
|
43
|
-
"sass": "^1.89.2"
|
|
44
|
-
},
|
|
45
|
-
"dependencies": {
|
|
46
|
-
"@graupl/core": "*"
|
|
47
|
-
}
|
|
48
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
// @graupl/icons button base default values.
|
|
2
|
-
//
|
|
3
|
-
// Generally, these should not be used directly when styling components unless a static value is needed.
|
|
4
|
-
// They are mainly used to provide class selectors, fallbacks for custom properties, or loop values.
|
|
5
|
-
//
|
|
6
|
-
// They should not be used to define direct property values (i.e. font-size, color, etc.).
|
|
7
|
-
// Those should be defined as custom properties in the `_variables.scss` file.
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
// @gruapl/icons button base styles.
|
|
2
|
-
//
|
|
3
|
-
// This module provides icon component integration for the button component.
|
|
4
|
-
//
|
|
5
|
-
// It sets the `--graupl-icon-color` custom property to the appropriate `--graupl-button-color` property.
|
|
6
|
-
//
|
|
7
|
-
// The following selectors are generated by default:
|
|
8
|
-
// - `.button`: The button component.
|
|
9
|
-
//
|
|
10
|
-
// The following custom properties control the generated selectors:
|
|
11
|
-
// - N/A
|
|
12
|
-
//
|
|
13
|
-
// The following variables control the generated selectors:
|
|
14
|
-
// - N/A
|
|
15
|
-
//
|
|
16
|
-
// @example
|
|
17
|
-
// <button class="button icon-after">Button</button>
|
|
18
|
-
|
|
19
|
-
@use "pkg:@graupl/core/src/base/button/defaults" as button-defaults;
|
|
20
|
-
@use "pkg:@graupl/core/src/base/button/variables" as button;
|
|
21
|
-
@use "pkg:@graupl/core/src/defaults" as root-defaults;
|
|
22
|
-
@use "pkg:@graupl/core/src/mixins/layer" as *;
|
|
23
|
-
@use "sass:map";
|
|
24
|
-
@use "variables" as *;
|
|
25
|
-
|
|
26
|
-
@include layer(theme) {
|
|
27
|
-
// .button
|
|
28
|
-
#{button-defaults.$button-selector-base}#{button-defaults.$button-selector} {
|
|
29
|
-
--#{root-defaults.$prefix}icon-color: #{button.$button-color};
|
|
30
|
-
|
|
31
|
-
@each $state, $selectors in root-defaults.$state-selectors {
|
|
32
|
-
@each $selector in $selectors {
|
|
33
|
-
// e.g &:visited, &:focus-visible, &:hover, &:active, &:disabled
|
|
34
|
-
&#{$selector} {
|
|
35
|
-
--#{root-defaults.$prefix}icon-color: #{map.get(
|
|
36
|
-
button.$button-color-states,
|
|
37
|
-
$state
|
|
38
|
-
)};
|
|
39
|
-
|
|
40
|
-
// If the state is disabled, we want that to supersede all other states.
|
|
41
|
-
@if $state == "disabled" {
|
|
42
|
-
@each $sub-state, $sub-selectors in root-defaults.$state-selectors {
|
|
43
|
-
@each $sub-selector in $sub-selectors {
|
|
44
|
-
// e.g &:visited, &:focus-visible, &:hover, &:active
|
|
45
|
-
&#{$sub-selector} {
|
|
46
|
-
--#{root-defaults.$prefix}icon-color: #{map.get(
|
|
47
|
-
button.$button-color-states,
|
|
48
|
-
$state
|
|
49
|
-
)};
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
// @graupl/icons link base default values.
|
|
2
|
-
//
|
|
3
|
-
// Generally, these should not be used directly when styling components unless a static value is needed.
|
|
4
|
-
// They are mainly used to provide class selectors, fallbacks for custom properties, or loop values.
|
|
5
|
-
//
|
|
6
|
-
// They should not be used to define direct property values (i.e. font-size, color, etc.).
|
|
7
|
-
// Those should be defined as custom properties in the `_variables.scss` file.
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
// @gruapl/icons link base styles.
|
|
2
|
-
//
|
|
3
|
-
// This module provides icon component integration for the link component.
|
|
4
|
-
//
|
|
5
|
-
// It sets the `--graupl-icon-color` custom property to the appropriate `--graupl-link-color` property.
|
|
6
|
-
//
|
|
7
|
-
// The following selectors are generated by default:
|
|
8
|
-
// - `a`: The link component.
|
|
9
|
-
//
|
|
10
|
-
// The following custom properties control the generated selectors:
|
|
11
|
-
// - N/A
|
|
12
|
-
//
|
|
13
|
-
// The following variables control the generated selectors:
|
|
14
|
-
// - N/A
|
|
15
|
-
//
|
|
16
|
-
// @example
|
|
17
|
-
// <a href="#" class="icon-after">Link</a>
|
|
18
|
-
|
|
19
|
-
@use "pkg:@graupl/core/src/base/link/defaults" as link-defaults;
|
|
20
|
-
@use "pkg:@graupl/core/src/base/link/variables" as link;
|
|
21
|
-
@use "pkg:@graupl/core/src/defaults" as root-defaults;
|
|
22
|
-
@use "pkg:@graupl/core/src/mixins/layer" as *;
|
|
23
|
-
@use "sass:map";
|
|
24
|
-
@use "variables" as *;
|
|
25
|
-
|
|
26
|
-
@include layer(theme) {
|
|
27
|
-
// a
|
|
28
|
-
#{link-defaults.$link-selector-base}#{link-defaults.$link-selector} {
|
|
29
|
-
--#{root-defaults.$prefix}icon-color: #{link.$link-color};
|
|
30
|
-
|
|
31
|
-
@each $state, $selectors in root-defaults.$state-selectors {
|
|
32
|
-
@each $selector in $selectors {
|
|
33
|
-
// e.g &:visited, &:focus-visible, &:hover, &:active, &:disabled
|
|
34
|
-
&#{$selector} {
|
|
35
|
-
--#{root-defaults.$prefix}icon-color: #{map.get(
|
|
36
|
-
link.$link-color-states,
|
|
37
|
-
$state
|
|
38
|
-
)};
|
|
39
|
-
|
|
40
|
-
// If the state is disabled, we want that to supersede all other states.
|
|
41
|
-
@if $state == "disabled" {
|
|
42
|
-
@each $sub-state, $sub-selectors in root-defaults.$state-selectors {
|
|
43
|
-
@each $sub-selector in $sub-selectors {
|
|
44
|
-
// e.g &:visited, &:focus-visible, &:hover, &:active
|
|
45
|
-
&#{$sub-selector} {
|
|
46
|
-
--#{root-defaults.$prefix}icon-color: #{map.get(
|
|
47
|
-
link.$link-color-states,
|
|
48
|
-
$state
|
|
49
|
-
)};
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
}
|