From eebacd71a5615df59627766fc82d3f6b6134e180 Mon Sep 17 00:00:00 2001 From: nmerget Date: Tue, 5 Dec 2023 13:01:38 +0000 Subject: [PATCH] deploy: c5525d4b38c6ccbbd0ac7c55383de3a97c846d57 --- review/main/404.html | 2 +- .../_buildManifest.js | 2 +- .../_ssgManifest.js | 0 .../{16592-0da8cadb9d1d60f9.js => 16592-41f4854d3658deef.js} | 2 +- .../{2189-400c4049c5ed5501.js => 2189-13b3748da13c1f45.js} | 2 +- review/main/_next/static/chunks/24882-afc91f9255d2b044.js | 1 + review/main/_next/static/chunks/24882-cab60052ca84fe77.js | 1 - review/main/_next/static/chunks/9803-a33cc75e74c03ed2.js | 1 - review/main/_next/static/chunks/9803-dbd1beed4cfe2eeb.js | 1 + review/main/base64.html | 2 +- review/main/components/accordion-item.html | 2 +- review/main/components/accordion-item/code/States.html | 4 ++-- review/main/components/accordion-item/code/Tonality.html | 4 ++-- review/main/components/accordion-item/docs/Angular.html | 4 ++-- review/main/components/accordion-item/docs/HTML.html | 4 ++-- review/main/components/accordion-item/docs/Migration.html | 4 ++-- review/main/components/accordion-item/docs/React.html | 4 ++-- review/main/components/accordion-item/docs/Vue.html | 4 ++-- review/main/components/accordion-item/examples.html | 2 +- review/main/components/accordion-item/how-to-use.html | 2 +- review/main/components/accordion-item/migration.html | 2 +- review/main/components/accordion-item/overview.html | 2 +- review/main/components/accordion-item/properties.html | 2 +- review/main/components/accordion.html | 2 +- review/main/components/accordion/code/Behaviour.html | 4 ++-- review/main/components/accordion/code/Tonality.html | 4 ++-- review/main/components/accordion/docs/Angular.html | 4 ++-- review/main/components/accordion/docs/HTML.html | 4 ++-- review/main/components/accordion/docs/Migration.html | 4 ++-- review/main/components/accordion/docs/React.html | 4 ++-- review/main/components/accordion/docs/Vue.html | 4 ++-- review/main/components/accordion/examples.html | 2 +- review/main/components/accordion/how-to-use.html | 2 +- review/main/components/accordion/migration.html | 2 +- review/main/components/accordion/overview.html | 2 +- review/main/components/accordion/properties.html | 2 +- review/main/components/alert.html | 2 +- review/main/components/alert/code/Behaviour.html | 4 ++-- review/main/components/alert/code/Content.html | 4 ++-- review/main/components/alert/code/Tonality.html | 4 ++-- review/main/components/alert/code/Type.html | 4 ++-- review/main/components/alert/code/Variant.html | 4 ++-- review/main/components/alert/docs/Angular.html | 4 ++-- review/main/components/alert/docs/HTML.html | 4 ++-- review/main/components/alert/docs/Migration.html | 4 ++-- review/main/components/alert/docs/React.html | 4 ++-- review/main/components/alert/docs/Vue.html | 4 ++-- review/main/components/alert/examples.html | 2 +- review/main/components/alert/how-to-use.html | 2 +- review/main/components/alert/migration.html | 2 +- review/main/components/alert/overview.html | 2 +- review/main/components/alert/properties.html | 2 +- review/main/components/badge.html | 2 +- review/main/components/badge/code/Content.html | 4 ++-- review/main/components/badge/code/Emphasis.html | 4 ++-- review/main/components/badge/code/Examples.html | 4 ++-- review/main/components/badge/code/Placement.html | 4 ++-- review/main/components/badge/code/Size.html | 4 ++-- review/main/components/badge/code/Tonality.html | 4 ++-- review/main/components/badge/code/Variant.html | 4 ++-- review/main/components/badge/docs/Angular.html | 4 ++-- review/main/components/badge/docs/HTML.html | 4 ++-- review/main/components/badge/docs/Migration.html | 4 ++-- review/main/components/badge/docs/React.html | 4 ++-- review/main/components/badge/docs/Vue.html | 4 ++-- review/main/components/badge/examples.html | 2 +- review/main/components/badge/how-to-use.html | 2 +- review/main/components/badge/migration.html | 2 +- review/main/components/badge/overview.html | 2 +- review/main/components/badge/properties.html | 2 +- review/main/components/brand/docs/Angular.html | 4 ++-- review/main/components/brand/docs/HTML.html | 4 ++-- review/main/components/brand/docs/React.html | 4 ++-- review/main/components/brand/docs/Vue.html | 4 ++-- review/main/components/brand/examples.html | 2 +- review/main/components/brand/how-to-use.html | 2 +- review/main/components/brand/migration.html | 2 +- review/main/components/brand/properties.html | 2 +- review/main/components/button.html | 2 +- review/main/components/button/code/Behaviour.html | 4 ++-- review/main/components/button/code/Content.html | 4 ++-- review/main/components/button/code/Size.html | 4 ++-- review/main/components/button/code/State.html | 4 ++-- review/main/components/button/code/Tonality.html | 4 ++-- review/main/components/button/code/Variant.html | 4 ++-- review/main/components/button/docs/Angular.html | 4 ++-- review/main/components/button/docs/HTML.html | 4 ++-- review/main/components/button/docs/Migration.html | 4 ++-- review/main/components/button/docs/React.html | 4 ++-- review/main/components/button/docs/Vue.html | 4 ++-- review/main/components/button/examples.html | 2 +- review/main/components/button/how-to-use.html | 2 +- review/main/components/button/migration.html | 2 +- review/main/components/button/overview.html | 2 +- review/main/components/button/properties.html | 2 +- review/main/components/card.html | 2 +- review/main/components/card/code/ColorVariant.html | 4 ++-- review/main/components/card/code/Spacing.html | 4 ++-- review/main/components/card/code/Tonality.html | 4 ++-- review/main/components/card/code/Variant.html | 4 ++-- review/main/components/card/docs/Angular.html | 4 ++-- review/main/components/card/docs/HTML.html | 4 ++-- review/main/components/card/docs/Migration.html | 4 ++-- review/main/components/card/docs/React.html | 4 ++-- review/main/components/card/docs/Vue.html | 4 ++-- review/main/components/card/examples.html | 2 +- review/main/components/card/how-to-use.html | 2 +- review/main/components/card/migration.html | 2 +- review/main/components/card/overview.html | 2 +- review/main/components/card/properties.html | 2 +- review/main/components/checkbox.html | 2 +- review/main/components/checkbox/code/Requirement.html | 4 ++-- review/main/components/checkbox/code/Size.html | 4 ++-- review/main/components/checkbox/code/States.html | 4 ++-- review/main/components/checkbox/code/Tonality.html | 4 ++-- review/main/components/checkbox/code/VariantLabel.html | 4 ++-- review/main/components/checkbox/docs/Angular.html | 4 ++-- review/main/components/checkbox/docs/HTML.html | 4 ++-- review/main/components/checkbox/docs/React.html | 4 ++-- review/main/components/checkbox/docs/Vue.html | 4 ++-- review/main/components/checkbox/examples.html | 2 +- review/main/components/checkbox/how-to-use.html | 2 +- review/main/components/checkbox/migration.html | 2 +- review/main/components/checkbox/overview.html | 2 +- review/main/components/checkbox/properties.html | 2 +- review/main/components/code-docs/docs/Angular.html | 4 ++-- review/main/components/code-docs/docs/HTML.html | 4 ++-- review/main/components/code-docs/docs/React.html | 4 ++-- review/main/components/code-docs/docs/Vue.html | 4 ++-- review/main/components/code-docs/examples.html | 2 +- review/main/components/code-docs/how-to-use.html | 2 +- review/main/components/code-docs/migration.html | 2 +- review/main/components/code-docs/properties.html | 2 +- review/main/components/divider.html | 2 +- review/main/components/divider/code/Emphasis.html | 4 ++-- review/main/components/divider/code/Tonality.html | 4 ++-- review/main/components/divider/code/Variant.html | 4 ++-- review/main/components/divider/docs/Angular.html | 4 ++-- review/main/components/divider/docs/HTML.html | 4 ++-- review/main/components/divider/docs/Migration.html | 4 ++-- review/main/components/divider/docs/React.html | 4 ++-- review/main/components/divider/docs/Vue.html | 4 ++-- review/main/components/divider/examples.html | 2 +- review/main/components/divider/how-to-use.html | 2 +- review/main/components/divider/migration.html | 2 +- review/main/components/divider/overview.html | 2 +- review/main/components/divider/properties.html | 2 +- review/main/components/drawer.html | 2 +- review/main/components/drawer/code/Backdrop.html | 4 ++-- review/main/components/drawer/code/Directions.html | 4 ++-- review/main/components/drawer/code/Rounded.html | 4 ++-- review/main/components/drawer/code/Size.html | 4 ++-- review/main/components/drawer/code/Spacing.html | 4 ++-- review/main/components/drawer/code/Tonality.html | 4 ++-- review/main/components/drawer/docs/Angular.html | 4 ++-- review/main/components/drawer/docs/HTML.html | 4 ++-- review/main/components/drawer/docs/Migration.html | 4 ++-- review/main/components/drawer/docs/React.html | 4 ++-- review/main/components/drawer/docs/Vue.html | 4 ++-- review/main/components/drawer/examples.html | 2 +- review/main/components/drawer/how-to-use.html | 2 +- review/main/components/drawer/migration.html | 2 +- review/main/components/drawer/overview.html | 2 +- review/main/components/drawer/properties.html | 2 +- review/main/components/header/docs/Angular.html | 4 ++-- review/main/components/header/docs/HTML.html | 4 ++-- review/main/components/header/docs/React.html | 4 ++-- review/main/components/header/docs/Vue.html | 4 ++-- review/main/components/header/examples.html | 2 +- review/main/components/header/how-to-use.html | 2 +- review/main/components/header/migration.html | 2 +- review/main/components/header/properties.html | 2 +- review/main/components/icon/docs/Angular.html | 4 ++-- review/main/components/icon/docs/HTML.html | 4 ++-- review/main/components/icon/docs/React.html | 4 ++-- review/main/components/icon/docs/Vue.html | 4 ++-- review/main/components/icon/examples.html | 2 +- review/main/components/icon/how-to-use.html | 2 +- review/main/components/icon/migration.html | 2 +- review/main/components/icon/properties.html | 2 +- review/main/components/infotext.html | 2 +- review/main/components/infotext/code/Size.html | 4 ++-- review/main/components/infotext/code/Tonality.html | 4 ++-- review/main/components/infotext/code/Variant.html | 4 ++-- review/main/components/infotext/docs/Angular.html | 4 ++-- review/main/components/infotext/docs/HTML.html | 4 ++-- review/main/components/infotext/docs/Migration.html | 4 ++-- review/main/components/infotext/docs/React.html | 4 ++-- review/main/components/infotext/docs/Vue.html | 4 ++-- review/main/components/infotext/examples.html | 2 +- review/main/components/infotext/how-to-use.html | 2 +- review/main/components/infotext/migration.html | 2 +- review/main/components/infotext/overview.html | 2 +- review/main/components/infotext/properties.html | 2 +- review/main/components/input.html | 2 +- review/main/components/input/code/Content.html | 4 ++-- review/main/components/input/code/ExampleTypes.html | 4 ++-- .../main/components/input/code/ExampleTypesFloatingLabel.html | 4 ++-- review/main/components/input/code/Requirement.html | 4 ++-- review/main/components/input/code/Semantic.html | 4 ++-- review/main/components/input/code/StatesFloatingLabel.html | 4 ++-- review/main/components/input/code/StatesLabelAbove.html | 4 ++-- review/main/components/input/code/Tonality.html | 4 ++-- review/main/components/input/code/VariantHelperMessage.html | 4 ++-- review/main/components/input/code/VariantLabel.html | 4 ++-- review/main/components/input/docs/Angular.html | 4 ++-- review/main/components/input/docs/HTML.html | 4 ++-- review/main/components/input/docs/React.html | 4 ++-- review/main/components/input/docs/Vue.html | 4 ++-- review/main/components/input/examples.html | 2 +- review/main/components/input/how-to-use.html | 2 +- review/main/components/input/migration.html | 2 +- review/main/components/input/overview.html | 2 +- review/main/components/input/properties.html | 2 +- review/main/components/link.html | 2 +- review/main/components/link/code/Content.html | 4 ++-- review/main/components/link/code/Size.html | 4 ++-- review/main/components/link/code/State.html | 4 ++-- review/main/components/link/code/Tonality.html | 4 ++-- review/main/components/link/code/Variant.html | 4 ++-- review/main/components/link/docs/Angular.html | 4 ++-- review/main/components/link/docs/HTML.html | 4 ++-- review/main/components/link/docs/React.html | 4 ++-- review/main/components/link/docs/Vue.html | 4 ++-- review/main/components/link/examples.html | 2 +- review/main/components/link/how-to-use.html | 2 +- review/main/components/link/migration.html | 2 +- review/main/components/link/overview.html | 2 +- review/main/components/link/properties.html | 2 +- review/main/components/main-navigation.html | 2 +- review/main/components/main-navigation/code/Tonality.html | 4 ++-- review/main/components/main-navigation/docs/Angular.html | 4 ++-- review/main/components/main-navigation/docs/HTML.html | 4 ++-- review/main/components/main-navigation/docs/React.html | 4 ++-- review/main/components/main-navigation/docs/Vue.html | 4 ++-- review/main/components/main-navigation/examples.html | 2 +- review/main/components/main-navigation/how-to-use.html | 2 +- review/main/components/main-navigation/migration.html | 2 +- review/main/components/main-navigation/overview.html | 2 +- review/main/components/main-navigation/properties.html | 2 +- review/main/components/navigation-item.html | 2 +- review/main/components/navigation-item/code/Content.html | 4 ++-- review/main/components/navigation-item/code/States.html | 4 ++-- review/main/components/navigation-item/code/Tonality.html | 4 ++-- review/main/components/navigation-item/code/Width.html | 4 ++-- review/main/components/navigation-item/docs/Angular.html | 4 ++-- review/main/components/navigation-item/docs/HTML.html | 4 ++-- review/main/components/navigation-item/docs/Migration.html | 4 ++-- review/main/components/navigation-item/docs/React.html | 4 ++-- review/main/components/navigation-item/docs/Vue.html | 4 ++-- review/main/components/navigation-item/examples.html | 2 +- review/main/components/navigation-item/how-to-use.html | 2 +- review/main/components/navigation-item/migration.html | 2 +- review/main/components/navigation-item/overview.html | 2 +- review/main/components/navigation-item/properties.html | 2 +- review/main/components/page/docs/Angular.html | 4 ++-- review/main/components/page/docs/HTML.html | 4 ++-- review/main/components/page/docs/React.html | 4 ++-- review/main/components/page/docs/Vue.html | 4 ++-- review/main/components/page/examples.html | 2 +- review/main/components/page/how-to-use.html | 2 +- review/main/components/page/migration.html | 2 +- review/main/components/page/properties.html | 2 +- review/main/components/popover.html | 2 +- review/main/components/popover/code/Animations.html | 4 ++-- review/main/components/popover/code/Gap.html | 4 ++-- review/main/components/popover/code/Placement.html | 4 ++-- review/main/components/popover/code/Spacing.html | 4 ++-- review/main/components/popover/code/Tonality.html | 4 ++-- review/main/components/popover/code/Width.html | 4 ++-- review/main/components/popover/docs/Angular.html | 4 ++-- review/main/components/popover/docs/HTML.html | 4 ++-- review/main/components/popover/docs/Migration.html | 4 ++-- review/main/components/popover/docs/React.html | 4 ++-- review/main/components/popover/docs/Vue.html | 4 ++-- review/main/components/popover/examples.html | 2 +- review/main/components/popover/how-to-use.html | 2 +- review/main/components/popover/migration.html | 2 +- review/main/components/popover/overview.html | 2 +- review/main/components/popover/properties.html | 2 +- review/main/components/radio.html | 2 +- review/main/components/radio/code/Requirement.html | 4 ++-- review/main/components/radio/code/Size.html | 4 ++-- review/main/components/radio/code/States.html | 4 ++-- review/main/components/radio/code/Tonality.html | 4 ++-- review/main/components/radio/code/VariantLabel.html | 4 ++-- review/main/components/radio/docs/Angular.html | 4 ++-- review/main/components/radio/docs/HTML.html | 4 ++-- review/main/components/radio/docs/React.html | 4 ++-- review/main/components/radio/docs/Vue.html | 4 ++-- review/main/components/radio/examples.html | 2 +- review/main/components/radio/how-to-use.html | 2 +- review/main/components/radio/migration.html | 2 +- review/main/components/radio/overview.html | 2 +- review/main/components/radio/properties.html | 2 +- review/main/components/readme.html | 2 +- review/main/components/section.html | 2 +- review/main/components/section/code/Size.html | 4 ++-- review/main/components/section/code/Tonality.html | 4 ++-- review/main/components/section/code/Variant.html | 4 ++-- review/main/components/section/docs/Angular.html | 4 ++-- review/main/components/section/docs/HTML.html | 4 ++-- review/main/components/section/docs/Migration.html | 4 ++-- review/main/components/section/docs/React.html | 4 ++-- review/main/components/section/docs/Vue.html | 4 ++-- review/main/components/section/examples.html | 2 +- review/main/components/section/how-to-use.html | 2 +- review/main/components/section/migration.html | 2 +- review/main/components/section/overview.html | 2 +- review/main/components/section/properties.html | 2 +- review/main/components/select.html | 2 +- review/main/components/select/code/Content.html | 4 ++-- review/main/components/select/code/Requirement.html | 4 ++-- review/main/components/select/code/Semantic.html | 4 ++-- review/main/components/select/code/StatesFloatingLabel.html | 4 ++-- review/main/components/select/code/StatesLabelAbove.html | 4 ++-- review/main/components/select/code/Tonality.html | 4 ++-- review/main/components/select/code/VariantHelperMessage.html | 4 ++-- review/main/components/select/code/VariantLabel.html | 4 ++-- review/main/components/select/docs/Angular.html | 4 ++-- review/main/components/select/docs/HTML.html | 4 ++-- review/main/components/select/docs/Migration.html | 4 ++-- review/main/components/select/docs/React.html | 4 ++-- review/main/components/select/docs/Vue.html | 4 ++-- review/main/components/select/examples.html | 2 +- review/main/components/select/how-to-use.html | 2 +- review/main/components/select/migration.html | 2 +- review/main/components/select/overview.html | 2 +- review/main/components/select/properties.html | 2 +- review/main/components/tab-bar/docs/Angular.html | 4 ++-- review/main/components/tab-bar/docs/HTML.html | 4 ++-- review/main/components/tab-bar/docs/React.html | 4 ++-- review/main/components/tab-bar/docs/Vue.html | 4 ++-- review/main/components/tab-bar/examples.html | 2 +- review/main/components/tab-bar/how-to-use.html | 2 +- review/main/components/tab-bar/migration.html | 2 +- review/main/components/tab-bar/properties.html | 2 +- review/main/components/tab/docs/Angular.html | 4 ++-- review/main/components/tab/docs/HTML.html | 4 ++-- review/main/components/tab/docs/React.html | 4 ++-- review/main/components/tab/docs/Vue.html | 4 ++-- review/main/components/tab/examples.html | 2 +- review/main/components/tab/how-to-use.html | 2 +- review/main/components/tab/migration.html | 2 +- review/main/components/tab/properties.html | 2 +- review/main/components/tag.html | 2 +- review/main/components/tag/code/Behaviour.html | 4 ++-- review/main/components/tag/code/Content.html | 4 ++-- review/main/components/tag/code/Emphasis.html | 4 ++-- review/main/components/tag/code/Example.html | 4 ++-- review/main/components/tag/code/Overflow.html | 4 ++-- review/main/components/tag/code/State.html | 4 ++-- review/main/components/tag/code/Tonality.html | 4 ++-- review/main/components/tag/code/Variant.html | 4 ++-- review/main/components/tag/docs/Angular.html | 4 ++-- review/main/components/tag/docs/HTML.html | 4 ++-- review/main/components/tag/docs/Migration.html | 4 ++-- review/main/components/tag/docs/React.html | 4 ++-- review/main/components/tag/docs/Vue.html | 4 ++-- review/main/components/tag/examples.html | 2 +- review/main/components/tag/how-to-use.html | 2 +- review/main/components/tag/migration.html | 2 +- review/main/components/tag/overview.html | 2 +- review/main/components/tag/properties.html | 2 +- review/main/components/textarea.html | 2 +- review/main/components/textarea/code/Requirement.html | 4 ++-- review/main/components/textarea/code/Rows.html | 4 ++-- review/main/components/textarea/code/Semantic.html | 4 ++-- review/main/components/textarea/code/StatesFloatingLabel.html | 4 ++-- review/main/components/textarea/code/StatesLabelAbove.html | 4 ++-- review/main/components/textarea/code/Tonality.html | 4 ++-- .../main/components/textarea/code/VariantHelperMessage.html | 4 ++-- review/main/components/textarea/code/VariantLabel.html | 4 ++-- review/main/components/textarea/docs/Angular.html | 4 ++-- review/main/components/textarea/docs/HTML.html | 4 ++-- review/main/components/textarea/docs/Migration.html | 4 ++-- review/main/components/textarea/docs/React.html | 4 ++-- review/main/components/textarea/docs/Vue.html | 4 ++-- review/main/components/textarea/examples.html | 2 +- review/main/components/textarea/how-to-use.html | 2 +- review/main/components/textarea/migration.html | 2 +- review/main/components/textarea/overview.html | 2 +- review/main/components/textarea/properties.html | 2 +- review/main/components/tooltip.html | 2 +- review/main/components/tooltip/code/Animations.html | 4 ++-- review/main/components/tooltip/code/Emphasis.html | 4 ++-- review/main/components/tooltip/code/Placement.html | 4 ++-- review/main/components/tooltip/code/Tonality.html | 4 ++-- review/main/components/tooltip/code/Variant.html | 4 ++-- review/main/components/tooltip/code/Width.html | 4 ++-- review/main/components/tooltip/docs/Angular.html | 4 ++-- review/main/components/tooltip/docs/HTML.html | 4 ++-- review/main/components/tooltip/docs/Migration.html | 4 ++-- review/main/components/tooltip/docs/React.html | 4 ++-- review/main/components/tooltip/docs/Vue.html | 4 ++-- review/main/components/tooltip/examples.html | 2 +- review/main/components/tooltip/how-to-use.html | 2 +- review/main/components/tooltip/migration.html | 2 +- review/main/components/tooltip/overview.html | 2 +- review/main/components/tooltip/properties.html | 2 +- review/main/foundations/colors/color-schemes.html | 2 +- review/main/foundations/colors/overview.html | 2 +- review/main/foundations/colors/readme.html | 2 +- review/main/foundations/icons/custom-icons.html | 2 +- review/main/foundations/icons/overview.html | 2 +- review/main/foundations/icons/readme.html | 2 +- review/main/foundations/readme.html | 2 +- review/main/foundations/tonalities/examples.html | 2 +- review/main/foundations/tonalities/readme.html | 2 +- review/main/foundations/variables/examples.html | 2 +- review/main/foundations/variables/readme.html | 2 +- review/main/iframe.html | 2 +- review/main/index.html | 2 +- 413 files changed, 645 insertions(+), 645 deletions(-) rename review/main/_next/static/{pX8qmOoX2X16iTYZ_Xhte => JvsP3y0PwOUVEQqZxWQ35}/_buildManifest.js (99%) rename review/main/_next/static/{pX8qmOoX2X16iTYZ_Xhte => JvsP3y0PwOUVEQqZxWQ35}/_ssgManifest.js (100%) rename review/main/_next/static/chunks/{16592-0da8cadb9d1d60f9.js => 16592-41f4854d3658deef.js} (70%) rename review/main/_next/static/chunks/{2189-400c4049c5ed5501.js => 2189-13b3748da13c1f45.js} (52%) create mode 100644 review/main/_next/static/chunks/24882-afc91f9255d2b044.js delete mode 100644 review/main/_next/static/chunks/24882-cab60052ca84fe77.js delete mode 100644 review/main/_next/static/chunks/9803-a33cc75e74c03ed2.js create mode 100644 review/main/_next/static/chunks/9803-dbd1beed4cfe2eeb.js diff --git a/review/main/404.html b/review/main/404.html index efdb03b0ab8..63a73091d75 100644 --- a/review/main/404.html +++ b/review/main/404.html @@ -1 +1 @@ -
\ No newline at end of file +
\ No newline at end of file diff --git a/review/main/_next/static/pX8qmOoX2X16iTYZ_Xhte/_buildManifest.js b/review/main/_next/static/JvsP3y0PwOUVEQqZxWQ35/_buildManifest.js similarity index 99% rename from review/main/_next/static/pX8qmOoX2X16iTYZ_Xhte/_buildManifest.js rename to review/main/_next/static/JvsP3y0PwOUVEQqZxWQ35/_buildManifest.js index 4e68e9d1521..1c4cc663031 100644 --- a/review/main/_next/static/pX8qmOoX2X16iTYZ_Xhte/_buildManifest.js +++ b/review/main/_next/static/JvsP3y0PwOUVEQqZxWQ35/_buildManifest.js @@ -1 +1 @@ -self.__BUILD_MANIFEST=function(o,e,s,c,n,t,a,p,i,d,m,r,u,b,g,h,f,k,j,l,v,x,w,T,M,V,L,R,A,H,S,y,C,E,z,B,F,_,q,P,W,D,I,G,N,O,U,J,K,Q,X,Y,Z,$,oo,oe,os,oc,on,ot,oa,op,oi,od,om,or,ou,ob,og,oh,of,ok,oj,ol,ov,ox,ow,oT,oM,oV,oL,oR,oA,oH,oS,oy,oC,oE,oz,oB,oF,o_,oq,oP,oW,oD,oI,oG,oN,oO,oU,oJ,oK,oQ,oX,oY,oZ,o$,o9,o8,o5,o3,o4,o1,o0,o6,o7,o2,eo,ee,es,ec,en,et,ea,ep,ei,ed,em,er,eu,eb,eg,eh,ef,ek,ej,el,ev,ex,ew,eT,eM,eV,eL,eR,eA,eH,eS,ey,eC,eE,ez,eB,eF,e_,eq,eP,eW,eD,eI,eG,eN,eO,eU,eJ,eK,eQ,eX,eY,eZ,e$,e9){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[o,s,e,c,"static/chunks/pages/index-a6272dd120d6d30a.js"],"/404":["static/chunks/pages/404-ad60953f24dfbdba.js"],"/_error":["static/chunks/pages/_error-f808a266df2b82a2.js"],"/base64":[o3,"static/chunks/pages/base64-d10d39493b01dd88.js"],"/components/accordion":[o,s,e,c,n,t,"static/chunks/pages/components/accordion-72c383af6b9587a2.js"],"/components/accordion/code/Behaviour":[o,t,"static/chunks/pages/components/accordion/code/Behaviour-10d37b6f94e68d49.js"],"/components/accordion/code/Tonality":[o,n,"static/chunks/pages/components/accordion/code/Tonality-94e122b565310404.js"],"/components/accordion/docs/Angular":[o,o4,"static/chunks/pages/components/accordion/docs/Angular-96d65c443e52bbba.js"],"/components/accordion/docs/HTML":[o,o1,"static/chunks/pages/components/accordion/docs/HTML-5ca4cabe7a70c743.js"],"/components/accordion/docs/Migration":["static/chunks/pages/components/accordion/docs/Migration-fe2a19c64d572c5b.js"],"/components/accordion/docs/React":[o,o0,"static/chunks/pages/components/accordion/docs/React-0410c4c7e6c3e3a9.js"],"/components/accordion/docs/Vue":[o,o6,"static/chunks/pages/components/accordion/docs/Vue-94f4ce817f5d95c9.js"],"/components/accordion/examples":[s,e,c,"static/chunks/pages/components/accordion/examples-d20a63af7d2992db.js"],"/components/accordion/how-to-use":[o,s,e,c,o1,o0,o4,o6,"static/chunks/pages/components/accordion/how-to-use-a3cfa1f2079fa228.js"],"/components/accordion/migration":[s,e,c,"static/chunks/pages/components/accordion/migration-c8e50f7e561ff3ff.js"],"/components/accordion/overview":[o,s,e,c,n,t,"static/chunks/pages/components/accordion/overview-b195e0e1510e15f0.js"],"/components/accordion/properties":[s,e,c,"static/chunks/pages/components/accordion/properties-a2d40be90c83ef8f.js"],"/components/accordion-item":[o,s,e,c,a,p,"static/chunks/pages/components/accordion-item-0d6c8a0e7b01beae.js"],"/components/accordion-item/code/States":[o,a,"static/chunks/pages/components/accordion-item/code/States-5d43a6296e366b06.js"],"/components/accordion-item/code/Tonality":[o,p,"static/chunks/pages/components/accordion-item/code/Tonality-2e50d7aa1c4db102.js"],"/components/accordion-item/docs/Angular":[o,o7,"static/chunks/pages/components/accordion-item/docs/Angular-2cb8d222c8ee0004.js"],"/components/accordion-item/docs/HTML":[o,"static/chunks/pages/components/accordion-item/docs/HTML-54593946de273590.js"],"/components/accordion-item/docs/Migration":["static/chunks/pages/components/accordion-item/docs/Migration-1ec6ffe077a8fd18.js"],"/components/accordion-item/docs/React":[o,o2,"static/chunks/pages/components/accordion-item/docs/React-b2694d754fe05a4c.js"],"/components/accordion-item/docs/Vue":[o,eo,"static/chunks/pages/components/accordion-item/docs/Vue-ebd9ce6ad8a806ea.js"],"/components/accordion-item/examples":[s,e,c,"static/chunks/pages/components/accordion-item/examples-371b46e501e27d81.js"],"/components/accordion-item/how-to-use":[o,s,e,c,eo,o2,o7,"static/chunks/pages/components/accordion-item/how-to-use-d7c04c01176b8209.js"],"/components/accordion-item/migration":[s,e,c,"static/chunks/pages/components/accordion-item/migration-dece046abd54b51f.js"],"/components/accordion-item/overview":[o,s,e,c,a,p,"static/chunks/pages/components/accordion-item/overview-030a862ae1f9ffd8.js"],"/components/accordion-item/properties":[s,e,c,"static/chunks/pages/components/accordion-item/properties-f7277b81a60ac1b0.js"],"/components/alert":[o,s,e,c,i,d,m,r,u,"static/chunks/pages/components/alert-2d1f2fd3afd3e8ca.js"],"/components/alert/code/Behaviour":[o,r,"static/chunks/pages/components/alert/code/Behaviour-e6d480e80c734746.js"],"/components/alert/code/Content":[o,d,"static/chunks/pages/components/alert/code/Content-9b85fd103c9b6532.js"],"/components/alert/code/Tonality":[o,m,"static/chunks/pages/components/alert/code/Tonality-8c048b0aab856c63.js"],"/components/alert/code/Type":[o,u,"static/chunks/pages/components/alert/code/Type-75b3ea9953314064.js"],"/components/alert/code/Variant":[o,i,"static/chunks/pages/components/alert/code/Variant-68f1e23d1568a9db.js"],"/components/alert/docs/Angular":[o,ee,"static/chunks/pages/components/alert/docs/Angular-5cfd4e6c490ca5f6.js"],"/components/alert/docs/HTML":[o,es,"static/chunks/pages/components/alert/docs/HTML-ccb4424d4c8e3ace.js"],"/components/alert/docs/Migration":["static/chunks/pages/components/alert/docs/Migration-2e7ef1bbcd573850.js"],"/components/alert/docs/React":[o,"static/chunks/pages/components/alert/docs/React-4d8775714f37e995.js"],"/components/alert/docs/Vue":[o,"static/chunks/pages/components/alert/docs/Vue-2d67d596e6e1e1da.js"],"/components/alert/examples":[s,e,c,"static/chunks/pages/components/alert/examples-38e9a39788918789.js"],"/components/alert/how-to-use":[o,s,e,c,es,ee,"static/chunks/pages/components/alert/how-to-use-ebb985328b5e3d8c.js"],"/components/alert/migration":[s,e,c,"static/chunks/pages/components/alert/migration-07eb8412ac486002.js"],"/components/alert/overview":[o,s,e,c,i,d,m,r,u,"static/chunks/pages/components/alert/overview-f67a9982bb45b15f.js"],"/components/alert/properties":[s,e,c,"static/chunks/pages/components/alert/properties-29267df42c609798.js"],"/components/badge":[o,s,e,c,b,g,h,f,k,j,l,"static/chunks/pages/components/badge-5662d58385bc49f1.js"],"/components/badge/code/Content":[o,h,"static/chunks/pages/components/badge/code/Content-16598b21a3bb2695.js"],"/components/badge/code/Emphasis":[o,k,"static/chunks/pages/components/badge/code/Emphasis-15eba85c28d99d8d.js"],"/components/badge/code/Examples":[o,l,"static/chunks/pages/components/badge/code/Examples-4a44e99258076eb2.js"],"/components/badge/code/Placement":[o,g,"static/chunks/pages/components/badge/code/Placement-740acb152d2233e9.js"],"/components/badge/code/Size":[o,j,"static/chunks/pages/components/badge/code/Size-04fd3f69cc614f42.js"],"/components/badge/code/Tonality":[o,f,"static/chunks/pages/components/badge/code/Tonality-c0da469f41a4044c.js"],"/components/badge/code/Variant":[o,b,"static/chunks/pages/components/badge/code/Variant-64b49e1d9ba5643e.js"],"/components/badge/docs/Angular":[o,"static/chunks/pages/components/badge/docs/Angular-a69d70ae4ea53183.js"],"/components/badge/docs/HTML":[o,"static/chunks/pages/components/badge/docs/HTML-51d84d90d984beca.js"],"/components/badge/docs/Migration":["static/chunks/pages/components/badge/docs/Migration-ec45b3db1b61a1dd.js"],"/components/badge/docs/React":[o,"static/chunks/pages/components/badge/docs/React-f43ee07d1f9babb4.js"],"/components/badge/docs/Vue":[o,"static/chunks/pages/components/badge/docs/Vue-7ec73f0cf5fafb73.js"],"/components/badge/examples":[s,e,c,"static/chunks/pages/components/badge/examples-393f5514608a85f9.js"],"/components/badge/how-to-use":[o,s,e,c,"static/chunks/pages/components/badge/how-to-use-5f3ee024e1d7e1a3.js"],"/components/badge/migration":[s,e,c,"static/chunks/pages/components/badge/migration-8ec4965b6b34d0d8.js"],"/components/badge/overview":[o,s,e,c,b,g,h,f,k,j,l,"static/chunks/pages/components/badge/overview-9d982c0f2fceb923.js"],"/components/badge/properties":[s,e,c,"static/chunks/pages/components/badge/properties-5475243109e49b01.js"],"/components/brand/docs/Angular":[o,"static/chunks/pages/components/brand/docs/Angular-557bec5d85d91d7a.js"],"/components/brand/docs/HTML":[o,"static/chunks/pages/components/brand/docs/HTML-ee19b5509aa2f26d.js"],"/components/brand/docs/React":[o,"static/chunks/pages/components/brand/docs/React-9ac96bc0e8847bc4.js"],"/components/brand/docs/Vue":[o,"static/chunks/pages/components/brand/docs/Vue-8cdd768970d19bac.js"],"/components/brand/examples":[s,e,c,"static/chunks/pages/components/brand/examples-749a2d4efcd74d64.js"],"/components/brand/how-to-use":[o,s,e,c,"static/chunks/pages/components/brand/how-to-use-23b9820f31aeae95.js"],"/components/brand/migration":[s,e,c,"static/chunks/pages/components/brand/migration-d745ed8ad48ebf70.js"],"/components/brand/properties":[s,e,c,"static/chunks/pages/components/brand/properties-1d338fb03d871d2c.js"],"/components/button":[o,s,e,c,v,x,w,T,M,V,"static/chunks/pages/components/button-5ce332f4d1dde0fa.js"],"/components/button/code/Behaviour":[o,T,"static/chunks/pages/components/button/code/Behaviour-585be5b06dbfab5e.js"],"/components/button/code/Content":[o,x,"static/chunks/pages/components/button/code/Content-2279169731fd07a1.js"],"/components/button/code/Size":[o,M,"static/chunks/pages/components/button/code/Size-7e988f866a903e62.js"],"/components/button/code/State":[o,V,"static/chunks/pages/components/button/code/State-8efcebe3a0210a24.js"],"/components/button/code/Tonality":[o,w,"static/chunks/pages/components/button/code/Tonality-30f64d034ee4db0b.js"],"/components/button/code/Variant":[o,v,"static/chunks/pages/components/button/code/Variant-993dca8c437b9911.js"],"/components/button/docs/Angular":[o,ec,"static/chunks/pages/components/button/docs/Angular-014fd2ab36505667.js"],"/components/button/docs/HTML":[o,"static/chunks/pages/components/button/docs/HTML-113d7f9b8cb79ce2.js"],"/components/button/docs/Migration":["static/chunks/pages/components/button/docs/Migration-2e1c7e47c71c8020.js"],"/components/button/docs/React":[o,"static/chunks/pages/components/button/docs/React-d6ed520cb06d90a6.js"],"/components/button/docs/Vue":[o,"static/chunks/pages/components/button/docs/Vue-1d5ac756ba8ad563.js"],"/components/button/examples":[s,e,c,"static/chunks/pages/components/button/examples-35a28d769832c44d.js"],"/components/button/how-to-use":[o,s,e,c,ec,"static/chunks/pages/components/button/how-to-use-4c3c1a587b6523b2.js"],"/components/button/migration":[s,e,c,"static/chunks/pages/components/button/migration-3276f8241cf03d0b.js"],"/components/button/overview":[o,s,e,c,v,x,w,T,M,V,"static/chunks/pages/components/button/overview-5e24be5b63eacfef.js"],"/components/button/properties":[s,e,c,"static/chunks/pages/components/button/properties-33d37be28ba4cbc2.js"],"/components/card":[o,s,e,c,L,R,A,H,"static/chunks/pages/components/card-b290589f5c179f24.js"],"/components/card/code/ColorVariant":[o,L,"static/chunks/pages/components/card/code/ColorVariant-f2d967a52b4f8829.js"],"/components/card/code/Spacing":[o,A,"static/chunks/pages/components/card/code/Spacing-e2644ba0a9eca5e5.js"],"/components/card/code/Tonality":[o,R,"static/chunks/pages/components/card/code/Tonality-5ed11047dfebf9bb.js"],"/components/card/code/Variant":[o,H,"static/chunks/pages/components/card/code/Variant-49b3630af6b62eda.js"],"/components/card/docs/Angular":[o,"static/chunks/pages/components/card/docs/Angular-9af09a126cd06c6b.js"],"/components/card/docs/HTML":[o,"static/chunks/pages/components/card/docs/HTML-6e26c4a6d4d63098.js"],"/components/card/docs/Migration":["static/chunks/pages/components/card/docs/Migration-a7011ca2f000339e.js"],"/components/card/docs/React":[o,"static/chunks/pages/components/card/docs/React-b00ca82a6a732873.js"],"/components/card/docs/Vue":[o,"static/chunks/pages/components/card/docs/Vue-d0b963cb0d9aec0d.js"],"/components/card/examples":[s,e,c,"static/chunks/pages/components/card/examples-554e1e6a28aeec6a.js"],"/components/card/how-to-use":[o,s,e,c,"static/chunks/pages/components/card/how-to-use-7642fa4363bdcfcb.js"],"/components/card/migration":[s,e,c,"static/chunks/pages/components/card/migration-c5e1da5ed45f4f86.js"],"/components/card/overview":[o,s,e,c,L,R,A,H,"static/chunks/pages/components/card/overview-f2fe9597d8021439.js"],"/components/card/properties":[s,e,c,"static/chunks/pages/components/card/properties-836215f0dea92ff6.js"],"/components/checkbox":[o,s,e,c,S,y,C,E,z,"static/chunks/pages/components/checkbox-481feff57ebca054.js"],"/components/checkbox/code/Requirement":[o,y,"static/chunks/pages/components/checkbox/code/Requirement-ab55d2887e85962e.js"],"/components/checkbox/code/Size":[o,E,"static/chunks/pages/components/checkbox/code/Size-0eb54448c3af8bf3.js"],"/components/checkbox/code/States":[o,S,"static/chunks/pages/components/checkbox/code/States-10e439f868cba88b.js"],"/components/checkbox/code/Tonality":[o,C,"static/chunks/pages/components/checkbox/code/Tonality-27ae8e072427ddd8.js"],"/components/checkbox/code/VariantLabel":[o,z,"static/chunks/pages/components/checkbox/code/VariantLabel-09deeecac1dea4f5.js"],"/components/checkbox/docs/Angular":[o,en,"static/chunks/pages/components/checkbox/docs/Angular-2b35c84ee30a04cb.js"],"/components/checkbox/docs/HTML":[o,"static/chunks/pages/components/checkbox/docs/HTML-04169693a829ab43.js"],"/components/checkbox/docs/React":[o,et,"static/chunks/pages/components/checkbox/docs/React-8361dda42daccc61.js"],"/components/checkbox/docs/Vue":[o,ea,"static/chunks/pages/components/checkbox/docs/Vue-1dfad0a6c5c4cae7.js"],"/components/checkbox/examples":[s,e,c,"static/chunks/pages/components/checkbox/examples-296d4cc994db529e.js"],"/components/checkbox/how-to-use":[o,s,e,c,en,et,ea,"static/chunks/pages/components/checkbox/how-to-use-8bf7e2c700e94441.js"],"/components/checkbox/migration":[s,e,c,"static/chunks/pages/components/checkbox/migration-a6da8be7018a7e8a.js"],"/components/checkbox/overview":[o,s,e,c,S,y,C,E,z,"static/chunks/pages/components/checkbox/overview-c03569727b1ed703.js"],"/components/checkbox/properties":[s,e,c,"static/chunks/pages/components/checkbox/properties-ec02850d247048f3.js"],"/components/code-docs/docs/Angular":["static/chunks/pages/components/code-docs/docs/Angular-15675add52dbffe1.js"],"/components/code-docs/docs/HTML":["static/chunks/pages/components/code-docs/docs/HTML-c8762ed3e1d47086.js"],"/components/code-docs/docs/React":[o,ep,"static/chunks/pages/components/code-docs/docs/React-c1e6cec7b7a1257a.js"],"/components/code-docs/docs/Vue":["static/chunks/pages/components/code-docs/docs/Vue-8a093ff067ac92ed.js"],"/components/code-docs/examples":[s,e,c,"static/chunks/pages/components/code-docs/examples-1674545b40313a52.js"],"/components/code-docs/how-to-use":[o,s,e,c,ep,"static/chunks/pages/components/code-docs/how-to-use-d8941d80ef91fb27.js"],"/components/code-docs/migration":[s,e,c,"static/chunks/pages/components/code-docs/migration-222106d88ecbcaf4.js"],"/components/code-docs/properties":[s,e,c,"static/chunks/pages/components/code-docs/properties-098a65196c9dd358.js"],"/components/divider":[o,s,e,c,B,F,_,"static/chunks/pages/components/divider-a9ce01e1e100e2d0.js"],"/components/divider/code/Emphasis":[o,_,"static/chunks/pages/components/divider/code/Emphasis-23abf1ff98f22ce5.js"],"/components/divider/code/Tonality":[o,B,"static/chunks/pages/components/divider/code/Tonality-9f969b2eeeb31933.js"],"/components/divider/code/Variant":[o,F,"static/chunks/pages/components/divider/code/Variant-229d908b5f1b1554.js"],"/components/divider/docs/Angular":[o,"static/chunks/pages/components/divider/docs/Angular-d32993bb7351c210.js"],"/components/divider/docs/HTML":[o,"static/chunks/pages/components/divider/docs/HTML-8725b871259d9aea.js"],"/components/divider/docs/Migration":["static/chunks/pages/components/divider/docs/Migration-2759194d94d594e0.js"],"/components/divider/docs/React":[o,"static/chunks/pages/components/divider/docs/React-537cda33809e670a.js"],"/components/divider/docs/Vue":[o,"static/chunks/pages/components/divider/docs/Vue-82d01cc96cb52bdc.js"],"/components/divider/examples":[s,e,c,"static/chunks/pages/components/divider/examples-25728ad1ca232d9d.js"],"/components/divider/how-to-use":[o,s,e,c,"static/chunks/pages/components/divider/how-to-use-857973344a0d03fc.js"],"/components/divider/migration":[s,e,c,"static/chunks/pages/components/divider/migration-f90e6e3158f0e648.js"],"/components/divider/overview":[o,s,e,c,B,F,_,"static/chunks/pages/components/divider/overview-4ca39c0a704fdefc.js"],"/components/divider/properties":[s,e,c,"static/chunks/pages/components/divider/properties-b862d1bf6f92c63c.js"],"/components/drawer":[o,s,e,c,q,P,W,D,I,G,"static/chunks/pages/components/drawer-f9cd961b831c696f.js"],"/components/drawer/code/Backdrop":[o,W,"static/chunks/pages/components/drawer/code/Backdrop-368667cbc494639d.js"],"/components/drawer/code/Directions":[o,P,"static/chunks/pages/components/drawer/code/Directions-dea8feec2ed7134d.js"],"/components/drawer/code/Rounded":[o,G,"static/chunks/pages/components/drawer/code/Rounded-e040c8d869c26045.js"],"/components/drawer/code/Size":[o,I,"static/chunks/pages/components/drawer/code/Size-ad74564ef6a21394.js"],"/components/drawer/code/Spacing":[o,q,"static/chunks/pages/components/drawer/code/Spacing-514c489eefd47a04.js"],"/components/drawer/code/Tonality":[o,D,"static/chunks/pages/components/drawer/code/Tonality-12eee950aa001392.js"],"/components/drawer/docs/Angular":[o,ei,"static/chunks/pages/components/drawer/docs/Angular-2fbb2855f8195cdd.js"],"/components/drawer/docs/HTML":[o,ed,"static/chunks/pages/components/drawer/docs/HTML-30f5ee7b56fd3a6e.js"],"/components/drawer/docs/Migration":["static/chunks/pages/components/drawer/docs/Migration-9dfd0260c734816f.js"],"/components/drawer/docs/React":[o,em,"static/chunks/pages/components/drawer/docs/React-e3fa5c9a0d797b68.js"],"/components/drawer/docs/Vue":[o,er,"static/chunks/pages/components/drawer/docs/Vue-e56ad4de0a450902.js"],"/components/drawer/examples":[s,e,c,"static/chunks/pages/components/drawer/examples-8c321f7c34ae2894.js"],"/components/drawer/how-to-use":[o,s,e,c,em,er,ei,ed,"static/chunks/pages/components/drawer/how-to-use-cc53165156499b0c.js"],"/components/drawer/migration":[s,e,c,"static/chunks/pages/components/drawer/migration-bc9ae3cf9e15f685.js"],"/components/drawer/overview":[o,s,e,c,q,P,W,D,I,G,"static/chunks/pages/components/drawer/overview-ed9e7080324ef3aa.js"],"/components/drawer/properties":[s,e,c,"static/chunks/pages/components/drawer/properties-4869580f4698dde9.js"],"/components/header/docs/Angular":[o,eu,"static/chunks/pages/components/header/docs/Angular-9a6a81992b08bd9c.js"],"/components/header/docs/HTML":[o,"static/chunks/pages/components/header/docs/HTML-2c4e290d41da7324.js"],"/components/header/docs/React":[o,eb,"static/chunks/pages/components/header/docs/React-e01a8d0589ea4af0.js"],"/components/header/docs/Vue":[o,eg,"static/chunks/pages/components/header/docs/Vue-cdca9ff76901925c.js"],"/components/header/examples":[s,e,c,"static/chunks/pages/components/header/examples-fac815fc1a139a0e.js"],"/components/header/how-to-use":[o,s,e,c,eg,eu,eb,"static/chunks/pages/components/header/how-to-use-54da742d58c5c3b4.js"],"/components/header/migration":[s,e,c,"static/chunks/pages/components/header/migration-a83e43c6625d2777.js"],"/components/header/properties":[s,e,c,"static/chunks/pages/components/header/properties-bb15cbee9c80bc0c.js"],"/components/icon/docs/Angular":[o,eh,"static/chunks/pages/components/icon/docs/Angular-7fd336a5eb5b65b1.js"],"/components/icon/docs/HTML":[o,"static/chunks/pages/components/icon/docs/HTML-b3b2b67fcb8a5dbd.js"],"/components/icon/docs/React":[o,"static/chunks/pages/components/icon/docs/React-3581f712db32fb1c.js"],"/components/icon/docs/Vue":[o,"static/chunks/pages/components/icon/docs/Vue-6d6a1360a4cc3683.js"],"/components/icon/examples":[s,e,c,"static/chunks/pages/components/icon/examples-48809f775ace2608.js"],"/components/icon/how-to-use":[o,s,e,c,eh,"static/chunks/pages/components/icon/how-to-use-a2cbfcc54c2f8dcb.js"],"/components/icon/migration":[s,e,c,"static/chunks/pages/components/icon/migration-2b6a94c38d687366.js"],"/components/icon/properties":[s,e,c,"static/chunks/pages/components/icon/properties-bef813a0d51cf287.js"],"/components/infotext":[o,s,e,c,N,O,U,"static/chunks/pages/components/infotext-6fc9552cfafb716c.js"],"/components/infotext/code/Size":[o,U,"static/chunks/pages/components/infotext/code/Size-2a0baef8e1d8178f.js"],"/components/infotext/code/Tonality":[o,O,"static/chunks/pages/components/infotext/code/Tonality-e72071daade91d61.js"],"/components/infotext/code/Variant":[o,N,"static/chunks/pages/components/infotext/code/Variant-ee0e672a1af38faf.js"],"/components/infotext/docs/Angular":[o,"static/chunks/pages/components/infotext/docs/Angular-677ed68831734762.js"],"/components/infotext/docs/HTML":[o,"static/chunks/pages/components/infotext/docs/HTML-14cbbc1fa5130fb4.js"],"/components/infotext/docs/Migration":["static/chunks/pages/components/infotext/docs/Migration-54bc8ed72e8fb0e7.js"],"/components/infotext/docs/React":[o,"static/chunks/pages/components/infotext/docs/React-8519b5509d06deff.js"],"/components/infotext/docs/Vue":[o,"static/chunks/pages/components/infotext/docs/Vue-ecb5ad160f09fdc5.js"],"/components/infotext/examples":[s,e,c,"static/chunks/pages/components/infotext/examples-bbc271b2f33cfe4a.js"],"/components/infotext/how-to-use":[o,s,e,c,"static/chunks/pages/components/infotext/how-to-use-b84f82afb1d79088.js"],"/components/infotext/migration":[s,e,c,"static/chunks/pages/components/infotext/migration-01ab7754e9137d51.js"],"/components/infotext/overview":[o,s,e,c,N,O,U,"static/chunks/pages/components/infotext/overview-7c99137d706e969b.js"],"/components/infotext/properties":[s,e,c,"static/chunks/pages/components/infotext/properties-da8dc909ec0842fe.js"],"/components/input":[o,s,e,c,J,K,Q,X,Y,Z,$,oo,oe,os,"static/chunks/pages/components/input-a612fe26d239006e.js"],"/components/input/code/Content":[o,X,"static/chunks/pages/components/input/code/Content-74ed43b39a4b21fb.js"],"/components/input/code/ExampleTypes":[o,K,"static/chunks/pages/components/input/code/ExampleTypes-a204a50383a2dc97.js"],"/components/input/code/ExampleTypesFloatingLabel":[o,J,"static/chunks/pages/components/input/code/ExampleTypesFloatingLabel-63d8ffde9b6ca0bd.js"],"/components/input/code/Requirement":[o,$,"static/chunks/pages/components/input/code/Requirement-dac1317d9f7c8064.js"],"/components/input/code/Semantic":[o,Q,"static/chunks/pages/components/input/code/Semantic-facd858462104a3f.js"],"/components/input/code/StatesFloatingLabel":[o,Y,"static/chunks/pages/components/input/code/StatesFloatingLabel-8d08b16133300512.js"],"/components/input/code/StatesLabelAbove":[o,Z,"static/chunks/pages/components/input/code/StatesLabelAbove-45a363ebe544fa25.js"],"/components/input/code/Tonality":[o,oo,"static/chunks/pages/components/input/code/Tonality-d47a9afcda8ab436.js"],"/components/input/code/VariantHelperMessage":[o,os,"static/chunks/pages/components/input/code/VariantHelperMessage-c628085d113bfe91.js"],"/components/input/code/VariantLabel":[o,oe,"static/chunks/pages/components/input/code/VariantLabel-dad7211f970420a2.js"],"/components/input/docs/Angular":[o,ef,"static/chunks/pages/components/input/docs/Angular-055318bdfa459919.js"],"/components/input/docs/HTML":[o,"static/chunks/pages/components/input/docs/HTML-933c868abf71ec44.js"],"/components/input/docs/React":[o,ek,"static/chunks/pages/components/input/docs/React-71277d5e6c78cb81.js"],"/components/input/docs/Vue":[o,ej,"static/chunks/pages/components/input/docs/Vue-6fe2eacb54a7e39b.js"],"/components/input/examples":[s,e,c,"static/chunks/pages/components/input/examples-715d51031db41e32.js"],"/components/input/how-to-use":[o,s,e,c,ef,ej,ek,"static/chunks/pages/components/input/how-to-use-96604cada6b34b4b.js"],"/components/input/migration":[s,e,c,"static/chunks/pages/components/input/migration-168167a05f5c7c79.js"],"/components/input/overview":[o,s,e,c,J,K,Q,X,Y,Z,$,oo,oe,os,"static/chunks/pages/components/input/overview-1e7325f539f2f666.js"],"/components/input/properties":[s,e,c,"static/chunks/pages/components/input/properties-d46547d490e4a24a.js"],"/components/link":[o,s,e,c,oc,on,ot,oa,op,"static/chunks/pages/components/link-82e20c10f1f0cc7d.js"],"/components/link/code/Content":[o,oa,"static/chunks/pages/components/link/code/Content-b386d2eeca34a70f.js"],"/components/link/code/Size":[o,ot,"static/chunks/pages/components/link/code/Size-0e734a706f412b98.js"],"/components/link/code/State":[o,op,"static/chunks/pages/components/link/code/State-dbfcc8f2bd72e6bf.js"],"/components/link/code/Tonality":[o,oc,"static/chunks/pages/components/link/code/Tonality-e5a6308b188abe82.js"],"/components/link/code/Variant":[o,on,"static/chunks/pages/components/link/code/Variant-c598c9f125d3f2ee.js"],"/components/link/docs/Angular":[o,el,"static/chunks/pages/components/link/docs/Angular-baa2c2d4362e88d8.js"],"/components/link/docs/HTML":[o,"static/chunks/pages/components/link/docs/HTML-7cec046298a60c2e.js"],"/components/link/docs/React":[o,ev,"static/chunks/pages/components/link/docs/React-82ba2981824fd205.js"],"/components/link/docs/Vue":[o,"static/chunks/pages/components/link/docs/Vue-ff1f4f5dd56702ae.js"],"/components/link/examples":[s,e,c,"static/chunks/pages/components/link/examples-3d2f4942af7c5134.js"],"/components/link/how-to-use":[o,s,e,c,el,ev,"static/chunks/pages/components/link/how-to-use-8a84706a78a809f9.js"],"/components/link/migration":[s,e,c,"static/chunks/pages/components/link/migration-16e7aaac14f10f57.js"],"/components/link/overview":[o,s,e,c,oc,on,ot,oa,op,"static/chunks/pages/components/link/overview-66962d44ceaefe81.js"],"/components/link/properties":[s,e,c,"static/chunks/pages/components/link/properties-09be1f760df1e498.js"],"/components/main-navigation":[o,s,e,c,oi,"static/chunks/pages/components/main-navigation-f9ed4af994690811.js"],"/components/main-navigation/code/Tonality":[o,oi,"static/chunks/pages/components/main-navigation/code/Tonality-4486cca6c252c166.js"],"/components/main-navigation/docs/Angular":[o,ex,"static/chunks/pages/components/main-navigation/docs/Angular-abea04273d6984a2.js"],"/components/main-navigation/docs/HTML":[o,ew,"static/chunks/pages/components/main-navigation/docs/HTML-6b15e007148bcc80.js"],"/components/main-navigation/docs/React":[o,eT,"static/chunks/pages/components/main-navigation/docs/React-b4caa641ed2e37bc.js"],"/components/main-navigation/docs/Vue":[o,eM,"static/chunks/pages/components/main-navigation/docs/Vue-9bdc6937110cd76b.js"],"/components/main-navigation/examples":[s,e,c,"static/chunks/pages/components/main-navigation/examples-5ecad77bf222de0f.js"],"/components/main-navigation/how-to-use":[o,s,e,c,ew,ex,eM,eT,"static/chunks/pages/components/main-navigation/how-to-use-74d2ff7a8c611220.js"],"/components/main-navigation/migration":[s,e,c,"static/chunks/pages/components/main-navigation/migration-d559012fbc0cf804.js"],"/components/main-navigation/overview":[o,s,e,c,oi,"static/chunks/pages/components/main-navigation/overview-1afe77aaa097c147.js"],"/components/main-navigation/properties":[s,e,c,"static/chunks/pages/components/main-navigation/properties-acc956d0ebca0dfa.js"],"/components/navigation-item":[o,s,e,c,od,om,or,ou,"static/chunks/pages/components/navigation-item-71b30a9363295b1e.js"],"/components/navigation-item/code/Content":[o,od,"static/chunks/pages/components/navigation-item/code/Content-0a9fb35b936efc85.js"],"/components/navigation-item/code/States":[o,om,"static/chunks/pages/components/navigation-item/code/States-a0b1118a03ba99aa.js"],"/components/navigation-item/code/Tonality":[o,or,"static/chunks/pages/components/navigation-item/code/Tonality-7a4efb814daf4fb2.js"],"/components/navigation-item/code/Width":[o,ou,"static/chunks/pages/components/navigation-item/code/Width-35036430b8cfc82c.js"],"/components/navigation-item/docs/Angular":[o,eV,"static/chunks/pages/components/navigation-item/docs/Angular-8cf97bd3f43cf03d.js"],"/components/navigation-item/docs/HTML":[o,eL,"static/chunks/pages/components/navigation-item/docs/HTML-8ebccb5704783249.js"],"/components/navigation-item/docs/Migration":["static/chunks/pages/components/navigation-item/docs/Migration-83d62af52c9a03db.js"],"/components/navigation-item/docs/React":[o,eR,"static/chunks/pages/components/navigation-item/docs/React-c6e9b77365716760.js"],"/components/navigation-item/docs/Vue":[o,eA,"static/chunks/pages/components/navigation-item/docs/Vue-1d4ffebf9ce71211.js"],"/components/navigation-item/examples":[s,e,c,"static/chunks/pages/components/navigation-item/examples-f9bc24f18a5ba753.js"],"/components/navigation-item/how-to-use":[o,s,e,c,eV,eR,eA,eL,"static/chunks/pages/components/navigation-item/how-to-use-5a6ae0e7e6ecaeaa.js"],"/components/navigation-item/migration":[s,e,c,"static/chunks/pages/components/navigation-item/migration-ddad3f35219b999f.js"],"/components/navigation-item/overview":[o,s,e,c,od,om,or,ou,"static/chunks/pages/components/navigation-item/overview-37decd2d36e419ff.js"],"/components/navigation-item/properties":[s,e,c,"static/chunks/pages/components/navigation-item/properties-51faba7a275f50a8.js"],"/components/page/docs/Angular":[o,eH,"static/chunks/pages/components/page/docs/Angular-7cb8933c18f01b51.js"],"/components/page/docs/HTML":[o,"static/chunks/pages/components/page/docs/HTML-906b5e512f7b0226.js"],"/components/page/docs/React":[o,eS,"static/chunks/pages/components/page/docs/React-de44a571a3999621.js"],"/components/page/docs/Vue":[o,ey,"static/chunks/pages/components/page/docs/Vue-0894afe5a5a32efb.js"],"/components/page/examples":[s,e,c,"static/chunks/pages/components/page/examples-ba69690cfb016c56.js"],"/components/page/how-to-use":[o,s,e,c,eH,eS,ey,"static/chunks/pages/components/page/how-to-use-6f7abdff77aca679.js"],"/components/page/migration":[s,e,c,"static/chunks/pages/components/page/migration-5a142c2845e7ddc4.js"],"/components/page/properties":[s,e,c,"static/chunks/pages/components/page/properties-af2c4a41836ef13b.js"],"/components/popover":[o,s,e,c,ob,og,oh,of,ok,oj,"static/chunks/pages/components/popover-04036520c9a0da91.js"],"/components/popover/code/Animations":[o,og,"static/chunks/pages/components/popover/code/Animations-f20d5b2e7a91a389.js"],"/components/popover/code/Gap":[o,oj,"static/chunks/pages/components/popover/code/Gap-7a88afdf73a996cd.js"],"/components/popover/code/Placement":[o,ob,"static/chunks/pages/components/popover/code/Placement-c12b9d2255e6220c.js"],"/components/popover/code/Spacing":[o,oh,"static/chunks/pages/components/popover/code/Spacing-e938a1d728034c03.js"],"/components/popover/code/Tonality":[o,of,"static/chunks/pages/components/popover/code/Tonality-18918e604fb2ac5f.js"],"/components/popover/code/Width":[o,ok,"static/chunks/pages/components/popover/code/Width-718dc11ca19ff621.js"],"/components/popover/docs/Angular":[o,eC,"static/chunks/pages/components/popover/docs/Angular-77360623b68a5bf2.js"],"/components/popover/docs/HTML":[o,"static/chunks/pages/components/popover/docs/HTML-86137715adc753ed.js"],"/components/popover/docs/Migration":["static/chunks/pages/components/popover/docs/Migration-eb580047faf6caa4.js"],"/components/popover/docs/React":[o,eE,"static/chunks/pages/components/popover/docs/React-41f6f708259a043e.js"],"/components/popover/docs/Vue":[o,ez,"static/chunks/pages/components/popover/docs/Vue-e2c4c98cae47602d.js"],"/components/popover/examples":[s,e,c,"static/chunks/pages/components/popover/examples-0900e3f2f93610fd.js"],"/components/popover/how-to-use":[o,s,e,c,eE,eC,ez,"static/chunks/pages/components/popover/how-to-use-dc2622a24bef2250.js"],"/components/popover/migration":[s,e,c,"static/chunks/pages/components/popover/migration-50befb7f6868b6ca.js"],"/components/popover/overview":[o,s,e,c,ob,og,oh,of,ok,oj,"static/chunks/pages/components/popover/overview-65e82a1bee670a37.js"],"/components/popover/properties":[s,e,c,"static/chunks/pages/components/popover/properties-d60bbffa1529a5e6.js"],"/components/radio":[o,s,e,c,ol,ov,ox,ow,oT,"static/chunks/pages/components/radio-55ad2ff08561f43c.js"],"/components/radio/code/Requirement":[o,ov,"static/chunks/pages/components/radio/code/Requirement-d7f023153d89ea75.js"],"/components/radio/code/Size":[o,ow,"static/chunks/pages/components/radio/code/Size-2eda05ae4db2dab3.js"],"/components/radio/code/States":[o,ox,"static/chunks/pages/components/radio/code/States-72295a8361875397.js"],"/components/radio/code/Tonality":[o,ol,"static/chunks/pages/components/radio/code/Tonality-993db5640df19542.js"],"/components/radio/code/VariantLabel":[o,oT,"static/chunks/pages/components/radio/code/VariantLabel-a9e281ef4f3a0501.js"],"/components/radio/docs/Angular":[o,eB,"static/chunks/pages/components/radio/docs/Angular-e1decc1769dac8be.js"],"/components/radio/docs/HTML":[o,eF,"static/chunks/pages/components/radio/docs/HTML-4087cd12d36ed506.js"],"/components/radio/docs/React":[o,e_,"static/chunks/pages/components/radio/docs/React-a28d1d8515b19039.js"],"/components/radio/docs/Vue":[o,eq,"static/chunks/pages/components/radio/docs/Vue-8e3b943d7f16aaef.js"],"/components/radio/examples":[s,e,c,"static/chunks/pages/components/radio/examples-96aa3cdc6a58f88a.js"],"/components/radio/how-to-use":[o,s,e,c,eB,e_,eq,eF,"static/chunks/pages/components/radio/how-to-use-2dab7e76224a3a4e.js"],"/components/radio/migration":[s,e,c,"static/chunks/pages/components/radio/migration-935ad6cd424868c3.js"],"/components/radio/overview":[o,s,e,c,ol,ov,ox,ow,oT,"static/chunks/pages/components/radio/overview-476bcaf699ff1d56.js"],"/components/radio/properties":[s,e,c,"static/chunks/pages/components/radio/properties-33b6c31f18b8f5de.js"],"/components/readme":[o,s,e,c,"static/chunks/pages/components/readme-64c75c643d692d14.js"],"/components/section":[o,s,e,c,oM,oV,oL,"static/chunks/pages/components/section-b3c83f5b9c659d91.js"],"/components/section/code/Size":[o,oV,"static/chunks/pages/components/section/code/Size-60007e5194ff125d.js"],"/components/section/code/Tonality":[o,oL,"static/chunks/pages/components/section/code/Tonality-35cdd2193a40a145.js"],"/components/section/code/Variant":[o,oM,"static/chunks/pages/components/section/code/Variant-110fd3150245690d.js"],"/components/section/docs/Angular":[o,eP,"static/chunks/pages/components/section/docs/Angular-7242ca58628a71e3.js"],"/components/section/docs/HTML":[o,"static/chunks/pages/components/section/docs/HTML-efa02a432d69c222.js"],"/components/section/docs/Migration":["static/chunks/pages/components/section/docs/Migration-6215072a2e19a978.js"],"/components/section/docs/React":[o,"static/chunks/pages/components/section/docs/React-a32eadb1bbf4f47b.js"],"/components/section/docs/Vue":[o,"static/chunks/pages/components/section/docs/Vue-df6b291b80f33e18.js"],"/components/section/examples":[s,e,c,"static/chunks/pages/components/section/examples-b4e9e16dcaee462a.js"],"/components/section/how-to-use":[o,s,e,c,eP,"static/chunks/pages/components/section/how-to-use-577844b7cb69b42d.js"],"/components/section/migration":[s,e,c,"static/chunks/pages/components/section/migration-8a08f4b48790a9bb.js"],"/components/section/overview":[o,s,e,c,oM,oV,oL,"static/chunks/pages/components/section/overview-615380de813f4e9c.js"],"/components/section/properties":[s,e,c,"static/chunks/pages/components/section/properties-cec95891d6282b58.js"],"/components/select":[o,s,e,c,oR,oA,oH,oS,oy,oC,oE,oz,"static/chunks/pages/components/select-26d578e913c5e08c.js"],"/components/select/code/Content":[o,oC,"static/chunks/pages/components/select/code/Content-02aa637c5ae82d02.js"],"/components/select/code/Requirement":[o,oH,"static/chunks/pages/components/select/code/Requirement-812b2ad1b426a3be.js"],"/components/select/code/Semantic":[o,oR,"static/chunks/pages/components/select/code/Semantic-1ab1eed9fbfcdb09.js"],"/components/select/code/StatesFloatingLabel":[o,oA,"static/chunks/pages/components/select/code/StatesFloatingLabel-1a230e73b9d25feb.js"],"/components/select/code/StatesLabelAbove":[o,oy,"static/chunks/pages/components/select/code/StatesLabelAbove-cd1da592eb73c2ba.js"],"/components/select/code/Tonality":[o,oS,"static/chunks/pages/components/select/code/Tonality-3ace7587959ffdfd.js"],"/components/select/code/VariantHelperMessage":[o,oz,"static/chunks/pages/components/select/code/VariantHelperMessage-c73d0b89db71acda.js"],"/components/select/code/VariantLabel":[o,oE,"static/chunks/pages/components/select/code/VariantLabel-03c9b8818a424d6b.js"],"/components/select/docs/Angular":[o,eW,"static/chunks/pages/components/select/docs/Angular-62b0af82fd8c3bc9.js"],"/components/select/docs/HTML":[o,eD,"static/chunks/pages/components/select/docs/HTML-464c2715590e935c.js"],"/components/select/docs/Migration":["static/chunks/pages/components/select/docs/Migration-37277dd33d7a087a.js"],"/components/select/docs/React":[o,eI,"static/chunks/pages/components/select/docs/React-b55cda63e6793b03.js"],"/components/select/docs/Vue":[o,eG,"static/chunks/pages/components/select/docs/Vue-e7e4551791d6fb3b.js"],"/components/select/examples":[s,e,c,"static/chunks/pages/components/select/examples-dcf3028a9fdbb542.js"],"/components/select/how-to-use":[o,s,e,c,eW,eI,eD,eG,"static/chunks/pages/components/select/how-to-use-ecb4c6ef9ad6f220.js"],"/components/select/migration":[s,e,c,"static/chunks/pages/components/select/migration-76bc8db1face0645.js"],"/components/select/overview":[o,s,e,c,oR,oA,oH,oS,oy,oC,oE,oz,"static/chunks/pages/components/select/overview-c2998dde7f8d8aca.js"],"/components/select/properties":[s,e,c,"static/chunks/pages/components/select/properties-3f7450e90ab77382.js"],"/components/tab/docs/Angular":["static/chunks/pages/components/tab/docs/Angular-5f0319701710d3d6.js"],"/components/tab/docs/HTML":["static/chunks/pages/components/tab/docs/HTML-8538fc9f8beb6210.js"],"/components/tab/docs/React":["static/chunks/pages/components/tab/docs/React-779bb70ecfac9a66.js"],"/components/tab/docs/Vue":["static/chunks/pages/components/tab/docs/Vue-580a6f24e7b94aa7.js"],"/components/tab/examples":[s,e,c,"static/chunks/pages/components/tab/examples-7a51f6f4201dc6f9.js"],"/components/tab/how-to-use":[s,e,c,"static/chunks/pages/components/tab/how-to-use-875d5c8081965874.js"],"/components/tab/migration":[s,e,c,"static/chunks/pages/components/tab/migration-4ee3dbd8e0582ada.js"],"/components/tab/properties":[s,e,c,"static/chunks/pages/components/tab/properties-ad7f48bae1f3fba3.js"],"/components/tab-bar/docs/Angular":["static/chunks/pages/components/tab-bar/docs/Angular-cbd75826472b9fcf.js"],"/components/tab-bar/docs/HTML":["static/chunks/pages/components/tab-bar/docs/HTML-6929b1a82a161f36.js"],"/components/tab-bar/docs/React":["static/chunks/pages/components/tab-bar/docs/React-065bb96355064838.js"],"/components/tab-bar/docs/Vue":["static/chunks/pages/components/tab-bar/docs/Vue-37859bcbf39cfe95.js"],"/components/tab-bar/examples":[s,e,c,"static/chunks/pages/components/tab-bar/examples-043237d298118d32.js"],"/components/tab-bar/how-to-use":[s,e,c,"static/chunks/pages/components/tab-bar/how-to-use-59d556cd077ac393.js"],"/components/tab-bar/migration":[s,e,c,"static/chunks/pages/components/tab-bar/migration-7ebe26ec195c693d.js"],"/components/tab-bar/properties":[s,e,c,"static/chunks/pages/components/tab-bar/properties-544a67501f9e3198.js"],"/components/tag":[o,s,e,c,oB,oF,o_,oq,oP,oW,oD,oI,"static/chunks/pages/components/tag-128fe0462276e26a.js"],"/components/tag/code/Behaviour":[o,oF,"static/chunks/pages/components/tag/code/Behaviour-ea45abf8bb39833a.js"],"/components/tag/code/Content":[o,oP,"static/chunks/pages/components/tag/code/Content-cfa3b87232946a9d.js"],"/components/tag/code/Emphasis":[o,oD,"static/chunks/pages/components/tag/code/Emphasis-8ed990882f52d69d.js"],"/components/tag/code/Example":[o,o_,"static/chunks/pages/components/tag/code/Example-489a3f12725d37a5.js"],"/components/tag/code/Overflow":[o,oI,"static/chunks/pages/components/tag/code/Overflow-a72ad63d6cca3293.js"],"/components/tag/code/State":[o,oq,"static/chunks/pages/components/tag/code/State-07b3a6fffa12c405.js"],"/components/tag/code/Tonality":[o,oW,"static/chunks/pages/components/tag/code/Tonality-168df6d80e00cfab.js"],"/components/tag/code/Variant":[o,oB,"static/chunks/pages/components/tag/code/Variant-f3093eac11ceeece.js"],"/components/tag/docs/Angular":[o,eN,"static/chunks/pages/components/tag/docs/Angular-219f31ba8df595fb.js"],"/components/tag/docs/HTML":[o,"static/chunks/pages/components/tag/docs/HTML-0a0dccfae0adf8be.js"],"/components/tag/docs/Migration":[o,eO,"static/chunks/pages/components/tag/docs/Migration-655ad1ed40b20463.js"],"/components/tag/docs/React":[o,eU,"static/chunks/pages/components/tag/docs/React-181a9204cd480c99.js"],"/components/tag/docs/Vue":[o,eJ,"static/chunks/pages/components/tag/docs/Vue-ce9504a8a34f384c.js"],"/components/tag/examples":[s,e,c,"static/chunks/pages/components/tag/examples-70970744a7a80679.js"],"/components/tag/how-to-use":[o,s,e,c,eU,eJ,eN,"static/chunks/pages/components/tag/how-to-use-c37ed506d1c34236.js"],"/components/tag/migration":[o,s,e,c,eO,"static/chunks/pages/components/tag/migration-16c52cc184bb41a5.js"],"/components/tag/overview":[o,s,e,c,oB,oF,o_,oq,oP,oW,oD,oI,"static/chunks/pages/components/tag/overview-fe9bf5784f66967c.js"],"/components/tag/properties":[s,e,c,"static/chunks/pages/components/tag/properties-dbd84bb25583173f.js"],"/components/textarea":[o,s,e,c,oG,oN,oO,oU,oJ,oK,oQ,oX,"static/chunks/pages/components/textarea-5634bb94c5db423c.js"],"/components/textarea/code/Requirement":[o,oU,"static/chunks/pages/components/textarea/code/Requirement-f6df46ff30782adb.js"],"/components/textarea/code/Rows":[o,oK,"static/chunks/pages/components/textarea/code/Rows-e83cd3fbf8990ec2.js"],"/components/textarea/code/Semantic":[o,oG,"static/chunks/pages/components/textarea/code/Semantic-1d86e2ac46fc3632.js"],"/components/textarea/code/StatesFloatingLabel":[o,oN,"static/chunks/pages/components/textarea/code/StatesFloatingLabel-2034eca6ee8935ee.js"],"/components/textarea/code/StatesLabelAbove":[o,oO,"static/chunks/pages/components/textarea/code/StatesLabelAbove-e2315d0120daf331.js"],"/components/textarea/code/Tonality":[o,oJ,"static/chunks/pages/components/textarea/code/Tonality-a3e8fa4fe8ca9c16.js"],"/components/textarea/code/VariantHelperMessage":[o,oX,"static/chunks/pages/components/textarea/code/VariantHelperMessage-cb82d587c7ea59e0.js"],"/components/textarea/code/VariantLabel":[o,oQ,"static/chunks/pages/components/textarea/code/VariantLabel-13940c43b938fe05.js"],"/components/textarea/docs/Angular":[o,eK,"static/chunks/pages/components/textarea/docs/Angular-57cc07b83dcc2641.js"],"/components/textarea/docs/HTML":[o,eQ,"static/chunks/pages/components/textarea/docs/HTML-77531a1de554ae63.js"],"/components/textarea/docs/Migration":["static/chunks/pages/components/textarea/docs/Migration-59853987015f4afe.js"],"/components/textarea/docs/React":[o,eX,"static/chunks/pages/components/textarea/docs/React-dba8eee9f7458ebe.js"],"/components/textarea/docs/Vue":[o,eY,"static/chunks/pages/components/textarea/docs/Vue-4efe13ccccd46281.js"],"/components/textarea/examples":[s,e,c,"static/chunks/pages/components/textarea/examples-c9dbedd4e8ab9b4f.js"],"/components/textarea/how-to-use":[o,s,e,c,eK,eX,eY,eQ,"static/chunks/pages/components/textarea/how-to-use-ab0a3a74b6ac3e5a.js"],"/components/textarea/migration":[s,e,c,"static/chunks/pages/components/textarea/migration-e0f3edae15740156.js"],"/components/textarea/overview":[o,s,e,c,oG,oN,oO,oU,oJ,oK,oQ,oX,"static/chunks/pages/components/textarea/overview-71b4936e4c3132c8.js"],"/components/textarea/properties":[s,e,c,"static/chunks/pages/components/textarea/properties-c5d10bae53c822a4.js"],"/components/tooltip":[o,s,e,c,oY,oZ,o$,o9,o8,o5,"static/chunks/pages/components/tooltip-f3896efdd48ad0f4.js"],"/components/tooltip/code/Animations":[o,oZ,"static/chunks/pages/components/tooltip/code/Animations-ff421bdd4960e8dd.js"],"/components/tooltip/code/Emphasis":[o,o5,"static/chunks/pages/components/tooltip/code/Emphasis-9a65ba09d55e24ff.js"],"/components/tooltip/code/Placement":[o,oY,"static/chunks/pages/components/tooltip/code/Placement-0096a91bf50a0d04.js"],"/components/tooltip/code/Tonality":[o,o$,"static/chunks/pages/components/tooltip/code/Tonality-4392509158a20b33.js"],"/components/tooltip/code/Variant":[o,o8,"static/chunks/pages/components/tooltip/code/Variant-7965e39d7fd5b6df.js"],"/components/tooltip/code/Width":[o,o9,"static/chunks/pages/components/tooltip/code/Width-cfbb588dda0e1cf8.js"],"/components/tooltip/docs/Angular":[o,eZ,"static/chunks/pages/components/tooltip/docs/Angular-4456d52ac118e173.js"],"/components/tooltip/docs/HTML":[o,"static/chunks/pages/components/tooltip/docs/HTML-6bf6fa829b3d744e.js"],"/components/tooltip/docs/Migration":["static/chunks/pages/components/tooltip/docs/Migration-6be6ca46972eb08a.js"],"/components/tooltip/docs/React":[o,e$,"static/chunks/pages/components/tooltip/docs/React-6045cdb3f5947577.js"],"/components/tooltip/docs/Vue":[o,e9,"static/chunks/pages/components/tooltip/docs/Vue-a41d9492d788d457.js"],"/components/tooltip/examples":[s,e,c,"static/chunks/pages/components/tooltip/examples-f6641d474a027eac.js"],"/components/tooltip/how-to-use":[o,s,e,c,e$,eZ,e9,"static/chunks/pages/components/tooltip/how-to-use-b35d613c9af53bbe.js"],"/components/tooltip/migration":[s,e,c,"static/chunks/pages/components/tooltip/migration-ed7682153452f6af.js"],"/components/tooltip/overview":[o,s,e,c,oY,oZ,o$,o9,o8,o5,"static/chunks/pages/components/tooltip/overview-6eb9cb2dd144ac69.js"],"/components/tooltip/properties":[s,e,c,"static/chunks/pages/components/tooltip/properties-1346c81f0ed63d4b.js"],"/foundations/colors/color-schemes":[s,e,c,"static/chunks/pages/foundations/colors/color-schemes-c43eff285423da18.js"],"/foundations/colors/overview":[s,e,c,"static/chunks/pages/foundations/colors/overview-c57dc0061a57a794.js"],"/foundations/colors/readme":[o,s,e,c,"static/chunks/pages/foundations/colors/readme-c7546254c1f31092.js"],"/foundations/icons/custom-icons":[o,s,e,c,"static/chunks/pages/foundations/icons/custom-icons-2a48238d8dacb069.js"],"/foundations/icons/overview":[s,e,c,"static/chunks/pages/foundations/icons/overview-0d75158eaf121176.js"],"/foundations/icons/readme":[s,e,c,"static/chunks/pages/foundations/icons/readme-108ab7cdea9fe4f0.js"],"/foundations/readme":[o,s,e,c,"static/chunks/pages/foundations/readme-1fd8214808dc398b.js"],"/foundations/tonalities/examples":[s,e,c,"static/chunks/pages/foundations/tonalities/examples-facd6290ff3f8774.js"],"/foundations/tonalities/readme":[o,s,e,c,"static/chunks/pages/foundations/tonalities/readme-2884955abea09f7b.js"],"/foundations/variables/examples":[s,e,c,"static/chunks/pages/foundations/variables/examples-9d08e4f0ce01205e.js"],"/foundations/variables/readme":[s,e,c,"static/chunks/pages/foundations/variables/readme-f7da0d77a151abfa.js"],"/iframe":[o3,e,"static/chunks/pages/iframe-6f27a4b14af22f62.js"],sortedPages:["/","/404","/_app","/_error","/base64","/components/accordion","/components/accordion/code/Behaviour","/components/accordion/code/Tonality","/components/accordion/docs/Angular","/components/accordion/docs/HTML","/components/accordion/docs/Migration","/components/accordion/docs/React","/components/accordion/docs/Vue","/components/accordion/examples","/components/accordion/how-to-use","/components/accordion/migration","/components/accordion/overview","/components/accordion/properties","/components/accordion-item","/components/accordion-item/code/States","/components/accordion-item/code/Tonality","/components/accordion-item/docs/Angular","/components/accordion-item/docs/HTML","/components/accordion-item/docs/Migration","/components/accordion-item/docs/React","/components/accordion-item/docs/Vue","/components/accordion-item/examples","/components/accordion-item/how-to-use","/components/accordion-item/migration","/components/accordion-item/overview","/components/accordion-item/properties","/components/alert","/components/alert/code/Behaviour","/components/alert/code/Content","/components/alert/code/Tonality","/components/alert/code/Type","/components/alert/code/Variant","/components/alert/docs/Angular","/components/alert/docs/HTML","/components/alert/docs/Migration","/components/alert/docs/React","/components/alert/docs/Vue","/components/alert/examples","/components/alert/how-to-use","/components/alert/migration","/components/alert/overview","/components/alert/properties","/components/badge","/components/badge/code/Content","/components/badge/code/Emphasis","/components/badge/code/Examples","/components/badge/code/Placement","/components/badge/code/Size","/components/badge/code/Tonality","/components/badge/code/Variant","/components/badge/docs/Angular","/components/badge/docs/HTML","/components/badge/docs/Migration","/components/badge/docs/React","/components/badge/docs/Vue","/components/badge/examples","/components/badge/how-to-use","/components/badge/migration","/components/badge/overview","/components/badge/properties","/components/brand/docs/Angular","/components/brand/docs/HTML","/components/brand/docs/React","/components/brand/docs/Vue","/components/brand/examples","/components/brand/how-to-use","/components/brand/migration","/components/brand/properties","/components/button","/components/button/code/Behaviour","/components/button/code/Content","/components/button/code/Size","/components/button/code/State","/components/button/code/Tonality","/components/button/code/Variant","/components/button/docs/Angular","/components/button/docs/HTML","/components/button/docs/Migration","/components/button/docs/React","/components/button/docs/Vue","/components/button/examples","/components/button/how-to-use","/components/button/migration","/components/button/overview","/components/button/properties","/components/card","/components/card/code/ColorVariant","/components/card/code/Spacing","/components/card/code/Tonality","/components/card/code/Variant","/components/card/docs/Angular","/components/card/docs/HTML","/components/card/docs/Migration","/components/card/docs/React","/components/card/docs/Vue","/components/card/examples","/components/card/how-to-use","/components/card/migration","/components/card/overview","/components/card/properties","/components/checkbox","/components/checkbox/code/Requirement","/components/checkbox/code/Size","/components/checkbox/code/States","/components/checkbox/code/Tonality","/components/checkbox/code/VariantLabel","/components/checkbox/docs/Angular","/components/checkbox/docs/HTML","/components/checkbox/docs/React","/components/checkbox/docs/Vue","/components/checkbox/examples","/components/checkbox/how-to-use","/components/checkbox/migration","/components/checkbox/overview","/components/checkbox/properties","/components/code-docs/docs/Angular","/components/code-docs/docs/HTML","/components/code-docs/docs/React","/components/code-docs/docs/Vue","/components/code-docs/examples","/components/code-docs/how-to-use","/components/code-docs/migration","/components/code-docs/properties","/components/divider","/components/divider/code/Emphasis","/components/divider/code/Tonality","/components/divider/code/Variant","/components/divider/docs/Angular","/components/divider/docs/HTML","/components/divider/docs/Migration","/components/divider/docs/React","/components/divider/docs/Vue","/components/divider/examples","/components/divider/how-to-use","/components/divider/migration","/components/divider/overview","/components/divider/properties","/components/drawer","/components/drawer/code/Backdrop","/components/drawer/code/Directions","/components/drawer/code/Rounded","/components/drawer/code/Size","/components/drawer/code/Spacing","/components/drawer/code/Tonality","/components/drawer/docs/Angular","/components/drawer/docs/HTML","/components/drawer/docs/Migration","/components/drawer/docs/React","/components/drawer/docs/Vue","/components/drawer/examples","/components/drawer/how-to-use","/components/drawer/migration","/components/drawer/overview","/components/drawer/properties","/components/header/docs/Angular","/components/header/docs/HTML","/components/header/docs/React","/components/header/docs/Vue","/components/header/examples","/components/header/how-to-use","/components/header/migration","/components/header/properties","/components/icon/docs/Angular","/components/icon/docs/HTML","/components/icon/docs/React","/components/icon/docs/Vue","/components/icon/examples","/components/icon/how-to-use","/components/icon/migration","/components/icon/properties","/components/infotext","/components/infotext/code/Size","/components/infotext/code/Tonality","/components/infotext/code/Variant","/components/infotext/docs/Angular","/components/infotext/docs/HTML","/components/infotext/docs/Migration","/components/infotext/docs/React","/components/infotext/docs/Vue","/components/infotext/examples","/components/infotext/how-to-use","/components/infotext/migration","/components/infotext/overview","/components/infotext/properties","/components/input","/components/input/code/Content","/components/input/code/ExampleTypes","/components/input/code/ExampleTypesFloatingLabel","/components/input/code/Requirement","/components/input/code/Semantic","/components/input/code/StatesFloatingLabel","/components/input/code/StatesLabelAbove","/components/input/code/Tonality","/components/input/code/VariantHelperMessage","/components/input/code/VariantLabel","/components/input/docs/Angular","/components/input/docs/HTML","/components/input/docs/React","/components/input/docs/Vue","/components/input/examples","/components/input/how-to-use","/components/input/migration","/components/input/overview","/components/input/properties","/components/link","/components/link/code/Content","/components/link/code/Size","/components/link/code/State","/components/link/code/Tonality","/components/link/code/Variant","/components/link/docs/Angular","/components/link/docs/HTML","/components/link/docs/React","/components/link/docs/Vue","/components/link/examples","/components/link/how-to-use","/components/link/migration","/components/link/overview","/components/link/properties","/components/main-navigation","/components/main-navigation/code/Tonality","/components/main-navigation/docs/Angular","/components/main-navigation/docs/HTML","/components/main-navigation/docs/React","/components/main-navigation/docs/Vue","/components/main-navigation/examples","/components/main-navigation/how-to-use","/components/main-navigation/migration","/components/main-navigation/overview","/components/main-navigation/properties","/components/navigation-item","/components/navigation-item/code/Content","/components/navigation-item/code/States","/components/navigation-item/code/Tonality","/components/navigation-item/code/Width","/components/navigation-item/docs/Angular","/components/navigation-item/docs/HTML","/components/navigation-item/docs/Migration","/components/navigation-item/docs/React","/components/navigation-item/docs/Vue","/components/navigation-item/examples","/components/navigation-item/how-to-use","/components/navigation-item/migration","/components/navigation-item/overview","/components/navigation-item/properties","/components/page/docs/Angular","/components/page/docs/HTML","/components/page/docs/React","/components/page/docs/Vue","/components/page/examples","/components/page/how-to-use","/components/page/migration","/components/page/properties","/components/popover","/components/popover/code/Animations","/components/popover/code/Gap","/components/popover/code/Placement","/components/popover/code/Spacing","/components/popover/code/Tonality","/components/popover/code/Width","/components/popover/docs/Angular","/components/popover/docs/HTML","/components/popover/docs/Migration","/components/popover/docs/React","/components/popover/docs/Vue","/components/popover/examples","/components/popover/how-to-use","/components/popover/migration","/components/popover/overview","/components/popover/properties","/components/radio","/components/radio/code/Requirement","/components/radio/code/Size","/components/radio/code/States","/components/radio/code/Tonality","/components/radio/code/VariantLabel","/components/radio/docs/Angular","/components/radio/docs/HTML","/components/radio/docs/React","/components/radio/docs/Vue","/components/radio/examples","/components/radio/how-to-use","/components/radio/migration","/components/radio/overview","/components/radio/properties","/components/readme","/components/section","/components/section/code/Size","/components/section/code/Tonality","/components/section/code/Variant","/components/section/docs/Angular","/components/section/docs/HTML","/components/section/docs/Migration","/components/section/docs/React","/components/section/docs/Vue","/components/section/examples","/components/section/how-to-use","/components/section/migration","/components/section/overview","/components/section/properties","/components/select","/components/select/code/Content","/components/select/code/Requirement","/components/select/code/Semantic","/components/select/code/StatesFloatingLabel","/components/select/code/StatesLabelAbove","/components/select/code/Tonality","/components/select/code/VariantHelperMessage","/components/select/code/VariantLabel","/components/select/docs/Angular","/components/select/docs/HTML","/components/select/docs/Migration","/components/select/docs/React","/components/select/docs/Vue","/components/select/examples","/components/select/how-to-use","/components/select/migration","/components/select/overview","/components/select/properties","/components/tab/docs/Angular","/components/tab/docs/HTML","/components/tab/docs/React","/components/tab/docs/Vue","/components/tab/examples","/components/tab/how-to-use","/components/tab/migration","/components/tab/properties","/components/tab-bar/docs/Angular","/components/tab-bar/docs/HTML","/components/tab-bar/docs/React","/components/tab-bar/docs/Vue","/components/tab-bar/examples","/components/tab-bar/how-to-use","/components/tab-bar/migration","/components/tab-bar/properties","/components/tag","/components/tag/code/Behaviour","/components/tag/code/Content","/components/tag/code/Emphasis","/components/tag/code/Example","/components/tag/code/Overflow","/components/tag/code/State","/components/tag/code/Tonality","/components/tag/code/Variant","/components/tag/docs/Angular","/components/tag/docs/HTML","/components/tag/docs/Migration","/components/tag/docs/React","/components/tag/docs/Vue","/components/tag/examples","/components/tag/how-to-use","/components/tag/migration","/components/tag/overview","/components/tag/properties","/components/textarea","/components/textarea/code/Requirement","/components/textarea/code/Rows","/components/textarea/code/Semantic","/components/textarea/code/StatesFloatingLabel","/components/textarea/code/StatesLabelAbove","/components/textarea/code/Tonality","/components/textarea/code/VariantHelperMessage","/components/textarea/code/VariantLabel","/components/textarea/docs/Angular","/components/textarea/docs/HTML","/components/textarea/docs/Migration","/components/textarea/docs/React","/components/textarea/docs/Vue","/components/textarea/examples","/components/textarea/how-to-use","/components/textarea/migration","/components/textarea/overview","/components/textarea/properties","/components/tooltip","/components/tooltip/code/Animations","/components/tooltip/code/Emphasis","/components/tooltip/code/Placement","/components/tooltip/code/Tonality","/components/tooltip/code/Variant","/components/tooltip/code/Width","/components/tooltip/docs/Angular","/components/tooltip/docs/HTML","/components/tooltip/docs/Migration","/components/tooltip/docs/React","/components/tooltip/docs/Vue","/components/tooltip/examples","/components/tooltip/how-to-use","/components/tooltip/migration","/components/tooltip/overview","/components/tooltip/properties","/foundations/colors/color-schemes","/foundations/colors/overview","/foundations/colors/readme","/foundations/icons/custom-icons","/foundations/icons/overview","/foundations/icons/readme","/foundations/readme","/foundations/tonalities/examples","/foundations/tonalities/readme","/foundations/variables/examples","/foundations/variables/readme","/iframe"]}}("static/chunks/65a8b803-c391b5b7c35b3670.js","static/chunks/37426-54290b4ec3d82f2e.js","static/chunks/23019-9d2db7e53903ac36.js","static/chunks/66503-799cbfc703b7d2b8.js","static/chunks/62326-c4008501c0b2ac33.js","static/chunks/70798-9e1c1f0ed94a5159.js","static/chunks/8053-c96fde6a0c243a7e.js","static/chunks/43121-5c11984cd64e23ee.js","static/chunks/34316-dc81876540638e3f.js","static/chunks/60893-671f8dc9b5d08002.js","static/chunks/25644-99045e3ac64923fa.js","static/chunks/84123-92a9a6616a2f576b.js","static/chunks/73095-f2d37d1e50650a1c.js","static/chunks/88424-ad6badf04ff7f188.js","static/chunks/11694-ba076e33100f0c0d.js","static/chunks/89829-01cbc019e8c05072.js","static/chunks/35291-57dde457d80baa96.js","static/chunks/6897-8c06252921fe37d9.js","static/chunks/762-a29fbcda17e6fc48.js","static/chunks/4339-cbf8ecc72f664cc4.js","static/chunks/71047-bf0da8f572b86318.js","static/chunks/91584-8d56fe6fa27eda1a.js","static/chunks/11453-f31d99edf95ba2aa.js","static/chunks/54192-463567db6f0392db.js","static/chunks/52353-671c8333fd37cbca.js","static/chunks/4547-b3cb01662d8bdd18.js","static/chunks/13971-3a8fca53a2a2e017.js","static/chunks/8819-4d522bcf91afb778.js","static/chunks/78571-05b21498af4488b2.js","static/chunks/66042-32a6e6ec98b49e2d.js","static/chunks/44507-5e69790006b04d06.js","static/chunks/39199-2f82d4c5db040fc1.js","static/chunks/7465-e1c79ea18e587c32.js","static/chunks/27322-1a48699e7611ab43.js","static/chunks/99065-f5ee7b340eb80753.js","static/chunks/64339-4236bcb0eb6199f8.js","static/chunks/92738-cbae996e85a609ad.js","static/chunks/810-0bb123e55674fe0c.js","static/chunks/82537-a47ff32496f68c73.js","static/chunks/54310-9477f7bb2f18d154.js","static/chunks/51189-c72d6874fe887c02.js","static/chunks/48754-f5dd801f36b4f721.js","static/chunks/8807-d1e24c1be9b044d5.js","static/chunks/25027-b5ce141c426b1832.js","static/chunks/58232-069ff9180680bb4f.js","static/chunks/67677-3e955e6ae70bbc12.js","static/chunks/29663-624643fa978ec0af.js","static/chunks/6946-67ceb77e0480d4cc.js","static/chunks/84401-7881b1c75704f00f.js","static/chunks/22235-097def13ebebe8a5.js","static/chunks/24134-0621395468b772cd.js","static/chunks/41693-b31c3d616dd6c4e0.js","static/chunks/82492-40476693c7c94f47.js","static/chunks/81984-f595759a52be71f8.js","static/chunks/80095-b0d3c27ddd2c5ca0.js","static/chunks/46132-75d2ab46837110d0.js","static/chunks/61914-20d503e5b6f867b0.js","static/chunks/90976-e58a7fe5831c1aad.js","static/chunks/23756-952323a7bc402894.js","static/chunks/58629-5953a1fe5d944a5b.js","static/chunks/84271-6f05fb90c21feefd.js","static/chunks/57277-79409c870ee3bb2c.js","static/chunks/9597-41033ba09300beb6.js","static/chunks/24882-cab60052ca84fe77.js","static/chunks/2189-400c4049c5ed5501.js","static/chunks/9803-a33cc75e74c03ed2.js","static/chunks/16592-0da8cadb9d1d60f9.js","static/chunks/62275-c432fdf6f225f2ee.js","static/chunks/45712-03bf49c2aa4198fa.js","static/chunks/24475-36fbf529a83ecfd1.js","static/chunks/22440-e3afbf7ee3901aef.js","static/chunks/44891-c8ca6cdb08ca844d.js","static/chunks/69223-ce63e955028c3304.js","static/chunks/11896-5b9f7aa94fbdc2ac.js","static/chunks/1214-0f6cef1c41347a8f.js","static/chunks/62126-50cc98f7b88f17c6.js","static/chunks/66931-6c3b049bb565fb60.js","static/chunks/55595-eedeafe04e4bdac5.js","static/chunks/83662-164b7839bc80b7d2.js","static/chunks/27561-21ccf27da9926595.js","static/chunks/76402-b8957543e8be035a.js","static/chunks/14033-90afcea6bd261f91.js","static/chunks/94361-26eae2bffa4427e2.js","static/chunks/87055-36d335d6d1295258.js","static/chunks/90100-33cb7df4b423eec3.js","static/chunks/91599-e1a50523ecec652c.js","static/chunks/58234-e32b065f7bc26957.js","static/chunks/42038-db8a817e151015c3.js","static/chunks/58565-f77724c19a41fc4e.js","static/chunks/85642-a2bc0acbd3cf3097.js","static/chunks/64355-12da7878bd530dd1.js","static/chunks/33329-2e872fa846d2ad3e.js","static/chunks/94266-a93022a94997c567.js","static/chunks/67064-a28d6241d69b04af.js","static/chunks/21519-7c2af0c16273e075.js","static/chunks/44736-3ad8aa2b12d62178.js","static/chunks/95591-9ad57879cb0a7be5.js","static/chunks/74600-7ac5c648c2c0e781.js","static/chunks/91596-d1a8572007b0de7b.js","static/chunks/46962-7f66c378d8389ed5.js","static/chunks/27398-00854085e22cc98d.js","static/chunks/53691-86b8a1336371f473.js","static/chunks/65708-939cec2a1ef619d1.js","static/chunks/74774-058e912df069da1a.js","static/chunks/79219-1ad90abee81f2931.js","static/chunks/8917-f7db45cabe2ceb35.js","static/chunks/88712-60393031a934e0cf.js","static/chunks/95976-45638bc334b403e1.js","static/chunks/28248-b3dbcfb293842fdb.js","static/chunks/4620-c90c75af679188c3.js","static/chunks/44598-5bead8c6bdbb71b8.js","static/chunks/48834-29e09785338bf0d8.js","static/chunks/9151-5b67f3aaddd4b117.js","static/chunks/43890-815f4633add640b4.js","static/chunks/34353-8a0e021c11913a12.js","static/chunks/89631-7d8ed979e0b85001.js","static/chunks/35405-7ba44079d4948beb.js","static/chunks/55352-873be11a9a4af21e.js","static/chunks/48894-d2050f35ac9116e2.js","static/chunks/83495-bfff9ba49de59ea4.js","static/chunks/11708-58e5e840d42e4801.js","static/chunks/20516-6bada1a1f641d66d.js","static/chunks/31453-96dbfb237d58d355.js","static/chunks/88664-640f07fe472a5996.js","static/chunks/52023-fd9efa2360c9e42f.js","static/chunks/93066-13f095f0d2a4ff97.js","static/chunks/699-3bb18f1345688900.js","static/chunks/2461-9362ebd107672ba6.js","static/chunks/57838-15b27c82547893b9.js","static/chunks/19204-394d56e502820a2e.js","static/chunks/61248-fd9436d798b6eebc.js","static/chunks/90238-f924bacfa197d0ea.js","static/chunks/84022-7997429e32b4ff4c.js","static/chunks/10788-53b2b4af633ce5a1.js","static/chunks/10996-d10bb08c354b406e.js","static/chunks/46838-fdcfc365e3494cb0.js","static/chunks/66784-90ed04a22b617f90.js","static/chunks/41328-edfbf439d7082996.js","static/chunks/9212-4b72ea8144b798a7.js","static/chunks/11665-eebb4f6aa9b11883.js","static/chunks/43609-6343f2e53e398c58.js","static/chunks/85933-99d85f69a4127dde.js","static/chunks/22686-ae0263bb230fbe98.js","static/chunks/64737-64e94bef4c3f6cfc.js","static/chunks/43080-18d5ad58dab3f16d.js","static/chunks/5628-da7d6b5903e50cdb.js","static/chunks/50551-ec089f7660011f6b.js","static/chunks/17966-149b6bc8388677d5.js","static/chunks/60973-80aaa7ffeb2b3f74.js","static/chunks/87523-819f7ef70d8dc28a.js","static/chunks/52584-220883d35055db2c.js","static/chunks/60380-d0e9ecc9989240a4.js","static/chunks/90798-d8bb846d057f3306.js","static/chunks/72111-a9fd63e18b90b80e.js","static/chunks/3591-ce86cdbe38daea30.js","static/chunks/19126-dac9dac22ed0ffbf.js","static/chunks/19711-a49be23eddffca19.js","static/chunks/64968-0cf5d2461e91b15d.js","static/chunks/97879-5de34153dcf3578e.js","static/chunks/93932-ea1d301f0b293fc6.js","static/chunks/67493-e17fec6d054ca273.js","static/chunks/78095-81bcb764fb18b774.js","static/chunks/3378-95d7d35a97db5800.js","static/chunks/37070-06c2d5fe22deb00d.js","static/chunks/79011-234aa9ad9ed615da.js","static/chunks/98587-1ca07c5ed5531a4c.js","static/chunks/67726-54cec137049975b6.js","static/chunks/77935-d3bccab42a91af44.js","static/chunks/74900-9a3937ee302aea1e.js","static/chunks/8687-e7bcfc81c3dce386.js","static/chunks/83284-446e92094324bd24.js","static/chunks/93637-e77fc7f2c88a1d36.js","static/chunks/51636-b2d4de4911e55a60.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file +self.__BUILD_MANIFEST=function(o,e,s,c,n,t,a,p,i,d,m,r,u,b,g,h,f,k,j,l,v,x,w,T,M,V,L,R,A,H,S,y,C,E,z,B,F,_,q,P,W,D,I,G,N,O,U,J,K,Q,X,Y,Z,$,oo,oe,os,oc,on,ot,oa,op,oi,od,om,or,ou,ob,og,oh,of,ok,oj,ol,ov,ox,ow,oT,oM,oV,oL,oR,oA,oH,oS,oy,oC,oE,oz,oB,oF,o_,oq,oP,oW,oD,oI,oG,oN,oO,oU,oJ,oK,oQ,oX,oY,oZ,o$,o9,o8,o5,o3,o1,o4,o0,o6,o7,o2,eo,ee,es,ec,en,et,ea,ep,ei,ed,em,er,eu,eb,eg,eh,ef,ek,ej,el,ev,ex,ew,eT,eM,eV,eL,eR,eA,eH,eS,ey,eC,eE,ez,eB,eF,e_,eq,eP,eW,eD,eI,eG,eN,eO,eU,eJ,eK,eQ,eX,eY,eZ,e$,e9){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[o,s,e,c,"static/chunks/pages/index-a6272dd120d6d30a.js"],"/404":["static/chunks/pages/404-ad60953f24dfbdba.js"],"/_error":["static/chunks/pages/_error-f808a266df2b82a2.js"],"/base64":[o3,"static/chunks/pages/base64-d10d39493b01dd88.js"],"/components/accordion":[o,s,e,c,n,t,"static/chunks/pages/components/accordion-72c383af6b9587a2.js"],"/components/accordion/code/Behaviour":[o,t,"static/chunks/pages/components/accordion/code/Behaviour-10d37b6f94e68d49.js"],"/components/accordion/code/Tonality":[o,n,"static/chunks/pages/components/accordion/code/Tonality-94e122b565310404.js"],"/components/accordion/docs/Angular":[o,o1,"static/chunks/pages/components/accordion/docs/Angular-96d65c443e52bbba.js"],"/components/accordion/docs/HTML":[o,o4,"static/chunks/pages/components/accordion/docs/HTML-5ca4cabe7a70c743.js"],"/components/accordion/docs/Migration":["static/chunks/pages/components/accordion/docs/Migration-fe2a19c64d572c5b.js"],"/components/accordion/docs/React":[o,o0,"static/chunks/pages/components/accordion/docs/React-0410c4c7e6c3e3a9.js"],"/components/accordion/docs/Vue":[o,o6,"static/chunks/pages/components/accordion/docs/Vue-94f4ce817f5d95c9.js"],"/components/accordion/examples":[s,e,c,"static/chunks/pages/components/accordion/examples-d20a63af7d2992db.js"],"/components/accordion/how-to-use":[o,s,e,c,o4,o0,o1,o6,"static/chunks/pages/components/accordion/how-to-use-a3cfa1f2079fa228.js"],"/components/accordion/migration":[s,e,c,"static/chunks/pages/components/accordion/migration-c8e50f7e561ff3ff.js"],"/components/accordion/overview":[o,s,e,c,n,t,"static/chunks/pages/components/accordion/overview-b195e0e1510e15f0.js"],"/components/accordion/properties":[s,e,c,"static/chunks/pages/components/accordion/properties-a2d40be90c83ef8f.js"],"/components/accordion-item":[o,s,e,c,a,p,"static/chunks/pages/components/accordion-item-0d6c8a0e7b01beae.js"],"/components/accordion-item/code/States":[o,a,"static/chunks/pages/components/accordion-item/code/States-5d43a6296e366b06.js"],"/components/accordion-item/code/Tonality":[o,p,"static/chunks/pages/components/accordion-item/code/Tonality-2e50d7aa1c4db102.js"],"/components/accordion-item/docs/Angular":[o,o7,"static/chunks/pages/components/accordion-item/docs/Angular-2cb8d222c8ee0004.js"],"/components/accordion-item/docs/HTML":[o,"static/chunks/pages/components/accordion-item/docs/HTML-54593946de273590.js"],"/components/accordion-item/docs/Migration":["static/chunks/pages/components/accordion-item/docs/Migration-1ec6ffe077a8fd18.js"],"/components/accordion-item/docs/React":[o,o2,"static/chunks/pages/components/accordion-item/docs/React-b2694d754fe05a4c.js"],"/components/accordion-item/docs/Vue":[o,eo,"static/chunks/pages/components/accordion-item/docs/Vue-ebd9ce6ad8a806ea.js"],"/components/accordion-item/examples":[s,e,c,"static/chunks/pages/components/accordion-item/examples-371b46e501e27d81.js"],"/components/accordion-item/how-to-use":[o,s,e,c,eo,o2,o7,"static/chunks/pages/components/accordion-item/how-to-use-d7c04c01176b8209.js"],"/components/accordion-item/migration":[s,e,c,"static/chunks/pages/components/accordion-item/migration-dece046abd54b51f.js"],"/components/accordion-item/overview":[o,s,e,c,a,p,"static/chunks/pages/components/accordion-item/overview-030a862ae1f9ffd8.js"],"/components/accordion-item/properties":[s,e,c,"static/chunks/pages/components/accordion-item/properties-f7277b81a60ac1b0.js"],"/components/alert":[o,s,e,c,i,d,m,r,u,"static/chunks/pages/components/alert-2d1f2fd3afd3e8ca.js"],"/components/alert/code/Behaviour":[o,r,"static/chunks/pages/components/alert/code/Behaviour-e6d480e80c734746.js"],"/components/alert/code/Content":[o,d,"static/chunks/pages/components/alert/code/Content-9b85fd103c9b6532.js"],"/components/alert/code/Tonality":[o,m,"static/chunks/pages/components/alert/code/Tonality-8c048b0aab856c63.js"],"/components/alert/code/Type":[o,u,"static/chunks/pages/components/alert/code/Type-75b3ea9953314064.js"],"/components/alert/code/Variant":[o,i,"static/chunks/pages/components/alert/code/Variant-68f1e23d1568a9db.js"],"/components/alert/docs/Angular":[o,ee,"static/chunks/pages/components/alert/docs/Angular-5cfd4e6c490ca5f6.js"],"/components/alert/docs/HTML":[o,es,"static/chunks/pages/components/alert/docs/HTML-ccb4424d4c8e3ace.js"],"/components/alert/docs/Migration":["static/chunks/pages/components/alert/docs/Migration-2e7ef1bbcd573850.js"],"/components/alert/docs/React":[o,"static/chunks/pages/components/alert/docs/React-4d8775714f37e995.js"],"/components/alert/docs/Vue":[o,"static/chunks/pages/components/alert/docs/Vue-2d67d596e6e1e1da.js"],"/components/alert/examples":[s,e,c,"static/chunks/pages/components/alert/examples-38e9a39788918789.js"],"/components/alert/how-to-use":[o,s,e,c,es,ee,"static/chunks/pages/components/alert/how-to-use-ebb985328b5e3d8c.js"],"/components/alert/migration":[s,e,c,"static/chunks/pages/components/alert/migration-07eb8412ac486002.js"],"/components/alert/overview":[o,s,e,c,i,d,m,r,u,"static/chunks/pages/components/alert/overview-f67a9982bb45b15f.js"],"/components/alert/properties":[s,e,c,"static/chunks/pages/components/alert/properties-29267df42c609798.js"],"/components/badge":[o,s,e,c,b,g,h,f,k,j,l,"static/chunks/pages/components/badge-5662d58385bc49f1.js"],"/components/badge/code/Content":[o,h,"static/chunks/pages/components/badge/code/Content-16598b21a3bb2695.js"],"/components/badge/code/Emphasis":[o,k,"static/chunks/pages/components/badge/code/Emphasis-15eba85c28d99d8d.js"],"/components/badge/code/Examples":[o,l,"static/chunks/pages/components/badge/code/Examples-4a44e99258076eb2.js"],"/components/badge/code/Placement":[o,g,"static/chunks/pages/components/badge/code/Placement-740acb152d2233e9.js"],"/components/badge/code/Size":[o,j,"static/chunks/pages/components/badge/code/Size-04fd3f69cc614f42.js"],"/components/badge/code/Tonality":[o,f,"static/chunks/pages/components/badge/code/Tonality-c0da469f41a4044c.js"],"/components/badge/code/Variant":[o,b,"static/chunks/pages/components/badge/code/Variant-64b49e1d9ba5643e.js"],"/components/badge/docs/Angular":[o,"static/chunks/pages/components/badge/docs/Angular-a69d70ae4ea53183.js"],"/components/badge/docs/HTML":[o,"static/chunks/pages/components/badge/docs/HTML-51d84d90d984beca.js"],"/components/badge/docs/Migration":["static/chunks/pages/components/badge/docs/Migration-ec45b3db1b61a1dd.js"],"/components/badge/docs/React":[o,"static/chunks/pages/components/badge/docs/React-f43ee07d1f9babb4.js"],"/components/badge/docs/Vue":[o,"static/chunks/pages/components/badge/docs/Vue-7ec73f0cf5fafb73.js"],"/components/badge/examples":[s,e,c,"static/chunks/pages/components/badge/examples-393f5514608a85f9.js"],"/components/badge/how-to-use":[o,s,e,c,"static/chunks/pages/components/badge/how-to-use-5f3ee024e1d7e1a3.js"],"/components/badge/migration":[s,e,c,"static/chunks/pages/components/badge/migration-8ec4965b6b34d0d8.js"],"/components/badge/overview":[o,s,e,c,b,g,h,f,k,j,l,"static/chunks/pages/components/badge/overview-9d982c0f2fceb923.js"],"/components/badge/properties":[s,e,c,"static/chunks/pages/components/badge/properties-5475243109e49b01.js"],"/components/brand/docs/Angular":[o,"static/chunks/pages/components/brand/docs/Angular-557bec5d85d91d7a.js"],"/components/brand/docs/HTML":[o,"static/chunks/pages/components/brand/docs/HTML-ee19b5509aa2f26d.js"],"/components/brand/docs/React":[o,"static/chunks/pages/components/brand/docs/React-9ac96bc0e8847bc4.js"],"/components/brand/docs/Vue":[o,"static/chunks/pages/components/brand/docs/Vue-8cdd768970d19bac.js"],"/components/brand/examples":[s,e,c,"static/chunks/pages/components/brand/examples-749a2d4efcd74d64.js"],"/components/brand/how-to-use":[o,s,e,c,"static/chunks/pages/components/brand/how-to-use-23b9820f31aeae95.js"],"/components/brand/migration":[s,e,c,"static/chunks/pages/components/brand/migration-d745ed8ad48ebf70.js"],"/components/brand/properties":[s,e,c,"static/chunks/pages/components/brand/properties-1d338fb03d871d2c.js"],"/components/button":[o,s,e,c,v,x,w,T,M,V,"static/chunks/pages/components/button-5ce332f4d1dde0fa.js"],"/components/button/code/Behaviour":[o,T,"static/chunks/pages/components/button/code/Behaviour-585be5b06dbfab5e.js"],"/components/button/code/Content":[o,x,"static/chunks/pages/components/button/code/Content-2279169731fd07a1.js"],"/components/button/code/Size":[o,M,"static/chunks/pages/components/button/code/Size-7e988f866a903e62.js"],"/components/button/code/State":[o,V,"static/chunks/pages/components/button/code/State-8efcebe3a0210a24.js"],"/components/button/code/Tonality":[o,w,"static/chunks/pages/components/button/code/Tonality-30f64d034ee4db0b.js"],"/components/button/code/Variant":[o,v,"static/chunks/pages/components/button/code/Variant-993dca8c437b9911.js"],"/components/button/docs/Angular":[o,ec,"static/chunks/pages/components/button/docs/Angular-014fd2ab36505667.js"],"/components/button/docs/HTML":[o,"static/chunks/pages/components/button/docs/HTML-113d7f9b8cb79ce2.js"],"/components/button/docs/Migration":["static/chunks/pages/components/button/docs/Migration-2e1c7e47c71c8020.js"],"/components/button/docs/React":[o,"static/chunks/pages/components/button/docs/React-d6ed520cb06d90a6.js"],"/components/button/docs/Vue":[o,"static/chunks/pages/components/button/docs/Vue-1d5ac756ba8ad563.js"],"/components/button/examples":[s,e,c,"static/chunks/pages/components/button/examples-35a28d769832c44d.js"],"/components/button/how-to-use":[o,s,e,c,ec,"static/chunks/pages/components/button/how-to-use-4c3c1a587b6523b2.js"],"/components/button/migration":[s,e,c,"static/chunks/pages/components/button/migration-3276f8241cf03d0b.js"],"/components/button/overview":[o,s,e,c,v,x,w,T,M,V,"static/chunks/pages/components/button/overview-5e24be5b63eacfef.js"],"/components/button/properties":[s,e,c,"static/chunks/pages/components/button/properties-33d37be28ba4cbc2.js"],"/components/card":[o,s,e,c,L,R,A,H,"static/chunks/pages/components/card-b290589f5c179f24.js"],"/components/card/code/ColorVariant":[o,L,"static/chunks/pages/components/card/code/ColorVariant-f2d967a52b4f8829.js"],"/components/card/code/Spacing":[o,A,"static/chunks/pages/components/card/code/Spacing-e2644ba0a9eca5e5.js"],"/components/card/code/Tonality":[o,R,"static/chunks/pages/components/card/code/Tonality-5ed11047dfebf9bb.js"],"/components/card/code/Variant":[o,H,"static/chunks/pages/components/card/code/Variant-49b3630af6b62eda.js"],"/components/card/docs/Angular":[o,"static/chunks/pages/components/card/docs/Angular-9af09a126cd06c6b.js"],"/components/card/docs/HTML":[o,"static/chunks/pages/components/card/docs/HTML-6e26c4a6d4d63098.js"],"/components/card/docs/Migration":["static/chunks/pages/components/card/docs/Migration-a7011ca2f000339e.js"],"/components/card/docs/React":[o,"static/chunks/pages/components/card/docs/React-b00ca82a6a732873.js"],"/components/card/docs/Vue":[o,"static/chunks/pages/components/card/docs/Vue-d0b963cb0d9aec0d.js"],"/components/card/examples":[s,e,c,"static/chunks/pages/components/card/examples-554e1e6a28aeec6a.js"],"/components/card/how-to-use":[o,s,e,c,"static/chunks/pages/components/card/how-to-use-7642fa4363bdcfcb.js"],"/components/card/migration":[s,e,c,"static/chunks/pages/components/card/migration-c5e1da5ed45f4f86.js"],"/components/card/overview":[o,s,e,c,L,R,A,H,"static/chunks/pages/components/card/overview-f2fe9597d8021439.js"],"/components/card/properties":[s,e,c,"static/chunks/pages/components/card/properties-836215f0dea92ff6.js"],"/components/checkbox":[o,s,e,c,S,y,C,E,z,"static/chunks/pages/components/checkbox-481feff57ebca054.js"],"/components/checkbox/code/Requirement":[o,y,"static/chunks/pages/components/checkbox/code/Requirement-ab55d2887e85962e.js"],"/components/checkbox/code/Size":[o,E,"static/chunks/pages/components/checkbox/code/Size-0eb54448c3af8bf3.js"],"/components/checkbox/code/States":[o,S,"static/chunks/pages/components/checkbox/code/States-10e439f868cba88b.js"],"/components/checkbox/code/Tonality":[o,C,"static/chunks/pages/components/checkbox/code/Tonality-27ae8e072427ddd8.js"],"/components/checkbox/code/VariantLabel":[o,z,"static/chunks/pages/components/checkbox/code/VariantLabel-09deeecac1dea4f5.js"],"/components/checkbox/docs/Angular":[o,en,"static/chunks/pages/components/checkbox/docs/Angular-2b35c84ee30a04cb.js"],"/components/checkbox/docs/HTML":[o,"static/chunks/pages/components/checkbox/docs/HTML-04169693a829ab43.js"],"/components/checkbox/docs/React":[o,et,"static/chunks/pages/components/checkbox/docs/React-8361dda42daccc61.js"],"/components/checkbox/docs/Vue":[o,ea,"static/chunks/pages/components/checkbox/docs/Vue-1dfad0a6c5c4cae7.js"],"/components/checkbox/examples":[s,e,c,"static/chunks/pages/components/checkbox/examples-296d4cc994db529e.js"],"/components/checkbox/how-to-use":[o,s,e,c,en,et,ea,"static/chunks/pages/components/checkbox/how-to-use-8bf7e2c700e94441.js"],"/components/checkbox/migration":[s,e,c,"static/chunks/pages/components/checkbox/migration-a6da8be7018a7e8a.js"],"/components/checkbox/overview":[o,s,e,c,S,y,C,E,z,"static/chunks/pages/components/checkbox/overview-c03569727b1ed703.js"],"/components/checkbox/properties":[s,e,c,"static/chunks/pages/components/checkbox/properties-ec02850d247048f3.js"],"/components/code-docs/docs/Angular":["static/chunks/pages/components/code-docs/docs/Angular-15675add52dbffe1.js"],"/components/code-docs/docs/HTML":["static/chunks/pages/components/code-docs/docs/HTML-c8762ed3e1d47086.js"],"/components/code-docs/docs/React":[o,ep,"static/chunks/pages/components/code-docs/docs/React-c1e6cec7b7a1257a.js"],"/components/code-docs/docs/Vue":["static/chunks/pages/components/code-docs/docs/Vue-8a093ff067ac92ed.js"],"/components/code-docs/examples":[s,e,c,"static/chunks/pages/components/code-docs/examples-1674545b40313a52.js"],"/components/code-docs/how-to-use":[o,s,e,c,ep,"static/chunks/pages/components/code-docs/how-to-use-d8941d80ef91fb27.js"],"/components/code-docs/migration":[s,e,c,"static/chunks/pages/components/code-docs/migration-222106d88ecbcaf4.js"],"/components/code-docs/properties":[s,e,c,"static/chunks/pages/components/code-docs/properties-098a65196c9dd358.js"],"/components/divider":[o,s,e,c,B,F,_,"static/chunks/pages/components/divider-a9ce01e1e100e2d0.js"],"/components/divider/code/Emphasis":[o,_,"static/chunks/pages/components/divider/code/Emphasis-23abf1ff98f22ce5.js"],"/components/divider/code/Tonality":[o,B,"static/chunks/pages/components/divider/code/Tonality-9f969b2eeeb31933.js"],"/components/divider/code/Variant":[o,F,"static/chunks/pages/components/divider/code/Variant-229d908b5f1b1554.js"],"/components/divider/docs/Angular":[o,"static/chunks/pages/components/divider/docs/Angular-d32993bb7351c210.js"],"/components/divider/docs/HTML":[o,"static/chunks/pages/components/divider/docs/HTML-8725b871259d9aea.js"],"/components/divider/docs/Migration":["static/chunks/pages/components/divider/docs/Migration-2759194d94d594e0.js"],"/components/divider/docs/React":[o,"static/chunks/pages/components/divider/docs/React-537cda33809e670a.js"],"/components/divider/docs/Vue":[o,"static/chunks/pages/components/divider/docs/Vue-82d01cc96cb52bdc.js"],"/components/divider/examples":[s,e,c,"static/chunks/pages/components/divider/examples-25728ad1ca232d9d.js"],"/components/divider/how-to-use":[o,s,e,c,"static/chunks/pages/components/divider/how-to-use-857973344a0d03fc.js"],"/components/divider/migration":[s,e,c,"static/chunks/pages/components/divider/migration-f90e6e3158f0e648.js"],"/components/divider/overview":[o,s,e,c,B,F,_,"static/chunks/pages/components/divider/overview-4ca39c0a704fdefc.js"],"/components/divider/properties":[s,e,c,"static/chunks/pages/components/divider/properties-b862d1bf6f92c63c.js"],"/components/drawer":[o,s,e,c,q,P,W,D,I,G,"static/chunks/pages/components/drawer-f9cd961b831c696f.js"],"/components/drawer/code/Backdrop":[o,W,"static/chunks/pages/components/drawer/code/Backdrop-368667cbc494639d.js"],"/components/drawer/code/Directions":[o,P,"static/chunks/pages/components/drawer/code/Directions-dea8feec2ed7134d.js"],"/components/drawer/code/Rounded":[o,G,"static/chunks/pages/components/drawer/code/Rounded-e040c8d869c26045.js"],"/components/drawer/code/Size":[o,I,"static/chunks/pages/components/drawer/code/Size-ad74564ef6a21394.js"],"/components/drawer/code/Spacing":[o,q,"static/chunks/pages/components/drawer/code/Spacing-514c489eefd47a04.js"],"/components/drawer/code/Tonality":[o,D,"static/chunks/pages/components/drawer/code/Tonality-12eee950aa001392.js"],"/components/drawer/docs/Angular":[o,ei,"static/chunks/pages/components/drawer/docs/Angular-2fbb2855f8195cdd.js"],"/components/drawer/docs/HTML":[o,ed,"static/chunks/pages/components/drawer/docs/HTML-30f5ee7b56fd3a6e.js"],"/components/drawer/docs/Migration":["static/chunks/pages/components/drawer/docs/Migration-9dfd0260c734816f.js"],"/components/drawer/docs/React":[o,em,"static/chunks/pages/components/drawer/docs/React-e3fa5c9a0d797b68.js"],"/components/drawer/docs/Vue":[o,er,"static/chunks/pages/components/drawer/docs/Vue-e56ad4de0a450902.js"],"/components/drawer/examples":[s,e,c,"static/chunks/pages/components/drawer/examples-8c321f7c34ae2894.js"],"/components/drawer/how-to-use":[o,s,e,c,em,er,ei,ed,"static/chunks/pages/components/drawer/how-to-use-cc53165156499b0c.js"],"/components/drawer/migration":[s,e,c,"static/chunks/pages/components/drawer/migration-bc9ae3cf9e15f685.js"],"/components/drawer/overview":[o,s,e,c,q,P,W,D,I,G,"static/chunks/pages/components/drawer/overview-ed9e7080324ef3aa.js"],"/components/drawer/properties":[s,e,c,"static/chunks/pages/components/drawer/properties-4869580f4698dde9.js"],"/components/header/docs/Angular":[o,eu,"static/chunks/pages/components/header/docs/Angular-9a6a81992b08bd9c.js"],"/components/header/docs/HTML":[o,"static/chunks/pages/components/header/docs/HTML-2c4e290d41da7324.js"],"/components/header/docs/React":[o,eb,"static/chunks/pages/components/header/docs/React-e01a8d0589ea4af0.js"],"/components/header/docs/Vue":[o,eg,"static/chunks/pages/components/header/docs/Vue-cdca9ff76901925c.js"],"/components/header/examples":[s,e,c,"static/chunks/pages/components/header/examples-fac815fc1a139a0e.js"],"/components/header/how-to-use":[o,s,e,c,eg,eu,eb,"static/chunks/pages/components/header/how-to-use-54da742d58c5c3b4.js"],"/components/header/migration":[s,e,c,"static/chunks/pages/components/header/migration-a83e43c6625d2777.js"],"/components/header/properties":[s,e,c,"static/chunks/pages/components/header/properties-bb15cbee9c80bc0c.js"],"/components/icon/docs/Angular":[o,eh,"static/chunks/pages/components/icon/docs/Angular-7fd336a5eb5b65b1.js"],"/components/icon/docs/HTML":[o,"static/chunks/pages/components/icon/docs/HTML-b3b2b67fcb8a5dbd.js"],"/components/icon/docs/React":[o,"static/chunks/pages/components/icon/docs/React-3581f712db32fb1c.js"],"/components/icon/docs/Vue":[o,"static/chunks/pages/components/icon/docs/Vue-6d6a1360a4cc3683.js"],"/components/icon/examples":[s,e,c,"static/chunks/pages/components/icon/examples-48809f775ace2608.js"],"/components/icon/how-to-use":[o,s,e,c,eh,"static/chunks/pages/components/icon/how-to-use-a2cbfcc54c2f8dcb.js"],"/components/icon/migration":[s,e,c,"static/chunks/pages/components/icon/migration-2b6a94c38d687366.js"],"/components/icon/properties":[s,e,c,"static/chunks/pages/components/icon/properties-bef813a0d51cf287.js"],"/components/infotext":[o,s,e,c,N,O,U,"static/chunks/pages/components/infotext-6fc9552cfafb716c.js"],"/components/infotext/code/Size":[o,U,"static/chunks/pages/components/infotext/code/Size-2a0baef8e1d8178f.js"],"/components/infotext/code/Tonality":[o,O,"static/chunks/pages/components/infotext/code/Tonality-e72071daade91d61.js"],"/components/infotext/code/Variant":[o,N,"static/chunks/pages/components/infotext/code/Variant-ee0e672a1af38faf.js"],"/components/infotext/docs/Angular":[o,"static/chunks/pages/components/infotext/docs/Angular-677ed68831734762.js"],"/components/infotext/docs/HTML":[o,"static/chunks/pages/components/infotext/docs/HTML-14cbbc1fa5130fb4.js"],"/components/infotext/docs/Migration":["static/chunks/pages/components/infotext/docs/Migration-54bc8ed72e8fb0e7.js"],"/components/infotext/docs/React":[o,"static/chunks/pages/components/infotext/docs/React-8519b5509d06deff.js"],"/components/infotext/docs/Vue":[o,"static/chunks/pages/components/infotext/docs/Vue-ecb5ad160f09fdc5.js"],"/components/infotext/examples":[s,e,c,"static/chunks/pages/components/infotext/examples-bbc271b2f33cfe4a.js"],"/components/infotext/how-to-use":[o,s,e,c,"static/chunks/pages/components/infotext/how-to-use-b84f82afb1d79088.js"],"/components/infotext/migration":[s,e,c,"static/chunks/pages/components/infotext/migration-01ab7754e9137d51.js"],"/components/infotext/overview":[o,s,e,c,N,O,U,"static/chunks/pages/components/infotext/overview-7c99137d706e969b.js"],"/components/infotext/properties":[s,e,c,"static/chunks/pages/components/infotext/properties-da8dc909ec0842fe.js"],"/components/input":[o,s,e,c,J,K,Q,X,Y,Z,$,oo,oe,os,"static/chunks/pages/components/input-a612fe26d239006e.js"],"/components/input/code/Content":[o,X,"static/chunks/pages/components/input/code/Content-74ed43b39a4b21fb.js"],"/components/input/code/ExampleTypes":[o,K,"static/chunks/pages/components/input/code/ExampleTypes-a204a50383a2dc97.js"],"/components/input/code/ExampleTypesFloatingLabel":[o,J,"static/chunks/pages/components/input/code/ExampleTypesFloatingLabel-63d8ffde9b6ca0bd.js"],"/components/input/code/Requirement":[o,$,"static/chunks/pages/components/input/code/Requirement-dac1317d9f7c8064.js"],"/components/input/code/Semantic":[o,Q,"static/chunks/pages/components/input/code/Semantic-facd858462104a3f.js"],"/components/input/code/StatesFloatingLabel":[o,Y,"static/chunks/pages/components/input/code/StatesFloatingLabel-8d08b16133300512.js"],"/components/input/code/StatesLabelAbove":[o,Z,"static/chunks/pages/components/input/code/StatesLabelAbove-45a363ebe544fa25.js"],"/components/input/code/Tonality":[o,oo,"static/chunks/pages/components/input/code/Tonality-d47a9afcda8ab436.js"],"/components/input/code/VariantHelperMessage":[o,os,"static/chunks/pages/components/input/code/VariantHelperMessage-c628085d113bfe91.js"],"/components/input/code/VariantLabel":[o,oe,"static/chunks/pages/components/input/code/VariantLabel-dad7211f970420a2.js"],"/components/input/docs/Angular":[o,ef,"static/chunks/pages/components/input/docs/Angular-055318bdfa459919.js"],"/components/input/docs/HTML":[o,"static/chunks/pages/components/input/docs/HTML-933c868abf71ec44.js"],"/components/input/docs/React":[o,ek,"static/chunks/pages/components/input/docs/React-71277d5e6c78cb81.js"],"/components/input/docs/Vue":[o,ej,"static/chunks/pages/components/input/docs/Vue-6fe2eacb54a7e39b.js"],"/components/input/examples":[s,e,c,"static/chunks/pages/components/input/examples-715d51031db41e32.js"],"/components/input/how-to-use":[o,s,e,c,ef,ej,ek,"static/chunks/pages/components/input/how-to-use-96604cada6b34b4b.js"],"/components/input/migration":[s,e,c,"static/chunks/pages/components/input/migration-168167a05f5c7c79.js"],"/components/input/overview":[o,s,e,c,J,K,Q,X,Y,Z,$,oo,oe,os,"static/chunks/pages/components/input/overview-1e7325f539f2f666.js"],"/components/input/properties":[s,e,c,"static/chunks/pages/components/input/properties-d46547d490e4a24a.js"],"/components/link":[o,s,e,c,oc,on,ot,oa,op,"static/chunks/pages/components/link-82e20c10f1f0cc7d.js"],"/components/link/code/Content":[o,oa,"static/chunks/pages/components/link/code/Content-b386d2eeca34a70f.js"],"/components/link/code/Size":[o,ot,"static/chunks/pages/components/link/code/Size-0e734a706f412b98.js"],"/components/link/code/State":[o,op,"static/chunks/pages/components/link/code/State-dbfcc8f2bd72e6bf.js"],"/components/link/code/Tonality":[o,oc,"static/chunks/pages/components/link/code/Tonality-e5a6308b188abe82.js"],"/components/link/code/Variant":[o,on,"static/chunks/pages/components/link/code/Variant-c598c9f125d3f2ee.js"],"/components/link/docs/Angular":[o,el,"static/chunks/pages/components/link/docs/Angular-baa2c2d4362e88d8.js"],"/components/link/docs/HTML":[o,"static/chunks/pages/components/link/docs/HTML-7cec046298a60c2e.js"],"/components/link/docs/React":[o,ev,"static/chunks/pages/components/link/docs/React-82ba2981824fd205.js"],"/components/link/docs/Vue":[o,"static/chunks/pages/components/link/docs/Vue-ff1f4f5dd56702ae.js"],"/components/link/examples":[s,e,c,"static/chunks/pages/components/link/examples-3d2f4942af7c5134.js"],"/components/link/how-to-use":[o,s,e,c,el,ev,"static/chunks/pages/components/link/how-to-use-8a84706a78a809f9.js"],"/components/link/migration":[s,e,c,"static/chunks/pages/components/link/migration-16e7aaac14f10f57.js"],"/components/link/overview":[o,s,e,c,oc,on,ot,oa,op,"static/chunks/pages/components/link/overview-66962d44ceaefe81.js"],"/components/link/properties":[s,e,c,"static/chunks/pages/components/link/properties-09be1f760df1e498.js"],"/components/main-navigation":[o,s,e,c,oi,"static/chunks/pages/components/main-navigation-f9ed4af994690811.js"],"/components/main-navigation/code/Tonality":[o,oi,"static/chunks/pages/components/main-navigation/code/Tonality-4486cca6c252c166.js"],"/components/main-navigation/docs/Angular":[o,ex,"static/chunks/pages/components/main-navigation/docs/Angular-abea04273d6984a2.js"],"/components/main-navigation/docs/HTML":[o,ew,"static/chunks/pages/components/main-navigation/docs/HTML-6b15e007148bcc80.js"],"/components/main-navigation/docs/React":[o,eT,"static/chunks/pages/components/main-navigation/docs/React-b4caa641ed2e37bc.js"],"/components/main-navigation/docs/Vue":[o,eM,"static/chunks/pages/components/main-navigation/docs/Vue-9bdc6937110cd76b.js"],"/components/main-navigation/examples":[s,e,c,"static/chunks/pages/components/main-navigation/examples-5ecad77bf222de0f.js"],"/components/main-navigation/how-to-use":[o,s,e,c,ew,ex,eM,eT,"static/chunks/pages/components/main-navigation/how-to-use-74d2ff7a8c611220.js"],"/components/main-navigation/migration":[s,e,c,"static/chunks/pages/components/main-navigation/migration-d559012fbc0cf804.js"],"/components/main-navigation/overview":[o,s,e,c,oi,"static/chunks/pages/components/main-navigation/overview-1afe77aaa097c147.js"],"/components/main-navigation/properties":[s,e,c,"static/chunks/pages/components/main-navigation/properties-acc956d0ebca0dfa.js"],"/components/navigation-item":[o,s,e,c,od,om,or,ou,"static/chunks/pages/components/navigation-item-71b30a9363295b1e.js"],"/components/navigation-item/code/Content":[o,od,"static/chunks/pages/components/navigation-item/code/Content-0a9fb35b936efc85.js"],"/components/navigation-item/code/States":[o,om,"static/chunks/pages/components/navigation-item/code/States-a0b1118a03ba99aa.js"],"/components/navigation-item/code/Tonality":[o,or,"static/chunks/pages/components/navigation-item/code/Tonality-7a4efb814daf4fb2.js"],"/components/navigation-item/code/Width":[o,ou,"static/chunks/pages/components/navigation-item/code/Width-35036430b8cfc82c.js"],"/components/navigation-item/docs/Angular":[o,eV,"static/chunks/pages/components/navigation-item/docs/Angular-8cf97bd3f43cf03d.js"],"/components/navigation-item/docs/HTML":[o,eL,"static/chunks/pages/components/navigation-item/docs/HTML-8ebccb5704783249.js"],"/components/navigation-item/docs/Migration":["static/chunks/pages/components/navigation-item/docs/Migration-83d62af52c9a03db.js"],"/components/navigation-item/docs/React":[o,eR,"static/chunks/pages/components/navigation-item/docs/React-c6e9b77365716760.js"],"/components/navigation-item/docs/Vue":[o,eA,"static/chunks/pages/components/navigation-item/docs/Vue-1d4ffebf9ce71211.js"],"/components/navigation-item/examples":[s,e,c,"static/chunks/pages/components/navigation-item/examples-f9bc24f18a5ba753.js"],"/components/navigation-item/how-to-use":[o,s,e,c,eV,eR,eA,eL,"static/chunks/pages/components/navigation-item/how-to-use-5a6ae0e7e6ecaeaa.js"],"/components/navigation-item/migration":[s,e,c,"static/chunks/pages/components/navigation-item/migration-ddad3f35219b999f.js"],"/components/navigation-item/overview":[o,s,e,c,od,om,or,ou,"static/chunks/pages/components/navigation-item/overview-37decd2d36e419ff.js"],"/components/navigation-item/properties":[s,e,c,"static/chunks/pages/components/navigation-item/properties-51faba7a275f50a8.js"],"/components/page/docs/Angular":[o,eH,"static/chunks/pages/components/page/docs/Angular-7cb8933c18f01b51.js"],"/components/page/docs/HTML":[o,"static/chunks/pages/components/page/docs/HTML-906b5e512f7b0226.js"],"/components/page/docs/React":[o,eS,"static/chunks/pages/components/page/docs/React-de44a571a3999621.js"],"/components/page/docs/Vue":[o,ey,"static/chunks/pages/components/page/docs/Vue-0894afe5a5a32efb.js"],"/components/page/examples":[s,e,c,"static/chunks/pages/components/page/examples-ba69690cfb016c56.js"],"/components/page/how-to-use":[o,s,e,c,eH,eS,ey,"static/chunks/pages/components/page/how-to-use-6f7abdff77aca679.js"],"/components/page/migration":[s,e,c,"static/chunks/pages/components/page/migration-5a142c2845e7ddc4.js"],"/components/page/properties":[s,e,c,"static/chunks/pages/components/page/properties-af2c4a41836ef13b.js"],"/components/popover":[o,s,e,c,ob,og,oh,of,ok,oj,"static/chunks/pages/components/popover-04036520c9a0da91.js"],"/components/popover/code/Animations":[o,og,"static/chunks/pages/components/popover/code/Animations-f20d5b2e7a91a389.js"],"/components/popover/code/Gap":[o,oj,"static/chunks/pages/components/popover/code/Gap-7a88afdf73a996cd.js"],"/components/popover/code/Placement":[o,ob,"static/chunks/pages/components/popover/code/Placement-c12b9d2255e6220c.js"],"/components/popover/code/Spacing":[o,oh,"static/chunks/pages/components/popover/code/Spacing-e938a1d728034c03.js"],"/components/popover/code/Tonality":[o,of,"static/chunks/pages/components/popover/code/Tonality-18918e604fb2ac5f.js"],"/components/popover/code/Width":[o,ok,"static/chunks/pages/components/popover/code/Width-718dc11ca19ff621.js"],"/components/popover/docs/Angular":[o,eC,"static/chunks/pages/components/popover/docs/Angular-77360623b68a5bf2.js"],"/components/popover/docs/HTML":[o,"static/chunks/pages/components/popover/docs/HTML-86137715adc753ed.js"],"/components/popover/docs/Migration":["static/chunks/pages/components/popover/docs/Migration-eb580047faf6caa4.js"],"/components/popover/docs/React":[o,eE,"static/chunks/pages/components/popover/docs/React-41f6f708259a043e.js"],"/components/popover/docs/Vue":[o,ez,"static/chunks/pages/components/popover/docs/Vue-e2c4c98cae47602d.js"],"/components/popover/examples":[s,e,c,"static/chunks/pages/components/popover/examples-0900e3f2f93610fd.js"],"/components/popover/how-to-use":[o,s,e,c,eE,eC,ez,"static/chunks/pages/components/popover/how-to-use-dc2622a24bef2250.js"],"/components/popover/migration":[s,e,c,"static/chunks/pages/components/popover/migration-50befb7f6868b6ca.js"],"/components/popover/overview":[o,s,e,c,ob,og,oh,of,ok,oj,"static/chunks/pages/components/popover/overview-65e82a1bee670a37.js"],"/components/popover/properties":[s,e,c,"static/chunks/pages/components/popover/properties-d60bbffa1529a5e6.js"],"/components/radio":[o,s,e,c,ol,ov,ox,ow,oT,"static/chunks/pages/components/radio-55ad2ff08561f43c.js"],"/components/radio/code/Requirement":[o,ov,"static/chunks/pages/components/radio/code/Requirement-d7f023153d89ea75.js"],"/components/radio/code/Size":[o,ow,"static/chunks/pages/components/radio/code/Size-2eda05ae4db2dab3.js"],"/components/radio/code/States":[o,ox,"static/chunks/pages/components/radio/code/States-72295a8361875397.js"],"/components/radio/code/Tonality":[o,ol,"static/chunks/pages/components/radio/code/Tonality-993db5640df19542.js"],"/components/radio/code/VariantLabel":[o,oT,"static/chunks/pages/components/radio/code/VariantLabel-a9e281ef4f3a0501.js"],"/components/radio/docs/Angular":[o,eB,"static/chunks/pages/components/radio/docs/Angular-e1decc1769dac8be.js"],"/components/radio/docs/HTML":[o,eF,"static/chunks/pages/components/radio/docs/HTML-4087cd12d36ed506.js"],"/components/radio/docs/React":[o,e_,"static/chunks/pages/components/radio/docs/React-a28d1d8515b19039.js"],"/components/radio/docs/Vue":[o,eq,"static/chunks/pages/components/radio/docs/Vue-8e3b943d7f16aaef.js"],"/components/radio/examples":[s,e,c,"static/chunks/pages/components/radio/examples-96aa3cdc6a58f88a.js"],"/components/radio/how-to-use":[o,s,e,c,eB,e_,eq,eF,"static/chunks/pages/components/radio/how-to-use-2dab7e76224a3a4e.js"],"/components/radio/migration":[s,e,c,"static/chunks/pages/components/radio/migration-935ad6cd424868c3.js"],"/components/radio/overview":[o,s,e,c,ol,ov,ox,ow,oT,"static/chunks/pages/components/radio/overview-476bcaf699ff1d56.js"],"/components/radio/properties":[s,e,c,"static/chunks/pages/components/radio/properties-33b6c31f18b8f5de.js"],"/components/readme":[o,s,e,c,"static/chunks/pages/components/readme-64c75c643d692d14.js"],"/components/section":[o,s,e,c,oM,oV,oL,"static/chunks/pages/components/section-b3c83f5b9c659d91.js"],"/components/section/code/Size":[o,oV,"static/chunks/pages/components/section/code/Size-60007e5194ff125d.js"],"/components/section/code/Tonality":[o,oL,"static/chunks/pages/components/section/code/Tonality-35cdd2193a40a145.js"],"/components/section/code/Variant":[o,oM,"static/chunks/pages/components/section/code/Variant-110fd3150245690d.js"],"/components/section/docs/Angular":[o,eP,"static/chunks/pages/components/section/docs/Angular-7242ca58628a71e3.js"],"/components/section/docs/HTML":[o,"static/chunks/pages/components/section/docs/HTML-efa02a432d69c222.js"],"/components/section/docs/Migration":["static/chunks/pages/components/section/docs/Migration-6215072a2e19a978.js"],"/components/section/docs/React":[o,"static/chunks/pages/components/section/docs/React-a32eadb1bbf4f47b.js"],"/components/section/docs/Vue":[o,"static/chunks/pages/components/section/docs/Vue-df6b291b80f33e18.js"],"/components/section/examples":[s,e,c,"static/chunks/pages/components/section/examples-b4e9e16dcaee462a.js"],"/components/section/how-to-use":[o,s,e,c,eP,"static/chunks/pages/components/section/how-to-use-577844b7cb69b42d.js"],"/components/section/migration":[s,e,c,"static/chunks/pages/components/section/migration-8a08f4b48790a9bb.js"],"/components/section/overview":[o,s,e,c,oM,oV,oL,"static/chunks/pages/components/section/overview-615380de813f4e9c.js"],"/components/section/properties":[s,e,c,"static/chunks/pages/components/section/properties-cec95891d6282b58.js"],"/components/select":[o,s,e,c,oR,oA,oH,oS,oy,oC,oE,oz,"static/chunks/pages/components/select-26d578e913c5e08c.js"],"/components/select/code/Content":[o,oC,"static/chunks/pages/components/select/code/Content-02aa637c5ae82d02.js"],"/components/select/code/Requirement":[o,oH,"static/chunks/pages/components/select/code/Requirement-812b2ad1b426a3be.js"],"/components/select/code/Semantic":[o,oR,"static/chunks/pages/components/select/code/Semantic-1ab1eed9fbfcdb09.js"],"/components/select/code/StatesFloatingLabel":[o,oA,"static/chunks/pages/components/select/code/StatesFloatingLabel-1a230e73b9d25feb.js"],"/components/select/code/StatesLabelAbove":[o,oy,"static/chunks/pages/components/select/code/StatesLabelAbove-cd1da592eb73c2ba.js"],"/components/select/code/Tonality":[o,oS,"static/chunks/pages/components/select/code/Tonality-3ace7587959ffdfd.js"],"/components/select/code/VariantHelperMessage":[o,oz,"static/chunks/pages/components/select/code/VariantHelperMessage-c73d0b89db71acda.js"],"/components/select/code/VariantLabel":[o,oE,"static/chunks/pages/components/select/code/VariantLabel-03c9b8818a424d6b.js"],"/components/select/docs/Angular":[o,eW,"static/chunks/pages/components/select/docs/Angular-62b0af82fd8c3bc9.js"],"/components/select/docs/HTML":[o,eD,"static/chunks/pages/components/select/docs/HTML-464c2715590e935c.js"],"/components/select/docs/Migration":["static/chunks/pages/components/select/docs/Migration-37277dd33d7a087a.js"],"/components/select/docs/React":[o,eI,"static/chunks/pages/components/select/docs/React-b55cda63e6793b03.js"],"/components/select/docs/Vue":[o,eG,"static/chunks/pages/components/select/docs/Vue-e7e4551791d6fb3b.js"],"/components/select/examples":[s,e,c,"static/chunks/pages/components/select/examples-dcf3028a9fdbb542.js"],"/components/select/how-to-use":[o,s,e,c,eW,eI,eD,eG,"static/chunks/pages/components/select/how-to-use-ecb4c6ef9ad6f220.js"],"/components/select/migration":[s,e,c,"static/chunks/pages/components/select/migration-76bc8db1face0645.js"],"/components/select/overview":[o,s,e,c,oR,oA,oH,oS,oy,oC,oE,oz,"static/chunks/pages/components/select/overview-c2998dde7f8d8aca.js"],"/components/select/properties":[s,e,c,"static/chunks/pages/components/select/properties-3f7450e90ab77382.js"],"/components/tab/docs/Angular":["static/chunks/pages/components/tab/docs/Angular-5f0319701710d3d6.js"],"/components/tab/docs/HTML":["static/chunks/pages/components/tab/docs/HTML-8538fc9f8beb6210.js"],"/components/tab/docs/React":["static/chunks/pages/components/tab/docs/React-779bb70ecfac9a66.js"],"/components/tab/docs/Vue":["static/chunks/pages/components/tab/docs/Vue-580a6f24e7b94aa7.js"],"/components/tab/examples":[s,e,c,"static/chunks/pages/components/tab/examples-7a51f6f4201dc6f9.js"],"/components/tab/how-to-use":[s,e,c,"static/chunks/pages/components/tab/how-to-use-875d5c8081965874.js"],"/components/tab/migration":[s,e,c,"static/chunks/pages/components/tab/migration-4ee3dbd8e0582ada.js"],"/components/tab/properties":[s,e,c,"static/chunks/pages/components/tab/properties-ad7f48bae1f3fba3.js"],"/components/tab-bar/docs/Angular":["static/chunks/pages/components/tab-bar/docs/Angular-cbd75826472b9fcf.js"],"/components/tab-bar/docs/HTML":["static/chunks/pages/components/tab-bar/docs/HTML-6929b1a82a161f36.js"],"/components/tab-bar/docs/React":["static/chunks/pages/components/tab-bar/docs/React-065bb96355064838.js"],"/components/tab-bar/docs/Vue":["static/chunks/pages/components/tab-bar/docs/Vue-37859bcbf39cfe95.js"],"/components/tab-bar/examples":[s,e,c,"static/chunks/pages/components/tab-bar/examples-043237d298118d32.js"],"/components/tab-bar/how-to-use":[s,e,c,"static/chunks/pages/components/tab-bar/how-to-use-59d556cd077ac393.js"],"/components/tab-bar/migration":[s,e,c,"static/chunks/pages/components/tab-bar/migration-7ebe26ec195c693d.js"],"/components/tab-bar/properties":[s,e,c,"static/chunks/pages/components/tab-bar/properties-544a67501f9e3198.js"],"/components/tag":[o,s,e,c,oB,oF,o_,oq,oP,oW,oD,oI,"static/chunks/pages/components/tag-128fe0462276e26a.js"],"/components/tag/code/Behaviour":[o,oF,"static/chunks/pages/components/tag/code/Behaviour-ea45abf8bb39833a.js"],"/components/tag/code/Content":[o,oP,"static/chunks/pages/components/tag/code/Content-cfa3b87232946a9d.js"],"/components/tag/code/Emphasis":[o,oD,"static/chunks/pages/components/tag/code/Emphasis-8ed990882f52d69d.js"],"/components/tag/code/Example":[o,o_,"static/chunks/pages/components/tag/code/Example-489a3f12725d37a5.js"],"/components/tag/code/Overflow":[o,oI,"static/chunks/pages/components/tag/code/Overflow-a72ad63d6cca3293.js"],"/components/tag/code/State":[o,oq,"static/chunks/pages/components/tag/code/State-07b3a6fffa12c405.js"],"/components/tag/code/Tonality":[o,oW,"static/chunks/pages/components/tag/code/Tonality-168df6d80e00cfab.js"],"/components/tag/code/Variant":[o,oB,"static/chunks/pages/components/tag/code/Variant-f3093eac11ceeece.js"],"/components/tag/docs/Angular":[o,eN,"static/chunks/pages/components/tag/docs/Angular-219f31ba8df595fb.js"],"/components/tag/docs/HTML":[o,"static/chunks/pages/components/tag/docs/HTML-0a0dccfae0adf8be.js"],"/components/tag/docs/Migration":[o,eO,"static/chunks/pages/components/tag/docs/Migration-655ad1ed40b20463.js"],"/components/tag/docs/React":[o,eU,"static/chunks/pages/components/tag/docs/React-181a9204cd480c99.js"],"/components/tag/docs/Vue":[o,eJ,"static/chunks/pages/components/tag/docs/Vue-ce9504a8a34f384c.js"],"/components/tag/examples":[s,e,c,"static/chunks/pages/components/tag/examples-70970744a7a80679.js"],"/components/tag/how-to-use":[o,s,e,c,eU,eJ,eN,"static/chunks/pages/components/tag/how-to-use-c37ed506d1c34236.js"],"/components/tag/migration":[o,s,e,c,eO,"static/chunks/pages/components/tag/migration-16c52cc184bb41a5.js"],"/components/tag/overview":[o,s,e,c,oB,oF,o_,oq,oP,oW,oD,oI,"static/chunks/pages/components/tag/overview-fe9bf5784f66967c.js"],"/components/tag/properties":[s,e,c,"static/chunks/pages/components/tag/properties-dbd84bb25583173f.js"],"/components/textarea":[o,s,e,c,oG,oN,oO,oU,oJ,oK,oQ,oX,"static/chunks/pages/components/textarea-5634bb94c5db423c.js"],"/components/textarea/code/Requirement":[o,oU,"static/chunks/pages/components/textarea/code/Requirement-f6df46ff30782adb.js"],"/components/textarea/code/Rows":[o,oK,"static/chunks/pages/components/textarea/code/Rows-e83cd3fbf8990ec2.js"],"/components/textarea/code/Semantic":[o,oG,"static/chunks/pages/components/textarea/code/Semantic-1d86e2ac46fc3632.js"],"/components/textarea/code/StatesFloatingLabel":[o,oN,"static/chunks/pages/components/textarea/code/StatesFloatingLabel-2034eca6ee8935ee.js"],"/components/textarea/code/StatesLabelAbove":[o,oO,"static/chunks/pages/components/textarea/code/StatesLabelAbove-e2315d0120daf331.js"],"/components/textarea/code/Tonality":[o,oJ,"static/chunks/pages/components/textarea/code/Tonality-a3e8fa4fe8ca9c16.js"],"/components/textarea/code/VariantHelperMessage":[o,oX,"static/chunks/pages/components/textarea/code/VariantHelperMessage-cb82d587c7ea59e0.js"],"/components/textarea/code/VariantLabel":[o,oQ,"static/chunks/pages/components/textarea/code/VariantLabel-13940c43b938fe05.js"],"/components/textarea/docs/Angular":[o,eK,"static/chunks/pages/components/textarea/docs/Angular-57cc07b83dcc2641.js"],"/components/textarea/docs/HTML":[o,eQ,"static/chunks/pages/components/textarea/docs/HTML-77531a1de554ae63.js"],"/components/textarea/docs/Migration":["static/chunks/pages/components/textarea/docs/Migration-59853987015f4afe.js"],"/components/textarea/docs/React":[o,eX,"static/chunks/pages/components/textarea/docs/React-dba8eee9f7458ebe.js"],"/components/textarea/docs/Vue":[o,eY,"static/chunks/pages/components/textarea/docs/Vue-4efe13ccccd46281.js"],"/components/textarea/examples":[s,e,c,"static/chunks/pages/components/textarea/examples-c9dbedd4e8ab9b4f.js"],"/components/textarea/how-to-use":[o,s,e,c,eK,eX,eY,eQ,"static/chunks/pages/components/textarea/how-to-use-ab0a3a74b6ac3e5a.js"],"/components/textarea/migration":[s,e,c,"static/chunks/pages/components/textarea/migration-e0f3edae15740156.js"],"/components/textarea/overview":[o,s,e,c,oG,oN,oO,oU,oJ,oK,oQ,oX,"static/chunks/pages/components/textarea/overview-71b4936e4c3132c8.js"],"/components/textarea/properties":[s,e,c,"static/chunks/pages/components/textarea/properties-c5d10bae53c822a4.js"],"/components/tooltip":[o,s,e,c,oY,oZ,o$,o9,o8,o5,"static/chunks/pages/components/tooltip-f3896efdd48ad0f4.js"],"/components/tooltip/code/Animations":[o,oZ,"static/chunks/pages/components/tooltip/code/Animations-ff421bdd4960e8dd.js"],"/components/tooltip/code/Emphasis":[o,o5,"static/chunks/pages/components/tooltip/code/Emphasis-9a65ba09d55e24ff.js"],"/components/tooltip/code/Placement":[o,oY,"static/chunks/pages/components/tooltip/code/Placement-0096a91bf50a0d04.js"],"/components/tooltip/code/Tonality":[o,o$,"static/chunks/pages/components/tooltip/code/Tonality-4392509158a20b33.js"],"/components/tooltip/code/Variant":[o,o8,"static/chunks/pages/components/tooltip/code/Variant-7965e39d7fd5b6df.js"],"/components/tooltip/code/Width":[o,o9,"static/chunks/pages/components/tooltip/code/Width-cfbb588dda0e1cf8.js"],"/components/tooltip/docs/Angular":[o,eZ,"static/chunks/pages/components/tooltip/docs/Angular-4456d52ac118e173.js"],"/components/tooltip/docs/HTML":[o,"static/chunks/pages/components/tooltip/docs/HTML-6bf6fa829b3d744e.js"],"/components/tooltip/docs/Migration":["static/chunks/pages/components/tooltip/docs/Migration-6be6ca46972eb08a.js"],"/components/tooltip/docs/React":[o,e$,"static/chunks/pages/components/tooltip/docs/React-6045cdb3f5947577.js"],"/components/tooltip/docs/Vue":[o,e9,"static/chunks/pages/components/tooltip/docs/Vue-a41d9492d788d457.js"],"/components/tooltip/examples":[s,e,c,"static/chunks/pages/components/tooltip/examples-f6641d474a027eac.js"],"/components/tooltip/how-to-use":[o,s,e,c,e$,eZ,e9,"static/chunks/pages/components/tooltip/how-to-use-b35d613c9af53bbe.js"],"/components/tooltip/migration":[s,e,c,"static/chunks/pages/components/tooltip/migration-ed7682153452f6af.js"],"/components/tooltip/overview":[o,s,e,c,oY,oZ,o$,o9,o8,o5,"static/chunks/pages/components/tooltip/overview-6eb9cb2dd144ac69.js"],"/components/tooltip/properties":[s,e,c,"static/chunks/pages/components/tooltip/properties-1346c81f0ed63d4b.js"],"/foundations/colors/color-schemes":[s,e,c,"static/chunks/pages/foundations/colors/color-schemes-c43eff285423da18.js"],"/foundations/colors/overview":[s,e,c,"static/chunks/pages/foundations/colors/overview-c57dc0061a57a794.js"],"/foundations/colors/readme":[o,s,e,c,"static/chunks/pages/foundations/colors/readme-c7546254c1f31092.js"],"/foundations/icons/custom-icons":[o,s,e,c,"static/chunks/pages/foundations/icons/custom-icons-2a48238d8dacb069.js"],"/foundations/icons/overview":[s,e,c,"static/chunks/pages/foundations/icons/overview-0d75158eaf121176.js"],"/foundations/icons/readme":[s,e,c,"static/chunks/pages/foundations/icons/readme-108ab7cdea9fe4f0.js"],"/foundations/readme":[o,s,e,c,"static/chunks/pages/foundations/readme-1fd8214808dc398b.js"],"/foundations/tonalities/examples":[s,e,c,"static/chunks/pages/foundations/tonalities/examples-facd6290ff3f8774.js"],"/foundations/tonalities/readme":[o,s,e,c,"static/chunks/pages/foundations/tonalities/readme-2884955abea09f7b.js"],"/foundations/variables/examples":[s,e,c,"static/chunks/pages/foundations/variables/examples-9d08e4f0ce01205e.js"],"/foundations/variables/readme":[s,e,c,"static/chunks/pages/foundations/variables/readme-f7da0d77a151abfa.js"],"/iframe":[o3,e,"static/chunks/pages/iframe-6f27a4b14af22f62.js"],sortedPages:["/","/404","/_app","/_error","/base64","/components/accordion","/components/accordion/code/Behaviour","/components/accordion/code/Tonality","/components/accordion/docs/Angular","/components/accordion/docs/HTML","/components/accordion/docs/Migration","/components/accordion/docs/React","/components/accordion/docs/Vue","/components/accordion/examples","/components/accordion/how-to-use","/components/accordion/migration","/components/accordion/overview","/components/accordion/properties","/components/accordion-item","/components/accordion-item/code/States","/components/accordion-item/code/Tonality","/components/accordion-item/docs/Angular","/components/accordion-item/docs/HTML","/components/accordion-item/docs/Migration","/components/accordion-item/docs/React","/components/accordion-item/docs/Vue","/components/accordion-item/examples","/components/accordion-item/how-to-use","/components/accordion-item/migration","/components/accordion-item/overview","/components/accordion-item/properties","/components/alert","/components/alert/code/Behaviour","/components/alert/code/Content","/components/alert/code/Tonality","/components/alert/code/Type","/components/alert/code/Variant","/components/alert/docs/Angular","/components/alert/docs/HTML","/components/alert/docs/Migration","/components/alert/docs/React","/components/alert/docs/Vue","/components/alert/examples","/components/alert/how-to-use","/components/alert/migration","/components/alert/overview","/components/alert/properties","/components/badge","/components/badge/code/Content","/components/badge/code/Emphasis","/components/badge/code/Examples","/components/badge/code/Placement","/components/badge/code/Size","/components/badge/code/Tonality","/components/badge/code/Variant","/components/badge/docs/Angular","/components/badge/docs/HTML","/components/badge/docs/Migration","/components/badge/docs/React","/components/badge/docs/Vue","/components/badge/examples","/components/badge/how-to-use","/components/badge/migration","/components/badge/overview","/components/badge/properties","/components/brand/docs/Angular","/components/brand/docs/HTML","/components/brand/docs/React","/components/brand/docs/Vue","/components/brand/examples","/components/brand/how-to-use","/components/brand/migration","/components/brand/properties","/components/button","/components/button/code/Behaviour","/components/button/code/Content","/components/button/code/Size","/components/button/code/State","/components/button/code/Tonality","/components/button/code/Variant","/components/button/docs/Angular","/components/button/docs/HTML","/components/button/docs/Migration","/components/button/docs/React","/components/button/docs/Vue","/components/button/examples","/components/button/how-to-use","/components/button/migration","/components/button/overview","/components/button/properties","/components/card","/components/card/code/ColorVariant","/components/card/code/Spacing","/components/card/code/Tonality","/components/card/code/Variant","/components/card/docs/Angular","/components/card/docs/HTML","/components/card/docs/Migration","/components/card/docs/React","/components/card/docs/Vue","/components/card/examples","/components/card/how-to-use","/components/card/migration","/components/card/overview","/components/card/properties","/components/checkbox","/components/checkbox/code/Requirement","/components/checkbox/code/Size","/components/checkbox/code/States","/components/checkbox/code/Tonality","/components/checkbox/code/VariantLabel","/components/checkbox/docs/Angular","/components/checkbox/docs/HTML","/components/checkbox/docs/React","/components/checkbox/docs/Vue","/components/checkbox/examples","/components/checkbox/how-to-use","/components/checkbox/migration","/components/checkbox/overview","/components/checkbox/properties","/components/code-docs/docs/Angular","/components/code-docs/docs/HTML","/components/code-docs/docs/React","/components/code-docs/docs/Vue","/components/code-docs/examples","/components/code-docs/how-to-use","/components/code-docs/migration","/components/code-docs/properties","/components/divider","/components/divider/code/Emphasis","/components/divider/code/Tonality","/components/divider/code/Variant","/components/divider/docs/Angular","/components/divider/docs/HTML","/components/divider/docs/Migration","/components/divider/docs/React","/components/divider/docs/Vue","/components/divider/examples","/components/divider/how-to-use","/components/divider/migration","/components/divider/overview","/components/divider/properties","/components/drawer","/components/drawer/code/Backdrop","/components/drawer/code/Directions","/components/drawer/code/Rounded","/components/drawer/code/Size","/components/drawer/code/Spacing","/components/drawer/code/Tonality","/components/drawer/docs/Angular","/components/drawer/docs/HTML","/components/drawer/docs/Migration","/components/drawer/docs/React","/components/drawer/docs/Vue","/components/drawer/examples","/components/drawer/how-to-use","/components/drawer/migration","/components/drawer/overview","/components/drawer/properties","/components/header/docs/Angular","/components/header/docs/HTML","/components/header/docs/React","/components/header/docs/Vue","/components/header/examples","/components/header/how-to-use","/components/header/migration","/components/header/properties","/components/icon/docs/Angular","/components/icon/docs/HTML","/components/icon/docs/React","/components/icon/docs/Vue","/components/icon/examples","/components/icon/how-to-use","/components/icon/migration","/components/icon/properties","/components/infotext","/components/infotext/code/Size","/components/infotext/code/Tonality","/components/infotext/code/Variant","/components/infotext/docs/Angular","/components/infotext/docs/HTML","/components/infotext/docs/Migration","/components/infotext/docs/React","/components/infotext/docs/Vue","/components/infotext/examples","/components/infotext/how-to-use","/components/infotext/migration","/components/infotext/overview","/components/infotext/properties","/components/input","/components/input/code/Content","/components/input/code/ExampleTypes","/components/input/code/ExampleTypesFloatingLabel","/components/input/code/Requirement","/components/input/code/Semantic","/components/input/code/StatesFloatingLabel","/components/input/code/StatesLabelAbove","/components/input/code/Tonality","/components/input/code/VariantHelperMessage","/components/input/code/VariantLabel","/components/input/docs/Angular","/components/input/docs/HTML","/components/input/docs/React","/components/input/docs/Vue","/components/input/examples","/components/input/how-to-use","/components/input/migration","/components/input/overview","/components/input/properties","/components/link","/components/link/code/Content","/components/link/code/Size","/components/link/code/State","/components/link/code/Tonality","/components/link/code/Variant","/components/link/docs/Angular","/components/link/docs/HTML","/components/link/docs/React","/components/link/docs/Vue","/components/link/examples","/components/link/how-to-use","/components/link/migration","/components/link/overview","/components/link/properties","/components/main-navigation","/components/main-navigation/code/Tonality","/components/main-navigation/docs/Angular","/components/main-navigation/docs/HTML","/components/main-navigation/docs/React","/components/main-navigation/docs/Vue","/components/main-navigation/examples","/components/main-navigation/how-to-use","/components/main-navigation/migration","/components/main-navigation/overview","/components/main-navigation/properties","/components/navigation-item","/components/navigation-item/code/Content","/components/navigation-item/code/States","/components/navigation-item/code/Tonality","/components/navigation-item/code/Width","/components/navigation-item/docs/Angular","/components/navigation-item/docs/HTML","/components/navigation-item/docs/Migration","/components/navigation-item/docs/React","/components/navigation-item/docs/Vue","/components/navigation-item/examples","/components/navigation-item/how-to-use","/components/navigation-item/migration","/components/navigation-item/overview","/components/navigation-item/properties","/components/page/docs/Angular","/components/page/docs/HTML","/components/page/docs/React","/components/page/docs/Vue","/components/page/examples","/components/page/how-to-use","/components/page/migration","/components/page/properties","/components/popover","/components/popover/code/Animations","/components/popover/code/Gap","/components/popover/code/Placement","/components/popover/code/Spacing","/components/popover/code/Tonality","/components/popover/code/Width","/components/popover/docs/Angular","/components/popover/docs/HTML","/components/popover/docs/Migration","/components/popover/docs/React","/components/popover/docs/Vue","/components/popover/examples","/components/popover/how-to-use","/components/popover/migration","/components/popover/overview","/components/popover/properties","/components/radio","/components/radio/code/Requirement","/components/radio/code/Size","/components/radio/code/States","/components/radio/code/Tonality","/components/radio/code/VariantLabel","/components/radio/docs/Angular","/components/radio/docs/HTML","/components/radio/docs/React","/components/radio/docs/Vue","/components/radio/examples","/components/radio/how-to-use","/components/radio/migration","/components/radio/overview","/components/radio/properties","/components/readme","/components/section","/components/section/code/Size","/components/section/code/Tonality","/components/section/code/Variant","/components/section/docs/Angular","/components/section/docs/HTML","/components/section/docs/Migration","/components/section/docs/React","/components/section/docs/Vue","/components/section/examples","/components/section/how-to-use","/components/section/migration","/components/section/overview","/components/section/properties","/components/select","/components/select/code/Content","/components/select/code/Requirement","/components/select/code/Semantic","/components/select/code/StatesFloatingLabel","/components/select/code/StatesLabelAbove","/components/select/code/Tonality","/components/select/code/VariantHelperMessage","/components/select/code/VariantLabel","/components/select/docs/Angular","/components/select/docs/HTML","/components/select/docs/Migration","/components/select/docs/React","/components/select/docs/Vue","/components/select/examples","/components/select/how-to-use","/components/select/migration","/components/select/overview","/components/select/properties","/components/tab/docs/Angular","/components/tab/docs/HTML","/components/tab/docs/React","/components/tab/docs/Vue","/components/tab/examples","/components/tab/how-to-use","/components/tab/migration","/components/tab/properties","/components/tab-bar/docs/Angular","/components/tab-bar/docs/HTML","/components/tab-bar/docs/React","/components/tab-bar/docs/Vue","/components/tab-bar/examples","/components/tab-bar/how-to-use","/components/tab-bar/migration","/components/tab-bar/properties","/components/tag","/components/tag/code/Behaviour","/components/tag/code/Content","/components/tag/code/Emphasis","/components/tag/code/Example","/components/tag/code/Overflow","/components/tag/code/State","/components/tag/code/Tonality","/components/tag/code/Variant","/components/tag/docs/Angular","/components/tag/docs/HTML","/components/tag/docs/Migration","/components/tag/docs/React","/components/tag/docs/Vue","/components/tag/examples","/components/tag/how-to-use","/components/tag/migration","/components/tag/overview","/components/tag/properties","/components/textarea","/components/textarea/code/Requirement","/components/textarea/code/Rows","/components/textarea/code/Semantic","/components/textarea/code/StatesFloatingLabel","/components/textarea/code/StatesLabelAbove","/components/textarea/code/Tonality","/components/textarea/code/VariantHelperMessage","/components/textarea/code/VariantLabel","/components/textarea/docs/Angular","/components/textarea/docs/HTML","/components/textarea/docs/Migration","/components/textarea/docs/React","/components/textarea/docs/Vue","/components/textarea/examples","/components/textarea/how-to-use","/components/textarea/migration","/components/textarea/overview","/components/textarea/properties","/components/tooltip","/components/tooltip/code/Animations","/components/tooltip/code/Emphasis","/components/tooltip/code/Placement","/components/tooltip/code/Tonality","/components/tooltip/code/Variant","/components/tooltip/code/Width","/components/tooltip/docs/Angular","/components/tooltip/docs/HTML","/components/tooltip/docs/Migration","/components/tooltip/docs/React","/components/tooltip/docs/Vue","/components/tooltip/examples","/components/tooltip/how-to-use","/components/tooltip/migration","/components/tooltip/overview","/components/tooltip/properties","/foundations/colors/color-schemes","/foundations/colors/overview","/foundations/colors/readme","/foundations/icons/custom-icons","/foundations/icons/overview","/foundations/icons/readme","/foundations/readme","/foundations/tonalities/examples","/foundations/tonalities/readme","/foundations/variables/examples","/foundations/variables/readme","/iframe"]}}("static/chunks/65a8b803-c391b5b7c35b3670.js","static/chunks/37426-54290b4ec3d82f2e.js","static/chunks/23019-9d2db7e53903ac36.js","static/chunks/66503-799cbfc703b7d2b8.js","static/chunks/62326-c4008501c0b2ac33.js","static/chunks/70798-9e1c1f0ed94a5159.js","static/chunks/8053-c96fde6a0c243a7e.js","static/chunks/43121-5c11984cd64e23ee.js","static/chunks/34316-dc81876540638e3f.js","static/chunks/60893-671f8dc9b5d08002.js","static/chunks/25644-99045e3ac64923fa.js","static/chunks/84123-92a9a6616a2f576b.js","static/chunks/73095-f2d37d1e50650a1c.js","static/chunks/88424-ad6badf04ff7f188.js","static/chunks/11694-ba076e33100f0c0d.js","static/chunks/89829-01cbc019e8c05072.js","static/chunks/35291-57dde457d80baa96.js","static/chunks/6897-8c06252921fe37d9.js","static/chunks/762-a29fbcda17e6fc48.js","static/chunks/4339-cbf8ecc72f664cc4.js","static/chunks/71047-bf0da8f572b86318.js","static/chunks/91584-8d56fe6fa27eda1a.js","static/chunks/11453-f31d99edf95ba2aa.js","static/chunks/54192-463567db6f0392db.js","static/chunks/52353-671c8333fd37cbca.js","static/chunks/4547-b3cb01662d8bdd18.js","static/chunks/13971-3a8fca53a2a2e017.js","static/chunks/8819-4d522bcf91afb778.js","static/chunks/78571-05b21498af4488b2.js","static/chunks/66042-32a6e6ec98b49e2d.js","static/chunks/44507-5e69790006b04d06.js","static/chunks/39199-2f82d4c5db040fc1.js","static/chunks/7465-e1c79ea18e587c32.js","static/chunks/27322-1a48699e7611ab43.js","static/chunks/99065-f5ee7b340eb80753.js","static/chunks/64339-4236bcb0eb6199f8.js","static/chunks/92738-cbae996e85a609ad.js","static/chunks/810-0bb123e55674fe0c.js","static/chunks/82537-a47ff32496f68c73.js","static/chunks/54310-9477f7bb2f18d154.js","static/chunks/51189-c72d6874fe887c02.js","static/chunks/48754-f5dd801f36b4f721.js","static/chunks/8807-d1e24c1be9b044d5.js","static/chunks/25027-b5ce141c426b1832.js","static/chunks/58232-069ff9180680bb4f.js","static/chunks/67677-3e955e6ae70bbc12.js","static/chunks/29663-624643fa978ec0af.js","static/chunks/6946-67ceb77e0480d4cc.js","static/chunks/84401-7881b1c75704f00f.js","static/chunks/22235-097def13ebebe8a5.js","static/chunks/24134-0621395468b772cd.js","static/chunks/41693-b31c3d616dd6c4e0.js","static/chunks/82492-40476693c7c94f47.js","static/chunks/81984-f595759a52be71f8.js","static/chunks/80095-b0d3c27ddd2c5ca0.js","static/chunks/46132-75d2ab46837110d0.js","static/chunks/61914-20d503e5b6f867b0.js","static/chunks/90976-e58a7fe5831c1aad.js","static/chunks/23756-952323a7bc402894.js","static/chunks/58629-5953a1fe5d944a5b.js","static/chunks/84271-6f05fb90c21feefd.js","static/chunks/57277-79409c870ee3bb2c.js","static/chunks/9597-41033ba09300beb6.js","static/chunks/24882-afc91f9255d2b044.js","static/chunks/2189-13b3748da13c1f45.js","static/chunks/9803-dbd1beed4cfe2eeb.js","static/chunks/16592-41f4854d3658deef.js","static/chunks/62275-c432fdf6f225f2ee.js","static/chunks/45712-03bf49c2aa4198fa.js","static/chunks/24475-36fbf529a83ecfd1.js","static/chunks/22440-e3afbf7ee3901aef.js","static/chunks/44891-c8ca6cdb08ca844d.js","static/chunks/69223-ce63e955028c3304.js","static/chunks/11896-5b9f7aa94fbdc2ac.js","static/chunks/1214-0f6cef1c41347a8f.js","static/chunks/62126-50cc98f7b88f17c6.js","static/chunks/66931-6c3b049bb565fb60.js","static/chunks/55595-eedeafe04e4bdac5.js","static/chunks/83662-164b7839bc80b7d2.js","static/chunks/27561-21ccf27da9926595.js","static/chunks/76402-b8957543e8be035a.js","static/chunks/14033-90afcea6bd261f91.js","static/chunks/94361-26eae2bffa4427e2.js","static/chunks/87055-36d335d6d1295258.js","static/chunks/90100-33cb7df4b423eec3.js","static/chunks/91599-e1a50523ecec652c.js","static/chunks/58234-e32b065f7bc26957.js","static/chunks/42038-db8a817e151015c3.js","static/chunks/58565-f77724c19a41fc4e.js","static/chunks/85642-a2bc0acbd3cf3097.js","static/chunks/64355-12da7878bd530dd1.js","static/chunks/33329-2e872fa846d2ad3e.js","static/chunks/94266-a93022a94997c567.js","static/chunks/67064-a28d6241d69b04af.js","static/chunks/21519-7c2af0c16273e075.js","static/chunks/44736-3ad8aa2b12d62178.js","static/chunks/95591-9ad57879cb0a7be5.js","static/chunks/74600-7ac5c648c2c0e781.js","static/chunks/91596-d1a8572007b0de7b.js","static/chunks/46962-7f66c378d8389ed5.js","static/chunks/27398-00854085e22cc98d.js","static/chunks/53691-86b8a1336371f473.js","static/chunks/65708-939cec2a1ef619d1.js","static/chunks/74774-058e912df069da1a.js","static/chunks/79219-1ad90abee81f2931.js","static/chunks/8917-f7db45cabe2ceb35.js","static/chunks/88712-60393031a934e0cf.js","static/chunks/95976-45638bc334b403e1.js","static/chunks/28248-b3dbcfb293842fdb.js","static/chunks/4620-c90c75af679188c3.js","static/chunks/44598-5bead8c6bdbb71b8.js","static/chunks/48834-29e09785338bf0d8.js","static/chunks/9151-5b67f3aaddd4b117.js","static/chunks/43890-815f4633add640b4.js","static/chunks/34353-8a0e021c11913a12.js","static/chunks/89631-7d8ed979e0b85001.js","static/chunks/35405-7ba44079d4948beb.js","static/chunks/55352-873be11a9a4af21e.js","static/chunks/48894-d2050f35ac9116e2.js","static/chunks/83495-bfff9ba49de59ea4.js","static/chunks/11708-58e5e840d42e4801.js","static/chunks/20516-6bada1a1f641d66d.js","static/chunks/31453-96dbfb237d58d355.js","static/chunks/88664-640f07fe472a5996.js","static/chunks/52023-fd9efa2360c9e42f.js","static/chunks/93066-13f095f0d2a4ff97.js","static/chunks/699-3bb18f1345688900.js","static/chunks/2461-9362ebd107672ba6.js","static/chunks/57838-15b27c82547893b9.js","static/chunks/19204-394d56e502820a2e.js","static/chunks/61248-fd9436d798b6eebc.js","static/chunks/90238-f924bacfa197d0ea.js","static/chunks/84022-7997429e32b4ff4c.js","static/chunks/10788-53b2b4af633ce5a1.js","static/chunks/10996-d10bb08c354b406e.js","static/chunks/46838-fdcfc365e3494cb0.js","static/chunks/66784-90ed04a22b617f90.js","static/chunks/41328-edfbf439d7082996.js","static/chunks/9212-4b72ea8144b798a7.js","static/chunks/11665-eebb4f6aa9b11883.js","static/chunks/43609-6343f2e53e398c58.js","static/chunks/85933-99d85f69a4127dde.js","static/chunks/22686-ae0263bb230fbe98.js","static/chunks/64737-64e94bef4c3f6cfc.js","static/chunks/43080-18d5ad58dab3f16d.js","static/chunks/5628-da7d6b5903e50cdb.js","static/chunks/50551-ec089f7660011f6b.js","static/chunks/17966-149b6bc8388677d5.js","static/chunks/60973-80aaa7ffeb2b3f74.js","static/chunks/87523-819f7ef70d8dc28a.js","static/chunks/52584-220883d35055db2c.js","static/chunks/60380-d0e9ecc9989240a4.js","static/chunks/90798-d8bb846d057f3306.js","static/chunks/72111-a9fd63e18b90b80e.js","static/chunks/3591-ce86cdbe38daea30.js","static/chunks/19126-dac9dac22ed0ffbf.js","static/chunks/19711-a49be23eddffca19.js","static/chunks/64968-0cf5d2461e91b15d.js","static/chunks/97879-5de34153dcf3578e.js","static/chunks/93932-ea1d301f0b293fc6.js","static/chunks/67493-e17fec6d054ca273.js","static/chunks/78095-81bcb764fb18b774.js","static/chunks/3378-95d7d35a97db5800.js","static/chunks/37070-06c2d5fe22deb00d.js","static/chunks/79011-234aa9ad9ed615da.js","static/chunks/98587-1ca07c5ed5531a4c.js","static/chunks/67726-54cec137049975b6.js","static/chunks/77935-d3bccab42a91af44.js","static/chunks/74900-9a3937ee302aea1e.js","static/chunks/8687-e7bcfc81c3dce386.js","static/chunks/83284-446e92094324bd24.js","static/chunks/93637-e77fc7f2c88a1d36.js","static/chunks/51636-b2d4de4911e55a60.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file diff --git a/review/main/_next/static/pX8qmOoX2X16iTYZ_Xhte/_ssgManifest.js b/review/main/_next/static/JvsP3y0PwOUVEQqZxWQ35/_ssgManifest.js similarity index 100% rename from review/main/_next/static/pX8qmOoX2X16iTYZ_Xhte/_ssgManifest.js rename to review/main/_next/static/JvsP3y0PwOUVEQqZxWQ35/_ssgManifest.js diff --git a/review/main/_next/static/chunks/16592-0da8cadb9d1d60f9.js b/review/main/_next/static/chunks/16592-41f4854d3658deef.js similarity index 70% rename from review/main/_next/static/chunks/16592-0da8cadb9d1d60f9.js rename to review/main/_next/static/chunks/16592-41f4854d3658deef.js index 019aac362b2..8cf8d2c0bf2 100644 --- a/review/main/_next/static/chunks/16592-0da8cadb9d1d60f9.js +++ b/review/main/_next/static/chunks/16592-41f4854d3658deef.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16592],{16592:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||i("CH",!1),r.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Auto (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Auto (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Full",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Full',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Full",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Full',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16592],{16592:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||i("CH",!1),r.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Auto (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Auto (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Full",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Full',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Full",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Full',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/2189-400c4049c5ed5501.js b/review/main/_next/static/chunks/2189-13b3748da13c1f45.js similarity index 52% rename from review/main/_next/static/chunks/2189-400c4049c5ed5501.js rename to review/main/_next/static/chunks/2189-13b3748da13c1f45.js index 1becada8271..68a3048d3e5 100644 --- a/review/main/_next/static/chunks/2189-400c4049c5ed5501.js +++ b/review/main/_next/static/chunks/2189-13b3748da13c1f45.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2189],{2189:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||i("CH",!1),c.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Enabled (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Enabled (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Active",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem active areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':active="true" :areaPopup="true">Active',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Active",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem active areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':active="true" :areaPopup="true">Active',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem disabled areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':disabled="true" :areaPopup="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem disabled areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':disabled="true" :areaPopup="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2189],{2189:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||i("CH",!1),c.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Enabled (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Enabled (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Active",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem active areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':active="true" :areaPopup="true">Active',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Active",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem active areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':active="true" :areaPopup="true">Active',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem disabled areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':disabled="true" :areaPopup="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem disabled areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':disabled="true" :areaPopup="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/24882-afc91f9255d2b044.js b/review/main/_next/static/chunks/24882-afc91f9255d2b044.js new file mode 100644 index 00000000000..f4da6258f75 --- /dev/null +++ b/review/main/_next/static/chunks/24882-afc91f9255d2b044.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24882],{24882:function(o,t,n){n.r(t),n.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});var e=n(52322),s=n(45392),c=n(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||i("CH",!1),l.Code||i("CH.Code",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="false">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- Text",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="false">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- Text",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Text ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Text ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Text - ',props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Text - ',props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="false">Text',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="false">Text',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,e.jsx)(t,{...o,children:(0,e.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/24882-cab60052ca84fe77.js b/review/main/_next/static/chunks/24882-cab60052ca84fe77.js deleted file mode 100644 index 968bca9d0ed..00000000000 --- a/review/main/_next/static/chunks/24882-cab60052ca84fe77.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24882],{24882:function(o,t,n){n.r(t),n.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});var e=n(52322),s=n(45392),c=n(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||i("CH",!1),l.Code||i("CH.Code",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="false">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- Text",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="false">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- Text",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Text ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Text ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Text - ',props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Text - ',props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="false">Text',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="false">Text',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,e.jsx)(t,{...o,children:(0,e.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/9803-a33cc75e74c03ed2.js b/review/main/_next/static/chunks/9803-a33cc75e74c03ed2.js deleted file mode 100644 index f53cda49d91..00000000000 --- a/review/main/_next/static/chunks/9803-a33cc75e74c03ed2.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9803],{9803:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||i("CH",!1),r.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">functional',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">functional',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">regular (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">regular (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">expressive',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">expressive',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/9803-dbd1beed4cfe2eeb.js b/review/main/_next/static/chunks/9803-dbd1beed4cfe2eeb.js new file mode 100644 index 00000000000..032eebe9c13 --- /dev/null +++ b/review/main/_next/static/chunks/9803-dbd1beed4cfe2eeb.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9803],{9803:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||i("CH",!1),r.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">functional',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">functional',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">regular (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">regular (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">expressive',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">expressive',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/review/main/base64.html b/review/main/base64.html index 403cce973a3..4a107fdce55 100644 --- a/review/main/base64.html +++ b/review/main/base64.html @@ -1 +1 @@ -
    Open IFrame
    \ No newline at end of file +
    Open IFrame
    \ No newline at end of file diff --git a/review/main/components/accordion-item.html b/review/main/components/accordion-item.html index 97f23bc29ac..5fbab1e1c2e 100644 --- a/review/main/components/accordion-item.html +++ b/review/main/components/accordion-item.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/accordion-item/code/States.html b/review/main/components/accordion-item/code/States.html index b3b74629266..4478ebc3242 100644 --- a/review/main/components/accordion-item/code/States.html +++ b/review/main/components/accordion-item/code/States.html @@ -1,5 +1,5 @@ -
    +
    angular
    react
    vue
    html

    <db-accordion-item title="Enabled (Default)">
    Enabled (Default)
    </db-accordion-item>

    angular
    react
    vue
    html

    <db-accordion-item title="Disabled" [disabled]="true">Disabled</db-accordion-item>

    angular
    react
    vue
    html

    <db-accordion-item title="Open" [open]="true">Open</db-accordion-item>

    -
    angular
    react
    vue
    html

    <db-accordion-item title="Open Disabled" [open]="true" [disabled]="true">Open Disabled</db-accordion-item>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-accordion-item title="Open Disabled" [open]="true" [disabled]="true">Open Disabled</db-accordion-item>

    \ No newline at end of file diff --git a/review/main/components/accordion-item/code/Tonality.html b/review/main/components/accordion-item/code/Tonality.html index 0adb3589573..ee2849e8d4f 100644 --- a/review/main/components/accordion-item/code/Tonality.html +++ b/review/main/components/accordion-item/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-accordion-item title="functional">functional</db-accordion-item>

    angular
    react
    vue
    html

    <db-accordion-item title="regular (Default)">
    regular (Default)
    </db-accordion-item>

    -
    angular
    react
    vue
    html

    <db-accordion-item title="expressive">expressive</db-accordion-item>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-accordion-item title="expressive">expressive</db-accordion-item>

    \ No newline at end of file diff --git a/review/main/components/accordion-item/docs/Angular.html b/review/main/components/accordion-item/docs/Angular.html index 678208d3307..b5b91f21adb 100644 --- a/review/main/components/accordion-item/docs/Angular.html +++ b/review/main/components/accordion-item/docs/Angular.html @@ -1,4 +1,4 @@ -
    +

    Angular

    For general installation and configuration look at the ngx-components package.

    Load component

    @@ -7,4 +7,4 @@

    Use component

    With Slots

    app.component.html

    <!-- app.component.html -->
    <db-accordion-item>
    <ng-container *title>Title</ng-container>
    Content
    </db-accordion-item>

    With attributes

    -
    app.component.html

    <!-- app.component.html -->
    <db-accordion-item title="Title" content="Content"></db-accordion-item>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-accordion-item title="Title" content="Content"></db-accordion-item>

    \ No newline at end of file diff --git a/review/main/components/accordion-item/docs/HTML.html b/review/main/components/accordion-item/docs/HTML.html index 3530eef20d4..3eb4e20c218 100644 --- a/review/main/components/accordion-item/docs/HTML.html +++ b/review/main/components/accordion-item/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <details id="my_id" class="db-accordion-item">
    <summary>Title</summary>
    <div>Content</div>
    </details>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <details id="my_id" class="db-accordion-item">
    <summary>Title</summary>
    <div>Content</div>
    </details>
    </body>

    \ No newline at end of file diff --git a/review/main/components/accordion-item/docs/Migration.html b/review/main/components/accordion-item/docs/Migration.html index 9f917b7d228..195b05e228b 100644 --- a/review/main/components/accordion-item/docs/Migration.html +++ b/review/main/components/accordion-item/docs/Migration.html @@ -1,4 +1,4 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Components

    class

    BeforeStatusAfterDescription
    cmp-accordion🔁db-accordion-itemThe old accordion was just 1 item, we split it to combine multiple accordion-items into 1 accordion (which is another component)

    props

    -
    BeforeStatusAfterDescription
    summary🔁titleThe title/summary of the details element.
    emphasis❌❌There is no emphasis anymore.
    size❌❌Controlled by the tonality.
    🆕disabledDisable the component.
    🆕contentPass in a simple string as fallback to normal children/slot
    🆕slotTitlePass in a custom title (only required for React)
    \ No newline at end of file +
    BeforeStatusAfterDescription
    summary🔁titleThe title/summary of the details element.
    emphasis❌❌There is no emphasis anymore.
    size❌❌Controlled by the tonality.
    🆕disabledDisable the component.
    🆕contentPass in a simple string as fallback to normal children/slot
    🆕slotTitlePass in a custom title (only required for React)
    \ No newline at end of file diff --git a/review/main/components/accordion-item/docs/React.html b/review/main/components/accordion-item/docs/React.html index 5845251f737..a8c584e1dde 100644 --- a/review/main/components/accordion-item/docs/React.html +++ b/review/main/components/accordion-item/docs/React.html @@ -1,8 +1,8 @@ -
    +

    React

    For general installation and configuration look at the react-components package.

    Use component

    With Slots

    App.tsx

    // App.tsx
    import { DBAccordionItem } from "@db-ui/react-components";
    const App = () => <DBAccordionItem slotTitle="Title">Content</DBAccordionItem>;
    export default App;

    With attributes

    -
    App.tsx

    // App.tsx
    import { DBAccordionItem } from "@db-ui/react-components";
    const App = () => <DBAccordionItem title="Title" content="Content" />;
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBAccordionItem } from "@db-ui/react-components";
    const App = () => <DBAccordionItem title="Title" content="Content" />;
    export default App;

    \ No newline at end of file diff --git a/review/main/components/accordion-item/docs/Vue.html b/review/main/components/accordion-item/docs/Vue.html index ffcff295be2..01ec3363bb5 100644 --- a/review/main/components/accordion-item/docs/Vue.html +++ b/review/main/components/accordion-item/docs/Vue.html @@ -1,8 +1,8 @@ -
    +

    Vue

    For general installation and configuration look at the v-components package.

    Use component

    With Slots

    App.vue

    <!-- App.vue -->
    <script>
    import { DBAccordionItem } from "@db-ui/v-components";
    </script>
    <template>
    <DBAccordionItem>
    <template v-slot:title>Title</template>
    Content
    </DBAccordionItem>
    </template>

    With attributes

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBAccordionItem } from "@db-ui/v-components";
    </script>
    <template>
    <DBAccordionItem title="Title" content="Content"></DBAccordionItem>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBAccordionItem } from "@db-ui/v-components";
    </script>
    <template>
    <DBAccordionItem title="Title" content="Content"></DBAccordionItem>
    </template>

    \ No newline at end of file diff --git a/review/main/components/accordion-item/examples.html b/review/main/components/accordion-item/examples.html index 6327d3f50df..28844ea8efc 100644 --- a/review/main/components/accordion-item/examples.html +++ b/review/main/components/accordion-item/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/accordion-item/how-to-use.html b/review/main/components/accordion-item/how-to-use.html index 9d82bd99ab3..c2208632f59 100644 --- a/review/main/components/accordion-item/how-to-use.html +++ b/review/main/components/accordion-item/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/accordion-item/migration.html b/review/main/components/accordion-item/migration.html index 70bd23a4b7c..57ddac9805e 100644 --- a/review/main/components/accordion-item/migration.html +++ b/review/main/components/accordion-item/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/accordion-item/overview.html b/review/main/components/accordion-item/overview.html index e4a9bbd0e89..0236269ea8e 100644 --- a/review/main/components/accordion-item/overview.html +++ b/review/main/components/accordion-item/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/accordion-item/properties.html b/review/main/components/accordion-item/properties.html index 8ab06aca624..eaac8e62017 100644 --- a/review/main/components/accordion-item/properties.html +++ b/review/main/components/accordion-item/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/accordion.html b/review/main/components/accordion.html index 80155c71f6e..00513212632 100644 --- a/review/main/components/accordion.html +++ b/review/main/components/accordion.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/accordion/code/Behaviour.html b/review/main/components/accordion/code/Behaviour.html index 0f1aad8ddae..029307e7675 100644 --- a/review/main/components/accordion/code/Behaviour.html +++ b/review/main/components/accordion/code/Behaviour.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-accordion>
    <db-accordion-item title="Item 1" content="Content 1"></db-accordion-item>
    <db-accordion-item title="Item 2" content="Content 2"></db-accordion-item>
    <db-accordion-item title="Item 3" content="Content 3"></db-accordion-item>
    </db-accordion>

    -
    angular
    react
    vue
    html

    <db-accordion behaviour="single">
    <db-accordion-item title="Item 1" content="Content 1"></db-accordion-item>
    <db-accordion-item title="Item 2" content="Content 2"></db-accordion-item>
    <db-accordion-item title="Item 3" content="Content 3"></db-accordion-item>
    </db-accordion>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-accordion behaviour="single">
    <db-accordion-item title="Item 1" content="Content 1"></db-accordion-item>
    <db-accordion-item title="Item 2" content="Content 2"></db-accordion-item>
    <db-accordion-item title="Item 3" content="Content 3"></db-accordion-item>
    </db-accordion>

    \ No newline at end of file diff --git a/review/main/components/accordion/code/Tonality.html b/review/main/components/accordion/code/Tonality.html index 0bbb3cef358..cd3e4cfd691 100644 --- a/review/main/components/accordion/code/Tonality.html +++ b/review/main/components/accordion/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-accordion>
    <db-accordion-item title="Item 1" content="Content 1"></db-accordion-item>
    <db-accordion-item title="Item 2" content="Content 2"></db-accordion-item>
    <db-accordion-item title="Item 3" content="Content 3"></db-accordion-item>
    </db-accordion>

    angular
    react
    vue
    html

    <db-accordion>
    <db-accordion-item title="Item 1" content="Content 1"></db-accordion-item>
    <db-accordion-item title="Item 2" content="Content 2"></db-accordion-item>
    <db-accordion-item title="Item 3" content="Content 3"></db-accordion-item>
    </db-accordion>

    -
    angular
    react
    vue
    html

    <db-accordion>
    <db-accordion-item title="Item 1" content="Content 1"></db-accordion-item>
    <db-accordion-item title="Item 2" content="Content 2"></db-accordion-item>
    <db-accordion-item title="Item 3" content="Content 3"></db-accordion-item>
    </db-accordion>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-accordion>
    <db-accordion-item title="Item 1" content="Content 1"></db-accordion-item>
    <db-accordion-item title="Item 2" content="Content 2"></db-accordion-item>
    <db-accordion-item title="Item 3" content="Content 3"></db-accordion-item>
    </db-accordion>

    \ No newline at end of file diff --git a/review/main/components/accordion/docs/Angular.html b/review/main/components/accordion/docs/Angular.html index 4013b3a7b27..f914dc793af 100644 --- a/review/main/components/accordion/docs/Angular.html +++ b/review/main/components/accordion/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBAccordionModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBAccordionModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-accordion>
    <db-accordion-item title="Item 1" content="Content 1"></db-accordion-item>
    <db-accordion-item title="Item 2" content="Content 2"></db-accordion-item>
    <db-accordion-item title="Item 3" content="Content 3"></db-accordion-item>
    </db-accordion>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-accordion>
    <db-accordion-item title="Item 1" content="Content 1"></db-accordion-item>
    <db-accordion-item title="Item 2" content="Content 2"></db-accordion-item>
    <db-accordion-item title="Item 3" content="Content 3"></db-accordion-item>
    </db-accordion>

    \ No newline at end of file diff --git a/review/main/components/accordion/docs/HTML.html b/review/main/components/accordion/docs/HTML.html index e1249b35421..a546c9a57c6 100644 --- a/review/main/components/accordion/docs/HTML.html +++ b/review/main/components/accordion/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-accordion">
    <details id="id_1" class="db-accordion-item">
    <summary>Title 1</summary>
    <div>Content 1</div>
    </details>
    <details id="id_2" class="db-accordion-item">
    <summary>Title 2</summary>
    <div>Content 2</div>
    </details>
    <details id="id_3" class="db-accordion-item">
    <summary>Title 3</summary>
    <div>Content 3</div>
    </details>
    </div>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-accordion">
    <details id="id_1" class="db-accordion-item">
    <summary>Title 1</summary>
    <div>Content 1</div>
    </details>
    <details id="id_2" class="db-accordion-item">
    <summary>Title 2</summary>
    <div>Content 2</div>
    </details>
    <details id="id_3" class="db-accordion-item">
    <summary>Title 3</summary>
    <div>Content 3</div>
    </details>
    </div>
    </body>

    \ No newline at end of file diff --git a/review/main/components/accordion/docs/Migration.html b/review/main/components/accordion/docs/Migration.html index 10ebe5f0657..b35d94e0322 100644 --- a/review/main/components/accordion/docs/Migration.html +++ b/review/main/components/accordion/docs/Migration.html @@ -1,7 +1,7 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Components

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/accordion/docs/React.html b/review/main/components/accordion/docs/React.html index ba6697baf4a..fa891cdb776 100644 --- a/review/main/components/accordion/docs/React.html +++ b/review/main/components/accordion/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBAccordion } from "@db-ui/react-components";
    const App = () => (
    <DBAccordion>
    <DBAccordionItem title="Item 1" content="Content 1" />
    <DBAccordionItem title="Item 2" content="Content 2" />
    <DBAccordionItem title="Item 3" content="Content 3" />
    </DBAccordion>
    );
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBAccordion } from "@db-ui/react-components";
    const App = () => (
    <DBAccordion>
    <DBAccordionItem title="Item 1" content="Content 1" />
    <DBAccordionItem title="Item 2" content="Content 2" />
    <DBAccordionItem title="Item 3" content="Content 3" />
    </DBAccordion>
    );
    export default App;

    \ No newline at end of file diff --git a/review/main/components/accordion/docs/Vue.html b/review/main/components/accordion/docs/Vue.html index 5c859672bed..86d48a0ada6 100644 --- a/review/main/components/accordion/docs/Vue.html +++ b/review/main/components/accordion/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBAccordion } from "@db-ui/v-components";
    </script>
    <template>
    <DBAccordion>
    <DBAccordionItem title="Item 1" content="Content 1" />
    <DBAccordionItem title="Item 2" content="Content 2" />
    <DBAccordionItem title="Item 3" content="Content 3" />
    </DBAccordion>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBAccordion } from "@db-ui/v-components";
    </script>
    <template>
    <DBAccordion>
    <DBAccordionItem title="Item 1" content="Content 1" />
    <DBAccordionItem title="Item 2" content="Content 2" />
    <DBAccordionItem title="Item 3" content="Content 3" />
    </DBAccordion>
    </template>

    \ No newline at end of file diff --git a/review/main/components/accordion/examples.html b/review/main/components/accordion/examples.html index e35f7fefe41..5fd7d92bfbd 100644 --- a/review/main/components/accordion/examples.html +++ b/review/main/components/accordion/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/accordion/how-to-use.html b/review/main/components/accordion/how-to-use.html index 3188ab5a4d6..9004315ae0d 100644 --- a/review/main/components/accordion/how-to-use.html +++ b/review/main/components/accordion/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/accordion/migration.html b/review/main/components/accordion/migration.html index bf62752648a..16ea921e713 100644 --- a/review/main/components/accordion/migration.html +++ b/review/main/components/accordion/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/accordion/overview.html b/review/main/components/accordion/overview.html index 9dad0b85e77..590fdc4595d 100644 --- a/review/main/components/accordion/overview.html +++ b/review/main/components/accordion/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/accordion/properties.html b/review/main/components/accordion/properties.html index 71a0a6ff49c..ec6a49c7f2e 100644 --- a/review/main/components/accordion/properties.html +++ b/review/main/components/accordion/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/alert.html b/review/main/components/alert.html index 880401c0748..f6d425bab72 100644 --- a/review/main/components/alert.html +++ b/review/main/components/alert.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/alert/code/Behaviour.html b/review/main/components/alert/code/Behaviour.html index e431c7d70cf..2370ce0fe99 100644 --- a/review/main/components/alert/code/Behaviour.html +++ b/review/main/components/alert/code/Behaviour.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-alert type="alert" headline="Headline" [link]="{'href':'#','text':'Link'}" [click]="()=>{alert('click close button')}">Closable</db-alert>

    -
    angular
    react
    vue
    html

    <db-alert type="alert" headline="Headline" [link]="{'href':'#','text':'Link'}" behaviour="permanent">Permanent</db-alert>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-alert type="alert" headline="Headline" [link]="{'href':'#','text':'Link'}" behaviour="permanent">Permanent</db-alert>

    \ No newline at end of file diff --git a/review/main/components/alert/code/Content.html b/review/main/components/alert/code/Content.html index 40539063754..a14ce561507 100644 --- a/review/main/components/alert/code/Content.html +++ b/review/main/components/alert/code/Content.html @@ -1,5 +1,5 @@ -
    +
    angular
    react
    vue
    html

    <db-alert type="alert" icon="account" headline="Headline" [link]="{'href':'#','text':'Link'}">Headline & Text & Link & Icon</db-alert>

    angular
    react
    vue
    html

    <db-alert headline="Headline" [link]="{'href':'#','text':'Link'}">Headline & Text & Link</db-alert>

    angular
    react
    vue
    html

    <db-alert [link]="{'href':'#','text':'Link'}">Text & Link</db-alert>

    -
    angular
    react
    vue
    html

    <db-alert>Text</db-alert>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-alert>Text</db-alert>

    \ No newline at end of file diff --git a/review/main/components/alert/code/Tonality.html b/review/main/components/alert/code/Tonality.html index ad6c7d8ffb6..c1632ab3627 100644 --- a/review/main/components/alert/code/Tonality.html +++ b/review/main/components/alert/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-alert headline="Headline" [link]="{'href':'#','text':'Link'}">functional</db-alert>

    angular
    react
    vue
    html

    <db-alert headline="Headline" [link]="{'href':'#','text':'Link'}">regular (Default)</db-alert>

    -
    angular
    react
    vue
    html

    <db-alert headline="Headline" [link]="{'href':'#','text':'Link'}">expressive</db-alert>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-alert headline="Headline" [link]="{'href':'#','text':'Link'}">expressive</db-alert>

    \ No newline at end of file diff --git a/review/main/components/alert/code/Type.html b/review/main/components/alert/code/Type.html index 6b2ddc2896e..602858a665a 100644 --- a/review/main/components/alert/code/Type.html +++ b/review/main/components/alert/code/Type.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-alert type="alert" headline="Headline" [link]="{'href':'#','text':'Link'}">(Default) Alert</db-alert>

    -
    angular
    react
    vue
    html

    <db-alert type="inline" headline="Headline" [link]="{'href':'#','text':'Link'}">Inline</db-alert>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-alert type="inline" headline="Headline" [link]="{'href':'#','text':'Link'}">Inline</db-alert>

    \ No newline at end of file diff --git a/review/main/components/alert/code/Variant.html b/review/main/components/alert/code/Variant.html index 0833d08530e..181624d6ceb 100644 --- a/review/main/components/alert/code/Variant.html +++ b/review/main/components/alert/code/Variant.html @@ -1,7 +1,7 @@ -
    +
    angular
    react
    vue
    html

    <db-alert type="alert" icon="account" headline="Headline" [link]="{'href':'#','text':'Link'}">(Default) Adaptive</db-alert>

    angular
    react
    vue
    html

    <db-alert type="alert" variant="neutral" headline="Headline" [link]="{'href':'#','text':'Link'}">Neutral</db-alert>

    angular
    react
    vue
    html

    <db-alert type="alert" variant="critical" headline="Headline" [link]="{'href':'#','text':'Link'}">Critical</db-alert>

    angular
    react
    vue
    html

    <db-alert type="alert" variant="informational" headline="Headline" [link]="{'href':'#','text':'Link'}">Informational</db-alert>

    angular
    react
    vue
    html

    <db-alert type="alert" variant="successful" headline="Headline" [link]="{'href':'#','text':'Link'}">Successful</db-alert>

    -
    angular
    react
    vue
    html

    <db-alert type="alert" variant="warning" headline="Headline" [link]="{'href':'#','text':'Link'}">Warning</db-alert>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-alert type="alert" variant="warning" headline="Headline" [link]="{'href':'#','text':'Link'}">Warning</db-alert>

    \ No newline at end of file diff --git a/review/main/components/alert/docs/Angular.html b/review/main/components/alert/docs/Angular.html index 70fa7205e7a..0f33df2e9da 100644 --- a/review/main/components/alert/docs/Angular.html +++ b/review/main/components/alert/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBAlertModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBAlertModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-alert headline="Headline">Alert</db-alert>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-alert headline="Headline">Alert</db-alert>

    \ No newline at end of file diff --git a/review/main/components/alert/docs/HTML.html b/review/main/components/alert/docs/HTML.html index 25ddb426102..1e163498465 100644 --- a/review/main/components/alert/docs/HTML.html +++ b/review/main/components/alert/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-alert" data-icon="info">
    <div class="db-alert-content-container">
    <div class="db-alert-headline-container">
    <strong>Headline</strong>
    <div class="db-alert-close-container">
    <button
    class="db-button is-icon-text-replace"
    data-size="small"
    data-variant="transparent"
    data-icon="close"
    >
    Close Button
    </button>
    </div>
    </div>
    <span>Alert</span>
    </div>
    </div>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-alert" data-icon="info">
    <div class="db-alert-content-container">
    <div class="db-alert-headline-container">
    <strong>Headline</strong>
    <div class="db-alert-close-container">
    <button
    class="db-button is-icon-text-replace"
    data-size="small"
    data-variant="transparent"
    data-icon="close"
    >
    Close Button
    </button>
    </div>
    </div>
    <span>Alert</span>
    </div>
    </div>
    </body>

    \ No newline at end of file diff --git a/review/main/components/alert/docs/Migration.html b/review/main/components/alert/docs/Migration.html index 61596db233c..17eb4118d22 100644 --- a/review/main/components/alert/docs/Migration.html +++ b/review/main/components/alert/docs/Migration.html @@ -1,4 +1,4 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    @@ -9,4 +9,4 @@

    class

    variant ➡ type

    BeforeStatusAfterDescription
    alert🔁alertDefault alert with different look
    status❌❌Status can be changed by variants
    🆕inlineNew styling with shadow and rounded corners (like card)

    type ➡ variants

    -
    BeforeStatusAfterDescription
    🆕adaptiveDefault: change colors based on background
    error🔁critical'Red' colored alert to show error messages
    informative🔁informational'Blue' colored alert to show information messages
    warning🔁warning'Yellow' colored alert to show warning messages
    success🔁successful'Green' colored alert to show success messages
    \ No newline at end of file +
    BeforeStatusAfterDescription
    🆕adaptiveDefault: change colors based on background
    error🔁critical'Red' colored alert to show error messages
    informative🔁informational'Blue' colored alert to show information messages
    warning🔁warning'Yellow' colored alert to show warning messages
    success🔁successful'Green' colored alert to show success messages
    \ No newline at end of file diff --git a/review/main/components/alert/docs/React.html b/review/main/components/alert/docs/React.html index d5a8298ed02..d573ae9aea1 100644 --- a/review/main/components/alert/docs/React.html +++ b/review/main/components/alert/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBAlert } from "@db-ui/react-components";
    const App = () => <DBAlert headline="Headline">Alert</DBAlert>;
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBAlert } from "@db-ui/react-components";
    const App = () => <DBAlert headline="Headline">Alert</DBAlert>;
    export default App;

    \ No newline at end of file diff --git a/review/main/components/alert/docs/Vue.html b/review/main/components/alert/docs/Vue.html index b0e59ae7de9..e18889d7302 100644 --- a/review/main/components/alert/docs/Vue.html +++ b/review/main/components/alert/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBAlert } from "@db-ui/v-components";
    </script>
    <template>
    <DBAlert headline="Headline">Alert</DBAlert>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBAlert } from "@db-ui/v-components";
    </script>
    <template>
    <DBAlert headline="Headline">Alert</DBAlert>
    </template>

    \ No newline at end of file diff --git a/review/main/components/alert/examples.html b/review/main/components/alert/examples.html index 0b88ba0c8d0..1fba76a2331 100644 --- a/review/main/components/alert/examples.html +++ b/review/main/components/alert/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/alert/how-to-use.html b/review/main/components/alert/how-to-use.html index 11db660c5f4..aeee587a9d1 100644 --- a/review/main/components/alert/how-to-use.html +++ b/review/main/components/alert/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/alert/migration.html b/review/main/components/alert/migration.html index 0d739d38ef4..91019706d88 100644 --- a/review/main/components/alert/migration.html +++ b/review/main/components/alert/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/alert/overview.html b/review/main/components/alert/overview.html index 2b560a0e321..1648a57af66 100644 --- a/review/main/components/alert/overview.html +++ b/review/main/components/alert/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/alert/properties.html b/review/main/components/alert/properties.html index 864d451eba0..1fd3a021a5c 100644 --- a/review/main/components/alert/properties.html +++ b/review/main/components/alert/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/badge.html b/review/main/components/badge.html index 1f44c2e44af..ebd60ad5c30 100644 --- a/review/main/components/badge.html +++ b/review/main/components/badge.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/badge/code/Content.html b/review/main/components/badge/code/Content.html index 8b376b032e9..fc32137d76a 100644 --- a/review/main/components/badge/code/Content.html +++ b/review/main/components/badge/code/Content.html @@ -1,6 +1,6 @@ -
    +
    angular
    react
    vue
    html

    <db-badge [noContent]="true">Dot (Default)</db-badge>

    angular
    react
    vue
    html

    <db-badge [noContent]="true" size="small">Dot - Small</db-badge>

    angular
    react
    vue
    html

    <db-badge>Text</db-badge>

    angular
    react
    vue
    html

    <db-badge example="icon">Icon</db-badge>

    -
    angular
    react
    vue
    html

    <db-badge example="icon" size="small">
    Icon - Small
    </db-badge>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-badge example="icon" size="small">
    Icon - Small
    </db-badge>

    \ No newline at end of file diff --git a/review/main/components/badge/code/Emphasis.html b/review/main/components/badge/code/Emphasis.html index 32f73f25b5a..93d777c52b9 100644 --- a/review/main/components/badge/code/Emphasis.html +++ b/review/main/components/badge/code/Emphasis.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-badge>Weak (Default)</db-badge>

    -
    angular
    react
    vue
    html

    <db-badge emphasis="strong">Strong</db-badge>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-badge emphasis="strong">Strong</db-badge>

    \ No newline at end of file diff --git a/review/main/components/badge/code/Examples.html b/review/main/components/badge/code/Examples.html index c5f65aaa9eb..355e4de6157 100644 --- a/review/main/components/badge/code/Examples.html +++ b/review/main/components/badge/code/Examples.html @@ -1,2 +1,2 @@ -
    -
    angular
    react
    vue
    html

    <db-badge example="number">Numbers</db-badge>

    \ No newline at end of file +
    +
    angular
    react
    vue
    html

    <db-badge example="number">Numbers</db-badge>

    \ No newline at end of file diff --git a/review/main/components/badge/code/Placement.html b/review/main/components/badge/code/Placement.html index 01804dbe411..827728e2fb4 100644 --- a/review/main/components/badge/code/Placement.html +++ b/review/main/components/badge/code/Placement.html @@ -1,8 +1,8 @@ -
    +
    angular
    react
    vue
    html

    <db-badge placement="inline">Inline (Default)</db-badge>

    angular
    react
    vue
    html

    <db-badge placement="corner-top-left">Corner - Top - Left</db-badge>

    angular
    react
    vue
    html

    <db-badge placement="corner-center-left">Corner - Center - Left</db-badge>

    angular
    react
    vue
    html

    <db-badge placement="corner-bottom-left">Corner - Bottom- Left</db-badge>

    angular
    react
    vue
    html

    <db-badge placement="corner-top-right">Corner - Top - Right</db-badge>

    angular
    react
    vue
    html

    <db-badge placement="corner-center-right">Corner - Center - Right</db-badge>

    -
    angular
    react
    vue
    html

    <db-badge placement="corner-bottom-right">Corner - Bottom- Right</db-badge>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-badge placement="corner-bottom-right">Corner - Bottom- Right</db-badge>

    \ No newline at end of file diff --git a/review/main/components/badge/code/Size.html b/review/main/components/badge/code/Size.html index 0d3827152d8..af229396b67 100644 --- a/review/main/components/badge/code/Size.html +++ b/review/main/components/badge/code/Size.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-badge>Medium (Default)</db-badge>

    -
    angular
    react
    vue
    html

    <db-badge size="small">Small</db-badge>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-badge size="small">Small</db-badge>

    \ No newline at end of file diff --git a/review/main/components/badge/code/Tonality.html b/review/main/components/badge/code/Tonality.html index 6c6a4abcfda..8682841b16d 100644 --- a/review/main/components/badge/code/Tonality.html +++ b/review/main/components/badge/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-badge>functional</db-badge>

    angular
    react
    vue
    html

    <db-badge>regular (Default)</db-badge>

    -
    angular
    react
    vue
    html

    <db-badge>expressive</db-badge>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-badge>expressive</db-badge>

    \ No newline at end of file diff --git a/review/main/components/badge/code/Variant.html b/review/main/components/badge/code/Variant.html index c184e711c93..29580ea16f1 100644 --- a/review/main/components/badge/code/Variant.html +++ b/review/main/components/badge/code/Variant.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-badge>Adaptive (Default)</db-badge>

    angular
    react
    vue
    html

    <db-badge variant="neutral">Neutral</db-badge>

    angular
    react
    vue
    html

    <db-badge variant="critical">Critical</db-badge>

    @@ -10,4 +10,4 @@
    angular
    react
    vue
    html

    <db-badge variant="critical" emphasis="strong">
    Critical Strong
    </db-badge>

    angular
    react
    vue
    html

    <db-badge variant="informational" emphasis="strong">
    Informational Strong
    </db-badge>

    angular
    react
    vue
    html

    <db-badge variant="successful" emphasis="strong">
    Successful Strong
    </db-badge>

    -
    angular
    react
    vue
    html

    <db-badge variant="warning" emphasis="strong">
    Warning Strong
    </db-badge>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-badge variant="warning" emphasis="strong">
    Warning Strong
    </db-badge>

    \ No newline at end of file diff --git a/review/main/components/badge/docs/Angular.html b/review/main/components/badge/docs/Angular.html index 206e9b9f578..96a2e2b2b2f 100644 --- a/review/main/components/badge/docs/Angular.html +++ b/review/main/components/badge/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBBadgeModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBBadgeModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-badge>Badge</db-badge>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-badge>Badge</db-badge>

    \ No newline at end of file diff --git a/review/main/components/badge/docs/HTML.html b/review/main/components/badge/docs/HTML.html index 9ba201ad94c..4b231424488 100644 --- a/review/main/components/badge/docs/HTML.html +++ b/review/main/components/badge/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <span class="db-badge">Badge</span>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <span class="db-badge">Badge</span>
    </body>

    \ No newline at end of file diff --git a/review/main/components/badge/docs/Migration.html b/review/main/components/badge/docs/Migration.html index ae3c0860b17..ddc754b3005 100644 --- a/review/main/components/badge/docs/Migration.html +++ b/review/main/components/badge/docs/Migration.html @@ -1,7 +1,7 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Components

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/badge/docs/React.html b/review/main/components/badge/docs/React.html index d06601d03d0..7847c921f9d 100644 --- a/review/main/components/badge/docs/React.html +++ b/review/main/components/badge/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBBadge } from "@db-ui/react-components";
    const App = () => <DBBadge>Badge</DBBadge>;
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBBadge } from "@db-ui/react-components";
    const App = () => <DBBadge>Badge</DBBadge>;
    export default App;

    \ No newline at end of file diff --git a/review/main/components/badge/docs/Vue.html b/review/main/components/badge/docs/Vue.html index a050f544443..1bd48d4273b 100644 --- a/review/main/components/badge/docs/Vue.html +++ b/review/main/components/badge/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBBadge } from "@db-ui/v-components";
    </script>
    <template>
    <DBBadge>Badge</DBBadge>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBBadge } from "@db-ui/v-components";
    </script>
    <template>
    <DBBadge>Badge</DBBadge>
    </template>

    \ No newline at end of file diff --git a/review/main/components/badge/examples.html b/review/main/components/badge/examples.html index 90db2813797..29f66595213 100644 --- a/review/main/components/badge/examples.html +++ b/review/main/components/badge/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/badge/how-to-use.html b/review/main/components/badge/how-to-use.html index 4556f5f4576..2c3cee278a1 100644 --- a/review/main/components/badge/how-to-use.html +++ b/review/main/components/badge/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/badge/migration.html b/review/main/components/badge/migration.html index 224abf4332c..41d44ad3733 100644 --- a/review/main/components/badge/migration.html +++ b/review/main/components/badge/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/badge/overview.html b/review/main/components/badge/overview.html index 9b0711f7fc6..de5993bd1b9 100644 --- a/review/main/components/badge/overview.html +++ b/review/main/components/badge/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/badge/properties.html b/review/main/components/badge/properties.html index 7b761710ce8..3813d3a1b74 100644 --- a/review/main/components/badge/properties.html +++ b/review/main/components/badge/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/brand/docs/Angular.html b/review/main/components/brand/docs/Angular.html index 5be8a3f38c4..e5820beda4d 100644 --- a/review/main/components/brand/docs/Angular.html +++ b/review/main/components/brand/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBBrandModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBBrandModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-brand>Brand</db-brand>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-brand>Brand</db-brand>

    \ No newline at end of file diff --git a/review/main/components/brand/docs/HTML.html b/review/main/components/brand/docs/HTML.html index 8c7ed1d3d07..07cf6999d47 100644 --- a/review/main/components/brand/docs/HTML.html +++ b/review/main/components/brand/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-brand">Brand</div>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-brand">Brand</div>
    </body>

    \ No newline at end of file diff --git a/review/main/components/brand/docs/React.html b/review/main/components/brand/docs/React.html index 0df479990b3..431378a0526 100644 --- a/review/main/components/brand/docs/React.html +++ b/review/main/components/brand/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBBrand } from "@db-ui/react-components";
    const App = () => <DBBrand>Brand</DBBrand>;
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBBrand } from "@db-ui/react-components";
    const App = () => <DBBrand>Brand</DBBrand>;
    export default App;

    \ No newline at end of file diff --git a/review/main/components/brand/docs/Vue.html b/review/main/components/brand/docs/Vue.html index f99f7b76008..60f2e963274 100644 --- a/review/main/components/brand/docs/Vue.html +++ b/review/main/components/brand/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBBrand } from "@db-ui/v-components";
    </script>
    <template>
    <DBBrand>Brand</DBBrand>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBBrand } from "@db-ui/v-components";
    </script>
    <template>
    <DBBrand>Brand</DBBrand>
    </template>

    \ No newline at end of file diff --git a/review/main/components/brand/examples.html b/review/main/components/brand/examples.html index 33ab5363126..5f511b27cf7 100644 --- a/review/main/components/brand/examples.html +++ b/review/main/components/brand/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/brand/how-to-use.html b/review/main/components/brand/how-to-use.html index 214950d049f..0d9c6e23f66 100644 --- a/review/main/components/brand/how-to-use.html +++ b/review/main/components/brand/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/brand/migration.html b/review/main/components/brand/migration.html index 84b128db7e5..d68de97d817 100644 --- a/review/main/components/brand/migration.html +++ b/review/main/components/brand/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/brand/properties.html b/review/main/components/brand/properties.html index b957d1f36a1..98ad2716766 100644 --- a/review/main/components/brand/properties.html +++ b/review/main/components/brand/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/button.html b/review/main/components/button.html index fa638fe62ac..d647eb126b2 100644 --- a/review/main/components/button.html +++ b/review/main/components/button.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/button/code/Behaviour.html b/review/main/components/button/code/Behaviour.html index 398fdad1556..feecf5891b3 100644 --- a/review/main/components/button/code/Behaviour.html +++ b/review/main/components/button/code/Behaviour.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-button>Auto Width (Default)</db-button>

    -
    angular
    react
    vue
    html

    <db-button width="full">Width full</db-button>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-button width="full">Width full</db-button>

    \ No newline at end of file diff --git a/review/main/components/button/code/Content.html b/review/main/components/button/code/Content.html index 50b42d8f36c..647c5f4deca 100644 --- a/review/main/components/button/code/Content.html +++ b/review/main/components/button/code/Content.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-button>Text (Default)</db-button>

    angular
    react
    vue
    html

    <db-button icon="account">Icon & Text</db-button>

    -
    angular
    react
    vue
    html

    <db-button icon="account" [noText]="true">Icon</db-button>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-button icon="account" [noText]="true">Icon</db-button>

    \ No newline at end of file diff --git a/review/main/components/button/code/Size.html b/review/main/components/button/code/Size.html index bf3458449a6..4ffcee77fc8 100644 --- a/review/main/components/button/code/Size.html +++ b/review/main/components/button/code/Size.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-button>Medium (Default)</db-button>

    -
    angular
    react
    vue
    html

    <db-button size="small">Small</db-button>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-button size="small">Small</db-button>

    \ No newline at end of file diff --git a/review/main/components/button/code/State.html b/review/main/components/button/code/State.html index dbf9bd8534e..99081b7b58c 100644 --- a/review/main/components/button/code/State.html +++ b/review/main/components/button/code/State.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-button>Enabled (Default)</db-button>

    -
    angular
    react
    vue
    html

    <db-button [disabled]="true">Disabled</db-button>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-button [disabled]="true">Disabled</db-button>

    \ No newline at end of file diff --git a/review/main/components/button/code/Tonality.html b/review/main/components/button/code/Tonality.html index 1243eb827de..f454e4402d6 100644 --- a/review/main/components/button/code/Tonality.html +++ b/review/main/components/button/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-button>functional</db-button>

    angular
    react
    vue
    html

    <db-button>regular (Default)</db-button>

    -
    angular
    react
    vue
    html

    <db-button>expressive</db-button>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-button>expressive</db-button>

    \ No newline at end of file diff --git a/review/main/components/button/code/Variant.html b/review/main/components/button/code/Variant.html index f8f87f54bde..4d20fe2c525 100644 --- a/review/main/components/button/code/Variant.html +++ b/review/main/components/button/code/Variant.html @@ -1,5 +1,5 @@ -
    +
    angular
    react
    vue
    html

    <db-button variant="primary">Primary</db-button>

    angular
    react
    vue
    html

    <db-button>Outlined (Adaptive)</db-button>

    angular
    react
    vue
    html

    <db-button variant="solid">Solid (Adaptive)</db-button>

    -
    angular
    react
    vue
    html

    <db-button variant="text">Text (Adaptive)</db-button>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-button variant="text">Text (Adaptive)</db-button>

    \ No newline at end of file diff --git a/review/main/components/button/docs/Angular.html b/review/main/components/button/docs/Angular.html index eb3e4df7edb..b191631052b 100644 --- a/review/main/components/button/docs/Angular.html +++ b/review/main/components/button/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBButtonModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBButtonModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-button variant="primary">Button</db-button>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-button variant="primary">Button</db-button>

    \ No newline at end of file diff --git a/review/main/components/button/docs/HTML.html b/review/main/components/button/docs/HTML.html index 2b0e6da153b..e9b2ab86fae 100644 --- a/review/main/components/button/docs/HTML.html +++ b/review/main/components/button/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <button class="db-button" data-variant="primary" type="button">
    Button
    </button>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <button class="db-button" data-variant="primary" type="button">
    Button
    </button>
    </body>

    \ No newline at end of file diff --git a/review/main/components/button/docs/Migration.html b/review/main/components/button/docs/Migration.html index b61c530567f..3dd02b36f01 100644 --- a/review/main/components/button/docs/Migration.html +++ b/review/main/components/button/docs/Migration.html @@ -1,4 +1,4 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    @@ -11,4 +11,4 @@

    sizes

    variants

    BeforeStatusAfterDescription
    primary❌❌not valid anymore, use outlined buttons for those purposes
    brand-primary🔁primary
    secondary-outline🔁outlined
    secondary-solid🔁solid
    tertiary-plain🔁text

    icons

    -
    BeforeStatusAfterDescription
    iconAfter❌❌not valid anymore, for buttons only icons before text are allowed
    iconOnly🔁noText
    \ No newline at end of file +
    BeforeStatusAfterDescription
    iconAfter❌❌not valid anymore, for buttons only icons before text are allowed
    iconOnly🔁noText
    \ No newline at end of file diff --git a/review/main/components/button/docs/React.html b/review/main/components/button/docs/React.html index dcd09cb6813..4ab5eaf2d4b 100644 --- a/review/main/components/button/docs/React.html +++ b/review/main/components/button/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBButton } from "@db-ui/react-components";
    const App = () => <DBButton variant="primary">Button</DBButton>;
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBButton } from "@db-ui/react-components";
    const App = () => <DBButton variant="primary">Button</DBButton>;
    export default App;

    \ No newline at end of file diff --git a/review/main/components/button/docs/Vue.html b/review/main/components/button/docs/Vue.html index a07dbb258c6..e952c4d9d2e 100644 --- a/review/main/components/button/docs/Vue.html +++ b/review/main/components/button/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBButton } from "@db-ui/v-components";
    </script>
    <template>
    <DBButton variant="primary">Button</DBButton>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBButton } from "@db-ui/v-components";
    </script>
    <template>
    <DBButton variant="primary">Button</DBButton>
    </template>

    \ No newline at end of file diff --git a/review/main/components/button/examples.html b/review/main/components/button/examples.html index 9fd4d18c67b..37c38a331ff 100644 --- a/review/main/components/button/examples.html +++ b/review/main/components/button/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/button/how-to-use.html b/review/main/components/button/how-to-use.html index 8b202776fed..26204139d47 100644 --- a/review/main/components/button/how-to-use.html +++ b/review/main/components/button/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/button/migration.html b/review/main/components/button/migration.html index 294f901c147..cc2eccce3aa 100644 --- a/review/main/components/button/migration.html +++ b/review/main/components/button/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/button/overview.html b/review/main/components/button/overview.html index f502bc5646d..05fdca8c61a 100644 --- a/review/main/components/button/overview.html +++ b/review/main/components/button/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/button/properties.html b/review/main/components/button/properties.html index 459bdb3e980..850b2644b87 100644 --- a/review/main/components/button/properties.html +++ b/review/main/components/button/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/card.html b/review/main/components/card.html index c90d0531d19..d60aecd4c80 100644 --- a/review/main/components/card.html +++ b/review/main/components/card.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/card/code/ColorVariant.html b/review/main/components/card/code/ColorVariant.html index b24cbab7d2b..08706cc2459 100644 --- a/review/main/components/card/code/ColorVariant.html +++ b/review/main/components/card/code/ColorVariant.html @@ -1,8 +1,8 @@ -
    +
    angular
    react
    vue
    html

    <db-card variant="interactive" spacing="small" colorVariant="adaptive">
    (Default) adaptive
    </db-card>

    angular
    react
    vue
    html

    <db-card colorVariant="neutral" variant="interactive" spacing="small">
    neutral
    </db-card>

    angular
    react
    vue
    html

    <db-card colorVariant="brand" variant="interactive" spacing="small">
    brand
    </db-card>

    angular
    react
    vue
    html

    <db-card colorVariant="critical" variant="interactive" spacing="small">
    critical
    </db-card>

    angular
    react
    vue
    html

    <db-card colorVariant="successful" variant="interactive" spacing="small">
    successful
    </db-card>

    angular
    react
    vue
    html

    <db-card colorVariant="warning" variant="interactive" spacing="small">
    warning
    </db-card>

    -
    angular
    react
    vue
    html

    <db-card colorVariant="informational" variant="interactive" spacing="small">
    informational
    </db-card>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-card colorVariant="informational" variant="interactive" spacing="small">
    informational
    </db-card>

    \ No newline at end of file diff --git a/review/main/components/card/code/Spacing.html b/review/main/components/card/code/Spacing.html index 186aa76c326..294ce05fbad 100644 --- a/review/main/components/card/code/Spacing.html +++ b/review/main/components/card/code/Spacing.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-card>(Default) No Spacing</db-card>

    angular
    react
    vue
    html

    <db-card spacing="medium">Medium</db-card>

    -
    angular
    react
    vue
    html

    <db-card spacing="small">Small</db-card>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-card spacing="small">Small</db-card>

    \ No newline at end of file diff --git a/review/main/components/card/code/Tonality.html b/review/main/components/card/code/Tonality.html index 7de054d8aac..f342cfb6f35 100644 --- a/review/main/components/card/code/Tonality.html +++ b/review/main/components/card/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-card spacing="small">functional</db-card>

    angular
    react
    vue
    html

    <db-card spacing="small">regular (Default)</db-card>

    -
    angular
    react
    vue
    html

    <db-card spacing="small">expressive</db-card>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-card spacing="small">expressive</db-card>

    \ No newline at end of file diff --git a/review/main/components/card/code/Variant.html b/review/main/components/card/code/Variant.html index 57a1993bbba..a075a3abff1 100644 --- a/review/main/components/card/code/Variant.html +++ b/review/main/components/card/code/Variant.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-card spacing="small">(Default) Non interactive</db-card>

    -
    angular
    react
    vue
    html

    <db-card spacing="small" variant="interactive">
    Interactive
    </db-card>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-card spacing="small" variant="interactive">
    Interactive
    </db-card>

    \ No newline at end of file diff --git a/review/main/components/card/docs/Angular.html b/review/main/components/card/docs/Angular.html index d414e8270c5..2cb04a4dd6e 100644 --- a/review/main/components/card/docs/Angular.html +++ b/review/main/components/card/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBCardModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBCardModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-card>Card content</db-card>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-card>Card content</db-card>

    \ No newline at end of file diff --git a/review/main/components/card/docs/HTML.html b/review/main/components/card/docs/HTML.html index 3331650f41f..fabcfb021ea 100644 --- a/review/main/components/card/docs/HTML.html +++ b/review/main/components/card/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-card">Card content</div>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-card">Card content</div>
    </body>

    \ No newline at end of file diff --git a/review/main/components/card/docs/Migration.html b/review/main/components/card/docs/Migration.html index 9b0beda3dcd..94a7a973f7a 100644 --- a/review/main/components/card/docs/Migration.html +++ b/review/main/components/card/docs/Migration.html @@ -1,4 +1,4 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    @@ -9,4 +9,4 @@

    class

    variant

    BeforeStatusAfterDescription
    variant🔁variantThere is no default header/content anymore. Now you can change the card with variant="interactive" to act like a button.
    header❌❌Add your own content via children/slot.
    content❌❌Add your own content via children/slot.

    image

    -
    BeforeStatusAfterDescription
    alt🔁imgAlt
    image🔁imgSrc
    🆕imgWidth
    🆕imgHeight
    illustration❌❌
    uiCoreIllustrationPath❌❌
    \ No newline at end of file +
    BeforeStatusAfterDescription
    alt🔁imgAlt
    image🔁imgSrc
    🆕imgWidth
    🆕imgHeight
    illustration❌❌
    uiCoreIllustrationPath❌❌
    \ No newline at end of file diff --git a/review/main/components/card/docs/React.html b/review/main/components/card/docs/React.html index fb236fb601e..d0ae823eea4 100644 --- a/review/main/components/card/docs/React.html +++ b/review/main/components/card/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBCard } from "@db-ui/react-components";
    const App = () => <DBCard>Card content</DBCard>;
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBCard } from "@db-ui/react-components";
    const App = () => <DBCard>Card content</DBCard>;
    export default App;

    \ No newline at end of file diff --git a/review/main/components/card/docs/Vue.html b/review/main/components/card/docs/Vue.html index 765ffe93877..d4bf63799bc 100644 --- a/review/main/components/card/docs/Vue.html +++ b/review/main/components/card/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBCard } from "@db-ui/v-components";
    </script>
    <template>
    <DBCard>Card content</DBCard>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBCard } from "@db-ui/v-components";
    </script>
    <template>
    <DBCard>Card content</DBCard>
    </template>

    \ No newline at end of file diff --git a/review/main/components/card/examples.html b/review/main/components/card/examples.html index 9bd97fd0541..40107560ae2 100644 --- a/review/main/components/card/examples.html +++ b/review/main/components/card/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/card/how-to-use.html b/review/main/components/card/how-to-use.html index d8b2b1f8591..bed7b9088bd 100644 --- a/review/main/components/card/how-to-use.html +++ b/review/main/components/card/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/card/migration.html b/review/main/components/card/migration.html index 93d2e7c0d91..ad0a4408f47 100644 --- a/review/main/components/card/migration.html +++ b/review/main/components/card/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/card/overview.html b/review/main/components/card/overview.html index f06d240e597..d17fb4ab3e6 100644 --- a/review/main/components/card/overview.html +++ b/review/main/components/card/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/card/properties.html b/review/main/components/card/properties.html index c334405b0aa..31c9360bf50 100644 --- a/review/main/components/card/properties.html +++ b/review/main/components/card/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/checkbox.html b/review/main/components/checkbox.html index f9d4f4598c0..51fee4860c3 100644 --- a/review/main/components/checkbox.html +++ b/review/main/components/checkbox.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/checkbox/code/Requirement.html b/review/main/components/checkbox/code/Requirement.html index d22b92c6372..7a025e1437a 100644 --- a/review/main/components/checkbox/code/Requirement.html +++ b/review/main/components/checkbox/code/Requirement.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-checkbox name="Requirement">(Default) Optional</db-checkbox>

    angular
    react
    vue
    html

    <db-checkbox name="Requirement" [required]="true">Required</db-checkbox>

    -
    angular
    react
    vue
    html

    <db-checkbox name="Requirement" [required]="true" [checked]="true">Required - Checked</db-checkbox>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-checkbox name="Requirement" [required]="true" [checked]="true">Required - Checked</db-checkbox>

    \ No newline at end of file diff --git a/review/main/components/checkbox/code/Size.html b/review/main/components/checkbox/code/Size.html index bd051cbb4e6..0a580a54c7a 100644 --- a/review/main/components/checkbox/code/Size.html +++ b/review/main/components/checkbox/code/Size.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-checkbox name="Size">Default</db-checkbox>

    -
    angular
    react
    vue
    html

    <db-checkbox name="Size" size="small">
    Small
    </db-checkbox>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-checkbox name="Size" size="small">
    Small
    </db-checkbox>

    \ No newline at end of file diff --git a/review/main/components/checkbox/code/States.html b/review/main/components/checkbox/code/States.html index 723c38c2cc1..144ba7169b7 100644 --- a/review/main/components/checkbox/code/States.html +++ b/review/main/components/checkbox/code/States.html @@ -1,5 +1,5 @@ -
    +
    angular
    react
    vue
    html

    <db-checkbox name="States">Default</db-checkbox>

    angular
    react
    vue
    html

    <db-checkbox name="States" [checked]="true">Checked</db-checkbox>

    angular
    react
    vue
    html

    <db-checkbox name="States" [indeterminate]="true">Indeterminate</db-checkbox>

    -
    angular
    react
    vue
    html

    <db-checkbox name="States" [disabled]="true">Disabled</db-checkbox>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-checkbox name="States" [disabled]="true">Disabled</db-checkbox>

    \ No newline at end of file diff --git a/review/main/components/checkbox/code/Tonality.html b/review/main/components/checkbox/code/Tonality.html index 7a3e7eff476..380570b56e0 100644 --- a/review/main/components/checkbox/code/Tonality.html +++ b/review/main/components/checkbox/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-checkbox name="Tonality">functional</db-checkbox>

    angular
    react
    vue
    html

    <db-checkbox name="Tonality">regular (Default)</db-checkbox>

    -
    angular
    react
    vue
    html

    <db-checkbox name="Tonality">expressive</db-checkbox>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-checkbox name="Tonality">expressive</db-checkbox>

    \ No newline at end of file diff --git a/review/main/components/checkbox/code/VariantLabel.html b/review/main/components/checkbox/code/VariantLabel.html index d1a96ac0dd5..0343350c6f1 100644 --- a/review/main/components/checkbox/code/VariantLabel.html +++ b/review/main/components/checkbox/code/VariantLabel.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-checkbox name="Content">(Default) Label</db-checkbox>

    -
    angular
    react
    vue
    html

    <db-checkbox name="Content" labelVariant="hidden">
    Hidden Label
    </db-checkbox>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-checkbox name="Content" labelVariant="hidden">
    Hidden Label
    </db-checkbox>

    \ No newline at end of file diff --git a/review/main/components/checkbox/docs/Angular.html b/review/main/components/checkbox/docs/Angular.html index 0a67856c16a..99b83081c2f 100644 --- a/review/main/components/checkbox/docs/Angular.html +++ b/review/main/components/checkbox/docs/Angular.html @@ -1,4 +1,4 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    @@ -13,4 +13,4 @@

    How to use with Template Driven Forms

    form.component.html

    <!-- form.component.html -->
    <form>
    <db-checkbox
    (change)="checkbox = $event.target.checked"
    name="checkbox"
    label="Checkbox"
    ></db-checkbox>
    <db-button type="button" variant="primary" (click)="showValues()"
    >Get checkbox value</db-button
    >
    </form>
    <h2>Output</h2>
    <dl>
    <dt>checkbox's value</dt>
    <dd>checkbox {{ checkbox ? "" : "un" }}checked</dd>
    </dl>

    form.component.ts

    // form.component.ts
    export class FormComponent {
    checkbox = "";
    showValues(): void {
    alert(JSON.stringify({ checkbox: this.checkbox }));
    }
    }

    How to use with Reactive Forms

    -

    coming soon … if your interested in contributing, you're very welcome ;)

    \ No newline at end of file +

    coming soon … if your interested in contributing, you're very welcome ;)

    \ No newline at end of file diff --git a/review/main/components/checkbox/docs/HTML.html b/review/main/components/checkbox/docs/HTML.html index cf9dff79fce..eea6e5901cc 100644 --- a/review/main/components/checkbox/docs/HTML.html +++ b/review/main/components/checkbox/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <label class="db-checkbox" for="checkbox-element">
    <input type="checkbox" id="checkbox-element" name="States" />
    Label
    </label>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <label class="db-checkbox" for="checkbox-element">
    <input type="checkbox" id="checkbox-element" name="States" />
    Label
    </label>
    </body>

    \ No newline at end of file diff --git a/review/main/components/checkbox/docs/React.html b/review/main/components/checkbox/docs/React.html index ec6322d5fa7..b80243562cc 100644 --- a/review/main/components/checkbox/docs/React.html +++ b/review/main/components/checkbox/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { useState } from "react";
    import { DBCheckbox } from "@db-ui/react-components";
    const App = () => {
    const [checkbox, setCheckbox] = useState("");
    return (
    <DBCheckbox
    name="checkbox"
    value="Checkbox checked"
    onChange={(event) => {
    setCheckbox(event.target.checked);
    }}
    >
    Checkbox
    </DBCheckbox>
    );
    };
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { useState } from "react";
    import { DBCheckbox } from "@db-ui/react-components";
    const App = () => {
    const [checkbox, setCheckbox] = useState("");
    return (
    <DBCheckbox
    name="checkbox"
    value="Checkbox checked"
    onChange={(event) => {
    setCheckbox(event.target.checked);
    }}
    >
    Checkbox
    </DBCheckbox>
    );
    };
    export default App;

    \ No newline at end of file diff --git a/review/main/components/checkbox/docs/Vue.html b/review/main/components/checkbox/docs/Vue.html index 4ace0ef178b..f2324111995 100644 --- a/review/main/components/checkbox/docs/Vue.html +++ b/review/main/components/checkbox/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script setup lang="ts">
    import { DBCheckbox } from "@db-ui/v-components";
    import { ref } from "vue";
    const checkbox = ref("");
    </script>
    <template>
    <DBCheckbox @change="checkbox = $event.target.checked" name="checkbox">
    Checkbox
    </DBCheckbox>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script setup lang="ts">
    import { DBCheckbox } from "@db-ui/v-components";
    import { ref } from "vue";
    const checkbox = ref("");
    </script>
    <template>
    <DBCheckbox @change="checkbox = $event.target.checked" name="checkbox">
    Checkbox
    </DBCheckbox>
    </template>

    \ No newline at end of file diff --git a/review/main/components/checkbox/examples.html b/review/main/components/checkbox/examples.html index b7812187f1c..a7a8c0d4529 100644 --- a/review/main/components/checkbox/examples.html +++ b/review/main/components/checkbox/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/checkbox/how-to-use.html b/review/main/components/checkbox/how-to-use.html index c39916c2c8e..6109995f292 100644 --- a/review/main/components/checkbox/how-to-use.html +++ b/review/main/components/checkbox/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/checkbox/migration.html b/review/main/components/checkbox/migration.html index be6b647efe8..8aebe00f8a4 100644 --- a/review/main/components/checkbox/migration.html +++ b/review/main/components/checkbox/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/checkbox/overview.html b/review/main/components/checkbox/overview.html index abbc5445761..ce33877b9ee 100644 --- a/review/main/components/checkbox/overview.html +++ b/review/main/components/checkbox/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/checkbox/properties.html b/review/main/components/checkbox/properties.html index b2e540364a6..7cd4e2b3670 100644 --- a/review/main/components/checkbox/properties.html +++ b/review/main/components/checkbox/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/code-docs/docs/Angular.html b/review/main/components/code-docs/docs/Angular.html index d782c439600..3f776eb2d54 100644 --- a/review/main/components/code-docs/docs/Angular.html +++ b/review/main/components/code-docs/docs/Angular.html @@ -1,2 +1,2 @@ -

    Angular

    -

    TODO

    \ No newline at end of file +

    Angular

    +

    TODO

    \ No newline at end of file diff --git a/review/main/components/code-docs/docs/HTML.html b/review/main/components/code-docs/docs/HTML.html index 210ff92d384..1674a16611e 100644 --- a/review/main/components/code-docs/docs/HTML.html +++ b/review/main/components/code-docs/docs/HTML.html @@ -1,2 +1,2 @@ -

    HTML

    -

    TODO

    \ No newline at end of file +

    HTML

    +

    TODO

    \ No newline at end of file diff --git a/review/main/components/code-docs/docs/React.html b/review/main/components/code-docs/docs/React.html index b718ab9bb19..b80c0e0653b 100644 --- a/review/main/components/code-docs/docs/React.html +++ b/review/main/components/code-docs/docs/React.html @@ -1,3 +1,3 @@ -
    +

    React

    -

    import { DBCodeDocs, DBButton } from '@db-ui/react-components/src';
    const codeSnippets = ['/*This is a comment for a button*/ \n <DBButton>Test</DBButton>'];
    ...
    <DBCodeDocs codeSnippets={codeSnippets}>
    <DBButton>Test</DBButton>
    </DBCodeDocs>
    ...

    \ No newline at end of file +

    import { DBCodeDocs, DBButton } from '@db-ui/react-components/src';
    const codeSnippets = ['/*This is a comment for a button*/ \n <DBButton>Test</DBButton>'];
    ...
    <DBCodeDocs codeSnippets={codeSnippets}>
    <DBButton>Test</DBButton>
    </DBCodeDocs>
    ...

    \ No newline at end of file diff --git a/review/main/components/code-docs/docs/Vue.html b/review/main/components/code-docs/docs/Vue.html index 34ca5a42d68..445772ab60c 100644 --- a/review/main/components/code-docs/docs/Vue.html +++ b/review/main/components/code-docs/docs/Vue.html @@ -1,2 +1,2 @@ -

    Vue

    -

    TODO

    \ No newline at end of file +

    Vue

    +

    TODO

    \ No newline at end of file diff --git a/review/main/components/code-docs/examples.html b/review/main/components/code-docs/examples.html index 0366e93b56c..386caf7c7e3 100644 --- a/review/main/components/code-docs/examples.html +++ b/review/main/components/code-docs/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/code-docs/how-to-use.html b/review/main/components/code-docs/how-to-use.html index 795297c66d7..40933d6774d 100644 --- a/review/main/components/code-docs/how-to-use.html +++ b/review/main/components/code-docs/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/code-docs/migration.html b/review/main/components/code-docs/migration.html index 5f4c4485ce8..45c229c69af 100644 --- a/review/main/components/code-docs/migration.html +++ b/review/main/components/code-docs/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/code-docs/properties.html b/review/main/components/code-docs/properties.html index 35250763c8d..9509bc074c0 100644 --- a/review/main/components/code-docs/properties.html +++ b/review/main/components/code-docs/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/divider.html b/review/main/components/divider.html index 78928ee4e9b..7ed5044df1b 100644 --- a/review/main/components/divider.html +++ b/review/main/components/divider.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/divider/code/Emphasis.html b/review/main/components/divider/code/Emphasis.html index c48ea5f4386..b0017617b82 100644 --- a/review/main/components/divider/code/Emphasis.html +++ b/review/main/components/divider/code/Emphasis.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-divider>Weak (Default)</db-divider>

    -
    angular
    react
    vue
    html

    <db-divider emphasis="strong">Strong</db-divider>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-divider emphasis="strong">Strong</db-divider>

    \ No newline at end of file diff --git a/review/main/components/divider/code/Tonality.html b/review/main/components/divider/code/Tonality.html index 74cfd42de98..7ed879c452f 100644 --- a/review/main/components/divider/code/Tonality.html +++ b/review/main/components/divider/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-divider>functional</db-divider>

    angular
    react
    vue
    html

    <db-divider>regular (Default)</db-divider>

    -
    angular
    react
    vue
    html

    <db-divider>expressive</db-divider>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-divider>expressive</db-divider>

    \ No newline at end of file diff --git a/review/main/components/divider/code/Variant.html b/review/main/components/divider/code/Variant.html index 25d61bf0047..91e6ffc7dc1 100644 --- a/review/main/components/divider/code/Variant.html +++ b/review/main/components/divider/code/Variant.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-divider>Adaptive - Horizontal (Default)</db-divider>

    -
    angular
    react
    vue
    html

    <db-divider variant="vertical">Adaptive - Vertical</db-divider>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-divider variant="vertical">Adaptive - Vertical</db-divider>

    \ No newline at end of file diff --git a/review/main/components/divider/docs/Angular.html b/review/main/components/divider/docs/Angular.html index 206f6c39211..60320242aaf 100644 --- a/review/main/components/divider/docs/Angular.html +++ b/review/main/components/divider/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBDividerModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBDividerModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-divider></db-divider>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-divider></db-divider>

    \ No newline at end of file diff --git a/review/main/components/divider/docs/HTML.html b/review/main/components/divider/docs/HTML.html index 3158326b928..398094a6089 100644 --- a/review/main/components/divider/docs/HTML.html +++ b/review/main/components/divider/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-divider"></div>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-divider"></div>
    </body>

    \ No newline at end of file diff --git a/review/main/components/divider/docs/Migration.html b/review/main/components/divider/docs/Migration.html index c658a5ba623..16a7ad7aa33 100644 --- a/review/main/components/divider/docs/Migration.html +++ b/review/main/components/divider/docs/Migration.html @@ -1,7 +1,7 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Components

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/divider/docs/React.html b/review/main/components/divider/docs/React.html index 1119aa2f732..ea2bc83ed70 100644 --- a/review/main/components/divider/docs/React.html +++ b/review/main/components/divider/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBDivider } from "@db-ui/react-components";
    const App = () => <DBDivider />;
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBDivider } from "@db-ui/react-components";
    const App = () => <DBDivider />;
    export default App;

    \ No newline at end of file diff --git a/review/main/components/divider/docs/Vue.html b/review/main/components/divider/docs/Vue.html index f923e9caa2c..13c2540727b 100644 --- a/review/main/components/divider/docs/Vue.html +++ b/review/main/components/divider/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBDivider } from "@db-ui/v-components";
    </script>
    <template>
    <DBDivider></DBDivider>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBDivider } from "@db-ui/v-components";
    </script>
    <template>
    <DBDivider></DBDivider>
    </template>

    \ No newline at end of file diff --git a/review/main/components/divider/examples.html b/review/main/components/divider/examples.html index 5b7f4327342..334cd834778 100644 --- a/review/main/components/divider/examples.html +++ b/review/main/components/divider/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/divider/how-to-use.html b/review/main/components/divider/how-to-use.html index acbcc485f6d..9500966e55b 100644 --- a/review/main/components/divider/how-to-use.html +++ b/review/main/components/divider/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/divider/migration.html b/review/main/components/divider/migration.html index e4961df2adf..a7bd88740b9 100644 --- a/review/main/components/divider/migration.html +++ b/review/main/components/divider/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/divider/overview.html b/review/main/components/divider/overview.html index 153486f1d74..48d2b0d5019 100644 --- a/review/main/components/divider/overview.html +++ b/review/main/components/divider/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/divider/properties.html b/review/main/components/divider/properties.html index ff93a5cafe6..3a0a1b99455 100644 --- a/review/main/components/divider/properties.html +++ b/review/main/components/divider/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/drawer.html b/review/main/components/drawer.html index 81ea893de11..01bcc5f696e 100644 --- a/review/main/components/drawer.html +++ b/review/main/components/drawer.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/drawer/code/Backdrop.html b/review/main/components/drawer/code/Backdrop.html index 908881a8e5d..5894693c0fc 100644 --- a/review/main/components/drawer/code/Backdrop.html +++ b/review/main/components/drawer/code/Backdrop.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true">With Backdrop (Default)</db-drawer>

    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" backdrop="weak">Backdrop-weak</db-drawer>

    -
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" backdrop="none">No Backdrop</db-drawer>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" backdrop="none">No Backdrop</db-drawer>

    \ No newline at end of file diff --git a/review/main/components/drawer/code/Directions.html b/review/main/components/drawer/code/Directions.html index 823cf777e87..8ff5579a5fb 100644 --- a/review/main/components/drawer/code/Directions.html +++ b/review/main/components/drawer/code/Directions.html @@ -1,5 +1,5 @@ -
    +
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true">Right (Default)</db-drawer>

    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" direction="left">Left</db-drawer>

    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" direction="up">Up</db-drawer>

    -
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" direction="down">Down</db-drawer>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" direction="down">Down</db-drawer>

    \ No newline at end of file diff --git a/review/main/components/drawer/code/Rounded.html b/review/main/components/drawer/code/Rounded.html index 3bf1d8f3aed..4854c835860 100644 --- a/review/main/components/drawer/code/Rounded.html +++ b/review/main/components/drawer/code/Rounded.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true">No rounding (Default)</db-drawer>

    -
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" [rounded]="true">Rounded</db-drawer>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" [rounded]="true">Rounded</db-drawer>

    \ No newline at end of file diff --git a/review/main/components/drawer/code/Size.html b/review/main/components/drawer/code/Size.html index 6a6be4fae68..003d3e67772 100644 --- a/review/main/components/drawer/code/Size.html +++ b/review/main/components/drawer/code/Size.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true">With padding (Default)</db-drawer>

    -
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" width="full">Full</db-drawer>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" width="full">Full</db-drawer>

    \ No newline at end of file diff --git a/review/main/components/drawer/code/Spacing.html b/review/main/components/drawer/code/Spacing.html index 47101c9c832..2d0282a8bfa 100644 --- a/review/main/components/drawer/code/Spacing.html +++ b/review/main/components/drawer/code/Spacing.html @@ -1,5 +1,5 @@ -
    +
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true">Medium (Default)</db-drawer>

    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" spacing="small">Small</db-drawer>

    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" spacing="large">Large</db-drawer>

    -
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" spacing="none">No spacing</db-drawer>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-drawer [withCloseButton]="true" spacing="none">No spacing</db-drawer>

    \ No newline at end of file diff --git a/review/main/components/drawer/code/Tonality.html b/review/main/components/drawer/code/Tonality.html index 4ea6ac94450..8789682d5ef 100644 --- a/review/main/components/drawer/code/Tonality.html +++ b/review/main/components/drawer/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-drawer>functional</db-drawer>

    angular
    react
    vue
    html

    <db-drawer>regular (Default)</db-drawer>

    -
    angular
    react
    vue
    html

    <db-drawer>expressive</db-drawer>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-drawer>expressive</db-drawer>

    \ No newline at end of file diff --git a/review/main/components/drawer/docs/Angular.html b/review/main/components/drawer/docs/Angular.html index a559dc3b708..6fdbbe259a1 100644 --- a/review/main/components/drawer/docs/Angular.html +++ b/review/main/components/drawer/docs/Angular.html @@ -1,4 +1,4 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    General

    @@ -7,4 +7,4 @@

    Load component

    app.module.ts

    //app.module.ts
    import { DBDrawerModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBDrawerModule],
    ...
    })

    Use component

    app.component.html

    <!-- app.component.html -->
    <db-drawer [open]="openDrawer" (onClose)="toggleDrawer(false)">
    My Drawer content
    </db-drawer>
    <db-button (click)="toggleDrawer(true)"> Open me </db-button>

    -
    app.component.ts

    // app.component.ts
    export class AppComponent {
    openDrawer: boolean = false;
    toggleDrawer = (open: boolean) => {
    this.openDrawer = open;
    };
    }

    \ No newline at end of file +
    app.component.ts

    // app.component.ts
    export class AppComponent {
    openDrawer: boolean = false;
    toggleDrawer = (open: boolean) => {
    this.openDrawer = open;
    };
    }

    \ No newline at end of file diff --git a/review/main/components/drawer/docs/HTML.html b/review/main/components/drawer/docs/HTML.html index e3d59ecff27..0189d913509 100644 --- a/review/main/components/drawer/docs/HTML.html +++ b/review/main/components/drawer/docs/HTML.html @@ -1,7 +1,7 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    General

    If you use width !== full you are able to overwrite the max-width with --db-drawer-max-width: CSS variable.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <dialog class="db-drawer" data-backdrop="true" open>
    <article class="db-drawer-container">
    <header class="db-drawer-header">
    <button
    class="db-button button-close-drawer is-icon-text-replace"
    data-icon="close"
    data-variant="text"
    >
    Close Button
    </button>
    </header>
    <div class="db-drawer-content">My Drawer content</div>
    </article>
    </dialog>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <dialog class="db-drawer" data-backdrop="true" open>
    <article class="db-drawer-container">
    <header class="db-drawer-header">
    <button
    class="db-button button-close-drawer is-icon-text-replace"
    data-icon="close"
    data-variant="text"
    >
    Close Button
    </button>
    </header>
    <div class="db-drawer-content">My Drawer content</div>
    </article>
    </dialog>
    </body>

    \ No newline at end of file diff --git a/review/main/components/drawer/docs/Migration.html b/review/main/components/drawer/docs/Migration.html index c69fb276ed2..2e4d1107a75 100644 --- a/review/main/components/drawer/docs/Migration.html +++ b/review/main/components/drawer/docs/Migration.html @@ -1,7 +1,7 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Components

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/drawer/docs/React.html b/review/main/components/drawer/docs/React.html index 8905797aef0..eaa3879aa92 100644 --- a/review/main/components/drawer/docs/React.html +++ b/review/main/components/drawer/docs/React.html @@ -1,7 +1,7 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    General

    If you use width !== full you are able to overwrite the max-width with --db-drawer-max-width: CSS variable.

    Use component

    -
    App.tsx

    // App.tsx
    import { useState } from "react";
    import { DBButton, DBDrawer } from "@db-ui/react-components";
    const App = () => {
    const [open, setOpen] = useState<boolean>(false);
    return (
    <div>
    <DBDrawer
    open={open}
    onClose={() => {
    setOpen(false);
    }}
    >
    My Drawer content
    </DBDrawer>
    <DBButton
    onClick={() => {
    setOpen(true);
    }}
    >
    Open Me
    </DBButton>
    </div>
    );
    };
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { useState } from "react";
    import { DBButton, DBDrawer } from "@db-ui/react-components";
    const App = () => {
    const [open, setOpen] = useState<boolean>(false);
    return (
    <div>
    <DBDrawer
    open={open}
    onClose={() => {
    setOpen(false);
    }}
    >
    My Drawer content
    </DBDrawer>
    <DBButton
    onClick={() => {
    setOpen(true);
    }}
    >
    Open Me
    </DBButton>
    </div>
    );
    };
    export default App;

    \ No newline at end of file diff --git a/review/main/components/drawer/docs/Vue.html b/review/main/components/drawer/docs/Vue.html index e490897a7b7..8c886d98931 100644 --- a/review/main/components/drawer/docs/Vue.html +++ b/review/main/components/drawer/docs/Vue.html @@ -1,7 +1,7 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    General

    If you use width !== full you are able to overwrite the max-width with --db-drawer-max-width: CSS variable.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script setup lang="ts">
    import { ref } from "vue";
    import { DBDrawer } from "@db-ui/v-components";
    const openDrawer = ref<boolean>(false);
    const toggleDrawer = (open: boolean) => {
    openDrawer = open;
    };
    </script>
    <template>
    <DBDrawer :open="openDrawer" @close="toggleDrawer(false)">
    My Drawer content
    </DBDrawer>
    <DBButton @click="toggleDrawer(true)">Open me</DBButton>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script setup lang="ts">
    import { ref } from "vue";
    import { DBDrawer } from "@db-ui/v-components";
    const openDrawer = ref<boolean>(false);
    const toggleDrawer = (open: boolean) => {
    openDrawer = open;
    };
    </script>
    <template>
    <DBDrawer :open="openDrawer" @close="toggleDrawer(false)">
    My Drawer content
    </DBDrawer>
    <DBButton @click="toggleDrawer(true)">Open me</DBButton>
    </template>

    \ No newline at end of file diff --git a/review/main/components/drawer/examples.html b/review/main/components/drawer/examples.html index 53522a5d5ba..489022fab70 100644 --- a/review/main/components/drawer/examples.html +++ b/review/main/components/drawer/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/drawer/how-to-use.html b/review/main/components/drawer/how-to-use.html index de3328271be..1efad42accf 100644 --- a/review/main/components/drawer/how-to-use.html +++ b/review/main/components/drawer/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/drawer/migration.html b/review/main/components/drawer/migration.html index e0b1223f92c..5e4296bf00c 100644 --- a/review/main/components/drawer/migration.html +++ b/review/main/components/drawer/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/drawer/overview.html b/review/main/components/drawer/overview.html index e6908afbd6e..a065050d5e7 100644 --- a/review/main/components/drawer/overview.html +++ b/review/main/components/drawer/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/drawer/properties.html b/review/main/components/drawer/properties.html index b5e7cd49c46..0d66a52988e 100644 --- a/review/main/components/drawer/properties.html +++ b/review/main/components/drawer/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/header/docs/Angular.html b/review/main/components/header/docs/Angular.html index 44487b6629a..095634ae889 100644 --- a/review/main/components/header/docs/Angular.html +++ b/review/main/components/header/docs/Angular.html @@ -1,4 +1,4 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    @@ -8,4 +8,4 @@

    Simple

    app.component.html

    <!-- app.component.html -->
    <db-header>
    <db-brand brand>Header</db-brand>
    </db-header>

    Full

    app.component.ts

    // File: app.component.ts
    import { Component } from "@angular/core";
    @Component({
    selector: "app-root",
    templateUrl: "./app.component.html"
    })
    export class AppComponent {
    drawerOpen = false;
    toggleDrawer = (open: boolean) => {
    this.drawerOpen = open;
    };
    }

    -
    app.component.html

    <!-- app.component.html -->
    <db-header [drawerOpen]="drawerOpen" (onToggle)="toggleDrawer($event)">
    <db-brand brand>My Awesome App</db-brand>
    <db-main-navigation *dbNavigation>
    <!-- https://github.com/db-ui/mono/blob/main/packages/components/src/components/main-navigation/docs/Angular.md -->
    </db-main-navigation>
    <ng-container *dbMetaNavigation>
    <DBLink href="#">Imprint</DBLink>
    <DBLink href="#">Help</DBLink>
    </ng-container>
    <ng-container call-to-action>
    <DBButton icon="search" variant="text" [noText]="true">
    Search
    </DBButton>
    </ng-container>
    <ng-container *dbActionBar>
    <DBButton icon="account" variant="text" [noText]="true">
    Profile
    </DBButton>
    <DBButton icon="alert" variant="text" [noText]="true">
    Notification
    </DBButton>
    <DBButton icon="help" variant="text" [noText]="true"> Help </DBButton>
    </ng-container>
    </db-header>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-header [drawerOpen]="drawerOpen" (onToggle)="toggleDrawer($event)">
    <db-brand brand>My Awesome App</db-brand>
    <db-main-navigation *dbNavigation>
    <!-- https://github.com/db-ui/mono/blob/main/packages/components/src/components/main-navigation/docs/Angular.md -->
    </db-main-navigation>
    <ng-container *dbMetaNavigation>
    <DBLink href="#">Imprint</DBLink>
    <DBLink href="#">Help</DBLink>
    </ng-container>
    <ng-container call-to-action>
    <DBButton icon="search" variant="text" [noText]="true">
    Search
    </DBButton>
    </ng-container>
    <ng-container *dbActionBar>
    <DBButton icon="account" variant="text" [noText]="true">
    Profile
    </DBButton>
    <DBButton icon="alert" variant="text" [noText]="true">
    Notification
    </DBButton>
    <DBButton icon="help" variant="text" [noText]="true"> Help </DBButton>
    </ng-container>
    </db-header>

    \ No newline at end of file diff --git a/review/main/components/header/docs/HTML.html b/review/main/components/header/docs/HTML.html index 16a90e2a79b..0cc25076cba 100644 --- a/review/main/components/header/docs/HTML.html +++ b/review/main/components/header/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <header class="db-header">
    <div class="db-brand">Header</div>
    </header>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <header class="db-header">
    <div class="db-brand">Header</div>
    </header>
    </body>

    \ No newline at end of file diff --git a/review/main/components/header/docs/React.html b/review/main/components/header/docs/React.html index 9595d93905a..a290df8813e 100644 --- a/review/main/components/header/docs/React.html +++ b/review/main/components/header/docs/React.html @@ -1,8 +1,8 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    Simple

    App.tsx

    // App.tsx
    import { DBHeader, DBBrand } from "@db-ui/react-components";
    const App = () => <DBHeader slotBrand={<DBBrand>Header</DBBrand>} />;
    export default App;

    Full

    -
    App.tsx

    // App.tsx
    import { useState } from "react";
    import { DBHeader, DBBrand, DBLink } from "@db-ui/react-components";
    const [drawerOpen, setDrawerOpen] = useState<boolean>(false);
    const App = () => (
    <DBHeader
    drawerOpen={drawerOpen}
    onToggle={setDrawerOpen}
    slotBrand={<DBBrand>My Awesome App</DBBrand>}
    slotMetaNavigation={
    <>
    <DBLink href="#">Imprint</DBLink>
    <DBLink href="#">Help</DBLink>
    </>
    }
    slotCallToAction={
    <DBButton icon="search" variant="text" noText>
    Search
    </DBButton>
    }
    slotActionBar={
    <>
    <DBButton icon="account" variant="text" noText>
    Profile
    </DBButton>
    <DBButton icon="alert" variant="text" noText>
    Notification
    </DBButton>
    <DBButton icon="help" variant="text" noText>
    Help
    </DBButton>
    </>
    }
    >
    <DBMainNavigation>
    // https://github.com/db-ui/mono/blob/main/packages/components/src/components/main-navigation/docs/React.md
    </DBMainNavigation>
    </DBHeader>
    );
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { useState } from "react";
    import { DBHeader, DBBrand, DBLink } from "@db-ui/react-components";
    const [drawerOpen, setDrawerOpen] = useState<boolean>(false);
    const App = () => (
    <DBHeader
    drawerOpen={drawerOpen}
    onToggle={setDrawerOpen}
    slotBrand={<DBBrand>My Awesome App</DBBrand>}
    slotMetaNavigation={
    <>
    <DBLink href="#">Imprint</DBLink>
    <DBLink href="#">Help</DBLink>
    </>
    }
    slotCallToAction={
    <DBButton icon="search" variant="text" noText>
    Search
    </DBButton>
    }
    slotActionBar={
    <>
    <DBButton icon="account" variant="text" noText>
    Profile
    </DBButton>
    <DBButton icon="alert" variant="text" noText>
    Notification
    </DBButton>
    <DBButton icon="help" variant="text" noText>
    Help
    </DBButton>
    </>
    }
    >
    <DBMainNavigation>
    // https://github.com/db-ui/mono/blob/main/packages/components/src/components/main-navigation/docs/React.md
    </DBMainNavigation>
    </DBHeader>
    );
    export default App;

    \ No newline at end of file diff --git a/review/main/components/header/docs/Vue.html b/review/main/components/header/docs/Vue.html index 88a65977a3b..0a3c34c5cd5 100644 --- a/review/main/components/header/docs/Vue.html +++ b/review/main/components/header/docs/Vue.html @@ -1,8 +1,8 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    Simple

    App.vue

    <!-- App.vue -->
    <script>
    import { DBHeader, DBBrand } from "@db-ui/v-components";
    </script>
    <template>
    <DBHeader>
    <DBBrand slot="brand">Header</DBBrand>
    </DBHeader>
    </template>

    Full

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { ref } from "vue";
    import { DBHeader, DBBrand, DBLink, DBButton } from "@db-ui/v-components";
    const drawerOpen = ref(false);
    const toggleDrawer = (open: boolean) => {
    drawerOpen.value = open;
    };
    </script>
    <template>
    <DBHeader :drawerOpen="drawerOpen" :onToggle="toggleDrawer">
    <template v-slot:brand>
    <DBBrand> My Awesome App </DBBrand>
    </template>
    <template v-slot:call-to-action>
    <DBButton icon="search" variant="text" :no-text="true">
    Search
    </DBButton>
    </template>
    <template v-slot:action-bar>
    <DBButton icon="account" variant="text" :no-text="true">
    Profile
    </DBButton>
    <DBButton icon="alert" variant="text" :no-text="true">
    Notification
    </DBButton>
    <DBButton icon="help" variant="text" :no-text="true">
    Help
    </DBButton>
    </template>
    <template v-slot:meta-navigation>
    <DBLink href="#">Imprint</DBLink>
    <DBLink href="#">Help</DBLink>
    </template>
    <DBMainNavigation>
    // https://github.com/db-ui/mono/blob/main/packages/components/src/components/main-navigation/docs/Vue.md
    </DBMainNavigation>
    </DBHeader>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { ref } from "vue";
    import { DBHeader, DBBrand, DBLink, DBButton } from "@db-ui/v-components";
    const drawerOpen = ref(false);
    const toggleDrawer = (open: boolean) => {
    drawerOpen.value = open;
    };
    </script>
    <template>
    <DBHeader :drawerOpen="drawerOpen" :onToggle="toggleDrawer">
    <template v-slot:brand>
    <DBBrand> My Awesome App </DBBrand>
    </template>
    <template v-slot:call-to-action>
    <DBButton icon="search" variant="text" :no-text="true">
    Search
    </DBButton>
    </template>
    <template v-slot:action-bar>
    <DBButton icon="account" variant="text" :no-text="true">
    Profile
    </DBButton>
    <DBButton icon="alert" variant="text" :no-text="true">
    Notification
    </DBButton>
    <DBButton icon="help" variant="text" :no-text="true">
    Help
    </DBButton>
    </template>
    <template v-slot:meta-navigation>
    <DBLink href="#">Imprint</DBLink>
    <DBLink href="#">Help</DBLink>
    </template>
    <DBMainNavigation>
    // https://github.com/db-ui/mono/blob/main/packages/components/src/components/main-navigation/docs/Vue.md
    </DBMainNavigation>
    </DBHeader>
    </template>

    \ No newline at end of file diff --git a/review/main/components/header/examples.html b/review/main/components/header/examples.html index 8f4c01507eb..a01adb45f77 100644 --- a/review/main/components/header/examples.html +++ b/review/main/components/header/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/header/how-to-use.html b/review/main/components/header/how-to-use.html index 499eeb720b4..8bfb552fa3e 100644 --- a/review/main/components/header/how-to-use.html +++ b/review/main/components/header/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/header/migration.html b/review/main/components/header/migration.html index c1a584a9a79..27dbd9a86f8 100644 --- a/review/main/components/header/migration.html +++ b/review/main/components/header/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/header/properties.html b/review/main/components/header/properties.html index 941c3653f06..eba67f369a6 100644 --- a/review/main/components/header/properties.html +++ b/review/main/components/header/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/icon/docs/Angular.html b/review/main/components/icon/docs/Angular.html index c1a4f513c31..e821fc48cc7 100644 --- a/review/main/components/icon/docs/Angular.html +++ b/review/main/components/icon/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBIconModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBIconModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-icon icon="account">Icon</db-icon>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-icon icon="account">Icon</db-icon>

    \ No newline at end of file diff --git a/review/main/components/icon/docs/HTML.html b/review/main/components/icon/docs/HTML.html index 0c11d8cbae6..d5546803828 100644 --- a/review/main/components/icon/docs/HTML.html +++ b/review/main/components/icon/docs/HTML.html @@ -1,6 +1,6 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    You could use the data-icon or data-icon-after attributes on any HTML tag:

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <span data-icon="account"> Icon </span>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <span data-icon="account"> Icon </span>
    </body>

    \ No newline at end of file diff --git a/review/main/components/icon/docs/React.html b/review/main/components/icon/docs/React.html index 200a837b82d..f77296ba929 100644 --- a/review/main/components/icon/docs/React.html +++ b/review/main/components/icon/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBIcon } from "@db-ui/react-components";
    const App = () => <DBIcon icon="account">Icon</DBIcon>;
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBIcon } from "@db-ui/react-components";
    const App = () => <DBIcon icon="account">Icon</DBIcon>;
    export default App;

    \ No newline at end of file diff --git a/review/main/components/icon/docs/Vue.html b/review/main/components/icon/docs/Vue.html index 3ce900b9ceb..db9c4d04d20 100644 --- a/review/main/components/icon/docs/Vue.html +++ b/review/main/components/icon/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBIcon } from "@db-ui/v-components";
    </script>
    <template>
    <DBIcon icon="account">Icon</DBIcon>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBIcon } from "@db-ui/v-components";
    </script>
    <template>
    <DBIcon icon="account">Icon</DBIcon>
    </template>

    \ No newline at end of file diff --git a/review/main/components/icon/examples.html b/review/main/components/icon/examples.html index 68062041262..3dbdb897a2b 100644 --- a/review/main/components/icon/examples.html +++ b/review/main/components/icon/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/icon/how-to-use.html b/review/main/components/icon/how-to-use.html index 811f423d3e0..1832febf8bb 100644 --- a/review/main/components/icon/how-to-use.html +++ b/review/main/components/icon/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/icon/migration.html b/review/main/components/icon/migration.html index 409f2918010..1447efdfe59 100644 --- a/review/main/components/icon/migration.html +++ b/review/main/components/icon/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/icon/properties.html b/review/main/components/icon/properties.html index 01eabcac955..ea3bb42e461 100644 --- a/review/main/components/icon/properties.html +++ b/review/main/components/icon/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/infotext.html b/review/main/components/infotext.html index d4b7a359194..1ce0b332191 100644 --- a/review/main/components/infotext.html +++ b/review/main/components/infotext.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/infotext/code/Size.html b/review/main/components/infotext/code/Size.html index 2ab55cac7df..d428fa26df1 100644 --- a/review/main/components/infotext/code/Size.html +++ b/review/main/components/infotext/code/Size.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-infotext>(Default) Medium</db-infotext>

    -
    angular
    react
    vue
    html

    <db-infotext size="small">Small</db-infotext>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-infotext size="small">Small</db-infotext>

    \ No newline at end of file diff --git a/review/main/components/infotext/code/Tonality.html b/review/main/components/infotext/code/Tonality.html index 63091c12112..090e0dd3e5a 100644 --- a/review/main/components/infotext/code/Tonality.html +++ b/review/main/components/infotext/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-infotext>functional</db-infotext>

    angular
    react
    vue
    html

    <db-infotext>regular (Default)</db-infotext>

    -
    angular
    react
    vue
    html

    <db-infotext>expressive</db-infotext>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-infotext>expressive</db-infotext>

    \ No newline at end of file diff --git a/review/main/components/infotext/code/Variant.html b/review/main/components/infotext/code/Variant.html index 97e56943cf7..5918c086e95 100644 --- a/review/main/components/infotext/code/Variant.html +++ b/review/main/components/infotext/code/Variant.html @@ -1,6 +1,6 @@ -
    +
    angular
    react
    vue
    html

    <db-infotext>(Default) Adaptive</db-infotext>

    angular
    react
    vue
    html

    <db-infotext variant="critical">Critical</db-infotext>

    angular
    react
    vue
    html

    <db-infotext variant="informational">Informational</db-infotext>

    angular
    react
    vue
    html

    <db-infotext variant="successful">Successful</db-infotext>

    -
    angular
    react
    vue
    html

    <db-infotext variant="warning">Warning</db-infotext>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-infotext variant="warning">Warning</db-infotext>

    \ No newline at end of file diff --git a/review/main/components/infotext/docs/Angular.html b/review/main/components/infotext/docs/Angular.html index 83ee780e509..685e385b46b 100644 --- a/review/main/components/infotext/docs/Angular.html +++ b/review/main/components/infotext/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBInfotextModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBInfotextModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-infotext>Infotext</db-infotext>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-infotext>Infotext</db-infotext>

    \ No newline at end of file diff --git a/review/main/components/infotext/docs/HTML.html b/review/main/components/infotext/docs/HTML.html index 0df2ddccba9..e5e89d9a82b 100644 --- a/review/main/components/infotext/docs/HTML.html +++ b/review/main/components/infotext/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <span class="db-infotext"> Infotext </span>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <span class="db-infotext"> Infotext </span>
    </body>

    \ No newline at end of file diff --git a/review/main/components/infotext/docs/Migration.html b/review/main/components/infotext/docs/Migration.html index ad4f85270eb..f3ad8bb5e06 100644 --- a/review/main/components/infotext/docs/Migration.html +++ b/review/main/components/infotext/docs/Migration.html @@ -1,7 +1,7 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Components

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/infotext/docs/React.html b/review/main/components/infotext/docs/React.html index b8b9dc432e3..161845e3772 100644 --- a/review/main/components/infotext/docs/React.html +++ b/review/main/components/infotext/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBInfotext } from "@db-ui/react-components";
    const App = () => <DBInfotext>Infotext</DBInfotext>;
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBInfotext } from "@db-ui/react-components";
    const App = () => <DBInfotext>Infotext</DBInfotext>;
    export default App;

    \ No newline at end of file diff --git a/review/main/components/infotext/docs/Vue.html b/review/main/components/infotext/docs/Vue.html index d498b74265e..9e4ec163271 100644 --- a/review/main/components/infotext/docs/Vue.html +++ b/review/main/components/infotext/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBInfotext } from "@db-ui/v-components";
    </script>
    <template>
    <DBInfotext>Infotext</DBInfotext>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBInfotext } from "@db-ui/v-components";
    </script>
    <template>
    <DBInfotext>Infotext</DBInfotext>
    </template>

    \ No newline at end of file diff --git a/review/main/components/infotext/examples.html b/review/main/components/infotext/examples.html index 0399489dd74..b0b15d9e6ca 100644 --- a/review/main/components/infotext/examples.html +++ b/review/main/components/infotext/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/infotext/how-to-use.html b/review/main/components/infotext/how-to-use.html index a05fdee131f..12c1f2ca75f 100644 --- a/review/main/components/infotext/how-to-use.html +++ b/review/main/components/infotext/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/infotext/migration.html b/review/main/components/infotext/migration.html index a96d79ef85b..cfdeab1ea24 100644 --- a/review/main/components/infotext/migration.html +++ b/review/main/components/infotext/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/infotext/overview.html b/review/main/components/infotext/overview.html index 850ac7056c7..1d01c308f05 100644 --- a/review/main/components/infotext/overview.html +++ b/review/main/components/infotext/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/infotext/properties.html b/review/main/components/infotext/properties.html index 85190450ee6..ac1bc994fdd 100644 --- a/review/main/components/infotext/properties.html +++ b/review/main/components/infotext/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/input.html b/review/main/components/input.html index 1d8f1e0c4af..ee163e8db58 100644 --- a/review/main/components/input.html +++ b/review/main/components/input.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/input/code/Content.html b/review/main/components/input/code/Content.html index 8f17c9ed9ec..67f3840e381 100644 --- a/review/main/components/input/code/Content.html +++ b/review/main/components/input/code/Content.html @@ -1,6 +1,6 @@ -
    +
    angular
    react
    vue
    html

    <db-input label="Label" value="(Default) Text">
    (Default) Text
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Number" value="123456" type="number">
    Filled Number
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" icon="x_placeholder">
    Text - Leading Icon
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" icon="x_placeholder" iconAfter="x_placeholder">
    Text - Leading Icon - Trailing Icon
    </db-input>

    -
    angular
    react
    vue
    html

    <db-input label="Label" iconAfter="x_placeholder">
    Text - Trailing Icon
    </db-input>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-input label="Label" iconAfter="x_placeholder">
    Text - Trailing Icon
    </db-input>

    \ No newline at end of file diff --git a/review/main/components/input/code/ExampleTypes.html b/review/main/components/input/code/ExampleTypes.html index 880dc447156..f10488e4d93 100644 --- a/review/main/components/input/code/ExampleTypes.html +++ b/review/main/components/input/code/ExampleTypes.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-input label="Label">(Default) Text</db-input>

    angular
    react
    vue
    html

    <db-input label="Label" type="password">
    Password
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" type="search">
    Search
    </db-input>

    @@ -10,4 +10,4 @@
    angular
    react
    vue
    html

    <db-input label="Label" type="datetime-local">
    Datetime Local
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" type="month">
    Month
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" type="time">
    Time
    </db-input>

    -
    angular
    react
    vue
    html

    <db-input label="Label" type="week">
    Week
    </db-input>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-input label="Label" type="week">
    Week
    </db-input>

    \ No newline at end of file diff --git a/review/main/components/input/code/ExampleTypesFloatingLabel.html b/review/main/components/input/code/ExampleTypesFloatingLabel.html index 0c55ed67189..1a308f9018d 100644 --- a/review/main/components/input/code/ExampleTypesFloatingLabel.html +++ b/review/main/components/input/code/ExampleTypesFloatingLabel.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-input label="Label" labelVariant="floating">
    (Default) Text
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" type="password" labelVariant="floating">
    Password
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" type="search" labelVariant="floating">
    Search
    </db-input>

    @@ -10,4 +10,4 @@
    angular
    react
    vue
    html

    <db-input label="Label" type="datetime-local" labelVariant="floating">
    Datetime Local
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" type="month" labelVariant="floating">
    Month
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" type="time" labelVariant="floating">
    Time
    </db-input>

    -
    angular
    react
    vue
    html

    <db-input label="Label" type="week" labelVariant="floating">
    Week
    </db-input>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-input label="Label" type="week" labelVariant="floating">
    Week
    </db-input>

    \ No newline at end of file diff --git a/review/main/components/input/code/Requirement.html b/review/main/components/input/code/Requirement.html index 8adb3c25ded..77000dcad91 100644 --- a/review/main/components/input/code/Requirement.html +++ b/review/main/components/input/code/Requirement.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-input label="Label">(Default) Optional</db-input>

    angular
    react
    vue
    html

    <db-input label="Label" [required]="true">Required</db-input>

    -
    angular
    react
    vue
    html

    <db-input label="Label" value="Required - Filled" [required]="true">Required - Filled</db-input>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-input label="Label" value="Required - Filled" [required]="true">Required - Filled</db-input>

    \ No newline at end of file diff --git a/review/main/components/input/code/Semantic.html b/review/main/components/input/code/Semantic.html index 7deeb3bac68..7c27a30db6b 100644 --- a/review/main/components/input/code/Semantic.html +++ b/review/main/components/input/code/Semantic.html @@ -1,6 +1,6 @@ -
    +
    angular
    react
    vue
    html

    <db-input label="Label" message="Helper Message">
    (Default) Adaptive
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" variant="critical" message="Critical Message">
    Critical
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" variant="informational" message="Informational Message">
    Informational
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" variant="successful" message="Successful Message">
    Successful
    </db-input>

    -
    angular
    react
    vue
    html

    <db-input label="Label" variant="warning" message="Warning Message">
    Warning
    </db-input>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-input label="Label" variant="warning" message="Warning Message">
    Warning
    </db-input>

    \ No newline at end of file diff --git a/review/main/components/input/code/StatesFloatingLabel.html b/review/main/components/input/code/StatesFloatingLabel.html index 4b5d532b81e..4fff6b35c50 100644 --- a/review/main/components/input/code/StatesFloatingLabel.html +++ b/review/main/components/input/code/StatesFloatingLabel.html @@ -1,7 +1,7 @@ -
    +
    angular
    react
    vue
    html

    <db-input label="Label" labelVariant="floating">
    (Default) Empty
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" value="Filled" labelVariant="floating">
    Filled
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" [invalid]="true" value="Filled - Invalid" labelVariant="floating">Filled - Invalid</db-input>

    angular
    react
    vue
    html

    <db-input label="Label" value="Filled - Valid" [invalid]="false" labelVariant="floating">Filled - Valid</db-input>

    angular
    react
    vue
    html

    <db-input label="Label" [disabled]="true" labelVariant="floating">Disabled</db-input>

    -
    angular
    react
    vue
    html

    <db-input label="Label" value="Readonly - Filled" [readOnly]="true" labelVariant="floating">Readonly - Filled</db-input>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-input label="Label" value="Readonly - Filled" [readOnly]="true" labelVariant="floating">Readonly - Filled</db-input>

    \ No newline at end of file diff --git a/review/main/components/input/code/StatesLabelAbove.html b/review/main/components/input/code/StatesLabelAbove.html index b9a3e83cc70..db0d7261be5 100644 --- a/review/main/components/input/code/StatesLabelAbove.html +++ b/review/main/components/input/code/StatesLabelAbove.html @@ -1,7 +1,7 @@ -
    +
    angular
    react
    vue
    html

    <db-input label="Label">(Default) Empty</db-input>

    angular
    react
    vue
    html

    <db-input label="Label" value="Filled">
    Filled
    </db-input>

    angular
    react
    vue
    html

    <db-input label="Label" value="Filled - Invalid" [invalid]="true">Filled - Invalid</db-input>

    angular
    react
    vue
    html

    <db-input label="Label" value="Filled - Valid" [invalid]="false">Filled - Valid</db-input>

    angular
    react
    vue
    html

    <db-input label="Label" [disabled]="true">Disabled</db-input>

    -
    angular
    react
    vue
    html

    <db-input label="Label" value="Readonly - Filled" [readOnly]="true">Readonly - Filled</db-input>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-input label="Label" value="Readonly - Filled" [readOnly]="true">Readonly - Filled</db-input>

    \ No newline at end of file diff --git a/review/main/components/input/code/Tonality.html b/review/main/components/input/code/Tonality.html index 6f4b9f19cfe..ea3cb769b51 100644 --- a/review/main/components/input/code/Tonality.html +++ b/review/main/components/input/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-input label="Label">Functional</db-input>

    angular
    react
    vue
    html

    <db-input label="Label">(Default) Regular</db-input>

    -
    angular
    react
    vue
    html

    <db-input label="Label">Expressive</db-input>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-input label="Label">Expressive</db-input>

    \ No newline at end of file diff --git a/review/main/components/input/code/VariantHelperMessage.html b/review/main/components/input/code/VariantHelperMessage.html index d8b466e4de7..fbd4077c2b0 100644 --- a/review/main/components/input/code/VariantHelperMessage.html +++ b/review/main/components/input/code/VariantHelperMessage.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-input label="Label">(Default) Basic</db-input>

    -
    angular
    react
    vue
    html

    <db-input label="Label" message="Helper Message">
    Helper Message
    </db-input>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-input label="Label" message="Helper Message">
    Helper Message
    </db-input>

    \ No newline at end of file diff --git a/review/main/components/input/code/VariantLabel.html b/review/main/components/input/code/VariantLabel.html index 5a46fc3b322..83558f33951 100644 --- a/review/main/components/input/code/VariantLabel.html +++ b/review/main/components/input/code/VariantLabel.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-input label="Label">(Default) Label Above</db-input>

    angular
    react
    vue
    html

    <db-input label="Label" labelVariant="floating" value="Floating Label">
    Floating Label
    </db-input>

    -
    angular
    react
    vue
    html

    <db-input label="Label" labelVariant="hidden">
    Hidden Label
    </db-input>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-input label="Label" labelVariant="hidden">
    Hidden Label
    </db-input>

    \ No newline at end of file diff --git a/review/main/components/input/docs/Angular.html b/review/main/components/input/docs/Angular.html index 353ee6f5f92..3708a2c0591 100644 --- a/review/main/components/input/docs/Angular.html +++ b/review/main/components/input/docs/Angular.html @@ -1,4 +1,4 @@ -
    +

    Angular

    Load SCSS globally within styles.scss in your app:


    @forward "@db-ui/components/build/styles/db-ui-42-webpack";

    @@ -20,4 +20,4 @@

    How to use with Template driven Forms

    Our input component implements this interface so you can use it like any other native element with ngModel:


    // app.module.ts
    @NgModule({
    …
    imports: [ FormsModule, …]
    })


    <!-- form.component.html-->
    <form>
    <DBInput
    ngDefaultControl
    [(ngModel)]="input"
    label="Textinput"
    placeholder="Placeholder"
    description="Description"
    ></DBInput>
    <DBButton type="button" variant="primary" (click)="showValues()"
    >Get input value</DBButton
    >
    </form>
    <h2>Output</h2>
    <dl>
    <dt>input's value</dt>
    <dd>{{ input ? input : "No Input set" }}</dd>
    </dl>

    -

    // form.component.ts
    export class FormComponent {
    input = "";
    showValues(): void {
    alert(JSON.stringify({ input: this.input }));
    }
    }

    \ No newline at end of file +

    // form.component.ts
    export class FormComponent {
    input = "";
    showValues(): void {
    alert(JSON.stringify({ input: this.input }));
    }
    }

    \ No newline at end of file diff --git a/review/main/components/input/docs/HTML.html b/review/main/components/input/docs/HTML.html index 62511d17796..6c5271a3400 100644 --- a/review/main/components/input/docs/HTML.html +++ b/review/main/components/input/docs/HTML.html @@ -1,6 +1,6 @@ -
    +

    HTML

    Load SCSS globally somewhere in your app:


    @forward "@db-ui/components/build/styles/db-ui-42";

    Use it:

    -

    <div class="db-input">
    <label for="username">Label</label>
    <input type="text" name="username" id="username" />
    </div>

    \ No newline at end of file +

    <div class="db-input">
    <label for="username">Label</label>
    <input type="text" name="username" id="username" />
    </div>

    \ No newline at end of file diff --git a/review/main/components/input/docs/React.html b/review/main/components/input/docs/React.html index 4b7989dc855..0d2b98f1ecd 100644 --- a/review/main/components/input/docs/React.html +++ b/review/main/components/input/docs/React.html @@ -1,6 +1,6 @@ -
    +

    React

    Load SCSS globally in a index.scss file inside main.tsx/main.jsx within your app:


    @forward "@db-ui/components/build/styles/db-ui-42-rollup";

    Import component:

    -

    import { DBInput } from "@db-ui/react-components";
    <DBInput
    label={label}
    placeholder={description}
    description={description}
    onChange={handleChange}
    ></DBInput>;

    \ No newline at end of file +

    import { DBInput } from "@db-ui/react-components";
    <DBInput
    label={label}
    placeholder={description}
    description={description}
    onChange={handleChange}
    ></DBInput>;

    \ No newline at end of file diff --git a/review/main/components/input/docs/Vue.html b/review/main/components/input/docs/Vue.html index 066dec64aeb..c2b05a03021 100644 --- a/review/main/components/input/docs/Vue.html +++ b/review/main/components/input/docs/Vue.html @@ -1,4 +1,4 @@ -
    +

    Vue

    Load SCSS globally in a index.scss file and import it in your main.ts/main.js file in your app:


    @forward "@db-ui/components/build/styles/db-ui-42-rollup";

    @@ -7,4 +7,4 @@

    Vue

    To get DBInput work with v-model you have to use v-model argument syntax:


    <DBInput
    label="Textlabel"
    placeholder="Start typing"
    v-model:value="value"
    ></DBInput>

    or using on-change listener:

    -

    <DBInput label="Textlabel" placeholder="Start" :value="modelAndChange" @change="($event) => { modelAndChange = $event.target.value;
    }"/> {{ modelAndChange }}

    \ No newline at end of file +

    <DBInput label="Textlabel" placeholder="Start" :value="modelAndChange" @change="($event) => { modelAndChange = $event.target.value;
    }"/> {{ modelAndChange }}

    \ No newline at end of file diff --git a/review/main/components/input/examples.html b/review/main/components/input/examples.html index 5998e2b983e..c3c20e0a6e6 100644 --- a/review/main/components/input/examples.html +++ b/review/main/components/input/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/input/how-to-use.html b/review/main/components/input/how-to-use.html index 1918e4dc17d..bc4cb32c089 100644 --- a/review/main/components/input/how-to-use.html +++ b/review/main/components/input/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/input/migration.html b/review/main/components/input/migration.html index beedd6614ce..5ef53b19d72 100644 --- a/review/main/components/input/migration.html +++ b/review/main/components/input/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/input/overview.html b/review/main/components/input/overview.html index 4880c19f7bf..4950e953ab8 100644 --- a/review/main/components/input/overview.html +++ b/review/main/components/input/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/input/properties.html b/review/main/components/input/properties.html index edb7bbe460b..64bd389d48c 100644 --- a/review/main/components/input/properties.html +++ b/review/main/components/input/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/link.html b/review/main/components/link.html index 44569b382b4..f68e922ecc9 100644 --- a/review/main/components/link.html +++ b/review/main/components/link.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/link/code/Content.html b/review/main/components/link/code/Content.html index 23071e9d1dd..1ccb8caf1a5 100644 --- a/review/main/components/link/code/Content.html +++ b/review/main/components/link/code/Content.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-link href="#">(Default) Internal</db-link>

    -
    angular
    react
    vue
    html

    <db-link href="#" content="external">
    External
    </db-link>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-link href="#" content="external">
    External
    </db-link>

    \ No newline at end of file diff --git a/review/main/components/link/code/Size.html b/review/main/components/link/code/Size.html index 6b2e29848ac..37a24df176a 100644 --- a/review/main/components/link/code/Size.html +++ b/review/main/components/link/code/Size.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-link href="#">(Default) Medium</db-link>

    -
    angular
    react
    vue
    html

    <db-link href="#" size="small">
    Small
    </db-link>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-link href="#" size="small">
    Small
    </db-link>

    \ No newline at end of file diff --git a/review/main/components/link/code/State.html b/review/main/components/link/code/State.html index 7d7e3b674b0..e4f92f1dfc0 100644 --- a/review/main/components/link/code/State.html +++ b/review/main/components/link/code/State.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-link href="#">Default: (Enabled, Hover, Pressed)</db-link>

    -
    angular
    react
    vue
    html

    <db-link href="#" [disabled]="true">Disabled</db-link>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-link href="#" [disabled]="true">Disabled</db-link>

    \ No newline at end of file diff --git a/review/main/components/link/code/Tonality.html b/review/main/components/link/code/Tonality.html index b93cf8501b2..728af79dfa2 100644 --- a/review/main/components/link/code/Tonality.html +++ b/review/main/components/link/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-link href="#">functional</db-link>

    angular
    react
    vue
    html

    <db-link href="#">regular (Default)</db-link>

    -
    angular
    react
    vue
    html

    <db-link href="#">expressive</db-link>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-link href="#">expressive</db-link>

    \ No newline at end of file diff --git a/review/main/components/link/code/Variant.html b/review/main/components/link/code/Variant.html index ad7cd7faca0..ae030705692 100644 --- a/review/main/components/link/code/Variant.html +++ b/review/main/components/link/code/Variant.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-link href="#">(Default) Adaptive</db-link>

    -
    angular
    react
    vue
    html

    <db-link href="#" variant="primary">
    Primary
    </db-link>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-link href="#" variant="primary">
    Primary
    </db-link>

    \ No newline at end of file diff --git a/review/main/components/link/docs/Angular.html b/review/main/components/link/docs/Angular.html index b2e3d7d12b4..db168924f59 100644 --- a/review/main/components/link/docs/Angular.html +++ b/review/main/components/link/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBLinkModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBLinkModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-link href="#" variant="primary">Link</db-link>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-link href="#" variant="primary">Link</db-link>

    \ No newline at end of file diff --git a/review/main/components/link/docs/HTML.html b/review/main/components/link/docs/HTML.html index 043da7e788c..89989d32747 100644 --- a/review/main/components/link/docs/HTML.html +++ b/review/main/components/link/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <a class="db-link" href="#">Link</a>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <a class="db-link" href="#">Link</a>
    </body>

    \ No newline at end of file diff --git a/review/main/components/link/docs/React.html b/review/main/components/link/docs/React.html index b03dc898ce0..74248e554ef 100644 --- a/review/main/components/link/docs/React.html +++ b/review/main/components/link/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBLink } from "@db-ui/react-components";
    const App = () => (
    <DBLink href="#" variant="primary">
    Link
    </DBLink>
    );
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBLink } from "@db-ui/react-components";
    const App = () => (
    <DBLink href="#" variant="primary">
    Link
    </DBLink>
    );
    export default App;

    \ No newline at end of file diff --git a/review/main/components/link/docs/Vue.html b/review/main/components/link/docs/Vue.html index 0e66284b730..035401d8c30 100644 --- a/review/main/components/link/docs/Vue.html +++ b/review/main/components/link/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBLink } from "@db-ui/v-components";
    </script>
    <template>
    <DBLink href="#" variant="primary">Link</DBLink>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBLink } from "@db-ui/v-components";
    </script>
    <template>
    <DBLink href="#" variant="primary">Link</DBLink>
    </template>

    \ No newline at end of file diff --git a/review/main/components/link/examples.html b/review/main/components/link/examples.html index 0ff0eabab8f..4d85c0105d6 100644 --- a/review/main/components/link/examples.html +++ b/review/main/components/link/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/link/how-to-use.html b/review/main/components/link/how-to-use.html index bbce2b6380b..dd4582103f7 100644 --- a/review/main/components/link/how-to-use.html +++ b/review/main/components/link/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/link/migration.html b/review/main/components/link/migration.html index c151420dce5..02b973298e7 100644 --- a/review/main/components/link/migration.html +++ b/review/main/components/link/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/link/overview.html b/review/main/components/link/overview.html index c1fb8e7992f..ab96860610b 100644 --- a/review/main/components/link/overview.html +++ b/review/main/components/link/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/link/properties.html b/review/main/components/link/properties.html index 45926b0b4d6..df71295a692 100644 --- a/review/main/components/link/properties.html +++ b/review/main/components/link/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/main-navigation.html b/review/main/components/main-navigation.html index 91678721625..9cac1c1d756 100644 --- a/review/main/components/main-navigation.html +++ b/review/main/components/main-navigation.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/main-navigation/code/Tonality.html b/review/main/components/main-navigation/code/Tonality.html index 67d53585c55..bf1b31fd01b 100644 --- a/review/main/components/main-navigation/code/Tonality.html +++ b/review/main/components/main-navigation/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-main-navigation>functional</db-main-navigation>

    angular
    react
    vue
    html

    <db-main-navigation>regular (Default)</db-main-navigation>

    -
    angular
    react
    vue
    html

    <db-main-navigation>expressive</db-main-navigation>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-main-navigation>expressive</db-main-navigation>

    \ No newline at end of file diff --git a/review/main/components/main-navigation/docs/Angular.html b/review/main/components/main-navigation/docs/Angular.html index d5de587f9db..a0d19ded012 100644 --- a/review/main/components/main-navigation/docs/Angular.html +++ b/review/main/components/main-navigation/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBMainNavigationModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBMainNavigationModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-main-navigation>
    <db-navigation-item [active]="true">
    <ng-container sub-navigation>
    <db-navigation-item [active]="true">
    <ng-container *dbNavigationContent>
    Sub-Navi-Item 1
    </ng-container>
    <ng-container sub-navigation>
    <db-navigation-item [active]="true">
    <ng-container *dbNavigationContent>
    <a href="#">Sub-Sub-Navi-Item 1</a>
    </ng-container>
    </db-navigation-item>
    <db-navigation-item>
    <ng-container *dbNavigationContent>
    <a href="#">Sub-Sub-Navi-Item 2</a>
    </ng-container>
    </db-navigation-item>
    </ng-container>
    </db-navigation-item>
    <db-navigation-item>
    <ng-container *dbNavigationContent>
    <a href="#">Sub-Navi-Item 2</a>
    </ng-container>
    </db-navigation-item>
    </ng-container>
    <ng-container *dbNavigationContent> Navi-Item 1 </ng-container>
    </db-navigation-item>
    <db-navigation-item icon="account">
    <ng-container *dbNavigationContent>
    <a href="#">Navi-Item 2</a>
    </ng-container>
    </db-navigation-item>
    <db-navigation-item [disabled]="true">
    <ng-container *dbNavigationContent>
    <a href="#">Navi-Item 3</a>
    </ng-container>
    </db-navigation-item>
    </db-main-navigation>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-main-navigation>
    <db-navigation-item [active]="true">
    <ng-container sub-navigation>
    <db-navigation-item [active]="true">
    <ng-container *dbNavigationContent>
    Sub-Navi-Item 1
    </ng-container>
    <ng-container sub-navigation>
    <db-navigation-item [active]="true">
    <ng-container *dbNavigationContent>
    <a href="#">Sub-Sub-Navi-Item 1</a>
    </ng-container>
    </db-navigation-item>
    <db-navigation-item>
    <ng-container *dbNavigationContent>
    <a href="#">Sub-Sub-Navi-Item 2</a>
    </ng-container>
    </db-navigation-item>
    </ng-container>
    </db-navigation-item>
    <db-navigation-item>
    <ng-container *dbNavigationContent>
    <a href="#">Sub-Navi-Item 2</a>
    </ng-container>
    </db-navigation-item>
    </ng-container>
    <ng-container *dbNavigationContent> Navi-Item 1 </ng-container>
    </db-navigation-item>
    <db-navigation-item icon="account">
    <ng-container *dbNavigationContent>
    <a href="#">Navi-Item 2</a>
    </ng-container>
    </db-navigation-item>
    <db-navigation-item [disabled]="true">
    <ng-container *dbNavigationContent>
    <a href="#">Navi-Item 3</a>
    </ng-container>
    </db-navigation-item>
    </db-main-navigation>

    \ No newline at end of file diff --git a/review/main/components/main-navigation/docs/HTML.html b/review/main/components/main-navigation/docs/HTML.html index 1831aa4225f..dd62c7a18bd 100644 --- a/review/main/components/main-navigation/docs/HTML.html +++ b/review/main/components/main-navigation/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <nav class="db-main-navigation">
    <menu>
    <li class="db-navigation-item" aria-current="page">
    <button
    class="db-navigation-item-expand-button"
    aria-haspopup="true"
    >
    Navi-Item 1
    </button>
    <menu class="db-sub-navigation">
    <li class="db-navigation-item" aria-current="page">
    <button
    class="db-navigation-item-expand-button"
    aria-haspopup="true"
    >
    Sub-Navi-Item 1
    </button>
    <menu class="db-sub-navigation">
    <li class="db-navigation-item" aria-current="page">
    <a href="#">Sub-Sub-Navi-Item 1</a>
    </li>
    <li class="db-navigation-item">
    <a href="#">Sub-Sub-Navi-Item 2</a>
    </li>
    </menu>
    </li>
    <li class="db-navigation-item">
    <a href="#">Sub-Navi-Item 2</a>
    </li>
    </menu>
    </li>
    <li class="db-navigation-item" data-icon="account">
    <a href="#">Navi-Item 2</a>
    </li>
    <li class="db-navigation-item" aria-disabled="true">
    <a href="#">Navi-Item 3</a>
    </li>
    </menu>
    </nav>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <nav class="db-main-navigation">
    <menu>
    <li class="db-navigation-item" aria-current="page">
    <button
    class="db-navigation-item-expand-button"
    aria-haspopup="true"
    >
    Navi-Item 1
    </button>
    <menu class="db-sub-navigation">
    <li class="db-navigation-item" aria-current="page">
    <button
    class="db-navigation-item-expand-button"
    aria-haspopup="true"
    >
    Sub-Navi-Item 1
    </button>
    <menu class="db-sub-navigation">
    <li class="db-navigation-item" aria-current="page">
    <a href="#">Sub-Sub-Navi-Item 1</a>
    </li>
    <li class="db-navigation-item">
    <a href="#">Sub-Sub-Navi-Item 2</a>
    </li>
    </menu>
    </li>
    <li class="db-navigation-item">
    <a href="#">Sub-Navi-Item 2</a>
    </li>
    </menu>
    </li>
    <li class="db-navigation-item" data-icon="account">
    <a href="#">Navi-Item 2</a>
    </li>
    <li class="db-navigation-item" aria-disabled="true">
    <a href="#">Navi-Item 3</a>
    </li>
    </menu>
    </nav>
    </body>

    \ No newline at end of file diff --git a/review/main/components/main-navigation/docs/React.html b/review/main/components/main-navigation/docs/React.html index a625cd6512d..abb0165c58b 100644 --- a/review/main/components/main-navigation/docs/React.html +++ b/review/main/components/main-navigation/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBMainNavigation } from "@db-ui/react-components";
    const App = () => (
    <DBMainNavigation>
    <DBNavigationItem
    active
    slotSubNavigation={
    <>
    <DBNavigationItem
    active
    slotSubNavigation={
    <>
    <DBNavigationItem active>
    <a href="#">Sub-Sub-Navi-Item 1</a>
    </DBNavigationItem>
    <DBNavigationItem>
    <a href="#">Sub-Sub-Navi-Item 2</a>
    </DBNavigationItem>
    </>
    }
    >
    Sub-Navi-Item 1
    </DBNavigationItem>
    <DBNavigationItem>
    <a href="#">Sub-Navi-Item 2</a>
    </DBNavigationItem>
    </>
    }
    >
    Navi-Item 1
    </DBNavigationItem>
    <DBNavigationItem icon="account">
    <a href="#">Navi-Item 2</a>
    </DBNavigationItem>
    <DBNavigationItem disabled>
    <a href="#">Navi-Item 3</a>
    </DBNavigationItem>
    </DBMainNavigation>
    );
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBMainNavigation } from "@db-ui/react-components";
    const App = () => (
    <DBMainNavigation>
    <DBNavigationItem
    active
    slotSubNavigation={
    <>
    <DBNavigationItem
    active
    slotSubNavigation={
    <>
    <DBNavigationItem active>
    <a href="#">Sub-Sub-Navi-Item 1</a>
    </DBNavigationItem>
    <DBNavigationItem>
    <a href="#">Sub-Sub-Navi-Item 2</a>
    </DBNavigationItem>
    </>
    }
    >
    Sub-Navi-Item 1
    </DBNavigationItem>
    <DBNavigationItem>
    <a href="#">Sub-Navi-Item 2</a>
    </DBNavigationItem>
    </>
    }
    >
    Navi-Item 1
    </DBNavigationItem>
    <DBNavigationItem icon="account">
    <a href="#">Navi-Item 2</a>
    </DBNavigationItem>
    <DBNavigationItem disabled>
    <a href="#">Navi-Item 3</a>
    </DBNavigationItem>
    </DBMainNavigation>
    );
    export default App;

    \ No newline at end of file diff --git a/review/main/components/main-navigation/docs/Vue.html b/review/main/components/main-navigation/docs/Vue.html index 7f664612fc9..3b46de5bb8a 100644 --- a/review/main/components/main-navigation/docs/Vue.html +++ b/review/main/components/main-navigation/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBMainNavigation, DBNavigationItem } from "@db-ui/v-components";
    </script>
    <template>
    <DBMainNavigation>
    <DBNavigationItem :active="true">
    Navi-Item 1
    <template v-slot:sub-navigation>
    <DBNavigationItem :active="true">
    Sub-Navi-Item 1
    <template v-slot:sub-navigation>
    <DBNavigationItem :active="true">
    <a href="#">Sub-Sub-Navi-Item 1</a>
    </DBNavigationItem>
    <DBNavigationItem>
    <a href="#">Sub-Sub-Navi-Item 2</a>
    </DBNavigationItem>
    </template>
    </DBNavigationItem>
    <DBNavigationItem>
    <a href="#">Sub-Navi-Item 2</a>
    </DBNavigationItem>
    </template>
    </DBNavigationItem>
    <DBNavigationItem icon="account">
    <a href="#">Navi-Item 2</a>
    </DBNavigationItem>
    <DBNavigationItem :disabled="true">
    <a href="#">Navi-Item 3</a>
    </DBNavigationItem>
    </DBMainNavigation>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBMainNavigation, DBNavigationItem } from "@db-ui/v-components";
    </script>
    <template>
    <DBMainNavigation>
    <DBNavigationItem :active="true">
    Navi-Item 1
    <template v-slot:sub-navigation>
    <DBNavigationItem :active="true">
    Sub-Navi-Item 1
    <template v-slot:sub-navigation>
    <DBNavigationItem :active="true">
    <a href="#">Sub-Sub-Navi-Item 1</a>
    </DBNavigationItem>
    <DBNavigationItem>
    <a href="#">Sub-Sub-Navi-Item 2</a>
    </DBNavigationItem>
    </template>
    </DBNavigationItem>
    <DBNavigationItem>
    <a href="#">Sub-Navi-Item 2</a>
    </DBNavigationItem>
    </template>
    </DBNavigationItem>
    <DBNavigationItem icon="account">
    <a href="#">Navi-Item 2</a>
    </DBNavigationItem>
    <DBNavigationItem :disabled="true">
    <a href="#">Navi-Item 3</a>
    </DBNavigationItem>
    </DBMainNavigation>
    </template>

    \ No newline at end of file diff --git a/review/main/components/main-navigation/examples.html b/review/main/components/main-navigation/examples.html index ab55315f803..eb5ad5436ef 100644 --- a/review/main/components/main-navigation/examples.html +++ b/review/main/components/main-navigation/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/main-navigation/how-to-use.html b/review/main/components/main-navigation/how-to-use.html index 73e413d3ca1..ca44c0e6232 100644 --- a/review/main/components/main-navigation/how-to-use.html +++ b/review/main/components/main-navigation/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/main-navigation/migration.html b/review/main/components/main-navigation/migration.html index 3849b39d325..d078a8391f7 100644 --- a/review/main/components/main-navigation/migration.html +++ b/review/main/components/main-navigation/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/main-navigation/overview.html b/review/main/components/main-navigation/overview.html index ce2ba6a33d2..e5af1546d75 100644 --- a/review/main/components/main-navigation/overview.html +++ b/review/main/components/main-navigation/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/main-navigation/properties.html b/review/main/components/main-navigation/properties.html index 5bfc60d8ff3..bef0da1c347 100644 --- a/review/main/components/main-navigation/properties.html +++ b/review/main/components/main-navigation/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/navigation-item.html b/review/main/components/navigation-item.html index d7afba84bbb..6451046b775 100644 --- a/review/main/components/navigation-item.html +++ b/review/main/components/navigation-item.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/navigation-item/code/Content.html b/review/main/components/navigation-item/code/Content.html index 29f7a422763..6c81091882c 100644 --- a/review/main/components/navigation-item/code/Content.html +++ b/review/main/components/navigation-item/code/Content.html @@ -1,5 +1,5 @@ -
    +
    angular
    react
    vue
    html

    <db-navigation-item icon="account" [areaPopup]="false">Leading Icon - Text</db-navigation-item>

    angular
    react
    vue
    html

    <db-navigation-item icon="account" [areaPopup]="true">Leading Icon - Text - Trailing Icon</db-navigation-item>

    angular
    react
    vue
    html

    <db-navigation-item [areaPopup]="true">Text - Trailing Icon</db-navigation-item>

    -
    angular
    react
    vue
    html

    <db-navigation-item [areaPopup]="false">Text</db-navigation-item>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-navigation-item [areaPopup]="false">Text</db-navigation-item>

    \ No newline at end of file diff --git a/review/main/components/navigation-item/code/States.html b/review/main/components/navigation-item/code/States.html index bc935ed12e2..00fc97dce96 100644 --- a/review/main/components/navigation-item/code/States.html +++ b/review/main/components/navigation-item/code/States.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-navigation-item [areaPopup]="true">Enabled (Default)</db-navigation-item>

    angular
    react
    vue
    html

    <db-navigation-item [active]="true" [areaPopup]="true">Active</db-navigation-item>

    -
    angular
    react
    vue
    html

    <db-navigation-item [disabled]="true" [areaPopup]="true">Disabled</db-navigation-item>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-navigation-item [disabled]="true" [areaPopup]="true">Disabled</db-navigation-item>

    \ No newline at end of file diff --git a/review/main/components/navigation-item/code/Tonality.html b/review/main/components/navigation-item/code/Tonality.html index 5e36bd651fe..3f23e331794 100644 --- a/review/main/components/navigation-item/code/Tonality.html +++ b/review/main/components/navigation-item/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-navigation-item [areaPopup]="true">functional</db-navigation-item>

    angular
    react
    vue
    html

    <db-navigation-item [areaPopup]="true">regular (Default)</db-navigation-item>

    -
    angular
    react
    vue
    html

    <db-navigation-item [areaPopup]="true">expressive</db-navigation-item>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-navigation-item [areaPopup]="true">expressive</db-navigation-item>

    \ No newline at end of file diff --git a/review/main/components/navigation-item/code/Width.html b/review/main/components/navigation-item/code/Width.html index f24ba7366d1..dae192e283f 100644 --- a/review/main/components/navigation-item/code/Width.html +++ b/review/main/components/navigation-item/code/Width.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-navigation-item [areaPopup]="true">Auto (Default)</db-navigation-item>

    -
    angular
    react
    vue
    html

    <db-navigation-item width="full" [areaPopup]="true">Full</db-navigation-item>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-navigation-item width="full" [areaPopup]="true">Full</db-navigation-item>

    \ No newline at end of file diff --git a/review/main/components/navigation-item/docs/Angular.html b/review/main/components/navigation-item/docs/Angular.html index 1664bd219ca..68623f2d8a0 100644 --- a/review/main/components/navigation-item/docs/Angular.html +++ b/review/main/components/navigation-item/docs/Angular.html @@ -1,8 +1,8 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBNavigationItemModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    declarations: [...,NavigationContentDirective],
    imports: [..., DBNavigationItemModule],
    ...
    })

    Use component

    We try to set areaPopup (has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set areaPopup with true/false for sub-navigation or link

    -
    app.component.html

    <!-- app.component.html -->
    <!-- Only link -->
    <db-navigation-item [areaPopup]="false">
    <ng-container *dbNavigationContent>
    <a routerLink="mypath">NavigationItem</a>
    </ng-container>
    </db-navigation-item>
    <!-- With Sub-Navigation -->
    <db-navigation-item [areaPopup]="true">
    <ng-container *dbNavigationContent>Navi-Item 1</ng-container>
    <ng-container sub-navigation>
    <db-navigation-item [areaPopup]="false">
    <ng-container *dbNavigationContent>
    <a routerLink="mypath">Sub-Navi-Item 1</a>
    </ng-container>
    </db-navigation-item>
    <db-navigation-item [areaPopup]="false">
    <ng-container *dbNavigationContent>
    <a routerLink="mypath">Sub-Navi-Item 2</a>
    </ng-container>
    </db-navigation-item>
    </ng-container>
    </db-navigation-item>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <!-- Only link -->
    <db-navigation-item [areaPopup]="false">
    <ng-container *dbNavigationContent>
    <a routerLink="mypath">NavigationItem</a>
    </ng-container>
    </db-navigation-item>
    <!-- With Sub-Navigation -->
    <db-navigation-item [areaPopup]="true">
    <ng-container *dbNavigationContent>Navi-Item 1</ng-container>
    <ng-container sub-navigation>
    <db-navigation-item [areaPopup]="false">
    <ng-container *dbNavigationContent>
    <a routerLink="mypath">Sub-Navi-Item 1</a>
    </ng-container>
    </db-navigation-item>
    <db-navigation-item [areaPopup]="false">
    <ng-container *dbNavigationContent>
    <a routerLink="mypath">Sub-Navi-Item 2</a>
    </ng-container>
    </db-navigation-item>
    </ng-container>
    </db-navigation-item>

    \ No newline at end of file diff --git a/review/main/components/navigation-item/docs/HTML.html b/review/main/components/navigation-item/docs/HTML.html index bb6dd2af4a1..00ffba5f88e 100644 --- a/review/main/components/navigation-item/docs/HTML.html +++ b/review/main/components/navigation-item/docs/HTML.html @@ -1,6 +1,6 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    If you want to use sub-navigations for mobile you need to add a eventListner:click on the db-navigation-item-expand-button. This eventListener should set aria-expanded to true for the button. This will open a static overlay for mobile/tablet devices with your db-sub-navigation. For desktop devices it works by default with :hover.

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <!-- Only link -->
    <li class="db-navigation-item">
    <a href="mypath">NavigationItem</a>
    </li>
    <!-- With Sub-Navigation -->
    <li class="db-navigation-item">
    <button class="db-navigation-item-expand-button" aria-haspopup="true">
    Navi-Item 1
    </button>
    <menu class="db-sub-navigation">
    <a href="mypath">Sub-Navi-Item 1</a>
    <a href="mypath">Sub-Navi-Item 2</a>
    </menu>
    </li>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <!-- Only link -->
    <li class="db-navigation-item">
    <a href="mypath">NavigationItem</a>
    </li>
    <!-- With Sub-Navigation -->
    <li class="db-navigation-item">
    <button class="db-navigation-item-expand-button" aria-haspopup="true">
    Navi-Item 1
    </button>
    <menu class="db-sub-navigation">
    <a href="mypath">Sub-Navi-Item 1</a>
    <a href="mypath">Sub-Navi-Item 2</a>
    </menu>
    </li>
    </body>

    \ No newline at end of file diff --git a/review/main/components/navigation-item/docs/Migration.html b/review/main/components/navigation-item/docs/Migration.html index ab153da4b21..e4e88c16b13 100644 --- a/review/main/components/navigation-item/docs/Migration.html +++ b/review/main/components/navigation-item/docs/Migration.html @@ -1,7 +1,7 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Components

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/navigation-item/docs/React.html b/review/main/components/navigation-item/docs/React.html index 2f18043d0b8..e0fee207ebf 100644 --- a/review/main/components/navigation-item/docs/React.html +++ b/review/main/components/navigation-item/docs/React.html @@ -1,6 +1,6 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    We try to set areaPopup (has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set areaPopup with true/false for sub-navigation or link

    -
    App.tsx

    // App.tsx
    import { Link } from "react-router-dom";
    import { DBNavigationItem } from "@db-ui/react-components";
    const App = () => (
    <>
    {/* Only link */}
    <DBNavigationItem>
    <Link to="mypath">NavigationItem</Link>
    </DBNavigationItem>
    {/* With Sub-Navigation */}
    <DBNavigationItem
    slotSubNavigation={
    <>
    <DBNavigationItem>
    <Link to="mypath">Sub-Navi-Item 1</Link>
    </DBNavigationItem>
    <DBNavigationItem>
    <Link to="mypath">Sub-Navi-Item 2</Link>
    </DBNavigationItem>
    </>
    }
    >
    Navi-Item 1
    </DBNavigationItem>
    </>
    );
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { Link } from "react-router-dom";
    import { DBNavigationItem } from "@db-ui/react-components";
    const App = () => (
    <>
    {/* Only link */}
    <DBNavigationItem>
    <Link to="mypath">NavigationItem</Link>
    </DBNavigationItem>
    {/* With Sub-Navigation */}
    <DBNavigationItem
    slotSubNavigation={
    <>
    <DBNavigationItem>
    <Link to="mypath">Sub-Navi-Item 1</Link>
    </DBNavigationItem>
    <DBNavigationItem>
    <Link to="mypath">Sub-Navi-Item 2</Link>
    </DBNavigationItem>
    </>
    }
    >
    Navi-Item 1
    </DBNavigationItem>
    </>
    );
    export default App;

    \ No newline at end of file diff --git a/review/main/components/navigation-item/docs/Vue.html b/review/main/components/navigation-item/docs/Vue.html index 19673e202a3..b1ffe86e18f 100644 --- a/review/main/components/navigation-item/docs/Vue.html +++ b/review/main/components/navigation-item/docs/Vue.html @@ -1,6 +1,6 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    We try to set areaPopup (has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set areaPopup with true/false for sub-navigation or link

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBNavigationItem } from "@db-ui/v-components";
    </script>
    <template>
    <!-- Only link -->
    <DBNavigationItem>
    <router-link to="mypath">NavigationItem</router-link>
    </DBNavigationItem>
    <!-- With Sub-Navigation -->
    <DBNavigationItem>
    <template #sub-navigation>
    <DBNavigationItem>
    <router-link to="mypath">Sub-Navi-Item 1</router-link>
    </DBNavigationItem>
    <DBNavigationItem>
    <router-link to="mypath">Sub-Navi-Item 2</router-link>
    </DBNavigationItem>
    </template>
    Navi-Item 1
    </DBNavigationItem>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBNavigationItem } from "@db-ui/v-components";
    </script>
    <template>
    <!-- Only link -->
    <DBNavigationItem>
    <router-link to="mypath">NavigationItem</router-link>
    </DBNavigationItem>
    <!-- With Sub-Navigation -->
    <DBNavigationItem>
    <template #sub-navigation>
    <DBNavigationItem>
    <router-link to="mypath">Sub-Navi-Item 1</router-link>
    </DBNavigationItem>
    <DBNavigationItem>
    <router-link to="mypath">Sub-Navi-Item 2</router-link>
    </DBNavigationItem>
    </template>
    Navi-Item 1
    </DBNavigationItem>
    </template>

    \ No newline at end of file diff --git a/review/main/components/navigation-item/examples.html b/review/main/components/navigation-item/examples.html index d30612bd6bd..bd3d9c2cae9 100644 --- a/review/main/components/navigation-item/examples.html +++ b/review/main/components/navigation-item/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/navigation-item/how-to-use.html b/review/main/components/navigation-item/how-to-use.html index f6cadae93fd..c463efdcd93 100644 --- a/review/main/components/navigation-item/how-to-use.html +++ b/review/main/components/navigation-item/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/navigation-item/migration.html b/review/main/components/navigation-item/migration.html index d0c6b0b10a8..257550e758b 100644 --- a/review/main/components/navigation-item/migration.html +++ b/review/main/components/navigation-item/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/navigation-item/overview.html b/review/main/components/navigation-item/overview.html index a8d0f6c6e60..0f72c2ab862 100644 --- a/review/main/components/navigation-item/overview.html +++ b/review/main/components/navigation-item/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/navigation-item/properties.html b/review/main/components/navigation-item/properties.html index 4deebf111ef..a5f0449f89a 100644 --- a/review/main/components/navigation-item/properties.html +++ b/review/main/components/navigation-item/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/page/docs/Angular.html b/review/main/components/page/docs/Angular.html index 0ee46aab1e7..4c20f828e74 100644 --- a/review/main/components/page/docs/Angular.html +++ b/review/main/components/page/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBPageModule, DBHeaderModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBPageModule, DBHeaderModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-page>
    <db-header header>...</db-header>
    <main class="db-main">Main Page</main>
    </db-page>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-page>
    <db-header header>...</db-header>
    <main class="db-main">Main Page</main>
    </db-page>

    \ No newline at end of file diff --git a/review/main/components/page/docs/HTML.html b/review/main/components/page/docs/HTML.html index b06070c7613..736b311ad61 100644 --- a/review/main/components/page/docs/HTML.html +++ b/review/main/components/page/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-page">
    <header class="db-header">...</header>
    <main class="db-main">Main Page</main>
    </div>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-page">
    <header class="db-header">...</header>
    <main class="db-main">Main Page</main>
    </div>
    </body>

    \ No newline at end of file diff --git a/review/main/components/page/docs/React.html b/review/main/components/page/docs/React.html index 754fbdd5f13..3184c634c43 100644 --- a/review/main/components/page/docs/React.html +++ b/review/main/components/page/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBPage, DBHeader } from "@db-ui/react-components";
    const App = () => (
    <DBPage slotHeader={<DBHeader>...</DBHeader>}>
    <main class="db-main">Main Page</main>
    </DBPage>
    );
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBPage, DBHeader } from "@db-ui/react-components";
    const App = () => (
    <DBPage slotHeader={<DBHeader>...</DBHeader>}>
    <main class="db-main">Main Page</main>
    </DBPage>
    );
    export default App;

    \ No newline at end of file diff --git a/review/main/components/page/docs/Vue.html b/review/main/components/page/docs/Vue.html index c41fe6b2cdc..20dca2c8296 100644 --- a/review/main/components/page/docs/Vue.html +++ b/review/main/components/page/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBPage, DBHeader } from "@db-ui/v-components";
    </script>
    <template>
    <DBPage>
    <DBHeader slot="header">...</DBHeader>
    <main class="db-main">Main Page</main>
    </DBPage>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBPage, DBHeader } from "@db-ui/v-components";
    </script>
    <template>
    <DBPage>
    <DBHeader slot="header">...</DBHeader>
    <main class="db-main">Main Page</main>
    </DBPage>
    </template>

    \ No newline at end of file diff --git a/review/main/components/page/examples.html b/review/main/components/page/examples.html index be0ec124fd9..b7e3faeeb46 100644 --- a/review/main/components/page/examples.html +++ b/review/main/components/page/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/page/how-to-use.html b/review/main/components/page/how-to-use.html index f0f49630ca2..9b4a988ed87 100644 --- a/review/main/components/page/how-to-use.html +++ b/review/main/components/page/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/page/migration.html b/review/main/components/page/migration.html index a16f08f7f6d..34674f6c134 100644 --- a/review/main/components/page/migration.html +++ b/review/main/components/page/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/page/properties.html b/review/main/components/page/properties.html index 09a75729bf6..a8fb9da6321 100644 --- a/review/main/components/page/properties.html +++ b/review/main/components/page/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/popover.html b/review/main/components/popover.html index d78acdb7628..0ec5183ccf0 100644 --- a/review/main/components/popover.html +++ b/review/main/components/popover.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/popover/code/Animations.html b/review/main/components/popover/code/Animations.html index c7db3fe8005..d8c4984d244 100644 --- a/review/main/components/popover/code/Animations.html +++ b/review/main/components/popover/code/Animations.html @@ -1,5 +1,5 @@ -
    +
    angular
    react
    vue
    html

    <db-popover content="Popover" id="popover-13">
    Animation no delay (Default)
    </db-popover>

    angular
    react
    vue
    html

    <db-popover content="Popover" delay="slow" id="popover-14">
    Delay slow
    </db-popover>

    angular
    react
    vue
    html

    <db-popover content="Popover" delay="fast" id="popover-15">
    Delay fast
    </db-popover>

    -
    angular
    react
    vue
    html

    <db-popover content="Popover" animation="disabled" id="popover-16">
    No animation
    </db-popover>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-popover content="Popover" animation="disabled" id="popover-16">
    No animation
    </db-popover>

    \ No newline at end of file diff --git a/review/main/components/popover/code/Gap.html b/review/main/components/popover/code/Gap.html index 67d3187051d..870d47918ce 100644 --- a/review/main/components/popover/code/Gap.html +++ b/review/main/components/popover/code/Gap.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-popover content="Popover" id="popover-11">
    No gap (Default)
    </db-popover>

    -
    angular
    react
    vue
    html

    <db-popover content="Popover" [gap]="true" id="popover-12">With gap</db-popover>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-popover content="Popover" [gap]="true" id="popover-12">With gap</db-popover>

    \ No newline at end of file diff --git a/review/main/components/popover/code/Placement.html b/review/main/components/popover/code/Placement.html index 9b450a5a3c0..ed49fbc3414 100644 --- a/review/main/components/popover/code/Placement.html +++ b/review/main/components/popover/code/Placement.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-popover content="Popover" placement="bottom-start" id="popover-07-start">
    bottom-start
    </db-popover>

    angular
    react
    vue
    html

    <db-popover content="Popover" placement="bottom" id="popover-07">
    bottom (Default)
    </db-popover>

    angular
    react
    vue
    html

    <db-popover content="Popover" placement="bottom-end" id="popover-07-end">
    bottom-end
    </db-popover>

    @@ -10,4 +10,4 @@
    angular
    react
    vue
    html

    <db-popover content="Popover" placement="right-end" id="popover-10-end">
    right-end
    </db-popover>

    angular
    react
    vue
    html

    <db-popover content="Popover" placement="top-start" id="popover-08-start">
    top-start
    </db-popover>

    angular
    react
    vue
    html

    <db-popover content="Popover" placement="top" id="popover-08">
    top
    </db-popover>

    -
    angular
    react
    vue
    html

    <db-popover content="Popover" placement="top-end" id="popover-08-end">
    top-end
    </db-popover>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-popover content="Popover" placement="top-end" id="popover-08-end">
    top-end
    </db-popover>

    \ No newline at end of file diff --git a/review/main/components/popover/code/Spacing.html b/review/main/components/popover/code/Spacing.html index d8df94d8a11..32eb901b7f5 100644 --- a/review/main/components/popover/code/Spacing.html +++ b/review/main/components/popover/code/Spacing.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-popover content="Popover" spacing="small" id="popover-04">
    Small (Default)
    </db-popover>

    angular
    react
    vue
    html

    <db-popover content="Popover" spacing="medium" id="popover-05">
    Medium
    </db-popover>

    -
    angular
    react
    vue
    html

    <db-popover content="Popover" spacing="none" id="popover-06">
    None
    </db-popover>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-popover content="Popover" spacing="none" id="popover-06">
    None
    </db-popover>

    \ No newline at end of file diff --git a/review/main/components/popover/code/Tonality.html b/review/main/components/popover/code/Tonality.html index cb9e0b8a287..69d05dd21b8 100644 --- a/review/main/components/popover/code/Tonality.html +++ b/review/main/components/popover/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-popover content="Popover" id="popover-01">
    functional
    </db-popover>

    angular
    react
    vue
    html

    <db-popover content="Popover" id="popover-02">
    regular (Default)
    </db-popover>

    -
    angular
    react
    vue
    html

    <db-popover content="Popover" id="popover-03">
    expressive
    </db-popover>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-popover content="Popover" id="popover-03">
    expressive
    </db-popover>

    \ No newline at end of file diff --git a/review/main/components/popover/code/Width.html b/review/main/components/popover/code/Width.html index 75555c16e94..3ead6d96e6f 100644 --- a/review/main/components/popover/code/Width.html +++ b/review/main/components/popover/code/Width.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-popover
    content="Max width, lorem ipsum dolor sit amet, consetetur sadipscing"
    id="popover-17"
    >
    Auto (Default)
    </db-popover>

    -
    angular
    react
    vue
    html

    <db-popover
    content="Max width, lorem ipsum dolor sit amet, consetetur sadipscing"
    width="fixed"
    id="popover-18"
    >
    Fixed
    </db-popover>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-popover
    content="Max width, lorem ipsum dolor sit amet, consetetur sadipscing"
    width="fixed"
    id="popover-18"
    >
    Fixed
    </db-popover>

    \ No newline at end of file diff --git a/review/main/components/popover/docs/Angular.html b/review/main/components/popover/docs/Angular.html index 61615d4c941..8217d2471ab 100644 --- a/review/main/components/popover/docs/Angular.html +++ b/review/main/components/popover/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBPopoverModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBPopoverModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-button describedbyid="popover-01">
    Hover on me to open Popover
    <db-popover id="popover-01">Popover</db-popover>
    </db-button>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-button describedbyid="popover-01">
    Hover on me to open Popover
    <db-popover id="popover-01">Popover</db-popover>
    </db-button>

    \ No newline at end of file diff --git a/review/main/components/popover/docs/HTML.html b/review/main/components/popover/docs/HTML.html index a65ec0bb209..5adb8a38c9c 100644 --- a/review/main/components/popover/docs/HTML.html +++ b/review/main/components/popover/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <button class="db-button" aria-describedby="popover-01">
    Hover on me to open Popover
    <i class="db-popover" id="popover-01">Popover</i>
    </button>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <button class="db-button" aria-describedby="popover-01">
    Hover on me to open Popover
    <i class="db-popover" id="popover-01">Popover</i>
    </button>
    </body>

    \ No newline at end of file diff --git a/review/main/components/popover/docs/Migration.html b/review/main/components/popover/docs/Migration.html index aecbbd090e6..c69c03314dc 100644 --- a/review/main/components/popover/docs/Migration.html +++ b/review/main/components/popover/docs/Migration.html @@ -1,7 +1,7 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Components

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/popover/docs/React.html b/review/main/components/popover/docs/React.html index 386ad651fec..45637c31e82 100644 --- a/review/main/components/popover/docs/React.html +++ b/review/main/components/popover/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBPopover, DBButton } from "@db-ui/react-components";
    const App = () => (
    <DBButton describedbyid="popover-01">
    Hover on me to open Popover
    <DBPopover id="popover-01">Popover</DBPopover>
    </DBButton>
    );
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBPopover, DBButton } from "@db-ui/react-components";
    const App = () => (
    <DBButton describedbyid="popover-01">
    Hover on me to open Popover
    <DBPopover id="popover-01">Popover</DBPopover>
    </DBButton>
    );
    export default App;

    \ No newline at end of file diff --git a/review/main/components/popover/docs/Vue.html b/review/main/components/popover/docs/Vue.html index 8276529b828..d0fadb09245 100644 --- a/review/main/components/popover/docs/Vue.html +++ b/review/main/components/popover/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBPopover, DBButton } from "@db-ui/v-components";
    </script>
    <template>
    <DBButton describedbyid="popover-01">
    Hover on me to open Popover
    <DBPopover id="popover-01">Popover</DBPopover>
    </DBButton>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBPopover, DBButton } from "@db-ui/v-components";
    </script>
    <template>
    <DBButton describedbyid="popover-01">
    Hover on me to open Popover
    <DBPopover id="popover-01">Popover</DBPopover>
    </DBButton>
    </template>

    \ No newline at end of file diff --git a/review/main/components/popover/examples.html b/review/main/components/popover/examples.html index 2c36980f6e2..81430cd5c0d 100644 --- a/review/main/components/popover/examples.html +++ b/review/main/components/popover/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/popover/how-to-use.html b/review/main/components/popover/how-to-use.html index 4dfc8c33ad6..27fbe42d2dc 100644 --- a/review/main/components/popover/how-to-use.html +++ b/review/main/components/popover/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/popover/migration.html b/review/main/components/popover/migration.html index 4b3dc524320..78da3dd911d 100644 --- a/review/main/components/popover/migration.html +++ b/review/main/components/popover/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/popover/overview.html b/review/main/components/popover/overview.html index 7b51cb4a23a..eb039faae5e 100644 --- a/review/main/components/popover/overview.html +++ b/review/main/components/popover/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/popover/properties.html b/review/main/components/popover/properties.html index ca533b559cc..bc5fe3b6e97 100644 --- a/review/main/components/popover/properties.html +++ b/review/main/components/popover/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/radio.html b/review/main/components/radio.html index 8474a3b5188..5a425d9b9a1 100644 --- a/review/main/components/radio.html +++ b/review/main/components/radio.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/radio/code/Requirement.html b/review/main/components/radio/code/Requirement.html index 78fb6d902d1..2dcc3d245f5 100644 --- a/review/main/components/radio/code/Requirement.html +++ b/review/main/components/radio/code/Requirement.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-radio name="Requirement">(Default) Optional</db-radio>

    angular
    react
    vue
    html

    <db-radio name="Requirement" [required]="true" [invalid]="true">Required</db-radio>

    -
    angular
    react
    vue
    html

    <db-radio name="Requirement" [required]="true" [checked]="true">Required - Checked</db-radio>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-radio name="Requirement" [required]="true" [checked]="true">Required - Checked</db-radio>

    \ No newline at end of file diff --git a/review/main/components/radio/code/Size.html b/review/main/components/radio/code/Size.html index ef9fd4d90fc..7352e4607fa 100644 --- a/review/main/components/radio/code/Size.html +++ b/review/main/components/radio/code/Size.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-radio name="Size">Default</db-radio>

    -
    angular
    react
    vue
    html

    <db-radio name="Size" size="small">
    Small
    </db-radio>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-radio name="Size" size="small">
    Small
    </db-radio>

    \ No newline at end of file diff --git a/review/main/components/radio/code/States.html b/review/main/components/radio/code/States.html index 78cb6d8da23..a657be1eff0 100644 --- a/review/main/components/radio/code/States.html +++ b/review/main/components/radio/code/States.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-radio name="States">Default</db-radio>

    angular
    react
    vue
    html

    <db-radio name="States" [checked]="true">Checked</db-radio>

    -
    angular
    react
    vue
    html

    <db-radio name="States" [disabled]="true">Disabled</db-radio>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-radio name="States" [disabled]="true">Disabled</db-radio>

    \ No newline at end of file diff --git a/review/main/components/radio/code/Tonality.html b/review/main/components/radio/code/Tonality.html index f6512dbade9..5cd19cbef8d 100644 --- a/review/main/components/radio/code/Tonality.html +++ b/review/main/components/radio/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-radio name="Tonality" value="functional">
    functional
    </db-radio>

    angular
    react
    vue
    html

    <db-radio name="Tonality" value="regular">
    regular (Default)
    </db-radio>

    -
    angular
    react
    vue
    html

    <db-radio name="Tonality" value="expressive">
    expressive
    </db-radio>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-radio name="Tonality" value="expressive">
    expressive
    </db-radio>

    \ No newline at end of file diff --git a/review/main/components/radio/code/VariantLabel.html b/review/main/components/radio/code/VariantLabel.html index fefe863e576..710db2c3a26 100644 --- a/review/main/components/radio/code/VariantLabel.html +++ b/review/main/components/radio/code/VariantLabel.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-radio name="Content">(Default) Label</db-radio>

    -
    angular
    react
    vue
    html

    <db-radio name="Content" labelVariant="hidden">
    Hidden Label
    </db-radio>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-radio name="Content" labelVariant="hidden">
    Hidden Label
    </db-radio>

    \ No newline at end of file diff --git a/review/main/components/radio/docs/Angular.html b/review/main/components/radio/docs/Angular.html index 9f45a2b2fad..c1f03a24f0b 100644 --- a/review/main/components/radio/docs/Angular.html +++ b/review/main/components/radio/docs/Angular.html @@ -1,4 +1,4 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    @@ -13,4 +13,4 @@

    How to use with Template Driven Forms

    form.component.html

    <!-- form.component.html -->
    <form>
    <DBRadio ngDefaultControl [(ngModel)]="radio">Label</DBRadio>
    <DBButton type="button" variant="primary" (click)="showValues()"
    >Get radio value</DBButton
    >
    </form>
    <h2>Output</h2>
    <dl>
    <dt>radio's value</dt>
    <dd>{{ radio ? radio : "No radio set" }}</dd>
    </dl>

    form.component.ts

    // form.component.ts
    export class FormComponent {
    radio = "";
    showValues(): void {
    alert(JSON.stringify({ radio: this.radio }));
    }
    }

    How to use with Reactive Forms

    -

    coming soon … if your interested in contributing, you're very welcome ;)

    \ No newline at end of file +

    coming soon … if your interested in contributing, you're very welcome ;)

    \ No newline at end of file diff --git a/review/main/components/radio/docs/HTML.html b/review/main/components/radio/docs/HTML.html index e1ce6067fa9..8ac6668cdae 100644 --- a/review/main/components/radio/docs/HTML.html +++ b/review/main/components/radio/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <input
    type="radio"
    class="db-radio"
    id="radio-element"
    name="States"
    value="Y"
    />
    <label for="radio-element">Label</label>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <input
    type="radio"
    class="db-radio"
    id="radio-element"
    name="States"
    value="Y"
    />
    <label for="radio-element">Label</label>
    </body>

    \ No newline at end of file diff --git a/review/main/components/radio/docs/React.html b/review/main/components/radio/docs/React.html index 2001a5eabf3..e28eae477da 100644 --- a/review/main/components/radio/docs/React.html +++ b/review/main/components/radio/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { useState } from "react";
    import { DBRadio } from "@db-ui/react-components";
    const App = () => (
    <ul>
    {["X", "Y", "Z"].map((radioName) => (
    <li key={radioName}>
    <DBRadio
    name="radio-group"
    value={radioName}
    onChange={() => {
    setRadio(radioName);
    }}
    >
    Radio {radioName}
    </DBRadio>
    </li>
    ))}
    </ul>
    );
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { useState } from "react";
    import { DBRadio } from "@db-ui/react-components";
    const App = () => (
    <ul>
    {["X", "Y", "Z"].map((radioName) => (
    <li key={radioName}>
    <DBRadio
    name="radio-group"
    value={radioName}
    onChange={() => {
    setRadio(radioName);
    }}
    >
    Radio {radioName}
    </DBRadio>
    </li>
    ))}
    </ul>
    );
    export default App;

    \ No newline at end of file diff --git a/review/main/components/radio/docs/Vue.html b/review/main/components/radio/docs/Vue.html index ab38319e162..45e97e5f132 100644 --- a/review/main/components/radio/docs/Vue.html +++ b/review/main/components/radio/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script setup lang="ts">
    import { DBRadio } from "@db-ui/v-components";
    import { ref } from "vue";
    const radio = ref("");
    const radioNames = ["X", "Y", "Z"];
    </script>
    <template>
    <ul>
    <li v-for="radioName in radioNames">
    <DBRadio
    @change="radio = radioName"
    name="radio-group"
    :value="radioName"
    >
    Radio {{ radioName }}
    </DBRadio>
    </li>
    </ul>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script setup lang="ts">
    import { DBRadio } from "@db-ui/v-components";
    import { ref } from "vue";
    const radio = ref("");
    const radioNames = ["X", "Y", "Z"];
    </script>
    <template>
    <ul>
    <li v-for="radioName in radioNames">
    <DBRadio
    @change="radio = radioName"
    name="radio-group"
    :value="radioName"
    >
    Radio {{ radioName }}
    </DBRadio>
    </li>
    </ul>
    </template>

    \ No newline at end of file diff --git a/review/main/components/radio/examples.html b/review/main/components/radio/examples.html index 115bf68636a..6d43fcbbbef 100644 --- a/review/main/components/radio/examples.html +++ b/review/main/components/radio/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/radio/how-to-use.html b/review/main/components/radio/how-to-use.html index cf986ed12d5..9db49a6df2f 100644 --- a/review/main/components/radio/how-to-use.html +++ b/review/main/components/radio/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/radio/migration.html b/review/main/components/radio/migration.html index 1f73d1a5823..0ad533712aa 100644 --- a/review/main/components/radio/migration.html +++ b/review/main/components/radio/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/radio/overview.html b/review/main/components/radio/overview.html index 6fb777215a8..1814f9d18b7 100644 --- a/review/main/components/radio/overview.html +++ b/review/main/components/radio/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/radio/properties.html b/review/main/components/radio/properties.html index abff099dc55..2656a65d464 100644 --- a/review/main/components/radio/properties.html +++ b/review/main/components/radio/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/readme.html b/review/main/components/readme.html index 2bf24af6d1c..2439cf3a63c 100644 --- a/review/main/components/readme.html +++ b/review/main/components/readme.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/section.html b/review/main/components/section.html index 857122e4549..8ff985ef9a8 100644 --- a/review/main/components/section.html +++ b/review/main/components/section.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/section/code/Size.html b/review/main/components/section/code/Size.html index 2ca73a97762..e12d357f7d4 100644 --- a/review/main/components/section/code/Size.html +++ b/review/main/components/section/code/Size.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-section>Medium (Default)</db-section>

    angular
    react
    vue
    html

    <db-section size="large">Large</db-section>

    -
    angular
    react
    vue
    html

    <db-section size="small">Small</db-section>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-section size="small">Small</db-section>

    \ No newline at end of file diff --git a/review/main/components/section/code/Tonality.html b/review/main/components/section/code/Tonality.html index de50659522b..ce362113313 100644 --- a/review/main/components/section/code/Tonality.html +++ b/review/main/components/section/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-section>functional</db-section>

    angular
    react
    vue
    html

    <db-section>regular (Default)</db-section>

    -
    angular
    react
    vue
    html

    <db-section>expressive</db-section>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-section>expressive</db-section>

    \ No newline at end of file diff --git a/review/main/components/section/code/Variant.html b/review/main/components/section/code/Variant.html index 64fac183354..5e719c3fcbc 100644 --- a/review/main/components/section/code/Variant.html +++ b/review/main/components/section/code/Variant.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-section>Full (Default)</db-section>

    angular
    react
    vue
    html

    <db-section variant="medium">Medium</db-section>

    -
    angular
    react
    vue
    html

    <db-section variant="large">Large</db-section>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-section variant="large">Large</db-section>

    \ No newline at end of file diff --git a/review/main/components/section/docs/Angular.html b/review/main/components/section/docs/Angular.html index aebf4583b2e..9c4e53904b0 100644 --- a/review/main/components/section/docs/Angular.html +++ b/review/main/components/section/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBSectionModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBSectionModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-section variant="full">Section</db-section>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-section variant="full">Section</db-section>

    \ No newline at end of file diff --git a/review/main/components/section/docs/HTML.html b/review/main/components/section/docs/HTML.html index ef509577804..9a4daf39e22 100644 --- a/review/main/components/section/docs/HTML.html +++ b/review/main/components/section/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <section class="db-section">
    <div data-variant="full">Section</div>
    </section>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <section class="db-section">
    <div data-variant="full">Section</div>
    </section>
    </body>

    \ No newline at end of file diff --git a/review/main/components/section/docs/Migration.html b/review/main/components/section/docs/Migration.html index d7f5c799f07..5a093f25f64 100644 --- a/review/main/components/section/docs/Migration.html +++ b/review/main/components/section/docs/Migration.html @@ -1,7 +1,7 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Components

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/section/docs/React.html b/review/main/components/section/docs/React.html index 6cb7fb7810b..c116312a4ca 100644 --- a/review/main/components/section/docs/React.html +++ b/review/main/components/section/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBSection } from "@db-ui/react-components";
    const App = () => <DBSection variant="full">Section</DBSection>;
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBSection } from "@db-ui/react-components";
    const App = () => <DBSection variant="full">Section</DBSection>;
    export default App;

    \ No newline at end of file diff --git a/review/main/components/section/docs/Vue.html b/review/main/components/section/docs/Vue.html index ff9c770b56a..83f44354060 100644 --- a/review/main/components/section/docs/Vue.html +++ b/review/main/components/section/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBSection } from "@db-ui/v-components";
    </script>
    <template>
    <DBSection variant="full">Section</DBSection>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBSection } from "@db-ui/v-components";
    </script>
    <template>
    <DBSection variant="full">Section</DBSection>
    </template>

    \ No newline at end of file diff --git a/review/main/components/section/examples.html b/review/main/components/section/examples.html index b8874a0cda3..3434eb63e87 100644 --- a/review/main/components/section/examples.html +++ b/review/main/components/section/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/section/how-to-use.html b/review/main/components/section/how-to-use.html index 631bbdfd9ac..afb19209d63 100644 --- a/review/main/components/section/how-to-use.html +++ b/review/main/components/section/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/section/migration.html b/review/main/components/section/migration.html index 1edec978a09..ff064a7c296 100644 --- a/review/main/components/section/migration.html +++ b/review/main/components/section/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/section/overview.html b/review/main/components/section/overview.html index a2f1e9b6827..392b9fe2c56 100644 --- a/review/main/components/section/overview.html +++ b/review/main/components/section/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/section/properties.html b/review/main/components/section/properties.html index e691988abcf..e801dba9583 100644 --- a/review/main/components/section/properties.html +++ b/review/main/components/section/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/select.html b/review/main/components/select.html index 305e50837e3..eda081f7ae9 100644 --- a/review/main/components/select.html +++ b/review/main/components/select.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/select/code/Content.html b/review/main/components/select/code/Content.html index 9ecbd5f3a7f..9ddada2dee9 100644 --- a/review/main/components/select/code/Content.html +++ b/review/main/components/select/code/Content.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Text</db-select>

    -
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" icon="x_placeholder">Text - Leading Icon</db-select>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" icon="x_placeholder">Text - Leading Icon</db-select>

    \ No newline at end of file diff --git a/review/main/components/select/code/Requirement.html b/review/main/components/select/code/Requirement.html index 73728750d59..7129564536d 100644 --- a/review/main/components/select/code/Requirement.html +++ b/review/main/components/select/code/Requirement.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Optional</db-select>

    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" [required]="true">Required</db-select>

    -
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Required - Filled'},{'value':'Option 2'}]" label="Label" value="Required - Filled" [required]="true">Required - Filled</db-select>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Required - Filled'},{'value':'Option 2'}]" label="Label" value="Required - Filled" [required]="true">Required - Filled</db-select>

    \ No newline at end of file diff --git a/review/main/components/select/code/Semantic.html b/review/main/components/select/code/Semantic.html index c2c5fb07996..dea0a7be5ad 100644 --- a/review/main/components/select/code/Semantic.html +++ b/review/main/components/select/code/Semantic.html @@ -1,6 +1,6 @@ -
    +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" message="Helper Message">(Default) Adaptive</db-select>

    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" variant="critical" message="Critical Message">Critical</db-select>

    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" variant="informational" message="Informational Message">Informational</db-select>

    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" variant="successful" message="Successful Message">Successful</db-select>

    -
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" variant="warning" message="Warning Message">Warning</db-select>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" variant="warning" message="Warning Message">Warning</db-select>

    \ No newline at end of file diff --git a/review/main/components/select/code/StatesFloatingLabel.html b/review/main/components/select/code/StatesFloatingLabel.html index 9f0bba1fc13..a7f0a7d9244 100644 --- a/review/main/components/select/code/StatesFloatingLabel.html +++ b/review/main/components/select/code/StatesFloatingLabel.html @@ -1,6 +1,6 @@ -
    +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" labelVariant="floating">(Default) Empty</db-select>

    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Filled'},{'value':'Option 2'}]" label="Label" value="Filled" labelVariant="floating">Filled</db-select>

    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Filled - Invalid'},{'value':'Option 2'}]" label="Label" [invalid]="true" value="Filled - Invalid" labelVariant="floating">Filled - Invalid</db-select>

    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Filled - Valid'},{'value':'Option 2'}]" label="Label" value="Filled - Valid" [invalid]="false" labelVariant="floating">Filled - Valid</db-select>

    -
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Disabled'},{'value':'Option 2'}]" label="Label" [disabled]="true" labelVariant="floating" value="Disabled">Disabled</db-select>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Disabled'},{'value':'Option 2'}]" label="Label" [disabled]="true" labelVariant="floating" value="Disabled">Disabled</db-select>

    \ No newline at end of file diff --git a/review/main/components/select/code/StatesLabelAbove.html b/review/main/components/select/code/StatesLabelAbove.html index 727be9f39df..3a3f0a33335 100644 --- a/review/main/components/select/code/StatesLabelAbove.html +++ b/review/main/components/select/code/StatesLabelAbove.html @@ -1,6 +1,6 @@ -
    +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Empty</db-select>

    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Filled'},{'value':'Option 2'}]" label="Label" value="Filled">Filled</db-select>

    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Filled - Invalid'},{'value':'Option 2'}]" label="Label" value="Filled - Invalid" [invalid]="true">Filled - Invalid</db-select>

    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Filled - Valid'},{'value':'Option 2'}]" label="Label" value="Filled - Valid" [invalid]="false">Filled - Valid</db-select>

    -
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" [disabled]="true">Disabled</db-select>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" [disabled]="true">Disabled</db-select>

    \ No newline at end of file diff --git a/review/main/components/select/code/Tonality.html b/review/main/components/select/code/Tonality.html index 22d1c557c6f..8346f7f7051 100644 --- a/review/main/components/select/code/Tonality.html +++ b/review/main/components/select/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">Functional</db-select>

    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Regular</db-select>

    -
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">Expressive</db-select>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">Expressive</db-select>

    \ No newline at end of file diff --git a/review/main/components/select/code/VariantHelperMessage.html b/review/main/components/select/code/VariantHelperMessage.html index b1aecf7e3aa..584ff4bed0b 100644 --- a/review/main/components/select/code/VariantHelperMessage.html +++ b/review/main/components/select/code/VariantHelperMessage.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Basic</db-select>

    -
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" message="Helper Message">Helper Message</db-select>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" message="Helper Message">Helper Message</db-select>

    \ No newline at end of file diff --git a/review/main/components/select/code/VariantLabel.html b/review/main/components/select/code/VariantLabel.html index f72926712d2..77c3f807dc4 100644 --- a/review/main/components/select/code/VariantLabel.html +++ b/review/main/components/select/code/VariantLabel.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Label Above</db-select>

    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Floating Label'},{'value':'Option 2'}]" label="Label" labelVariant="floating" value="Floating Label">Floating Label</db-select>

    -
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" labelVariant="hidden">Hidden Label</db-select>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" labelVariant="hidden">Hidden Label</db-select>

    \ No newline at end of file diff --git a/review/main/components/select/docs/Angular.html b/review/main/components/select/docs/Angular.html index aeda7516602..82937cbd0eb 100644 --- a/review/main/components/select/docs/Angular.html +++ b/review/main/components/select/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBSelectModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBSelectModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-select>
    <option value="test1">Test1</option>
    <option value="test2">Test2</option>
    </db-select>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-select>
    <option value="test1">Test1</option>
    <option value="test2">Test2</option>
    </db-select>

    \ No newline at end of file diff --git a/review/main/components/select/docs/HTML.html b/review/main/components/select/docs/HTML.html index 4d4cfff3dae..454760bb248 100644 --- a/review/main/components/select/docs/HTML.html +++ b/review/main/components/select/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-select">
    <label for="test">Label</label>
    <select id="test">
    <option value="test1">Test1</option>
    <option value="test2">Test2</option>
    </select>
    </div>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-select">
    <label for="test">Label</label>
    <select id="test">
    <option value="test1">Test1</option>
    <option value="test2">Test2</option>
    </select>
    </div>
    </body>

    \ No newline at end of file diff --git a/review/main/components/select/docs/Migration.html b/review/main/components/select/docs/Migration.html index 946d33c092c..4907f8dbb88 100644 --- a/review/main/components/select/docs/Migration.html +++ b/review/main/components/select/docs/Migration.html @@ -1,4 +1,4 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Components

    class

    BeforeStatusAfterDescription
    elm-select🔁db-select

    select

    -
    BeforeStatusAfterDescription
    multiple❌We removed this attribute for now, there are no valid designs for this use case.
    size❌We removed this attribute for now, there are no valid designs for this use case.
    \ No newline at end of file +
    BeforeStatusAfterDescription
    multiple❌We removed this attribute for now, there are no valid designs for this use case.
    size❌We removed this attribute for now, there are no valid designs for this use case.
    \ No newline at end of file diff --git a/review/main/components/select/docs/React.html b/review/main/components/select/docs/React.html index bc2df77a33d..e2f2d72ef19 100644 --- a/review/main/components/select/docs/React.html +++ b/review/main/components/select/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBSelect } from "@db-ui/react-components";
    const App = () => (
    <DBSelect>
    <option value="test1">Test1</option>
    <option value="test2">Test2</option>
    </DBSelect>
    );
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBSelect } from "@db-ui/react-components";
    const App = () => (
    <DBSelect>
    <option value="test1">Test1</option>
    <option value="test2">Test2</option>
    </DBSelect>
    );
    export default App;

    \ No newline at end of file diff --git a/review/main/components/select/docs/Vue.html b/review/main/components/select/docs/Vue.html index 6141d1017d1..608c3f3369d 100644 --- a/review/main/components/select/docs/Vue.html +++ b/review/main/components/select/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBSelect } from "@db-ui/v-components";
    </script>
    <template>
    <DBSelect>
    <option value="test1">Test1</option>
    <option value="test2">Test2</option>
    </DBSelect>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBSelect } from "@db-ui/v-components";
    </script>
    <template>
    <DBSelect>
    <option value="test1">Test1</option>
    <option value="test2">Test2</option>
    </DBSelect>
    </template>

    \ No newline at end of file diff --git a/review/main/components/select/examples.html b/review/main/components/select/examples.html index 5d608d33ba3..8fba26a7f6a 100644 --- a/review/main/components/select/examples.html +++ b/review/main/components/select/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/select/how-to-use.html b/review/main/components/select/how-to-use.html index 83be1ea0fa7..34ef8480ac5 100644 --- a/review/main/components/select/how-to-use.html +++ b/review/main/components/select/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/select/migration.html b/review/main/components/select/migration.html index 73688d9ab23..4099403265c 100644 --- a/review/main/components/select/migration.html +++ b/review/main/components/select/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/select/overview.html b/review/main/components/select/overview.html index 87c30c1d555..a47b61132b1 100644 --- a/review/main/components/select/overview.html +++ b/review/main/components/select/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/select/properties.html b/review/main/components/select/properties.html index 437390b57ce..d75fd7ee6b6 100644 --- a/review/main/components/select/properties.html +++ b/review/main/components/select/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tab-bar/docs/Angular.html b/review/main/components/tab-bar/docs/Angular.html index 949c21c1cb4..322ac859238 100644 --- a/review/main/components/tab-bar/docs/Angular.html +++ b/review/main/components/tab-bar/docs/Angular.html @@ -1,2 +1,2 @@ -

    Angular

    -

    TODO

    \ No newline at end of file +

    Angular

    +

    TODO

    \ No newline at end of file diff --git a/review/main/components/tab-bar/docs/HTML.html b/review/main/components/tab-bar/docs/HTML.html index a3074f48f83..d3543743aa7 100644 --- a/review/main/components/tab-bar/docs/HTML.html +++ b/review/main/components/tab-bar/docs/HTML.html @@ -1,2 +1,2 @@ -

    HTML

    -

    TODO

    \ No newline at end of file +

    HTML

    +

    TODO

    \ No newline at end of file diff --git a/review/main/components/tab-bar/docs/React.html b/review/main/components/tab-bar/docs/React.html index c9ef1a2e3b2..eaba7953699 100644 --- a/review/main/components/tab-bar/docs/React.html +++ b/review/main/components/tab-bar/docs/React.html @@ -1,2 +1,2 @@ -

    React

    -

    TODO

    \ No newline at end of file +

    React

    +

    TODO

    \ No newline at end of file diff --git a/review/main/components/tab-bar/docs/Vue.html b/review/main/components/tab-bar/docs/Vue.html index e29d3cd83fb..5410d0ec66c 100644 --- a/review/main/components/tab-bar/docs/Vue.html +++ b/review/main/components/tab-bar/docs/Vue.html @@ -1,2 +1,2 @@ -

    Vue

    -

    TODO

    \ No newline at end of file +

    Vue

    +

    TODO

    \ No newline at end of file diff --git a/review/main/components/tab-bar/examples.html b/review/main/components/tab-bar/examples.html index dfabf1ee145..56bc826b5e1 100644 --- a/review/main/components/tab-bar/examples.html +++ b/review/main/components/tab-bar/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tab-bar/how-to-use.html b/review/main/components/tab-bar/how-to-use.html index cfc20143304..e8ca2d9fd0d 100644 --- a/review/main/components/tab-bar/how-to-use.html +++ b/review/main/components/tab-bar/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tab-bar/migration.html b/review/main/components/tab-bar/migration.html index afc800a2673..7a711198928 100644 --- a/review/main/components/tab-bar/migration.html +++ b/review/main/components/tab-bar/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tab-bar/properties.html b/review/main/components/tab-bar/properties.html index 13f220c2dd3..6e6d1c28b33 100644 --- a/review/main/components/tab-bar/properties.html +++ b/review/main/components/tab-bar/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tab/docs/Angular.html b/review/main/components/tab/docs/Angular.html index 03eb4e3c60c..08b6c9889f6 100644 --- a/review/main/components/tab/docs/Angular.html +++ b/review/main/components/tab/docs/Angular.html @@ -1,2 +1,2 @@ -

    Angular

    -

    TODO

    \ No newline at end of file +

    Angular

    +

    TODO

    \ No newline at end of file diff --git a/review/main/components/tab/docs/HTML.html b/review/main/components/tab/docs/HTML.html index 89c911b35d7..f5f8da7f9b5 100644 --- a/review/main/components/tab/docs/HTML.html +++ b/review/main/components/tab/docs/HTML.html @@ -1,2 +1,2 @@ -

    HTML

    -

    TODO

    \ No newline at end of file +

    HTML

    +

    TODO

    \ No newline at end of file diff --git a/review/main/components/tab/docs/React.html b/review/main/components/tab/docs/React.html index ba5e49e0a3a..efdc6cc814c 100644 --- a/review/main/components/tab/docs/React.html +++ b/review/main/components/tab/docs/React.html @@ -1,2 +1,2 @@ -

    React

    -

    TODO

    \ No newline at end of file +

    React

    +

    TODO

    \ No newline at end of file diff --git a/review/main/components/tab/docs/Vue.html b/review/main/components/tab/docs/Vue.html index 7e1f11c0635..fc8827021af 100644 --- a/review/main/components/tab/docs/Vue.html +++ b/review/main/components/tab/docs/Vue.html @@ -1,2 +1,2 @@ -

    Vue

    -

    TODO

    \ No newline at end of file +

    Vue

    +

    TODO

    \ No newline at end of file diff --git a/review/main/components/tab/examples.html b/review/main/components/tab/examples.html index 0847d38c6a8..35a03e08115 100644 --- a/review/main/components/tab/examples.html +++ b/review/main/components/tab/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tab/how-to-use.html b/review/main/components/tab/how-to-use.html index abc44ba6651..919081bef53 100644 --- a/review/main/components/tab/how-to-use.html +++ b/review/main/components/tab/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tab/migration.html b/review/main/components/tab/migration.html index 668b3ec708c..b0d3c76994b 100644 --- a/review/main/components/tab/migration.html +++ b/review/main/components/tab/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tab/properties.html b/review/main/components/tab/properties.html index d87f8deb0b8..88a68f5d47d 100644 --- a/review/main/components/tab/properties.html +++ b/review/main/components/tab/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tag.html b/review/main/components/tag.html index 869ae173a71..6c8ecf314ae 100644 --- a/review/main/components/tag.html +++ b/review/main/components/tag.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tag/code/Behaviour.html b/review/main/components/tag/code/Behaviour.html index 4a4d09c41ab..a87e81ba42e 100644 --- a/review/main/components/tag/code/Behaviour.html +++ b/review/main/components/tag/code/Behaviour.html @@ -1,8 +1,8 @@ -
    +
    angular
    react
    vue
    html

    <db-tag>Static (Default)</db-tag>

    angular
    react
    vue
    html

    <db-tab><db-button>Interactive Button</db-button></db-tag>

    angular
    react
    vue
    html

    <db-tab><db-link>Interactive Link</db-link></db-tag>

    angular
    react
    vue
    html

    <db-tab><db-checkbox>Interactive Checkbox</db-checkbox></db-tag>

    angular
    react
    vue
    html

    <db-tab><db-radio>Interactive Radio 1</db-radio></db-tag>

    angular
    react
    vue
    html

    <db-tag component="radio" [code]="{'angular':'<db-tab><db-radio>Interactive Radio 2</db-radio></db-tag>','html':'<div class=\'db-tab\'><input type=\'radio\' class=\'db-checkbox\' id=\'checkbox-element\' /><label for=\'checkbox-element\'>Interactive Radio 2</label></div>','react':'<DBTag><DBRadio>Interactive Radio 2</DBRadio></DBTag>','vue':'<DBTag><DBRadio>Interactive Radio 2</DBRadio></DBTag>'}">Interactive Radio 2</db-tag>

    -
    angular
    react
    vue
    html

    <db-tag behaviour="removable">Removeable</db-tag>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-tag behaviour="removable">Removeable</db-tag>

    \ No newline at end of file diff --git a/review/main/components/tag/code/Content.html b/review/main/components/tag/code/Content.html index 60821ab9d1a..0b688548507 100644 --- a/review/main/components/tag/code/Content.html +++ b/review/main/components/tag/code/Content.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-tag>Text (Default)</db-tag>

    angular
    react
    vue
    html

    <db-tag icon="account" [noText]="true">Icon</db-tag>

    -
    angular
    react
    vue
    html

    <db-tag icon="account">Icon & Text</db-tag>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-tag icon="account">Icon & Text</db-tag>

    \ No newline at end of file diff --git a/review/main/components/tag/code/Emphasis.html b/review/main/components/tag/code/Emphasis.html index 7a370194364..c84a80b843c 100644 --- a/review/main/components/tag/code/Emphasis.html +++ b/review/main/components/tag/code/Emphasis.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-tag>Weak (Default)</db-tag>

    -
    angular
    react
    vue
    html

    <db-tag emphasis="strong">Strong</db-tag>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-tag emphasis="strong">Strong</db-tag>

    \ No newline at end of file diff --git a/review/main/components/tag/code/Example.html b/review/main/components/tag/code/Example.html index a412eea9749..4622f4f470a 100644 --- a/review/main/components/tag/code/Example.html +++ b/review/main/components/tag/code/Example.html @@ -1,6 +1,6 @@ -
    +
    angular
    react
    vue
    html

    <db-tab><db-button>Interactive Button</db-button></db-tag>

    angular
    react
    vue
    html

    <db-tab><db-link>Interactive Link</db-link></db-tag>

    angular
    react
    vue
    html

    <db-tab><db-checkbox>Interactive Checkbox</db-checkbox></db-tag>

    angular
    react
    vue
    html

    <db-tab><db-radio>Interactive Radio 1</db-radio></db-tag>

    -
    angular
    react
    vue
    html

    <db-tag component="radio" emphasis="strong" icon="account" [code]="{'angular':'<db-tab><db-radio>Interactive Radio 2</db-radio></db-tag>','html':'<div class=\'db-tab\'><input type=\'radio\' class=\'db-checkbox\' id=\'checkbox-element\' /><label for=\'checkbox-element\'>Interactive Radio 2</label></div>','react':'<DBTag><DBRadio>Interactive Radio 2</DBRadio></DBTag>','vue':'<DBTag><DBRadio>Interactive Radio 2</DBRadio></DBTag>'}">Interactive Strong Radio 2 with Icon</db-tag>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-tag component="radio" emphasis="strong" icon="account" [code]="{'angular':'<db-tab><db-radio>Interactive Radio 2</db-radio></db-tag>','html':'<div class=\'db-tab\'><input type=\'radio\' class=\'db-checkbox\' id=\'checkbox-element\' /><label for=\'checkbox-element\'>Interactive Radio 2</label></div>','react':'<DBTag><DBRadio>Interactive Radio 2</DBRadio></DBTag>','vue':'<DBTag><DBRadio>Interactive Radio 2</DBRadio></DBTag>'}">Interactive Strong Radio 2 with Icon</db-tag>

    \ No newline at end of file diff --git a/review/main/components/tag/code/Overflow.html b/review/main/components/tag/code/Overflow.html index 191324242b4..dd8157d11e5 100644 --- a/review/main/components/tag/code/Overflow.html +++ b/review/main/components/tag/code/Overflow.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-tag>No Overflow (Default)</db-tag>

    -
    angular
    react
    vue
    html

    <db-tag [overflow]="true">With Overflow (max-width)</db-tag>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-tag [overflow]="true">With Overflow (max-width)</db-tag>

    \ No newline at end of file diff --git a/review/main/components/tag/code/State.html b/review/main/components/tag/code/State.html index 42f0de74a15..89647f7d87e 100644 --- a/review/main/components/tag/code/State.html +++ b/review/main/components/tag/code/State.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-tab><db-checkbox>Interactive Checkbox</db-checkbox></db-tag>

    angular
    react
    vue
    html

    <db-tab><db-checkbox [checked]="true">Interactive Checkbox</db-checkbox></db-tag>

    -
    angular
    react
    vue
    html

    <db-tab><db-checkbox [checked]="true" [disabled]="true">Interactive Checkbox</db-checkbox></db-tag>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-tab><db-checkbox [checked]="true" [disabled]="true">Interactive Checkbox</db-checkbox></db-tag>

    \ No newline at end of file diff --git a/review/main/components/tag/code/Tonality.html b/review/main/components/tag/code/Tonality.html index 62bf8780b6c..ee78d85b006 100644 --- a/review/main/components/tag/code/Tonality.html +++ b/review/main/components/tag/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-tag>functional</db-tag>

    angular
    react
    vue
    html

    <db-tag>regular (Default)</db-tag>

    -
    angular
    react
    vue
    html

    <db-tag>expressive</db-tag>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-tag>expressive</db-tag>

    \ No newline at end of file diff --git a/review/main/components/tag/code/Variant.html b/review/main/components/tag/code/Variant.html index d9074ad7cd8..42740887ad4 100644 --- a/review/main/components/tag/code/Variant.html +++ b/review/main/components/tag/code/Variant.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-tag>Adaptive (Default)</db-tag>

    angular
    react
    vue
    html

    <db-tag variant="neutral">Neutral Strong</db-tag>

    angular
    react
    vue
    html

    <db-tag variant="critical">Critical</db-tag>

    @@ -10,4 +10,4 @@
    angular
    react
    vue
    html

    <db-tag variant="critical" emphasis="strong">
    Critical Strong
    </db-tag>

    angular
    react
    vue
    html

    <db-tag variant="informational" emphasis="strong">
    Informational Strong
    </db-tag>

    angular
    react
    vue
    html

    <db-tag variant="successful" emphasis="strong">
    Successful Strong
    </db-tag>

    -
    angular
    react
    vue
    html

    <db-tag variant="warning" emphasis="strong">
    Warning Strong
    </db-tag>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-tag variant="warning" emphasis="strong">
    Warning Strong
    </db-tag>

    \ No newline at end of file diff --git a/review/main/components/tag/docs/Angular.html b/review/main/components/tag/docs/Angular.html index fca3e85f195..136b66c3b86 100644 --- a/review/main/components/tag/docs/Angular.html +++ b/review/main/components/tag/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBTagModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBTagModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-tag><db-button>Tag as Button</db-button></db-tag>
    <db-tag>
    <db-link> Tag as Link </db-link>
    </db-tag>
    <db-tag><db-checkbox>Tag as Checkbox</db-checkbox></db-tag>
    <db-tag><db-radio>Tag as Radio</db-radio></db-tag>
    <db-tag>Static Tag</db-tag>
    <db-tag [overflow]="true"><span>Static Tag with overflow</span></db-tag>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-tag><db-button>Tag as Button</db-button></db-tag>
    <db-tag>
    <db-link> Tag as Link </db-link>
    </db-tag>
    <db-tag><db-checkbox>Tag as Checkbox</db-checkbox></db-tag>
    <db-tag><db-radio>Tag as Radio</db-radio></db-tag>
    <db-tag>Static Tag</db-tag>
    <db-tag [overflow]="true"><span>Static Tag with overflow</span></db-tag>

    \ No newline at end of file diff --git a/review/main/components/tag/docs/HTML.html b/review/main/components/tag/docs/HTML.html index 4d038508eeb..18544ddd8df 100644 --- a/review/main/components/tag/docs/HTML.html +++ b/review/main/components/tag/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-tag">
    <span class="tag-label">regular (Default)</span>
    </div>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-tag">
    <span class="tag-label">regular (Default)</span>
    </div>
    </body>

    \ No newline at end of file diff --git a/review/main/components/tag/docs/Migration.html b/review/main/components/tag/docs/Migration.html index c27a67058e6..bf823df5aea 100644 --- a/review/main/components/tag/docs/Migration.html +++ b/review/main/components/tag/docs/Migration.html @@ -1,4 +1,4 @@ -
    +

    General

    Note @@ -16,4 +16,4 @@

    sizes

    variants

    BeforeStatusAfterDescription
    poi-*❌❌We removed all point of interest colors for now.
    track❌❌We removed track for now.
    error🔁critical
    informative🔁informational
    success🔁successful

    icons

    -
    BeforeStatusAfterDescription
    iconAfter❌❌not valid anymore, for tags only icons before text are allowed
    \ No newline at end of file +
    BeforeStatusAfterDescription
    iconAfter❌❌not valid anymore, for tags only icons before text are allowed
    \ No newline at end of file diff --git a/review/main/components/tag/docs/React.html b/review/main/components/tag/docs/React.html index 43afa690246..35ec41f05d2 100644 --- a/review/main/components/tag/docs/React.html +++ b/review/main/components/tag/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBTag } from "@db-ui/react-components";
    const App = () => (
    <>
    <DBTag>
    <DBButton>Tag as Button</DBButton>
    </DBTag>
    <DBTag>
    <DBLink>Tag as Link</DBLink>
    </DBTag>
    <DBTag>
    <DBCheckbox>Tag as Checkbox</DBCheckbox>
    </DBTag>
    <DBTag>
    <DBRadio>Tag as Radio</DBRadio>
    </DBTag>
    <DBTag>Static Tag</DBTag>
    <DBTag overflow={true}>
    <span>Static Tag with overflow</span>
    </DBTag>
    </>
    );
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBTag } from "@db-ui/react-components";
    const App = () => (
    <>
    <DBTag>
    <DBButton>Tag as Button</DBButton>
    </DBTag>
    <DBTag>
    <DBLink>Tag as Link</DBLink>
    </DBTag>
    <DBTag>
    <DBCheckbox>Tag as Checkbox</DBCheckbox>
    </DBTag>
    <DBTag>
    <DBRadio>Tag as Radio</DBRadio>
    </DBTag>
    <DBTag>Static Tag</DBTag>
    <DBTag overflow={true}>
    <span>Static Tag with overflow</span>
    </DBTag>
    </>
    );
    export default App;

    \ No newline at end of file diff --git a/review/main/components/tag/docs/Vue.html b/review/main/components/tag/docs/Vue.html index 8ef4560ba9f..c4b587f19a2 100644 --- a/review/main/components/tag/docs/Vue.html +++ b/review/main/components/tag/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBTag } from "@db-ui/v-components";
    </script>
    <template>
    <DBTag><DBButton>Tag as Button</DBButton></DBTag>
    <DBTag>
    <DBLink> Tag as Link </DBLink>
    </DBTag>
    <DBTag><DBCheckbox>Tag as Checkbox</DBCheckbox></DBTag>
    <DBTag><DBRadio>Tag as Radio</DBRadio></DBTag>
    <DBTag>Static Tag</DBTag>
    <DBTag :overflow="true">
    <span>Static Tag with overflow</span>
    </DBTag>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBTag } from "@db-ui/v-components";
    </script>
    <template>
    <DBTag><DBButton>Tag as Button</DBButton></DBTag>
    <DBTag>
    <DBLink> Tag as Link </DBLink>
    </DBTag>
    <DBTag><DBCheckbox>Tag as Checkbox</DBCheckbox></DBTag>
    <DBTag><DBRadio>Tag as Radio</DBRadio></DBTag>
    <DBTag>Static Tag</DBTag>
    <DBTag :overflow="true">
    <span>Static Tag with overflow</span>
    </DBTag>
    </template>

    \ No newline at end of file diff --git a/review/main/components/tag/examples.html b/review/main/components/tag/examples.html index a5fd617879e..bc6b8c7944f 100644 --- a/review/main/components/tag/examples.html +++ b/review/main/components/tag/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tag/how-to-use.html b/review/main/components/tag/how-to-use.html index 58c62158807..36ba09a59ad 100644 --- a/review/main/components/tag/how-to-use.html +++ b/review/main/components/tag/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tag/migration.html b/review/main/components/tag/migration.html index 75d51bdae95..c87840eaf14 100644 --- a/review/main/components/tag/migration.html +++ b/review/main/components/tag/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tag/overview.html b/review/main/components/tag/overview.html index a004a190f38..c2ce327a648 100644 --- a/review/main/components/tag/overview.html +++ b/review/main/components/tag/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tag/properties.html b/review/main/components/tag/properties.html index adb70fe448f..88075a8e11e 100644 --- a/review/main/components/tag/properties.html +++ b/review/main/components/tag/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/textarea.html b/review/main/components/textarea.html index ce3c4624db1..62622eda7a0 100644 --- a/review/main/components/textarea.html +++ b/review/main/components/textarea.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/textarea/code/Requirement.html b/review/main/components/textarea/code/Requirement.html index c0d913108e2..8e17f69e54d 100644 --- a/review/main/components/textarea/code/Requirement.html +++ b/review/main/components/textarea/code/Requirement.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-textarea label="Label">(Default) Optional</db-textarea>

    angular
    react
    vue
    html

    <db-textarea label="Label" [required]="true">Required</db-textarea>

    -
    angular
    react
    vue
    html

    <db-textarea label="Label" value="Required - Filled" [required]="true">Required - Filled</db-textarea>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-textarea label="Label" value="Required - Filled" [required]="true">Required - Filled</db-textarea>

    \ No newline at end of file diff --git a/review/main/components/textarea/code/Rows.html b/review/main/components/textarea/code/Rows.html index aedb9805c7b..354f9664a55 100644 --- a/review/main/components/textarea/code/Rows.html +++ b/review/main/components/textarea/code/Rows.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-textarea
    label="(Default) 4 Rows"
    value="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."
    >
    (Default) 4 Rows
    </db-textarea>

    -
    angular
    react
    vue
    html

    <db-textarea label="Custom Example 8 Rows" [rows]="8" value="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.">Custom</db-textarea>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-textarea label="Custom Example 8 Rows" [rows]="8" value="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.">Custom</db-textarea>

    \ No newline at end of file diff --git a/review/main/components/textarea/code/Semantic.html b/review/main/components/textarea/code/Semantic.html index fb7076fc5cf..ac0f834fb59 100644 --- a/review/main/components/textarea/code/Semantic.html +++ b/review/main/components/textarea/code/Semantic.html @@ -1,6 +1,6 @@ -
    +
    angular
    react
    vue
    html

    <db-textarea label="Label" message="Helper Message">
    (Default) Adaptive
    </db-textarea>

    angular
    react
    vue
    html

    <db-textarea label="Label" variant="critical" message="Critical Message">
    Critical
    </db-textarea>

    angular
    react
    vue
    html

    <db-textarea
    label="Label"
    variant="informational"
    message="Informational Message"
    >
    Informational
    </db-textarea>

    angular
    react
    vue
    html

    <db-textarea label="Label" variant="successful" message="Successful Message">
    Successful
    </db-textarea>

    -
    angular
    react
    vue
    html

    <db-textarea label="Label" variant="warning" message="Warning Message">
    Warning
    </db-textarea>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-textarea label="Label" variant="warning" message="Warning Message">
    Warning
    </db-textarea>

    \ No newline at end of file diff --git a/review/main/components/textarea/code/StatesFloatingLabel.html b/review/main/components/textarea/code/StatesFloatingLabel.html index 4c2fca6381e..72055768f2e 100644 --- a/review/main/components/textarea/code/StatesFloatingLabel.html +++ b/review/main/components/textarea/code/StatesFloatingLabel.html @@ -1,7 +1,7 @@ -
    +
    angular
    react
    vue
    html

    <db-textarea label="Label" labelVariant="floating">
    (Default) Empty
    </db-textarea>

    angular
    react
    vue
    html

    <db-textarea label="Label" value="Filled" labelVariant="floating">
    Filled
    </db-textarea>

    angular
    react
    vue
    html

    <db-textarea label="Label" [invalid]="true" value="Filled - Invalid" labelVariant="floating">Filled - Invalid</db-textarea>

    angular
    react
    vue
    html

    <db-textarea label="Label" value="Filled - Valid" [invalid]="false" labelVariant="floating">Filled - Valid</db-textarea>

    angular
    react
    vue
    html

    <db-textarea label="Label" [disabled]="true" labelVariant="floating">Disabled</db-textarea>

    -
    angular
    react
    vue
    html

    <db-textarea label="Label" value="Readonly - Filled" [readOnly]="true" labelVariant="floating">Readonly - Filled</db-textarea>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-textarea label="Label" value="Readonly - Filled" [readOnly]="true" labelVariant="floating">Readonly - Filled</db-textarea>

    \ No newline at end of file diff --git a/review/main/components/textarea/code/StatesLabelAbove.html b/review/main/components/textarea/code/StatesLabelAbove.html index 0d8a20e80f5..136cc5fa9d0 100644 --- a/review/main/components/textarea/code/StatesLabelAbove.html +++ b/review/main/components/textarea/code/StatesLabelAbove.html @@ -1,7 +1,7 @@ -
    +
    angular
    react
    vue
    html

    <db-textarea label="Label">(Default) Empty</db-textarea>

    angular
    react
    vue
    html

    <db-textarea label="Label" value="Filled">
    Filled
    </db-textarea>

    angular
    react
    vue
    html

    <db-textarea label="Label" value="Filled - Invalid" [invalid]="true">Filled - Invalid</db-textarea>

    angular
    react
    vue
    html

    <db-textarea label="Label" value="Filled - Valid" [invalid]="false">Filled - Valid</db-textarea>

    angular
    react
    vue
    html

    <db-textarea label="Label" [disabled]="true">Disabled</db-textarea>

    -
    angular
    react
    vue
    html

    <db-textarea label="Label" value="Readonly - Filled" [readOnly]="true">Readonly - Filled</db-textarea>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-textarea label="Label" value="Readonly - Filled" [readOnly]="true">Readonly - Filled</db-textarea>

    \ No newline at end of file diff --git a/review/main/components/textarea/code/Tonality.html b/review/main/components/textarea/code/Tonality.html index 21957518acc..cecb8412ba8 100644 --- a/review/main/components/textarea/code/Tonality.html +++ b/review/main/components/textarea/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-textarea label="Label">Functional</db-textarea>

    angular
    react
    vue
    html

    <db-textarea label="Label">(Default) Regular</db-textarea>

    -
    angular
    react
    vue
    html

    <db-textarea label="Label">Expressive</db-textarea>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-textarea label="Label">Expressive</db-textarea>

    \ No newline at end of file diff --git a/review/main/components/textarea/code/VariantHelperMessage.html b/review/main/components/textarea/code/VariantHelperMessage.html index 4aa5b51383e..dabbb6f28f8 100644 --- a/review/main/components/textarea/code/VariantHelperMessage.html +++ b/review/main/components/textarea/code/VariantHelperMessage.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-textarea label="Label">(Default) Basic</db-textarea>

    -
    angular
    react
    vue
    html

    <db-textarea label="Label" message="Helper Message">
    Helper Message
    </db-textarea>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-textarea label="Label" message="Helper Message">
    Helper Message
    </db-textarea>

    \ No newline at end of file diff --git a/review/main/components/textarea/code/VariantLabel.html b/review/main/components/textarea/code/VariantLabel.html index 74c2995040f..00c6adb515b 100644 --- a/review/main/components/textarea/code/VariantLabel.html +++ b/review/main/components/textarea/code/VariantLabel.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-textarea label="Label">(Default) Label Above</db-textarea>

    angular
    react
    vue
    html

    <db-textarea label="Label" labelVariant="floating" value="Floating Label">
    Floating Label
    </db-textarea>

    -
    angular
    react
    vue
    html

    <db-textarea label="Label" labelVariant="hidden">
    Hidden Label
    </db-textarea>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-textarea label="Label" labelVariant="hidden">
    Hidden Label
    </db-textarea>

    \ No newline at end of file diff --git a/review/main/components/textarea/docs/Angular.html b/review/main/components/textarea/docs/Angular.html index e018f0fa43d..31af721920e 100644 --- a/review/main/components/textarea/docs/Angular.html +++ b/review/main/components/textarea/docs/Angular.html @@ -1,8 +1,8 @@ -
    +

    Angular

    For general installation and configuration look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBTextareaModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBTextareaModule],
    ...
    })

    Use component

    app.component.ts

    import { Component } from "@angular/core";
    @Component({
    selector: "app-root",
    templateUrl: "./app.component.html"
    })
    export class AppComponent {
    textarea = "default value";
    }

    -
    app.component.html

    <!-- app.component.html -->
    <db-textarea
    name="textarea"
    label="Textarea Controlled"
    placeholder="Placeholder"
    description="Description"
    icon="account"
    [value]="textarea"
    (change)="textarea = $event.target.value"
    ></db-textarea>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-textarea
    name="textarea"
    label="Textarea Controlled"
    placeholder="Placeholder"
    description="Description"
    icon="account"
    [value]="textarea"
    (change)="textarea = $event.target.value"
    ></db-textarea>

    \ No newline at end of file diff --git a/review/main/components/textarea/docs/HTML.html b/review/main/components/textarea/docs/HTML.html index 60a9d3465fd..13cb729fcf9 100644 --- a/review/main/components/textarea/docs/HTML.html +++ b/review/main/components/textarea/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-textarea">
    <label for="textarea">Label</label>
    <textarea id="textarea" rows="2" cols="33" placeholder=" "></textarea>
    </div>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <div class="db-textarea">
    <label for="textarea">Label</label>
    <textarea id="textarea" rows="2" cols="33" placeholder=" "></textarea>
    </div>
    </body>

    \ No newline at end of file diff --git a/review/main/components/textarea/docs/Migration.html b/review/main/components/textarea/docs/Migration.html index 6b282ed9557..cd0417de5c1 100644 --- a/review/main/components/textarea/docs/Migration.html +++ b/review/main/components/textarea/docs/Migration.html @@ -1,4 +1,4 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    @@ -9,4 +9,4 @@

    class

    variants

    BeforeStatusAfterDescription
    semitransparent❌
    white❌
    solid❌
    outline❌
    🆕adaptive
    🆕critical
    🆕informational
    🆕warning
    🆕successful

    other

    -
    BeforeStatusAfterDescription
    description🔁message
    \ No newline at end of file +
    BeforeStatusAfterDescription
    description🔁message
    \ No newline at end of file diff --git a/review/main/components/textarea/docs/React.html b/review/main/components/textarea/docs/React.html index fbc16718862..eec5933a149 100644 --- a/review/main/components/textarea/docs/React.html +++ b/review/main/components/textarea/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { useState } from "react";
    import { DBTextarea } from "@db-ui/react-components";
    const App = () => {
    const [textarea, setTextarea] = useState("default textarea");
    return (
    <DBTextarea
    label="Textarea Controlled"
    value={textarea}
    onChange={(event) => {
    setTextarea(event.target.value);
    }}
    />
    );
    };
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { useState } from "react";
    import { DBTextarea } from "@db-ui/react-components";
    const App = () => {
    const [textarea, setTextarea] = useState("default textarea");
    return (
    <DBTextarea
    label="Textarea Controlled"
    value={textarea}
    onChange={(event) => {
    setTextarea(event.target.value);
    }}
    />
    );
    };
    export default App;

    \ No newline at end of file diff --git a/review/main/components/textarea/docs/Vue.html b/review/main/components/textarea/docs/Vue.html index dce2f89d2a7..b103775d7d9 100644 --- a/review/main/components/textarea/docs/Vue.html +++ b/review/main/components/textarea/docs/Vue.html @@ -1,8 +1,8 @@ -
    +

    Vue

    For general installation and configuration look at the v-components package.

    General

    You cannot use a default value for textarea in vue. Use v-model:value or :value instead with a ref("My default value").

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script setup lang="ts">
    import { ref } from "vue";
    import { DBTextarea } from "@db-ui/v-components";
    const textarea = ref("default value");
    </script>
    <template>
    <DBTextarea
    label="Textarea value"
    placeholder="Placeholder"
    description="Description"
    icon="account"
    name="textarevalue-name"
    v-model:value="textarea"
    />
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script setup lang="ts">
    import { ref } from "vue";
    import { DBTextarea } from "@db-ui/v-components";
    const textarea = ref("default value");
    </script>
    <template>
    <DBTextarea
    label="Textarea value"
    placeholder="Placeholder"
    description="Description"
    icon="account"
    name="textarevalue-name"
    v-model:value="textarea"
    />
    </template>

    \ No newline at end of file diff --git a/review/main/components/textarea/examples.html b/review/main/components/textarea/examples.html index 9fd5f3fe0c9..2d2e1b8e70e 100644 --- a/review/main/components/textarea/examples.html +++ b/review/main/components/textarea/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/textarea/how-to-use.html b/review/main/components/textarea/how-to-use.html index fc3df49ab41..fd85dfeb516 100644 --- a/review/main/components/textarea/how-to-use.html +++ b/review/main/components/textarea/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/textarea/migration.html b/review/main/components/textarea/migration.html index d81c601982c..b6e741bf3b9 100644 --- a/review/main/components/textarea/migration.html +++ b/review/main/components/textarea/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/textarea/overview.html b/review/main/components/textarea/overview.html index 18dd63fb5ec..f7f021fcb4c 100644 --- a/review/main/components/textarea/overview.html +++ b/review/main/components/textarea/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/textarea/properties.html b/review/main/components/textarea/properties.html index bb803d7f5a2..9d15e707071 100644 --- a/review/main/components/textarea/properties.html +++ b/review/main/components/textarea/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tooltip.html b/review/main/components/tooltip.html index 299edb91b26..629a503f0cc 100644 --- a/review/main/components/tooltip.html +++ b/review/main/components/tooltip.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tooltip/code/Animations.html b/review/main/components/tooltip/code/Animations.html index 9f8ea3da0c3..806b3fdeb49 100644 --- a/review/main/components/tooltip/code/Animations.html +++ b/review/main/components/tooltip/code/Animations.html @@ -1,5 +1,5 @@ -
    +
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" id="tooltip-14">
    Animation no delay (Default)
    </db-tooltip>

    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" delay="slow" id="tooltip-15">
    Delay slow
    </db-tooltip>

    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" delay="fast" id="tooltip-16">
    Delay fast
    </db-tooltip>

    -
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" animation="disabled" id="tooltip-17">
    No animation
    </db-tooltip>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" animation="disabled" id="tooltip-17">
    No animation
    </db-tooltip>

    \ No newline at end of file diff --git a/review/main/components/tooltip/code/Emphasis.html b/review/main/components/tooltip/code/Emphasis.html index 69cc12dece9..5e0699907e8 100644 --- a/review/main/components/tooltip/code/Emphasis.html +++ b/review/main/components/tooltip/code/Emphasis.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" id="tooltip-06">
    Weak (Default)
    </db-tooltip>

    -
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" emphasis="strong" id="tooltip-07">
    Strong
    </db-tooltip>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" emphasis="strong" id="tooltip-07">
    Strong
    </db-tooltip>

    \ No newline at end of file diff --git a/review/main/components/tooltip/code/Placement.html b/review/main/components/tooltip/code/Placement.html index 018700ff5b8..d3473cdddef 100644 --- a/review/main/components/tooltip/code/Placement.html +++ b/review/main/components/tooltip/code/Placement.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" placement="bottom-start" id="tooltip-08-start">
    bottom-start
    </db-tooltip>

    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" placement="bottom" id="tooltip-08">
    bottom (Default)
    </db-tooltip>

    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" placement="bottom-end" id="tooltip-08-end">
    bottom-end
    </db-tooltip>

    @@ -10,4 +10,4 @@
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" placement="right-end" id="tooltip-11-end">
    right-end
    </db-tooltip>

    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" placement="top-start" id="tooltip-09-start">
    top-start
    </db-tooltip>

    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" placement="top" id="tooltip-09">
    top
    </db-tooltip>

    -
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" placement="top-end" id="tooltip-09-end">
    top-end
    </db-tooltip>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" placement="top-end" id="tooltip-09-end">
    top-end
    </db-tooltip>

    \ No newline at end of file diff --git a/review/main/components/tooltip/code/Tonality.html b/review/main/components/tooltip/code/Tonality.html index 7809f07ea64..1a8b0808f58 100644 --- a/review/main/components/tooltip/code/Tonality.html +++ b/review/main/components/tooltip/code/Tonality.html @@ -1,4 +1,4 @@ -
    +
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" id="tooltip-01">
    functional
    </db-tooltip>

    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" id="tooltip-02">
    regular (Default)
    </db-tooltip>

    -
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" id="tooltip-03">
    expressive
    </db-tooltip>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" id="tooltip-03">
    expressive
    </db-tooltip>

    \ No newline at end of file diff --git a/review/main/components/tooltip/code/Variant.html b/review/main/components/tooltip/code/Variant.html index a820f4f5757..8a70906f719 100644 --- a/review/main/components/tooltip/code/Variant.html +++ b/review/main/components/tooltip/code/Variant.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" id="tooltip-04">
    With arrow (Default)
    </db-tooltip>

    -
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" variant="basic" id="tooltip-05">
    Basic
    </db-tooltip>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-tooltip content="Tooltip" variant="basic" id="tooltip-05">
    Basic
    </db-tooltip>

    \ No newline at end of file diff --git a/review/main/components/tooltip/code/Width.html b/review/main/components/tooltip/code/Width.html index 0f8e978e16a..aa6cc7792a5 100644 --- a/review/main/components/tooltip/code/Width.html +++ b/review/main/components/tooltip/code/Width.html @@ -1,3 +1,3 @@ -
    +
    angular
    react
    vue
    html

    <db-tooltip
    content="Max width, lorem ipsum dolor sit amet, consetetur sadipscing"
    id="tooltip-12"
    >
    Auto (Default)
    </db-tooltip>

    -
    angular
    react
    vue
    html

    <db-tooltip
    content="Max width, lorem ipsum dolor sit amet, consetetur sadipscing"
    width="fixed"
    id="tooltip-13"
    >
    Fixed
    </db-tooltip>

    \ No newline at end of file +
    angular
    react
    vue
    html

    <db-tooltip
    content="Max width, lorem ipsum dolor sit amet, consetetur sadipscing"
    width="fixed"
    id="tooltip-13"
    >
    Fixed
    </db-tooltip>

    \ No newline at end of file diff --git a/review/main/components/tooltip/docs/Angular.html b/review/main/components/tooltip/docs/Angular.html index 3de9d2452ed..7eb541a6944 100644 --- a/review/main/components/tooltip/docs/Angular.html +++ b/review/main/components/tooltip/docs/Angular.html @@ -1,7 +1,7 @@ -
    +

    Angular

    For general installation and configuration take a look at the ngx-components package.

    Load component

    app.module.ts

    //app.module.ts
    import { DBTooltipModule } from '@db-ui/ngx-components';
    @NgModule({
    ...
    imports: [..., DBTooltipModule],
    ...
    })

    Use component

    -
    app.component.html

    <!-- app.component.html -->
    <db-button describedbyid="tooltip-01">
    Hover on me to open Tooltip
    <db-tooltip id="tooltip-01">Tooltip</db-tooltip>
    </db-button>

    \ No newline at end of file +
    app.component.html

    <!-- app.component.html -->
    <db-button describedbyid="tooltip-01">
    Hover on me to open Tooltip
    <db-tooltip id="tooltip-01">Tooltip</db-tooltip>
    </db-button>

    \ No newline at end of file diff --git a/review/main/components/tooltip/docs/HTML.html b/review/main/components/tooltip/docs/HTML.html index 6f27bbaa785..701192de412 100644 --- a/review/main/components/tooltip/docs/HTML.html +++ b/review/main/components/tooltip/docs/HTML.html @@ -1,5 +1,5 @@ -
    +

    HTML

    For general installation and configuration take a look at the components package.

    Use component

    -
    index.html

    <!-- index.html -->
    ...
    <body>
    <button class="db-button" aria-describedby="tooltip-01">
    Hover on me to open Tooltip
    <i class="db-tooltip" id="tooltip-01">Tooltip</i>
    </button>
    </body>

    \ No newline at end of file +
    index.html

    <!-- index.html -->
    ...
    <body>
    <button class="db-button" aria-describedby="tooltip-01">
    Hover on me to open Tooltip
    <i class="db-tooltip" id="tooltip-01">Tooltip</i>
    </button>
    </body>

    \ No newline at end of file diff --git a/review/main/components/tooltip/docs/Migration.html b/review/main/components/tooltip/docs/Migration.html index 4fe7c04ce95..744d2c946fd 100644 --- a/review/main/components/tooltip/docs/Migration.html +++ b/review/main/components/tooltip/docs/Migration.html @@ -1,7 +1,7 @@ -

    General

    +

    General

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Components

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/tooltip/docs/React.html b/review/main/components/tooltip/docs/React.html index fa7bee8867f..148643d4870 100644 --- a/review/main/components/tooltip/docs/React.html +++ b/review/main/components/tooltip/docs/React.html @@ -1,5 +1,5 @@ -
    +

    React

    For general installation and configuration take a look at the react-components package.

    Use component

    -
    App.tsx

    // App.tsx
    import { DBTooltip, DBButton } from "@db-ui/react-components";
    const App = () => (
    <DBButton describedbyid="tooltip-01">
    Hover on me to open Tooltip
    <DBTooltip id="tooltip-01">Tooltip</DBTooltip>
    </DBButton>
    );
    export default App;

    \ No newline at end of file +
    App.tsx

    // App.tsx
    import { DBTooltip, DBButton } from "@db-ui/react-components";
    const App = () => (
    <DBButton describedbyid="tooltip-01">
    Hover on me to open Tooltip
    <DBTooltip id="tooltip-01">Tooltip</DBTooltip>
    </DBButton>
    );
    export default App;

    \ No newline at end of file diff --git a/review/main/components/tooltip/docs/Vue.html b/review/main/components/tooltip/docs/Vue.html index bb237530236..eca930db78a 100644 --- a/review/main/components/tooltip/docs/Vue.html +++ b/review/main/components/tooltip/docs/Vue.html @@ -1,5 +1,5 @@ -
    +

    Vue

    For general installation and configuration take a look at the v-components package.

    Use component

    -
    App.vue

    <!-- App.vue -->
    <script>
    import { DBTooltip, DBButton } from "@db-ui/v-components";
    </script>
    <template>
    <DBButton describedbyid="tooltip-01">
    Hover on me to open Tooltip
    <DBTooltip id="tooltip-01">Tooltip</DBTooltip>
    </DBButton>
    </template>

    \ No newline at end of file +
    App.vue

    <!-- App.vue -->
    <script>
    import { DBTooltip, DBButton } from "@db-ui/v-components";
    </script>
    <template>
    <DBButton describedbyid="tooltip-01">
    Hover on me to open Tooltip
    <DBTooltip id="tooltip-01">Tooltip</DBTooltip>
    </DBButton>
    </template>

    \ No newline at end of file diff --git a/review/main/components/tooltip/examples.html b/review/main/components/tooltip/examples.html index 2d29d44692b..c9f59ab7566 100644 --- a/review/main/components/tooltip/examples.html +++ b/review/main/components/tooltip/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tooltip/how-to-use.html b/review/main/components/tooltip/how-to-use.html index efb096853e4..24bb86017d5 100644 --- a/review/main/components/tooltip/how-to-use.html +++ b/review/main/components/tooltip/how-to-use.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tooltip/migration.html b/review/main/components/tooltip/migration.html index b0f557c646e..84c1f20b28f 100644 --- a/review/main/components/tooltip/migration.html +++ b/review/main/components/tooltip/migration.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tooltip/overview.html b/review/main/components/tooltip/overview.html index fd63afb437f..03aae218556 100644 --- a/review/main/components/tooltip/overview.html +++ b/review/main/components/tooltip/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/tooltip/properties.html b/review/main/components/tooltip/properties.html index 341894a47b7..c7ac3786a07 100644 --- a/review/main/components/tooltip/properties.html +++ b/review/main/components/tooltip/properties.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/foundations/colors/color-schemes.html b/review/main/foundations/colors/color-schemes.html index 33d97da2ea6..3cc7c2189ae 100644 --- a/review/main/foundations/colors/color-schemes.html +++ b/review/main/foundations/colors/color-schemes.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/foundations/colors/overview.html b/review/main/foundations/colors/overview.html index 2e0fea08bfa..0a3383ce31e 100644 --- a/review/main/foundations/colors/overview.html +++ b/review/main/foundations/colors/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/foundations/colors/readme.html b/review/main/foundations/colors/readme.html index 3572c05cd97..618386a6c53 100644 --- a/review/main/foundations/colors/readme.html +++ b/review/main/foundations/colors/readme.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/foundations/icons/custom-icons.html b/review/main/foundations/icons/custom-icons.html index a8562c2fd64..4a8dfa50ae3 100644 --- a/review/main/foundations/icons/custom-icons.html +++ b/review/main/foundations/icons/custom-icons.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/foundations/icons/overview.html b/review/main/foundations/icons/overview.html index b2a89a1a8ef..6ab268d0088 100644 --- a/review/main/foundations/icons/overview.html +++ b/review/main/foundations/icons/overview.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/foundations/icons/readme.html b/review/main/foundations/icons/readme.html index 0ee2cb81680..37ed9e49d10 100644 --- a/review/main/foundations/icons/readme.html +++ b/review/main/foundations/icons/readme.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/foundations/readme.html b/review/main/foundations/readme.html index 882f575b0de..3d2ca9f8cec 100644 --- a/review/main/foundations/readme.html +++ b/review/main/foundations/readme.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/foundations/tonalities/examples.html b/review/main/foundations/tonalities/examples.html index ee3b975a06b..e8d1cec82a9 100644 --- a/review/main/foundations/tonalities/examples.html +++ b/review/main/foundations/tonalities/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/foundations/tonalities/readme.html b/review/main/foundations/tonalities/readme.html index 7cc0f51180f..11cf8483366 100644 --- a/review/main/foundations/tonalities/readme.html +++ b/review/main/foundations/tonalities/readme.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/foundations/variables/examples.html b/review/main/foundations/variables/examples.html index 1cebb489d5b..d1a57693bf3 100644 --- a/review/main/foundations/variables/examples.html +++ b/review/main/foundations/variables/examples.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/foundations/variables/readme.html b/review/main/foundations/variables/readme.html index 4a76ca74e00..363c65f8370 100644 --- a/review/main/foundations/variables/readme.html +++ b/review/main/foundations/variables/readme.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/iframe.html b/review/main/iframe.html index 1a1d7c660fa..783eb1f6713 100644 --- a/review/main/iframe.html +++ b/review/main/iframe.html @@ -1 +1 @@ -
    Wrong format
    \ No newline at end of file +
    Wrong format
    \ No newline at end of file diff --git a/review/main/index.html b/review/main/index.html index a1ad121d417..6676f1f343c 100644 --- a/review/main/index.html +++ b/review/main/index.html @@ -1 +1 @@ -
    \ No newline at end of file +
    \ No newline at end of file