npm - @graupl/graupl - Versions diffs - 1.0.0-beta.10 → 1.0.0-beta.11 - Mend

@graupl/graupl 1.0.0-beta.10 → 1.0.0-beta.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (474) hide show

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/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

package/docs/utilities/alignment.md DELETED Viewed

@@ -1,411 +0,0 @@
-# Alignment Utilities
-The alignment utilities provide a set of classes to adjust the `align-content`, `align-items`, and `align-self` properties of elements.
-## Align content
-| Class Name | Property | Value |
-| --- | --- | --- |
-| [`.align-content-normal`](#align-content-normal) | align-content | normal |
-| [`.align-content-start`](#align-content-start) | align-content | flex-start |
-| [`.align-content-end`](#align-content-end) | align-content | flex-end |
-| [`.align-content-center`](#align-content-center) | align-content | center |
-| [`.align-content-between`](#align-content-between) | align-content | space-between |
-| [`.align-content-around`](#align-content-around) | align-content | space-around |
-| [`.align-content-evenly`](#align-content-evenly) | align-content | space-evenly |
-| [`.align-content-baseline`](#align-content-baseline) | align-content | baseline |
-| [`.align-content-stretch`](#align-content-stretch) | align-content | stretch |
-### `.align-content-normal`
-Sets the `align-content` property to `normal`.
-<div class="w-full display-grid g-4 bg-primary-100 bordered border-primary-700 align-content-normal p-5 h-10" style="grid-template-columns: repeat(3, min-content); grid-template-rows: min-content;">
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-</div>
-```html
-<div class="display-grid align-content-normal">
-  <!-- Content here -->
-</div>
-```
-### `.align-content-start`
-Sets the `align-content` property to `flex-start`.
-<div class="w-full display-grid g-4 bg-primary-100 bordered border-primary-700 align-content-start p-5 h-10" style="grid-template-columns: repeat(3, min-content); grid-template-rows: min-content;">
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-</div>
-```html
-<div class="display-grid align-content-start">
-  <!-- Content here -->
-</div>
-```
-### `.align-content-end`
-Sets the `align-content` property to `flex-end`.
-<div class="w-full display-grid g-4 bg-primary-100 bordered border-primary-700 align-content-end p-5 h-10" style="grid-template-columns: repeat(3, min-content); grid-template-rows: min-content;">
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-</div>
-```html
-<div class="display-grid align-content-end">
-  <!-- Content here -->
-</div>
-```
-### `.align-content-center`
-Sets the `align-content` property to `center`.
-<div class="w-full display-grid g-4 bg-primary-100 bordered border-primary-700 align-content-center p-5 h-10" style="grid-template-columns: repeat(3, min-content); grid-template-rows: min-content;">
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-</div>
-```html
-<div class="display-grid align-content-center">
-  <!-- Content here -->
-</div>
-```
-### `.align-content-between`
-Sets the `align-content` property to `space-between`.
-<div class="w-full display-grid g-4 bg-primary-100 bordered border-primary-700 align-content-between p-5 h-10" style="grid-template-columns: repeat(3, min-content); grid-template-rows: min-content;">
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-</div>
-```html
-<div class="display-grid align-content-between">
-  <!-- Content here -->
-</div>
-```
-### `.align-content-around`
-Sets the `align-content` property to `space-around`.
-<div class="w-full display-grid g-4 bg-primary-100 bordered border-primary-700 align-content-around p-5 h-10" style="grid-template-columns: repeat(3, min-content); grid-template-rows: min-content;">
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-</div>
-```html
-<div class="display-grid align-content-around">
-  <!-- Content here -->
-</div>
-```
-### `.align-content-evenly`
-Sets the `align-content` property to `space-evenly`.
-<div class="w-full display-grid g-4 bg-primary-100 bordered border-primary-700 align-content-evenly p-5 h-10" style="grid-template-columns: repeat(3, min-content); grid-template-rows: min-content;">
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-</div>
-```html
-<div class="display-grid align-content-evenly">
-  <!-- Content here -->
-</div>
-```
-### `.align-content-baseline`
-Sets the `align-content` property to `baseline`.
-<div class="w-full display-grid g-4 bg-primary-100 bordered border-primary-700 align-content-baseline p-5 h-10" style="grid-template-columns: repeat(3, min-content); grid-template-rows: min-content;">
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-</div>
-```html
-<div class="display-grid align-content-baseline">
-  <!-- Content here -->
-</div>
-```
-### `.align-content-stretch`
-Sets the `align-content` property to `stretch`.
-<div class="w-full display-grid g-4 bg-primary-100 bordered border-primary-700 align-content-stretch p-5 h-10" style="grid-template-columns: repeat(3, min-content); grid-template-rows: min-content;">
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-</div>
-```html
-<div class="display-grid align-content-start">
-  <!-- Content here -->
-</div>
-```
-## Align items
-| Class Name | Property | Value |
-| --- | --- | --- |
-| `.align-items-start` | align-items | start |
-| `.align-items-end` | align-items | end |
-| `.align-items-center` | align-items | center |
-| `.align-items-baseline` | align-items | baseline |
-| `.align-items-stretch` | align-items | stretch |
-### `.align-items-start`
-Sets the `align-items` property to `start`.
-<div class="w-full display-flex g-4 bg-primary-100 bordered border-primary-700 align-items-start p-5 h-10">
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-</div>
-```html
-<div class="display-flex align-items-start">
-  <!-- Content here -->
-</div>
-```
-### `.align-items-end`
-Sets the `align-items` property to `end`.
-<div class="w-full display-flex g-4 bg-primary-100 bordered border-primary-700 align-items-end p-5 h-10">
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-</div>
-```html
-<div class="display-flex align-items-end">
-  <!-- Content here -->
-</div>
-```
-### `.align-items-center`
-Sets the `align-items` property to `center`.
-<div class="w-full display-flex g-4 bg-primary-100 bordered border-primary-700 align-items-center p-5 h-10">
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-</div>
-```html
-<div class="display-flex align-items-center">
-  <!-- Content here -->
-</div>
-```
-### `.align-items-baseline`
-Sets the `align-items` property to `baseline`.
-<div class="w-full display-flex g-4 bg-primary-100 bordered border-primary-700 align-items-baseline p-5 h-10">
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-</div>
-```html
-<div class="display-flex align-items-baseline">
-  <!-- Content here -->
-</div>
-```
-### `.align-items-stretch`
-Sets the `align-items` property to `stretch`.
-<div class="w-full display-flex g-4 bg-primary-100 bordered border-primary-700 align-items-stretch p-5 h-10">
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4">Item</div>
-</div>
-```html
-<div class="display-flex align-items-stretch">
-  <!-- Content here -->
-</div>
-```
-## Align self
-| Class Name | Property | Value |
-| --- | --- | --- |
-| `.align-self-auto` | align-self | auto |
-| `.align-self-start` | align-self | start |
-| `.align-self-end` | align-self | end |
-| `.align-self-center` | align-self | center |
-| `.align-self-baseline` | align-self | baseline |
-| `.align-self-stretch` | align-self | stretch |
-### `.align-self-auto`
-Sets the `align-self` property to `auto`.
-<div class="w-full display-flex g-4 bg-primary-100 bordered border-primary-700 p-5 h-10">
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4 align-self-auto">Item</div>
-</div>
-```html
-<div class="display-flex">
-  <div class="align-self-auto">
-    <!-- Content here -->
-  </div>
-</div>
-```
-### `.align-self-start`
-Sets the `align-self` property to `start`.
-<div class="w-full display-flex g-4 bg-primary-100 bordered border-primary-700 p-5 h-10">
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4 align-self-start">Item</div>
-</div>
-```html
-<div class="display-flex">
-  <div class="align-self-start">
-    <!-- Content here -->
-  </div>
-</div>
-```
-### `.align-self-end`
-Sets the `align-self` property to `end`.
-<div class="w-full display-flex g-4 bg-primary-100 bordered border-primary-700 p-5 h-10">
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4 align-self-end">Item</div>
-</div>
-```html
-<div class="display-flex">
-  <div class="align-self-end">
-    <!-- Content here -->
-  </div>
-</div>
-```
-### `.align-self-end`
-Sets the `align-self` property to `end`.
-<div class="w-full display-flex g-4 bg-primary-100 bordered border-primary-700 p-5 h-10">
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4 align-self-end">Item</div>
-</div>
-```html
-<div class="display-flex">
-  <div class="align-self-end">
-    <!-- Content here -->
-  </div>
-</div>
-```
-### `.align-self-center`
-Sets the `align-self` property to `center`.
-<div class="w-full display-flex g-4 bg-primary-100 bordered border-primary-700 p-5 h-10">
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4 align-self-center">Item</div>
-</div>
-```html
-<div class="display-flex">
-  <div class="align-self-center">
-    <!-- Content here -->
-  </div>
-</div>
-```
-### `.align-self-baseline`
-Sets the `align-self` property to `baseline`.
-<div class="w-full display-flex g-4 bg-primary-100 bordered border-primary-700 p-5 h-10">
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4 align-self-baseline">Item</div>
-</div>
-```html
-<div class="display-flex">
-  <div class="align-self-baseline">
-    <!-- Content here -->
-  </div>
-</div>
-```
-### `.align-self-stretch`
-Sets the `align-self` property to `stretch`.
-<div class="w-full display-flex g-4 bg-primary-100 bordered border-primary-700 p-5 h-10">
-  <div class="bg-primary-200 bordered border-tertiary-700 p-4 align-self-stretch">Item</div>
-</div>
-```html
-<div class="display-flex">
-  <div class="align-self-stretch">
-    <!-- Content here -->
-  </div>
-</div>
-```
-## Customization
-To customize the alignment utilities, you can use the following variables.
-| Variable | Default Value | Description |
-| --- | --- | --- |
-| `$selector-base` | `"."` | The base selector for the utility classes. |
-| `$use-important` | `true` | A flag to determine if the `!important` flag should be added to the utility classes. |
-| `$screen-aware` | `false` | A flag to generate screen-aware utility classes. |
-| `$theme-aware` | `false` | A flag to generate theme-aware utility classes. |
-| `$state-aware` | `false` | A flag to generate state-aware utility classes. |
-| `$container-aware` | `false` | A flag to generate container-aware utility classes. |
-| `$screen-aware-separator` | `":"` | The separator for screen-aware utility classes. |
-| `$theme-aware-separator` | `":"` | The separator for theme-aware utility classes. |
-| `$state-aware-separator` | `":"` | The separator for state-aware utility classes. |
-| `$container-aware-separator` | `":"` | The separator for container-aware utility classes. |
-| `$screen-aware-selector-prefix` | `""` | The prefix for the screen-aware utility classes. |
-| `$theme-aware-selector-prefix` | `""` | The prefix for the theme-aware utility classes. |
-| `$state-aware-selector-prefix` | `""` | The prefix for the state-aware utility classes. |
-| `$container-aware-selector-prefix` | `"cq:"` | The prefix for the container-aware utility classes. |
-| `$align-content-selector-prefix` | `"align-content-"` | The prefix for the align content utility classes. |
-| `$custom-align-content-properties` | `()` | The custom properties and values for the align content utility classes. |
-| `$align-items-selector-prefix` | `"align-items-"` | The prefix for the `.align-items-utility` utility classes. |
-| `$custom-align-items-properties` | `()` | The custom properties and values for the `.align-items-utility` utility classes. |
-| `$align-self-selector-prefix` | `"align-self-"` | The prefix for the `.align-self-utility` utility classes. |
-| `$custom-align-self-properties` | `()` | The custom properties and values for the `.align-self-utility` utility classes. |
-## Responsive variants
-To generate responsive alignment utilities, you can set the `$screen-aware`, `$theme-aware`, `$state-aware`, or `$container-aware` variables to `true`.
-By default, no responsive alignment utilities are generated.
-::: tip :pencil2: Note
-For more information on responsive variants, refer to the [Responsive utility classes](./responsive-classes) documentation.
-:::

package/docs/utilities/background.md DELETED Viewed

@@ -1,192 +0,0 @@
-# Background Utilities
-The background utilities provide a set of classes to adjust the `bg-attachment`, `bg-clip`, `bg-image`, `bg-origin`, `bg-position`, `bg-repeat`, and `bg-size` properties of elements.
-::: tip :pencil2: Note
-For `background-color` utility classes, please refer to the [color utilities](./color).
-:::
-## Background Attachment
-| Class Name | Property | Value |
-| --- | --- | --- |
-| [`.bg-attachment-scroll`](#bg-attachment-scroll) | `background-attachment` | `scroll` |
-| [`.bg-attachment-fixed`](#bg-attachment-fixed) | `background-attachment` | `fixed` |
-| [`.bg-attachment-local`](#bg-attachment-local) | `background-attachment` | `local` |
-### `.bg-attachment-scroll`
-Sets the `background-attachment` property to `scroll`.
-### `.bg-attachment-fixed`
-Sets the `background-attachment` property to `fixed`.
-### `.bg-attachment-local`
-Sets the `background-attachment` property to `local`.
-## Background Clip
-| Class Name | Property | Value |
-| --- | --- | --- |
-| [`.bg-clip-border-box`](#bg-clip-border-box) | `background-clip` | `border-box` |
-| [`.bg-clip-padding-box`](#bg-clip-padding-box) | `background-clip` | `padding-box` |
-| [`.bg-clip-content-box`](#bg-clip-content-box) | `background-clip` | `content-box` |
-| [`.bg-clip-text`](#bg-clip-text) | `background-clip` | `text` |
-### `.bg-clip-border-box`
-Sets the `background-clip` property to `border-box`.
-### `.bg-clip-padding-box`
-Sets the `background-clip` property to `padding-box`.
-### `.bg-clip-content-box`
-Sets the `background-clip` property to `content-box`.
-### `.bg-clip-text`
-Sets the `background-clip` property to `text`.
-## Background Image
-| Class Name | Property | Value |
-| --- | --- | --- |
-| [`.bg-image-none`](#bg-image-none) | `background-image` | `none` |
-### `.bg-image-none`
-Sets the `background-image` property to `none`.
-## Background Position
-| Class Name | Property | Value |
-| --- | --- | --- |
-| [`.bg-position-top`](#bg-position-top) | `background-position` | `top` |
-| [`.bg-position-right`](#bg-position-right) | `background-position` | `right` |
-| [`.bg-position-bottom`](#bg-position-bottom) | `background-position` | `bottom` |
-| [`.bg-position-left`](#bg-position-left) | `background-position` | `left` |
-| [`.bg-position-center`](#bg-position-center) | `background-position` | `center` |
-### `.bg-position-top`
-Sets the `background-position` property to `top`.
-### `.bg-position-right`
-Sets the `background-position` property to `right`.
-### `.bg-position-bottom`
-Sets the `background-position` property to `bottom`.
-### `.bg-position-left`
-Sets the `background-position` property to `left`.
-### `.bg-position-center`
-Sets the `background-position` property to `center`.
-## Background Repeat
-| Class Name | Property | Value |
-| --- | --- | --- |
-| [`.bg-repeat-repeat`](#bg-repeat-repeat) | `background-repeat` | `repeat` |
-| [`.bg-repeat-repeat-x`](#bg-repeat-repeat-x) | `background-repeat` | `repeat-x` |
-| [`.bg-repeat-repeat-y`](#bg-repeat-repeat-y) | `background-repeat` | `repeat-y` |
-| [`.bg-repeat-space`](#bg-repeat-space) | `background-repeat` | `space` |
-| [`.bg-repeat-round`](#bg-repeat-round) | `background-repeat` | `round` |
-| [`.bg-repeat-no-repeat`](#bg-repeat-no-repeat) | `background-repeat` | `no-repeat` |
-### `.bg-repeat-repeat`
-Sets the `background-repeat` property to `repeat`.
-### `.bg-repeat-repeat-x`
-Sets the `background-repeat` property to `repeat-x`.
-### `.bg-repeat-repeat-y`
-Sets the `background-repeat` property to `repeat-y`.
-### `.bg-repeat-space`
-Sets the `background-repeat` property to `space`.
-### `.bg-repeat-round`
-Sets the `background-repeat` property to `round`.
-### `.bg-repeat-no-repeat`
-Sets the `background-repeat` property to `no-repeat`.
-## Background Size
-| Class Name | Property | Value |
-| --- | --- | --- |
-| [`.bg-size-auto`](#bg-size-auto) | `background-size` | `auto` |
-| [`.bg-size-cover`](#bg-size-cover) | `background-size` | `cover` |
-| [`.bg-size-contain`](#bg-size-contain) | `background-size` | `contain` |
-### `.bg-size-auto`
-Sets the `background-size` property to `auto`.
-### `.bg-size-cover`
-Sets the `background-size` property to `cover`.
-### `.bg-size-contain`
-Sets the `background-size` property to `contain`.
-## Customization
-To customize the background utilities, you can use the following variables.
-| Variable | Default Value | Description |
-| --- | --- | --- |
-| `$selector-base` | `"."` | The base selector for the utility classes. |
-| `$use-important` | `true` | A flag to determine if the `!important` flag should be added to the utility classes. |
-| `$screen-aware` | `false` | A flag to generate screen-aware utility classes. |
-| `$theme-aware` | `false` | A flag to generate theme-aware utility classes. |
-| `$state-aware` | `false` | A flag to generate state-aware utility classes. |
-| `$container-aware` | `false` | A flag to generate container-aware utility classes. |
-| `$screen-aware-separator` | `":"` | The separator for screen-aware utility classes. |
-| `$theme-aware-separator` | `":"` | The separator for theme-aware utility classes. |
-| `$state-aware-separator` | `":"` | The separator for state-aware utility classes. |
-| `$container-aware-separator` | `":"` | The separator for container-aware utility classes. |
-| `$screen-aware-selector-prefix` | `""` | The prefix for the screen-aware utility classes. |
-| `$theme-aware-selector-prefix` | `""` | The prefix for the theme-aware utility classes. |
-| `$state-aware-selector-prefix` | `""` | The prefix for the state-aware utility classes. |
-| `$container-aware-selector-prefix` | `"cq:"` | The prefix for the container-aware utility classes. |
-| `$background-attachment-selector-prefix` | `"bg-attachment-"` | The prefix for the background attachment utility classes. |
-| `$custom-background-attachment-properties` | `()` | The custom properties and values for the background attachment utility classes. |
-| `$background-clip-selector-prefix` | `"bg-clip-"` | The prefix for the background clip utility classes. |
-| `$custom-background-clip-properties` | `()` | The custom properties and values for the background clip utility classes. |
-| `$background-image-selector-prefix` | `"bg-image-"` | The prefix for the background image utility classes. |
-| `$custom-background-image-properties` | `()` | The custom properties and values for the background image utility classes. |
-| `$background-origin-selector-prefix` | `"bg-origin-"` | The prefix for the background origin utility classes. |
-| `$custom-background-origin-properties` | `()` | The custom properties and values for the background origin utility classes. |
-| `$background-position-selector-prefix` | `"bg-position-"` | The prefix for the background position utility classes. |
-| `$custom-background-position-properties` | `()` | The custom properties and values for the background position utility classes. |
-| `$background-repeat-selector-prefix` | `"bg-repeat-"` | The prefix for the background repeat utility classes. |
-| `$custom-background-repeat-properties` | `()` | The custom properties and values for the background repeat utility classes. |
-| `$background-size-selector-prefix` | `"bg-size-"` | The prefix for the background size utility classes. |
-| `$custom-background-size-properties` | `()` | The custom properties and values for the background size utility classes. |
-## Responsive variants
-To generate responsive background utilities, you can set the `$screen-aware`, `$theme-aware`, `$state-aware`, or `$container-aware` variables to `true`.
-By default, no responsive alignment utilities are generated.
-::: tip :pencil2: Note
-For more information on responsive variants, refer to the [Responsive utility classes](./responsive-classes) documentation.
-:::